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

* { padding: 0; margin: 0; }
body { text-align:center; background:#F5F4F1 url(../images/bgBody.jpg) no-repeat center top; }
body, td, th { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}

p { padding:5px 0;}

a:link, a:visited { color: #333333; text-decoration:underline; }
a:hover { color: #000000; text-decoration:none;}

a.lnkPrev, a.lnkNext{ display:block; width:20px; height:20px; overflow:hidden;}
a.lnkPrev { margin-right:6px;}
a.lnkViewAll { display:block; width:60px; height:20px; overflow:hidden;}
a.lnkPrev span, a.lnkNext span, a.lnkViewAll span { display:block; padding-top:20px;}

.disabled { filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; cursor:default;}

.btnBox, .btnOKBox { height:32px; overflow:hidden;}
.btnBox input, .btnOKBox input { cursor:pointer; background-color:transparent; }

.hidden { display:none;}

.swfImgBox { display:block; width:124px; float:left;}

/*	LAYOUT 	*/
#site { width:986px; margin:0 auto; text-align:left;}
#topBox {height:232px; overflow:hidden; }
#top { height:232px; background:url(../images/topo.jpg) no-repeat right top;  }
#date { width:200px; margin:12px 5px 0 0; float:right; text-align:right;}
#menuTop {  margin:12px 5px 0 0; float:right; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
#logo { width:132px; height:100px; overflow:hidden; float:left; margin-left:100px;}
#logo a { display:block; padding-top:105px}
#menu { float:left; margin-top:58px; height:54px; overflow:hidden;}
#menu ul{ list-style:none;}
#menu li{ float:left;}
#menu li a{ display:block; padding-top:54px; }
#lnk1 a:link, #lnk1 a:visited { width:67px; background-image:url(../images/btnInicio.png); background-position:0  0; }
#lnk1 a:hover { background-position:0 -54px; }
#lnk2 a:link, #lnk2 a:visited { width:193px; background-image:url(../images/bgMnu.png); background-position:0  0; }
#lnk2 a:hover { background-position:0 -54px;}
#lnk3 a:link, #lnk3 a:visited { width:111px; background-image:url(../images/bgMnu.png); background-position:-193px 0; }
#lnk3 a:hover { background-position:-193px -54px;}
#lnk4 a:link, #lnk4 a:visited { width:105px; background-image:url(../images/bgMnu.png); background-position:-304px 0; }
#lnk4 a:hover { background-position:-304px -54px;}
#lnk5 a:link, #lnk5 a:visited { width:140px; background-image:url(../images/bgMnu.png); background-position:-409px 0; }
#lnk5 a:hover { background-position:-409px -54px;}
#searchBox { width:242px; height:24px; overflow:hidden; margin:15px 20px; background:url(../images/bgSearch.png) no-repeat;}
#searchFrm input { border:0; margin:0; }
#pesquisar { height:24px; padding:6px 10px 3px 24px; background-color:transparent; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#999999; font-weight:bold}
#pesquisarBtnBox {height:24px; overflow:hidden;}
#pesquisarBtn { width:42px; cursor:pointer; padding-top:24px; background-color:transparent} 
#contentsBox { width:975px; margin-left:10px; background:url(../images/bgSite.png); min-height:300px;}
#contents { padding:20px 19px 10px 19px; background:url(../images/bgContent.jpg) no-repeat top center;}
body.home #contents { background:url(../images/bgContentHome.jpg) no-repeat top center;}
#bottom { background: url(../images/bgBottom.png) no-repeat 10px 0; padding-top:40px;}
#bottom .floatLeft { margin-left:87px; color:#2A2F30; }



/*	HOME	*/
#home #banners { width:638px; overflow:hidden }
#home .banner { width:300px; height:145px; overflow:hidden; border-left:10px solid #000000;}
#mapBox { width:638px; height:410px;}

/*	FORM	*/
.frm { display:block; width:515px;}
.frm h2 { height:45px; width:515px; overflow:hidden; background:url(../images/h2PedidosInfo.png) no-repeat; border-top:1px solid #B0C6D1}
.frm h2 span { display:block; padding-top:45px}
.frm br {clear:both;} 
.frm .bg{ height:370px; padding-top:10px; background:url(../images/bgFrmContactos.png) no-repeat;}
.frm label { display:block; width:100px; float:left; height:25px; text-align:right; padding:5px 10px; font-size:12px; color:#333333}
.frm input { height:16px; overflow:hidden; float:left; padding:6px;}
.frm input, .frm textarea { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; border:0}
.frm textarea { }
.frm select { width:50px} 
.frm .inputNormal {width:262px; background:url(../images/frmElems.png) no-repeat }
.frm .inputSmall {width:82px; background:url(../images/frmElems.png) no-repeat 0 -36px;  }
.frm .inputSmall2 {width:175px; background:url(../images/frmElems.png) no-repeat 0 -285px;  }
.frm .inputSmall3 {width:44px; background:url(../images/frmElems.png) no-repeat -233px -321px;  }
.frm .inputDate {width:120px; background:url(../images/frmElems.png) no-repeat 0 -321px;  }
.frm .msgBox {width:276px; height:166px; overflow:hidden; background:url(../images/frmElems.png) no-repeat 0 -72px; }
.frm .textArea{width:264px; height:154px; margin:6px; overflow-y:auto; border:0 none; background-color:transparent}
.frm .btnBox, .frm .btnOKBox { background:url(../images/frmElems.png) no-repeat 0px -240px; float:right; margin-right:115px; }
.frm .btnBox input, .frm .btnOKBox input { height:30px; border:0; width:120px; padding-top:30px;}
.frm .btnBox input { }
.frm .required { display:block; float:left; width:20px; height:20px; background:url(../images/frmElems.png) no-repeat -255px -37px;}
.frm .required b { display:none}
.frm .without-focus, .frm .without-focus .textArea{ color:#999999; /*filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;*/}


#contactsPage #postMsg{ margin-left:2px; height:120px; overflow:hidden; background:url(../images/bgPostMsg1.png) no-repeat}
#contactsPage #postMsg div.spacer { padding:20px 10px 10px 100px;}


/*	HOTEL DETAILS	*/
#gallery { width:938px; height:400px;}
#return a { display:block; width:67px; height:54px; overflow:hidden;}
#return a span{ display:block; padding-top:54px;}
#hotelDetail { background:#F5F4F1 url(../images/hotelBgBody.jpg) no-repeat center top;}
#hotelName {background:url(../images/hotelTop.png) no-repeat; height:54px; width:985px;}
#hotelDetail #contents { background:url(../images/hotelBg1.jpg) no-repeat top center;}
.hotelInfoBox { width:650px; margin-left:15px; font-size:12px}
#hotelDetail .frm { width:auto; }
#hotelDetail .frm label { width:55px; padding:4px 5px; }
#hotelDetail .frm .bg { height:375px; width:258px; background: url(../images/bgFrmReserva.png) no-repeat; position:relative}
#hotelDetail #noReservation { position:absolute; top:5px; left:5px; color:#333333; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; padding-top:60px; background:#E6F0F6 url(../images/icoAviso.jpg) no-repeat 95px 20px; height:302px;}
#hotelDetail h4.txtDados { background:url(../images/h4Dados.png) no-repeat;}
#hotelDetail h4.txtReserva { background:url(../images/h4Reserva.png) no-repeat;}
#hotelDetail h4.txtDados, #hotelDetail h4.txtReserva { margin:8px 0 4px 10px; height:20px; overflow:hidden; }
#hotelDetail h4.txtDados { margin-top:0}
#hotelDetail h4.txtDados span, #hotelDetail h4.txtReserva span { display:block; padding-top:20px}
#hotelDetail .btnBox{ margin-right:78px; background:url(../images/frmElems.png) no-repeat -165px -240px; float:right;}
#hotelDetail .btnBox input.disabled { cursor:default;}
#hotelDetail #postMsg{ margin-bottom:10px; height:120px; overflow:hidden; background:url(../images/bgPostMsg.png)}
#hotelDetail #postMsg div.spacer { padding:10px 10px 10px 100px;}
#hotelDetail .frm p { padding:15px; font-size:12px;}


/*	CONTEUDOS	*/
#txtCol { margin:0 50px}
#txtColSmall { width:600px; margin-right:20px}
.box1 .swfTxtBox { margin-bottom:15px}
.txt { font-size:12px;}
.txt .floatLeft img{ margin:5px 10px 0 0;}
.newsInfo a:link, #bar1 .newsInfo a:visited { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#2076A8; text-decoration:none;}
.newsInfo a:hover { color:#333333;}
#imagensBox{ width:540px; margin-bottom:20px; padding-bottom:8px; background:url(../images/bgImgs.png) no-repeat left bottom}
#imagensBox #imagens{ padding-top:8px; background:url(../images/bgImgs.png) no-repeat;}
#imagensBox #imagens a{display:block; margin:10px 2px 10px 20px; float:left}


#bannersBox { width:300px;}
#bannersBox div { width:300px; height:145px; background:url(../images/banners.jpg) no-repeat;}
#bannersBox .banner1 { background-position: -10px 0;}
#bannersBox .banner2 { background-position: -338px 0;}


/*	NEWS	*/
#bar1 { width:278px; height:570px; background:url(../images/barBg.jpg);}
#bar1 .top { height:100%; background:url(../images/barTop.jpg) no-repeat;}
#bar1 .bottom { height:100%; background:url(../images/barBottom.jpg) no-repeat left bottom; padding:0 10px;}
#bar1 .aviso { padding-top:30px;}
#bar1 h2 { height:52px; overflow:hidden;} 
#bar1 h2 span{ display:block; padding-top:50px; background:url(../images/headerNews.gif) no-repeat -2px 10px}
#bar1 #newsBox { height:470px}
#bar1 #newsBox .loading { padding-top:100px; background:url(../images/loading1.gif) no-repeat center center; text-align:center; font-weight:bold; color:#2076A8;}
#bar1 a.lnkPrev { background:url(../images/icons.png)}
#bar1 a.lnkNext { background:url(../images/icons.png) -20px 0}
#bar1 a.lnkViewAll { background:url(../images/icons.png) -40px 0}
.newsInfo { border-bottom:1px solid #B0C6D1; padding:12px 0;}
.newsInfo strong { margin-bottom:4px; display:block; }
.newsInfo img { float:left; margin:4px 10px 0 0;}
.newsInfo a:link, .newsInfo a:visited, .navInfo a:link, .navInfo a:visited { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#2076A8; text-decoration:none;}
.newsInfo a:hover, .navInfo a:hover { color:#333333;}
.navInfo a:link, .navInfo a:visited { font-weight:bold; font-size:11px; }
.newsInfo p {line-height:150%; padding:0;}


/*	LIST */
.list-group { min-height:226px; background:url(../images/bgHotelList.png) no-repeat left bottom;}
.list-group .swfTxtBox { padding:10px 0 0 16px; background:url(../images/bgHotelList.png);}
.list-group h2 { color:#2379AC; font-size:20px;}
.list-group ul.box { padding:10px 16px; list-style:none }
.list-group ul.box li { width:164px; float:left; background:url(../images/itemBgBottom.png) no-repeat left bottom; text-align:center; margin:0 8px 10px 8px;}
.list-group ul.box li .bgTop { padding:13px 6px; background:url(../images/itemBgTop.png) no-repeat }
.list-group ul.box a { display:block;}
.list-group a.hotel:link, .list-group a.hotel:visited { font-size:12px; color:#333333; text-decoration:none;}
.list-group a.hotel:hover {  color:#666666; text-decoration:underline; }
.list-group .classificacao { margin-top:5px}
.noRecordsFound { padding-top:100px; text-align:center; font-weight:bold}
.list-group .nav { margin-top:-30px;}
.list-group a.lnkPrev { background:url(../images/icons.png)}
.list-group a.lnkNext { background:url(../images/icons.png) -20px 0; margin-right:20px}
.list-group a.lnkViewAll { background:url(../images/icons.png) -40px 0; margin-right:30px}
.list-group .loading { padding-top:100px; background:url(../images/loading1.gif) no-repeat center center; text-align:center; font-weight:bold; color:#2076A8;}

/*	RESERVATIONS*/
#reservations .frm { width:100%; overflow:hidden; margin-top:30px;}
#reservations .floatLeft, #reservations .floatRight { background: url(../images/bgFrmReserva.png) no-repeat; padding-top:5px;}
#reservations .frm .bg { width:258px; height:220px; background: url(../images/bgFrmReserva.png) no-repeat left bottom; padding:0; margin-right:30px;}
#reservations .frm label { width:55px; padding:4px 5px; }
#reservations .frm label.lbl1 { width:75px;}
#reservations .sel { width:150px}
#reservations .selBox { display:block; float:left; border:1px solid #E6F0F6;}
#reservations h4.txtDestino { background:url(../images/h4Destino.png) no-repeat;}
#reservations h4.txtDados { background:url(../images/h4Dados.png) no-repeat;}
#reservations h4.txtReserva { background:url(../images/h4Reserva.png) no-repeat;}
#reservations h4.txtDados, #reservations h4.txtReserva, #reservations h4.txtDestino{ height:20px; overflow:hidden; margin:5px 0 10px 10px;  }
#reservations h4.txtDados span, #reservations h4.txtReserva span, #reservations h4.txtDestino span{ display:block; padding-top:20px}
#reservations .btnBox{ margin-right:78px; background:url(../images/frmElems.png) no-repeat -165px -240px; float:right;}
#reservations #postMsg{ margin-bottom:10px; height:120px; overflow:hidden; background:url(../images/bgPostMsg.png) no-repeat}
#reservations #postMsg div.spacer { padding:10px 10px 10px 100px;}
#reservations #showList { padding:10px; text-align:right}

#recomendPage label {width:120px}
#recomendPage #postMsg{ padding-right:10px; height:120px; overflow:hidden; background:url(../images/bgPostMsg.png) no-repeat top right;}
#recomendPage #postMsg div.spacer { height:120px; padding:20px 10px 0 100px; background:url(../images/bgPostMsg.png)}