/* RESET */
body{color:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
img{-ms-interpolation-mode: bicubic;}
a{text-decoration:underline;outline:none; color:#FFF}
a:hover{text-decoration:underline;outline:none;}

/*FONTS*/
body {font:12px/1.231 Tahoma, Arial, sans-serif, tahoma,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Landing Page Quanto antes melhor */

@font-face {
	font-family: helvenuethin_ie;
	src: url('fontes/helvenuethin-webfont.eot');
}

@font-face {
     font-family: helvenuethin;
     src: url('fontes/helvenuethin-webfont.ttf');
}

h2{font-family:helvenuethin_ie; font-size:1.9em; color:#FFF; font-weight:normal; margin-top:12px;}
body:nth-of-type(1) h2{font-family:helvenuethin;}

.quanto_antes_melhor{}
.quanto_antes_melhor .centro{width:953px; height:100%; margin:auto;}
.quanto_antes_melhor .topo{width:953px; height:194px; margin:auto;}
.quanto_antes_melhor .estados{width:100%; height:241px; background-color:#ecf1ff}
.quanto_antes_melhor .estados ul{width:567px; height:100%; float:left}
.quanto_antes_melhor .estados ul li{width:189px; height:100%; float:left; text-align:center}
.quanto_antes_melhor .estados ul li .bordaImagem{width:148px; height:80px; margin:auto; margin-top:10px;}
.quanto_antes_melhor .estados ul li .bordaImagem img{margin:3px 0 12px 0;}
.quanto_antes_melhor .estados ul li p{text-align: justify;}

.quanto_antes_melhor .estados ul li#azul{background-color:#0090ff}
.quanto_antes_melhor .estados ul li#azul .bordaImagem{background-color:#0076d1}

.quanto_antes_melhor .estados ul li#vermelho{background-color:#ca0047}
.quanto_antes_melhor .estados ul li#vermelho .bordaImagem{background-color:#930034}

.quanto_antes_melhor .estados ul li#verde{background-color:#00a76a}
.quanto_antes_melhor .estados ul li#verde .bordaImagem{background-color:#007148}

.quanto_antes_melhor .texto_auxiliar{color:#093660; margin:33px 0 0 20px; float:left; width:360px;}
.quanto_antes_melhor .texto_auxiliar h3{font-family:helvenuethin_ie; font-size:1.370em;}
body:nth-of-type(1) .quanto_antes_melhor .texto_auxiliar h3{font-family:helvenuethin;}
.quanto_antes_melhor .texto_auxiliar p{margin-top:10px; text-align:justify; font-size:1.1em;}

.quanto_antes_melhor .confira{margin:15px 0 15px 0; font-size:1.3em; color:#164e70; float:left}

.quanto_antes_melhor .tabela{width:940px; float:left; color:#164e70;}
.quanto_antes_melhor .tabela .menu{height:37px; float:left}
.quanto_antes_melhor .tabela .menu li{width:166px; height:37px; background-color:#f69e67; float:left; color:#ffe8d9; text-align:center; font-size:1.0em; font-weight:bold; line-height:2.9em; position:absolute; text-decoration:none; cursor:pointer}
.quanto_antes_melhor .tabela .menu li.atv{width:178px; height:37px; color:#FFF; background: url(../../images/port/quanto_antes_melhor/bg_botao.gif) top left no-repeat; margin-right:-10px; z-index:2; }


.quanto_antes_melhor .tabela .topo{width:100%; height:80px; background: url(../../images/port/quanto_antes_melhor/bg_topo_tabela.jpg) top left repeat-x; margin-top:39px;}
.quanto_antes_melhor .tabela .topo .box_dias{width:70px; height:61px; background-color:#fa7000; margin:8px; float:left; text-align:center; padding-top:3px; color:#FFF }
.quanto_antes_melhor .tabela .topo .box_dias .numero{font-size:1.9em; font-weight:normal;}
.quanto_antes_melhor .tabela .topo .texto_filtre{width:800px; float:left; margin:17px 0 0 10px;}

.quanto_antes_melhor .tabela .topo .valida{width:230px; float:left; margin-left:90px; margin-top:-10px;}

.quanto_antes_melhor .tabela .topo .chkEstado{float:left; margin-top:10px; font-weight:bold; margin-left:-13px;}
.quanto_antes_melhor .tabela .topo .chkEstado input{float:left; margin-left:20px;}
.quanto_antes_melhor .tabela .topo .chkEstado label{float:left; margin:-2px 0 0 3px; *margin-top:1px;}

.quanto_antes_melhor .tabela .hotel{width:100%; height:80px; background: url(../../images/port/quanto_antes_melhor/bg_topo_tabela.jpg) top left repeat-x; margin-top:2px;}
.quanto_antes_melhor .tabela .hotel .infos{width:390px; padding-left:20px; float:left}
.quanto_antes_melhor .tabela .hotel .infos h4{font-family:Arial; font-size:1.2em; font-weight:bold; margin:10px 0 0 0; float:left;}
.quanto_antes_melhor .tabela .hotel .infos img{float:left;  margin:16px 0 0 -10px;}

.quanto_antes_melhor .tabela .hotel .infos .diarias{width:100%; float:left; margin-top:-6px;}
.quanto_antes_melhor .tabela .hotel .infos .valorRiscado{text-decoration:line-through}
.quanto_antes_melhor .tabela .hotel .infos .por{font-size:1.2em; font-weight:bold;}
.quanto_antes_melhor .tabela .hotel .infos .RS{font-size:1.4em; font-weight:bold;}
.quanto_antes_melhor .tabela .hotel .infos .valor{font-size:1.6em; font-weight:bold;}
.quanto_antes_melhor .tabela .hotel .infos .after_virgula{font-size:0.750em; font-weight:bold;}
.quanto_antes_melhor .tabela .hotel .infos .endereco{float:left}
.quanto_antes_melhor .tabela .hotel .infos a{color:#164e70;}

.quanto_antes_melhor .tabela .hotel fieldset{width:530px; height:40px; float:left; margin-top:28px;}
.quanto_antes_melhor .tabela .hotel fieldset strong{float:left; margin-top:3px;}


/*Formulario*/
.bg_formulario{width:100%; height:445px; background: #ecf1ff url(../../images/port/quanto_antes_melhor/bg_topo_tabela.jpg) top left repeat-x; margin-top:20px; padding-top:90px;}
.bg_formulario .centraliza{width:850px; height:400px;margin:auto}
.bg_formulario fieldset{width:500px; height:400px; color:#093660;  float:left}
.bg_formulario .texto{width:350px; height:400px; color:#093660; float:left}
.bg_formulario .texto .titulo{float:left; margin-left:10px;}
.bg_formulario .texto ul{float:left; margin-top:-18px; font-size:1.1em;}
.bg_formulario .texto ul li{float:left; margin-top:14px; list-style-type:disc!important; margin-left:20px;}



.bg_formulario a{color:#093660;}
.bg_formulario .titulo{font-size:1.2em; float:left; margin-left:114px; margin-bottom:20px;}
.bg_formulario fieldset .diarias{width:100%; float:left; margin-top:-6px; margin-left:218px;}
.bg_formulario fieldset .valorRiscado{text-decoration:line-through}
.bg_formulario fieldset .por{font-size:1.2em; font-weight:bold;}
.bg_formulario fieldset .RS{font-size:1.4em; font-weight:bold;}
.bg_formulario fieldset .valor{font-size:1.6em; font-weight:bold;}
.bg_formulario fieldset .after_virgula{font-size:0.750em; font-weight:bold;}
.bg_formulario p{color:#093660; font-size:1.2em; margin-left:200px;}

.bg_formulario fieldset ul{width:500px; height:27px; float:left; margin-bottom:7px;}
.bg_formulario fieldset ul.peq{width:250px;}
.bg_formulario fieldset ul.idade{width:130px;}
.bg_formulario fieldset ul.calendario{width:230px;}

.bg_formulario fieldset ul.peq .combo{width:160px;}

.bg_formulario fieldset ul li{height:27px; float:left}
.bg_formulario fieldset ul li span{color:#093660; margin:5px 5px 0 0; float:right}
.bg_formulario fieldset ul li strong{color:#093660; float:left;}

.bg_formulario fieldset ul.texto{height:17px; margin-top:2px; margin-bottom:0px;}
.bg_formulario fieldset ul.texto li{height:17px; }

.bg_formulario fieldset ul.bt{height:17px; margin-top:-7px; margin-bottom:0px;}
.bg_formulario fieldset ul.bt li{height:17px; }



.bg_formulario fieldset ul.mensagem{height:70px; margin-bottom:0px;}
.bg_formulario fieldset ul.mensagem li{height:70px; }
.bg_formulario fieldset ul.mensagem li .txtGrande{height:60px; }




.bg_formulario fieldset ul li:first-child{width:75px; height:27px; }

.bg_formulario fieldset ul li .txtGrande{height:20px; width:405px; border:solid 1px #e6ebf9; padding-top:5px; padding-left:5px;}


.bg_formulario fieldset ul li .combo{width:175px; margin-top:3px;}
.bg_formulario fieldset ul.idade .combo{width:50px; margin-top:3px;}



/* CALENDARIOS */
.ip_date{text-align:center; width:117px; height:19px; border:solid #d3e1f0 1px; margin-left:5px; float:left; color:#164e70}
.dp-choose-date{width:18px; height:19px; background:url(../../images/port/quanto_antes_melhor/calendario.gif) no-repeat; float:left; margin:1px 5px 0 4px; cursor:pointer}

.newsletter{margin-top:20px; float:left; height:60px; width:940px;}
.newsletter ul{float:left;}
.newsletter ul li{float:left; width:212px; margin-right:13px;}
.newsletter .titulo{color:#093660; font-size:1.2em; font-weight:bold; float:left}
.newsletter .texto{color:#093660; float:left; margin-right:10px; margin-top:3px;}
.newsletter .txtNewsletter{width:196px; padding-left:6px; padding-top:3px; height:18px; border:solid 1px #cecece; background: url(../../images/port/quanto_antes_melhor/bg_txt.jpg) top left repeat-x; float:left; color:#164e70}
.newsletter .ok{float:left;}

.sem_promos{color:#093660; font-size:0.860em;}
.sem_promos a{color:#093660;}

.rqf{float:left; display:block;}
.verde{color:#009900; margin-top:3px; float:left}
.vermelho{color:#CC3300;  margin-top:3px; float:left}
.W100{float:left; width:100%;}