@charset "utf-8";
/* CSS Document   

=============================================================
Agencia Web - Brasdev Desenvolverdores - www.brasdev.com
=============================================================
Theme Name: 	CLiente08
Theme URL: 		http://www.xxxxxxxxxxxx.com.br
Description: 	Tema usado para o novo site da XXXXXXXXXXXXXXXXX
Version:		1.0
Author:			Brasdev Desenvolvedores
Author URL:		http://www.brasdev.com
Country: 		Brasil
Page Style: 	Screen
Phone:			+55 32 3212-7212
E-mail: 		falecom@brasdev.com
=============================================================*/


/* GERAL
=============================================================*/

/****
	* CSS RESET
	A gente zera as medidas padrão do browser. 
****/
*{ 
		margin: 0;
		padding: 0;
		border: 0;
		text-decoration: none;
}

body {
		background:#d2d2d2 url(../imagens/bg.jpg) repeat-x;
		margin:0px;
		font-family: Tahoma, Arial, Verdana;
}
hr {
		display:none;
}
img {
		border:none;
}
#geral {
		width:960px;
		margin:0 auto;
		background: #fff; 
}


/* TIPOGRAFIA
=============================================================*/
h1{}
h2{
		background: none;
		padding:15px 0 0 0;
		color: #dd0000;
		font-size: 14pt;
}
h3{
		color: #dd0000;
}
h4{}
p{
		font-size: 10pt;
		text-align:justify;
		margin-top:5px;
		line-height:16pt;
}


/* FORMULARIOS
=============================================================*/
#faleconosco fieldset {border:none}
#faleconosco form p {margin:10px 0;}
#faleconosco label {display:block;font-weight:normal;}
#faleconosco label textarea{height:200px;}
#faleconosco form {
		width:600px;
}
#faleconosco label input,#faleconosco label textarea{
		width:200px;
		vertical-align:top;
		margin-left:10px;
		padding:4px 5px;
		border:1px solid #999;

}
#faleconosco input:focus,#faleconosco textarea:focus  {
		border:2px solid #590000;
		padding:3px 5px;
}

#faleconosco input.submit{
		background:#000;
		color:white;
		border:3px double white;
		padding:5px;
}

label.error{
		color: red;
		font-weight:bold;
		font-size: 8pt;
		padding:2px;
		display:block;
}

/* HEADER
=============================================================*/

#esquerda{
		float:left;
}

#direita{
		float:left;
}

#destaque-home{
		margin:0;
		padding:0;
		height:187px;
		width:708px;
}

#destaque-home img{
		width:708px;
}

/* XFADE*/
#imagensContainer {
	position:relative;
	width:708px;
	border: 0;
}

#destaque-home {
	position:relative;
	margin:0 0 0 0px;
	width:708px;
	border: 0;
	height:187px;
}

#destaque-home img {
	display:none;
	position:absolute;
	top:0; 
	left:0;
}
/* FIM XFADE*/


/* CONTEUDO
=============================================================*/
#texto{
		border-top: 3px solid #dd0000;
		margin:-2px;
		padding:3px;
}


#conteudo-esquerda{
		float:left;
		width:485px;
		padding:8px;
}

#conteudo-paginas{
		margin-top:20px;
}


#container span.titulo h3{
		text-align:center;
		padding-top: 10px;
}

ul#menu-principal{
		font-size: 0.8em;
		margin:0 0 0 8px;
		padding-bottom:20px;
		list-style-type:none;
}

ul#menu-principal li{
		float:left;
		text-align:center;
		margin:2px;
}

ul#menu-principal li a{
		color: #dd0000;
		padding:10px 6px 10px 6px;
		margin:0;
		background: #eee;
		float:left;
		width: 6em;
}

ul#menu-principal li a:hover{
		background:#dd0000;
		color:#fff;
}

ul#menu-principal li a.ative{
		background:#dd0000;
		color:#fff;
}

#conteudo-direita{
		float:left;
		width:193px;
		padding:5px;
}

