/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

html { background:#e7e7e7 url(../images/bg_body.jpg) repeat top center; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#6e6e6e;
 border-top:4px solid #efefef;
 background:url(../images/bg_red2.gif) no-repeat center 103px;  
}
body.interna { background:url(../images/body_interna.gif) no-repeat center 103px; }
#principal { 
 margin: 0 auto;
 width: 960px;
}
#header {
background:transparent url(../images/moto.jpg) no-repeat scroll 266px -5px;
display:block;
height:105px;
margin:0;
width:auto;
 }
h1 a {
background:url(../images/logo.gif) no-repeat;
display:block;
width:291px;
height:66px;
text-indent:-9999px;
margin-top:10px;
float:left;
}
p { line-height:150%; }
.menu {
float:right;
margin:38px 0 0;
width:627px;
}
.menu ul {
width:630px;
_width:647px;
}
.menu li {
float:left;
overflow:hidden;
} 
.menu li a {
display:block;
width:auto;
text-indent:-9999px;
height:44px;
background:url(../images/menu_ok.jpg) no-repeat;
}
.menu li.redfox a { background-position:0px 0px; width:105px; }
.menu li.redfox a:hover { background-position:0px -44px; }
.menu li.comprar a { background-position:-107px 0px; width:165px; }
.menu li.comprar a:hover { background-position:-107px -44px; }
.menu li.catalogo a { background-position:-272px 0px; width:180px; }
.menu li.catalogo a:hover { background-position:-272px -44px; }
.menu li.pedido a { background-position:-452px 0px; width:180px; }
.menu li.pedido a:hover { background-position:-452px -44px; }

.menu li.redfox a.atual { background-position:0px -44px; }
.menu li.comprar a.atual { background-position:-107px -44px; }
.menu li.catalogo a.atual { background-position:-272px -44px; }
.menu li.pedido a.atual { background-position:-452px -44px; }

