*{
    margin:0;
    padding:0;
}
body{
    background:#95b7d8 url(../imagens/bg_body.gif) repeat-x;
    text-align:center;
    font-family:verdana;
}
#pai_bg{
    width:803px;
    height:803px;
    margin:0 auto auto auto;
    background:url(../imagens/bg_pai.jpg) no-repeat;
}
#pai{
    width:777px;
    height:auto;
    margin: 0 auto auto auto;
}
#pai a{
    text-decoration:none;
    border:none;
}
.logo{
    float:left;
    margin: 17px 0 0 19px;
}
#bandeiras{
    width:144px;
    height:34px;
    float:right;
    margin:7px 5px 0 0;
}
#bandeiras ul{
    list-style-type:none;
}
#bandeiras ul li{
    display:inline;
}
.ing{
    width:40px;
    height:29px;
    float:left;
    background:url(../imagens/ing.gif) no-repeat;
    margin-left:6px;
}
.ing:hover{
    width:40px;
    height:29px;
    float:left;
    background:url(../imagens/ing_hover.gif) no-repeat;
}
.bra{
    width:40px;
    height:29px;
    float:left;
    background:url(../imagens/brasil.gif) no-repeat;
    margin-left:6px;
}
.bra:hover{
    width:40px;
    height:29px;
    float:left;
    background:url(../imagens/brasil_hover.gif) no-repeat;
}
.esp{
    width:40px;
    height:29px;
    float:left;
    background:url(../imagens/esp.gif) no-repeat;
    margin-left:6px;
}
.esp:hover{
    width:40px;
    height:29px;
    float:left;
    background:url(../imagens/esp_hover.gif) no-repeat;
}
.icon_tempo{
    width:43px;
    height:47px;
    float:left;
    background:url(../imagens/tempo.jpg) no-repeat;
    }
.icon_tempo:hover{
    width:43px;
    height:47px;
    float:left;
    background:url(../imagens/tempo_hover.jpg) no-repeat;
    }
