/* 
    Document   : estilo
    Created on : 04/07/2012, 11:13:15
    Author     : gabriel
    Description:
        Purpose of the stylesheet follows.
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;padding: 0;border: 0;outline: 0; outline:none;font-size: 100%;vertical-align: baseline;background: transparent;	font-family: 'Open Sans';}
body {text-align: left;font-family: 'Open Sans';font-size: 14px;color: #8a8989;margin: 0px;padding: 0px;height: auto;outline:none;margin:0;padding:0; outline:none; background:#681B3D url(../img/fundo.jpg) center top no-repeat;}
html a, a:link, a:visited, a:active, a:hover {text-decoration:none;}
*{outline:none;}
form{float: left}

/*HEADER*/
#header{height: 101px;margin: 0 auto;position: relative;width: 900px;}
#logo{height: 123px;margin-top: 9px;position: absolute;width: 232px;}
#atalhos{clear: right;float: right;height: 25px;margin-top: 9px;width: 284px;}
#atalhos div{float: left;margin-top: 3px;padding-left: 23px; color: #382E2C; font-size: 12px;}
#atalhos div:first-child{background: url("../img/i_calculadora.png") no-repeat scroll 0 0 transparent;width: 152px;height: 18px; line-height: 18px;}
#atalhos div:last-child{background: url("../img/i_fone.png") no-repeat scroll 0 0 transparent;height: 23px;line-height: 23px;margin-top: 0;width: 85px;}
#menu{clear: right;float: right;height: 42px;margin-top: 15px;width: 627px;}
#menu div{float: left;height: 42px;line-height: 42px;vertical-align: middle;font-size: 13px; color: #FFF7D6; text-align: center;}
#menu div:hover{cursor: pointer; color: #F0CF5E;}
#menu div#m1{width: 69px;}
#menu div#m2{width: 56px; margin-left: 32px;}
#menu div#m3{width: 86px; margin-left: 29px; }
#menu div#m4{width: 119px; margin-left: 33px;}
#menu div#m5{width: 81px; margin-left: 33px;}
#menu div#m6{width: 59px; margin-left: 30px;text-align: right}

/*CONTENT*/
#conteudo{background-color: white;height: auto;margin: 34px auto 0;overflow: hidden;padding-left: 31px;padding-right: 28px;width: 900px; min-height:550px;}
#categorias{float:left; height: auto; overflow: hidden; width: 231px;}
#categorias div:first-child{background: url("../img/f_categorias_topo.png") no-repeat scroll 0 0 transparent;height: 23px;width: 231px; float: left;}
#categorias div#listagem{float: left; height: auto; overflow: hidden; width: 231px;background: url("../img/f_categorias_corpo.png") repeat-y scroll 0 0 transparent;}
#categorias div:last-child{background: url("../img/f_categorias_rodape.png") no-repeat scroll 0 0 transparent;height: 23px;width: 231px; float: left;}
#categorias ul{margin-left: 28px;}
#categorias ul li{float: left;line-height: 29px;width: 177px;}
#categorias ul li a:link{color: #FFFFFF;font-size: 16px;font-weight: 300;}
#categorias ul li a:active{color: #FFFFFF;font-size: 16px;font-weight: 300;}
#categorias ul li a:hover{color: #FEC643 !important;font-size: 16px;font-weight: 300;}
#categorias ul li a:visited{color: #FFFFFF;font-size: 16px;font-weight: 300;}
#categorias div#listagem h3{color: #FFD004;font-size: 17px;font-weight: 200;margin-bottom: 10px;margin-left: 28px;}
#categorias div#listagem p{color: #FFFFFF;font-size: 11px;line-height: 17px;margin-left: 28px;text-align: justify;width: 177px;}
.left{float: left;width:650px;}

/*RODAPE*/
#footer{background: url("../img/f_rodape.jpg") no-repeat scroll 0 0 transparent;height: 62px;margin: 30px auto 30px;width: 900px; position:relative;}
#footer #logor{background: url("../img/logo_min.png") repeat scroll 0 0 transparent;height: 83px;margin-left: 372px;margin-top: -11px;position: absolute;width: 157px;}
#footer #texto_rodape{color: #A8846C;float: left;font-size: 10px;margin-left: 23px;margin-top: 19px;}
#footer #creditos{float: right;margin-right: 17px;margin-top: 19px;}

