/*  
* SERRANO HOTEL
***********************************************
Agência: Ato interativo
Diretor: Felipe Gazolla
Design by: Henrique Alves
XHTML+CSS: Aline Tinoco e Areta do Bem
Country: Brasil
Last CSS update: 11/2008
Notes: Folha padrão
***********************************************
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;
background:   	#FFF url(../img/bg_body.jpg) center top repeat;
text-align:		center;
font-family:    Tahoma, Verdana, Arial;
color:          #313537;
font-size:		13px;
}
#site{
width:			930px;
height:			auto;
text-align:		left;
background:		#FFF;
margin:			auto;
margin-bottom:	15px;
padding:		10px;
position:		relative;
z-index:    	100;
}
/*****************************************TOPO**************************/
#topo{
width:			930px;
height:			337px;
background:		#FFF;
}
#logo{
width:			191px;
height:			177px;
background:		url(../img/bg_logo.jpg) no-repeat;
float:			left;
padding:        80px 20px;
display:		block;
}	
#logo img{
width:			177px;
height:			147px;
background:		transparent;
}	
#img_topo{
width:			699px;
height:			337px;
display:		block;
float:			right;
}
.box_novo{
width:			auto;
height:			auto;
margin-bottom:	10px;
}
.box_novo img{
margin:			0px 5px 10px 5px;
border:			2px solid #B5C8AA;
}
.local{
margin:			10px 30px;
}
/*****************************************TOPICOS**************************/
ul.topicos{
width:			315px;
height:			auto;
float:			left;
}
ul.topicos li{
list-style:		disc;
margin:			5px 5px 5px 20px;
}
/*****************************************TOPOINTERNO**************************/
#topo_interno{
width:			930px;
height:			188px;
background:		url(../img/bg_top.jpg) center top repeat-x;
}
#logo_interno{
width:			231px;
height:			188px;
background:		url(../img/bg_logo_interna.jpg) no-repeat;
float:			left;
display:		block;
}	
#logo_interno img{
width:			177px;
height:			147px;
background:		transparent;
margin-left:	20px;
margin-top:		15px;
}	
#img_topo_interno{
width:			699px;
height:			188px;
float:			left;
}
/*****************************************MENU**************************/
#menu{
width:			231px;
height:			650px;
background:		#75AD6D;
float:			left;
}
ul.menu{
width:			215px;
height:			auto;
margin:			15px 0px;
text-align:		left;
float:			right;
}
ul.menu li{
height:			19px;
list-style:		none;
display:		block;
margin:     	20px 0px;
padding:		7px 0 5px 10px;
color:			#333;
font:			12px  "Trebuchet MS", Tahoma, Verdana, Arial;
background:		#A9C7B3 url(../img/t_menu.jpg) right top no-repeat;
font-weight:	bold;
}
/*****************************************PRINCIPAL**************************/
#col_principal{
width:			677px;
height:			645px;
background:		#EAF1E9;
float:			right;
padding:		5px 10px 0 10px;
}
.box_315{
width:			315px;
height:			auto;
float:			left;
margin:         25px 0 0 0;
}
.box_315 img{
margin:        12px 10px;
}
.verde{
width:			315px;
height:			337px;
_height:		350px;
background:		#A6D59A;
border:         #B5C8AA solid;
}
.verde_interno{
width:			315px;
height:			210px;
background:		#A6D59A;
border:         #B5C8AA solid;
}
/*****************************************TITULOS**************************/
h2 {
margin:			0 0 10px 0;
height:			19px;
margin:			10px 10px;
}
h3{
font-family:    "Trebuchet Ms" Tahoma, Verdana, Arial;
font-weight:	100;
font-size:		17px;
color:			#75AB6B;
background:		url(../img/bg_h3.jpg) left center no-repeat;
padding:        0 12px;
margin:			10px 7px;
}
span {
display:		none;
}
h2#oapartamento {
width:			160px;
background:		transparent url(../img/t_oapartamento.jpg) left center no-repeat;
}
h2#galeria {
width:			188px;
background:		transparent url(../img/t_galeria.jpg) left center no-repeat;
}
h2#apartamentos {
width:			180px;
background:		transparent url(../img/t_apartamentos.jpg) left center no-repeat;
}
.vejamais{
width:			auto;
height:			auto;
float:			right;
margin:			0;
}
/*****************************************LINKS**************************/
a, a:visited, a:active {
text-decoration:	none;
color:				#333;
}
a:hover {
text-decoration:	underline;
}
/*****************************************FORMULÁRIOS**************************/
label{
width:		120px;
height:		auto;
margin:		3px 3px 0px 0px;
padding:	0;
float:		left;
text-align:	right;
}
input, textarea, select{
width:		auto;
height:		20px;
color:		#FFF;
background:	#B0CDBB;
border:		1px solid #75AD6D;
margin-bottom:	3px;
}
input:focus, textarea:focus {
border:		1px solid #FFF;
}
.ok {
width:		auto;
height:		auto;
padding:	5px;
margin:		0px 0px 5px 0px;
background:	#B0CDBB url(../img/bg_ok.jpg) left bottom repeat-x;
border:		1px solid #75AD6D;
font:		11px  "Trebuchet Ms" Tahoma, Verdana, Arial;
color:		#FFF;
cursor:		pointer;
text-transform:lowercase;
}
/*****************************************LISTA FOTOS**************************/
ul.lista_fotos {
width:		auto;
height:		auto;
padding:	0px;
margin:		0;
}
ul.lista_fotos li {
list-style:	none;
padding:	2px;
margin:		4px 6px;
float:		left;
}
ul.lista_fotos li a img {
opacity:	.9;
}
ul.lista_fotos li a:hover img{
opacity:	.99;
}
ul.lista_fotos li img {
padding:	2px;
margin:		0px;
}
/*****************************************RODAPÉ**************************/
#rodape{
width:			910px;
height:			auto;
margin:			0;
padding:		5px 10px;
text-align:		right;
font-size:		11px;
color:			#FFF;
background:		url(../img/bg_rodape.jpg) center bottom repeat-x;
clear:			both;
}
#serra{
width:			100%;
height:			118px;
background:		transparent url(../img/serra.gif) center top repeat-x;
position:		fixed;
z-index:		1;
left:			0;
bottom:			0;
}
/*****************************************GERAIS**************************/
cite{
font-size:		9px;
}
img{
border:			none;
}
p{
text-align:		justify;
margin-left:	10px;
margin-right:	5px;
}
.clear {
clear:		    both;
font-size:	    1pt;
height:		    1pt;
background:		transparent;
}
.col_separa{
width:          20px;
float:          left;
}
.left{
float:			left;
}
.right{
float:			right;
}
.erro {
width:			auto;
height:			auto;
padding:		10px;
margin:			15px 0px;
background:		#6A0000;
border:			1px solid #FF0000;
color:			#FF0000;
}
.sucesso {
width:			auto;
height:			auto;
padding:		10px;
margin:			15px 0px;
background:		#003300;
border:			1px solid #00FF00;
color:			#00FF00;
}
.separador {
width:		auto;
height:		1px;
font-size: 	0;
border-bottom:	1px dotted #3E709A;
padding:	0 25px;
margin:		15px 0;
}
.localiza{
width:		500px;
height:		385px;
vertical-align:	middle;
margin:		30px 30px 10px 80px;
}
.comochegar{
color:		#75AB6B;
font-weight:bold;
padding:	2px 3px;
}