@charset "UTF-8";
/* CSS Document */

body{
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	height: 100%;
	background-color: #fff;
	margin:0;
	padding:0;
	padding-top:20px;
	text-align:center; /* hack para o IE */
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
h1{font-family: tahoma, serif; }

h2 {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 14px;
	padding-top: 5px;
}

h4{ font-weight:bolder;
	color:#000;
	font-size:20px;
	margin-bottom: 10px;
	font-family: 'Crete Round', serif;
}

ul {
	padding-left: 15px;
	padding-top: 0px;
	margin-left: 5px;
}
/*li {
	list-style-type: none;
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url(../images/bullet.png);
}*/
.titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 16px;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#pagina{
	height: 1000px;
	width:100%;
	margin:0 auto;
	padding: 0;
	padding-top:20px;
	text-align:left; /* "remédio" para o hack do IE */

}


a  {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #FFf;
	text-decoration: none;
}
#publicidade {
	float: right;
	width: 170px;
	margin-top:0;
	background:none;
	padding-left:5px;
	padding-right:5px;
	padding-top:0;
}
#barraEsq1 {
	float: left;
	width: 164px;
	margin-top: 119px;
	margin-left: 0px;
	height:500px;
}
.negrito {
	font-weight: bold;
}


.packTop{
	margin:0px;
	padding:0px;

}
.packTop:hover{
	-moz-box-shadow: inline 3px 3px 3px #ccc; -webkit-box-shadow: inline 3px 3px 3px #ccc; box-shadow: inline 3px 3px 3px #ccc; zoom:1.1;
}

.packText{
	padding:0; text-align:right
}

.textBox{padding-left:10px; margin:0; color:#360; text-align:center}


.packs_preco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
	text-align:right;

	border-top:#000 solid 1px;
}
.packs_iva {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000;
	padding:10px;
	text-align:right;
	padding-left:20px;
	width:750px;

}

.divisoriaPreta {
	background-color: #000;
	width: 3px;
}
.quadriculado {
	background-image: url(../images/quadriculado.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 23px;
}

.packMuitoBarato {
	/*background-color: #b2ffb2;*/
	margin:0px;
}
.packSuperBarato {
	/*background-color: #b2ffff;*/
	margin:0px;
}
.packHiperBarato {
	/*background-color: #ffffb2;*/
	margin:0px;
}

.packMegaBarato {
	/*background-color: #fee7c4;*/
	margin:0px;
}
.packAltamenteBarato {
	/*background-color: #ffb2b2;*/
	margin:0px;
}
.packSuperOferta {
	background-color: #ffb2b2;
	margin:0px;
}
.ultimaHoraData {
	background-color: #9C6;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFF;
}
.ultimaHora {
	background-color: #0D7C16;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	line-height: 18px;
	padding-right: 10px;
	padding-left: 10px;
}

.info {
	background-color: #7cc3f5;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	line-height: 18px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.info a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.info a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #1A9AF5;
}

.sugestoes {
	background-color: #FF6;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	line-height: 18px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.sugestoes a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.sugestoes a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background-color: #FF0;
}
.publicidade {
	border: 1px solid #FFF;
}

/*CABEÇALHO //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#cabecalho{
  /*background-image: url(../images/fundo.jpg);
  background-repeat: repeat-y;
  background-color: #DADF23;*/
  width:1010px;
  height:95px;
  margin:0 auto;
  /*position: fixed;*/
  text-align:center; /* hack para o IE */
}
#cabecalho_conteudos {

  height:97px;
}
#faixaBranca{
  width:1000px;
  height:15px;
  background-color:#FFF;
  margin-bottom:5px;
}
#barraEsq {
	width:164px;
	height:452px;
	margin-left: 0px;
	float:left;
	clear:both;
}

/*RODAPÉ //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#rodape {
	width:100%;
	height:40px;
	bottom: -2px;
	position: fixed;
	text-align:center; /* hack para o IE */
	background-color:#F00;
	left:0
}
#rodape_conteudos {
	background-color:#ff0000;
	width:80%;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left:100px;

}

