/*
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 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; margin: 25px 20px 0; padding:2px 0; background:#828282; font-size:11px; text-align:center; color:#fff;}
.footer a{ color:#fff; text-decoration:underline;}
.footer a:hover{ text-decoration:none;}
/* Elementos multiusos (repetido em mais de uma pagina)
------------------------------------------ */

.h2white{ margin:0 0 0 40px; padding:5px 0; background:#AEAEAE; 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:#E8E8E8 url(../img/bgBlack.jpg) no-repeat 0 0; }

.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;}

#contato {margin:15px 0 0; background:#E7E7E7;}

#contato .ttBox{float:left; padding:30px 0 10px 50px; width:320px; font-size:12px; line-height:1.2em;}
#contato .ttBox a{text-decoration:underline;}
#contato .ttBox h3{font-size:16px; line-height:1.2em;}
#contato .ttBox .square{display:inline-block; padding:0 0 5px 15px; background:url(../img/square.gif) no-repeat 0 50%;}
#contato .ttBox .box2{padding:30px 0;}
#contato .ttBox .box2 .square{font-size:16px; line-height:1.2em;}
#contato .ttBox .btBox{padding:60px 0 0;}

#contato .contactBox{float:right; padding:15px 0 0 20px; width:525px; background:#fff; font-size:11px;}
#contato .contactBox h2{ font-size:24px; line-height:1.2em; font-weight:normal;}
#contato .contactBox .textAviso{ padding:0 0 15px; font-size:10px;}

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

#contato .contactBox select{ width:200px;}
#contato .contactBox textarea{ float:left; width:214px; height:78px;}


.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; background:#8C8C8C;  -webkit-transition:all .3s linear; transition:all .3s linear;}
.prodList li a:hover{ 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:#828282; 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 #828282; -webkit-transition:all .3s linear; transition:all .3s linear;}
.prodBox .prodInfo .prodThumbs li a.active,
.prodBox .prodInfo .prodThumbs li a:hover{ border:2px solid #EE3224;}

#mapa .maps{ float:right; width:750px;}
.buscaBox{ margin:0 0 0 40px; padding:3px; background:#828282; text-align:right;}
.buscaBox input.text{margin: 0 0 3px; padding:2px 0; width:100%; border:0;}

#resultado .prodList{ float:right; padding:0 0 45px; width:750px; overflow:hidden;}
#resultado .prodList ul{ padding:45px 0 0 0; width:780px;}
#resultado .resulBox{display:inline-block; padding:5px 15px; background:#828282; color:#fff;}

#refDetail .sideMenu{float:left; padding:0 0 0 32px; width:170px;}
#refDetail .sideMenu a{display:block; padding:5px 10px; -webkit-transition:all .3s linear; transition:all .3s linear;}
#refDetail .sideMenu a.active,
#refDetail .sideMenu a:hover{background:#828282; color:#fff;}
#refDetail .prodInfo .prodText dl{padding:15px 0; font-size:12px; line-height:1.2em;}
#refDetail .prodInfo .prodText dd{padding:0 0 10px;}

#ref .refBox{ position:relative; float:right; padding:25px; width:714px; overflow:hidden; background:#F0EDED;}
#ref .refBox .sampleBox{float:left;}
#ref .refBox .sampleBox li{ position:relative; margin:0 0 15px; width:383px; height:182px;}
#ref .refBox .sampleBox li .legend{position:absolute; bottom:0; left:10px; padding:2px 15px; width:334px; background:rgba(0,0,0,.7); color:#fff;}
#ref .refBox .linkList{float:right; width:310px;}
#ref .refBox .linkList li{float:left; padding:0 0 0 10px; width:145px; text-align:right;}
#ref .refBox .linkList li a{display:block; padding:5px; -webkit-transition:all .3s linear; transition:all .3s linear;}
#ref .refBox .linkList li a:hover{background:#1C1C1C; color:#fff;}
#ref .refBox .linkList li a img{margin:0 5px 0 0;}