body{
	margin: 0;
	padding: 0;
	background-image: url(imagens/bkg.gif);
	font-family: "Trebuchet MS", Arial,Tahoma,Verdana,Helvetica, sans-serif;
font-size: 13px;
	color: #000;}
	

/* bombril */
.clear {
	clear:both;
	height:.1em;
	font-size:.1em;
	line-height:.1em;}



/* ------------------------------------------------------ 
         TOPO          */
		 

#container {
    position: absolute;
	top: 0;
	width: 777px;
	margin: 0px  auto;
	text-align: right;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	background:url(imagens/topo.jpg) no-repeat;
	height: 191px;}

.topo{
	padding: 10px 20px 0 0;
	color: #FFFFFF;}

#container a {	text-decoration:none; color:#fff; border:0;}
#container A:hover {text-decoration: none; color: #FC0;}



/* ------------------------------------------------------ 
CONTEUDO DO SITE   - LADO ESQUERDO + LADO DIREITO */

				 
#content {
	width: 777px;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	text-align: left;
	background: #FFFFFF url(imagens/bg_menu.gif) repeat-y;
	border-right: 1px solid #666;
	border-left: 1px solid #666;}



	
/* ------------------------------------------------------ 
       MENU  */

#nav {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	float:left;
	width: 150px;
	margin: 191px 0 0 0;}
	

#nav li a {
	padding: 0 0 0 7px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006699;}	
	
	
#nav li a:link, #nav li a:visited {
	color: #fff;
	display: block;
	background: url(imagens/menu.jpg);
	font-weight: bold;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
	
	
#nav li a:hover, #nav li a:active {
	color: #fff;
	background: url(imagens/menu.jpg) 0 -30px;}

	
#nav ul li {
	display: inline; /*evita margens em alguns IEs*/}


#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;	}

/*
#leftside {
float:right; faz o box do conteudo flutuar para cima e ficar do lado d
width: 200px;}*/



/* ------------------------------------------------------ 
   CONTEUDO  - LADO DIREITO  */


#conteudo {
	border-top: 1px solid #fff;
	margin: 191px 0 0 0;
	width: 626px;
	padding: 0;
	background-color: #fff;
	float:right;}


/* Texto */

h1 {
	background:url(imagens/h1.jpg) repeat-x;
	height: 40px;
	line-height: 40px;
	font-size:16px;
	color:#fff;
	font-weight: bold;
	text-align:left;
	margin: 0;
	padding: 0 0 0 50px;
	text-transform: uppercase; /*letra maiuscula*/
	}
	
h2 {
	font-size:14px;
	color: #000;
	font-weight: bold;
	padding-left:5px;}	
	
p {padding: 1px 10px 1px 10px;}

#conteudo a {text-decoration: none; color:#006699}

#conteudo a:hover {text-decoration: underline; color:#006600}

/*Galeria Fluida*/	

#tabela {
	margin: 0;
	padding: 0;}

#tabela img{
	border: 0;
	margin: 5px 5px 0px 3px;
	display: block;
	float: left;}

#tabela h2 {
	background:url(imagens/h2.gif) repeat-x;
	border-top:1px solid #c4c4c4;
	height: 40px;
	line-height: 40px;
	font-size:16px;
	color:#000;
	font-weight: bold;
	text-align:left;
	margin: 0;
	padding: 0 0 0 10px;}

#tabela h3{
	margin: 0 ;
	padding: 0;
	font: bold 10px;
	/*float: left;*/}

#tabela P{
	font: 10px;
	margin: 0px 5px 5px 5px}

#tabela ul{ /*faz com que a lista perca seus formatos de paddings*/
	padding:0;
	margin:0;}

#tabela ul li{
	margin: 5px;
	padding: 0; /*não posso usar padding na lista, vai dezalinhar minha CAIXA de 4 lados.*/
	float: left;
	width: 299px;
	/*height: 220px;*/
	height:228px;
	background: #FFFFFF;
	display: inline;
	overflow: auto;
	list-style: none;
	border-bottom: 1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;}

