@charset "UTF-8";
/*
tapajós bauru, turismo, caminhões, ônibus

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-language" content="pt-br" />
<meta name="description" content="Tapajosbauru.com.br: empresa de turismo e comércio de caminhões em bauru" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="noodp">
<meta name="author" content="Marcos Antonio Lopes" />
--------------------------------------------------------------
	CSS - DIAGRAMACAO TAPAJOS
*/
*{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	list-style:none;
	text-decoration:none;
	color:#A81E26;
}

body{
	background-color:#DCDCDC;
}

a:hover{
	text-decoration:underline;
}

img{
	border:0px;
}
.popUp{
	text-align:center;
	margin:auto;
	margin-top:2px;
}
/*
--------------------------------------------------------------
	WRAPPER QUE POSICIONA A TELA NO CENTRO
*/
#geral{
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-405px;
	width:811px;
	position:absolute;
}
/*
--------------------------------------------------------------
	COTEM O LOGO DA TPAJOS E OS PEQUENOS LOGOS AGRALE E VOLARE
*/

#topo{
	position:relative;
}

#topo #agralevolare{
	position:absolute;
	right:0px;
	bottom:0px;
	_top:50px;
}
/*
--------------------------------------------------------------
	WRAPPER QUE FORMATA O MENU
*/
.menut{
	padding: 45px 0 0;
	background-image:url(images/menu.jpg);
	background-repeat:no-repeat;
	height:95px;
}

.menut #menu ul{
	margin-left:35px;
}

.menut #menu ul li{
	display:inline;
}

.menut #menu ul li a{
	color:#FFF;
	font-weight:bold;
	padding: 0 6px;
	font-size:12px;
}

.menut #menu ul li a:hover{
	text-decoration:underline;
	color:#FFF;
	font-weight:bold;
	padding: 0 6px;
	font-size:12px;
}
/*
--------------------------------------------------------------
	WRAPPER QUE FORMATA A BASE
*/
.baset{
	background-image:url(images/base.jpg);
	height:46px;
	position:relative;
	top:-45px;
}
.baset #base ul{
	margin-left:35px;
}

.baset #base a{
	padding-left:175px;
	top:10px;
	position:relative;
	color:#FFF;
	font-size:12px;
}

.baset #base a:hover{
	text-decoration:underline;
	color:#FFF;
}
/*
--------------------------------------------------------------
	WRAPPERS QUE FORMATAM OS CONTEUDOS
*/
.middle{
	position:relative;
	top:-45px;
	height:500px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

.middle .conteudo{
	top:10px;
	margin-left:45px;
}
/*
*****************************************************************
	WRAPPER QUE FORMATAM OS CONTEUDOS ESPECIFICOS DE CADA PAGINA
*****************************************************************
*/

/*
--------------------------------------------------------------
	HOME
*/
#home .middle{
	position:relative;
	top:-45px;
	height:600px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}
#home .middle .conteudo{
	top:10px;
	margin-left:47px;
	text-align:justify;
	font-size:14px;
	width:750px;
}
.paneltopo{
	margin-top:15px;
	width:724px;
	height:160px;
	float:left;
	padding:5px;
	background-image:url(images/home/paneltopo.jpg);
	background-repeat:no-repeat;
}

.paneltopo .texto{
	float:left;
	text-align:center;
	width:710px;
	margin-left:5px;
	margin-top:15px;
}

.panelmedio{
	clear:both;
	margin-left:51px;
	_margin-left:26px;
	margin-top:7px;
	width:725px;
	height:405px;
	text-align:justify;
	float:left;
}

.panelpequeno{
	text-align:justify;
	width:200px;
	height:150px;
	margin-left:40px;
	_margin-left:20px;
	padding-left:15px;
	padding-right:20px;
	float:left;
}

.paneldireita{
	width:230px;
	height:150px;
	float:left;
	margin-left:5px;
	padding-left:0px;
	padding-top:10px;
	padding-right:20px;
	text-align:justify;
}

.saibamais{
	text-align:right;
}

.noticiassecundarias{
	width:730px;
	height:290px;
	float:left;
}

.noticia{
	width:236px;
	height:270px;
	float:left;
	border-right:#FF0000 solid 1px;
	padding:3px;
	background-image:url(images/agrale.jpg);
}


