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

html, body {
	margin:0 auto;
	padding:0;
	height:100%;
	background-color:#141414;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0;
}

form, label {
	margin:0 auto;
	padding:0;
	line-height:0;
}
 
ol, ul {
	list-style: none;
}

/* master */
#master {
	background-image:url(../img/bg-master.jpg);
	background-repeat:repeat-x;
	height:768px;
}

/* container */
#container {
	position:absolute;
	left:50%;
	width:974px;
	margin-left:-487px;
	height:768px;
}

.shadow-left {
	position:relative;
	float:left;
	margin:0;
}

.shadow-right {
	position:relative;
	float:right;
	margin:0;
}

/* header */
#header {
	position:absolute;
	width:100%;
	height:155px;
}

.logo {
	position:relative;
	margin:40px 0 0 83px;
}

.sublogo {
	position:absolute;
	font-size:14px;
	color:#ffffff;
	margin:3px 0 0 297px;
}

.txt-boasmaos {
	position:relative;
	margin:36px 0 0 20px;
	font-size:20px;
	font-style:italic;
	color:#ffffff;
	z-index:1;
}

.imgtruck {
	position:relative;
	float:right;
	margin:-55px 15px 0 0;
}

/* imagem sua carga em boas maos */
.truck {
	position:relative;
	float:right;
	width:347px;
	height:300px;
	z-index:2;
}

/* menu */
#menu {
	position:absolute;
	width:100%;
	height:35px;
	margin:54px 0 0 0;
	background-image:url(../img/bg-menu.png);
	background-repeat:no-repeat;
	z-index:1;
}

#menu ul {
	margin:6px 0 0 46px;
}

#menu ul li {
	float:left;
	margin-right:65px;
	color:#ffffff;
}

#menu ul li a {
	text-decoration:none;
	color:#ffffff;
}

#menu ul li a:hover {
	color:#e6c471;
}

/* displays-left */
#displays-left {
	position:relative;
	width:100%;
	height:180px;
	margin:180px 0 0 0;
	padding-bottom:24px;
}

.bg-fone {
	position:absolute;
	background-image:url(../img/display.png);
	background-repeat:no-repeat;
	width:100%;
	height:99px;
	margin-top:0;
	margin-left:-2px;
}

.telefone {
	margin:-10px 0 0 -37px;
}

.fone li a {
	text-decoration:none;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
}

.fone li em {
	background-image:url(../hover3.png);
	background-repeat:no-repeat;
	width:180px;
	height:45px;
	position:absolute;
	top:-85px;
	left:28px;
	text-align:center;
	padding:25px 10px 10px;
	z-index:99;
	display:none;
}

.bg-email {
	position:absolute;
	background-image:url(../img/display.png);
	background-repeat:no-repeat;
	width:100%;
	height:99px;
	margin:100px 0 0 -2px;
}

.click-email {
	margin:13px 0 0 16px;
}

.img-banner {
	margin:2px 0 0 30px;
}

/* content */
#content {
	position:absolute;
	width:646px;
	height:587px;
	margin-top:-203px;
	margin-left:87px;
}

/* box1 */
#box1 {
	position:relative;
	width:690px;
	height:180px;
	padding-bottom:7px;
}

/* box2 */
#box2 {
	position:absolute;
	width:646px;
	height:280px;
	background-image:url(../img/estrada-truck.jpg);
	background-repeat:no-repeat;
	margin:16px 0 0 -30px;
}

h1.cor-bege {
	font-size:30px;
	color:#e6c471;
	font-weight:lighter;
	margin-top:0;
	margin-left:28px;
}

h2.transporte {
	font-size:20px;
	color:#e6c471;
	font-weight:lighter;
	margin-top:-22px;
	margin-left:30px;
}

.txt-transportes {
	color:#585858;
	margin-top:20px;
	margin-left:30px;
}

/* menu2 */
#menu2 {
	float:right;
	padding-right:41px;
	width:230px;
	height:273px;
}
.poste {
	margin:31px 0 0 111px;
}

