@charset "utf-8";

/* MENU */
@import url("menu.css");
/* TITULOS */
@import url("titulos.css");
/* FORMULARIOS */
@import url("formularios.css");
/* OUTROS */
@import url("outros.css");


/* HOME */
@import url("home.css");
/* INTERNO */
@import url("interno.css");


/*-----------------------------------------------------------------------------
Folha de estilos - Hotel Enseada

versao:		1.0
Autor:		Jamerson Ramalho
Data:			22-03-2010
Email:		ola@jamersonramalho.com
Website:	http://www.jamersonramalho.com

Revisao-1: dd-mm-aaaa
Alterações: ---  
-----------------------------------------------------------------------------*/


/*==========================================
	GERAL
============================================*/

*, html, body{
	margin:0;
	padding:0;
}


html, body{
	height:100%;
}


html{
	height:100%;
	margin:0;
	padding:0;
	background:#fff url(../../_IMG/layout/bg_geral.jpg) -10px top repeat-x;
}


body{
	height:100%;
	margin:0;
	padding:0;
	font: 12px/1.3em Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration: none;
	color:#8c7a5a;
	/* Hack IE */
	*text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
}


ul, ol, dl{
	margin:0 0 15px 0;
	padding:0;
}

ul{
	list-style-type:none;
}

li, dt, dd{
	margin:0;
	padding:0;
}

li *, dt *, dd *{
	margin:0;
	padding:0;
}


img,
img a,
img a:hover{
	border:none;
	margin:0;
	padding:0;
}

a img{
	display:block;
}


a:link, a:visited, a:hover, a:focus, a:active {
	color:#8c7a5a;
}
a:link, a:visited, a:focus, a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


address{
	margin:7px 0 20px 0;
	display:block;
	font-style:normal;
	line-height:1.6em;
}


p{
	line-height:1.6em;
	margin:0 0 15px 0;
}

p a{
	text-decoration:none;
}




/*==========================================
	ESTRUTURA
============================================*/

/*----------------
	ENVOLVE GLOBAL
-----------------*/
#envolve_global{
	width:980px;
	min-height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
}

* html #envolve_global{
	height:100%;
}


/*--------
	GLOBAL
---------*/
#global{
	width:910px;
	height:700px;
	margin:0 auto;
	padding:0 0 80px 0;
	background:#fdf5ea;
	position:relative;
	/* Arredondar bordas */
	border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	-webkit-border-top-right-radius:20px;
	/* Hack IE */
	*z-index:-1;
}



/*----------------------
	DESCRICAO VISTA FOTO
-----------------------*/
#descricao_vista_foto{
	width:12px;
	height:181px;
	background:url(../../_IMG/layout/bg_descricao_vista_foto.gif) 0 0 no-repeat;
	left:-26px;
	position:absolute;
	top:3px;
}



/*------
	TOPO
-------*/
#topo{
	width:910px;
	height:120px;
	margin:0 auto;
	clear:both;
	position:relative;
}



/*------------
	LINGUAGENS
-------------*/
#linguagens{
	position:absolute;
	left:20px;
	top:60px;
}

#linguagens select{
	width:210px;
	z-index:3;
}



/*-------------
	INFORMACOES
--------------*/
ul#informacoes{
	color:#fdf5ea;
	font-size:13px;
	line-height:1.4em;
	position:absolute;
	right:20px;
	top:20px;
}

ul#informacoes li{
	float:left;
}

ul#informacoes li.fone{
	height:65px;
	padding:13px 13px 0 0;
	border-right:1px solid #fdf5ea;
	text-align:right;
}

ul#informacoes li.copyright{
	height:65px;
	padding:13px 0 0 13px;
}

ul#informacoes a{
	color:#fff;
}



/*------
	LOGO
-------*/
#logo{
	width:182px;
	height:109px;
	margin:25px auto 60px auto;
	padding:0;
	clear:both;
}

#logo h1{ display:none;}


/*------
	CONTROLE DE ÁUDIO
-------*/
#audio{
	width: 230px;
	height: 50px;
	margin: 20px auto 0 auto;
	padding: 0;
	clear: both;
}

/*------
	ESPACAMENTO
-------*/
#espacamento{
	width: 230px;
	height: 50px;
	margin: 20px auto 0 auto;
	padding: 0;
	clear: both;
}

/*------
	EBROTHERS
-------*/
#marcas{
	width: 230px;
	height: auto;
	margin: -10px auto 0 auto;
	padding: 0;
	clear: both;
}
#marcas ul{
	width: 230px;
	height: auto;
}
#marcas ul li{
	width: 115px;
	height: auto;
	float: left;
}
#marcas ul li p{ 
	width: 115px;
	text-align: center;
	float: left;
}
#marcas ul li#ebrothers a{
	width: 79px;
	height: 61px;
	float: left;
	margin: 0px 0px 0px 20px;
	background: url(../../_IMG/layout/png_btnEbrothers.png) 0px -61px no-repeat;
}
#marcas ul li#ebrothers a:hover{
	background: url(../../_IMG/layout/png_btnEbrothers.png) 0px -61px no-repeat;
}
#marcas ul li#nivaldo a{
	width: 79px;
	height: 61px;
	float: left;
	margin: 0px 0px 0px 20px;
	background: url(../../_IMG/layout/png_btnJatoba.png) 0px -61px no-repeat;
}
#marcas ul li#nivaldo a:hover{
	background: url(../../_IMG/layout/png_btnJatoba.png) 0px -61px no-repeat;
}




/*----------
	CONTEUDO
-----------*/
#conteudo{
	width:375px;
	height:auto;
	margin:0;
	padding:35px 30px 0 35px;
	float:left;
	text-align:left;
}



/*-------------------
	CONTEUDO DESTINO
-------------------*/
#conteudo_destino{
	width:640px;
	padding:35px 25px 0 15px;
	float:left;
}

/* COLUNA ESQ */
#destino_col_esq{
	width:270px;
	margin-top:8px;
	float:left;
}


/* COLUNA DIR*/
#destino_col_dir{
	width:340px;
	margin:8px 0 0 30px;
	float:left;
}

#destino_col_dir ul#galeria_fotos li{
	width: 60px;
	height: 45px;
	margin:0 20px 10px 0;
}
#destino_col_dir ul#galeria_fotos li a:hover{
	clip:rect(3px,57px,42px,3px);
}
#destino_col_dir ul#galeria_fotos li.retira_margem{
	margin: 0px;
	float: left;
}




/* Hack Clear Both */
#conteudo:after,
#conteudo_destino:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}



/*--------
	RODAPE
---------*/
#rodape{
	width:100%; 
	height:131px; 
	margin:0 auto; 
	padding:0;
	background:url(../../_IMG/layout/bg_rodape_pedras.png) center bottom repeat-x;
	bottom:0;
	left:0; 
	position:absolute;
	overflow:hidden;
	z-index:200;
}




/*==========================================
	ENVOLVE LOGO E MENU
============================================*/

/*---------------------
	ENVOLVE LOGO E MENU
----------------------*/
#envolve_logo_menu{
	width:230px;
	height:700px;
	background:url(../../_IMG/layout/bg_coqueiro.png) left 485px no-repeat;
	float:left;
}



/*---------------------
	BANNER DESTAQUE
----------------------*/
#banner_destaque{
	width:240px;
	height:700px;
	float:left;
	overflow:hidden;
	position:relative;
	z-index:1;
}