@import url("links.css");


 

/* ----------------------------------------------------------------------------------------------   efeito janela popUp ---------------------------------------------------------------------------------------------- */



 /*  efeito de zoom  */

#camada1,
#camada3 {
	width: 149px;

}

#camada2,
#camada4 {
	position:absolute;
	top:0px;
	width:360px;
	height:240px;
	z-index:5;
	
}
 
/* ----------------------------------------------------------------------------------------------   efeito de zoom  ---------------------------------------------------------------------------------------------- */



 /*  area normal ao site  */


body,
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	margin:0px;
	padding:0px;
}


#container {
	width:770px;
	height:700px;

}

#col_logo_navegacao {
	width:120px;
	height:700px;
	display:table;
}



#alinha_rodape,
#conteudo {
	position:absolute;
	left:124px;
	z-index:0;
}

#alinha_topo {
	position:absolute;
	width:770px;
	height:133px;
	top:0px;
	left:0px;
	z-index:1;
}


#alinha_rodape {
	width:650px;
	height:40px;
	top:1080px;
	display:block;
}


#conteudo {
	width:650px;
	height:945px;
	top:104px;
}


#servicos {
	position:absolute;
	width:200px;
	top:0px;
	right:-1px;
	height: 280px;

}


#espaco {
	height:140px;
	background:#AC1438;
	margin-top: 10px;

}


#espaco ul,
#servicos_box ul  {
	padding:5px 0px 0px 10px; 
	margin:5px 0px 0px 10px;

}

#espaco li,
#servicos_box  li{
	color:#FFFFFF;
	list-style-type:none;
	line-height:20px;
	font-size:11px;
	font-weight:bold;

}


#servicos_box {
	height:100px;
	background:#FFA800;
	position:relative;
	top:10px;

}




#txt P,
#txt2 P {
   padding-top:50px;
	padding-left:40px;
	width:350px;
	text-align: justify;
	position:relative;
}


#txt img {
	position:relative;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:40px;

}


#alinha_foto2{
	position: absolute;
	top:0px;
	left:200px;

}

#txt2 P {
	padding-top:0px;
}

#txt2 P:first-line {
		font-weight:bold;

}

#img_zoom {
	position:absolute;
	top:140px;
	left:40px;
}

/* ----------------------------------------------------------------------------------------------  area normal ao site ---------------------------------------------------------------------------------------------- */

 /*  menu navegacao  */





#navegacao {
	background-image:url(../img/barra_navegacao.gif);
	background-attachment:inherit;
	width:120px;
	height:614px;
	position:absolute;
	top:85px;
}

#navegacao ul {
	padding: 0px;
	margin: 120px 0px 0px 5px;
	color: #993300;
	position:relative;
	top:-60px;
}

#navegacao li {
	display: block;
	list-style-type: none;
	padding-bottom:10px;
}


#telefone p {
	position: relative;
	top: 400px;
	left: 0px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}


/* ----------------------------------------------------------------------------------------------  navegacao  ---------------------------------------------------------------------------------------------- */


 /*  topo do site  */


#info_logo h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1px;
	color:#FFFFFF;
	padding:0px;
	margin-top:10px;
	margin-left:15px;
	cursor:hand;
}

#info_logo span {
	display:block;
	position:absolute;
	z-index:1;
	background-image:url(../img/logo_carioca_hotel.jpg);
	background-repeat:no-repeat;
	width:85px;
	height:109px;
	top:7px;
	left:15px;
}



#topo_container {
	width:770px;	
	height:115px;
	
}


h2#slogan {
	position:relative;
	font-size:1px;
	
	top:20px;
	_top:-10px;
	
	left:150px;
	color:#FFFFFF;
	z-index:0;
	width:5px;


}


h2 span img {
	z-index:2;
	position:absolute;
	margin-top:10px;
	margin-left:-160px;

}

#slogan img{
	top:-7px;
	left:150px;
	

}


#hotel img{
	position:absolute;
	left:455px;
	top:0px;
}


#menu_reserva{
	position:absolute;
	width:650px;
	height:20px;
	background-color:#489216;
	top:80px;
	left:120px;

}


#menu_reserva img {
		margin: 5px 10px 0 px 10px;
		padding:5px 10px 0px 10px;
}

#bt_reserva {
	position:absolute;
	top:85px;
	left:130px;
}


#bt_cadastro {
	left:0px;
}

#bt_contato {
	left:0px;
}

#mostra_reserva {
	display:inline;
}


/* camada de formulario de reserva */
#camada6,
#camada8 {
	position: relative;
	
	 top: 90px;
	_top: 70px;
	
	left: 140px;
	
}




.alinha_reseva {
	  border-top:none;
	  border-right: #aca976 1px solid;
	  border-bottom: #aca976 1px solid;
	  border-left: #aca976 1px solid;
	  padding:10px 10px 10px 0px;
	  
	  width: 500px;
	  _width: 490px; 
	  
	  height:300px;
	  background-color:#F8F8F8;
	  padding-top: 12px;
}


.alinha_reseva p {
	left:40px;
	text-align:right;
	line-height:35px;
	font-weight:bold;
	font-size:12px;
	color:#AC1438;
}


.alinha_reseva .email,
.alinha_reseva .chegada {
	position:absolute;


}
.alinha_reseva .bt_fechar,
.alinha_reseva .nome,
.alinha_reseva .email,
.alinha_reseva .telefone,
.alinha_reseva .chegada,
.alinha_reseva .saida,
.alinha_reseva .tipo_quarto,
.alinha_reseva .numero_hospede,
.alinha_reseva .mensagem,
.alinha_reseva .mensagem_reserva,
.alinha_reseva .envia,
.alinha_reseva .envia2 {
	font-weight:bold;
	font-size:12px;
	color:#AC1438;
	position:absolute;
	width:200px;
}