/*HOME*/
.slider-wrapper{float: left;height: 223px;margin-left: 19px;width: 650px;}
.slider-wrapper img{width: 650px; height: 229px;}
#destaques{background: url("../img/f_carrossel.png") no-repeat scroll 0 0 transparent;float: left;height: 282px;margin-top: 27px;overflow: hidden;width: 900px;}

#loadProdutos{float: left;height: 190px;line-height: 190px;margin: 44px auto 0 43px;text-align: center;vertical-align: bottom;width: 677px !important;}
#carousel {float: left;margin: 44px auto 0 43px;width: 677px !important; display: none;}
#pages{height: 18px;margin-left: 494px;margin-top: 264px;position: absolute;width: 124px;z-index: 150;}
#ui-carousel-next, #ui-carousel-prev {	width: 60px;height: 240px;background: url(../js/rcarousel/images/arrow-left.png) #fff center center no-repeat;display: block;position: absolute;top: 0;z-index: 100;}
#ui-carousel-next {right: 0;background-image: url(../js/rcarousel/images/arrow-right.png);}
.produtos_carrossel{float: left;height: 210px;margin-right: 20px;width: 149px;background: url('../img/f_produtos_carrossel.png') no-repeat; cursor: pointer;}
.produtos_carrossel .borda{background-image: url(../img/f_borda_produtos_carrossel.png); width: 147px; height: 170px; position: absolute; display: none;}
.produtos_carrossel .img{width: 149px;  height: 176px;}
.produtos_carrossel p{color: #1C110F;float: left;font-size: 11px;font-weight: 400;height: 33px;line-height: 16px;text-align: center;width: 149px;}
.produtos_carrossel:hover .borda{display: block;}
.produtos_carrossel:hover p{color: #681B3D;}
.bullet {background: url(../js/rcarousel/images/page-off.png) center center no-repeat;display: block;width: 10px;height: 18px;margin: 0;margin-right: 5px;float: left;}	
#fabricacao{float: left;margin-left: 11px;margin-top: 91px;}

#banners_atalhos{float: left;height: 112px;margin-top: 15px;width: 900px;}
#banners_atalhos #promocoes{background-image: url("../img/f_promocoes.jpg");float: left;height: 98px;margin-top: 11px;width: 286px;}
#banners_atalhos #distribuidores{background-image: url("../img/f_distribuidores.jpg");float: left;height: 109px;margin-left: 21px;margin-top: 0;width: 286px;}
#banners_atalhos #bnds{background-image: url("../img/f_bnds.jpg");float: left;height: 98px;margin-top: 11px;width: 286px;margin-left: 21px;}

#marcas{background: url("../img/f_linha_base.png") no-repeat scroll center top #FFFFFF;height: auto;margin: 25px auto 6px;overflow: hidden;padding-top: 30px;width: 900px;}
#marcas img{float: left; margin-right: 14px;}

/*Conteudo interno direita*/
#nav{float: right;height: 29px;line-height: 29px;margin-left: 250px;margin-top: -34px;position: absolute;width: 650px;color: #666666;font-size: 10px;}
#nav img{margin-left: 3px; margin-right: 3px;}
#nav a{color: #2F1202;font-weight: 600;}
#nav a:hover{color:#7C2A4D;}
#content_right{float: left;height: auto;margin-left: 19px;overflow: hidden;width: 650px; position:relative;}
#content_right h3{color: #681B3D;font-size: 17px;font-weight: 600;text-transform:uppercase; }
#content_right h4{color: #681B3D;font-size: 17px;font-weight: 600;}
#content_right h2{color: #681B3D;font-size: 13px;font-weight: 600; float: left; margin-bottom: 15px;width:100%;}

/*Listagem de produtos*/
#content_right div.lista{float: left;height: auto;margin-right: 24px;margin-top: 20px;overflow: hidden;width: 144px; position: relative; cursor: pointer; padding-bottom:10px;}
#content_right div.lista .borda{background-image: url(../img/f_borda_produtos_lista.png); width: 142px; height: 164px; position: absolute; display: none;z-index:1500;}
#content_right div.lista:hover .borda{display: block;}
#content_right div.lista:hover p{color:#FF8E32}
#content_right div.lista div.imagem{border: 2px solid #F2F2F2;float: left;height: 161px;width: 139px; position:relative;}
#content_right div.lista div input[type=text]{bottom: 2px;
float: left;
margin-left: 5px;
position: absolute;}
#content_right div.lista div input[type=checkbox]{
	
	bottom: 2px;
	bottom /*\**/: 1px\9; /* Internet Explorer 8 */
	*bottom: 1px; /* Internet Explorer 6 e 7 */
	_bottom: 1px;/* Internet Explorer 6 */
	margin-left: 124px;
	margin-left /*\**/: 120px\9; /* Internet Explorer 8 */
	*margin-left: 120px; /* Internet Explorer 6 e 7 */
	_margin-left: 120px;/* Internet Explorer 6 */
	position: absolute;}
