/* CSS Document */

body{
	margin:0px;
	background-color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

#principal{
margin-left:18%;
margin-right:18%;
width:800px;
height:100%;
display:table;
background-color:#FFFFFF;
}

#intro{
width:550px;
height:480px;
margin-left:28%;
margin-right:28%;
margin-top:100px;
}

#topo{
width:800px;
height:185px;
background-color:#CCCCCC;
}


#left{
	width:240px;
	height:100%;
	float:left;
	margin-left:10px;
	margin-top:15px;
}

#menu{
width:240px;
height:319px;
background-color:#CC0000;
}

#cartoes{
	width:235px;
	height:100px;
	background-color: #FFFFFF;
	border:#CCCCCC 1px solid;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#conteudo{
	width:515px;
	height:100%;
	background-color: #FFFFFF;
	border:#CCCCCC 1px solid;
	margin-top:15px;
	float: left;
	margin-left: 20px;
}

#bem-vindo{
	width:510px;
}

#frota{
width:515px;
height:100%;
}

#dicas{
	text-align:right;
	width:auto;
	height:100%;
}

#banner{
width:200px;
height:200px;
float:left;
margin-left:15px;
margin-bottom:15px;
}

#saiba-mais{
width:90px;
height:20px;
background-image:url(../layout/sb.jpg);
float:right;
margin-right:15px;
margin-top:15px;
}

#rodape{
background-image:url(../layout/rodape.jpg);
background-repeat:no-repeat;
width:770px;
height:39px;
margin-bottom:15px;
margin-left:15px;
clear:both;
}

.rodape{
text-align:right;
font-size:10px;
color:#FFFFFF;
margin-right:15px;
padding-top:10px;
}

.saiba{
text-align:center;
font-size:10px;
color:#FFFFFF;
padding-top:3px;
padding-left:2px;
padding-right:1px;
}

.card{
text-align:center;
margin-top:15px;
}

h3{
font-size:22px;
color: #FFCC00;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
}

h3.sub{
border-bottom:#FFCC00 1px solid;
padding-bottom:15px;
}

h4{
font-size:14px;
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
}

p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding-right:15px;
padding-left:15px;
}

ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin-left:50px;
margin-top:15px;
margin-bottom:15px;
margin-right:15px;
}

.separador{
margin-left:15px;
}

a{
color:#FFFFFF;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a:visited{
color:#FFFFFF;
}

.carro-frota{
float:left;
margin-left:15px;
margin-bottom:10px;
border:none;
}
/*///////// FORMULÁRIO //////////*/

fieldset{
border:0;
margin-top:30px;
margin-left:130px;
padding:0;
text-align:left;
}

label{
display:block;
font-size:12px;
text-align:left;
}

input.text,textarea{
width:250px;
font:12px 'Trebuchet MS',Arial,Helvetica, sans-serif;
color:#333;
padding:3px;
margin:1px 0;
border:1px solid #ccc;
}

input.submit{
margin-top:3px;
padding:1px 5px;
font:bold 12px 'Trebuchet MS',Arial,Helvetica, sans-serif;
color: #394962;
border:1px solid  #CC0000;
background:#f4f4f4;
}

.error{
font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#CC0000;
}
#principal #left .atendimento {
	float: left;
	width: 235px;
	text-align: center;
}
#principal #left .atendimento .btn_atendimento {
	margin-left: 25px;
}