#newsletter{
		background: url("../imagens/fundo-newsletter.jpg") no-repeat;
		height:173px;
		width:193px;
		padding:5px 0 5px 0;
}

#newsletter-form{
		margin:10px;
		font-size: 10pt;
}

#newsletter-form form{
		margin-top:10px;
}

input#email-news{
		display:block;
		width:165px;
		border-left:1px solid #b4b4b4;
		border-right:1px solid #b4b4b4;
		border-bottom:1px solid #dadada;
		background:url("../imagens/fundo-campos.jpg") repeat-x;
		margin: 5px 0 5px 0;
		padding: 3px;
}

input#botao-newsletter{
		float:right;
}

#cotacao{
		background: url("../imagens/fundo-cotacao.jpg") no-repeat;
		height:148px;
		width:193px;
}

#cotacao h2{
		color: #fff;
		font-size: 11pt;
		background: none;
		text-align:center;
		padding-top:10px;
}

#cotacao p{
		padding: 2px 10px 10px 10px;
		color: #fff;
		font-size: 8pt;
		line-height:11pt;
}

img#botao-cotacao{
		background: url("../imagens/botao-cotacao.jpg") no-repeat;
		width:129px;
		height:21px;
		float:right;
		margin:12px;
		cursor: pointer;
}

#banners{
		margin-top:10px;
}

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

#lateral-esquerda h1.logo{
		margin:0;
		padding:0;
		text-align:center;
}

#lateral-esquerda h1.logo a {
		display:block;
		background: url(../imagens/logo.jpg) no-repeat center;
		width:252px;
		height:116px;
		margin:0;
}
#lateral-esquerda h1.logo a span{
		display:none;
}

#lateral-esquerda{
		width:252px;
		float:left;
}

#orcamento-esquerda{
		width:50px;
		background: #fff url("../imagens/fundo-form-1.jpg") no-repeat;
		height: 830px;
		width: 252px;
		padding: 0;
		border:0;
}

#formulario-orcamento{
		margin: 0 auto;
		margin-top:5px;
		width:225px;
}

#formulario-orcamento label.campos{
		display:block;
		color: #CC3333;
		font-family:Arial, Verdana, Sans-serif;
		font-size: 10pt;
		font-weight:normal;
		padding:0px;
		
}

#formulario-orcamento label.campos span{
		color: #aaa;
		font-size:8pt;
}

#formulario-orcamento input{
		padding: 0.3em;
		border-left:1px solid #b4b4b4;
		border-right:1px solid #b4b4b4;
		border-bottom:1px solid #dadada;
		margin: 2px;
		display:block;
		width: 210px;
		vertical-align: middle;
		background: url("../imagens/fundo-campos.jpg") repeat-x;
}

#formulario-orcamento select{
		display:block;
		width: 225px;
		padding: 0.2em;
		border: 1px solid #ddd;
		margin-top:4px;
		margin-bottom:4px;
}


input#data-saida,input#data-saida2,
input#data-saida3,input#data-chegada,
input#data-chegada2,input#data-chegada3,
input#hora-saida,input#hora-saida2,
input#hora-chegada,input#hora-chegada2,
input#radio-receber,input#radio-receber2,
input#radio-disposicao,input#radio-disposicao2{
		width:20px;
		display:inline;
}
input#quant{
		width:20px;	
}

label.radio-buttons,.texto-radio{
		color: #CC3333;
		font-family:Arial, Verdana, Sans-serif;
		font-size: 10pt;
		font-weight:normal;
		padding:0px;
		border:0;	
}

.texto-radio{
		color:#000;
}

input#radio-receber,input#radio-receber2{
		margin-left:25px;
		border:0;
		background: none;
}

input#radio-disposicao,input#radio-disposicao2{
		margin-left:25px;
		border:0;
		background: none;
}
	
input#botao-orcamento{
		border:0;
		margin-top: 5px;
		margin-left:0;
		height:31px;
		width:220px;
		background: none;
}

textarea#observacoes{
		display:block;
		width:210px;
		height:60px;
		border: 1px inset #ddd;
		margin-top:5px;
}

