﻿@charset "utf-8";
/* CSS Document */

/************************************
Everest
Criado em: Novembro/2009                     																					
Desenvolvido por: ZONAInternet
************************************/

/************************************
	BASIC TAGS
************************************/

* { margin: 0; padding: 0;	border: none; text-decoration: none; list-style-type: none; }

body { background: #fff; color: #818181; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }

.desktop { min-height: 100%; height: auto !important; width: 100%; height: 100%; overflow: hidden; }

:focus { outline: none; }


/************************************
	CLASSES
************************************/
 
	.bold         { font-weight: bold; }
	.italic       { font-style: italic; }
	.align_center { text-align: center; }
	.align_right  { text-align: right; }
	
	.upercase     { text-transform: uppercase; }
	.underline    { text-decoration: underline; }
	
	.divisor      { color: #cfcfcf; }
	
	.none         { display: none; }
	.block        { display: block; }
	
	.float_left   { float: left; }
	.float_right  { float: right; }
	.clear        { clear: both; }
	
	p { line-height: 16px; }
	
	a { color: #0d426b; }
	a:hover { text-decoration: underline; }
	
	.box { width: 260px; }
	.linha { clear: both; margin: 10px 0; height: 1px; background: #ccc; }

/************************************
	ESTRUTURA 
************************************/

.desktop { min-width: 780px; width: auto !important; width: 780px; }
	
.content { min-height: 400px; height: auto !important; height: 400px; overflow: hidden; background: #fff; }

.meio { margin: 0 auto; width: 780px; position: relative; }
	
    
/* HEADER */
.header { width: 100%; height: 115px;  border-top: solid 7px #0d426b;  border-bottom: solid 1px #cad2de;}
.header .logo { float: left; margin: 11px 0 0 60px; }
   
.header .nav { width: 450px; height: 30px; position: absolute; top: 0; right: 0; }
.header .nav a { margin-right: 5px; }
.header .nav img { padding-top: 3px; }

.header .nav .select { float: right; background: #0d426b; width: 177px; height: 19px; margin-right: 4px; padding: 2px 8px; color: #666666; background: #0d426b url(../imgs/bg_select_header.gif) left bottom no-repeat; }
.header .nav .select .campoSelect { font-size: 11px; background: #0d426b; width: 177px; height: 20px; padding: 1px 2px 2px 2px; color: #b3d2ec; border: none; }
     


/************************************
	CONTEUDO 
************************************/

.conteudo .destaques        { width: 100%; height: 188px; z-index: 1; background: url(../imgs/bg_conteudo.gif) repeat-x; margin-bottom: 12px; }
.conteudo .destaques .meio  { width: 780px; margin: 0 auto;  background: #f0f0f0; z-index: 1; }

/* BREADCRUMB */
.conteudo .bread { width: 100%; height: 27px; background: #f3f3f2; padding: 5px 0 10px; }
.conteudo .bread .meio { width: 780px; height: 27px; margin: 0 auto; background: url(../imgs/bread_bg.gif) repeat-x; }
.conteudo .bread .meio .bread_hotel { width: 273px; height: 27px; float: left; background: #0d426b url(../imgs/bread_azul_left.gif) top left no-repeat; }
.conteudo .bread .meio .bread_hotel p { width: 254px; text-align: center; float: left; color: #b3d2ec; padding-top: 5px; }
.conteudo .bread .meio .bread_hotel img { float: right; }
.conteudo .bread .meio .bread_crumb { width: 495px; height: 22px; float: left; background: url(../imgs/bread_branco_right.gif) top right no-repeat; color: #666666; padding: 5px 0 0 12px; letter-spacing: 0.1pt; }
.conteudo .bread .meio .bread_crumb a { color: #666666; text-decoration: none; }
.conteudo .bread .meio .bread_crumb a:hover { text-decoration: underline; }
.conteudo .bread .meio .bread_crumb span { color: #cccccc; margin: 0 6px; }
/* FIM BREADCRUMB */

.conteudo .estrutura    { margin: 0 auto; width: 780px; padding-bottom: 10px; }

.conteudo .estrutura .conteudo_left { float: left; width: 520px;  }
.conteudo .estrutura .conteudo_left .box { width: 237px; float: left; }
.conteudo .estrutura .conteudo_left .box h2.titulo { margin-bottom: 10px; }

.conteudo .estrutura .conteudo_right { float: right; width: 243px; min-height: 65px; height: auto !important; height: 65px;  }
.conteudo .estrutura .conteudo_right .box { width: 243px; float: left;  margin-bottom: 25px; }
.conteudo .estrutura .conteudo_right .box h2 { margin-bottom: 15px; padding: 0;  }
.conteudo .estrutura .conteudo_right .news { background: url(../imgs/box_right_maior.gif) no-repeat; width: 235px; height: 38px; padding: 8px 0 0 8px; }

/* HOME */
.conteudo .estrutura .conteudo_left .home { padding-right: 18px;}
.conteudo .estrutura .conteudo_left .box.novidades div img { margin-bottom: 15px; }

.conteudo .estrutura .conteudo_left .box.informacoes { float: right; width: 228px; } 
.conteudo .estrutura .conteudo_left .box.informacoes p { margin-bottom: 25px; }

.conteudo .estrutura .conteudo_left .box.previsao { float: right; width: 228px; }
.conteudo .estrutura .conteudo_left .box.previsao p { color: #60a1d9; font-size: 13px; text-transform: uppercase; margin-bottom: 10px; font-weight: bold; }

.conteudo .estrutura .conteudo_left .box.promocoes { width: 502px; overflow: hidden; }

.conteudo .estrutura .conteudo_left .box.promocoes a img { margin-right: 20px; }
.conteudo .estrutura .conteudo_left .box.promocoes a img.mgLeftZero { margin-right: 0; }

/* INTERNAS */

.conteudo .estrutura .conteudo_left .internas h2    { width: 520px; margin-bottom: 13px; border-bottom: solid 4px #0d426b; text-transform: uppercase; font-size: 20px; color: #0d426b;  }
.conteudo .estrutura .conteudo_left .internas h3    { margin-bottom: 5px; font-size: 13px; color: #666666;  }
.conteudo .estrutura .conteudo_left .internas h4    { margin-bottom: 5px; font-size: 13px; font-weight: bold; text-align: right; color: #666666;  }
.conteudo .estrutura .conteudo_left .internas h5    { width: 250px; margin-bottom: 13px; border-bottom: solid 4px #0d426b; text-transform: uppercase; font-size: 14px; color: #306079;  }

.conteudo .estrutura .conteudo_left .internas .box  { width: 260px; float: left; }
.conteudo .estrutura .conteudo_left .internas .box.pd5left { padding-left: 10px; width: 250px; }
.conteudo .estrutura .conteudo_left .internas .evento  {  }

.conteudo .estrutura .conteudo_left .internas img   { margin-bottom: 13px; }
.conteudo .estrutura .conteudo_left .internas p     { margin-bottom: 10px; }

.conteudo .estrutura .conteudo_left .internas ul    { margin: 10px 0 15px; } 
.conteudo .estrutura .conteudo_left .internas ul li { line-height: 14px; list-style-type: square/* circle*/; list-style-position: inside; margin: 5px 0; color: #0d426b; }
.conteudo .estrutura .conteudo_left .internas ul li span { color: #999999; } 

.conteudo .estrutura .conteudo_left .internas h2.noMg  { margin-bottom: 0; }
.internas strong { font-size:13px; }

/* INTERNAS - HOTEIS */

.conteudo .estrutura .conteudo_left .internas iframe { margin-bottom: 5px; }


/* tabelas */

.box.previsao table th { border: none; width: 70px; height: 13px; background: #f2f1f1; }
.box.previsao table th.center { background: #dddddd; }
.box.previsao table td { background: #fcfcfc; width: 70px; height: 61px; text-align: center; } 
.box.previsao table td.center { background: #f9f9f9; }
.box.previsao table td img { margin-top: 5px; }
 
.internas table { width: 360px; }
.internas table th { border: none; padding: 2px; background: #f2f1f1; text-align: left; }
.internas table td { background: #fcfcfc; padding: 2px; } 

/* POP UP */

.popup .box { width: 253px; float: left;  margin-bottom: 0; padding-top: 10px; }
.popup .box h2 { margin-bottom: 15px; padding: 0;  }
.popup .box p { margin-bottom: 10px; padding: 0;  }
.popup .news { background: url(../imgs/box_right_maior.gif) no-repeat; width: 235px; height: 38px; padding: 8px 0 0 8px; }
.popup .campoNews  
{
    background: url(../imgs/bg_right_imput.gif) no-repeat;
    font-size: 12px; float: left; 
	width: 180px; height: 24px; padding: 7px 5px 0 5px; margin: 0 5px 0 0; }  
.popup .btn_send { float: left; margin-top: 1px; width: 29px; height: 29px; background: url(../imgs/btn_right_send.gif) no-repeat;}


/* POPUP FORM */
.popup fieldset     { width: 255px; float: left; margin-right: 15px; *float: none; }
.popup fieldset h3  { margin-bottom: 5px; font-size: 13px; color: #666666; font-weight: normal; }
.popup .campoSelect { float: left; border: 1px solid #999999;  width: 255px; height: 23px;  padding: 2px; font-size: 12px; background: #f8f8f8;  margin-bottom: 5px; }
.popup .campo       { font-size: 11px; float: left; background-color: #f8f8f8; border: 1px solid #999999; padding: 4px 2px 2px 2px; width: 182px; height: 15px; margin-bottom: 5px; color: #666666; }
.popup .campoMsg    { height: 80px; background: #fff url(../imgs/form_bgcampo_msg.gif) repeat-x; }

.popup .campo.larguraCep {width: 175px;}
.popup .campo.larguraCidadeUf {width: 300px;}
.popup .enviar { float: right; padding: 5px 10px; font-size: 11px; width: 125px; border: 1px solid #999999; background-color: #f8f8f8; margin: 15px 17px 0 0; text-transform: uppercase; color: #0d426b; font-weight: bold; }


/************************************
	MENU 
************************************/

.menu { width: /* 449*/ 528px; height: 40px;  float: right; margin-top: 60px; }
.menu img { float: left; }
.menu .meio { float: left; width: /*437*/ 509px; height: 26px; background: url(../imgs/bg_menu.gif) repeat-x; text-align: center; padding-top: 14px; }
.menu .meio ul { padding-left: 20px; }
.menu .meio li { display: inline; float: left;  }

.menu .meio li.separa { float: left; padding-top: 2px; }

.menu .meio li a 		{ display: inline-block; font-size: 14px; text-decoration: none; font-weight: bold; text-indent: inherit; }
.menu .meio li a:hover  { text-decoration: underline; }
.menu .meio li span 	{ display: inline-block;  background: #e1e1e1; width: 1px; height: 12px; margin: 0 12px; }


.submenu { width: /* 449*/ 520px; height: 20px;  text-align: center;  border-bottom: solid 4px #e8eef0; margin-bottom: 13px; padding: 10px 0; }
.submenu ul#nav { padding: 0 0 10px 0; margin: 0; }
.submenu ul#nav li { display: inline; float: left; padding: 0; margin: 0;  }
.submenu ul#nav li.separa { float: left; padding-top: 2px; }

.submenu li a 		{ display: inline-block; font-size: 14px; text-decoration: none; }
.submenu li a:hover { text-decoration: underline; }
.submenu li span 	{ display: inline-block;  background: #e1e1e1; width: 1px; height: 12px; margin: 0 8px; }

.submenu ul#nav ul   { margin: 0; padding: 0; list-style-type:none; list-style-position:outside; position:relative; }
.submenu ul#nav ul a { color:#003763; text-decoration:none; background-color:#fff; }
.submenu ul#nav a.mainMenu { background: #FFFFFF; color:#0d426b; text-decoration:none; }
.submenu ul#nav a:hover{ background:#fff; color:#333; }

.submenu ul#nav li { float:left; position:relative; }
.submenu ul#nav li ul li {	clear: both; }
.submenu ul#nav ul { position:absolute; display:none;  padding-top: 8px; border-left: 1px solid #e8eef0; border-bottom: 1px solid #e8eef0;}
.submenu ul#nav li ul a { width: 100px; height:auto; float:left; text-align: left; padding: 5px 0 5px 5px; font-size: 13px;}
.submenu ul#nav li ul a:hover { width: 100px; height:auto; float:left; background: #0d426b; color: #ffffff; }
.submenu ul#nav span { display: inline-block;  background: #e1e1e1; width: 1px; height: 12px; margin: 0 8px;  }



/********************************************
    ACTIVES
********************************************/

body.gastronomiaActive  .menu .meio li a,
body.lazerActive        .menu .meio li a,
body.negociosActive     .menu .meio li a,
body.promocoesActive    .menu .meio li a,
body.guiaActive         .menu .meio li a,
body.contatoActive      .menu .meio li a { text-decoration: underline; } 

body.gastronomiaActive  .footer .meio .menu .meio li a,
body.lazerActive        .footer .meio .menu .meio li a,
body.negociosActive     .footer .meio .menu .meio li a,
body.promocoesActive    .footer .meio .menu .meio li a,
body.guiaActive         .footer .meio .menu .meio li a,
body.contatoActive      .footer .meio .menu .meio li a { text-decoration: underline; } 

.submenu li a.active   { text-decoration: underline; }


/************************************
	FOOTER 
************************************/
.hoteis { width: 100%; padding: 12px 0; font-size: 11px;  padding: 15px 0;  border-top: solid 5px #e8eef0;  border-bottom: solid 5px #e8eef0;}
	
	.hoteis .meio { width: 780px; margin: 0 auto;  position: relative; }
	.hoteis .meio .box { width: 260px; float: left; text-align: center; font-size: 10px; color: #818181; }
	.hoteis .meio .box img { margin-bottom: 15px; }
	.hoteis .meio .box.padRight { padding-right: 40px; width: 220px; }
	.hoteis .meio .box.padleft  { padding-left: 40px; width: 220px; }
		
	.hoteis .meio .creditos { position: absolute; left: 0; }
	.hoteis .meio .creditos a.zonainternet { color: #999999; }
	
	.hoteis .meio .links { position: absolute; right: 0; }
	.hoteis .meio .links a { padding: 5px; }
	
.footer { width: 100%; padding: 0; font-size: 11px; }
	
	.footer .meio { width: 780px; margin: 0 auto;  position: relative; text-align: center; font-size: 11px; }
	
	.footer .meio .menu { width: 400px; height: 40px;  float: none; margin: 0 auto; }
    .footer .meio .menu .meio { width: 100%; float: none; background: none; text-align: center; padding-top: 14px; margin: 0 auto; }
    .footer .meio .menu .meio ul { padding-left: 0; }
    .footer .meio .menu .meio li a { display: inline-block; font-size: 11px; text-decoration: none; color: #666; }
	.footer .meio .menu .meio li a:hover { text-decoration:none; color: #0d426b; }
	.footer .meio .menu .meio li span 	{ margin: 0 5px; }
	    	
	.footer .meio .creditos { line-height: 18px; }
	.footer .meio .creditos .copy { color: #999999; margin-top: 5px; }
	.footer .meio .creditos .copy a { text-decoration:none; color: #999999; }
	.footer .meio .creditos .copy a:hover { text-decoration:none; color: #b11117; }
		

/************************************
	FORMULÁRIOS 
************************************/

.asterisk { color: #ff0033; font-weight: bold; }

label { display: block; float: left; width: 75px; text-align: right; clear: left; margin: 0 5px 3px 0; }

.campoSelect  
{
    float: left;
    border: 1px solid #999999; 
    width: 188px; height: 22px;  padding: 2px;
    font-size: 12px; background: #ffffff; border: 1px solid #bad6ee; 
    margin-bottom: 6px; }

.campo  	
{
    font-size: 11px; float: left;
    background-color: #f8f8f8;
	border: 1px solid #999999; padding: 4px 2px 2px 2px;
	width: 182px; height: 15px;
	margin-bottom: 5px; color: #666666; 
}
.textarea  	
{
    font-size: 11px; float: left;
    background-color: #f8f8f8;
	border: 1px solid #999999;
	width: 182px; height: 180px; 
	padding: 2px; font-size: 11px; color: #666666;
}
.botoes { width: 270px; height: 29px; float: left; margin-top: 5px; }
.enviar { float: right; padding: 5px 10px; font-size: 11px; background-color: #00467f; color: #ffffff; margin-right: 2px; }


/* RIGHT BAR FORM */
.conteudo .estrutura .box iframe { height: 240px; width: 243px; }

.conteudo .estrutura .box .campoSelect {
    font-size: 12px; float: none; background: #ffffff; border: 1px solid #bad6ee; 
    width: 243px; height: 22px;  padding: 2px; margin-bottom: 6px; color: #666666; }
.conteudo .estrutura .box .campoSelect.menor { width: 120px; }
.conteudo .estrutura .box .campoSelect.float_right  { float: right; }  

.conteudo .estrutura .box .campo {
    font-size: 12px; float: none; background: #ffffff; border: 1px solid #bad6ee;
	width: 243px; height: 12px; padding: 5px 2px 2px 2px; margin-bottom: 6px; color: #666666; }
.conteudo .estrutura .box .campo.menor { width: 112px; padding-left: 4px; }
.conteudo .estrutura .box .campo.float_right  { float: right; }

.conteudo .estrutura .conteudo_right .box a.btn_right  
{ display: block; padding: 10px 5px 5px 15px; font-size: 13px; font-weight: bold; color: #666666; 
  background: url(../imgs/box_right_menor.gif) no-repeat; width: 223px; height: 21px; margin-top: 5px; }
.conteudo .estrutura .conteudo_right .box a.btn_right:hover  
{ text-decoration: underline; }

.conteudo .estrutura .box .news .campoNews  
{
    background: url(../imgs/bg_right_imput.gif) no-repeat;
    font-size: 12px; float: left; 
	width: 180px; height: 24px; padding: 7px 5px 0 5px; margin: 0 5px 0 0; }  

.conteudo .estrutura .box .news .btn_send { float: left; margin-top: 1px; width: 29px; height: 29px; background: url(../imgs/btn_right_send.gif) no-repeat;}
 
/* reservas online */
.conteudo .estrutura .box .tam200 { width: 120px; }
.conteudo .estrutura .box .tam200 .campoSelect.menor { width: 50px; }

.conteudo .estrutura .box label { width: 100%; text-align: left; line-height: 12px; margin-top: 5px; }
.conteudo .estrutura .box .campoSelect { /* font-size: 10px; */ }
.conteudo .estrutura .box .campoSelect.dia { width: 48px; }
.conteudo .estrutura .box .campoSelect.mes { width: 60px; }
.conteudo .estrutura .box .campoSelect.ano { width: 65px; }

.conteudo .estrutura .box .button  
{ 
    margin-top: 5px;
    display: block; 
    padding: 0 0 0 15px; 
    font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    text-align: left;
    color: #666666; 
    background: url(../imgs/box_right_menor.gif) no-repeat; 
    width: 243px; 
    height: 36px; 
    margin-top: 5px; cursor: pointer; 
}
.conteudo .estrutura .box .button:hover { text-decoration: underline; }

  
/*************************************
	ACORDION
*************************************/	

#efeito { padding: 5px 0; margin-left: 0; }
#efeito p, #efeito img  { padding-left: 5px; }
#efeito .spacer { width: 100%; height: 5px; }


#efeito a.titulo 
{
    display:block;
	color: #00578f;
	cursor: pointer;
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
	padding: 10px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}
#efeito a.titulo:hover{ background:#ffffff; text-decoration: none; }

#efeito a.selected { font-weight: bold; cursor: default; }
#efeito a.selected span { padding-right: 15px; background: url(../imgs/tick.gif) no-repeat 100% 55%; }
#efeito div a      { display:block; color: #00578f; cursor: pointer; margin-bottom: 5px; text-align: right; }
#efeito div a:hover{ text-decoration: underline; }

.form_pop h2 { margin: 10px 0 5px; text-transform: uppercase;}