#content_right div.lista p{color: #343434;float: left;font-size: 11px;font-weight: 600;margin-top: 6px;text-align: center;width: 143px;}


/*Exibir Produtos*/
#imagem_produto{float:left; width: 310px; height: 385px; border: 2px solid #F2F2F2; position:relative; margin-bottom: 50px;}
#imagem_produto div{background: none repeat scroll 0 0 #FFFFFF;border: 2px solid #F2F2F2;float: left;height: 80px;margin-left: 14px;margin-top: 340px;width: 80px;}
#linha_produto_ver{background: url("../img/f_linha_base.png") no-repeat scroll left top #FFFFFF;float: right;height: 3px;margin-top: 31px;width: 650px; margin-bottom:25px;}
#right{float: left;height: auto;margin-left: 20px;overflow: hidden;width: 315px;}
#right p{color: #45291B;font-size: 12px;line-height: 18px;text-align: justify; margin-top: 10px;}
#right strong,b{font-weight: 600;}
#relacionados{float: left;width: 650px; margin-top: 20px;}
#relacionados div.lista{margin-top: 10px;}

/*Fabrica*/
#imagem_fabrica{float:left; width: 280px; height: 230px; position:relative; margin-bottom: 50px;}

/*Orçamento*/
.qtd{float: left;margin-top: 6px;width: 143px; font-size: 11px;}
.qtd input{color: #333333 !important;height: 12px !important;line-height: 12px !important;width: 45px !important;}
.logomarcaorcamento div{border: 1px solid #CCCCCC;float: left;height: 70px;margin-bottom: 10px;margin-right: 10px;width: 70px; position:relative;}
.logomarcaorcamento div input{
	bottom: 2px;
	bottom /*\**/: 1px\9; /* Internet Explorer 8 */
	*bottom: 1px; /* Internet Explorer 6 e 7 */
	_bottom: 1px;/* Internet Explorer 6 */
	margin-left:55px;
	margin-left /*\**/: 49px\9; /* Internet Explorer 8 */
	*margin-left: 49px; /* Internet Explorer 6 e 7 */
	_margin-left: 49px;/* Internet Explorer 6 */
	position: absolute;
	}
.left .lista{margin-top: 0px !important; margin-bottom: 26px !important;}
.left .lista p{margin-bottom: 7px !important; margin-top: 0 !important}


/*Paginação*/
#paginacao{float: right;margin-bottom: 20px;margin-top: 20px;text-align: right;width: 651px;}
.btn-paulina{background: #7C2A4D;background-image: -moz-linear-gradient(center top , #391E0D, #7C2A4D);background-repeat: repeat-x; color:white;}
.btn-paulina:hover{-moz-transition: background-position 0.1s linear 0s;background: #7C2A4D;background-position: 0 -5px;color: #FFBC40;text-decoration: none;}

.alert-right{float: right;margin-right: 20px;width: 578px;}
.cat_atual{color:#FEC643 !important}
.menu_atual div{color:#F0CF5E !important;}


.listaPromocoes{float:left; width:650px; height:auto; overflow:hidden; text-align:right;}
.listaPromocoes div{ width:130px; float:right; height:115px;border:3px solid #611738; margin-left:10px;}
.listaPromocoes h4{font-size:15px !important}
.listaPromocoes p{font-size: 12px;line-height: 17px;margin-bottom: 11px;}
.listaPromocoes span{color:#FED848; font-size:15px; font-weight:bold;}
.listaPromocoes h5{ font-size:11px !important;}


#box-representantes{float: left;height: auto;margin-top: 16px;width: 900px;}
#mapa{float: left;height: auto;padding-right: 20px;width: 278px;}
#representantes { float: left;}
#representantes div{width:550px;}