/*
--------------------------------------------------------------
	TURISMO
*/

#turismo *{
	color:#000066;
}

#turismo .menut{
	padding: 45px 0 0;
	background-image:url(images/menuazul.jpg);
	background-repeat:no-repeat;
	height:95px;
}

#turismo .middle{
	position:relative;
	top:-45px;
	height:810px;
	_height:795px;
	*height:810px;
	width:100%;
	background-image:url(images/middleazul.jpg);
	background-repeat:repeat-y;	
}

#turismo .baset{
	background-image:url(images/baseazul.jpg);
	height:46px;
	position:relative;
	top:-45px;
}

#turismo .middle .conteudo{
	top:10px;
	margin-left:13px;
	text-align:justify;
	font-size:14px;
	width:750px;
}

.textoturismo{
	float:left;
	text-align:justify;
	margin-left:40px;
	_margin-left:20px;
	width:716px;
}

.certificacoes{
	position:relative;
	margin-left:40px;
	height:120px;
	width:700px;
	clear:both;
	top:20px;
	text-align:center;
}

.imagemonibus{
 	float:left;
	margin-left:40px;
	_margin-left:20px;
	width:350px;
}

/*
position:relative;
	top:-160px;
	margin-left:410px;
	width:350px;
--------------------------------------------------------------
	SUB - MENU 
#submenuturismo ul{
	margin-top:10px;
	margin-left:95px;
}

#submenuturismo ul li{
	display:inline;
}

#submenuturismo ul li a{
	color:#FFF;
	font-weight:bold;
	padding: 0 6px;
	font-size:10px;
}

#submenuturismo ul li a:hover{
	text-decoration:underline;
	color:#FFF;
	font-weight:bold;
	padding: 0 6px;
	font-size:10px;
}
*/
/*
--------------------------------------------------------------
	ORCAMENTOS

#orcamentos .middle{
	position:relative;
	top:-45px;
	height:150px;
	width:100%;
	background-image:url(images/middleazul.jpg);
	background-repeat:repeat-y;	
}

#orcamentos .middle .conteudo{
	margin-left:50px;
	text-align:justify;
	font-size:14px;
	width:700px;
}
/*
--------------------------------------------------------------
	PRECOS
	
#precos .middle{
	position:relative;
	top:-45px;
	height:250px;
	width:100%;
	background-image:url(images/middleazul.jpg);
	background-repeat:repeat-y;	
}

#precos .middle .conteudo{
	margin-left:65px;
	text-align:justify;
	font-size:14px;
	width:750px;
}

.preco{
	margin:5px;
    float:left;
	width:200px;
	border:#000066 solid  thin;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px
}

.precotitulo{
	width:210px;
	position:relative;
	text-align:center;
	padding:5px;
	margin-left:-10px;
	border-bottom:#000066 solid  thin;
	background-color:#CDDBEE;
}
*/
/*
--------------------------------------------------------------
	FROTA


#frota *{
	color:#000066;
}

#frota .menut{
	padding: 45px 0 0;
	background-image:url(images/menuazul.jpg);
	background-repeat:no-repeat;
	height:95px;
}

#frota .middle{
	position:relative;
	top:-45px;
	height:340px;
	width:100%;
	background-image:url(images/middleazul.jpg);
	background-repeat:repeat-y;	
}

#frota .baset{
	background-image:url(images/baseazul.jpg);
	height:46px;
	position:relative;
	top:-45px;
}

#frota .middle .conteudo{
	top:10px;
	margin-left:13px;
	text-align:justify;
	font-size:14px;
	width:750px;
}

.textoturismo{
	float:left;
	text-align:justify;
	margin-left:40px;
	width:340px;
}

.imagemonibus{
 	float:left;
	margin-left:20px;
	width:350px;
}
*/
/*
#frota .middle{
	position:relative;
	top:-45px;
	height:480px;
	width:100%;
	background-image:url(images/middleazul.jpg);
	background-repeat:repeat-y;	
}

#frota .middle .conteudo{
	margin-left:50px;
	text-align:justify;
	font-size:14px;
	width:700px;
}

#frota .album{
	float:left;
	display:inline;
	padding-top:7px;
	margin-left:10px;
}

#frota .album .picture{
    float:left;
	text-align:center;
	padding-top:7px;
	padding-left:30px;
	width:140px;
}

#frota .album a:hover{
	text-decoration:none;
}

#frota h1{
	font-size:14px;
	font-weight:bold;
}

#frota h2{
	font-size:12px;
	font-weight:bold;
	padding: 0 15px;
}

--------------------------------------------------------------
	LOCALIZACAO
*/
#localizacao .middle{
	position:relative;
	top:-45px;
	height:600px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#localizacao .middle .conteudo{
	top:10px;
	margin-left:27px;
	text-align:center;
	font-size:14px;
}

