/* CSS Document */
body{ color:#000; margin:0 auto}
h4{font-size:16px;color:#000;padding:0px;border-bottom:#ccc solid 1px;border-top:#ccc solid 1px; margin-top:0px; margin-bottom:5px}
h4 a{color:#000; background:none}

#pagina{height:auto !important;min-height:1000px;text-align:center;margin:0 auto;width:1024px}
#cabecalho{
margin-top:20px;
	background:url(http://comportugal.com/imagens-pub/top2013.jpg)no-repeat;  
	 height:400px; background-size: 100%; 
}
#cabecalho img{max-width:100% ;
    max-height:100% ;
    display:block;}

#nomeEmpresa{text-align:left; color:#666; }

.nomeEmpresa, .nomeEmpresa a{color:#666; text-align:left; font-size:30px;}
.nomeEmpresa2{text-align:left; font-size:20px; margin:0; color:#666;}
.slogan{color:#666; text-align:center; font-size:20px; margin-top:5px; padding:5px;}


#barraColorida{width:100%;height:2px; background-color:#FFF;}
#barraNegra{width:100%;height:1px;background-color:#fff}

#conteudos{margin:0 auto;}
#conteudosEsq{width:205px;height:100%;float:left; margin-top:0}
#conteudosDta{height:100%; margin-top:0; left:5px}
#barraNegraVertical{width:24px;height:190px;background-color:#000;left:0;float:left;margin-right:20px}
#logotipo{position:relative;top:0;padding-top:0;width:205px;margin-left:0;left:0}
.barraRosa{height:20px;background-color:#ccc;padding-left:17px}

.barraRosaTitulo{ text-align:left; background-color:#cccccc; display:block; font-size:16px; height:auto; color:#202020;}
.well{background-image:none !important; border:none !important; padding:5px !important}

.barraRosaTituloEsquerda{ text-align:left;color:#000;margin-top:20px;font-size:16px }

.caixaBranca{margin-top:5px;margin-bottom:5px;background-color:#FFF;}
.caixaBrancaEsquerda{margin-top:5px;margin-bottom:5px;background-color:#FFF;padding:5px}
#caixaRosa,.caixaRosa{ display:block;}
.caixaLinks{height:auto;padding:3px;margin-bottom:3px;text-align:center;font-variant:small-caps;font-size:8px;background-color:#CCC}
.caixaLinks a{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#fff;text-decoration:none;padding-left:5px}
.caixaLinks a:hover{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#ccc;text-decoration:none;padding-left:5px;font-weight:700;background-color:#FFF}

.opcaoMenu,.opcaoMenu a{ color:#000; margin-top:15px; padding:8px 15px; }
.opcaoMenu a:hover{color:#333;}

#centroPag{display:block; padding-top:5px}
#barraDta{position:relative;float:left;height:100%;width:170px;top:0;}
#publicidade{float:left;width:170px;top:0}
#fundos{position:fixed;height:46px;width:1024px;bottom:0;margin-right:auto;margin-left:auto}
#barraFundo{position:relative; height:26px; width:950px; bottom:0; background-image:url(../imagens/barraInfTransp.png); background-repeat:repeat-x; background-position:bottom; margin-right:auto; margin-left:auto; }
#imagemFundo{width:100%;height:100%;background-image:url(../imagens/fundo_cinza.jpg);position:fixed}

#footerX{margin-top:20px;color:#000; min-height:20px; width:100%; background:#eee;}

.footerText{font-size:70%;text-align:left;background-color:#000;height:30px;padding:10px;bottom:0;margin-top:5px;position:relative}
#caixaVendedor{background-image:url(../imagens/simbolo-COMPortugal.png);background-repeat:no-repeat;height:25px;width:100%;font-size:12px;color:#fff;padding-left:30px;padding-top:3px;float:left;margin-right:30px;margin-left:10px}
.textoPretoFooter{color:#000;float:left;font-size:10px;padding-left:50px}
.textoBrancoFooter{color:#000;width:160px;float:left}

.caixaNoticia{position:relative;margin:2px;padding:5px;background-color:#fff;min-height:180px}
#colnoticiaLeft{position:relative;margin-left:10px;margin-top:15px;width:150px;border:#FFF solid 5px}
#colNoticiaRight{margin-left:5px;padding:5px;margin-bottom:10px}
.colNoticiaRight{margin-left:5px;float:right;margin-top:10px;padding:5px;padding-bottom:10px;margin-bottom:10px}#caixaNoticiaFooter{height:20px;margin-top:25px;background-color:#FFF;text-align:right;padding-left:10px}

.leftImagePlacer{float:left;margin-right:10px; height:150px; overflow:hidden}
.leftImagePlacerBig{float:left;margin-right:10px; width:585px; overflow:hidden; padding:10px 0 20px 0;
background: url(http://comportugal.com/subdominios/<?php echo $template; ?>/imagens/blank.gif);}

.leftImagePlacerContactos{float:left;margin-right:10px}
.blocosGaleria{border:#D5D5D5 solid 1px;padding:5px;float:left;margin:5px ;text-align:center;background-color:#fff; width:200px;}
.blocosProdutos{border:#D5D5D5 solid 1px;max-width:228px; min-width:228px; display:block }
.blocosProdutosHome{border:#D5D5D5 solid 1px; max-width:258px; min-width:258px; display:block }

.blocosGaleriafooter{height:20px;background-color:#fff;padding-top:5px;text-align:right;}
.blocosProdutosfooter{height:60px; padding:5px; font-size:12px; width:100%; text-align:left; display:block}
.blocosProdutosfooter a {height:30px;padding:5px; color:#000; width:90%; text-align:left }
.blocosProdutosfooter a:hover {text-decoration: underline; background:none;}

#seguraFotos{
	padding:5px;
	margin:0;
	
	margin-bottom:50px;
}

#seguraFotosGaleria{
	padding:5px 5px 5px 20px;
	margin:5px;
	background-color:#FFF;
	height:auto;
	margin-bottom:50px;
}


#seguraFotosFrontpage{
	background-color:#FFF;
	text-align:center;
}

a img{border:none;}
input,textarea{font-family:Helvetica, sans-serif;font-size:11px;}
#caixaNoticiaHome{background-color:#FFF;min-height:180px; padding: 10px;}

.thumbsFrontpage{width:235px; height:150px; overflow:hidden;}

.textoPretoFooter, .textoPretoFooter a, .textoBrancoFooter, .textoBrancoFooter a { color:#000;}
.barraRosaTitulo,  .barraRosaTituloEsquerda { -moz-border-radius: 10px; border-radius: 10px; margin:10px 0;}

.caixaBranca, #seguraFotos, #seguraFotosGaleria,#caixaNoticiaHome {-moz-border-radius: 5px; border-radius: 5px}

/*.barraRosaTitulo,.barraRosaTituloEsquerda, #seguraFotosGaleria { -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc;}*/


.btRedondo{ -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px 2px 5px; margin:5px 0 0 5px; color:#000; background:#ccc; color:#fff }
.voltar{ -moz-border-radius: 5px; border-radius: 5px; padding: 12px 15px 12px 15px; margin:5px 0 15px 5px; color:#fff; background:#ddd;font-size:18px }
.voltarTxt{font-size:18px; line-height:180% }
.lerMais{ color:#000; background:#ddd; }
.lerMaisTexto{padding:5px; line-height: 180%; font-size:14px}



.btRedondo a{ -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px 2px 5px; margin:5px 0 0 5px; color:#000;color:#000; background:#ddd; }

.btRedondo a:hover{ -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px 2px 5px; margin:5px 0 0 5px; color:#fff; background:#ddd; }

.textoApresentacao{padding:5px; line-height: 20%; font-style:italic; font-size:16px !important; }
.textoBig{padding:5px; line-height: 180%; font-size:14px}
.parceirosBt{width:100%; font-size:14px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px 2px 5px; margin:5px 0 0 5px; color:#000; background:#ddd;}



.addthis_toolbox{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:100px;
	text-align:right;
}
.addthis_toolbox_shareBar{
	float:left;
	margin-top:-2px;
	margin-right:10px;
	width:400px;
	text-align:left;
}
.addthis_toolbox a:hover, .addthis_toolbox_shareBar a:hover{background:none}

.shareBar{ height:40px; width:100%;padding:10px; margin-top:20px; }
.shareText{font-size: 16px; font-weight: bold; float: left; margin: 0 60px 0 0;}

.produtoFrontpage{
	
	height:200px;
	overflow:hidden;
}
.paginaProduto{
	
	height:200px;
	overflow:hidden;
}
.imgFrontpage{
	width:100%;
	border:0;
}
.imgProdutos{
	width:100%;
	border:0;
}
.imgGaleria{width:560px;margin:0;border:0}
.puxaGaleria{padding-left:15px}


table.table2{
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1.2em;
    border-collapse:collapse;
    text-align:center;
	width:100%;
}

.table2 thead th, .table2 tfoot td{
    padding:20px 10px 40px 10px;
    color:#fff;
    font-size: 26px;
    background-color:#222;
    font-weight:normal;
    border-right:1px dotted #666;
    border-top:3px solid #666;
    -moz-box-shadow:0px -1px 4px #000;
    -webkit-box-shadow:0px -1px 4px #000;
    box-shadow:0px -1px 4px #000;
    text-shadow:0px 0px 1px #fff;
    text-shadow:1px 1px 1px #000;
}
.table2 tfoot th{
    padding:10px;
    font-size:18px;
    text-transform:uppercase;
    color:#888;
}

.table2 tfoot td{
    font-size:26px;
    color:#EF870E;
    border-top:none;
    border-bottom:3px solid #666;
    -moz-box-shadow:0px 1px 4px #000;
    -webkit-box-shadow:0px 1px 4px #000;
    box-shadow:0px 1px 4px #000;
}
.table2 thead th:empty{
    background:transparent;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.table2 thead :nth-last-child(1){
    border-right:none;
}
.table2 thead :first-child,
.table2 tbody :nth-last-child(1){
    border:none;
}
.table2 tbody th{
    text-align:center;
    padding:5px;
    color:#333;
    text-shadow:1px 1px 1px #ccc;
    background-color:#f9f9f9;
}
.table2 tbody td{
    padding:5px;
    background-color:#f0f0f0;
    border-right:1px dotted #999;
    text-shadow:-1px 1px 1px #fff;
    /*text-transform:uppercase;*/
    color:#333;
}
.table2 tbody span.check::before{
    content : url(../images/check1.png)
}

.menuHover{ background-color:#CCC!important; display:block;}
.blocosProdutosHover{background-color:#eee!important; z-index:9999; border:1px solid #666; opacity:0.9;}


/*teste de slider*/

#s3slider { 
   width: 560px; /* important to be same as image width */ 
   height: 260px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   display:none;
}

#s3sliderContent {
   width: 560px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   font-size:14px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   /*left: 0;*/
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 50px 10px 10px;
   width: 200px;
   background-color: transparent;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #000;
   font-size:16px;
   font-family: 'Crete Round', serif;
   text-align:right;
   line-height:120%;
   display: none; /* important */
   bottom: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}


.rightSpan {
	right: 10px;
	bottom: 0;
	width: 200px !important;
	height: 240px;
	padding-right:50px;
	

}

.clear {
   clear: both;
}


/*slider News - destaques slider */


#s3sliderNews { 
   width: 180px; /* important to be same as image width */ 
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   display:none;
}

#s3sliderNewsContent {
   width: 180px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   font-size:10px;
}

.s3sliderNewsImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderNewsImage span {
   position: absolute; /* important */
   /*left: 0;*/
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 50px 10px 10px;
   width: 180px;
   background-color: transparent;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #000;
   font-size:12px;
   font-family: 'Crete Round', serif;
   text-align:right;
   line-height:120%;
   display: none; /* important */
   bottom: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}


.rightNewsSpan {
	right: 10px;
	bottom: 0;
	width: 180px !important;
	height: 150px;
	/*padding-right:50px;
	*/

}

/* Tiny Scrollbar */
#scrollbar1 { width: 190px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 170px; height: 300px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(http://comportugal.com/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(http://comportugal.com/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(http://comportugal.com/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(http://comportugal.com/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }

.addthis_bar_container.closed{ margin-top:-120px}



.itemImg{background: url(http://comportugal.com/subdominios/<?php echo $template; ?>/imagens/blank.gif); width:100%; height:100%; background-color:transparent;}
.imgLock{background: url(http://comportugal.com/subdominios/<?php echo $template; ?>/imagens/blank.gif); width:100%; height:100%;}

#map_canvas{
height: 500px;
padding: 15px 0px 40px 10px;
margin: 0px auto;
top: 15px;
color: black;
position: relative;
background-color: #E5E3DF;
}


.credits{
	color:#333;
	padding:10px 20px;
	text-align:center
}
.credits a{
	text-decoration:underline;
	color:#333;
}

.pubImg{
	max-height:50px;
	max-width:80px;
	overflow: hidden;
}
.center{text-align:center;}


.effect{position:relative;}
.effect img{
opacity:1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
.effect .details{
position:absolute;
top:0;
left:0;
opacity: 0;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
width:100%;
height:100%;
color:#000;
}

.effect .details h3{
	padding-top:50px;
	font-size:60px;
	color:#000;
	text-align:center;
}

.effect .details p{
	color:#000;
	padding:20px 10px;
	text-align:center;
}

.effect .details:hover{
opacity: .7;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 200ms;
color:#000;
background:#fff;
}

.subnav-fixed {
    /*important part*/
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1020;
    /*design stuff*/
    border-color: #333333;
    border-radius: 0 0 0 0;
    border-width: 0 0 1px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
	background-color:#dddddd;
}
 .subnav .nav > li {
        float: left;
    }

.thumbnails > li {
    margin-left: 18px;
}

.grid{
	margin:0 auto;
	max-width:85%;
	}

.grid-item {
  display:block;
  padding:2px;
}
.grid-sizer,
.grid-item { width: 20%; }

.imgGal2{
	display:block;
	width:100%;
	}
	
	.barraMenu{}
	
	.grey-form{padding:20px 10px; background-color:#eee;}

	/* 2015 */
	
.nav > li > a{ padding: 6px 12px !important;}	
.navbar{margin-bottom: 0 !important; border: none !important; }
	
.grey{background:#eee;
	padding-top: 20px !important;
	}	
	
	
	.navbar-form input, .form-inline input {
	width:auto;
}

.navbar {
    margin-bottom:0;
}

.subnav {
   margin:0;
  top: 0px;
  z-index: 1020;
  background-color: rgb(247,247,247); 
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 0px 20px 0px;
}

.subnav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}
	
	
	.imagemnoticia{ overflow:hidden; padding:5px;}
	.imgNoticia{max-width:95%;}
	
	.carousel-control.right, .carousel-control.left{background:none !important;}
	



.bt_enviar{
  padding:10px!important; font-size:20px!important;
}



@media (max-width: 980px) {
    body {
        padding-top: 0;
    }
}
.subnav {
    width: 100%;
}
@media  (max-width: 768px) {
    .subnav {
        position: static;
        top: auto;
        z-index: auto;
        width: auto;
        height: auto;
    }
    .subnav .nav > li {
        float: none;
    }
	
	.logo{max-width:8px !important; display:none !important;}
	.opcaoMenu, .opcaoMenu a{padding:3px 6px !important; display:compact;}
	.nomeEmpresa, .nomeEmpresa a {text-align:center;}
	
	.carousel-inner {
	margin:10px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
	display:block;
	}
	.page-header{font-size:25px; padding:5px;}
	h2{font-size:18px !important;}
	
}
@media (min-width:320px) and (max-width:768px){
	.blocosProdutos{
		max-width: 100%;
		margin-left:-20px !important;
		}
}
@media (min-width: 980px) {
  .subnav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1020;
  }
 .subnav-fixed .nav {
    width: 938px;
    margin: 0 auto;
  }
   .subnav .nav > li {
        float: left;
    }
}
@media (min-width: 1210px) {
  .subnav-fixed .nav {
    width: 1168px;
	top:0;
  }
  .subnav .nav > li {
        float: left;
    }
	
}


@media (min-width: 1330px) {
	.container{width:1330px !important;}
}