.navAux {
float:right;
width:139px;
margin-top:5px;
_margin-right:5px;
}
.navAux li { display:inline; overflow:hidden; }
.navAux li a { color:#8f8f8f; text-decoration:underline; font-weight:bold; font-size:11px; margin-right:15px; }
.navAux li a.last { margin-right:0px; }
.navAux li a:hover { text-decoration:none !important; }
#destaque { 
 width: auto;
 color: #333;
 margin: 0px 0px 0px 0px;
 height: 355px;
}
.apresentacao {
float:left;
width:525px;
height:auto;
}
.apresentacao h2{
font-size:30px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
width:420px;
margin:10px 0 3px;
}
.lista { float:left; width:335px; height:auto; }
.lista span.mais a { 
clear:both;
color:#FFE400;
display:block;
font-size:11px;
font-weight:bold;
margin-left:40px;
text-decoration:underline;
}
.lista span.mais a:hover {text-decoration:none !important; }
.item {
background:transparent url(../images/ok.png) no-repeat scroll left top;
display:block;
float:left;
height:48px;
margin:0 0px 8px 0;
padding-left:40px;
width:305px;
}
.item p {
color:#FFBA95;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
width:auto;
}
.apresentacao img {
/*border:1px dotted #00FF00;*/
display:block;
float:right;
height:263px;
width:175px;
margin-top:-10px;

}
.pesquisa {
float:right;
width:432px;
height:345px;
position:relative;
_width:435px;
}
h3 {
color:#ffe400;
font-size:1.2em;
margin:20px 0 0 5px;
text-transform:uppercase;
font-weight:bold;
}
.pesqPeca { 
background:transparent url(../images/bg_pesquisa2.png) no-repeat scroll 0 0;
display:block;
height:96px;
position:absolute;
top:250px;
width:445px; 
}
.pesqPeca p {
color:#FFFFFF;
margin:10px 0 0 18px;
width:200px;
font-weight:bold;
line-height: normal !important;
font-size:11px;
}  
.pesqPeca select {
margin:3px 0 0 58px;
padding:9px;
width:362px;
color:#9A1509;
font-size:16px;
font-weight:bold;
*margin:19px 0 0 58px;
_margin:-60px 0 0 58px;
}
.pesqModelo { 
background:transparent url(../images/bg_pesquisa2seta.png) no-repeat scroll 0 0;
display:block;
height:125px;
position:absolute;
top:152px;
width:445px;
z-index:5;
}
.pesqModelo p {
color:#FFFFFF;
margin:10px 0 0 18px;
width:200px;
font-weight:bold;
line-height: normal !important;
font-size:11px;
}  
.pesqModelo select {
margin:8px 0 0 58px;
padding:6px;
width:362px;
color:#9A1509;
font-size:16px;
font-weight:bold;
*margin:19px 0 0 58px;
_margin:-60px 0 0 58px;
}
select.styled {
opacity:0;
position:relative;
z-index:5;
width:362px;
*filter: alpha(opacity=0);
}
span.select {
background:transparent url(../images/input.gif) no-repeat scroll 0 0;
color:#9A1509;
height:37px;
line-height:21px;
margin:8px 0 0 58px;
overflow:hidden;
padding:8px 24px 0 8px;
position:absolute;
width:329px;
font-size:18px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
/*z-index:6;*/
_margin:14px 0 0 58px;
_background:none;
_text-indent:-9999px;
}
.pesqChave { 
background:transparent url(../images/bg_pesquisa2seta.png) no-repeat scroll 0 0;
display:block;
height:125px;
position:absolute;
top:55px;
width:445px;
z-index:10;
}
.pesqChave p {
color:#FFFFFF;
margin:10px 0 0 18px;
width:200px;
font-weight:bold;
line-height: normal !important;
font-size:11px;
}  
.pesqChave input {
border:medium none;
color:#9A1509;
font-size:19px;
font-weight:bold;
margin:8px 0 0 58px;
padding:7px;
width:347px;
letter-spacing:0.4px;
_margin:7px 0 0 58px;
}
/*input.styled {
opacity:0;
position:relative;
z-index:5;
width:339px;
}*/
/*span.text {
background:transparent url(../images/input2.gif) no-repeat scroll 0 0;
color:#000;
height:37px;
line-height:21px;
margin:8px 0 0 58px;
overflow:hidden;
padding:0 24px 0 8px;
position:absolute;
width:329px;
_margin:7px 0 0 58px;
_background:none;
_text-indent:-9999px;
}*/
button#submit {
background:transparent url(../images/bt_pesq.gif) no-repeat scroll 0 0;
border:medium none;
display:block;
height:34px;
position:absolute;
right:27px;
text-indent:-9999px;
top:33px;
width:88px;
z-index:10;
cursor:pointer;
_top:-36px;
_right:-330px;
}
#conteudo { 
 width: auto;
 margin: 0px 0px 0px 0px;
 height:auto;
 overflow:hidden;
 _width:960px;
 }
.prodDest { float:left; width:576px; height:auto; }
.produtos {
background: url(../images/produtos_sup.gif) no-repeat 0 top;
height:auto;
display:block;
width:576px;
float:left;
}
.base {
background: url(../images/produto_inf.gif) no-repeat 0 bottom;
display:block;
height:auto;
width:auto;
margin-top:14px;
padding-bottom:20px;
overflow:auto;
color:#6E6E6E;
_width:576px;
}
.descricao {
width:240px;
height:auto;
margin:0 26px 0 22px;
float:left;
position:relative;
_margin:0 15px 0 15px;
}
h3.cinza {
color:#b0b0b0;
font-size:1.2em;
margin:25px 0 15px 5px;
text-transform:uppercase;
font-weight:bold;
}
h5 {
text-transform:uppercase;
color:#303030;
font-size:1.4em;
font-weight:normal;
margin:0 0 4px 0px;
}
.descricao img {
border:1px solid #d8d8d8;
margin:10px 0 10px 0px;
width:240px;
} 
.descricao p {
margin:0 0 10px 0px;
}
.descricao span.detalhes a {
margin:0 0 10px 0px;
font-size:11px;
color:#6e6e6e;
text-decoration:underline;
font-weight:bold;
}
.descricao span.detalhes a:hover { text-decoration:none !important; }
.info {
float:right; 
width:354px;
height:auto;
background:url(../images/garota.png) no-repeat 0 bottom;
display:block;
margin-top:5px;
}
span.novo {
background:url(../images/novo.png) no-repeat left top;
text-indent:-9999px;
width:65px;
height:65px;
display:block;
position:absolute;
right:0;
bottom:0;
_top:115px;
}

