/**************************************************
GERAL
**************************************************/
*{
list-style:none;
margin:0px;
text-decoration:none;
border:0px;
}
body{
background:#AEB8BF;
text-align:center;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

/**************************************************
TUDO
**************************************************/
#tudo{
width:760px;
margin:0 auto;
text-align:left;
}

/**************************************************
TOPO
**************************************************/
#topo{
width:760px;
}
#anima-topo{
width:760px;
height:150px;
}

/**************************************************
LINKS
**************************************************/
a{
font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#000069;
text-decoration:underline;
}
a:hover{
font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#000069;
text-decoration:none;
}
a.linklateral{
font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
}
a.linklateral:hover{
font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}

/**************************************************
TEXTOS
**************************************************/
h1{
font:bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
h2{
font:bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
margin-bottom:5px;
margin-top:5px;
}
h3{
font:bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
p{
font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#333;
padding-bottom:5px;
}
li.listas{
font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
padding-bottom:5px;
list-style:inside;
margin-left:-30px;
}
.txt-categoria{
font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
float:right;
font-size:11px;
color:#999;
margin-top:-45px;
}

/**************************************************
TITULOS PRODUTOS (IMAGE REPLACEMENT)
**************************************************/
.tit-flex{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-flex.gif) no-repeat;
}
.tit-kargo{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-kargo.gif) no-repeat;
}
.tit-mps{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-mps.gif) no-repeat;
}
.tit-mpx{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-mpx.gif) no-repeat;
}
.tit-mss{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-mss.gif) no-repeat;
}
.tit-pantografica{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-pantografica.gif) no-repeat;
}
.tit-phs{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-phs.gif) no-repeat;
}
.tit-phx{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-phx.gif) no-repeat;
}
.tit-plantec{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-plantec.gif) no-repeat;
}
.tit-plantum{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-plantum.gif) no-repeat;
}
.tit-pneumatica{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-pneumatica.gif) no-repeat;
}
.tit-pratice{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-pratice.gif) no-repeat;
}
.tit-saga{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-saga.gif) no-repeat;
}
.tit-sagaplus{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-sagaplus.gif) no-repeat;
}
.tit-special{
height:50px;
text-indent:-9999px;
background:url(../imagens/marca-special.gif) no-repeat;
}

/**************************************************
NAVEGAÇÃO
**************************************************/
#navegacao{
width:760px;
height:35px;
padding-top:4px;
background:url(fundo-menu.gif) no-repeat;
}
#nav{
width:760px;
list-style:none;
padding-left:55px;
color:#FFF;     
font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#nav ul{
float:left;
width:auto;
list-style:none;
padding:0;
margin:10px 10px 10px 10px;
color:#666;     
}
#nav a{
display:block;            
width:90px;
_width:80px;              
text-decoration:none;
padding:5px 0px 5px 5px;
color:#FFF;
}
#nav a:hover{ 
text-decoration:none;
color:#333;
}
#nav li {
float:left;
text-align:center;  
padding:0px;
width:110px;   
}
#nav li ul{
position: absolute;
left:-9999px;
height:auto;
width:165px;
_width:155px; 
font-weight:bold; 
margin:0;
text-align:left;
padding:5px 5px 5px 5px;
}
#nav li li {
width:165px;
text-align:left;
}
#nav li ul a {
width:165px;
_width:155px;
}
#nav li ul ul {
margin:-33px 10px 0px 169px;
_margin:-33px 10px 0px 165px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul {
left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul  {
left:auto;
background:#838587;
}
#nav li ul li:hover, #nav li ul li.sfhover {
background:#96989B;
}
#fim_menu{
width:760px;
height:8px;
display:block;
background:url(topo-fundo-conteudo.gif) no-repeat;
}

/**************************************************
CONTAINER
**************************************************/
#container{
width:760px;
display:table;
}

/**************************************************
CONTEUDO
**************************************************/
#conteudo{
width:510px;
overflow:hidden;
float:left;
text-align:left;
padding:0px 8px 8px 8px;
_margin-top:-8px;
display:table;
color:#333;
background:#fff url(borda-conteudo.gif) no-repeat left bottom;
}

/**************************************************
LATERAL
**************************************************/
#lateral{
width:210px;
float:right;
padding:0px 10px 8px 10px;
_margin-top:-8px;
color:#fff;
background:#000069 url(borda-lateral.gif) no-repeat bottom;
}
#catalogo{
width:210px;
height:120px;
float:left;
}
#catalogo p{
color:#fff;
}
#catalogo img{
float:left;
margin-right:10px;
}
#tempo{
float:left;
width:100%;
}
#tempo p{
text-align:center;
}

/**************************************************
RODAPE
**************************************************/
#rodape{
width:760px;
height:40px;
float:left;
background:url(rodape.gif) no-repeat top left;
}
#rodape p{
font:11px Arial, Helvetica, sans-serif;
padding:9px 0px 0px 10px;
color:#FFFFFF;
text-align:left;
}
#rodape img{
float:right;
padding-right:7px;
margin-top:-14px;
}

/**************************************************
DESTAQUES
**************************************************/
#destaque1{
width:510px;
float:left;
margin-bottom:15px;
}
#destaque1 img{
float:left;
margin-right:10px;
}
#destaque2{
width:510px;
float:left;
margin-bottom:15px;
}
#destaque2 img{
float:left;
margin-right:10px;
}
#destaque3{
float:right;
width:130px;
}

/**************************************************
MAIS PRODUTOS
**************************************************/
#mais{
width:495px;
height:42px;
margin-top:10px;
margin-bottom:10px;
padding:2px 6px 0px 6px;
}

/**************************************************
BAIXAR PROSPECTO
**************************************************/
#baixar{
width:495px;
height:25px;
border:1px solid #ccc;
background:#f4f4f4;
padding:2px 6px 0px 6px;
}
#baixar img{
vertical-align:middle;
}

/**************************************************
FORMULÁRIO DE CONTATO
**************************************************/
.alerta{
color:#CC0000;
}
fieldset{
border:0;
margin:0;
padding:0;
}
label{
display:block;
font-size:12px;
}
input.text,textarea{
width:300px;
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:#000069;
border:1px solid #000069;
background:#f4f4f4;
}

/**************************************************
ALERTAS FORMULÁRIO
**************************************************/
#w3ShowMsgToUser {
	position: absolute;
	top: 200px;
	left: 39%;
	width: 200px;
	margin-left: -100px;
	background-color:#fff;
	border: 2px solid #627bb5;
	padding: 0 0 1em 1em;
}
#w3ShowMsgToUser h3 {
	background-color:#627bb5;
	margin: 0 0 0.5em -1.1em;
	padding: 0.5em 1em 0.5em;
	font-size:0.9em;
}
#w3ShowMsgToUser ol {
	margin: 0;
	margin-left:-55px;
	margin-bottom: 0.5em;
	list-style-position: inside;
	list-style-type: decimal;
	font-size:0.8em;
}
#w3ShowMsgToUser input {
	width: 65px;
	font-weight: bold;
	padding: 1px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:0.8em;
	border:1px solid #627bb5;
	background-color:#f4f4f4;
	margin-left:-12px;
}
.w3FieldError {
	background-color: #FFFFCC;
	font-size:0.8em;
}

/**************************************************
ERROR
**************************************************/
.error{
font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#CC0000;
}