@charset "utf-8";
/* CSS Document */
/*======================================================						
						OKATSURA
		------------------------------------------
		Desenvolvimento: 	Gabriel (OKATSURA) Lau
		Cliente: 			Hotel Casa do Mar
		Data: 				08/2008
========================================================*/

	*{	margin: 0;	padding: 0;	 }
	
	img, div, li, h2, h3 {
		behavior: url(iepngfix.htc);
	}
	
	a img{	border: 0;}
	a { color:#005886;}
	html{	background-image: url(../imgs/bg_corpo.jpg);	 }
	body{	background: url(../imgs/bg_topo.jpg) repeat-x;font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #005886; }
	
	#pagina{
		width: 100%; background: url(../imgs/bgFundo.jpg) repeat-x left bottom;
	}
	#assinatura{
bottom:150px;
position:fixed;
right:0;}
	#corpo{width: 770px;padding: 0 15px 10px 15px;margin: 0px auto;/*background: url(../imgs/bg_subcorpo.jpg);*/ }	 
	#topo{ width: 100%; /*;margin:0 auto;	*/height: 210px; z-index:800}	 
	
	#principal{width: 770px;	background-image: url(../imgs/bg_principal.jpg);overflow: hidden;	 }
	#principal_rodape{	background-image: url(../imgs/bg_rodape_principal.jpg);	background-repeat: no-repeat;background-position: bottom;height: 14px;clear: both; }
	#banner{width: 770px;height: 310px; }	 
	#bg_conteudo{
	background: url(../imgs/bg_topo_conteudo.jpg) repeat-x; overflow: hidden; width: 770px; /*height:auto;display:block;*/	position:relative; }
	
	#esq, #conteudo, #conteudo_capa, #dir{	float: left;margin-top: 23px;}
	#firula{ background:url(../imgs/firula.gif) no-repeat; position:absolute; height:58px; width:370px; top:13px; left:135px; }
	#firulaInterna{ background:url(../imgs/firula_interna.gif) no-repeat; position:absolute; height:58px; width:495px; top:13px; left:135px; }
	
	#esq{ 	width: 157px; margin-left: 12px;_margin-left: 7px; }
	#esq #atendimento_online{	width: 157px; }
	#esq #reserva{	height: 290px;	background-image: url(../imgs/bg_reserva.gif);background-repeat: no-repeat;margin-top: 20px; }
	#esq #reserva #dados_reservas{	width: 138px;	margin: 0px 0px 0px 15px; }
	#esq #reserva #dados_reservas .titulo_reserva{	height: 20px;margin: 19px 0px 0px 0px;padding: 19px 0px 0px 0px;_padding: 0px; }
	#esq #reserva #dados_reservas form{width: 138px;padding: 7px 0px 0px 0px;	position: relative;	left: 0;top: 0;	 }
	#esq #reserva #dados_reservas form h5{	margin: 11px 0px 0px 0px; }
	#esq #reserva #dados_reservas form p.new{	margin:0px 0px 0px 0px;	}
	#esq #reserva #dados_reservas form p.new input.texto{background-color: #5488AF;	border: #A5C8E2 1px solid;	width:73px;	height:18px;color:#fff;	margin: 0px 10px 0px 0px;}
	#esq #reserva #dados_reservas form p.new select{background-color: #5488AF;border: #A5C8E2 1px solid;width:134px;height:18px;color:#fff;	margin: 0px;}
	#esq #reserva #dados_reservas form .flutuante{	float: left;}
	#esq #reserva #dados_reservas form .flutuante select.menor{	background-color: #5488AF;	border: #A5C8E2 1px solid;width:62px;	height:18px;color:#fff;	margin: 0px;}
	#esq #reserva #dados_reservas form .flutuante2{	float: left;margin: 0px 0px 0px 10px;}
	#esq #reserva #dados_reservas form .flutuante2 select.menor{background-color: #5488AF;	border: #A5C8E2 1px solid;	width:62px;	height:18px;color:#fff;	margin: 0px;}
	#esq #reserva #dados_reservas form .bt{	margin: 15px 0px 0px 0px;padding: 0px;_padding: 15px 0px 0px 0px;	}
	
	#conteudo_capa{	width: 570px; *height:390px; margin: 22px 0px 0px 18px; padding:0; overflow:hidden;}
	#conteudo_capa #box_tour{width: 253px; height: 77px; margin: 0px;}	
	#conteudo_capa #box_luademel{width: 274px; height: 77px;	margin: 0px 0px 0px 22px;}	
	#conteudo_capa .boxChamadasInicio {position:relative; float:left;padding:0 0 0 5px;}
	#conteudo_capa .boxChamadasInicio p{position:absolute; right:0px; bottom:30px; width:70%; height:20px; background: url(../imgs/linha_chamadas.gif) bottom right no-repeat; text-align:right; font-size:11px; font-weight:bold; padding: 0 5px 0 0;	}
	#conteudo_capa .boxChamadasInicio p a{ text-decoration:none;}
	#conteudo_capa .boxChamadasInicio p a:hover{color:#0078B9}	
	#conteudo_capa #promocao{width: 560px; margin: 0px 0px 0px 0px; }
	/*#conteudo_capa #promocao img{ width:570px;}*/
	
	#rodape{
	width: 100%; font-size: 12px;
	background: url(../imgs/areiaRodape.jpg) repeat-x left top; color: #4F450D;
	}
	#rodape #legenda {
	width: 740px; margin: 0px auto; line-height: 150%; padding: 10px 0; padding-left: 30px; position: relative;
	}
	#rodape span {color: #3B3206; font-weight:bold;}
	#rodape a{ color: #6A601C; text-decoration:underline;}
	
	#logo_thermas{margin-top: -60px; margin-left: 65.5%; position:absolute; z-index:9999;}