/*Tags HTML*/
body{
font-family: Arial, Verdana;
font-size: 11px;
margin: 0px 0px 0px 0px;
}
html{
position:relative;
}
*{
margin: 0px;
padding: 0px;
border: 0px;
}
a{
color: black;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
ol, ul{
list-style: none;
}
label{
display: inline-block;
width: 120px;
vertical-align: top;
text-align: right;
font-weight: bold;
margin: 2px;
}
input[type=text], input[type=email], select{
padding: 2px;
margin: 2px;
width: 200px;
border: 1px solid #CCC;
}
input[type=tel]{
padding: 2px;
margin: 2px;
width: 140px;
border: 1px solid #CCC;
}
input[type=button], input[type=submit]{
padding: 6px;
margin: 2px;
background: #E0B713;
border: 1px solid #E0B713;
border: 1px solid #CCC;
}
textarea{
padding: 2px;
margin: 2px;
width: 200px;
height: 100px;
border: 1px solid #CCC;
}
/*Fim das Tags HTML*/
/*Classes*/
.both{
clear: both;
}
.titulo{
color: #663333;
font-size: 14px;
}
.erro{
color: #FF0000
}
.sucesso{
color: #0E7700;
}
.error{
border: 1px solid #FF0000 !important;;
}
.paginacao{
padding: 4px;
background: #F0F0F0;
border: 1px solid #E3E3E3;
}
/*Fim das Classes*/
/*IDs*/
#centraliza{
margin: 0px auto;
width: 990px;
}
#centro{
float:left;
width:990px;
min-height: 450px;
}
#conteudo{
float:left;
width:990px;
margin: 50px 0px;
}
#title{
float:left;
margin: 38px 0px 0px 303px;
font-size:18px;
font-weight:bold;
color:#fff;
}
/*Fim das IDs*/
#bgTopo{
position:absolute;
top:0;
left:0;
width:100%;
height:100px;
background: url(../imgs/layout/bgTopo.jpg) repeat;
z-index:-1;
}
#bgTopo2{
position:absolute;
top:100px;
left:0;
width:100%;
height:95px;
background: #EB3D00;
z-index:-1;
}
#topo{
float:left;
width:990px;
height:100px;
position:relative;
}
#topo #logo{
position:absolute;
top:0px;
left: 30px;
z-index:100;
}
#topo #menuTopo{
float:left;
margin: 40px 0px 0px 285px;
font-size:13px;
font-weight:bold;
}
#topo #menuTopo li{
float:left;
padding:0px 20px;
border-left:1px solid #373435;
}
#topo #menuTopo li:first-child{
border-left:none;
}
#topo #menuTopo a{
color:#373435;
}
#topo #redeSocial{
position:absolute;
right: 10px;
top:0px;
}
#topo #redeSocial li{
float:left;
padding:2px 5px;
}
#topo #redeSocial li img{
opacity:0.55;
-moz-opacity: 0.55;
filter: alpha(opacity=55);
}
#topo #redeSocial li img:hover{
opacity:0.99;
-moz-opacity: 0.99;
filter: alpha(opacity=99);
}
/*Index*/
#bannerFull{
position:absolute;
width:100%;
top:100px;
left:0px;
}
#bgMarcas{
position:absolute;
width:100%;
padding-top: 100px;
height:351px;
background:url(../imgs/layout/bgMarcas.jpg) repeat-x bottom;
}
#nossasMarcas{
float:left;
width:990px;
position:relative;
padding: 50px 0px 5px 0px;
margin-bottom:10px;
}
#titMarcas{
text-align:center;
z-index:100 !important;
font-size:18px;
font-weight:bold;
color:#727376;
margin-bottom: 20px;
}
#bannerOrcamento{
float:left;
margin-right:5px;
margin-bottom: 10px;
}
#bannerChat{
float:left;
margin-bottom: 10px;
}
#videoHome{
float: left;
width: 326px;
height: 218px;
margin-right: 10px;
padding-top: 33px;
background: #000;
}
#homeProd{
float:left;
}
/*RODAPE*/
#rodape{
float:left;
position:relative;
margin-top: 10px;
width:990px;
height:109px;
background:#EB3D00;
}
#logoRod{
position:absolute;
top:25px;
left:20px;
}
#rodape #menuRod{
float:left;
margin: 60px 0px 0px 190px;
font-size:13px;
font-weight:bold;
}
#rodape #menuRod li{
float:left;
padding:0px 20px;
border-left:1px solid #fff;
}
#rodape #menuRod li:first-child{
border-left:none;
}
#rodape #menuRod a{
color:#fff;
}
#rodape #redeSocialRod{
position:absolute;
right: 89px;
top:52px;
}
#rodape #redeSocialRod li{
float:left;
padding:2px 5px;
}
#rodape #redeSocialRod li img:hover{
opacity:0.55;
-moz-opacity: 0.55;
filter: alpha(opacity=55);
}
#powerby{
position:absolute;
bottom:0px;
right:0px;
}
#bgRod{
position:absolute;
width:100%;
background:#EB3D00;
height:109px;
bottom:0px;
z-index:-1;
}
/*Contato*/
#horario{
float:left;
font-size: 16px;
width: 310px;
margin: 0px 20px 25px 223px;
}
#endereco{
font-size:16px;
float:left;
width:279px;
margin-bottom:25px;
}
#txtContato{
float:left;
width:990px;
font-size:16px;
margin: 20px 0px;
text-align:center;
}
div#form ul,div#form p.form {
margin: 10px 0px 0px 0px;
padding: 0px;
border: 0px;
font-family: Verdana, Geneva, sans-serif;
color: #000000;
font-size: 12px;
}
div#form input.form,div#form input.formsubmit,div#form select.form,div#form option.form,div#form textarea.form {
color: #000000;
font-size: 12px;
border: 1px solid #C8C8C8;
padding: 7px 0px 7px 0px;
background: #fafafa url(../imgs/layout/img04.gif) repeat-x;
margin-top: 2px;
font-family: Verdana, Geneva, sans-serif;
}
div#form {
width: 391px;
margin: auto;
padding: 0px 0px 20px 0px;
}
div#form input.formsubmit{
width: 60px;
margin: auto;
}
/*Fim do Contato*/