﻿body {
	margin: 0px auto; /* tira qualquer margem padrao do navegador */
	height: 800px;
	width: 1100px;
	background-color: #CCC;
}



#tira2 {
	width:1100px;
	height:30px;
	margin: 0px auto; /* garante centralizaçao do container */
	background-color: #FDCC27;
	float:left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#topo {
	width:100%;
	background-image: url(../imagens/banner-topo.png);
	height: 116px;
	float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#logotipo {
	background-image: none;
	width:110px;
	height:98px;
	margin-top:8px;
	margin-left:15px;
	float:left;
}





#tira1 {
	width:1100px;
	height:30px;
	margin: 0px auto; /* garante centralizaçao do container */
	background-color: #353535;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
	color:#FFF;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#tira1 ul { margin: 0; padding: 0;}
#tira1 li { margin: 0; padding: 0;}
#tira1 a { margin: 0; padding: 0;}
#tira1 ul {list-style: none;}
#tira1 a {text-decoration: none;}
#tira1 {
	height: 30px;
	
}


#tira1 > ul > li {
	float: left;
	position: relative;
}

#tira1 > ul > li > a {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


#tira1 > ul > li > a:hover {
	color: #000;
	background-color: #FFCE11;
}


#tira1 > ul > li > ul {
	opacity: 0;
	visibility: hidden;
	padding: 16px 0 20px 0;
	background-color: #000;
	text-align: left;
	position: absolute;
	top: 55px;
	left: 50%;
	margin-left: -90px;
	width: 180px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#tira1 > ul > li:hover > ul {
    opacity: 1;
    top: 65px;
    visibility: visible;
}

#tira1 > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent rgb(250,250,250) transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}

#tira1 > ul ul > li { position: relative;}

#tira1 ul ul a{
	font-family: Verdana, 'Lucida Grande';
	font-size: 13px;
	background-color: rgb(250,250,250);
	padding: 5px 8px 7px 16px;
	display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#tira1 ul ul a:hover {background-color: rgb(240,240,240);}


#tira1 ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}


#tira1 ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}


#tira1 ul ul a:hover{
	background-color: #FFCE12;
	color: #000;
}

#tira1 ul li {
	position: relative;
	z-index: 10; /* aqui o z-index */
}




#banner-rot {
   margin: 0px auto; /* garante centralizaçao do container */
   height: 318px;
   width: 1100px;
   float: left;
}

#principal {
	background-color: white;
	height:1130px;
	width:100%;
	margin-bottom:10px;
	float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#principal #video-index {
   /*background-color:#09C;*/
   width:500px;
   height:385px;
   margin-top:30px;
   /*margin-right:20px;*/
   margin-left:45px;
   /*padding-top:15px;
   /*clear:both;*/
   float:left;
}

#titulo {
	font-size:30px;
	color:#353535;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
}

#titulo2 {
	font-size:20px;
	color:#353535;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#texto-simples {
   margin-top:10px;
   font-size:15px;
   text-align:justify;
}

#texto-simples-modelos {
	font-size:15px;
	text-align:left;
	text-decoration: underline;
	display: block;
	float: left;
	width: 200px;
	height: 25px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#texto-simples-especificacoes {
	font-size:15px;
	text-align:left;
	text-decoration: underline;
	display: block;
	float: left;
	width: 260px;
	height: 25px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#texto-simples2 {
   margin-top:10px;
   font-size:12px;
   text-align:justify;
}

#apresentacao {
	/*background-color:#CCC;*/
   width:500px;
	height:630px;
	margin-left:20px;
	margin-top:15px;
	padding:15px;
	float:left;
}

#foto-van {
   float:left;
   background-image: url(../imagens/imagem-van.png);
   width:1100px;
   height:276px;
}

#box-institucional {
   /*background-color:#CCC;*/
   margin:0 auto;
   width:1100px;
   height:-292px;
   left: 50%;
   top:50%;
}

#box-col1 {
	/*background-color:#CCC;*/
	width:510px;
	height:760px;
	margin-top:20px;
	margin-left:20px;
	padding-right:20px;
	float:left;
}

#box-col2 {
	/*background-color:yellow;*/
	width:500px;
	height:510px;
	margin-top:20px;
	margin-left:10px;
	padding-right:20px;
	float:left;
}

#googlemaps {
   /*background-color:green;*/
   width:400px;
   height:192px;
   margin-top:1px;
   margin-left:40px;
   float:left;
}

#box-diferencial {
   /*background-color:#CCC;*/
   width:340px;
   margin-top:20px;
   padding-left:5px;
   float:right;
}

#lista-modulos {
   list-style:none;
   padding:0;
   margin-left:20px;
   font-size:14px;
}

#lista-modulos li {
   margin-bottom:8px;	
}

#lista-modulos li a {
   text-decoration:none;
   color:black;
}

#lista-modulos li a:hover {
   color:red;	
}

#img-lista-modulos {
   width:10px;
   height:10px;
   margin-right:10px;
}

#botao-produtos {
   background-image: url(../imagens/botao-home.png);
   width:347px;
   height:59px;
   margin-top:100px;
   margin-left:90px;
   float:left;
}

#botao-produtos>p {
   margin-left:20px;
   margin-top: 20px;
}

#botao-produtos>p>span>a {
   text-decoration:none;
   color:#353535;
   font-size:16px;
   font-weight:bold;
}

#botao-produtos>p>span>a:hover {
   color:green;	
}

#atendimento {
   /*background-color:#CCC;*/
   width:200px;
   height:55px;
   margin-top:40px;
   margin-left:20px;
   float:left;
}

#fone {
   /*background-color:#CCC;*/
   width:210px;
   height:65px;
   margin-top:30px;
   margin-left:10px;
   float:left;
}