.seta1 {
	position:absolute;
	margin:-260px 0 0 27px;
	z-index:10;
}

.seta2 {
	position:absolute;
	margin:-226px 0 0 -14px;
	z-index:11;
}

.seta3 {
	position:absolute;
	margin:-175px 0 0 25px;
}

.seta4 {
	position:absolute;
	margin:-120px 0 0 -13px;
}

.seta5 {
	position:absolute;
	margin:-83px 0 0 25px;
}

/* footer */
#footer {
	position:absolute;
	margin:273px 0 0 86px;
	width:800px;
	height:111px;
}

.info {
	float:left;
	margin-left:131px;
	padding-top:15px;
	color:#ffffff;
	line-height:1.5;
	font-size:11px;
	text-align:center;
}

a.mail {
	text-decoration:none;
	color:#ffffff;
}

a.mail:hover {
	color:#e6c471;
}

/* empresa */
h2.empresa {
	font-size:24px;
	color:#e6c471;
	font-weight:lighter;
	margin-top:30px;
	margin-left:28px;
}

.txt-empresa {
	color:#585858;
	margin-top:20px;
	margin-left:30px;
}

h3.missao {
	font-size:18px;
	color:#e6c471;
	font-weight:lighter;
	margin-left:30px;
}

.txt-missao {
	color:#585858;
	margin-top:-10px;
	margin-left:30px;
}

h3.visao {
	font-size:18px;
	color:#e6c471;
	font-weight:lighter;
	margin-left:30px;
}

.txt-visao {
	color:#585858;
	margin-top:-10px;
	margin-left:30px;
}

h3.valores {
	font-size:18px;
	color:#e6c471;
	font-weight:lighter;
	margin-left:30px;
}

ul.txt-valores {
	color:#585858;
	margin-top:-10px;
	margin-left:5px;
	line-height:1.5;
	list-style:disc;
}

/* area atuação */
h2.area-atuacao {
	font-size:24px;
	color:#e6c471;
	font-weight:lighter;
	margin-top:30px;
	margin-left:28px;
}

.txt-atuacao {
	color:#585858;
	margin-top:20px;
	margin-left:30px;
}

.caixa {
	padding:20px 0 0 50px;
}

.frase-atuacao {
	font-size:20px;
	color:#e6c471;
	float:right;
	padding:65px 110px 0 0;
}

/* frota */
.frota {
	font-size:24px;
	color:#e6c471;
	font-weight:lighter;
	margin-top:30px;
	margin-left:28px;
}

.txt-frota {
	color:#585858;
	margin-top:20px;
	margin-left:30px;
}

#carroussel {
	margin:50px 0 0 28px;
}

#waterwheel-carousel-flat {
  width:563px;
  height:300px;
  font-family: Arial;
  font-size:14px;
  position:relative;
  clear:both;
  overflow:hidden;
}
#waterwheel-carousel-flat a {
  color:#585858;
}
#waterwheel-carousel-flat .carousel-images img {
  visibility:hidden;
  cursor:pointer;
}
#waterwheel-carousel-flat .carousel-controls .carousel-prev {
  position:absolute;
  bottom:50px;
  left:150px;
}
#waterwheel-carousel-flat .carousel-controls .carousel-next {
  position:absolute;
  bottom:50px;
  right:150px;
}


/* contato */
.fale-conosco {
	font-size:24px;
	color:#e6c471;
	font-weight:lighter;
	margin-top:30px;
	margin-left:28px;
}

.txt-fale {
	color:#585858;
	margin-top:20px;
	margin-left:30px;
}

#formulario {
	position:absolute;
	width:200px;
	margin:-10px 0 0 30px;
	color:#585858;
}

#formulario input {
	width:200px;
	height:16px;
	border:none;
	background-color:#ebebeb;
	color:#585858;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#formulario textarea {
	width:200px;
	border:none;
	background-color:#ebebeb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
}

#formulario input.btn-enviar {
	width:50px;
	float:right;
	cursor:pointer;
}

.caixa-contato {
	float:right;
	padding:50px 160px 0 0;
}