#rodape_conteudos a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#rodape_conteudos a:hover {
	color: #DEC61B;
	text-decoration: none;
}
.rodape_creditos {
	text-align:center;
	margin-top:20px;
	width:100%;
	height:50px

}
#rodape_creditos a, #rodape_creditos a:hover {
	font-weight: normal;
}




.infoGerais {
	background-color: #EDFBBA;
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 5px;
}

.infoGerais a {
	background-color: #EDFBBA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FC0E02;
	text-decoration: underline;
}
.infoGerais a:hover {
	background-color: #EDFBBA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	text-decoration: underline;
}

#infoBoxes{
	padding:5px;
	font-size:9px;
	font-weight:lighter;
	text-transform:none; line-height:normal;
	width:288px;
	border:#CCC solid 1px;
}

#testemunhosTop{
	width:300px; height:20px;
	line-height:20px;
	font-size:18px; text-align:left; text-transform:uppercase; font-weight:bold;
	border-top: solid 8px; border-bottom:solid 3px;
	border-color:#CC3;
	margin-top: 0px;
	margin-left:0px;
	padding-left:0px;
	background-image:url(../images/quadriculado.jpg);
	background-repeat:repeat-x;


}
.testemunhoText{
	font-size:16px;
	line-height:160%;
}



.testemunhosBranco{
	background-color:#FFF;
	clear:right;
	padding-left:5px;
	padding-right:5px;
	width:auto;
}

#quad{
	background-image:url(../images/quadriculado.jpg);
	background-repeat:repeat-x;
	width:10px;
}

.testemunhos {
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 0px;
}

.testemunhosAssinatura {
	text-align: right;
	margin-bottom:5px;
	margin-top:5px;
}
.testemunhosAssinatura a {
	text-align: right;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.testemunhosAssinatura a:hover {
	text-align: right;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
#popupLogin {
	position: relative;
	width: 164px;
	margin-bottom: 0px;
	bottom: 0px;
	margin-left: 0px;
	left: 0px;
	height:100px;
	color: #FFF;
	z-index:999;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}
.recuperarSenha {
	font-size: 9px;
	font-weight: normal;
	color: #FFF;
	text-align: right;
	z-index: 999;
}

/* Efeito nas imagens CSS*/
/*a:hover img {
	filter:alpha(opacity= 80);
	-moz-opacity: 0.8;
	opacity: 0.8;}

a img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}*/
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-left: 2px;
	border: 1px solid #9c3;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #FFF;
	width: 550px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	margin: 3px;

}
input:focus, textarea:focus {
	background-color: #9c3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}
#enviar {
	width: 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	background-color: #9c3;
	text-align: center;
}
#limpar {
	width: 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	background-color: #FF0101;
	text-align: center;
}
#enviar:hover, #limpar:hover {
	font-weight: normal;
	color: #000;
	background-color: yellow;
	text-align: center;
	cursor: pointer;
}
label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;
	color: #333;
	text-align: left;
	width:200px;
	height:30px;
	float:left;
	clear:right;
}

.rosa {
	color: red;
}


/*Bts exemplo*/

.exemploMuito{
	background-color:#00ff00;
	height:20px;
	width:145px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	border-top:#FFF solid 3px;
	color:#000;

}


.exemploMuito .exemploSuper .exemploHiper .exemploAltamente .exemploMega .exemploOferta a {
	color:#000;
}

.exemploMuito .exemploSuper .exemploHiper .exemploAltamente .exemploMega .exemploOferta a:active {
	color:#000;
}

.exemploMuito .exemploSuper .exemploHiper .exemploAltamente .exemploMega .exemploOferta a:hover {
	color:#666;

}


.exemploMega{
	background-color:#ff9933;
	height:30px;

}

.exemploSuper{
	background-color:#00ffff;
	height:20px;
	width:145px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	border-top:#FFF solid 3px;
	color:#000;

}

