/* CHALES SAN THOMAZ 
*********************************************
Agência: ATO | Interativo
Country: Brasil
Last CSS update: 09/2007 
10/2007 remodelagem/ajustes - Areta do Bem
*********************************************/
* {
margin: 	0px;
border: 	0px;
padding: 	0px;
}
body {
font: 		11px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color: 		#AAA;
background: #FBFBF9 url(img/bg.jpg) left top repeat-x;
font-weight:normal;
color:		#333;
overflow-x:   hidden;
}
#site {
width: 		710px;
margin: 	10px auto 0 auto;
padding:	5px;
background: #E8EBE0;
text-align:	justify;
}
/* TOPO E COMPLEMENTOS */
#topo {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px;
background: #FBFBF9;
}
#logo {
width:		425px;
height:		180px;
padding:	0px;
margin:		0px;
background: #FBFBF9;
float:		left;
}

/* segura as bandeiras, e o form de newsletter a esquerda no topo */
#band_form {
width:		280px;
height:		auto;
padding:	0px 5px 0px 0px;
margin:		0px;
background: #FBFBF9;
text-align:	right;
float:		right;
}
/* tabela para menu :/ (!) ... pegar código dos outros é F@D#! */
table.menu {
width:		100%;
height:		auto;
padding:	2px;
margin:		0px;
background: #FBFBF9;
text-align:	center;
clear:		both;
}
table.menu td {
padding: 	0px;
margin:		0px;
}
table.menu td a {
font:		bold 13px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color: 		#879168;
}
table.menu td a:hover {
color: 		#AAA;
}
/* CENTRO / CONTEUDO */
#centro {
width:		auto;
height:		auto;
padding:	5px 30px;
margin:		0px;
background: #FBFBF9;
}
/* postais */
table.postais {
width:		405px;
height:		auto;
padding:	0px;
margin:		0px;
float:		left;
}
/* colunas que separam o conteudo */
.colunaesq {
width:			400px;
margin:			20px 30px 0px 0px;
padding:		0px;
background:		transparent;
float:			left;
text-align:		left;
}
.colunadir {
width:			200px;
background:		#FBFBF9 url(img/bg_colunaesq.jpg) right top repeat-y;
margin:			20px 0px 0px 0px;
padding:		0px;
float:			left;
text-align:		left;
}
.colunadir .galeria {
margin:			0px;
padding:		0px;
}
.colunadir .galeria img {
padding: 		0px;
margin:			2px;
border:			none;
float:			left;
cursor:			pointer;
}
/* menu calendario */
ul#meses_calendario {
width:		auto;
padding:	0px;
margin:		0px;
background:	#E8EBE0;
}
ul#meses_calendario li {
padding:	0px;
margin:		0px;
list-style:	none;
display:	inline;
font:		bold 12px "Trebuchet MS";
text-align:	right;
float:		left;
}
ul#meses_calendario li span {
width:		auto;
height:		auto;
padding:	0px;
margin:		20px 0px 0px 0px;
}
ul#meses_calendario li a, ul#meses_calendario li a:visited, ul#meses_calendario li a:active {
width:		40px;
height:		40px;
padding:	15px 5px 5px 5px;
margin:		2px;
background:	url(img/bg_meses.jpg) center center no-repeat;
color:		#006600;
text-decoration:none;
display:	block;
}
ul#meses_calendario li.ativo a, ul#meses_calendario li a:hover { 
width:		40px;
height:		40px;
padding:	15px 5px 5px 5px;
margin:		2px;
background:	url(img/bg_meses_ativo.jpg) center center no-repeat;
color:		#006600;
}
ul#meses_calendario li.inativo {
width:		40px;
height:		40px;
padding:	15px 5px 5px 5px;
margin:		2px;
background:	url(img/bg_meses_inativo.jpg) center center no-repeat;
color:		#999999;
}

