/* CSS */
/*Tags*/

h1{
			background:url(images/title.gif) repeat-x top left;
			padding:7px 0 0 7px;
			margin:10px 0 0 0px;
			height:23px;
			font:bold 1em Arial, Helvetica, sans-serif;
			color:#999;
			display:block;
			width:245px;
			float:left;
}
h2{
			font:bold 12px Verdana, Arial, Helvetica, sans-serif;
			margin:4px 0 0 0;
			color:#F50;
}
h3{
			background:url(images/title.gif) repeat-x top left;
			padding:7px 0 0 7px;
			margin:10px 0 0 0;
			height:23px;
			font:bold 1em Arial, Helvetica, sans-serif;
			color:#999;
			display:block;
			width:263px;
			float:left;
}
h4{ 
			margin:0px;
			padding:0 0 0 7px;
			background:#EEE;
}
.label{
			display:block;
			width:50%;
			float:left;
			margin:5px 0 0 0;
			font:bold 0.8em Arial, Helvetica, sans-serif;
			color:#446497;
		  
}
.label1{
			display:block;
			width:150px;
			height:18px;
			float:left;
			margin:0 0 10px 0;
			padding:5px 0 0 0;
			font:bold 0.9em Arial, Helvetica, sans-serif;
		  
}
form{
			
}
.text{
			border:1px solid #AAA;
			width:113px;
			margin:0;
			font:0.6em Verdana, Arial, Helvetica, sans-serif;
}
.text2{
			border:1px solid #AAA;
			width:75px;
			margin:0;
			font:0.8em Verdana, Arial, Helvetica, sans-serif;
}
select{
			border:1px solid #AAA;
			font:0.7em Verdana, Arial, Helvetica, sans-serif;
			
}
img{
			border:none;
}
/*Divs*/
#horizontal{
			float:left;
			background: url(images/horizontal.gif) repeat-x bottom;
			width:778px;
			height:198px;
}
#vertical{
			float:left;
			background:url(images/vertical.gif) repeat-y right top;
			width:778px;
			height:198px;
}
#corner{
			float:left;
			background:url(images/cornerright.gif) no-repeat bottom right;
			width:778px;
			height:198px;
}


/*Id's*/


body{
			margin:0px;
}

#principal{
			width:100%;
			height:800px;
			margin:0px;
			background:url(images/fundo.gif) repeat-y left;
			float: left;
}
/*Id's*/
#conteiner{
			float:left;
			width:778px;
			background:#FFF;
			position:relative;
			left:50%;
			margin:0 0 0 -392px;
}
#header{
			float:left;
			background:url(images/bg.jpg) repeat-y top right;
			width:765px;
			height:180px;
}
#bg{	
			float:left;
			background:url(images/bg_button_fire.jpg) repeat-x bottom left;
			width:765px;
			height:185px;
		}
#bannerlogo{
			float:left;
			width:768px;
			height:82px;
			background: url(images/pessoas_servindo_pessoas.gif) no-repeat 475px 14px;
}
#flash{
			float:left;
			width:765px;
			background:url(images/imagesbg.gif) no-repeat right;
			background-position:24px 6px;
			height:100px;
}
#center{
			float:left;
			width:716px;
			margin:0;
			background:#FFF;
			padding: 0 0 0 49px;
}


#img{
			float:left;
			position:absolute;
			width:48px;
			height:800px;
			left: 0px;
			top: 0px;
			background:url(images/lateral2.gif) no-repeat top left;
}
 
#noticias{
			float:left;
			width:245px;
			height:200px;
			margin:10px 12px 0 0;
			padding: 7px 7px 0 0px;
}

#promocoes{
			float:left;
			width:245px;
			height:200px;
			margin:10px 0 0 0;
			padding: 7px 7px 0 0;
}

#bannerswf{
			width:519px;
			height:116px;
			float:left;
}

#menu{
			position:absolute;
			left:396px;
			_left:400px;
			top:171px;
			_top:175px;
			width:115px;
			height:21px;
			z-index:1;
}

a{
			text-decoration:none;}

#direita {
			width:190px;
			height:602px;
			float: right;
			background: #FFF;
}
#esquerda {
			width:518px;
			height:603px;
			float: left;
			background: #FFF;
}



/*Classes*/
.large{
			padding:0 19px 0 100px;
			display:block;
			font:10px 'Arial', Helvetica, sans-serif;
			text-align:right;
}

.large a:hover{
			color:#EEE;
			border-bottom:#F33;
}

.nivel2{
			margin:0 0 0 10px;
			color:#FFF;
}

.promocao{
			width:166px;
			float:left;
			margin:10px 0 0 0;
			height:180px;
			background:url(images/corner.gif) bottom right no-repeat;
			border-bottom:1px solid #CCC;
			font:10px Verdana, Arial, Helvetica, sans-serif;
			color:#999;
			padding:0 5px;
}