.exemploHiper{
	background-color:#ffff00;
	height:20px;
	width:145px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	border-top:#FFF solid 3px;
	color:#000;

}
.exemploMega{
	background-color:#ff9933;
	height:20px;
	width:145px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	border-top:#FFF solid 3px;
	color:#000;
}
.exemploAltamente{
	background-color:#ff0000;
	height:20px;
	width:145px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	border-top:#FFF solid 3px;
	color:#000;

}

.exemploOferta{
	background-color:#cc3399;
	height:20px;
	width:145px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	border-top:#FFF solid 3px;
	color:#000;

}

.btExemplos{-moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; -moz-border-radius: 15px;
border-radius: 15px;height:20px;
	width:145px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:5px; background: #FF0; margin-bottom:10px; margin-top:10px}

.Conteudos{
	width:800px;
	height:300px;
	margin-bottom:10px;
	margin-top:0px;
	padding-left:40px
}

#separadorConteudos{
	width:800px;
	height:540px;
	margin-bottom:10px;
	margin-top:0px;
	/*border-bottom: #693 inset 10px;*/
}
#separadorConteudos9{
	width:820px;
	height:500px;
	margin-bottom:10px;
	margin-top:0px;
	padding-left:10px
}
#separadorConteudos1{
	width:820px;
	height:320px;
	margin-bottom:10px;
	margin-top:0px;
	padding-left:10px
}



/*noticias*/

#box{
	float:left;
	margin:5px;
	padding:5px;
	width:300px;
}

#newsBoxTop{
	width:300px;
	top:0px;
	background-image:url(../images/quadriculado.jpg);
	background-repeat:repeat-x;
	font-size:18px; text-align:left; text-transform:uppercase; font-weight:bold;
	border-top: solid 8px; border-bottom:solid 3px;
	border-color:#3C0;
}

#coolBox{
	padding-top:20px;
	padding-left:10px;
	width:600px;
	height:250px;
	background-color:#eff9c4;
	left:0px;
	float:left;/*border-radius: 30px 31px 0px 0px;
-moz-border-radius: 30px 31px 0px 0px;
-webkit-border-top-right-radius: 31px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
*/
}
#coolBox a {
	font-weight: bold;
	font-size: 12px;
}
#coolBox a:hover {
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

.boxfooter{
	width:275px;
	margin:5px;
	margin-top:5px;
	padding:5px;
	float:left;

}
.leftImagePlacer{
	float:left;
	margin-right:10px;
	margin-top: 5px;
	margin-bottom: 5px;

}

#infoTop{
	width:150px; height:20px;
	line-height:20px;
	font-size:18px; text-align:left; text-transform:uppercase; font-weight:bold;
	border-top: solid 8px; border-bottom:solid 3px;
	border-color: #0CF;
	background-image:url(../images/quadriculado.jpg);
	background-repeat:repeat-x;

}
#infoBox{
	background-color:#0CF;
	color:#FFF;
	width:130px;
	height:60px;
	margin-top:5px;
	line-height:14px;
	text-align:left;
	font-size:16px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


#infoBox a{
	color:#FFF;
	font-size:12px;
}
#infoBox a:active{
	color:#FFF;
}
#infoBox a:hover{
background-color:#FFF;
color:#F00;
text-transform: uppercase;
}

#smallBox{
	margin:0px;
	width:150px;
	float:left;

}
#conteudos{
	/*position:inherit;*/
	width:800px;
	/*height:auto;*/

	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 10px;
	float: left;
	margin-bottom:20px;
}
#conteudosHome{

	width:820px;
	/*height:auto;*/
	background-color:#FFF;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding-top: 10px;
	float: left;
}
/*#conteudos a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000 ;
	text-decoration: none;
}
#conteudos a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}*/

.packs {
	width: 145px;
	padding:5px;
	margin:2px;
	/*border:#CCC solid 1px;*/
	float:left;
}