.foto{
		float:right;
		width:252px;
		height:220px;
		padding: 5px;
		background: #ddd;
		margin: 10px;
		border:1px solid #ccc;
}

.foto img{
		border: 1px solid #000;
}

.foto span{
		display:block;
		margin-top:3px;
		font-size:8pt;
		text-align:justify;
}

/*HOME*/
#home h2{
		width:320px;
}

#clientes img{
		display:inline;
		vertical-align:middle;
		margin:20px 30px 0 5px;
}

#clientes-logos{
		width:480px;
		margin:0 auto;
		border: 0;
}

/*EMPRESA*/


/*NOSSA FROTA*/


#galeria{
		width:460px;
		height:300px;
		margin:0 auto;
		margin-top:30px;
}

ul#lista-nossafrota span{
		vertical-align:super;
		font-size:8pt;
}

/*SERVICOS*/


ul#lista-servicos,ul#lista-nossafrota{
		background:none;
		padding:10px 0 0 30px;
		font-size: 10pt;
		list-style-image: url("../imagens/seta.jpg");
}

#servicos ul#lista-servicos li{
		text-align:left;
		padding:1px;
		margin:0;
}


/*FALE CONOSCO*/
#fale-conosco{
		font-size: 10pt;
}

#contatos{
		padding:10px;
		background:#efefef;
		border: 1px solid #ddd;
		height:55px;
}

#fale-conosco span{
		color:#dd0000;
		font-weight: bold;
}

#fale-conosco p#tel{
		position: absolute;
		margin-left:10px;
		margin-top:0px;
}

#fale-conosco p#cel{
		position: absolute;
		margin-left:10px;
		margin-top:30px;
}

#fale-conosco p#fax{
		position: absolute;
		margin-top:0;
		margin-left:250px;
}

#fale-conosco p#email{
		position: absolute;
		margin-top:30px;
		margin-left:250px;
}

#fale-conosco a{
		color: #dd0000;
		font-weight:bold;
		text-decoration:underline;
}

#fale-conosco input{
		border-left:1px solid #b4b4b4;
		border-right:1px solid #b4b4b4;
		border-bottom:1px solid #dadada;
		background: url("../imagens/fundo-campos.jpg") repeat-x;
		padding: 3px;
		width:220px;
		margin-bottom:5px;
}

#fale-conosco textarea{
		border-left:1px solid #b4b4b4;
		border-right:1px solid #b4b4b4;
		border-bottom:1px solid #dadada;
		background:url("../imagens/fundo-campos.jpg") repeat-x;
		height: 150px;
		width: 480px;
		margin-bottom:5px;
}

#fale-conosco input.submit{
		background: url("../imagens/botao-enviar.jpg") 0 0 no-repeat;
		height: 21px;
		width:72px;
		cursor: pointer;
		border:0;
}

/* CLASSES
-------------------------------------------------------------*/
.clear {
clear:		both;
font-size:	1pt;
height:		1pt;
padding:	0px;
margin:		0px;
}

/* FOOTER
=============================================================*/

#footer{
	background: url("../imagens/fundo-rodape.jpg") repeat-x;
	height: 96px;
	border-bottom: 10px solid #b71c15;
	margin-top:40px;
}

#footer-logo{
	background: url("../imagens/logo-rodape.jpg") no-repeat;
	height: 96px;
	width:200px;
	margin: 0 0 0 30px;
	float:left;
	border: 0;
}

#footer-copy{
		float: left;
		display:block;
		border: 0;
		margin: 25px 0 0 100px;
}

#footer-copy p{
		text-align:center;
		color:#B1B1B1;
		font-weight:bold;
		padding:3px;
}

#footer-brasdev{
		float:left;
		background: url("../imagens/logo-brasdev.jpg") no-repeat;
		height:96px;
		width:165px;
		margin-left:80px;
}

#footer-brasdev p{
		text-align:center;
		font-weight:bold;
		padding:3px;
		display:none;
}

#footer a{
		text-decoration:none;
		cursor: pointer;
}

#footer a:hover{
		text-decoration:underline;
}