/*
--------------------------------------------------------------
	EMPRESA
*/
#empresa .middle{
	position:relative;
	top:-45px;
	height:835px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#empresa .middle .conteudo{
	margin-left:53px;
	text-align:justify;
	font-size:14px;
	
}

#empresa .middle .conteudo .textoempresa{
	margin-left:7px;
	top:10px;
	width:700px;
}

/*
--------------------------------------------------------------
	VENDAS
*/
#vendas .middle{
	position:relative;
	top:-45px;
	height:530px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#vendas .middle .conteudo{
	top:10px;
	margin-left:57px;
	text-align:center;
	font-size:14px;
}

#vendas .conteudo ul{
	margin-left:5px;
}

#vendas .conteudo ul li{
	font-size:12px;
	text-align:left;
	font-weight:bold;
}

#vendas .conteudo ul li.header h2{
	font-size:14px;
	margin-left:-20px;
}

.novos{
	width:300px;
	height:170px;
	float:left;
	background-color:#FFF6F4;
	padding:5px;
	border-bottom: #CCCCCC solid 1px;
	border-top: #CCCCCC solid 1px;

}
.vendedoresnovos{
	width:390px;
	height:170px;
	float:left;
	padding:5px;
	background-color:#FFF6F4;
	border-bottom: #CCCCCC solid 1px;
	border-top: #CCCCCC solid 1px;

}

.usados{
	width:300px;
	height:80px;
	float:left;
	background-color:#fff;
	padding:5px;
	border-bottom: #CCCCCC solid 1px;

}
.vendedoresusados{
	width:390px;
	height:80px;
	float:left;
	padding:5px;
	background-color:#fff;
	border-bottom: #CCCCCC solid 1px;
}

.pecas{
	width:300px;
	height:80px;
	float:left;
	padding:5px;
	text-align:center;
	background-color:#FFF6F4;
	border-bottom: #CCCCCC solid 1px;
}
.vendedorespecas{
	width:390px;
	height:80px;
	float:left;
	padding:5px;
	background-color:#FFF6F4;
	border-bottom: #CCCCCC solid 1px;
}

.tabelausados{
	width:710px;
	float:left;
	background-color:#FFf;
	border-bottom: 	border-bottom: #CCCCCC solid 1px;

}

#vendas td{
	border:#666666 solid 1px;
}
td.header{
	font-size:14px;
}

/*
TUDO PODE SER TROCADO POR UMA CLASSE GENERICA,
 PRINCIPALMENTE CAMINHOSLEVES/MEDIOS/FURGOES ABAIXO

.produtos{
	margin-left:20px;
	margin-top:10px;
	float:left;
	width:735px;
	padding:10px;
}

.produtos ul{
	padding-left:20px;
}

.produtos li{
	padding-top:5px;
}

.produtos p{
	font-size:14px;
}

.produtos a:hover{
	text-decoration:underline;
}

.caminhoesleves{
	padding:10px;
	margin-top:10px;
	float:left;
	width:225px;
}

.caminhoesmedios{
	padding:10px;
	margin-top:10px;
	float:left;
	width:225px;
}

.caminhoesmedios ul{
	padding-left:20px;
}

.furgoes{
	padding:10px;
	margin-top:10px;
	float:left;
	width:225px;
}

.furgoes ul{
	padding-left:20px;
}

.menuvendas ul{
	margin-left:0px;
}

.menuvendas ul li{
	font-size:14px;
	text-align:left;
	font-weight:bold;
}

.menuvendas ul li a.raiz{
	font-size:14px;
	font-weight:bold;
	padding: 0 2px;
}

.menuvendas ul li a.raiz:hover {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	padding: 0 2px;
}

.menuvendas ul li a{
	font-size:12px;
	padding: 0 15px;
}

.menuvendas ul li a:hover{
	text-decoration:underline;
	font-weight:bold;
	padding: 0 15px;
	font-size:12px;
}
*/
/*
--------------------------------------------------------------
	CONCESSIONARIO - AGRALE
*/
#concessionarioagrale .middle{
	position:relative;
	top:-45px;
	height:430px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#concessionarioagrale .middle .conteudo{
	top:10px;
	margin-left:13px;
	_margin-left:-5px;
	text-align:center;
	font-size:14px;
}
/*
.novos{
	text-align:justify;
	margin-left:48px;
	margin-top:10px;
	float:left;
	width:330px;
	background-color:#D6DDFF;
	padding:10px;
}

.usados{
	text-align:justify;
	width:330px;
	margin-top:10px;
	float:left;
	background-color:#FFE5DF;
	padding:10px;
}
*/
.produtos{
	margin-left:20px;
	margin-top:10px;
	float:left;
	width:735px;
	padding:10px;
}