#sugestTop{
	width:150px; height:20px;
	line-height:20px;
	font-size:18px; text-align:left; text-transform:uppercase; font-weight:bold;
	border-top: solid 8px; border-bottom:solid 3px;
	border-color: #FF0;
	margin-top:5px;
	background-image:url(../images/quadriculado.jpg);
	background-repeat:repeat-x;
}

#SugestBox{
	height:100px;
	background-color:#FF0;
	color: #000;
	width:130px;
	height:100px;
	margin-top:5px;
	line-height:16px;
	text-align:left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


#SugestBox a{
	color:#000;
	font-size:12px;
}
#SugestBox a:active{
	color:#FFF;
}
#SugestBox a:hover{
background-color:#FFF;
color:#F00;

}

#menu{text-align:center;  padding-top:15px;margin-top:10px}
#menu1{padding-top: 15px; margin-top: 10px; height:30px; font-family: tahoma, serif; font-variant:normal; font-size:12px; font-weight:bold; background:#669933; width: 720px; padding-left: 100px;}
#menu2Wraper{position:absolute; margin-top:0}
#menu2{padding-top: 10px;  height:50px;  font-variant:normal; font-size:12px;  background:#99CC33; width: 100%;  top:0; position:fixed;-webkit-box-shadow: 0px 0px 24px #693;
-moz-box-shadow: 0px 0px 24px #693; box-shadow: 0px 0px 24px #693; z-index:99; border-bottom:groove 5px #693}

#menuBottom{text-align:center;  background:none; padding-top:10px;margin-top:10px;font-size:10px}
#menuBottom a:hover{color:#669933}

#caixaTop{width:800px; margin:0 auto; display:block; padding-left:20px}
#caixaTop1{width:800px; margin:0 auto; display:block; padding-left:20px; margin-bottom:170px;height:200px}
#caixaTop3{width:800px; margin:0 auto; display:block; padding-left:20px; margin-bottom:170px;height:120px}

#caixaTopXp{width:810px; margin-top:40px; display:block;  border-top:#CF9 inset 10px; border-bottom:#693 inset 10px; background:#FFF; height:230px; line-height:180%; font-size:12px; padding:20px 5px 20px 5px}

