@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);

* { margin:0; padding:0; border:0px; }

body, html { width:100%;  }
body { 	background: #fff; font-family: 'Roboto', sans-serif; font-weight:400; color: #888; 
	font-size:14px;
  	
}

textarea, input { color: #888; font-size:14px; font-family: 'Roboto', sans-serif; }
.inputArea { border:1px solid #ccc; width:95%; padding:5px; }
.inputAreaBot { cursor:pointer;background:#000; color: #fff; padding:5px 30px 5px 30px; }

#setaScrolDown { cursor:pointer; }
a { text-decoration:none; color: #000; }

		.scrollup{
			width:40px;
			height:40px;			
			text-indent:-9999px;
			opacity:0.3;
			position:fixed;
			bottom:40px;
			right:20px;
			display:none;			
			background: url('../icon_top.png') no-repeat;
			/*border:1px solid #f00;*/
			z-index:3;
		}
		.scrollup:hover {
			opacity:1;
		}


#menuMob { display:none; }
#menu2 { display: block; position:fixed; top:0px; left:0px; background:#FFF; BORDER-BOTTOM:1PX SOLID #e0e0e0; width:100%;z-index:5;  }
#menu2Inner { position:relative; width:100%; min-height:50px; }
.menu2Logo { float:left; width: 100px; height:46px; padding: 10px 25px 10px 25px ; }
.menu2Menu { position:absolute; left:240px; right:240px; TEXT-ALIGN:CENTER; padding-top:25px; }
.menu2Redes { float:right; position:relative; text-align:right; margin-top:8px; padding: 10px 25px 10px 25px; FONT-WEIGHT:300; FONT-SIZE:11PX;  }
#fundoDireitos { z-index:5; position:fixed; bottom:10px; right:10px; }

#sectionHome { z-index:1; height:100vh; width:100%;position:relative; background: #cccccc; /*border:1px solid #f00;*/}
#sectionHome .slide { z-index:2; position:absolute; width:100%; height:100%; }
#sectionHome .slide .slide_cont_fundo { z-index:2; position:absolute; bottom:100px; right: 100px; width:360px; min-height:200px; padding:20px; background: #000000; opacity:0.7;filter:alpha(opacity=70); }
#sectionHome .slide .slide_cont_text { z-index:3; position:absolute; bottom:100px; right: 100px; width:360px; min-height:200px; padding:20px; text-align:left;  }
#sectionHome .slide .slide_cont_text .tit { font-size:40px; color:#ffffff; }
#sectionHome .slide .slide_cont_text .des { color:#ffffff; margin-top:10px; }
/*#sectionHome #bolas { z-index:3; position:absolute; left:10px; height:100%; width:30px; text-align:Center; }*/
/*#sectionHome #bolas .zona { position:absolute; top: 50%; left: 10px; width:35px; }*/
#sectionHome #bolas { /*border:1px solid #f00;*/ z-index:3; position:absolute; left:50%; top:50%; margin-top: 100px; right:0px; height:35px; text-align:Center; }
#sectionHome #bolas .zona { position:absolute; left: 0px; padding-left: 110px; top:0px; height:35px; }
.homeNewsBolaOff { /*display:table; */ color: #000; background: url('../images/home_news_bot.png'); /*opacity:0.5;filter:alpha(opacity=50);*/ cursor:pointer; }
.homeNewsBolaOn { /*display:table; */ color: #fff; background: url('../images/home_news_bot_on.png'); /*opacity:1;filter:alpha(opacity=100);*/ cursor:pointer; }
.homeNewsBolaOff, .homeNewsBolaOn { float:left; width:19px; height:19px; padding:8px; font-size:14px; text-align:center; } 


.logoHome { z-index:3; position: absolute; top:50px; left:50%; margin-left:-108px;}
.posHomeTits { /*border:1px solid #f00;*/ POSITION:ABSOLUTE; z-index:3; left:50%; top:50%; margin-top:-100px; padding-left:110px; right:0px; }
.homeTitle { font-size:60px; color: #000; line-height:60px; }
.homeSubTitle { padding-top:20px; right:0px; font-size:14px; color: #959799;  }

a.linkMenuTopo, a.linkMenuTopoOn { font-size:14px; /*border:1px solid #f00;*/ color: #888888; padding:20px 15px 20px 15px; text-transform:uppercase; font-weight:400; }
a.linkMenuTopo:hover, a.linkMenuTopoOn { color: #000; }


.cxCats { width:33%; float:left;position:relative; }
.cxCatsDim { cursor:pointer; padding:20px;position:relative; }
.cxCatsTit {text-transform:uppercase; position:absolute; z-index:3;lefT:20px; top:40px; right:20px; min-height:40px;  /*background: #f00;*/ font-size:30px; color: #000; text-align:center; }
.cxCatsOver { opacity:0; position:absolute; z-index:2;lefT:20px; top:20px; bottom:20px; right:20px; min-height:40px;  background:url('../images/catalogo_vazio_on.png'); -webkit-transition: all 500ms ease;  -moz-transition: all 500ms ease;  -ms-transition: all 500ms ease;  -o-transition: all 500ms ease;  transition: all 500ms ease; }
.cxCats:hover > .cxCatsDim .cxCatsOver { opacity:1; -webkit-transition: all 500ms ease;  -moz-transition: all 500ms ease;  -ms-transition: all 500ms ease;  -o-transition: all 500ms ease;  transition: all 500ms ease; }
.cxCats:hover > .cxCatsDim .cxCatsTit { color: #fff; -webkit-transition: all 500ms ease;  -moz-transition: all 500ms ease;  -ms-transition: all 500ms ease;  -o-transition: all 500ms ease;  transition: all 500ms ease; }
.cxCatsOverSeta { position:absolute; top:50%; margin-top:-15px; left:0px; width:100%; color: #fff; text-align:center; text-transform:uppercase; }
.cxCatsOverVer { position:absolute; bottom:30px; left:0px; width:100%; color: #fff; text-align:center; text-transform:uppercase; }


#zona2Home { background: url('../images/fundo.jpg');min-height:300px; padding-top:120px }
#seccaoTit { font-weight:300; font-size:30px; color: #000; text-transform:uppercase; text-align:center;padding:20px;  }
.sepSeccaoMeio { width:50%; float:left; height:500px; position:relative; background: #ffffff; }
.sepSeccaoMeio.dir { float:right;  }
.sepSeccaoMeioDiv { padding:50px; min-height:400px; }

/* empresa */
.sepSeccaoMeioTit { font-size:36px; text-align:center; padding:20px; color: #000; text-transform:uppercase;}
.sepSeccaoMeioAno { font-size:72px; color:#dfdfdf; }
.sepSeccaoMeioDes {}

#homeSlide1 #bolas { position:absolute; right:30px; height:100%; width:35px; text-align:Center; }
#homeSlide1 #bolas .zona { position:absolute; /*left: 50%;*/ top: 50%; left: 10px; width:35px; }

#homeSlide2 #bolas { position:absolute; left:30px; height:100%; width:35px; text-align:Center; }
#homeSlide2 #bolas .zona { position:absolute; /*left: 50%;*/ top: 50%; left: 10px; width:35px; }


#homeSlide3 #bolas { position:absolute; right:30px; height:100%; width:35px; text-align:Center; }
#homeSlide3 #bolas .zona { position:absolute; /*left: 50%;*/ top: 50%; left: 10px; width:35px; }



/* noticias */

.cxNoticias { width:29%; margin:2%; float:left;position:relative; background: #fff; }
.cxNotDim { /*cursor:pointer;*/ padding:20px;position:relative; min-height: 300px;  /*border:1px solid #ff0;*/  }
.cxNotTit { margin-top:10px; text-transform:uppercase; height:70px;  /*background: #f00;*/ font-size:24px; color: #000; }
.botNot { cursor:pointer;background:#000; color: #fff; padding:5px 30px 5px 30px; }
.cxNotBotPos { /*position:absolute; bottom:20px;left:0px;*/ position:relative; text-align:center;  width:100%;}


/* PROPDUTOS */

.zonaFiltros { float:left; position:relative; width:220px; background:#F9F9F9; /*border:1px solid #f00;*/ }
.zonaProdView { float:right; position:relative; width: -moz-calc(100% - 260px);width: -webkit-calc(100% - 260px);width: -o-calc(100% - 260px);width: calc(100% - 260px); /*border:1px solid #f00;*/ }
.zonaProdViewCats { float:left; margin-top:10px; position:relative; color: #000; font-size:12px; text-transform:uppercase; }
.zonaProdViewVoltar { float:right; margin-top:5px; position:relative; }
.zonaProdViewEsq { position: relative; float:left; width:45%; min-height:100px; } 
.zonaProdViewDir { position: relative; float:left; width:50%; margin-left:5%;  min-height:100px; }
.zonaProdViewEsqTitMob { display:none; position:relative; width:100%;}
.zonaProdViewDirTitDesktop { position: relative; width:100%; }
.botVoltar { cursor:pointer;background:#000; color: #fff; padding:5px 10px 5px 10px; }

.classIconFiltro { padding:17px; height:15px; margin-top:20px; color: #000; font-weight:700; font-size:12px;  }
.classCxFiltros { PADDING:15PX; padding-left:20px; LINE-HEIGHT:20PX; font-size:11px; color: #656565;  } 
.cxProds { width:29%; margin-left:2%; margin-right:2%;float:left;position:relative; }
.cxProdsDim { cursor:pointer; /*padding:20px;*/position:relative; }
.cxProdsTit {text-transform:uppercase; position:relative; z-index:3; font-size:14px; color: #000; text-align:left; min-height:50px; /*border:1px solid #f00;*/ }
.cxProdsSubTit { color: #878787; font-size:11px; }
.cxProdsOver { opacity:0; position:absolute; z-index:2;lefT:0px; top:0px; width:100%;/*bottom:0px; right:0px; min-height:40px;*/  background:url('../images/catalogo_vazio_on.png'); -webkit-transition: all 500ms ease;  -moz-transition: all 500ms ease;  -ms-transition: all 500ms ease;  -o-transition: all 500ms ease;  transition: all 500ms ease; }
.cxProds:hover > .cxProdsDim .cxProdsOver { opacity:1; -webkit-transition: all 500ms ease;  -moz-transition: all 500ms ease;  -ms-transition: all 500ms ease;  -o-transition: all 500ms ease;  transition: all 500ms ease; }
.cxProdsOverSeta { position:absolute; top:50%; margin-top:-15px; left:0px; width:100%; color: #fff; text-align:center; text-transform:uppercase; }
.cxProdsOverVer { position:absolute; bottom:30px; left:0px; width:100%; color: #fff; text-align:center; text-transform:uppercase; }


.cxProds2 { width:14%; margin-left:1%; margin-right:1%;float:left;position:relative; }
.cxProds2.first { margin-left:3% }
.cxProds2Dim { cursor:pointer; /*padding:20px;*/position:relative; }
.cxProds2Tit {text-transform:uppercase; position:relative; z-index:3; font-size:14px; color: #000; text-align:left; min-height:65px; /*border:1px solid #f00;*/ }
.cxProds2SubTit { color: #878787; font-size:11px; }
.cxProds2Over { opacity:0; position:absolute; z-index:2;lefT:0px; top:0px; width:100%;/*bottom:0px; right:0px; min-height:40px;*/  background:url('../images/catalogo_vazio_on.png'); -webkit-transition: all 500ms ease;  -moz-transition: all 500ms ease;  -ms-transition: all 500ms ease;  -o-transition: all 500ms ease;  transition: all 500ms ease; }
.cxProds2:hover > .cxProds2Dim .cxProds2Over { opacity:1; -webkit-transition: all 500ms ease;  -moz-transition: all 500ms ease;  -ms-transition: all 500ms ease;  -o-transition: all 500ms ease;  transition: all 500ms ease; }
.cxProds2OverSeta { position:absolute; top:50%; margin-top:-15px; left:0px; width:100%; color: #fff; text-align:center; text-transform:uppercase; }
.cxProds2OverVer { position:absolute; bottom:30px; left:0px; width:100%; color: #fff; text-align:center; text-transform:uppercase; }

.botSecProd { cursor:pointer; float:left; width:50%; max-width:150px; padding:10px; text-transform:uppercase; font-size:12px; text-align:center; }
.botSecProdOff { background: #ffffff; }
.botSecProdOn { background: #eeeeee; }




/* noticias */
#alavanca1,#alavanca21,#alavanca31 { /*border:1px solid #f00;*/ background: url(../images/seta_dir.png) no-repeat center center; position:absolute; height:100%; top:0px; width:40px; height:40px;  right:0px; z-index:30002; cursor:pointer; /*border:1px solid #000000;*/ }
#alavanca2,#alavanca22,#alavanca32 { /*border:1px solid #f00;*/ background: url(../images/seta_esq.png) no-repeat center center; position:absolute; height:100%; top:0px; width:40px; height:40px;  right:50px; z-index:30002; cursor:pointer; /*border:1px solid #000000;*/ }




/* log */
#zonaLog { z-index:5;display:none; position:fixed; left:0px; top:65px; BORDER-BOTTOM:1PX SOLID #e0e0e0; /*border:1px solid #f00;*/ width:100%; /*min-height:50px;*/ background: url('../images/fundo.jpg'); } 
.zonaLogPos { float:right; color: #000; font-size:11px; padding-right:185px; padding-top:20px; /*border:1px solid #f00; height:50px;*/ }
.zonaLogPos2 { float:right; color: #000; font-size:11px; padding-right:185px; }
.zonaLogPosSeta { float:right; }