.bt_fechar {
	top:0px;
	left:440px;

}

.alinha_reseva .nome{
	top:60px;
	left:30px;

}
.alinha_reseva .email {
	top:60px;
	left:250px;
	
}

.alinha_reseva .telefone {
	top:90px;
	left:13px;
}


.alinha_reseva .chegada {
	top:90px;
	left:245px;

}


.alinha_reseva .saida {
	top:120px;
	left:263px;

}

.alinha_reseva .tipo_quarto {
	top:140px;
	left:57px;
	width:400px;
}


.alinha_reseva .numero_hospede {
	top:180px;
	left:65px;
}


.limpa_borda {
	border:32px;
}

.alinha_reseva .mensagem {
	top:120px;
	left:15px;
}


.alinha_reseva .mensagem_reserva {
	top:220px;
	left:15px;
}

textarea#msg_reserva {
	position:relative;
	top:210px;

}


.alinha_reseva textarea {
	position:relative;
	top:110px;
	left:90px;
	width:248px;
	height:70px;
}

.alinha_reseva .envia {
	top:180px;
	left:365px;

}


.alinha_reseva .envia2 {
	top:280px;
	left:365px;

}


.coloca_borda input,
.alinha_reseva textarea {
	background-color:#FFFFFF;
	border:solid 1px  #FFA800;
	color:#AC1438;

}

#titulo_reserva,
#titulo_contato {
	background-color:#AC1438;
	position:absolute;
	
	width:512px;
	_width: 500px;
	
	height:50px;
	top:0px;
	left:0px;
}

#titulo_contato {
	background-color:#FFA800;
}

#titulo_reserva img,
#titulo_contato img {
	position:absolute;
	top:15px;
	left:15px;
}



/* ----------------------------------------------------------------------------------------------  topo do site  ---------------------------------------------------------------------------------------------- */



 /* rodape  */

#rodape_container {
	background-color:#eeeeee;
	height:40px;

}

#txt01 p {
	padding:3px 10px 0 px 10px;
	margin: 3px 10px 0px 10px;
	font-size:11px;
}

#txt02 p {
	position:absolute;
	padding:3px 10px 0 px 10px;
	text-align:right;
	top:0px;
	right:-2px;
	font-size:10px;

}




/* ----------------------------------------------------------------------------------------------  rodape   ---------------------------------------------------------------------------------------------- */




 /*  conteudo pagina index  */


#quartos {
	top:15px;
	left:25px;
	position:relative;
}


.nivela_quartos {
	position:relative;
	z-index:0;
}

#txt_inicial P {
	margin:40px 0px 0px 30px;
	width:600px;
	font-size:12px;
	color:#666666;

}



/* ----------------------------------------------------------------------------------------------  conteudo pagina index  ---------------------------------------------------------------------------------------------- */


 /*  conteudo pagina localizacao  */


#txt_localizacao p{
	position:relative;
	top:90px;
	left:300px;
	width:290px;
	background:#FFA800;
	padding:20px;
	color:#FFFFFF;
	text-align: justify;

}

#img_fachada {
	position:absolute;
	top:120px;

}



/* ----------------------------------------------------------------------------------------------  conteudo pagina localizacao  ---------------------------------------------------------------------------------------------- */


 /*  conteudo pagina regulamento  */

#txt_regulamento ol {
	text-align: justify;
	padding-right: 20px;
	height: 400px;
	overflow: auto;
	list-style-position: inside;
}


#txt_regulamento li {
	padding-bottom:20px;

}

#txt_regulamento P {
	font-weight:bold;
	padding-left:20px;

}


/* ----------------------------------------------------------------------------------------------  conteudo pagina regulamento  ---------------------------------------------------------------------------------------------- */

 /*  conteudo outros espacos  */
 
.espaco_servico li {
 	padding: 2px 0px 2px 5px;
	margin: 5px 0px 5px 0px;
	width: 350px;
	list-style-type: none;
	font-size:11px;
 }
 
 .li_cinza {
 	background-color:#cccccc;
	color:#666666;
 }
 
 .li_vermelho {
 	background-color:#AC1438;
	color:#FFFFFF;
 } 
 
 .li_amarelo {
 	background-color:#FFA800;
	color:#FFFFFF;
 }

 
 .alinha_espaco_servico {
 	position:relative;
	top: 20px;
	left:40px;
 }	

/* ----------------------------------------------------------------------------------------------  conteudo outros espacos   ---------------------------------------------------------------------------------------------- */


 /*  conteudo quartos  */

 #alinha_tb_tarifas {
	position:absolute;
	top:185px;
	left:6px;
	border: solid 1px #F3F3F3;
	width: 429px;
	height: 71px;
 }
 
.tb_tarifas {
	width:600px;

}
 
.tb_tarifas .titulo {
 	background:#E68928;
	 height:25px;
	 font-size:14px;
	 color:#FFFFFF;
	 padding-left:10px;
 
 }
 
.tb_tarifas  .td_cinza,
.tb_tarifas  .td_branco{
	 background-color:#F3F3F3;
	 height:15px;
	 padding-top:5px;
	 padding-right:5px;
	 padding-bottom:5px;
	 padding-left:10px;
	 text-aling:center;
	 font-size:10px;
 }

.tb_tarifas  .td_branco{
	 background-color:#FFFFFF;

 }

ul#outro_servicos li{
	
	line-height:25px;
	list-style: inside;
}

/* ----------------------------------------------------------------------------------------------  conteudo cafe da manha   ---------------------------------------------------------------------------------------------- */

.alinha_flash {
	margin-left:40px;
	

}
.tabela
{
}

.abrir_camera{
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#2C6108;
}