#fone>img {
   width:60px;
   height:61px;
   float:left;
}

#texto-fone {
   float:left;
   width:120px;
   height:30px;
   margin-top:27px;
   margin-left:10px;
   font-weight:bold;
}

#foto-produto {
   width:400px; 
   height:336px;
   margin-top:30px;
   margin-left:60px;
}

#produtos-main {
   /*background-color:pink;*/
   width:450px;
   height:400px;
   margin-left:40px;
   padding:1px;
   float:left;
}

#tira3 {
   width:1000px;
   height:100px;
   margin-top:15px;
   margin-left:20px;
   float:left;
}

#tumbs-maquinas {
   float:left;
   height:535px;
   margin-left:95px;
   width:900px;
}

#box-img-thumbs-hor {
	float:left;
	height:95px;
	width:188px;
	margin-right:20px;
	margin-left:15px;
}

#box-img-thumbs-vert {
	float:left;
	height:178px;
	width:134px;
	margin-right:20px;
	margin-left:60px;
	margin-top:40px;
}

#box-sub-minicarreg {
   float:left;
   height:940px;
   width:1050px;
   margin-left:20px;
}

#box-minicarreg-detalhes {
   float:left;
   height:300px;
   width:1050px;
   margin-left:20px;
}

#box-sub-implementos {
   float:left;
   height:230px;
   width:1050px;
   margin-top:20px;
   margin-left:20px;
}


#box-sub-implementos-varios {
	float:left;
	height:480px;
	width:1050px;
	margin-top:20px;
	margin-left:20px;
}

#box-sub-implementos-especifico {
	float:left;
	height:400px;
	width:1050px;
	margin-top:20px;
	margin-left:20px;
}

#varios-implementos {
	float: left;
	height: 137px;
	width: 120px;
	margin: 4px;
}


#varios-implementos> img {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}


#texto-acessorios {
	margin-top:10px;
	font-size:12px;
	text-align:center;
}

#box-img-thumbs-implem {
   float:left;
   margin-right:20px;
   margin-left:65px;
   margin-top:20px;
}

#box-img-thumbs-implem2 {
	float:left;
	margin-right:20px;
	margin-left:40px;
	margin-top:20px;
}

#fotos-produto-detalhado {
	/*background-color:blue;*/
   float:left;
	height:180px;
	width:1050px;
	margin-left:20px;
}

#fotos-espaco-miniatura {
	/*background-color:blue;*/
   float:left;
	height:150px;
	width:250px;
	margin-left:20px;
}

#fotos-miniatura {
	/*background-color:blue;*/
   float:left;
	height:100px;
	width:250px;
	margin-left:20px;
}


#box-voltar {
   /*background-color:blue;*/
   float:left;
   height:240px;
   width:1050px;
   margin-left:20px;
}

#botao-orcamento {
   background-image: url(../imagens/botao-home.png);
   width:346px;
   height:57px;
   margin-top:10px;
   margin-left:140px;
   float:left;
}

#botao-orcamento>p {
   margin-left:60px;
   margin-top: 20px;
}

#botao-orcamento>p>span>a {
   text-decoration:none;
   color:#353535;
   font-size:18px;
   font-weight:bold;
}

#botao-orcamento>p>span>a:hover {
   color:green;	
}

#botao-voltar {
   background-image: url(../imagens/botao-voltar.png);
   width:167px;
   height:41px;
   margin-top:17px;
   margin-left:50px;
   float:left;
}

#botao-voltar>p {
   margin-left:75px;
   margin-top: 10px;
}

#botao-voltar>p>span>a {
   text-decoration:none;
   color:#353535;
   font-size:16px;
   font-weight:bold;
}

#botao-voltar>p>span>a:hover {
   color:green;	
}

#box-video-minicarreg {
   float:left;
   height:230px;
   width:440px;
}

#texto-sub-minicarreg {
   float:left;
   height:220px;
   width:1060px;
   margin-top:65px;
}

#texto-sub-acessorios {
	float:left;
	height:70px;
	width:1060px;
	margin-top:8px;
}

#rodape {
   /*background-color: yellow;*/
   float:left;
   height:40px;
   width:1060px;
   margin-left:20px;
   margin-top:15px;
   font-family:Georgia, Arial, Helvetica, sans-serif;
   font-size:14px;
   text-align:center;
   padding-top:20px;
}

#box-fale-conosco {
   /*background-color:#CCC;*/
   margin:0 auto;
   width:900px;
   height:-292px;
   left: 50%;
   top:50%;
}


#box-formulario {
	/*background-color:#CCC;*/
   width:700px;
	height:400px;
	border: 1px dotted;
	margin-left: auto;
	margin-right: auto;
}

#form1 ul { list-style-type:none;}

#form1 li { margin-bottom: 3px; }

#form1 input {
	width:200px;
	height:22px;
	margin-top:10px;
	line-height:10px;
	vertical-align: middle;
	font-family:Georgia, Arial, Helvetica, sans-serif;
}

#form1 textarea {
	width:400px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	margin-top:10px;
	line-height: 20px;
	letter-spacing: 1px;
	word-spacing: 3px;
}

#form1 label {
    width: 110px;
    font-weight: bold;
    margin-top: 10px;
    float:left;
}

#empresa-frase-logo {
	height: 110px;
	width: 110px;
	float: left;
	margin-right: 5px;
}

#empresa-frase-texto {
	height: 110px;
	width: 300px;
	float: left;
	font-size: 22px;
}

#box-fotos-implementos {
	float: left;
	height: 300px;
	width: 900px;
}

#fotos-implementos {
	float: left;
	height: 245px;
	width: 325px;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

#frase-logo {
	height: 110px;
	width: 300px;
	float: left;
	font-size: 22px;
	margin-left: 130px;
}