.button{
			width:100px;
			margin:10px 0 0 35px;
			display:block;
			float:left;
			background:url(images/button.gif) no-repeat top left;
			border:none;
			width:99px;
			height:22px;

}

#footer{
			float:left;
			width:99.7%;
			height:25px;
			background:url(images/footer.gif) repeat-x top left;
			border:1px solid #CCC;
			padding: 10px 0 0 0;
			margin: 0 0 0 0;
}

#reserva{
			float:left;
			background:#EEE url(images/hoteis.gif) no-repeat top left;
			width:180px;
			height:293px;
			padding:50px 0 0 10px; 
}
#reserva ul{
			margin:0 0 10px 5px;
			padding:0 0 0 10px;
			border-left:1px solid #CCC;
			background:url(images/corner_links.gif) no-repeat bottom left;
}
#reserva li{
			list-style:none ;
			font:bold 0.6em Verdana, Arial, Helvetica, sans-serif; 
}
#reserva a{
			color:#001340;
}
#reserva a:hover{
			text-decoration:underline;
}


#reservation{
			background:#C2D5DB url(images/reserv.gif) no-repeat top left; 
			float:left; width:180px;
			height:220px;
			padding:40px 0 0 10px; 
}

#titles{
			background:url(images/back.gif) top right no-repeat;
			margin:0 0 10px 0;
}

select{

			font:10px Verdana, Arial, Helvetica, sans-serif;
			color:#222;
			margin:2px 0 0 0;
			height:20px;
}




fieldset{
			border:none;
		}

.expand{
			width:200px;
			height:15px;
}
#contato{
			float:right;
			background:#FFF;
			width:322px;
			overflow:auto;
			height:540px;
}
 textarea{
			width:200px;
			height:150px;
			border:1px solid #CCC;
			float:left;
 }
 /*Fecha Formulário*/
.p{
			text-align:left;
			width:20em;
			padding:0 0 0 10px;
			font:0.7em Verdana, Arial, Helvetica, sans-serif;
			color:#AAA;
			float:left;
}

.p1{
			text-align:left;
			width:35em;
			padding:0 0 0 12px;
			float:left;
			display:block;
			font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;
			color:#AAA;
			background:#FFF;
}
.input{
			float:left;
			padding:5px 0 0 0;
			margin:0 0 12px 0;
			border:1px solid #CCC;
		
}


.flats{
			float:left;
			margin:0 12px 0 0;
			width:250px;
			background:#FFF;
			min-height:150px;
			font:0.8em 'Arial', tahoma, sans-serif;
			border:1px solid #EEE;
			border-top:none;
			
}
.imgmargin{
			margin:0 7px 10px 0;
			display:block;
			float:left;
}
.imgmargin1{
			margin:0;
			display:block;
			float:left;
}

.reserva{
	font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	display:block;
	float:left;
	height:14px;
	margin:0 30px 20px 0;
	padding:0 7px 0 7px;
	background:#CCC url(images/reserva.gif) repeat-x top left;
	border: 2px outset #CCC;
}
.h{			
			float:left;
			padding:7px;
			background:url(images/finish.gif) no-repeat bottom left;
			margin:0 0 5px 0;
}
.texto{
			font:0.6em Verdana, Arial, Helvetica, sans-serif;
			color:#666;
}
#grafico{
			position:absolute;
			left:254px;
			top:700px;
			clear:both;
			z-index:2;
}
.silver{
			color:#999;
		}
		

























#horizontal, #corner, #header, #bg, #bannerlogo, #img, .large, #flash, #direita,#vertical,#bannerswf{
			display:none;
}



/*Id's*/


body{
			margin:10px;
			
}
#principal{
width:650px;
background:#FFF;
height:570px;
			
}

#conteiner{
			float:left;
			width:600px;
			background:#FFF;
			padding:0 0 0 50px;
			position:inherit;
			left:auto;
			margin:0;
}


#center{
			float:left;
			width:auto;
			margin:0;
			padding:0;
			}
#grafico{
			position:inherit;
			margin:-10px 0 0;
			clear:both;
			z-index:2;
}
#footer{
			float:left;
			width:99.7%;
			height:25px;
			background:url(images/footer.gif) repeat-x top left;
			border:1px solid #CCC;
			padding: 10px 0 0 0;
			margin: 0 0 0 0;
}
#noticias{
			float:left;
			width:245px;
			height:200px;
			margin:10px 12px 0 0;
			padding: 7px 7px 0 0px;
}

#promocoes{
			float:left;
			width:245px;
			height:200px;
			margin:10px 0 0 0;
			padding: 7px 7px 0 0;
}