.produtos ul{
	padding-left:20px;
}

.produtos li{
	padding-top:5px;
}

.produtos p{
	font-size:14px;
}

.produtos a:hover{
	text-decoration:underline;
}

.caminhoesleves{
	padding:10px;
	margin-top:10px;
	float:left;
	width:225px;
}

.caminhoesmedios{
	padding:10px;
	margin-top:10px;
	float:left;
	width:225px;
}

.caminhoesmedios ul{
	padding-left:20px;
}

.furgoes{
	padding:10px;
	margin-top:10px;
	float:left;
	width:225px;
}

.furgoes ul{
	padding-left:20px;
}

.logointernoagrale{
	position:absolute;
	top:290px;
	left:560px;
}

.logointernomarrua{
	position:absolute;
	top:385px;
	left:470px;
}


/*
--------------------------------------------------------------
	CAMINHOES - LEVES
*/
#caminhoesleves .middle{
	position:relative;
	top:-45px;
	height:510px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#caminhoesleves .middle .conteudo{
	top:10px;
	margin-left:13px;
	text-align:center;
	font-size:14px;
}

/*
--------------------------------------------------------------
	FURGOES
*/
#furgoes .middle{
	position:relative;
	top:-45px;
	height:300px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#furgoes .middle .conteudo{
	top:10px;
	margin-left:13px;
	text-align:center;
	font-size:14px;
}

/*
--------------------------------------------------------------
	CAMINHOES - MEDIOS
*/
#caminhoesmedios .middle{
	position:relative;
	top:-45px;
	height:300px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#caminhoesmedios .middle .conteudo{
	top:10px;
	margin-left:13px;
	text-align:center;
	font-size:14px;
}


/*
--------------------------------------------------------------
	CAMINHOES - MEDIOS
*/
#caracteristicas{
	background-color:#FFFFFF;
}
#caracteristicas tr{
	border-bottom-color:#CCCCCC;
}


/*
--------------------------------------------------------------
	CONTATO
*/
#contato .middle{
	position:relative;
	top:-45px;
	height:450px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#contato .middle .conteudo{
	margin-left:53px;
	text-align:justify;
	font-size:14px;
	
}

h2{
	font-size:11px;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
}

.formulario .line {
	text-align:left;
	float:left;
	height:auto;
	min-height:20px;
	margin:5px 0 0 0;
	width:390px;
}

label {
	font-size:12px;
	font-weight:bold;
}

input, select, textarea {
	font-size:10px;
}

.campo {
	padding:2px;
	background-color:#FFFFFF;
	border-color:#A81E26;
	border-style:solid;
	border-width:1px;
}

.btn{
	clear:both;
	padding-top:10px;
	width:300px;
	*width:360px;
	text-align:right;
}

input.campo:focus, select.campo:focus, textarea.campo:focus {
  background:#DCDCDC;
  color:#A81E26; 
}

h1{
	font-size:18px;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;

}

h1 a{
	font-size:14px;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;

}

p.contato{
	padding-top:10px;
	font-size:14px;
}

/*
--------------------------------------------------------------
	REPRESENTANTE - VOLARE	
*/