#menu{
    width:550px;
    height:17px;
    float:left;
    margin:60px 0 0 30px;
}
#menu ul{
    list-style-type:none;
}
#menu ul li {
    display:inline;
    color:#3e72d1;
    float:left;
    font-size:16px;
    margin: 0 0 0 7px;
}
#menu ul li a{
    color:#3e72d1;
    font-weight:500;
    font-size:16px;
}
/*------------------ Sub-menu -----------------------------------*/
ul#nav ul {
    width:120px;
    height:80px;
    background-color:#fff;
    display:none;
    float:left;
    margin:0 0 0 0px;
    position: absolute;
    border:1px solid #3e72d1;
    border-top:none;
    z-index: 9;
}
ul#nav ul li{
    width:120px;
    height:25px;
    float:left;
    text-align:left;
    border-top:1px solid #3e72d1;
    margin:0 0 0 0;
}
ul#nav ul li a{
    text-decoration:none;
    color:#3e72d1;
    font-size:14px;
    float:left;
    margin:5px 0 0 11px;
}
#banner{
    width:760px;
    height:194px;
    float:left;
    margin:10px 0 0 9px;
}
#cont{
    width:768px;
    height:405px;
    background:url(../imagens/bg_cont.jpg) no-repeat;
    float:left;
    margin:20px 0 0 5px;
}
#cont_ap{
    width:768px;
    height:405px;
    background:url(../imagens/bg_cont.jpg) no-repeat;
    float:left;
    margin:20px 0 0 5px;
}
#cont_ap ul{
    list-style-type:none;
    float:left;
    margin:-70px 0 0 16px;
}
#cont_ap ul li img{
    border:none;
}
#cont_ap ul li{
    display:inline;
}
.link_ap a{
    float:left;
    color:#05478b;
    font-size:18px;
    font-weight:bold;
    font-family:arial;
    text-decoration:underline !important;
    margin:70px 0 0 -260px;
}
.nome_ap{
    width:768px;
    float:left;
    color:#05478b;
    font-size:18px;
    font-weight:bold;
    font-family:arial;
    margin:-90px 0 0 -30px !important;
}
.nome_ap li{
    float:left;
    margin:0 0 0 90px;
}
.subtitle{
    width:271px;
    height:27px;
    float:left;
    color:#fff;
    font-size:13px;
    font-weight:600;
    font-family:arial;
    text-align:left;
    background:url(../imagens/bg_subtitle.gif) no-repeat left;
    margin:14px 0 0 16px;
}
.subtitle p{
    margin:5px 0 0 20px;
}
.quatro_rodas{
    width:299px;
    height:80px;
    float:left;
    background:url(../imagens/q_rodas.gif) no-repeat top;
    margin:62px 0 0 -200px;
}
.quatro_rodas p{
    width:299px;
    color:#05478b;
    float:left;
    font-size:12px;
    font-weight:600;
    margin: 65px 0 0 0;
}
.txt_home{
    width:464px;
    height:169px;
    float:left;
    font-size:11px;
    text-align:justify;
    color:#11579f;
    margin: 20px 0 0 26px;
}
.txt_home a{
    text-decoration:none;
    color:#11579f;
}
#img_home{
    width:248px;
    height:400px;
    float:right;
    margin:-417px 20px 0 0;
}
#img_home ul{
    list-style-type:none;
}
#img_home ul li{
    width:124px;
    height:200px;
    float:left;
    display:inline;
}
.tel_contato{
    width:500px;
    float:left;
    font-size:9pt;
    color:#11579f;
    text-align:left;
    margin:45px 0 0 -270px;
}
#form_contato{
    width:442px;
    height:324px;
    float:left;
    margin:70px 0 0 -495px;
}
#form_contato input{
    color:#11579f;
    font-size:16px;
}
#form_contato label{
    color:#11579f;
    float:left;
    font-size:12px;
    margin:3px 0 0 0;
}
#form_reserva{
    width:442px;
    height:324px;
    float:left;
    margin:60px 0 0 -255px;
}
#form_reserva input{
    color:#11579f;
    font-size:16px;
}
#form_reserva label{
    color:#11579f;
    float:left;
    font-size:12px;
    margin:3px 0 0 0;
}
#firstname{
    width:440px;
    height:23px;
    float:left;
    border:#9cbfe3 1px solid;
    background:#daeaf9;
    margin:5px 0 0 0;
}
#email{
    width:440px;
    height:23px;
    float:left;
    border:#9cbfe3 1px solid;
    background:#daeaf9;
    margin:5px 0 0 0;
}
#assunto{
    width:440px;
    height:23px;
    float:left;
    border:#9cbfe3 1px solid;
    background:#daeaf9;
    margin:5px 0 0 0;
}
#tel{
    width:210px;
    height:23px;
    float:left;
    border:#9cbfe3 1px solid;
    background:#daeaf9;
    margin:15px 0 0 10px;
}
#text_area{
    width:440px;
    height:80px;
    float:left;
    border:#9cbfe3 1px solid;
    background:#daeaf9;
    color:#11579f;
    margin:10px 0 0 0;
}
.telefone{

    text-align:justify;
    color:#11579f;
    float:left;
    font-size:12px;
    margin:20px 5px 0 0;
}
.msg{

    width:73px;
    height:14px;
    color:#11579f;
    float:left;
    font-size:12px;
    margin:10px 200px 0 0;
}
.btn_envia{
    float:left;
    margin:5px 0 0 10px;
}
.btn_limpa{
    float:left;
    margin:5px 0 0 10px;
}
.status_envia{
    float:left;
    font-size:12px;
    text-align:justify;
    color:#11579f;
    margin:80px 0 0 -270px;
}
.apartamento{
    float:left;
    margin:60px 0 0 -240px;
}
.apartamento_form{
    color:#11579f;
    float:left;
    font-size:12px;
    margin:50px 0 0 -250px;
}
.pagamento{
    float:left;
    margin:60px 0 0 -70px;
}
.pagamento_form{
    color:#11579f;
    float:left;
    font-size:12px;
    margin:50px 0 0 -80px;
}
#qtde{
    width:30px;
    height:23px;
    float:left;
    border:#9cbfe3 1px solid;
    background:#daeaf9;
    margin:5px 0 0 40px;
}
.qtd_pessoas{
    color:#11579f;
    float:left;
    font-size:12px;
    margin:50px 0  0 30px;
}
.checkIn{
    color:#11579f;
    float:left;
    font-size:12px;
    margin:20px 0  0 7px;
}
#datepicker{
    width:90px;
    height:23px;
    float:left;
    border:#9cbfe3 1px solid;
    background:#daeaf9;
    margin:16px 0 0 15px;
}
.checkout{
    color:#11579f;
    float:left;
    font-size:12px;
    margin:20px 0  0 40px;
}
#datepicker2{
    width:90px;
    height:23px;
    float:left;
    border:#9cbfe3 1px solid;
    background:#daeaf9;
    margin:16px 0 0 15px;
}
.sehospedou{
    color:#11579f;
    float:left;
    font-size:12px;
    margin:20px 0  0 40px;
}
.hospedousim{
    float:left;
    margin:50px 0 0 -220px;
}
.hospedounao{
    float:left;
    margin:50px 0 0 -140px;
}
.sim_radio{
    color:#11579f;
    float:left;
    font-size:12px;
    margin:50px 0  0 -260px;
}
.nao_radio{
    color:#11579f;
    float:left;
    font-size:12px;
    margin:50px 0  0 -180px;
}
#radio_reserva{
    width:400px;
    float:left;
    margin: 0 0 10px 0;
}
#parceiros{
    width:490px;
    float:left;
    margin:20px 0 0 0;
}
#parceiros ul{
    list-style-type:none;
    float:left;
    margin:0 0 0 40px;
}
#parceiros ul li{
    width:190px;
    height:105px;
    float:left;
    text-align:justify;
    font-size:10px;
    color:#11579f;
    margin:20px 0 0 20px;
}
#parceiros ul li a{
    text-decoration:underline;
    font-weight:bold;
    font-size:9px;
    color:#11579f;
}
.img_pco{
    width:180px;
    height:70px;
    float:left;

}
.nome_pco{
    font-size:13px;
    font-weight:bold;
    font-family:arial;

}
.site_pco{
    font-size:13px;
    font-weight:bold;
    font-family:arial;
}
.linha_pco{
    width:180px;
    float:left;
    margin-top:25px;
}
#rodape{
    width:776px;
    height:36px;
    float:left;
    margin:0 0 0 13px;
}
.by_aocubo{
    float:left;
    color:#0056ae;
    margin:-7px 0 0 10px;
}
.by_aocubo strong{
    float:left;
    font-size:8px;
    margin-left:15px;
}
.by_aocubo a{
    color:#0056ae;
}
.txt_rodape{
    float:left;
    color:#0056ae;
    font-size:11px;
    margin:16px 0 0 60px;
}
#rodape ul{
    list-style-type:none;
    float:left;
    margin:10px 0 0 70px;
}
#rodape ul li{
    display:inline;
    float:left;
    margin-left:5px;
}