/*INDEX - formatos para index - flash*/	
#conteudo input{
	border-bottom: 1px solid #666;}

#home{
	border-bottom: solid 1px #CCCCCC;
	height: 201px;
	/*overflow: auto;*/
	}

#home p{
	font-size: 13px;
	font-weight: bold;
	color: #257A3A;}
	
#home object{
	border: 0;
	margin: 0px 5px 0px 0px;
	display: block;
	float: left;}

#home ul li {
	font-size: 13px;
	font-weight: bold;
	color: #257A3A;}
	
#home li {
	padding: 0px 0 6px 20px;}
	
	
/*formulário - reserva online*/

#form1{
text-align:center;}

#form1 label{
	height: 20px;
	display: block;
	float: left;
	width: 50px;
	font-weight:bold
	}/* O elemento é transformado em um bloco, deslocado para esquerda e alinha os campos em 110px 
	elemento nome, texto*/
	
#form1 label.label2{
	height: 20px;
	display: block;
	float: left;
	width: 125px;
	}

#form1 label.label3{
	display: block;
	float: left;
	width: 100px;
	height: 70px;
	}

#form1 input{
	width: 350px;
	border: 1px #003366;
	background-color: #fff;
}

#form1 input.menor{
	width: 25px;
	text-align: center;
}

#form1 input.menor1{
	width: 35px;
	text-align: center;
}

#form1 input.menor2{
	width: 25px;
	text-align: center;
	border: 1px #003366;
	background-color: #fff;
}

#form1 select{
	width: 300px;
	border: 1px #003366;
	background-color: #fff;
}

#form1 select.pequena{
	width: auto;
	text-align: center;
	border: 1px #003366;
	background-color: #fff;
}

#form1 textarea{
	height: 70px;
	width: 350px;
	border: 1px #003366;
	background-color: #fff;}

#form1 input.submit{
	width: 100px;
	background-color: #fff;}

#form1 input.emlinha{
	display: inline; /* de block para line */
	width: auto; /* anula a largura anterior para todos os campos input */
	margin: auto;/* ajuda a alinhar a esquerda */
	vertical-align:middle; /* alinha ao centro vertical */}


#form1 p{
	margin: 0; padding: 2px 0;
	/*border-bottom: 1px solid #000; /* cada linha é um bloco */
	}


#form1 fieldset{
	/*border-top:1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999999;*/
	border: 0;
	margin: 30px 5px;
	padding: 10px;
	width: 500px;
	background-color: #CEE8FB;
	text-align: left;}

#form1 legend{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #CC0033;
	font-weight: bold;
	letter-spacing: 1px;}

#form1 .submit{
	width: 50px;
	text-align: center;}

/* Imagens */ 

img.fotohome {
	float:left;
	margin:2px;
	padding:3px}

img.bandeira {
	float:right;
	padding-right: 10px;
	padding-left: 10px;}

img.frota {
	float:center;
	margin:4px;
	padding:4px}


img.fotosesquerda {
	float:left;
	padding:4px	}
	
img.fotosesdireita {
	float:right;
	padding:4px}


#erro{
	color:#FF3300;
	font-weight: bold;}



/* ------------------------------------------------------
          RODAPÉ  -  FOOTER       */
		  
#rodape {
	font: 10px;
	width: 777px;
	border-top: 5px solid #2E9D4B;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	background-color: #FFFFFF;
	padding: 5px 0 5px 0;
	text-align:center;}
	
.footer{ text-align: center; font-weight: normal; color: #00008b;}
.footer A:link {text-decoration: underline; color:#CC0000}
.footer A:visited {text-decoration: underline;color:black}
.footer A:active {text-decoration: none overline}
.footer A:hover {text-decoration: none; color: blue;}

.address{ color:darkblue; font-weight: normal;}
.address a { color: darkblue; font-weight: bold;}
.address a:hover {text-decoration: none; color: blue;}