/* CSS */
/*Tags*/

#hiddenlinks
{
	display:none;
}
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 Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:0;
	color:#F60;
}
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{
	float:left;
	margin:5px 0 0 0;
	font:0.7em trebuchet MS, Helvetica, sans-serif;
	color:#354F6D;
	width: 50px;
  
}
.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;
  
}
.label2{
	display:block;
	width: 40px;
	float: left;
	padding: 5px 5px 0 10px;
	font:0.7em Arial, Helvetica, sans-serif;
	color:#FFF;
}
form{
	
}
.text{
	border:1px solid #AAA;
	font:0.6em Arial, Helvetica, sans-serif;
	margin:5px 0 0 0;
}
.text3{
	border:1px solid #AAA;
	width:120px;
	margin:5px 0;
	font:0.6em Arial, Helvetica, sans-serif;
}
.text2{
	border:1px solid #AAA;
	width:25px;
	margin:0;
	font:0.6em Arial, Helvetica, sans-serif;
}
select{
	border:1px solid #AAA;
	font:0.7em 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;
	z-index: 300;
}
#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;
	width:_778px;
	height:185px;
}
#bannerlogo{
	float:left;
	width:768px;
	height:82px;
	background: url(images/pessoas_servindo_pessoas.gif) no-repeat 475px 14px;
}
#flash{
	position:absolute;
	float:right;
	display:block;
	top:85px;
	right:13px;
	width:765px;
	background:url(images/imagesbg.gif) no-repeat 24px 6px;
	height:100px;
	z-index: 5;
}
#flash2{
	position:absolute;
	float:left;
	display:block;
	top:88px;
	right:214px;
	width:220px;
	background:0;
	height:270px;
	z-index:10;
}
#center{
	float:left;
	width:716px;
	margin: 5px 0 0;
	background:#FFF;
	padding: 5px 0 0 49px;
}
#center ul,#center li{
	padding:0;
	list-style-type:circle;
	margin:0;
}

#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;
	z-index: 1;
}

#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;
color:#333;
}
#esquerda2 {
width:518px;
height:603px;
float: left;
background: #FFF;
color:#333;
overflow:auto;
font: 0.8em Arial, Helvetica, sans-serif;
}



/*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;

}
.buttonEntrar{
	width: 48px;
	height: 18px;
	position: relative;
	top: -3px;
	background:url(images/entrar.gif) no-repeat top left;
	border:none;

}
.loginSenha{
	width: 100%;
	float: left;
	margin:0;
	padding: 0;
}
.loginSenha a{
	display: block;
	width: 100%;
	float: left;
	height: 35px;
	margin: 0 0 10px;
	background: #326698 url(images/entrarTop.gif) no-repeat top left;
}
.loginSenha a:hover{
	opacity:0.9;
	-moz-opacity:0.9;
}
#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:190px;
	padding: 35px 0 0 0;
	height:20.9em;
}
#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;
	width: 100%;
	float: left;
	font:0.7em Verdana, Helvetica, sans-serif;
	margin: 0;
	padding:0;
}
#reserva a{
	color:#284378;
}
#reserva a:hover{
	text-decoration:underline;
}


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

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

select{

	font:10px 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 Arial, Helvetica, sans-serif;
	color:#AAA;
	float:left;
}

.p1{
	text-align:left;
	width:100%;
	padding:0 0 0 12px;
	float:left;
	display:block;
	font:bold 0.7em 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;
	width:250px;
	background:0;
	min-height:150px;
	font:0.8em 'Arial', tahoma, sans-serif;
	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 Arial, Helvetica, sans-serif;
	color:#555;
	display:block;
	float:left;
	height:14px;
	margin:10px 0 0 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 Arial, Helvetica, sans-serif;
	color:#666;
}
#grafico{
	position:absolute;
	left:254px;
	top:705px;
	clear:both;
	z-index:2;
}
.silver{
	color:#999;
}

.textos{
	font:0.8em Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 10px 0 0;
}