/* Import other css */
@import url("js/lytebox/lytebox.css");
@import url("css_menu-jquery.css");
@import url("css_jqzoom.css");
@import url("js/nivo-slider.css");

/* CSS Document */
body {margin:0; padding:0;color:#333; background:#FFF;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px}

/*--- Zera margens p e form ---*/
p, form{margin:0;}
.clearthis{clear:both;}
img {border:0;}

a {text-decoration:underline;color:#455560;}
a:hover {text-decoration:none;color:#455560;}

*{margin:0;padding:0;}

/* ----- Index ----- */
#index{width:500px;height:174px;position:absolute;top:50%;left:50%;margin:-87px 0 0 -250px;text-align:center;font-size:1.5em;line-height:115%;color:#666;font-family:georgia;}
#index .marginP{margin:0 0 25px 0;}
#index a{color:#000;text-decoration:underline;}
#index a:hover{color:#000;text-decoration:none;}
.marginP{margin:10px 0 0 0;}

/*--- box404 ---*/
body.body404{background:#fff;margin:30px;font-family:Arial, Helvetica, sans-serif;}
.box404{border:1px dashed #999;padding:20px;line-height:160%;}

/* ----- Pagenator ----- */
.pagenator {margin:10px 0;padding:0;clear:both;float:left;width:450px;}
.pagenator ul{margin:0;padding:0;clear:both;float:left;width:450px;list-style:none;;overflow:hidden;line-height:normal;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
.pagenator ul li{float:left;display:inline;clear:none;color:#000;margin:0 1px 0 0;}
.pagenator ul li.qtdPages{margin:2px 0 0 10px;}
	
.pagenator ul li.pageInativo{float:left;text-decoration:none;color:#ccc;text-align:left;border:1px solid #ccc;padding:.2em .5em;font-weight:bold;cursor:default;}
	
.pagenator ul li a{float:left;text-decoration:none;color:#4c4c4c;text-align:left;border:1px solid #4c4c4c;padding:.2em .5em;font-weight:bold; background:#CCC;}	
.pagenator ul li a:hover{float:left;text-decoration:none;color:#fff;text-align:left;border:1px solid #3d3d3d;background:#3d3d3d;}
	/*- Ativar Page -*/
.pagenator ul li .pageAtivo{float:left;text-decoration:none;color:#fff;text-align:left;border:1px solid #4c4c4c;background:#4c4c4c;cursor:default;}
.pagenator ul li .pageAtivo:hover{float:left;text-decoration:none;color:#fff;text-align:left;border:1px solid #4c4c4c;background:#4c4c4c;cursor:default;}



/*@ HX */
/*--- titles H1 ---*/
h1{margin:0;padding:0;}
h1.hTituloArtigo {background:url(images/bg-hTituloArtigo.jpg) no-repeat left; font-family: 'Convergence', sans-serif; font-size: 1.9em; color:#455560; display:block; line-height:50px; margin: 0 0 20px 0; font-weight:normal; text-shadow: 1px 1px 0 #EEE; padding-left:50px;}

/*--- titles H2 ---*/
h2{margin:0 0 15px 0;padding:0 0 5px 0;font-size:30px;color:#ededed;background:url(images/sep.gif) repeat-x bottom;letter-spacing:-1.5px;}
h2.hSubMenu {font-family: 'Convergence', sans-serif; font-size: 1.9em; color:#455560; display:block; font-weight:normal; text-shadow: 1px 1px 0 #EEE; margin: 0 0 5px 0 !important; padding:0 !important}
h2.hListProdutos {font-family: 'Convergence', sans-serif; font-size: 1.9em; color:#455560; display:block; font-weight:normal; text-shadow: 1px 1px 0 #EEE; margin: 0 0 5px 10px !important; padding:0 !important}

/*--- titles H3 ---*/
h3{margin:2px 0;padding:0;font-size:19px; color:#455560; text-shadow:#FFF 1px 1px 0;}

/*--- titles H4 ---*/
h4{margin:0;padding:0; color:#555}

/*--- titles H5 ---*/
h5{margin:0;padding:0; font:bold 18px Arial, Helvetica, sans-serif; color:#000;}

/*--- titles H6 ---*/
h6{margin:0;padding:0;}

/*@ titulos ocultos */
h1 span, h2 span, h3 span, h4 span {display:none; margin:0;}


/*@ Fotos */
.fotoTopo{margin:0 0 7px 0;text-align:center;width:100%;float:left;clear:both;}
.fotoleft{float:left;text-align:left;padding:0px 0px 0 0px;}
.fotoright{float:right;text-align:right;padding:0px 0px 10px 0px; z-index:90;}
.fotoinferior{padding:0px 20px 20px 0px;float:left;}

.containerfotoleft{margin:0px 15px 15px 0px;float:left;}
.containerfotoright{margin:0px 0px 0px 15px;float:right;}
.containerfotoinferior{margin:15px 0px 0px 0px;text-align:justify;float:left;clear:both;}

.fotolegenda{ color:#404040;font-family:Arial, Helvetica, sans-serif;font-size:10px;text-align:center;line-height:140%;background:#f0f0f0;padding:10px;}
.fotocreditos{font-family:Arial, Helvetica, sans-serif;font-size:9px;text-align:right;}
.foto {border:1px solid #ddd;padding:3px;background:#fff;}
.fotoHome {border:1px solid #d5d5d5;}

/* --- */
.listadownloads{list-style:square;margin:5px 0 0 17px;padding:0;}

/*@ Formularios */
input{vertical-align:middle;outline:none;}
button{}
button:hover{}

.fCart{border:1px solid #ccc;font-size:11px;padding:3px;vertical-align:middle;margin:0 2px;}
.fIndent{border:1px solid #ccc;font-size:11px;padding:5px;vertical-align:middle;margin:3px 0 10px 0;display:block;width:250px;}
.fCadastro{border:1px solid #ccc;font-size:11px;padding:5px;vertical-align:middle;margin:0;width:250px;float:left;}
.sizeSmall{width:30px;text-align:center;}
.sizeSmall2{width:100px;}

.radioButton{margin:0 3px 3px 0;padding:0;vertical-align:middle;}

/*------------------------------------------*/
.boxFormContato{width:650px;float:left;clear:both;font-size:1em;line-height:1em;margin:0;}
#myform {/*border:1px solid #ccc;background:#f0f0f0;*/padding:20px;margin:0 0 20px 20px;width:590px;line-height:130%;}
#myform h3 {text-align:center;margin:0 0 10px 0;}

/* http://www.quirksmode.org/css/forms.html */
#inputs label, #inputs input, #inputs textarea, #inputs select {display: block;width: 300px;float: left;margin-bottom: 20px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#inputs input:focus, #inputs textarea:focus, #inputs select:focus {background:#f7f7f7;}
#inputs label{padding-top:5px;}
#inputs input, #inputs textarea, #inputs select {border:1px solid #c8c8c8;padding:5px;}
#inputs select {width:200px;background:white;}
#inputs textarea {height:80px;}
#inputs label {text-align: right;width: 130px;padding-right: 10px;}
#inputs br {clear: left;}
#inputs fieldset{font-size:10px;width: 230px;line-height:100%;padding:15px 15px 5px 15px;border:1px solid #c8c8c8;}
#inputs fieldset input{display:inline;width: auto;float: left;margin: 0 5px 0 0;padding:0;font-family:Tahoma, Geneva, sans-serif;font-size:12px;border:none;}
#inputs fieldset .linhaItemFieldset{width:220px;clear:both;}
#inputs fieldset .linhaItemFieldset p{float:left;clear:both;margin-bottom:7px;}
.btnButton{text-align:center;margin:10px 0 0 0;}
.btnEnviarFormulario{width:114px;height:28px;background:url(images/btn-enviar-formulario.gif) no-repeat;border:0 none;cursor:pointer;}
.btnEnviarFormulario span{display:none;}


/***********************************************************************/
/***********************************************************************/
/*---------------------------- Start S I T E --------------------------*/
/***********************************************************************/
/***********************************************************************/


/*@ mainTopo */
#mainTopo{ float:left; clear:both; position:relative; width:100%; height:142px;background-color: #fff;}

#mainTopo img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 300px;
	height: 85px;
}
#mainMenu{float:left; clear:both; position:relative; width:100%; height:57px; background:url(images/slice-menu.png) repeat-x; margin-top:-8px;}
#mainContent{float:left; clear:both; position:relative; width:100%;}
.align{ width:980px; margin:0 auto;}

.boxMenu{ width:1120px; float:left; clear:both; position:relative; height:42px; margin-top:8px;}

/*@ content */
.content{ width:980px; float:left; clear:both;}

/*@ menuHierarquico */
.menuHierarquico {background:url(images/icon-home.gif) no-repeat left; width:900px; display:block; margin: -20px auto 20px auto; font-size:0.85em; line-height:16px; text-indent:20px;}


/* banners home - slider */
.boxSlider{width:900px; height:345px; float:left; position:relative; background:url(images/bg-slider.jpg) no-repeat center top; margin:25px 0 0 40px;}

.boxConteudo{width:900px; float:left; position:relative; margin:25px 0 0 40px;}

.boxConteudo-maior{float:left; width:645px; position:relative;}
.boxConteudo-lateral{float:right; width:250px; position:relative; min-height:465px; background: url(images/slice.jpg) no-repeat left top;}

.boxFull{width:900px; float:left;}
.boxRightDistribuidores{ width:400px;float:right; margin:0 0 20px 0;}
.boxLeftDistribuidores{ width:500px;float:left}

/*@ produtos */
.produtos{float:left; clear:both; width:645px; position:relative; background:url(images/01.jpg) no-repeat left top; min-height:265px;}
.produtos p a{ color:#455560; float:right; margin:0 12px 20px 0; font-weight:bold;}
.listProdutos{ width:645px; float:left; clear:both; position:relative; margin:65px 0 20px 0; padding:0px; list-style:none;}
.listProdutos li{ background:url(images/bg-thumbs.jpg) no-repeat center center; width:205px; height:182px; position:relative; float:left; margin:0 5px; padding:0px;}
.listProdutos li a {/*float:left; clear:both;*/ position:relative; margin:14px 0 0 8px;}
.listProdutos li img, .listProdutos li a img {display: block; margin-left: auto; margin-right: auto; margin-top:auto; margin-bottom:auto; text-align:center;}

/*@ depoimentos */
.depoimentos{float:left; width:355px; position:relative; background: url(images/depoimentos.jpg) no-repeat left top; min-height:140px; padding-top:65px;}
.depoimentos img{ float:left; margin:0 8px 5px 0;}
.depoimentos p{ font-style:italic; line-height:15px !important;}
.depoimentos p span{float:right;font-style: normal; font-weight:bold; line-height:50px;}
.depoimentos a.maisDep {line-height:50px; float:left}

/*@ speechBubble - pagina de depoimentos */
.speechBubble {position:relative; padding:15px; margin:2em 0 3em; background:#F4F4F4; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;	background:-webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#E9E9E9)); background:-moz-linear-gradient(#F9F9F9, #E9E9E9); background:-o-linear-gradient(#F9F9F9, #E9E9E9); background:linear-gradient(#F9F9F9, #E9E9E9); clear:both;}
.speechBubble p {font: italic normal 1em Georgia, "Times New Roman", Times, serif; line-height: 1.6em; color:#4A4A4A; text-shadow: 1px 1px 0 #FFF;}
.speechBubble .autor {color:#455560; font: italic normal 1.5em Georgia, "Times New Roman", Times, serif; position:absolute; bottom:-29px; left:75px}
.speechBubble img{float:left; margin: 0 15px 2px 0;}

  /* creates triangle */
.speechBubble:after {content:""; display:block; position:absolute; bottom:-15px; left:50px; width:0; border-width:15px 15px 0; border-style:solid; border-color:#E9E9E9 transparent;}


/*@ televendas */
.televendas{float:left; width:290px; position:relative; background: url(images/televendas.jpg) no-repeat left top; min-height:140px; padding-top:65px;}
.televendas img, .televendas a img{ float:left; clear:both; margin:0 0 20px 45px;}

/*@ boxConteudo-lateral */

li.news{ width:235px; background:url(images/titNewsletter.jpg) no-repeat left top; float:right; list-style:none; margin:10px 30px 0 0; padding:35px 0 0 0}

.boxConteudo-lateral ul{ width:235px; float:right; clear:both; position:relative; list-style:none; padding:0px; margin:0px;}
.boxConteudo-lateral ul li{ float:left; margin:0 0 15px 0;}
.boxConteudo-lateral ul li.busca{ width:235px; background:url(images/titBusca.jpg) no-repeat left top;margin-bottom:25px; padding-top:35px; height:40px;}
.boxConteudo-lateral ul li.news{ width:235px; background:url(images/titNewsletter.jpg) no-repeat left top; margin:20px 0 0 0; padding:35px 0 0 0; clear:both}



/*@ subMenu */
ul li.subMenu, ul li.subMenu a {list-style:none; background:#455560 url(images/bg-subMenu.gif) no-repeat 7px center; width:235px; height:30px; line-height:28px !important; text-indent:20px; display:block; color:#FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 1px 0; text-decoration:none; -webkit-transition:All 0.1s ease-in-out; -moz-transition:All 0.1s ease-in-out; -o-transition:All 0.1s ease-in-out;}
ul li.subMenu:hover, ul li.subMenu a:hover {background: #3C4D58 url(images/bg-subMenu.gif) no-repeat 8px center; text-indent:21px;}

/*@ lista vertical catalogo de produtos submenu */
.listaCatProdutos {float:left; clear:both; margin: 0 0 15px 10px}
.listaCatProdutos a {text-decoration:none;}
.listaCatProdutos a:hover {text-decoration:underline;}
.listaCatProdutos ul {list-style:none; width:235px; margin:0; padding:0;}
.listaCatProdutos ul li {list-style:none; background:url(images/bg-listCatProdutos.gif) no-repeat 0 4px; margin:2px 0; text-indent:11px; padding:0; font-size:1em; float:left; clear:both}
.listaCatProdutos ul li:hover {background:url(images/bg-listCatProdutos.gif) no-repeat 1px 4px; text-indent:12px; font-weight:bold}

.listaCatProdutos ul li ul {list-style:none; background:none;}
.listaCatProdutos ul li ul li {list-style:none; background:url(images/bg-listCatProdutos-sub.gif) no-repeat 0 4px; text-indent:10px; margin-left:10px; font-size:0.85em}
.listaCatProdutos ul li ul li:hover {background:url(images/bg-listCatProdutos-sub.gif) no-repeat 1px 4px; text-indent:11px; font-weight:bold}

/*@ catalogo de produtos */
.catalogoProdutos {width: 640px; margin: 10px auto;}
.catalogoProdutos ul {width:640px; list-style:none; margin:0; padding:0; float:left; clear:both;}
.catalogoProdutos ul li {width:300px; list-style:none; float:right; margin:0 0 30px 0; }
.catalogoProdutos ul li:first-child{float: left;}
.catalogoProdutos ul li .produto {margin:auto; position:relative;}
.catalogoProdutos ul li .produto .img-produto{width:120px;float: left;}
.catalogoProdutos ul li .produto .img-produto img{width:120px;}
.catalogoProdutos ul li .info-produto{width: 160px;float: right;}
.catalogoProdutos ul li .produto .nomeProduto {font-weight:bold; text-decoration:none; font-size:0.9em; display: block}
.catalogoProdutos ul li .produto .descricaoProduto {font-weight:normal; text-decoration:none; color:#999; font-size:0.9em; display: block;padding: 5px 0 0 0;}
.catalogoProdutos ul li .produto .precoProduto {text-indent:35px; font-weight:bold; font-size:1em; display: block}
.catalogoProdutos ul li .produto a.Detalhes {display: block;clear: both;padding: 5px 0 0 0;}

/*@ boxProduto */
.boxProduto{width:640px;float:left;clear:both;margin:0 0 45px 0;}
.boxFotosProdutos{width:640px;float:left;clear:both;position:relative;}
.boxFotosProdutos .boxLeft{width:220px; height:400px;float:left;overflow:hidden;border:1px solid #f2f2f2;}
.boxFotosProdutos .boxLeftProduto{width:200px; height:400px; float:left;}
.boxFotosProdutos .boxLeftProduto .btnOrcamento {margin: 12px;}
.boxFotosProdutos .boxLeftProduto .fotoProduto{width:200px;float:left;overflow:hidden;border:1px solid #f2f2f2;margin:0 0 20px 0;}
.boxFotosProdutos .boxRight{width:415px;float:right;overflow:hidden;}
.boxFotosProdutos .boxRight .resumoProduto {margin:15px 0 40px 0;}

span.precoAtingoProduto {font-size:1.4em; text-decoration:line-through; display:block; font-weight:bold}
span.precoAtualProduto {color:#8e3676; font-size:1.8em; display:block; text-decoration:none; font-weight:bold}


/*@ inputBusca */
.inputBusca{ width:235px; height:37px; background:url(images/bgInput.jpg) no-repeat center center; position:relative;}
.inputBusca input{ border:none; color:#333; padding:6px 0 6px 5px; font-size:12px; position:absolute; left:5px; top:5px; width:190px; background:none;}
.inputBusca button{ width:27px; height:27px; position:absolute; right:5px; top:5px; background:url(images/search.png) no-repeat center center; border:none; cursor:pointer;}
.inputBusca button:active{position:absolute; top:6px;}
.inputBusca button span{ display:none;}

/*@ inputNews */
.inputNews{ width:235px; height:37px; background:url(images/bgInput.jpg) no-repeat center center; position:relative;}
.inputNews input{ border:none; color:#333; padding:6px 0 6px 5px; font-size:12px; position:absolute; left:5px; top:5px; width:190px; background:none;}
.inputNews button{ width:27px; height:27px; position:absolute; right:5px; top:5px; background:url(images/btnOk.png) no-repeat center center; border:none; cursor:pointer;}
.inputNews button:active{position:absolute; top:6px;}
.inputNews button span{ display:none;}

/*@ boxArtigo */
.boxArtigo{clear: both;overflow: auto; margin:0 0 50px 0; width:640px}

a.btnVoltar {float:right; font-weight:bold; margin:20px 0 0 0}


/*@ lista de artistas e informativos */
.item {width:640px;float:left;clear:both;margin:13px 0 0 0;padding:0 0 13px 0;border-bottom:1px dashed #455560;}
.item span{font-size:.85em;color:#333;margin:0 0 3px 0;display:block;}
.item h4{margin:0 0 5px 0;}
.item p{font-size:.9em;margin:0 0 10px 0;}
.item img{float:left;margin:0 15px 5px 0;}
.item a.btnSaibaMais{float:right; font-weight:bold;}

/*@ spacePaginator */
.spacePaginator {margin-top: 14px; position:relative; float:left; clear:both}

/*@ forms */
.forms{width:640px; float:left; clear:both; margin:20px 0; /*border:1px solid #eee;*/}
.forms input, .forms textarea, .forms select {background:#FFF; border: 1px solid #CCC; padding:5px; font-size:0.9em;}
/*.forms tr td{ border-top:1px solid #D9D9D9;}*/
.forms tr td.noborder{border-top:none;}
.forms tr td.descricao{width: 100px;}
.forms tr td.descricaoMaior{width: 135px;}
.forms tr.tr-titulo{ background:#e9ca01; color:#455560; text-shadow:#f7eb9f 1px 1px 0; line-height:20px}
.forms tr td{ padding:4px;}
.ipt-big{ width:400px; padding:2px 0 2px 5px;}
.ipt-medio{width:200px; padding:2px 0 2px 5px;}
.ipt-small{width:100px; padding:2px 0 2px 5px;}
.ipt-select{ width:182px;padding:2px 2px 2px 5px;}
.btn-medio{ padding:4px 7px; background:#455560; color:#FFF; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;  -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border:none;cursor:pointer;}
.btn-medio:hover{background:#3C4D58;}

a.btn-medio {text-decoration:none; color:#fff}

/*@ rodape */
#mainRodape{ float:left; clear:both; position:relative; width:100%;background:url(images/traco.jpg) no-repeat center top; height:140px;}
.rodape{ float:left; clear:both; position:relative; width:980px; margin:20px 0 0 0;height:140px;}
.logoRodape{ width:125px; height:57px; position:absolute; top:20px;}
.logoIlion{ width:71px; height:32px; position: absolute; right:20px; top:20px;}
.copyBottom{ position:absolute; top:60px; left:0px; color:#455560; font-size:11px;width:980px;text-align: center;line-height:150%;}
.endBottom{ position:absolute; left:15px; top:83px;color:#455560; font-size:11px;/* border-left:1px solid #455560; padding:0 0 0 5px;*/}
.redesSociais{ position:absolute; list-style:none; padding:0px; margin:0px; top:86px; left:10px;}
.redesSociais li{ float:left; margin:0 5px 0 0;}
.menuRodape{ position:absolute; list-style:none; padding:0px; margin:0px; top:16px; left:190px;}
.menuRodape li{float:left; margin:0 20px; }
.menuRodape li a{color:#455560; text-decoration:none; font-weight:bold;}
.menuRodape li a:hover{text-decoration:underline;}

/* -------- Fotos e Imagens nos artigos -------- */
.fotoBorda img {padding:5px; border:#e9ca01 1px solid; margin:7px}
.fotoBorda a img {padding:5px; border:#e9ca01 1px solid; margin:7px}

.alignLeft {float:left; margin: 4px 10px 0 0;}
.alignRight {float:right; margin: 4px 0 0 10px;}


/*---------------------------- A��es ----------------------------*/
.vermelho {color:#a80000;}
.azul {color:#0b497a;}
.verde{color:#327e00;}
.verdeClaro{color:#558319;}
.lilas{color:#560a76;}
.amarelo{color:#FC0;}
.marrom{color:#472801;}
.escuro{color:#26403e;}
.moradito{color:#8c278d;}
.nomargim{margin:0;}
.hidden {display:none;}
.displayBlock{display:block;font-size:11px;text-align:center;line-height:normal;}
.textsmall{font-size:.9em;}
.floatleft{float:left;}
.block {display:block;}
.margin {margin:10px auto}
.displaynone{display:none;}

.alignMiddle{vertical-align:middle;}
.alignCenter{text-align:center;margin-bottom:40px;}
.textAlignCenter{text-align:center;}
.textAlignRight{text-align:right;}
.textAlignLeft{text-align:left;}
.italic{font-style:italic;}

.floatRight{ float:right;}
.clearNone{ clear:none;}


/*@ Start HIERARQUIA*/
.hierarquia{ position:absolute; top:-20px; right:18px;}
.hierarquia p{ font:bold 11px Arial, Helvetica, sans-serif; color:#039; text-shadow:#FFF 1px 1px 0;}
.hierarquia p a{ font:bold 11px Arial, Helvetica, sans-serif; color:#979797; text-decoration:none;}
.hierarquia p a:hover{ font:bold 11px Arial, Helvetica, sans-serif; color:#039; text-decoration:none;}


/*@ contentDistribuidores */
.contentDistribuidores{float:right;width:350px;line-height:normal;font-size:.9em;margin:0 0 20px 0;}
.contentDistribuidores p{margin:0;padding:0;}
.contentDistribuidores select{margin:0 0 10px 0;padding:5px;border:1px solid #ccc;}
.contentDistribuidores h3{margin:0 0 16px 0;padding:0 0 7px 16px;border-bottom:1px solid #ccc;background:url(images/arrow.gif) no-repeat 0 7px;}

.itemDistribuidor{width:429px;float:left;clear:both;margin:20px 0 0 0;font-size:.9em;border-left:1px solid #ccc;padding:0 0 0 20px;}
.itemDistribuidor h4{margin:0 0 5px 0;color:#357aac; font-weight:bold;font-size: 13px;margin: 0 0 10px 0;}

.boxImagemEstados{width:388px; height:167px;margin: 150px 0 0 0;}