.cxTop1{ width:240px; height:150px;  margin:10px 10px 5px 5px;  color:#000; float:left; line-height:180%; font-size:12px}
.cxTop2{ width:240px; height:150px;  margin:10px 10px 5px 5px; color:#000; float:left;line-height:180%; font-size:12px }
.cxTop3{ width:240px; height:150px;  margin:10px 10px 5px 25px; color:#000; float:left; line-height:180%; font-size:12px}
.cxTopText{height:150px;  margin:5px; margin-top:10px; color:#000; float:left; line-height:180%; font-size:12px}

.cxImg1{width:240px; height:270px; padding:8px; margin:2px; color:#000; float:left;line-height:180%; font-size:12px }
.cxImg2{width:240px; height:270px; padding:8px; margin:2px; color:#000; float:left;line-height:180%; font-size:12px }
.cxImg3{width:240px; height:270px; padding:8px; margin:2px; color:#000; float:left;line-height:180%; font-size:12px }

.cxTop1c{width:240px; height:310px; padding:8px; margin:2px; color:#000; float:left; line-height:180%; font-size:12px }
.cxTop2c{width:240px; height:310px; padding:8px; margin:2px; color:#000; float:left;line-height:180%; font-size:12px  }
.cxTop3c{width:240px; height:310px; padding:8px; margin:2px; color:#000; float:left; line-height:180%; font-size:12px }

.labelTop{ -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px 5px 20px;  height:220px; -moz-box-shadow:1px 1px 2px #e6e6e6; -webkit-box-shadow:  1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; width:230px; margin:5px; float:left; line-height:180%; font-size:12px; }

.candle{position:absolute; top:0; left:15px}


/*Pagina Aderentes*/
.caixaAderente{width:190px; float:left;  overflow:hidden; display:block; height:260px; margin:3px; border-bottom:#CF9 1px solid; }
.imgAderente{float:left; width:170px; height:180px; overflow:hidden; padding:5px; margin-bottom:5px; text-align:center; }
.textoAderente{width:240px; padding:5px; height:240px;}
.visitarBt, .visitarBt a{ text-align:center; background:#9C6; color:#FFF; padding:3px 5px; bottom:0;font-size:12px; -moz-border-radius: 5px; border-radius: 5px; text-transform:uppercase; font-size:12px; font-weight:bold; width:180px; }
.tituloAderente{margin:0; width:180px; height:40px; font-family:Verdana, Geneva, sans-serif; font-size:14px; padding:3px}
.tituloAderente a, .tituloAderente a:hover, .tituloAderente a:link {color:#693;}

/*Pagina Aderentes*/

#bigFooter{ with:100%; height:300px; margin-top:500px; padding:20px; display:block}
.btRedondo{ -moz-border-radius: 5px; border-radius: 5px; padding: 5px 5px 5px 5px; margin:5px 0 0 5px color:#000; background:#99cc66; }
.btNatal, .btNatal a{ -moz-border-radius: 5px; border-radius: 5px; padding: 5px 5px 5px 5px; margin:5px 0 0 10px color:#000; background:#990000; color:#ff3 }

.btNatal.a:hover{ -moz-border-radius: 5px; border-radius: 5px; padding: 5px 5px 5px 5px; margin:5px 0 0 10px color:#000; background:#99cc66; color:#000 }

.sombra {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

.tituloPaginas{background:#fff; width:790px; text-align:left; padding:0 10px; font-size:28px;  color:#9c3; font-family: 'Patua One', arial; border-left:5px #9c3 solid; margin:30px 0}

.tituloDistrito{border-bottom:#ccff99 solid 1px; width:790px; text-align:center; padding:5px; font-size:16px; font-weight:bolder; color:#000;}


.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    width:250px;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
}

.footerBox{

	padding: 0 10px 50px 10px;
	margin:0;
	width:375px;
	float:left;

}
.btFooter{ -moz-border-radius: 5px; border-radius: 5px; padding: 5px 5px 5px 5px; margin:30px 0 0 5px color:#000; background:#99cc66;
text-transform:uppercase; line-height:150%;font-size:12px;
-moz-box-shadow: -1px 0 0.4em olive;
-webkit-box-shadow: -1px 0 0.4em olive;
        box-shadow: -1px 0 0.4em olive;
 }

.btFooter a{margin-top:25px}
.btFooter h3{ font-size:12px}

.separadorConteudosFooter{
	width:100%;
	height:750px;
	margin-bottom:0;
	margin-top:300px;
	/*background:url(https://comportugal.com/images/COMPortugalFooter.png) no-repeat;
	background-position:center;*/
	background-color:#99cc33;
	padding:20px 10px;
	clear:both;
}
.btAderir{ -moz-border-radius: 5px; border-radius: 5px; padding: 5px 5px 5px 5px; margin:10px 10px 10px 10px; color:#000; background:#99cc66; text-align:left; width:100%; font-weight:bolder;
text-transform:uppercase; line-height:150%;font-size:24px;
-moz-box-shadow: -1px 0 0.4em olive;
-webkit-box-shadow: -1px 0 0.4em olive;
        box-shadow: -1px 0 0.4em olive;
 }

 .btAderirBig{ -moz-border-radius: 5px; border-radius: 5px; padding: 25px 25px 25px 25px; margin:10px 10px 10px 30px; color:#000; background:yellow; text-align:left;  font-weight:bolder;
text-transform:uppercase; line-height:150%;font-size:24px;  float:left;
-moz-box-shadow: -1px 0 0.4em olive;
-webkit-box-shadow: -1px 0 0.4em olive;
        box-shadow: -1px 0 0.4em olive;
 }

 .btAderentesBig{ -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px 5px 15px; margin:20px 10px 10px 70px; color:#000; background:yellow; text-align:left;  font-weight:bolder;
text-transform:uppercase; line-height:150%;font-size:24px;  float:left;
-moz-box-shadow: -1px 0 0.4em olive;
-webkit-box-shadow: -1px 0 0.4em olive;
        box-shadow: -1px 0 0.4em olive;
 }

 .btContactosBig{ -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px 5px 15px; margin:20px 10px 10px 0px; color:#000; background:yellow; text-align:left;  font-weight:bolder;
text-transform:uppercase; line-height:150%;font-size:24px;
-moz-box-shadow: -1px 0 0.4em olive;
-webkit-box-shadow: -1px 0 0.4em olive;
        box-shadow: -1px 0 0.4em olive;
 }

 .imgConsultor{width:185px; text-align:center; height:150px;margin:2px; overflow:hidden; }

a:link img{text-decoration:none;border:none}
a:hover img{text-decoration:none; border:none}


#topnav {
    padding:10px 0px 10px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
background: yellow;
padding: 4px 15px 6px 15px;
text-decoration: none;
font-weight: bold;
color: black;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
top: -40px;
margin-right: 22px;
}
#topnav a.signin:hover {
	background:#9C0;
    *padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}
a.signin span {
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}
#topnav a.menu-open {
    background:#9C0!important;
    color:#666!important;
    outline:none;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    color:#9C0;
}
#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#9C0;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px;
    right: 0px;
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#fff;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#6AC;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#27B!important;
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:none;
    border:1px solid #ccc;
    color:#000;
    padding:4px 10px 5px;
    font-size:12px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
	color:#FFF;
}
#aderirLabelWrap{ position:absolute; heigth:80px; left:0; margin-top:180px;  display:inline-block; }
.aderirLabel{font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; position:fixed; background:yellow; padding: 10px 20px 10px 20px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; left:0; margin-top: -10px; }
.aderirLabel a:hover{  color:#000; padding-left:50px;}

.shadowIn {
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;
}

/*teste de animação dos packs*/



.view {
   width: 220px;
   height: 300px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}
.view .mask,.view .content {
   width: 220px;
   height: 300px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 40px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 16px;
   position: relative;
   color: #000;
   padding: 40px 10px 10px 10px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(255, 255, 255, 0.9);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.4,1.4);
   -moz-transform: scale(1.4,1.4);
   -o-transform: scale(1.4,1.4);
   -ms-transform: scale(1.4,1.4);
   transform: scale(1.4,1.4);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}


ul { list-style-type: none;}

.my_tableBox{ padding:10px; margin:0 0 0 20px; display:inline-table; float:left; height:240px}
.leftBox{width:370px; height:250px; margin:0 25px 0 0; padding:5px; float:right}
.box3{margin: 20px 0 20px 0; display:inline; padding:20px 0 20px 0;height:300px }

.my_table{width:350px; border-top:#ccc solid 1px; height:25px; font-size:14px; background:url(https://comportugal.com/images/accept.png)no-repeat; background-position:right; padding-right:20px;padding-top:5px}
.byebye{ font-family: 'Patua One', cursive; font-size:48px; line-height:180%; color:#fff; text-align:center}
.btMenuBig{padding:5px; margin:5px 2px 0px 0px; display:inline-block; font-family: 'Patua One', arial; font-size:18px}
.btMenuBig a,.btMenuBig a:hover{padding:-5px 5px 0 5px; margin:-20px 2px 0px 0px; display:inline-block; font-family: 'Patua One', arial; font-size:18px; color:#fff}

.btMenuBigSocial{padding:5px 0; margin:-10px 2px 0px 5px; display:inline-block; }

#s3slider {
   width: 780px; /* important to be same as image width */
   height: 350px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

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

.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 23px;
   width: 320px;
   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:26px;
   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: 300px !important;
	height: 350px;
	padding-right:50px;


}

.clear {
   clear: both;
}