/*página ONDE COMPRAR*/
.barraCont {
float:right; 
width:354px;
height:272px;
display:block;
margin-top:5px;
}
.barraCont .infoAtend { color:#c90e11; margin:25px 0 0 0; line-height:150%; text-decoration:none !important; }
.barraCont p { margin-top:20px; line-height:25%; }
.barraCont .mensagem { height:auto; margin-top:50px; }
.barraCont span { color:#931608; font-size:1.5em; font-weight:bold; }
.barraCont span.envelope { background:url(../images/email.jpg) no-repeat; display:block; float:left; width:45px; height:44px; margin-right:15px; text-indent:-9999px; }
.mensagem p { color:#6E6E6E; width:auto; margin:0; line-height:150%; }

/*fim ONDE COMPRAR*/ 

h3.red {
color:#931403;
font-size:1.2em;
margin:20px 0 0 0px;
font-weight:bold;
text-transform:uppercase;
}
.info .infoAtend { color:#c90e11; width:230px; margin:25px 0 0 0; line-height:150%; }
.info p { margin-top:20px; line-height:25%; margin-bottom:5px; clear:both; display:block; }
.info span { color:#931608; font-size:1.5em; font-weight:bold; float:left; clear:both; width:170px; }
.info a.link { color:#931403; font-weight:bold; text-decoration:underline; }
.info a.link:hover { text-decoration:none !important; } 

.mensagem { height:auto; margin-top:30px; float:right; width:354px; }
.mensagem span.envelope { background:url(../images/email.jpg) no-repeat; display:block; float:left; width:45px; height:44px; margin-right:15px; text-indent:-9999px; }
.mensagem p { color:#6E6E6E; width:auto; margin:0px 0 0 0; line-height:150%; }
.mensagem a.link { color:#931403; font-weight:bold; text-decoration:underline; }
.mensagem a.link:hover { text-decoration:none !important; } 

#footer { 
 width:auto;
 margin:35px 0px 20px 0px;
 clear:both;
 letter-spacing:0.4px;
}
#footer p { color:#931608; line-height:normal; font-size:13px } 

a.assinatura {
color:#931608;
font-size:11px;
text-decoration:none !important;
margin:18px 0px 0 0;
width:94px;
float:right;
}
a.assinatura:hover {
text-decoration:underline !important;
color:#303030 !important;
}
a.assinatura span {
display:block;
height:1px;
text-indent:-9999px;
width:1px;
}

/*catalago*/
.apresentacaoInt {
float:left;
width:435px;
height:auto;
}
.apresentacaoInt h2{
font-size:30px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
width:420px;
margin:10px 0 20px 0;
}
/*h3.peca {
font-size:1.2em;
font-weight:bold;
margin:25px 0 15px 5px;
text-transform:uppercase;
color:#FFE400;
width:240px;
}*/
.menuLatAll { width:245px; float:left; height:auto; }
.menuLat {
background:url(../images/menuLateral.gif) no-repeat 1px top;
height:auto;
display:block;
width:245px;
float:left;
margin-top:0px;
}
.baseMenu {
background: url(../images/menuLateral2.gif) no-repeat 0 bottom;
display:block;
height:auto;
width:auto;
margin-top:14px;
padding-bottom:20px;
overflow:auto;
color:#FFFFFF;
_width:245px;
}
#destaqueInterno { 
 width: auto;
 color: #333;
 margin: 0px 0px 0px 0px;
 height: 150px;
}
.menuLat ul {
margin-left:18px;
width:210px;
}
.menuLat ul li { overflow:hidden; _padding:1px 0 1px 0px !important; }
.menuLat li a {
border-bottom:1px solid #FFE400;
color:#FFFFFF;
display:block;
font-size:1.0em;
margin:0 0 1px;
padding:8px 0 8px 10px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
_padding:8px 0 6px 6px;
} 
.menuLat li a:hover { background:#FFE401; color:#303030; }
.menuLat li a.atual { background:#751106 repeat; color:#fff; }
.prodDestInt { float:right; width:684px; height:auto; }
.produtosInt {
background: url(../images/produtosInt_sup.gif) no-repeat 0 top;
height:auto;
display:block;
width:703px;
float:left;
_width:685px;
}
.baseInt {
background: url(../images/produtosInt_inf.gif) no-repeat 0 bottom;
display:block;
height:auto;
width:auto;
margin-top:14px;
padding-bottom:20px;
overflow:auto;
color:#6E6E6E;
_width:685px;
}
.descricaoLinha {
width:685px;
height:auto;
margin-bottom:20px;
overflow:auto;
}
.descricaoInt {
width:180px;
height:auto;
margin:0 26px 0 22px;
float:left;
_margin:0 15px 0 15px;
}
.imgProd {
	position:relative;
}
.descricaoInt img {
border:1px solid #d8d8d8;
margin:10px 0 10px 0px;
width:180px;
} 
.descricaoInt p {
margin:5px 0 10px 0px;
}

.descricaoInt span.tipo,
.descricaoInt span.modelo,
.descricaoInt span.ref { color:#6E6E6E; display:block; }
	.descricaoInt span.campo { font-size:12px; color:#6E6E6E; }
	.descricaoInt span.dado { font-weight:bold; margin:0 0 8px; }

/*.descricaoInt span.modelo {
font-size:12px;
color:#6E6E6E;
width:auto;
font-weight:bold;
}

.descricaoInt span.tipo {
font-size:12px;
color:#6E6E6E;
margin:15px 0 10px 0;
display:block;
width:auto;
font-weight:bold;
}*/

.secao_1 { float:right; display:block; background:url(../images/img_header1.png) no-repeat right; width:521px; height:149px;}
.secao_2 { float:right; display:block; background:url(../images/img_header2.png) no-repeat right; width:521px; height:149px;}
.secao_3 { float:right; display:block; background:url(../images/img_header3.png) no-repeat right; width:521px; height:149px;}
.secao_4 { float:right; display:block; background:url(../images/img_header4.png) no-repeat right; width:521px; height:149px;}

/** 
	Baiano
	Era um ID transformei em uma CLASSE
*/
.aviso { 
clear:both; 
color:#ffffff !important;
color:#0579bb;
font-size:13px;
background:#bc080c;
width:195px;
padding:10px;
font-weight:bold;
border:1px solid #91050c;
text-transform:uppercase;
margin-left:10px;
}

/*catalogo / fim*/


/*empresa / inicio*/

.conteudoInt { float:left; width:684px; height:auto; }
.conteudoIntComprar { float:left; width:590px; height:auto; }
.conteudoTopInt {
background: url(../images/bg_conteudo_sup.gif) no-repeat 0 top;
height:auto;
display:block;
width:960px;
float:left;
}
.conteudoBaseInt {
background: url(../images/bg_conteudo_inf.gif) no-repeat 0 bottom;
display:block;
height:auto;
width:auto;
margin-top:14px;
padding-bottom:20px;
overflow:auto;
color:#6E6E6E;
_width:960px;
}
.conteudoInt p {
padding:5px 25px 8px 25px !important;
}
.lojas { margin-bottom:40px; }
.lojas a { color:#CC0000; text-decoration:underline; margin-left:3px; }
.lojas a:hover { text-decoration:none !important; }
h6 { text-transform:uppercase; font-weight:normal; font-size:0.9em; color:#931403; margin:10px 25px 0px 25px; }
.conteudoInt h6 { clear:right; }
h4 { text-transform:uppercase; /*width:500px;*/ font-weight:normal; font-size:18px; color:#303030; margin:10px 25px 0px 25px;}

.conteudoIntComprar p {
padding:5px 25px 0px 25px !important;
}
strong.bold { color:#797f96 !important; } 

/*empresa / fim*/

#contato {
	margin:20px 0 0 20px;
	width:822px;
}
#contato fieldset {
	border-bottom:1px solid #FFFFFF;
	clear:both;
	display:block;
	margin:0 0 0 5px;
	padding:8px 19px 25px;
	width:auto;
	background: url(../images/contato_ok.gif) no-repeat 0 0px;
	border:none !important;
}
#contato fieldset.primeiro input { width:280px; float:left; margin-left:18px; }
#contato fieldset.primeiro label { margin:28px 0 0 28px; display:inline; float:left;  }
#contato fieldset span.right {float:left; height:50px; margin-left:18px; }
#contato fieldset.primeiro label.right { margin:28px 0px 0 0px !important; width:86px; }
#contato fieldset.primeiro select { padding:10px; border:none; color:#C90E11; _margin-top:25px; }

#contato fieldset.segundo input { width:220px; margin-left:18px; float:left; }
#contato fieldset.segundo label { margin:28px 0 0 28px; display:inline; float:left; }
#contato fieldset.segundo span.right { float:left; height:50px; margin-left:5px; width:350px; }
#contato fieldset.segundo input.right { margin-left:0px !important; }
#contato fieldset.segundo label.right { margin:28px 0px 0 0px !important; }
#contato label {
	clear:both;
	color:#C90E11;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	margin:28px 4px 10px 28px;
	width:95px;
	text-transform:uppercase;
	_margin:28px 4px 10px 14px;
}
#contato input {
	background:#FFFFFF none repeat scroll 0 0;
	border:medium none;
	color:#C90E11;
	font-size:13px;
	letter-spacing:0.06em;
	margin:16px 14px 0;
	padding:11px 0 11px 7px;
	width:560px;
}
#contato fieldset.textarea { background:url(../images/contato2_ok.gif) no-repeat  0 0px; padding-bottom:0; }
#contato textarea {
	background:#ffffff;
	color:#C90E11;
	border:none;
	float:left;
	font-size:13px;
	height:136px;
	letter-spacing:0.06em;
	margin:21px 14px;
	padding:7px 2px 15px 7px;
	width:560px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	*overflow:hidden;
}

/* Baiano */
.msgErro {
	display: block;
	color:white;
}

/**********************************************************************************************/
/* Modificado por baiano */

#buttonContato {
	background:transparent url(../images/bt_enviar.gif) no-repeat scroll 1px 2px;
	border:none;
	color:#FFFFFF;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:37px;
	text-transform:uppercase;
	width:90px;
	float:right;
	margin-right:15px;
	margin-top:0;
	cursor:pointer;
	_margin-right:7px;
	}
	
#buttonContato:hover  { background:url(../images/bt_enviar.gif) no-repeat 1px -38px; }
/**********************************************************************************************/

.invisivel {
	height:0;
	margin:0;
	visibility:hidden;
}
select.styled2 {
	opacity:0;
	position:relative;
	margin-top:15px;
	z-index:5;
	width:162px;
	*margin-top:30px;
	*filter: alpha(opacity=0);
	_margin-top:0;
}
span.select2 {
	background:transparent url(../images/input_pedido.gif) no-repeat scroll 0 0;
	color:#C90E11;
	height:37px;
	line-height:21px;
	margin:17px 0 0 -1px;
	overflow:hidden;
	padding:7px 24px 0 8px;
	position:absolute;
	width:162px;
	_margin:23px 0 0 -1px;
	_background:none;
	_text-indent:-9999px;
}
#paginacao { margin-right:22px; height:45px; clear:both; background:url(../images/roundedcornr_544965.gif) no-repeat bottom center ; padding-top:15px; }
.paginacao { border-top:1px solid #ffe400; border-bottom:1px solid #ffe400; padding:10px; margin-top:5px; width:590px; margin-left:34px; text-align:center; }
#paginacao a { text-decoration:none; color:#ffffff; font-weight:bold; }
#paginacao a:hover { text-decoration:underline; }
#paginacao span { display:inline; }
#paginacao span a { padding:3px 6px 4px 6px; }
#paginacao span.pagAtual { padding:3px 6px 4px 6px; color:#B0B0B0; }


.voltar { line-height:150%; font-size:0.85em; clear:both; }
.voltar a { width:80px; background:url(../images/bt_voltar.gif) no-repeat 0 top; display:block; height:33px; float:right; color:#ffffff; margin-top:20px; text-decoration:none; text-indent:-9999px; margin-top:20px; font-weight:bold; font-size:12px; }
.voltar a:hover { background:url(../images/bt_voltar.gif) no-repeat 0 -41px; }