@charset "UTF-8";

/*-------------------------
CSS Desenvolvido pela 2i9 Multiagência
www.2i9.com.br
Front-End - Rodrigo breckenfeld
Back-End - Hélder José
--------------------------*/

/*Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------------------
Paleta de Cores:
	Marrom Escuro: #4d3909
	Marrom Claro: #c08802
	Azul Escuro: #22616f
	Vinho: #8c1a00
--------------------------*/


/*Definições Gerais*/
a:link, a:hover, a:visited, a:active {color:#FFFFFF; text-decoration:none;}
html, body {height:100%;} 
body {
	color:#000000;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	line-height: normal;
	background:#fff;
	}
#tudo { 
	width:100%;
	position:relative;  /*Contexto de posicionamento */
	background: url(../imagens/bg_topo.png) center top repeat-x;
	margin:0 auto;
	text-align:left;
	min-height:100%;/**/
	}
 * html #tudo {height: 100%;}
#conteudo {
	width:960px;
	padding-bottom:220px; /*Altura do rodape + margem*/
	margin:0 auto;
}
#topo {
	width:100%;
	height:278px;
	text-align:left;
	padding-top:1px;
	position:relative;
	}
#topo h1 {
	position:absolute;
	top:78px;
}
#menuTopo {
	width:620px;
	position:absolute;
	right:0;
	top:20px;
	font-size:100%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}
#menuTopo li {
	float:left;
	height:48px;
}
#menuTopo li#tampaEsq {
	width:41px;
}
#menuTopo li#itensMenu {
	width:575px;
	position:relative;
	background:url(../imagens/bg_menu.png) center bottom repeat-x;
}
#menuTopo li#itensMenu ul {
	position:absolute;
	bottom:0;
	height:40px;
}
#menuTopo li#itensMenu ul li {
	height:10px; /*Altura Total: 20px*/
	padding:5px 8px;
	margin:10px 0;
}
#menuTopo li#itensMenu ul li:hover, #menuTopo li#itensMenu ul li.secaoAtual {
	background:url(../imagens/bg_trans_menu.png) repeat;
}
#menuTopo li#tampaDir {
	width:4px;
	background:url(../imagens/menu_bordadireita.png) bottom right no-repeat;
}
#principal {
	width:960px;
	padding:20px 0 0 0;
}
#principal p, #principal ul {
	font-size:12px;
	margin-bottom:10px;
}
#colunaEsq {
	width:460px;
	margin-right:20px;
	float:left;
	}
#colunaEsq p {
	color:#4d3909;
	font-size:18px;
	font-weight:bold;
	padding:100px 0 30px 46px;
}
#colunaEsq p span#numeroReserva {color:#22616f; font-size:28px; line-height:1.4}
#colunaEsq p a:link, #colunaEsq p a:visited, #colunaEsq p a:active {color:#c08802;}
#colunaEsq p a:hover {color:#8c1a00;}
#colunaEsq p span#maiorReserva {font-size:22px; line-height:1.2}
#colunaDir {
	width:440px;
	margin-left:20px;
	float:right;
	background:url(../imagens/bg_comochegar.png) center top no-repeat;
	padding:100px 20px 0 0;
	text-align:right;
	}
#formularioReserva {
	width:600px;
	font-weight:bold;
}
#formularioReserva li.grande, #formularioReserva li.medio, #formularioReserva li.pequeno {
	margin-bottom:20px;
}
#formularioReserva li.grande{
	width:600px;
}
#formularioReserva li.medio{
	width:300px;
}
#formularioReserva li.pequeno{
	width:100px;
}
#formularioReserva li input {
	width:100%;
	color:#8c1a00;
	font-weight:bold;
}
#rodape {
	background:#FFF url(../imagens/bg_rodape.png) center bottom repeat-x;
	width:100%;
	text-align:center;
	height:140px; /* tamanho total: 200px*/
	padding:40px 0 20px 0;
	position: absolute;
	bottom: 0;
	color:#FFF;
	}
#rodape h3 {
	font-size:140%;
	font-weight:bold;
	line-height:1;
}
#rodape p {
	font-size:120%;
	line-height:1.2;
}
#rodapeNavegacao {margin-bottom:20px;}
#rodapeNavegacao, #rodapeNavegacao a {
	font-size:100%;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
#rodapeNavegacao a:hover {
	text-decoration:underline;
}

#rodapeNavegacao li {
	display:inline;
	padding:0 5px;
	border-right:#FFF solid 1px;
	border-left:#FFF solid 1px;
}
.home {background:url(../imagens/bg_home.jpg) center top no-repeat;}
.bgHome {background:url(../imagens/bg_geral_home.png) center top no-repeat;}
.destaqueHome {margin-top:0; height:490px;}
.clear {clear:both;}
.assina { padding-top:20px;}
.esconde {display:none;}
.interna {background:url(../imagens/bg_header.png) left top no-repeat;}
.secaoTitulo { 
	font-size:340%;
	padding:20px;
	color:#22616f;
	}
.secaoTitulo span {background:url(../imagens/bg_papel.png) left bottom repeat-x; padding:5px}
.secaoSubTitulo { font-size:120%; color:#8c1a00; font-weight:bold;}
.secaoLink {}
.secaoFotoEsq {margin:20px 14px 20px 0; float:left; width:223px; max-width:223px;}
.miniatura {max-width:220px; border:solid 3px #c08802;}
.miniatura:hover {max-width:220px; border:solid 3px #8c1a00;}
.secaoFotoDir {}
.bloco {margin-bottom:40px; border-bottom:solid 1px #22616f;}
.confirmacao {text-align:center; font-weight:bold; color:#8c1a00;}
.radio {width:20px; float:left; padding:0 10px 5px 0;}
#intro {
	width:338px;
	margin:0 auto;
	padding-top:20%;
	text-align:center;
}
#intro h1 {
	padding-bottom:20px;
}
#intro p {
	color:#44afc7;
	font-size:16px;
	text-align:right;
}
#intro p a {
	color:#FFF;
	text-decoration:none;
}
#intro p a:hover {
	color:#44afc7;
	text-decoration:none;
}
.introBg {
	background:#cfeaf1 url(../imagens/bg_intro.gif) center top repeat-x;
}