/* =======================ELEMENTOS GERAIS========================= */
html { 
    min-height: 100%; 
   } 
body {	
	background-image: url(../images/bg_home.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	margin: 0 0 0 -27px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
`	height:100%;
	min-height: 100%;
	/* scroll*/
    scrollbar-face-color:#F3EDC3;
    scrollbar-shadow-color:#E0B46E;
    scrollbar-highlight-color:#E6D195;
    scrollbar-3dlight-color:#FCF6DC;
    scrollbar-darkshadow-color:#FCF6DC;
    scrollbar-track-color:#E6D195;
    scrollbar-arrow-color:#AFA54D;
}
/* ================= Blocos de informação ========================== */
#bodyContainer {
	background-image: url(../images/bg_content.png);
	background-repeat: no-repeat;
	background-position: 1px top;	
	width: 980px;
	min-height: 570px;
	margin: 0px auto;
	height: 100%;
}
#menuPrincipal {
	width: 293px;
	float: left;
	height: 100%;
}
#menuContainer {position: relative; margin-left: 10px; height: 100%;}
#subPousada,
#subAcomodacoes,
#subBoaMesa,
#subVinhos, 
#subNatureza,
#subParqueAquatico,
#subComoChegar,
#subPetropolis,
#subDizem,
#subPrecos {
	position:absolute; left:153px; width:152px; overflow: auto;
}

#subPousada {
	top:94px; z-index:1;
}
#subAcomodacoes {
	top:113px; z-index:2;
}
#subPrecos {
	top:132px; z-index:3;
}
#subBoaMesa {
	top:151px; z-index:4;
}
#subVinhos {
	top:170px; z-index:4;
}
#subNatureza {
	top:189px; z-index:5;
}
#subParqueAquatico {
	top:208px; z-index:7;
}
#subComoChegar {
	top:227px; z-index:8;
}
#subPetropolis {
	top:246px; z-index:9;
}
#subDizem {
	top:265px; z-index:10;
}
#conteudoContainer {
	width: 556px;
	float: left;
}
span.titulo, div.titulo {
	display: block;
	text-align: center; 
	margin-top: 38px;
	margin-bottom: 20px;
}

p {
	text-align: justify;
	padding-right: 8px;
}
.pontilhado {
	background-image: url(../images/pontilhado.gif);
	background-repeat: repeat-x;
	height: 2px;	
}
.slideShowDesc {display: block; text-align: center; clear: both;}
/* ===========================Slideshow============================ */
#framefoto {
	width: 580px;
	height: 369px;
	padding-left: 10px;
	padding-top: 10px;
	background-image: url(../images/slideshow/bg.png);
	background-repeat: none;
	float: left;
}

#framevideo {
	width: 494px;
	height: 404px;
	background-image: url(../images/bg_video.png);
}

/* ===========================TEXTOS=============================== */
.texto, .texto A:link, .texto A:visited {  
	color: #48310a;
	text-decoration: none; 
}
.texto A:hover, .pequeno A:hover, .bold A:hover, .roxo A:hover {  
	text-decoration: underline; 
}
.pequeno, .pequeno A:link, .pequeno A:visited {  
	font-size: 11px; 
	color: #48310a;
	text-decoration: none;
}
.bold, .bold A:link, .bold A:visited {  
	font-size: 10px; 
	color: #000000;
	font-weight: bold;
	text-decoration: none; 
}
.roxo, .roxo A:link, .roxo A:visited {
	color: #990066;
	text-decoration: none; 	
}
/* ===========================FORMULÁRIO=============================== */
.input {  
	border: 1px solid #D6C185;
	color: #48310A;	
	font-size: 11px;
	height: 15px;
	width: 150px;
	background-color: #F8EBB1;
}
.input:focus {
	background-color: #EEDCA8;
	border-color: #48310A;
}
.msgerror {
    color: #990066;
    border: 1px solid #990066; 
	width: 350px;
	padding: 5px;
}
.error {
    color: #990066;
}
.controlerror {
    background-color: #ffffdd;
    border: 1px solid #990066;
}

/* ===========================TABELAS=============================== */
.padboxhome {
	padding-top: 7px;
	padding-bottom: 7px;
}
.td0, .td1, .td2, .tdpromo {
	border: 1px solid white;
	padding: 5px;
	text-align: center;
}
.td0 {
	background-color: #D6C185;	
	font-size: 10px;
	font-weight: bold;	
	vertical-align: middle;
}
.td1 {
	background-color: #EEDCA8;
}
.td2 {
	background-color: #F8EBB1;	
	vertical-align: middle;
}
.tdpromo {
	background-color: #F8EBB1;
	font-weight: bold;
	vertical-align: middle;
	color: #990066;
}
.tabela_alfabeto {
	background-color: #1387C6;
  	border: 1px solid white;
	padding-left: 5px;
	padding-right: 5px;
}
/* ===================== Rodape ==========================*/

#rodape {
	font-size: 10px; 
	color: #343806;
	float: left;
	margin: 20px auto 8px 26px;	
}
#rodape A:link, #rodape A:visited {color: #343806; text-decoration: none; }
#rodape A:hover {  
	text-decoration: underline; 
}