/*  
CESAR HOTEIS - www.cesarhoteis.com.br
***********************************************
Agência: ATO interativo www.atointerativo.com.br
Design by: Tiago Macedo e Areta do Bem
Country: Brasil
Last CSS update: 09/2007
Notes: Layout provisório, 
uma nova versão, mais completa está por vir!
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
* {
padding:	0px;
margin:		0px;
}
body {
padding:	0px;
margin:		0px;
font:		12px Verdana, Arial, Helvetica, sans-serif;
background-color:	#F3EDE1;
}
/*  
ESTRUTURA
***********************************************/
#menu, #corpo, #rodape {
width:		930px;
height: 	auto;
margin:		0 auto;
padding:	0px;	
}
/*  
MENU
***********************************************/
#menu {
height:		67px;
background:	transparent url(img/bg_menu.jpg) left top no-repeat;
}
#menu ul {
padding:	40px 0px 0px 0px;
margin:		0px;
text-align:	center;
}
#menu ul li {
width:		auto;
height:		auto;
padding:	10px 16px;
margin:		0px;
color:		#C6B391;
font-size:	12px;
font-weight:bold;
display:	inline;
background:	transparent url(img/tracinho_v_menu.jpg) left center no-repeat;
list-style:	none;
}
#menu ul li a, #menu ul li a:visited, #menu ul li a:active {
text-decoration: none;
color:		#C6B391;
}
#menu ul li a:hover {
text-decoration: none;
color:		#EAE3D5;
}
/*  
CORPO
***********************************************/
#corpo {
background:	#DFD4BE;
}
#corpo #borda_top {
width:		930px;
height:		10px;
padding:	0px;
margin:		0px;
background:	transparent url(img/bg_borda_corpo_top.gif) left top no-repeat;
}
#corpo #borda_bottom {
width:		930px;
height:		10px;
padding:	0px;
margin:		0px;
background:	transparent url(img/bg_borda_corpo_bottom.gif) left bottom no-repeat;
}
/* TOPO HOME */
#topo_home {
width:		auto;
height:		430px;
padding:	0px;
margin:		0px 10px;
background:	transparent;
}
#topo_home .logo {
width:		190px;
height:		430px;
padding:	0px;
margin:		0px;
background:	transparent url(img/topo_home_logo.jpg) center center no-repeat;
float:		left;
}
#topo_home .imagens_rotativas {
width:		720px;
height:		430px;
padding:	0px;
margin:		0px;
float:		left;
}
/* TOPO */
#topo {
width:		auto;
height:		249px;
padding:	0px;
margin:		0px 10px;
background:	#ECE2C7;
}
#topo .logo {
width:		190px;
height:		249px;
padding:	0px;
background:	transparent url(img/topo_logo.jpg) center center no-repeat;
float:		left;
}
#topo .decoracao_interna {
width:		720px;
height:		249px;
padding:	0px;
margin:		0px;
background:	transparent url(img/img_decoracao_interna.gif) right top no-repeat;
float:		left;
}
/* CONTEUDO HOME */
#conteudo_home {
width:		auto;
height:		auto;
padding:	0px 10px;
margin:		10px;
background:	transparent url(img/bg_conteudo_home.gif) left top no-repeat;
}
#conteudo_home p {
margin:		0px 0px 10px 0px;
padding:	0px;
}
/* CONTEUDO HOME */
#conteudo {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px 10px;
background:	#DFD4BE;
}
#conteudo .coluna_esquerda {
width:		auto;
height:		auto;
padding:	0px  0px 0px 190px;
margin:		0px;
background:	url(img/bg_coluna_esq.jpg) left top repeat-y;
}
#conteudo .coluna_esquerda .coluna_principal {
width:		700px;
height:		auto;
padding:	10px;
margin:		0px;
}
/*  
RODAPE
***********************************************/
#rodape {
padding:	5px 0px;
background:	transparent;
color: 		#713F26;
font-size:	11px;
}
#rodape a, #rodape a:visited, #rodape a:active {
color: 		#713F26;
text-decoration:none;
}
#rodape a:hover {
color: 		#713F26;
text-decoration: underline;
}
.box_rodape {
width:		19%;
height:		auto;
float:		left;
padding:	2px 2px 2px 5px;
}
/*  
TIPOGRAFIA
***********************************************/
h1, h2, h3, h4 {
padding:	0px;
margin:		0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:		#6D3822;
}
#conteudo h2 {
padding:	0px;
margin:		0px 0px 10px 0px;
}
#conteudo h3, #conteudo h4 {
padding:	0px;
margin:		10px 0px 05px 0px;
}
#conteudo p {
padding:	0px;
margin:		0px 0px 05px 0px;
line-height:16px;
}
h1.maxi {
padding:	80px 0px 20px 0px;
font-size:	45px;
font-weight:normal;
}
h2 {
font-size:	35px;
font-weight:normal;
}
h3 {
font-size:	25px;
font-weight:normal;
padding-left: 15px !important;
background:	transparent url(img/bg_h3.gif) left bottom no-repeat;
}
h4 {
font-size:	17px;
font-weight:normal;
}