/*  Pagina do mapa */
#mapa{
    float:left;
    margin:-70px 0 0 10px;
}
.mapa_ampliado{
    float:left;
    border:none;
    margin:30px 0 0 -120px;
}
.download_mapa{
    float:left;
    border:none;
    margin:30px 0 0 20px;
}



/* select busca */
/*
Stylish Select 0.3 - jQuery plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3

Licensed under the GPL license:
http://www.gnu.org/licenses/gpl.html
*/


/*==================================
remove default focus style
====================================*/
:focus {outline:none;}

.js ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/

ul.newList {   
    list-style:none;
    color:#11579f;
    width:126px;
    background:#daeaf9;
    position:absolute;
    border:1px solid #9cbfe3;
    overflow:auto;
    z-index:9999;
    font-size:9px;
}
.newListSelected {
    width:126px;
    font-size:9px;
    color:#11579f;
    height:23px;
    float:left;
    margin: 10px 0 0 0;
    background:url(../imagens/bg_select.gif) no-repeat ;

}
.selectedTxt{
    width:126px;
    height:23px;
    text-align:justify;
    padding:3px 0 0 10px;
    float:left;
    margin: 0 0 0 0;
}
.newListSelected span {
    width:126px;
    display:block;
}


.hiLite {
    background:#9cbfe3!important;
    color:#fff!important;
}
.newListHover {
    background:#9cbfe3!important;
    color:#fff!important;
    cursor:default;
}
.newListOptionTitle {
    font-weight:bold;
}
.newListOptionTitle ul {
    margin:3px 0 0
        ;}
.newListOptionTitle li {
    font-weight:normal;
    border-left:1px solid #ccc;
}
/* final select da busca */








/*       aviso dos campos do contato   */


