/* GERAIS -------------------------------------------------------------*/



html{overflow-x: hidden;}



body {

	overflow-x: hidden;

}



::-moz-selection {background:#ff7700;color:#fff;}

::selection {background:#ff7700;color:#fff;}



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



ul{list-style-position:inside;}



a {

   text-decoration: none;

   border: none;

   -webkit-transition: 0.5s;

   -moz-transition: 0.5s;

   -o-transition: 0.5s;

   -ms-transition: 0.5s;

   transition: 0.5s;

}



a:hover {

    text-decoration: none;

	-webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    transition: 0.5s;	

}



img{border: none;}



.laranja{color:#ff7700;}



/* HEADER -------------------------------------------------------------*/



header{
    width:100%; 
    background-color: rgba(255,119,0,0.8);
	z-index:9999;
	padding:0 0 5px 0;
}


.header-index{
	position: absolute !important;
	top:0 !important;
}


.topo{

	width:100%;

	background:#000;

	margin:0;

}



.topo a{color:#fff;font-size:0.8em;font-weight:bold;}

.topo a:hover{color:#ff7700;}



/* BEM VINDO -------------------------------------------------------------------*/

.bemvindo{width:100%; padding:50px 0;}



.bemvindo h1{color:#000; font-size:1.6em;font-weight:bolder;}

.bemvindo h2{color:#ff7700; font-size:1.0em;font-weight:bold;}

.bemvindo p{color:#333; font-size:0.8em;}

.bemvindo li{color:#333; font-size:0.8em;}



.bemvindo-img{background: url(/img/bemvindo.png) repeat;}



/* QUEM SOMOS HOME -------------------------------------------------------------*/



.quem-home{padding:70px 0;}

.quem-home h1{color:#000; font-size:1.6em;font-weight:bolder;}

.quem-home h2{color:#ff7700; font-size:1.0em;font-weight:bold;}

.quem-home p{color:#333; font-size:0.8em;}

.quem-home li{color:#333; font-size:0.8em;}



/* PORTFOLIO HOME -------------------------------------------------------------*/



.portfolio{

	width:100%;

	background:url(/img/bg-ultimos-trabalhos.png);

	padding:70px 0;

}



.portfolio-txt h1{color:#fff; font-size:2.5em;font-weight:bolder;text-transform:uppercase;}

.portfolio-txt p{color:#fff; font-size:0.8em;}



.portfolio-txt a{

	padding:16px 14px;

	background:none;

	border:1px solid #fff;

	border-radius:6px;

	margin:0 1.5% 0 0;

	color:#fff;

	font-size:0.8em;

	font-weight:bold;

}



.portfolio-txt a:hover{

	background:#fff;

	color:#333;

}



.portfolio hr{

	width:50%;

	float:none;

	position:relative;

	background-color:#FFF;

	height: 3px;

	border:none;

}



/* CLIENTES ---------------------------------------------------------------------*/

.clientes-txt h1{color:#000; font-size:1.4em;font-weight:bolder;float:none;position:relative;}

.clientes hr{

	width:10%;

	float:none;

	position:relative;

	background-color:#ff7700;

	height: 3px;

	border:none;

}


/* NOSSOS PARCEIROS -------------------------------------------------------------*/



.parceiros{padding:60px 0;}

.parceiros h1{color:#000; font-size:1.4em;font-weight:bolder;float:none;position:relative;}

.parceiros figure{border:1px solid #CCC;margin-right:1%;}

.parceiros figure img{width:100%;}

.parceiros hr{

	width:10%;

	float:none;

	position:relative;

	background-color:#ff7700;

	height: 3px;

	border:none;

}





/* NOSSOS FORNECEDORES -------------------------------------------------------------*/



.fornecedores figure{border:1px solid #CCC;margin-right:1%;}

.fornecedores figure img{width:100%;}





/* BLOG HOME -------------------------------------------------------------*/



.bloghome{

	width:100%;

	background:url(/img/bg-blog.png);

	padding:70px 0;

	text-align:center;

}



.bloghome h1{color:#fff; font-size:1.6em;font-weight:bolder;}

.bloghome p{color:#fff; font-size:0.8em;}



.bloghome a{

	padding:16px 14px;

	background:none;

	border:1px solid #fff;

	border-radius:6px;

	margin:0 1.5% 0 0;

	color:#fff;

	font-size:0.8em;

	font-weight:bold;

}



.bloghome a:hover{

	background:#fff;

	color:#333;

}



.bloghome hr{

	width:10%;

	float:none;

	position:relative;

	background-color:#ff7700;

	height: 3px;

	border:none;

}



/* CHAMADA LOJA -------------------------------------------------------------*/

.chamada-loja{

	width:100%;

	background:#ff7700;

	padding:40px 0;

}



.chamada-loja h1{color:#fff; font-size:1.0em;font-weight:bolder;}



.chamada-loja a{

	padding:16px 14px;

	background:none;

	border:1px solid #fff;

	border-radius:6px;

	color:#fff;

	font-size:0.8em;

	font-weight:bold;

}



.chamada-loja a:hover{

	background:#FFF;

	color:#ff7700;

	font-size:0.8em;

	font-weight:bold;

}



/* CONTEÚDO PÁGINAS ----------------------------------------------------*/



.banner-conteudo{background: url(/img/quem-somos.png) center !important;}



/* VALORES -------------------------------------------------------------*/



.valores{

	width:100%;

	background:url(/img/valores-bg.png);

	padding:70px 0;

	text-align:center;

}



.valores h1{color:#fff; font-size:1.6em;font-weight:bolder;}

.valores h2{color:#fff; font-size:1.2em;font-weight:bolder;}

.valores p{color:#fff; font-size:0.8em;}



.valores hr{

	width:10%;

	float:none;

	position:relative;

	background-color:#FFF;

	height: 3px;

	border:none;

}



/* SERVIÇOS -------------------------------------------------------------*/



.servicos-1{background:url(/img/eletrica.png);}

.servicos-2{background:url(/img/ar-condicionado.png);}

.servicos-3{background:url(/img/iluminacao.png);}

.servicos-4{background:url(/img/cabeamento-estruturado.png);}



.servicos hr{

	width:10%;

	float:none;

	position:relative;

	background-color:#ff7700;

	height: 3px;

	border:none;

}



.servicos a{

	width:100%;

	padding:100px 0;

	margin:15px 0;

	float:left;

	position:relative;

	background: rgba(0,0,0,0.3);

	color:#fff;

	font-size:1.2em;

	font-weight:bold;

}



.servicos a:hover{background:rgba(255,119,0,0.8);}



.fotos-servicos img{width:100%;}



.produto h1{color:#333; font-size:1.6em;font-weight:bolder;}

.produto hr{

	width:10%;

	float:none;

	position:relative;

	background-color:#ff7700;

	height: 3px;

	border:none;

}

.produto-categorias h2{color:#ff7700; font-size:1.0em;font-weight:bolder;}



.produtos-categorias a{width:100%;float:left;position:relative;color:#999;border-bottom:1px #DDD solid;padding:20px 0;}

.produtos-categorias a:hover{color:#ff7700;}



.lista-produtos figure{

	text-align:center;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    transition: 0.5s;}

.lista-produtos figure:hover{

	cursor:pointer;

	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);

    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);

	-webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    transition: 0.5s;

}



.lista-produtos figure h1{color:#333; font-size:1.2em;font-weight:bolder;}

.lista-produtos figure h2{color:#ff7700; font-size:1.0em;font-weight:bolder;}

.lista-produtos img{width:100%;margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #CCC;}



.produto-img img{width:100%;}



.produto-txt h1{color:#333; font-size:1.6em;font-weight:bolder;}

.produto-txt h2{color:#ff7700; font-size:2.2em;font-weight:bolder;}

.produto-txt p{color:#333; font-size:0.9em;}

.produto-txt a{background:#ff7700;color:#fff;font-size:0.9em;padding:20px 30px;border-radius:6px;}

.produto-txt a:hover{background:#333;}



.contato h2{

	font-size:1.2em;

	color:#666;

	font-weight:300;

}



.contato hr{

	width:10%;

	float:none;

	position:relative;

	background-color:#ff7700;

	height: 3px;

	border:none;

}



.contato p{

	font-size:0.85em;

	color:#666;

	font-weight:300;

}



.contato a{

	font-size:0.85em;

	color:#666;

	font-weight:300;

}



.contato a:hover{color:#ff7700;}



/* TABS ------------------------------------------------------------------*/

    .main {margin: 0 auto; min-width: 320px;}

   .content {background: #fff; color: #373737;}

   .content > div {display: none; padding: 20px 25px 5px; border:1px solid #CCC;}

 

   .tab-produtos input {display: none;}

   label {display: inline-block; padding: 15px 2%; margin:0; font-weight: 600; text-align: center; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;}

   label:hover {color: #666; cursor: pointer;}

   input:checked + label {background: #ff7700; color: #fff;}

 

   #tab1:checked ~ .content #content1,

   #tab2:checked ~ .content #content2,

   #tab3:checked ~ .content #content3,

   #tab4:checked ~ .content #content4,

   #tab5:checked ~ .content #content5,

   #tab6:checked ~ .content #content6 {

     display: block;

   }

   

   .tab-produtos figure{text-align:center;}

   .tab-produtos figure img{width:100%;margin-bottom:2%;}

   .tab-produtos figure a{

	font-size:1.0em;

	color:#333;

	font-weight:600;

   }

   .tab-produtos figure a:hover{color:#ff7700;}

   

   .ver-mais a{color:#ff7700;font-size:0.9em;font-weight:bold;}

   .ver-mais a:hover{color:#333;}





/* FORM ----------------------------------------------------------------*/



.field{

	 width:96%;

	 float:left;

	 position:relative;

	 padding:2%;

	 font-size:0.8em;

	 color:#666;

     margin: 10px 0 0 0;

	 border: 2px solid #EEE;

     background: #fff;

     color:#666;

     display:inline-block;

}



.field-pesquisa{

	 width:96%;

	 float:left;

	 position:relative;

	 padding:10px 2%;

	 font-size:0.8em;

	 font-weight:bold;

	 text-align:center;

	 color:#fff !important;

	 border: 2px solid #eb7500;

     background: #eb7500;

     display:inline-block;

}



.field-pesquisa::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color:    #fff;

}

.field-pesquisa:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:    #fff;

   opacity:  1;

}

.field-pesquisa::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:    #fff;

   opacity:  1;

}

.field-pesquisa:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:    #fff;

}



.button{

	width:96%;

	cursor:pointer;

	background:#ff7700;

	-webkit-background:#ff7700;

	-moz-background:#ff7700;

	color:#fff;

	margin:20px 15px 0 0;

	padding:2%;

	font-size:0.9em;

	display:block !important;

	float:left;

	position:relative;

	border:1px solid #ff7700;

	border-radius:6px;

	-webkit-border-radius:6px;

	-moz-border-radius:6px;

	border-right:none;

	-webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    transition: 0.5s;

}



.button:hover {

	background: #F60;

	-webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    transition: 0.5s;

}



/* FOOTER -------------------------------------------------------------*/



footer{width:100%;background:#111; padding:60px 0 0 0;}



footer h1{color:#ff7700; font-size:1.0em;font-weight:bolder;}



footer p{color:#999; font-size:0.8em;}



footer .link-1 a{

	width:100%;

	float:left;

	position:relative;

	padding:10px 0;

	border-bottom:1px solid #999;

	color:#999;

	font-size:0.8em;

}



footer .link-1 a:hover{color:#ff7700;}



footer .link-2 a{

	color:#999;

	font-size:0.8em;

}



footer .link-2 a:hover{color:#ff7700;}



.copy{width:100%;background:#000;padding:30px 0; margin:60px 0 0 0;font-size:0.8em;text-align:center;color:#666;} 

.copy a{color:#666;}

.copy a:hover{color:#ff7700;}