/*  
GERAL/CLASSES
***********************************************/
a.link, a:visited.link, a:active.link {
text-decoration:	none;
color: 		#713F26;
}
a:active.link {
text-decoration:underline;
color: 		#713F26;
}
img {
border:		none;
cursor:		pointer;
}
img.imgLeft {
padding:	3px;
margin:		5px 5px 5px 0px;
background:	#FCF5D4;
border:		1px solid #D4C5A6;
float:		left;
}
img.imgRight {
padding:	3px;
margin:		5px 0px 5px 5px;
background:	#FCF5D4;
border:		1px solid #D4C5A6;
float:		right;
}
img.imgLeft:hover, img.imgRight:hover {
-moz-opacity:0.9;
filter:alpha(opacity=90);
background:	#FFF;
}
.none {
display:	none;
}
.clear {
font-size:	1px;
height:		1px;
clear:		both;
padding:	0px;
margin:		0px;
}
.separador {
width:		auto;
height:		auto;
padding:	10px 0px;
margin:		0px;
clear:		both;
background:	transparent url(img/separador.gif) right center no-repeat;
}
.iraotopo {
width:		auto;
height:		auto;
padding:	0px 15px 0px 0px;
margin:		0px;
background:	transparent url(img/ico_topo.gif) right center no-repeat;
font-size:	11px;
text-align:	right;
}
.iraotopo a, .iraotopo a:visited, .iraotopo a:active {
color:		#7B4C36;
text-decoration:none;
font-weight:bold;
}
.iraotopo a:hover {
color:		#9C846C;
text-decoration:underline;
font-weight:bold;
}
table {
width:		98%;
height:		auto;
border:		none;
padding:	2px;
margin:		0px;
background:	transparent;
text-align:	left;
}
table caption {
padding:	2px;
margin:		1px;
font-size:	17px;
font-weight:normal;
color:		#6D3822;
text-align:	left;
}
table th {
width:		auto;
height:		auto;
border:		none;
padding:	2px;
margin:		1px;
background:	#9C846C;
color:		#FCF5D4;
}
table td {
width:		auto;
height:		auto;
border:		none;
padding:	2px;
margin:		1px;
background:	#D4C5A6;
text-align:	center;
}
ul {
padding:	0px;
margin:		0px;
}
ul li {
list-style:	inside url(img/estrelinha.gif) ;
padding:	2px;
margin:		0px;
}
ul.submenu {
padding:	8px;
margin:		0px;
text-align:	right;
background:	transparent url(img/bg_menu.jpg) left top no-repeat;
}
ul.submenu li {
width:		auto;
height:		auto;
padding:	10px 16px;
margin:		0px;
color:		#C6B391;
font-size:	12px;
font-weight:bold;
display:	inline;
background:	transparent url(img/tracinho_v_menu.jpg) left center no-repeat;
list-style:	none;
}
ul.submenu li a, ul.submenu li a:visited, ul.submenu li a:active {
text-decoration: none;
color:		#C6B391;
}
ul.submenu li a:hover {
text-decoration: none;
color:		#EAE3D5;
}
.center {
text-align:	center;
}
/* separa o conteudo em 3 blocos */
.box_290 {
width:		290px;
height:		auto;
padding:	0px;
margin:		0px;
float:		left;
}
/* faz os blocos respirarem 10px */
.espaco_10 {
width:		10px;
height:		auto;
padding:	0px;
margin:		0px;
float:		left;
}
.new{
color:#FCF5D4;
font-size: 9px;
font-style:italic;
}
.new_home{
color: #D7500C;
font-size: 11px;
font-style:italic;
}
/*  
FORMULÁRIO
***********************************************/
input,
select,
textarea {
width:		auto;
height:		auto;
padding:	5px;
margin:		0px 0px 5px 0px;
background:	#F3EDE1;
border:		1px solid #D4C5A6;
font:		11px Verdana, Arial, Helvetica, sans-serif;
color:		#6D3822;
}
input:focus, select:focus, textarea:focus {
background:	#FFF;
border:		1px solid #6D3822;
}
option {
color:		#6D3822;
padding:	0px 2px;
margin:		0px 0px 1px 0px;
background:	transparent;
}
fieldset {
width:		98%;
height:		auto;
padding:	10px;
margin:		0px;
border:		1px solid #6D3822;
}
fieldset.boxrepete {
width:		88%;
height:		auto;
padding:	0px;
margin:		0px;
border:		none;
}
legend {
padding:	0px 5px;
margin:		0px;
font:		bold 13px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0px;
color:		#6D3822;
}
label {
width:		100px;
height:		auto;
margin:		3px 3px 0px 0px;
padding:	0px;
float:		left;
text-align:	right;
}
.ok {
width:		auto;
height:		auto;
padding:	5px;
margin:		0px 0px 5px 0px;
background:	url(img/bg_coluna_esq.jpg) left top repeat;
border:		2px solid #9C846C;
font:		11px Verdana, Arial, Helvetica, sans-serif;
color:		#FCF5D4;
cursor:		pointer;
text-transform:lowercase;
}
#loadBar {
width:		auto;
height:		auto;
padding:	10px;
margin:		10px;
color:		#6D3822;
border:		1px solid #6D3822;
background:	#F3EDE1;
}
#loadBar img {
vertical-align:	middle;
border:		none;
}
.erro {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px 0px 2px 0px;
background:	#FAEFEF;
border:		1px solid #990000;
color:		#990000;
}
.sucesso {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px;
background:	#F9F9F7;
border:		1px solid #006600;
color:		#006600;
}
/*  
ALTERADO PARA TESTE DAS RESERVAS
***********************************************/
.nav, .nava {
margin:		0px 0px 0px 2px;
padding:	2px;
border:		1px solid #D4C5A6;
clear:		both;
}
.nav a {
text-decoration: none;
}
.nav {
background:	#F3EDE1;
}
.nava {
background:	#FFF;
}