#representantevolare .middle{
	position:relative;
	top:-45px;
	height:500px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#representantevolare .middle .conteudo{
	top:10px;
	margin-left:13px;
	_margin-left:-5px;
	text-align:center;
	font-size:14px;
}

.logointernovolare{
	position:absolute;
	top:10px;
	left:-40px;
}

/*
--------------------------------------------------------------
	REPRESENTANTE - TURISMO	
*/

#volareturismo .middle{
	position:relative;
	top:-45px;
	height:590px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#volareturismo .middle .conteudo{
	top:10px;
	margin-left:13px;
	text-align:center;
	font-size:14px;
}
/*
--------------------------------------------------------------
	REPRESENTANTE - MUNICIPAL	
*/

#volaremunicipal .middle{
	position:relative;
	top:-45px;
	height:590px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#volaremunicipal .middle .conteudo{
	top:10px;
	margin-left:13px;
	text-align:center;
	font-size:14px;
}
/*
--------------------------------------------------------------
	REPRESENTANTE - UNIDADE MOVEL
*/

#volareunidademovel .middle{
	position:relative;
	top:-45px;
	height:590px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#volareunidademovel .middle .conteudo{
	top:10px;
	margin-left:13px;
	text-align:center;
	font-size:14px;
}
/*
--------------------------------------------------------------
	REPRESENTANTE - ACESSO FACIL	
*/

#volareacessofacil .middle{
	position:relative;
	top:-45px;
	height:590px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#volareacessofacil .middle .conteudo{
	top:10px;
	margin-left:13px;
	text-align:center;
	font-size:14px;
}
/*
--------------------------------------------------------------
	REPRESENTANTE - ESCOLARBUS	
*/

#volareescolarbus .middle{
	position:relative;
	top:-45px;
	height:400px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#volareescolarbus .middle .conteudo{
	top:10px;
	margin-left:13px;
	text-align:center;
	font-size:14px;
}

/*
--------------------------------------------------------------
	NOSSA FROTA	
*/

#nossafrota .middle{
	position:relative;
	top:-45px;
	height:500px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#nossafrota .conteudo{
	margin-left:47px;
}

#nossafrota .conteudo ul{
	margin-left:50px;
}

#nossafrota .conteudo ul li{
	font-size:12px;
	text-align:center;
	font-weight:bold;
	
}

#nossafrota .conteudo ul li.header h2{
	font-size:14px;
}
h2.header{
	font-size:14px;
}
#nossafrota .conteudo ul li.header h2 a{
	font-size:14px;
}

.frota{
	width:355px;
	height:155px;
	float:left;
	padding:5px;
	border-bottom:#CCCCCC solid 1px;
	background-color:#FFF6F4;
}
.frota a{
	text-decoration:none;
}
.frota a:hover{
	text-decoration:underline;
}	

#jumbus .middle{
	position:relative;
	top:-45px;
	height:585px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#paradiso .middle{
	position:relative;
	top:-45px;
	height:765px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

#senior27 .middle{
	position:relative;
	top:-45px;
	height:675px;
	width:100%;
	background-image:url(images/middle.jpg);
	background-repeat:repeat-y;	
}

.album{
	float:left;
	width:730px;
	padding:0px;
	margin-left:5px;
}

.album ul{
	padding-top:15px;
}

.album li{
	display:inline;
	padding-top:7px;
}

.album li img{
	border-top:#FFFFFF solid 2px;;
}
.album li img:hover{
	border-top:#A81E26 solid 2px;
}

.picture{
	padding:5px;
	background-color:#FFF6F4;
	width:714px;
	height:460px;
	margin-left:5px;
	text-align:center;
	border:#A81E26 solid 1px;
}
/*
----------------------------------------------------------
TOOL TIP
*/

a.dcontexto{
  position:relative; 
  text-decoration:none;
  cursor:pointer;
  z-index:24;
}
a.dcontexto:hover{
  background:transparent;
  z-index:25; 
}
a.dcontexto span{display: none}

a.dcontexto:hover span{ 
  display:block;
  position:absolute;
  width:190px; 
  top:20px;_top:30px;*top:30px;
  left:10px;
  text-align:center;
  padding:5px 10px;
  border:1px solid #999;
  background:#DCDCDC; 
  text-decoration:none;
}