*{margin:0; padding:0;}

html, body {
margin: 0;
padding: 0;
color: #696969;
font-size:14px;
}



body {position:relative;font-family:Arial, Helvetica, sans-serif; font-size: small/100%; /* Certeza que usuarios do IE podem aumentar o tamanho da fonte.*/ background: #fff url(../../../../../vila/pt/imagens/site/bg-vila-rica2.jpg) no-repeat top center;	 color:#565656; font-size:14px;
}
/*hack para ie6 e ie7*/
*:first-child+html body, * html body {text-align: center; } /*centralizar pagina no IE*/

a {outline: none; color: #696969; text-decoration: none; display:block;}
a:hover {outline: none; color: #696969; text-decoration: none;}
a img{border: none;}

/* REGRAS PARA TITULOS */
h1 {  
margin: 0;
float: left; /*pode ser float ou relative, vai variar de acordo com a estrutura do layout*/
visibility: visible; 

}

h1 a {float: left;display: block;width: 143px; /*largura da imagem da logo*/height: 82px; /*altura da imagem da logo*/cursor: pointer;}

h1 a span {display: none;}

h2 {margin: 0;/*pode ser float ou relative, vai variar de acordo com a estrutura do layout*/
visibility: visible; }
h3 {/*coloque aqui a formatação do h3*/}
h4 {/*coloque aqui a formatação do h4*/}



/* ESTRUTURA DO SITE */

#conteudo-container{width: 100%;height: 100%;position: relative;margin: auto;float:left;}

#conteudo{width: 980px; /* largura da div que engloba o site */position: relative;margin: 10px auto auto auto;min-height: 169px;}

/* CSS DO TOPO */
#barra-topo{position:relative; width:100%; border-bottom: 1px solid #bababb;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,238,238,1) 47%, rgba(218,220,220,1) 100%); 
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,238,238,1) 47%,rgba(218,220,220,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,238,238,1) 47%,rgba(218,220,220,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadcdc',GradientType=0 ); 
}
.content-barra-topo{ position: relative; width: 980px; height: 46px; margin: auto;}

.redes-hoteis-barra-topo{position: relative;  float: left;  display: table;    margin-top: 8px; }
.redes-hoteis-barra-topo a{float: left;}
.redes-hoteis-barra-topo img{float:left; margin-right: 15px; }
.redes-hoteis-barra-topo p{color:#1b95c2; font-size:12px; font-family: 'Source Sans Pro', sans-serif;    float: left; white-space: nowrap;  margin: 8px 0 0 0;}
.marcas-hoteis-barra-topo{position: relative; float: right;}

.marcas-hoteis-barra-topo{float: right;padding: 15px 10px 0px 10px;}
.marcas-hoteis-barra-topo p { float: left; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; color: #7c7c7c;}
.box-marcas-barra-topo{float:left; display:block; margin-left:15px;}

#topo{position: relative; width: 100%; height:120px;}

#content-topo{position: relative; width: 980px; height:120px; margin:auto;}
#marca{float:left; margin: 15px 0px 0px 0px;}
#menu{float: right; display: block; position: relative;}
#conheca-park-hotel{float:right; border-right: 1px dotted #add7e7; padding: 10px 10px 5px 10px;}
#conheca-park-hotel p{float:left; font-family: 'Source Sans Pro', sans-serif; font-size:12px; color:#7c7c7c; margin-right: 7px;}
#conheca-park-hotel a{float:left; position:relative; display:block;}
#conheca-park-hotel a img{position: relative; top: -1px;}
#menu-secundario{position:relative; width:auto; height: 38px; margin-top:12px;}
#menu-secundario ul{list-style:none; position: relative; float:right;}
#menu-secundario ul li{float:left; position: relative; padding: 6px 0px 5px 13px;}
#menu-secundario ul li a{font-family: 'Source Sans Pro', sans-serif; position: relative; font-size: 16px; color:#2a657e;}
#menu-secundario ul li a:hover{color:#132f3a;}
#menu-secundario ul li a img{position: relative; top: 2px;}
.bt-chat-online{position:relative; background:url(../../../../../vila/pt/imagens/site/bt-chat-online.png) no-repeat center; width:146px; height:39px; margin-top: -10px;}
.bt-chat-online:hover{background:url(../../../../../vila/pt/imagens/site/bt-chat-online-hover2.png) no-repeat center; color:#fff !important;}
.bt-chat-online p{float: right;padding: 8px 13px;text-transform: uppercase;}

#menu-principal{position:relative; width:auto; height: 65px; margin-top: 5px;}
#menu-principal ul{list-style:none; position: relative;}
#menu-principal ul li{float:left; position: relative;top: 10px; padding: 6px 13px 5px 13px; border-right: 1px dotted #add7e7;}
#menu-principal ul li span{cursor:pointer; font-family: 'Source Sans Pro', sans-serif; position: relative; text-transform: uppercase; font-size: 20px; color:#2a657e;}
#menu-principal ul li span:hover{color:#132f3a;}
#menu-principal ul li:last-child{border-right: none; padding-right:0;}
#menu-principal ul li span{}
#menu-principal ul li img{ margin-top:5px;}
#menu-principal #item-menu-home a{}
.com-submenu{background: url(../../../../../vila/pt/imagens/site/icone-submenu.html) no-repeat 93% center; padding-right: 25px !important;}
#bt-corretor-online-topo{position:relative;float:left; width:130px; height:65px; background: url(../../../../../vila/pt/imagens/site/icone-corretor-online.html) no-repeat 10% center; margin-top: 25px;border-bottom: 1px solid #C5D3D3;border-top: 1px solid #C5D3D3;}
#bt-corretor-online-topo a{ position: relative;padding: 25px 10px 40px 10px; text-transform: uppercase;}
#bt-corretor-online-topo h2 {font-family: 'Source Sans Pro', sans-serif; font-size:14px; color:#2c88b1; padding-left: 37px; margin-top: -10px;}
.limite-identificacao{position:relative; display: table; width: 100%;}
.nomeSecao{width:100%;float: left;margin: 0 0 25px; background:#ddebef; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* DROP-DOWN SUBMENU */
.nomeSecao h1{font-family: 'Source Sans Pro', sans-serif; font-size:27px; color:#2a657e; text-transform: uppercase; font-weight:400; padding:3px 12px; }
.drop-submenu {display:none; position:absolute !important; z-index: 9999; left: 0; border:1px dotted #add7e7; margin-top: 5px; margin-left: -1px; border-top:none;}
.drop-submenu li {background:#fff; width:117px; border:none !important;top:0 !important;}
.drop-submenu li:hover {background:#ddebef;}
.drop-submenu li:last-child {padding-right: 13px !important;}
.drop-submenu li a { color:#2a657e;font-size: 16px;}
/* FIM CSS DO TOPO */

/* CSS DO RODAPE*/
#rodape{position: relative; width: 100%; float: left; /*height:145px;*/  height:200px;  background:#2a657e; margin-top:100px;/*margin-bottom: 65px;*/ display: block; min-width: 980px;}
#content-rodape{width: 980px; height:240px; margin:auto; position: relative;top:17px;}
#chamadas-rodape{position: relative; width: 100%; height: 148px;}
.logoRodape{width:135px;height:69px;position: relative;top: 17px;}
.TxtEndRodape{width:300px;height:100px;padding: 10px 0 0 10px;}
.box-endereco{width:225px;}
.box-endereco p{text-align:left;color:#fff;font-family: 'Source Sans Pro', sans-serif; font-size:14px;}
.box-tel-email{width:225px;margin: 10px 0 0;}
.box-tel-email span{text-align:left;color:#fff;font-family: 'Source Sans Pro', sans-serif; font-size:14px;float:left;width:100%;}
.box-tel-email span a{text-align:left;color:#fff;font-family: 'Source Sans Pro', sans-serif; font-size:14px;text-decoration:none;}
.box-tel-email span a:hover{text-decoration:underline;color:#79C2E2;}
.telefoneRodape{background:url(../../../../../vila/pt/imagens/site/icone-telefone-vila-rica.png) no-repeat center left;padding: 0 0 0 20px;}
.emailRodape{background:url(../../../../../vila/pt/imagens/site/icone-email-vila-rica.png) no-repeat center left;padding: 0 0 0 21px;}
.MenuRodape{width:340px;height:100px;border-left:1px solid #265C73;border-right:1px solid #265C73;}
.MenuRodape ul{list-style:none;margin:10px 0 0 25px;}
.MenuRodape ul li{float:left;width: 155px;}
.MenuRodape ul li a{text-decoration:none;display:block;color:#fff;font-family: 'Source Sans Pro', sans-serif; font-size:15px;text-transform: uppercase;}
.MenuRodape ul li a:hover{text-decoration:underline;color:#6ea6be;}
.FaceRodape{width:190px;height:100px;}
.iconeFace{background: url(../../../../../vila/pt/imagens/site/bt-facebook-vila-rica.png);width:150px;height:48px;margin: 0 0 0 25px;}
.iconeFace a{text-decoration:none;display:block;width:63px;height:24px; color:#114b63;font-family: 'Source Sans Pro', sans-serif; font-size:15px;font-weight: bold;padding:14px 45px;}
.iconeFace a:hover{text-decoration:underline;color:#1B95C2;}
.txtFace{width:150px;margin:5px 0 0 27px;}
.txtFace p{text-align:left;color:#fff;font-family: 'Source Sans Pro', sans-serif; font-size:12px;}
#content-rodape .rodape-inferior{width: 100%;  float: left;}
#content-rodape .cadastro-news h3{width: auto; color: #fff; float: left; position:relative; font-family: 'Source Sans Pro', sans-serif; font-weight: 500;}
#content-rodape .cadastro-news .nome,.email{background: url("../../../../../vila/pt/imagens/site/input-news-vila.png") no-repeat; border: none; height: 22px; width: 170px; color: #6f9aad; padding-left: 10px; font-style: italic;}
#content-rodape .cadastro-news{width: 85%; margin: auto 136px; position: relative; height: 60px;}
#content-rodape .cadastro-news #box-news-btn .ok {background:#578599; cursor:pointer; border: none; width: 78px; height: 23px;color: #fff; font-family: 'Source Sans Pro', sans-serif; margin: auto 22px;}
#content-rodape .cadastro-news #box-news-btn .ok:hover{background:#6ea6be;}
#content-rodape .cadastro-news #divisao-news {background:#265C73; height: 1px; top: 41px; position: relative; left: -22px;}
#box-news-nome { display: table; float: left; position:relative; margin:0 10px;}
div#box-news-email { display: table; float: left; position:relative;}
#responseNewsletter {margin-right: 80px !important;   font-weight: 400 !important;   float: right !important;   color: #FFFFFF !important;}
/* FIM CSS DO RODAPE*/

/*BARRA FIXA*/
#barra-reserva {left:0px;margin:0;padding:0;position:fixed;/* fixed top:300px;*/ bottom:0px;height:61px;width:100%;background:#f2c60b; z-index:9999;}
.content-barra{width: 980px; height:61px; margin:auto; position: relative;}
.box-reservas{float:left;width:65px; height:61px;position: relative;}
.icone-reservas{position: absolute;top:-19px;left:8px;}
.txt-reservas{width:60px;bottom:4px;position:absolute;}
.txt-reservas p{text-align:center;color:#357793;font-family: 'Source Sans Pro', sans-serif; font-size:14px;line-height: 14px;}
.box-pesquisa-reservas{float:left;width:525px; height:61px;}
.box-tel-reservas{width:268px;height:61px;border-right:1px solid #4d91ae;border-left:1px solid #4d91ae;float:left;position: relative;}
.icone-tel-reservas{position: absolute;top:-19px;left:31px;}
.txt-tel-reservas{width:107px;bottom:4px;position:absolute;}
.txt-tel-reservas p{text-align:center;color:#357793;font-family: 'Source Sans Pro', sans-serif; font-size:14px;line-height: 14px;}
.numero-tel-reservas{float:right;width:155px;margin: 9px 0 0;}
.numero-tel-reservas h2{text-align:left;color:#31728d;font-family: 'Source Sans Pro', sans-serif; font-size:22px;width:100%;line-height: 18px;}
.numero-tel-reservas h3{text-align:left;color:#31728d;font-family: 'Source Sans Pro', sans-serif; font-size:23px;}
.numero-tel-reservas h3 span{color:#31728d;font-family: 'Source Sans Pro', sans-serif; font-size:15px;font-weight: normal;}
.box-chat-reservas{background:#1E5268;width:119px;border-right:1px solid #4d91ae;float:left;height:61px;position: relative;}
.icone-chat-reservas{position: absolute;top:-19px;left:38px;}
.txt-chat-reservas{width:119px;position: relative;  margin-top: 30px;}
.txt-chat-reservas p a{text-decoration:none;text-align:center;color:#ffffff;font-family: 'Source Sans Pro', sans-serif; font-size:14px;line-height: 14px;}
.txt-chat-reservas p a:hover{opacity:0.7;}
.txt-chat-reservas span{width: 100%; display: block; position: relative; clear: both;}

#entrada{width: 100px;height: 30px;float: left;margin: 0px 1px;} 
#saida{width: 104px;height: 30px;float: left;margin: 0px 1px;} 
#entrada label, #saida label,#adulto-selects label,.crianca-selects label, #quartos-selects label{width: auto !important;float: left !important;font-family: 'Source Sans Pro', sans-serif !important;font-size: 12px !important;color: #357793 !important;margin: 7px 5px 2px 5px !important;text-transform: uppercase;}
#adulto-selects{height: 31px;float: left;margin:0px;width: 82px;}
.crianca-selects{height: 31px;float: left;margin:0px;width: 82px;}
#quartos-selects{height: 31px;float: left;margin:0px;width: 82px;}

#entrada input, #saida input{font-size: 9px;background: url(../../../../../vila/pt/imagens/site/bg-select-data.png) no-repeat top center;padding: 9px 8px 10px 9px;border: none;width: 83px;height: 15px;color:#FFF; cursor:pointer;}
#btnGerar{cursor: pointer;height: 31px;width: 65px;font-size: 11px;color: #FFF;font-family: 'Source Sans Pro', sans-serif;background: #1E5268;border: 0;margin-top: 24px;/*margin-left: 7px;*/ -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset -1px -2px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    inset -1px -2px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         inset -1px -2px 3px 0px rgba(50, 50, 50, 0.75);
}
#btnGerar:hover{background: #2A657E;}/*enviar-reservas*/
.chzn-container{width:74px !important;}

/* FIM CSS DO BARRA FIXA*/

/* Box Promocional Flutuante */
#getFixed {-webkit-transition: all 500ms linear;-moz-transition: all 500ms linear;-ms-transition: all 500ms linear;-o-transition: all 500ms linear;transition: all 500ms linear;padding: 100px 0px 0 0px;margin: 0px;z-index: 9999;position: relative;right: 1.3%;display: none;margin-top: 67px;width: 205px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.box-flutuante{background-color: #2e3192;color: #fff;padding-bottom: 15px;}
.box-flutuante p {padding: 15px 15px 0px;}
.box-flutuante input {position: relative;margin: auto;display: table;margin-top: 10px;}
.box-flutuante button {margin: 10px 15px 0px;}
/* FIM Box Promocional Flutuante */


/*classes Diversas*/

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.no-marginleft{margin-left:0 !important;}
.no-marginright{margin-right:0 !important;}