*{margin: 0; padding: 0}
a:link{ text-decoration: none;}
/* HTML ELEMENTS */
body {  background:url(../imagens/bg.jpg) center top no-repeat; font:12px Tahoma, Geneva, sans-serif; letter-spacing:1;  }
/* COMMON CLASSES */
.break { clear:both; }
/* HEADER */
#header { height:500px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:500px; position:absolute; }
/* NAVIGATION */
#nav-outer { height:130px; padding-top:0px; position:relative; top:0px; background-image:url("../imagens/bgtopo.png"); }
#topo { height:120px; width:980px; margin:0 auto;}
#logo{ width: 218px; height: 125px; float:left; position: relative;}
#menu { width:630px; height: 51px; margin: 0 0 0 100px; float:left; position:relative; }
#teltopo{ width: 265px; height: 54px; float:left; margin: 0 0 0 400px; position: relative; background-image: url(../images/textbg.png);}

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:18px; }
#firstline { background-image:url("../images/textbg.png"); color: #036; font-size:40px; padding:4px 13px 7px; float:right; display:block; }
#secondline { background-image:url("../images/textbg.png"); color: #036; text-decoration:none; font-size:60px; padding:0 13px 10px; float:right; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color: #900; }

.pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }
/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:300px; margin:0 auto; width:980px; }
#headernav { padding-left:864px; }
/* CONTENT */
#bgmiolo { width: 100%; position:relative; float:left;  background:url(../imagens/bgmiolo.jpg) center top no-repeat; }
#miolo {   height:auto; width:983px; margin:0 auto; }
#home01{ width: 532px; height: 275px; margin-bottom: 20px; float: left; position:relative; background:url(../imagens/home01.png) no-repeat;text-align:justify; }
#home01 img{ float:right; right: 0; bottom:0; position:relative; margin: 40px 0 0 0;}
#homeimg{ float:right; right: 0; bottom:0; position:absolute; margin: 40px 0 0 0;}
#hometext01{ width: 300px; height: 235px; margin: 40px 0 0 0;  float: left; position:relative; }
#home02{ width: 443px; height: 275px; margin-left: 5px; float: left; position:relative; background:url(../imagens/home02.png) no-repeat; margin-bottom: 20px; text-align:justify; }
#home02 img{ float:right; right: 0; bottom:0; position:relative;margin: 40px 0 0 0;}
#hometext02{ width: 213px; height: 235px; margin-top: 40px; float: left; position:relative;}
#home03{ width: 980px; height: 145px; float: left; position:relative; background:url(../imagens/tit01.png) no-repeat; margin: 0 0 40px 0; }
#home03imgs{ width: 980px; height: 115px; float: left; position:relative; margin: 40px 0 0 0; }
#home04{ width: 980px; height: 180px; float: left; position:relative; padding: 0 0 0 0; }
#home04 img{ padding: 0 3px 0 0; }
#home04 last-img{ padding: 0;}
/* RODAPE */
#bgrodape { width: 100%; position:relative; float:left; background:url(../imagens/bgrodape.png) center top no-repeat; }
#rodape {   height:160px; width:983px; margin:0 auto;  }
#rodapeimg{ position: absolute;float: left; left: 400px;}
#rodape1 {    width:980px; height: 75px; float:left; position:relative;  text-align: justify; background:url(../imagens/tit04.png) no-repeat; }
#rodape1mar {   width:960px; height: 55px; float:left; position:relative; margin: 20px 0 0 0; text-align: justify; }
#rodape2 {   width:980px; height: 85px; float:left; position:relative; text-align: justify; }
.esquerda{ float:left; text-align:left; margin: 20px 0 0 0; color:#FFF;}
.direita{ float:right; text-align:right; margin: 20px 0 0 0; color:#FFF;}
/* PRODUTOS */
.botoesprod{ width: 980px; height: auto; position:relative; float:left; margin: 20px 0; background:#00407e; color:#FFF;}
.botprod{ background-color:#00407e; padding: 10px; float: left; width:auto; position:relative; margin-right: 10px; color:#FFF !important; }
.botprod:hover{ background-color:#bc0723; }
#prods {   height:1850px; width:983px; margin:0 auto; }
.titulo{ background:url(../imagens/titulo.png) no-repeat; width: 930px; height: 22px; margin-bottom: 10px; position:relative; float:left; padding: 5px 0 5px 50px; color:#FFF; font-weight: bold; font-size: 18px;}
.subtitulo{ background:url(../imagens/subtitulo.png) no-repeat; width: 930px; height: 22px; margin-bottom: 10px; position:relative; float:left; padding: 5px 0 5px 50px; color:#FFF; font-weight: bold; font-size: 16px;}
.produto{  font-size:12px;  width:212px; height: 332px; position:relative; float:left;   text-align:center; text-align:center; line-height: 1; margin: 0 15px 10px 15px; background-color: #F4F4F4; }
.descricao{ text-align:left;  font-size:12px;  width:192px; height: 120px; position:relative; float:left;  margin: 10px;}
.descricao span{ font-weight:bold; color:#900;}
#titacesso{ background: url(../imagens/titacessorios.png) no-repeat; width: 983px; height: 32px; margin-bottom: 10px; position:relative; float:left;}
#titgarfos{ background: url(../imagens/titgarfos.png) no-repeat; width: 983px; height: 32px; margin-bottom: 10px; position:relative; float:left;}
#titpneus{ background: url(../imagens/titpneus.png) no-repeat; width: 983px; height: 32px; margin-bottom: 10px; position:relative; float:left;}
#titcapac{ background: url(../imagens/titcapac.png) no-repeat; width: 983px; height: 32px; margin-bottom: 10px; position:relative; float:left;}
#titquadros{ background: url(../imagens/titquadros.png) no-repeat; width: 983px; height: 32px; margin-bottom: 10px; position:relative; float:left;}
#titselim{ background: url(../imagens/titselim.png) no-repeat; width: 983px; height: 32px; margin-bottom: 10px; position:relative; float:left;}
/* SERV */
#serv {   height:400px; width:983px; margin:0 auto; }
#titservicos{ background: url(../imagens/titservicos.png) no-repeat; width: 983px; height: 32px; margin-bottom: 10px; position:relative; float:left;}
#serv img{ margin: 10px 0 20px 20px; border: 3px #CCCCCC solid; float: right;   }
/* CONTATO */
#contato {   height:400px; width:983px; margin:0 auto; }
#titcontato{ background: url(../imagens/titcontato.png) no-repeat; width: 983px; height: 32px; margin-bottom: 10px; position:relative; float:left;}
#local{ width: 500px; height: 272px; position: relative; float:left;}
#form{ width: 460px; height: 272px; font-family:Tahoma, Geneva, sans-serif;  color: #000;  float: left; padding: 0px 0px 0px 0px; margin: 10px 10px 0 0; position: relative; }
/* FORMULÁRIOS //////////////////////////////// */
 #txt_content2 {float: left;width: 420px;text-align: justify;margin-top: 20px;}
 #form_area {float: left;width: 420px;text-align: left; }
 #form_area label {font-family: Verdana;/*text-shadow: 2px 2px 2px #ccc;*/display: block;float: left;font-weight: bold;margin-right: 10px;text-align: right;width: 100px;line-height: 25px;font-size: 15px;color: #FFF;}
#form_area .texto-form{font-family: Arial, Verdana;font-size: 15px;padding: 3px;border: 0px solid #000;	width: 310px;	color: #333;margin-bottom: 5px;border-radius: 7px;background: #CCC;}
#form_area .hint{ display:none;}
#form_area .field:hover .hint {position: absolute;display: block;margin: 0px 0 0 400px;color: #FFFFFF;padding: 5px 5px;	-moz-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 10px;	background-color: #900;}
#form_area .botao{float: right;right: 30px;position:absolute;font-weight: bold;line-height: 1;cursor: pointer;color: #FFF;text-align: center;text-shadow: 0 -1px 1px #64799e;/* Background gradient */background: #333;	background: -moz-linear-gradient (top, #003593 0%, #1c3e76 100%);background: -webkit-gradient (linear, 0% 0%, 0% 100%, from(#0c3d94), to(#003593));	/* Border style */	border: 0.1px solid #051c44;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 7px;/* Box shadow */-moz-box-shadow: inset 0 1px 0 0 #aec3e5;-webkit-box-shadow: inset 0 1px 0 0 #aec3e5;box-shadow: inset 0 0px 0 0 #aec3e5;margin-top: 0px;margin-right: 10px;margin-bottom: 10px;padding-top: 6px;padding-right: 10px;padding-bottom: 4px;
	padding-left: 10px;}

/* COR DOS TEXTO DENTRO DAS CAIXA DE TEXTO DO FORM */
::-webkit-input-placeholder  { color: #666; }
input:-moz-placeholder { color:#666; }
textarea:-moz-placeholder { color:#666; }
/*#email::-webkit-input-placeholder{
    color:#666;
}
#email::-moz-placeholder {
    color: #666;
}*/

@media only screen and (min-width:980px) and (max-width:1169px) {}
@media only screen and (min-width:768px) and (max-width:979px) {}
@media only screen and (min-width:667px) and (max-width:767px) {}
@media only screen and (min-width:480px) and (max-width:666px) {}
@media only screen and (max-width:479px) {
	#topo { height:auto; width:100%;box-sizing: border-box;}
	#menu { width:100%; height: auto;box-sizing: border-box;}
	#teltopo { width: 100%; height: 54px; margin: 0 0 0 0; box-sizing: border-box;}
	.bkgd{background-color: aliceblue; }
	img{opacity : 1;}
	#menu{margin: 0 0 0 0px;box-sizing: border-box;}
	#logo{ margin: 20px 15%;box-sizing: border-box;}
	#contato { width: 100%; height: auto;box-sizing: border-box; }
	#titcontato{ width: 100%; height: auto;box-sizing: border-box;}
	#form{ width: 100%; height: auto;box-sizing: border-box; }
	#txt_content2{width: 100%; height: auto;box-sizing: border-box;}
	#local{margin: 50px 0 20px 0;box-sizing: border-box;}
	#headertxt { width:85%; top: 40px; margin: 40px 0;box-sizing: border-box;}
	#headernav-outer {width: 100%;box-sizing: border-box;}
	#headernav { padding-left:340px; position: absolute; }
	#firstline {font-size:20px; float:left;box-sizing: border-box;}
	#secondline { font-size:25px; float:left;box-sizing: border-box;}
	#miolo{width: 100%;box-sizing: border-box;}
	#home01{width: 100%; height:auto;box-sizing: border-box;}
	#home02{width: 100%;height:auto;box-sizing: border-box;}
	#homeimg{position:relative; width: 100%; height: auto; padding: 20px; box-sizing: border-box;}
	#hometext01{width: 100%; height: auto;padding: 20px; box-sizing: border-box;}
	#hometext02{width: 100%; height: auto;padding: 20px; box-sizing: border-box;}
	#home03{ width: 100%; height: auto;box-sizing: border-box;}
	#home03imgs{ width: 100%; height: auto; margin: 40px 0% 0 0%; box-sizing: border-box; }
	#home04{ width: 100%; height: auto;margin: 40px 0% 0 0%;box-sizing: border-box; }
	#rodape {   height:auto; width:100%; margin:0 auto;  box-sizing: border-box;}
	#rodape1 {    width:100%; background:url(../imagens/tit04.png) no-repeat; box-sizing: border-box;}
	#rodape1mar {   width:100%; height: auto; text-align: justify;box-sizing: border-box; }
	#rodape2 {   width:100%; height: auto; background:#2873b6;box-sizing: border-box; padding: 20px;}
	#rodapeimg{ position: relative;float: left; left: 20px;top: 0px;box-sizing: border-box;}
	#local{ width: 100%; height: auto; padding: 20px;box-sizing: border-box;}
	#form{ width: 100%; height: auto; padding: 20px;box-sizing: border-box;}
	#form_area .texto-form{ width: 300px;box-sizing: border-box;}
	.esquerda{width: 100%;box-sizing: border-box;}
	.direita{ width: 100%; float:left; text-align:left;box-sizing: border-box;}
	#prods { height: auto; width: 100%;box-sizing: border-box;}
	.produtos{ margin: 0 5px 5px 5px;}
	.botoesprod { width: 100%;box-sizing: border-box;}
	.titulo {width: 100%;height: 32px; box-sizing: border-box;}
	#serv {height: auto;width: 100%;}
	#titservicos {width: 100%; height: auto;}
	}