/*
CSS escrito por
rickshira (rickshira@gmail.com)
13/10/09
*/

/* PATTERN MAIN CSS PROJECT
----------------------------------------------------------------------------- */

/* Padrões de Tags (deste projeto)
------------------------------------------ */
a{color:#231F20; }
a:hover{ text-decoration:none;}
select, input{ color:#555B77; font-size:10px;} 
body {
	background:#898989 url(../img/bg.jpg) repeat-y center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	line-height:1.3em; 
	color:#231F20;
	padding: 50px 0 0 0;
}


/* Padrões de Seção (deste projeto)
------------------------------------------ */
.main {
	margin: 0 auto 25px;	
	width: 954px; 
	background: #ffffff;
}

.boxExtra{ margin:0 auto; padding:0 0 0 35px; width:900px;}
.bannerEx{ float:right; padding:30px 0 0; width:120px;}
.feedBox{ position:fixed; _position:absolute; left:0; top:300px;}

.header{}
.header h1{ float:left; padding:0 0 20px 30px;}

.header .menu{ float:right; padding:20px 20px 0 0;}
.header .menu ul{ float:right;}
.header .menu li{ float:left; padding:0 0 4px;}
.header .menu a{ float:left; padding:5px 20px; background: url(../img/square.gif) no-repeat 5px 50%; font-size:15px; line-height:1.2em; font-weight:bold; color:#231F20; text-transform:lowercase; text-decoration:none;}
.header .menu a.active,
.header .menu a:hover{ color:#E60000;}

.content{}

.footer{ position:relative; padding:15px 0; font-size:11px; text-align:center; color:#231F20;}
.footer a{ color:#231F20; text-decoration:underline;}
.footer a:hover{ color:#333333;}
/* Elementos multiusos (repetido em mais de uma pagina)
------------------------------------------ */

.h2white{ margin:0 0 0 40px; padding:5px 0; width:116px; background:#1C1C1C; color:#fff; font-size:15px; text-align:center; font-weight:normal;}
.h2black span{ margin:0 0 0 45px; padding:5px 30px; background:#1C1C1C; color:#fff; font-size:12px; font-weight:normal;}
.h2arrow span{ margin:0 0 0 45px; padding:5px 10px 5px 30px; background:#1C1C1C url(../img/arrow.gif) no-repeat 10px 50%; color:#fff; font-size:12px; font-weight:normal;}


.blackBox{ position:relative; height:454px; overflow:hidden; background:#1C1C1C url(../img/bgBlack.jpg) no-repeat 30px 0; color:#fff;}

.blackBox h2{ font-size:24px; line-height:1.2em; font-weight:normal;}
.blackBox h3{ font-size:14px; line-height:1.2em; font-weight:normal;}
.blackBox .textSimples{ font-size:11px; line-height:1.1em;}
.blackBox p{ margin:10px 0; font-size:12px; line-height:1.2em;}

.blackBox .textBox{ padding:15px 25px 0 460px;}
.blackBox .textBox .maps{ padding:10px 0;}

.blackBox .twitter{position:absolute; top:15px; right:25px; z-index:100; font-size:10px; text-align:center;}

.blackBox .contactBox{ position:relative; padding:15px 0 0 460px; font-size:11px;}
.blackBox .contactBox input{ border:0;}

.blackBox .contactBox .textAviso{ padding:0 0 15px; font-size:10px;}

.blackBox .contactBox .p input{ margin:0 10px 0 0;}
.blackBox .contactBox .p label{ display:block;}
.blackBox .contactBox .pDuo .p{ float:left;}
.blackBox .contactBox .p2{ padding:0 0 10px;}

.blackBox .contactBox select{ border:0; width:200px;}
.blackBox .contactBox textarea{ float:left; width:214px; height:78px; border:0;}
.blackBox .contactBox .grayBox{
	float:right; 
	padding:10px 50px 0 10px; 
	width:212px; 
	height:100px;
	margin-top:-30px; 
	background:#8C8C8C;
}

.marcaList{ padding:30px 30px 0 100px;}
.marcaList li{ float:left; margin:0 60px 60px 0;}
.marcaList li a{ display:block; border:1px solid #8C8C8C;}
.marcaList li a:hover{ border:1px solid #EE3224;}
.marcaList li a img{ width:100px; height:100px;}


.prodList{ padding:0 0 45px; width:954px; overflow:hidden;}
.prodList ul{ padding:45px 0 0 45px; width:984px;}
.prodList li{ float:left; margin:0 50px 50px 0;}
.prodList li a{ display:block; border:1px solid #8C8C8C;  background:#8C8C8C;}
.prodList li a:hover{ border:1px solid #EE3224; background:#EE3224;}
.prodList li a span{ display:block; width:100px; height:30px; overflow:hidden; color:#fff; font-size:10px; line-height:1.2em; text-align:center;}
.prodList li a img{ width:100px; height:73px;}

.prodList li.navBT{ padding:0 0 0 30px; width:70px; height:100px;}
.prodList li.navBT a{ float:left; margin:35px 10px 0 0; border:0; background:none;}
.prodList li.navBT a:hover{ border:0;  background:none;}
.prodList li.navBT a img{ width:12px; height:22px;}


.prodMenu{ float:left; padding:0 0 45px; width:154px;}
.prodMenu ul{ padding:15px 0 0 40px; width:150px;}
.prodMenu li{ position:relative; float:left; margin:0 12px 12px 0; width:30px; overflow:visible;}
.prodMenu li a{ display:block;}
.prodMenu li a span{ display:none; position:absolute; top:23px; left:0px; z-index:120; padding:7px 0 0; background: url(../img/arrow_over.gif) no-repeat 5px 0;}
.prodMenu li a:hover span{ display:block;}
.prodMenu li a strong{ display:block; width:150px; padding:2px; border:3px solid #EE3224; background:#fff; font-size:10px; line-height:1.1em; text-align:center;}
.prodMenu li a img{ width:30px; height:30px;}

.prodMenu li.navBT{ padding:5px 0 0; width:30px; height:25px; text-align:center;}
.prodMenu li.navBT a{ display:inline; margin:0 0; border:0; background:none; }
.prodMenu li.navBT a:hover{ border:0;  background:none;}
.prodMenu li.navBT a img{ width:12px; height:22px;}


.prodBox{ position:relative; float:right; padding:0 25px 0 0; width:714px; overflow:hidden;}

.prodBox div.prodIMG {
	width: 714px;
	height: 416px;
	position: relative;
}

.prodBox div.prodIMG img{
	position: absolute;
	top:0; 
	left:0; 
	display:block;
	z-index: 50;
}

.prodBox .leftBT{position:absolute; top:230px; left:20px; z-index:100;}
.prodBox .rightBT{position:absolute; top:230px; right:45px; z-index:100;}

.prodBox .prodInfo{ width:714px; background:#1C1C1C; color:#fff;}
.prodBox .prodInfo .prodText{ float:left; padding:18px; width:411px;}
.prodBox .prodInfo .prodText h3{ font-size:24px; line-height:1.0em; font-weight:normal;}
.prodBox .prodInfo .prodText h4{ margin:0 0 10px; font-size:16px; line-height:1.1em;}
.prodBox .prodInfo .prodText p{ margin:0 0 10px; font-size:11px; line-height:1.2em;}
.prodBox .prodInfo .prodThumbs{ float:right; padding:16px 0; width:240px; overflow:hidden;}
.prodBox .prodInfo .prodThumbs ul{ width:280px;}
.prodBox .prodInfo .prodThumbs li{ float:left; margin:0 16px 16px 0;}
.prodBox .prodInfo .prodThumbs li a{ display:block; border:2px solid #1c1c1c;}
.prodBox .prodInfo .prodThumbs li a.active,
.prodBox .prodInfo .prodThumbs li a:hover{ border:2px solid #EE3224;}