.formError {
    position:absolute;
    top:300px; left:300px;
    padding-bottom:13px;
    display:block;
    z-index:5000;
}
.formError .formErrorContent {
    width:100%;
    background:#ee0101;
    color:#fff;
    width:150px;
    font-family:tahoma;
    font-size:11px;
    border:2px solid #ddd;
    box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    padding:4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background:#33be40;}

.yellowPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
    position:absolute;
    bottom:0;left:20px;
    width:15px; height:15px;

    z-index:5001;
}
.formError .formErrorArrow div{
    border-left:2px solid #ddd;
    border-right:2px solid #ddd;
    box-shadow: 0px 2px 3px #444;
    -moz-box-shadow: 0px 2px 3px #444;
    -webkit-box-shadow: 0px 2px 3px #444;
    font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
.greenPopup .formErrorArrow div{background:#33be40;}
.yellowPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;
                                  border-left:2px solid #ddd;
                                  border-right:2px solid #ddd;
                                  border-bottom:0px solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}


/*   final dos erros de contato           */

/*   janelinha que mostra o mapa */

/* ie6 trash */
* html #gritter-notice-wrapper {
    position:absolute;
}
* html .gritter-top {
    margin-bottom:-10px;
}
* html .gritter-item {
    padding-bottom:0;
}
* html .gritter-bottom {
    margin-bottom:-11px;
}
* html .gritter-close {
    background:url(../imagens/gritter-close-ie6.gif);
    width:22px;
    height:22px;
    top:7px;
    left:7px;
}

/* the norm */
#gritter-notice-wrapper {
    float:right;

    margin: -740px 150px 0 0;
    width:319px;
    z-index:9999;
}
.gritter-item-wrapper {
    position:relative;
    margin:0 0 10px 0;
}
.gritter-top {
    background-image:url(../imagens/gritter-top.png);
    background-repeat:no-repeat;
    background-position:top left;
    width:319px;
    height:31px;
}

.gritter-bottom {
    background-image:url(../imagens/gritter-bottom.png);
    background-repeat:no-repeat;
    background-position:top left;
    height:8px;
    margin:0;
}

.gritter-item {
    display:block;
    background-image:url(../imagens/gritter-bg-tile.png);
    background-repeat:repeat-y;
    background-position:top left;
    color:#eee;
    padding:2px 11px 8px 11px;
    font-size: 11px;
    margin:-21px 0 0 0;
    font-family:verdana;
}

.gritter-item p {
    padding:0;
    margin:0;
    text-align:left;
}
.gritter-close {
    position:absolute;
    top:5px;
    left:3px;
    background:url(../imagens/gritter-close.png);
    cursor:pointer;
    width:30px;
    height:30px;
}
.gritter-title {
    font-size:14px;
    font-weight:bold;
    text-align:left;
    padding:0 0 7px 0;
    display:block;

}
.gritter-image {
    width:48px;
    height:48px;
    float:left;
}
.gritter-with-image,
.gritter-without-image {
    padding:0 0 5px 0;
}
.gritter-with-image {
    width:220px;
    float:right;
}


.txt_ap{
    width:450px;
    float:left;
    color:#0056ae;
    text-align:left;
    font-size:9pt;
    margin:50px 0 0 -270px;
}






/*-------------------------Previsao do Tempo---------------------------------*/
#previsaoTempo{
    width:453px;
    height:157px;
    background-color:#fff;
    position:absolute;
    top:10px;
    margin-left:175px !important;
    border:#2380e0 1px solid;
    display:none;
}

.dataPrevisao{
    width:197px;
    height:19px;
    background-color:#e6f0fa;
    color:#4080c2;
    font-size:10px;
    float:left;
    font-weight:bold;
    margin:7px 0 0 0;
}
.cidadePrevisao{
    width:113px;
    height:19px;
    float:right;
    background-color:#e6f0fa;
    color:#4080c2;
    font-size:10px;
    font-weight:bold;
    margin:7px 0 0 0;
}
#previsaoAtual{
    width:162px;
    height:87px;
    float:left;
    border-right:#2380e0 1px solid;
    margin:16px 0 0 0;
}
#previsaoAtual h6{
    color:#599fe8;
    float:left;
    text-decoration:underline;
    margin-left:25px;
}
#previsaoAtual img{
    float:left;
    margin:12px 0 0 37px;
}
.previsao_previsaoAtual{
    width:60px;
    float:left;
    color:#4080c2;
    font-weight:bold;
    font-size:12px;
    margin:12px 0 0 0;
}
#previsaoProximosDias{
    width:272px;
    height:110px;
    float:left;
    color:#4080c2;
}
#previsaoProximosDias h6{
    color:#599fe8;
    text-decoration:underline;

}
#previsaoProximosDias ul{
    width:300px !important;
    height:86px;
    float:left;
    list-style-type:none;
    margin:-20px 0 0 -20px;
}
#previsaoProximosDias ul li{
    display:inline;
    float:left;
    text-align:left;
    margin:25px 0 0 25px;
}
#previsaoProximosDias img{
    float:left;
    margin-left:5px;
}
.diaProximosDias{
    float:left;
    font-size:9px;
}
.previProximosDias{
    width:52px;
    height:31px;
    float:left;
    font-size:9px;
    margin-left:5px;
}