/* a empresa */
table.tabelapacotes {
float: 		left;
padding: 	5px 0 0px 0;
}
table.tabelapacotes td {
padding: 	0 50px 0 0px;
}
/* tabelas */
table#reservas p {
text-align:	right;
}
.linhaa {
background:	#FFF;
}
/* listas */
ul {
padding:	0px;
margin:		0px;
}
ul li {
list-style:	inside circle;
padding:	2px;
margin: 	0px 0px 1px 0px;
}
ul.fazendas a, ul.fazendas a:visited, ul.fazendas a:active { 
text-decoration: none;
color: 		#68B942; 
}
ul.fazendas a:hover { 
text-decoration: underline;
color: 		#333; 
}
/* RODAPÉ  */
#rodape {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px;
color: 		#333;
background:	url(img/bg_rodape.jpg) right bottom no-repeat;
clear: 		both;	
}
/* tipografia */
h1, h2, h3, h4, h5 {
padding:	0px;
margin:		0px 0px 5px 0px;
font-family:"Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#ABB193;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span {
display:	none;
}
h1 { 
font-size: 22px;
}
h2 { 
font-size: 17px;
font-weight:normal;
}
h3 { 
font-size: 13px;
}
h4 { 
font-size: 13px;
}
.verdeclaro {
color:	 #68B942;
}
.azulclaro {
color:	 #61BBCB;
}
/* geral */
a, a:visited, a:active { 
text-decoration: none; 
color: 		#68B942; 
}
a:hover { 
text-decoration: underline; 
color: 		#333; 
}
.clear {
font-size:	1pt;
height:		1px;
clear:		both;
}
hr {
width:			600px;
border:			1px solid #ccc;
height:			1px;
font-size:		1px;
}
.separador {
width:			100%;
height:			20px;
padding:		0px;
margin:			20px 0px;
background:		transparent url(img/separador.gif) center center no-repeat;
}
.tracejado {
width:			100%;
height:			1px;
padding:		0px;
margin:			20px 0px;
border-bottom:	1px dotted #ADB396;
}
.topo {
text-align:		right;
}
/* formulários */
input,
textarea,
select {
width:		auto;
height:		auto;
padding:	2px;
margin:		0px 0px 5px 0px;
border:		1px solid #ABB193;
background:	#E8EBE0 url(img/bg_input.jpg) left bottom repeat-x;
color:		#333;
font: 		11px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
}
input.postalseunome {
padding:	5px 2px 2px 2px;
margin:		0px 0px 5px 0px;
background:	#E8EBE0 url(img/bg_input_seunome.jpg) left bottom no-repeat;
}
input.postalseuemail {
padding:	5px 2px 2px 2px;
margin:		0px 0px 5px 0px;
background:	#E8EBE0 url(img/bg_input_seuemail.jpg) left bottom no-repeat;
}
input.postalnomedest {
padding:	5px 2px 2px 2px;
margin:		0px 0px 5px 0px;
background:	#E8EBE0 url(img/bg_input_nomedest.jpg) left bottom no-repeat;
}
input.postalemaildest {
padding:	5px 2px 2px 2px;
margin:		0px 0px 5px 0px;
background:	#E8EBE0 url(img/bg_input_emaildest.jpg) left bottom no-repeat;
}
textarea.postalmensagem {
width:		auto;
height:		98px;
padding:	0px 2px 2px 2px;
margin:		0px 0px 5px 0px;
background:	#E8EBE0 url(img/bg_input_mensagem.jpg) left bottom no-repeat;
}
label {
width:		75px;
height:		auto;
padding:	0px;
margin:		3px 3px 0px 0px;
text-align:	right;
float:		left;
}
legend {
font-size: 13px;
font-weight:bold;
color:		#ABB193;
}
fieldset.form_postais {
width:		240px;
height:		auto;
text-align:	right;
float:		right;
}
.submit {
font-weight:bold;
}
/* MASTERDIV */
#masterdiv {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px 0px 5px 0px;
cursor:		pointer;
}
#selo_rel{
position:		relative;
top:			100px;
right:			-420px;
}
#selo{
background:		transparent url(img/selo.png) center center no-repeat;
_background:	transparent url(img/selo.gif) center center no-repeat;
width:			259px;
height:			129px;
position:	    absolute;
z-index:		1;	
}