@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300);
@font-face {
	font-family: 'ufontscomfuturabook';
	src: url('font/ufontscomfuturabook.eot');
	src: local('ufontscomfuturabook'), url('font/ufontscomfuturabook.woff') format('woff'), url('font/ufontscomfuturabook.ttf') format('truetype');
}
@import url(https://use.fontawesome.com/releases/v5.0.13/css/all.css);

body		{ width:100%; margin:0 auto; display:table; font: 16px 'Raleway', sans-serif; font-weight:300; color:#3b3c3d;}

.faixa 					{ width:100%; margin:0 auto; height:5px; background:#FEC10D;}
.topo					{ width:100%; display:table; max-height:760px; margin-bottom:5px;}
.topo .vort-left		{ width:14%; float:left; position:relative; left:0; z-index:9999}
.topo .vort-right		{ width:14%; float:right; position:relative; right:0; z-index:999;}
.topo #topo				{ width:1300px; margin:0 auto; }
.topo #topo	.logo		{ width:15%; float:left; margin-top:18px; margin-bottom:30px; text-align:right;}
.topo #topo	.logo img	{ width:100%;}
.topo #topo #menu		{ widows:83%; display:table; margin:0 auto; float:right; position: relative; z-index: 9999999;}
@media screen and (max-width:1400px){.topo #topo{ width:80%;}}
@media screen and (max-width:1300px){.topo #topo{ width:100%;}.topo #topo #menu{ width:100%; }.topo #topo .logo{ width:100%; text-align: center}.topo #topo .logo img{ width:200px; text-align:center; margin:0; float: none;}}
@media screen and (max-width:400px){.topo #topo .logo img{ width:40%; margin-top:0;}}

.wrapper	{ width:1300px; display:table; margin:30px auto; text-align:justify; color:#3b3c3d;}
.titulo		{ font-size:30px; color:#00AABC; font-weight:400;line-height:34px;}
.titulo2	{ font-size:45px; color: #fff; line-height: 50px; font-weight: bold;	}
.titulo3	{ font-size:25px; color:#00AABC; font-weight:400;}
.subtitulo	{ font-size:22px; font-weight:400;line-height:34px;}
.verde		{ color:#00AABC;}
.amarelo	{ color:#FEC10D;}
.branco 	{ color:#FFFFFF}
.cinza 		{ color: #626365; }
a			{ text-decoration: none;}
p 			{ line-height:24px; font-weight:500;}
@media screen and (max-width:1400px){.wrapper{ width:80%;}}
@media screen and (max-width:600px){.wrapper{ width:90%;}}

/*FORMULARIO*/
input[type=text] 			{  font: 14px 'Raleway', sans-serif;  border: 1px solid #CCC; height:45px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#626365;  outline:none; padding:0 10px; width:92%; margin-bottom:10px; line-height:30px;}
textarea					{  font: 14px 'Raleway', sans-serif;  border: 1px solid #CCC; height:100px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#626365; padding:10px; outline:none;width:92%; overflow:hidden;}
input[type=button] 			{ background:#00AABC; height:34px; border:none; padding: 10px 15px; font: 16px 'Raleway', sans-serif;  color:#FFF; cursor: pointer; width:140px; margin:0 auto; line-height:10px; margin-bottom:10px; float:none; outline:none;}
input[type=button]:hover	{ background:#FEC10D; color:#fff;}
#erro						{ color:#F00; margin:10px; font-size: 15px;}
input[type=submit] 			{ background:#00AABC; height:34px; border:none; padding: 10px 15px; font: 16px 'Raleway', sans-serif;  color:#FFF; cursor: pointer; width:140px; margin:0 auto; line-height:10px; margin-bottom:10px; outline:none;}
input[type=submit]:hover	{ background:#FEC10D; color:#fff;}
input.calltoaction			{ background:#FEC10D; color:#fff; font-size:18px; width:350px; padding: 20px; height:auto;}
input.calltoaction:hover			{ background:#00AABC; }

@media screen and (max-width:350px){input.calltoaction{ width: 100%;}}

::-webkit-input-placeholder { color:#c1c2c3;  font: 14px 'Raleway', sans-serif; padding:8px 0 0 0;}
:-moz-placeholder			{ color:#c1c2c3;  font: 14px 'Raleway', sans-serif; padding:8px 0 0 0;}
::-moz-placeholder 			{ color:#c1c2c3;  font: 14px 'Raleway', sans-serif; padding:8px 0 0 0;}
:-ms-input-placeholder 		{ color:#c1c2c3;  font: 14px 'Raleway', sans-serif; padding:8px 0 0 0;}

.mapa iframe	{ border:none;  pointer-events: none;}

.formulario 							{text-align: center; background: #00AABC; padding: 3% 2% 2% 2%; display: table; border-radius: 25px; width: 96%; color: #fff;}
.formulario input[type=text], 
.formulario textarea					{ border: none;}
.formulario input[type=file]			{ width: 90%; display: table; margin: 10px auto; background: #FFF; padding: 15px;  border-radius:5px;}
.formulario input[type='button']		{ background: #FEC10D; color: #fff}
.formulario input[type='button']:hover  { background: #fff; color: #00AABC}

/*BANNER PÁGINAS*/
.faixa_empresa			{ width: 100%; height: 190px; background: url('../imagens/faixa1.png') no-repeat center center; background-size: cover; display: table}
.faixa_sol_empresa		{ width: 100%; height: 190px; background: url('../imagens/faixa2.png') no-repeat center center; background-size: cover; display: table }
.faixa_sol_residencia	{ width: 100%; height: 190px; background: url('../imagens/faixa3.png') no-repeat center center; background-size: cover; display: table }
.faixa_sistema			{ width: 100%; height: 190px; background: url('../imagens/faixa4.png') no-repeat center center; background-size: cover; display: table }
.faixa_perguntas		{ width: 100%; height: 190px; background: url('../imagens/faixa5.png') no-repeat center center; background-size: cover; display: table }
.faixa_projetos			{ width: 100%; height: 190px; background: url('../imagens/faixa7.png') no-repeat center center; background-size: cover; display: table }
.faixa_parceiros		{ width: 100%; height: 190px; background: url('../imagens/faixa9.png') no-repeat center center; background-size: cover; display: table }
.faixa_contato			{ width: 100%; height: 190px; background: url('../imagens/faixa10.png') no-repeat center center; background-size: cover; display: table }
.faixa_orcamento		{ width: 100%; height: 190px; background: url('../imagens/faixa8.png') no-repeat center center; background-size: cover; display: table }

/* HOME - GERAÇÃO */
.geracao						{ width:100%; margin:0 auto; display:table; background:#00AABC; }
.geracao a						{ color:#FFF;}
.geracao #geracao				{ margin-top:10px;}
.geracao #geracao .bloco		{ width:30%; margin:1.5%; float:left; text-align:center; color:#FFF; font-size:20px; line-height:80px; font-weight:600; padding-top:30px;}
.geracao #geracao .bloco img	{ width:50%;}
@media screen and (max-width:770px)	{.geracao #geracao .bloco{ width:90%;}.geracao #geracao .bloco img	{ width:200px;}}

/*EMPRESA*/
#empresa 			{ margin-top: 90px;}
#empresa img 		{ float: right; margin: 0 0 20px 20px;  width: 500px; margin-top: -50px;}
#empresa .bloco		{ width:96%; margin:0 auto; text-align:justify; padding: 2%; margin: 2% 0; border-bottom:1px solid #ccc; }
@media screen and (max-width:1140px){#empresa img 	{ float: none; margin: 0 auto; display: table;}}
@media screen and (max-width:770px)	{#empresa .bloco { width:95%; margin:0 auto}}
@media screen and (max-width:580px)	{#empresa img 	{ width:300px; margin:0 auto}}

/*SOLUÇÕES DE EMPRESA*/
#solucao-empresa .col1				{ width: 60%; float: left; text-align: justify; }
#solucao-empresa .col1 img			{ width: 500px;}
#solucao-empresa .col2				{ width: 35%; float: right; text-align: center; }

#solucao-empresa .bloco				{ width:50%; display:table; float: left; margin:2.5% 0; text-align:center;}
#solucao-empresa .bloco p			{ color:#00AABC; font-weight:bold;}
#solucao-empresa .bloco .col1		{ width:50%; float:left; text-align:center;}
#solucao-empresa .bloco .col1 img	{ width:130px; margin:0 0 0 20px;}
#solucao-empresa .bloco .col2		{ width:50%; float:right; text-align:justify;}
@media screen and (max-width:760px)	{ #solucao-empresa .bloco .col1{ width:90%; margin:2% 5%} #solucao-empresa .bloco .col2{ width:90%; margin:2% 5%;}}
@media screen and (max-width:520px)	{ #solucao-empresa .bloco{ width:95%; margin:2%;}}

/*SOLUÇÕES RESIDENCIAIS*/
#solucao-residencial .col1						{ width: 60%; float: left; text-align: justify; }
#solucao-residencial .col2						{ width: 35%; float: right; text-align: center; }
#solucao-residencial .bloco1					{ width:100%; margin:0 auto; display:table}
#solucao-residencial .bloco1 .col1				{ width:40%; float:left; text-align:center; display:table}
#solucao-residencial .bloco1 .col1 img			{ width:95%; margin-top:70px;}
#solucao-residencial .bloco1 .col2				{ width:55%; float:right; text-align:justify;}
#solucao-residencial .bloco1 .col2 img			{ display:none}
#solucao-residencial .bloco1 .col2 .titulo		{ text-align:right;}
@media screen and (max-width:800px)	{#solucao-residencial .bloco1 .col1 { display:none}#solucao-residencial .bloco1 .col2	{ width:92%; margin:4%;}#solucao-residencial .bloco1 .col2 .titulo{ text-align:center;}#solucao-residencial .bloco1 .col2 img { display:table; text-align: center; width:350px; margin:0 auto;}}
@media screen and (max-width:350px)	{#solucao-residencial .bloco1 .col2 img { width:100%;}}

#solucao-residencial .bloco				{ width:50%; display:table; float: left; margin:2.5% 0; text-align:center;}
#solucao-residencial .bloco p			{ font-weight:bold;}
#solucao-residencial .bloco .col1		{ width:50%; float:left; text-align:center;}
#solucao-residencial .bloco .col1 img	{ width:130px; margin:0 0 0 20px;}
#solucao-residencial .bloco .col2		{ width:50%; float:right; text-align:justify;}
@media screen and (max-width:760px)	{ #solucao-residencial .bloco .col1{ width:90%; margin:2% 5%} #solucao-residencial .bloco .col2{ width:90%; margin:2% 5%;}}
@media screen and (max-width:520px)	{ #solucao-residencial .bloco{ width:95%; margin:2%;}}

/*PROJETOS*/
#projetos .galeria ul 	{ width: 100%;}

/*PERGUNTAS FREQUENTES*/
#accordion .subtitulo 	{ outline: none; }

/*FAIXAS*/
.faixa-verde				{ background:#00AABC; width:100%; display:table; text-transform:uppercase; height: 200px; }
.faixa-verde .wrapper		{ margin:0 auto;}
@media screen and (max-width:980px)	{.faixa .wrapper{ width:95%; margin:0 2%;}}
.faixa-verde .titulo		{ color:#FFF; text-align:right;}

.faixa-amarela				{ background:#FEC10D; width:100%; display:table;}
.faixa-amarela .wrapper		{ margin:0 auto;}
@media screen and (max-width:980px)	{.faixa .wrapper{ width:95%; margin:0 2%;}}
.faixa-amarela .titulo		{ color:#FFF; text-align:right;}

/* SOLUÇÕES DE ENSINO*/
#solucao-ensino .bloco1						{ width:100%; margin:0 auto; display:table; }
#solucao-ensino .bloco1 .col1				{ width:40%; float:left; text-align:center; display:table}
#solucao-ensino .bloco1 .col1 img			{ width:95%; margin-top:70px;}
#solucao-ensino .bloco1 .col2				{ width:55%; float:right; text-align:justify; }
#solucao-ensino .bloco1 .col2 img			{ display:none}
#solucao-ensino .bloco1 .col2 .titulo		{ text-align:right;}
@media screen and (max-width:800px)	{#solucao-ensino .bloco1 .col1 { display:none}#solucao-ensino .bloco1 .col2	{ width:92%; margin:4%;}#solucao-ensino .bloco1 .col2 .titulo{ text-align:center;}#solucao-ensino .bloco1 .col2 img { display:table; text-align: center; width:350px; margin:0 auto;}}
@media screen and (max-width:350px)	{#solucao-ensino .bloco1 .col2 img { width:100%;}}

#solucao-ensino .bloco				{ width:50%; display:table; float: left; margin:2.5% 0; text-align:center;height:250px;}
#solucao-ensino .bloco p			{ font-weight:bold;}
#solucao-ensino .bloco .col1		{ width:50%; float:left; text-align:center;}
#solucao-ensino .bloco .col1 img	{ width:130px; margin:0 0 0 20px;}
#solucao-ensino .bloco .col2		{ width:50%; float:right; text-align:justify;}
@media screen and (max-width:760px)	{ #solucao-ensino .bloco .col1{ width:90%; margin:2% 5%} #solucao-ensino .bloco .col2{ width:90%; margin:2% 5%;}}
@media screen and (max-width:520px)	{ #solucao-ensino .bloco{ width:95%; margin:2%;}} 

/*SISTEMAS FOTOVOLTAICOS*/ 
#sistema-fotovoltaico .col1 		{ width:38%; float:left; margin-bottom:30px;text-align:center;}
#sistema-fotovoltaico .col1 img 	{ display: table; width: 100%;}
#sistema-fotovoltaico .col2 		{ width:55%; float:right; margin-top:00px;text-align:center; background: #c9eaf4; padding: 1% 2.5%; }
#sistema-fotovoltaico .col2 img		{ width:45px; float:left; margin-right: 15px;}
.solicite_bt						{ width: 500px; margin: 40px auto; display: table;background: #FEC10D; color: #fff; text-align: center; font-weight: 700; font-size: 30px;}
.solicite_bt a 						{ width: 100%; padding: 20px 0; color: #fff; display: table}
.solicite_bt:hover 					{ background: #00AABC;}
@media screen and (max-width:1200px){#sistema-fotovoltaico .col1 { width: 100%; margin: 0 auto; float: none;}#sistema-fotovoltaico .col2 { width: 90%; margin: 30px auto; float: none; display: table;} #sistema-fotovoltaico .col1 img { width: 500px; margin: 0 auto; float: none;}}
@media screen and (max-width:510px){#sistema-fotovoltaico .col1 img { width: 90%; margin: 0 auto;}.solicite_bt{ width: 100%;}}

/* HOME - COMO ADQUIRIR */
.como-adquirir 						{ width: 100%; background: #f1f1f1; display: table; margin-top: 50px;margin-bottom:0px;}
.como-adquirir .numero-verde		{ background:#00AABC; padding:5px 10px; border-radius:20px; color:#FFF; font-family:Arial;}
.como-adquirir .bloco				{ width:12%; min-height:200px; text-align:center; float:left; margin:10px 1%;}
.como-adquirir .bloco img			{ width:120px; margin:0 0 -14px 0;}
@media screen and (max-width:1100px){.como-adquirir .bloco{ width: 30%; margin: 10px 1.5%;}}
@media screen and (max-width:830px){.como-adquirir .bloco{ width: 47%;}}
@media screen and (max-width:510px){.como-adquirir .bloco img{width:100px;}.como-adquirir .bloco{ height: 250px;}}

/* HOME - COMO FUNCIONA */
.como-funciona						{ width:100%; margin:0 auto; padding-bottom:30px; padding-top:30px; background:#e0e0e0; color: #3b3c3d;}


/*HOME - PRINCIPAIS VANTAGENS*/	
#vantagem 							{ background: #f1f1f1;}
.vantagens 							{ width: 100%; display: table;}
#vantagens 							{ margin: 30px auto 60px auto;}
#vantagens .vantagens 				{ text-align:center; width:60%; float: left; text-align: center; margin:0 auto; display: table;}
#vantagens .vantagens .bloco		{ width:30%; margin:0 auto; text-align:center; float:left; margin:1.5%; height: 230px; font-size: 16px; color: #626365; font-weight: 400}
#vantagens .vantagens .bloco img	{ width: 100px;}

#vantagens .formulario				{ width: 33%; float: right;}
@media screen and (max-width:1200px){#vantagens .vantagens{ width: 100%; margin: 20px auto; float: none;}#vantagens .formulario{ width: 95%;margin: 0 auto; float: none;}#vantagens .vantagens .bloco{ font-size: 16px;}}
@media screen and (max-width:620px){#vantagens .vantagens .bloco{ width: 47%;}}
@media screen and (max-width:440px){#vantagens .vantagens .bloco{ width: 97%; height: auto;}}


/*MINERAÇÃO DE ENERGIA*/
#minigeracao img		{ float:left; width:300px; margin-right:20px; margin-bottom:10px;}
@media screen and (max-width:600px)	{#minigeracao img{ margin-right:20%; margin-left:20%;}}
@media screen and (max-width:500px)	{#minigeracao img{ width:80%; margin:0 auto; margin:2% 10%; }}

/*COMPENSAÇÃO DE CREDITO*/
#compensacao-credito img		{ float:left; width:220px; margin-right:50px; margin-bottom:10px;}
@media screen and (max-width:600px)	{#minigeracao img{ margin-right:20%; margin-left:20%;}}
@media screen and (max-width:500px)	{#minigeracao img{ width:80%; margin:0 auto; margin:2% 10%; }}

/*PARCEIROS*/
#parceiros .bloco 			{ width:30%; margin:0 auto; text-align:center; margin:1.5%; float:left; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
#parceiros .bloco:hover 	{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(100%); filter: grayscale(0%);-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
#parceiros .bloco img 		{ width:90%; }
@media screen and (max-width:700px)	{#parceiros .bloco 	{ width:42%; margin-top:30px; }}
@media screen and (max-width:500px)	{#parceiros .bloco 	{ width:90%; margin-top:30px; }}

/*RODAPÉ*/

.rodape					{ width:100%; min-height: 160px; display:table; line-height: 25px; text-align:center; background:#00AABC; padding-top:30px; color:#FFF;font-size:14px;}
.rodape .centro			{ width:1300px; margin:0 auto; display:table;} 
.rodape a				{ color:#FFF;}
.rodape a:hover			{ color:#CCC;}
.rodape	.title			{ font-size:17px; font-weight: bold;}
.rodape	.bloco01		{ width:30%; text-align:left; float:left; display:table;}
.rodape	.bloco02		{ width:40%; text-align:left; float:left; display:table;}
.rodape	.bloco03		{ width:30%; text-align:right; float:left; display:table;}
.rodape .credito		{ width: 60%; margin: 0 auto; margin-top: 20px;}
.rodape .mogicomp		{ float: right; margin-top: -30px}
.rodape .selo			{ width: 150px; }

@media screen and (max-width:1400px){.rodape .centro{ width: 80%;}}
@media screen and (max-width:600px){.rodape .centro{ width: 90%;}}
@media screen and (max-width:770px)		
{ 
	.rodape	.bloco01			{ width:48%; float:left;}	
	.rodape	.bloco02			{ width:48%; float:right; }
	.rodape	.bloco03			{ width:90%; float:none; text-align:center; margin-top:20px;}
	.rodape #rodape			{ width:90%; font-size:12px;} 
	.copy					{ font-size:12px;}
	.rodape .credito		{ width: 90%;}
}
@media screen and (max-width:450px){.rodape	.bloco01, .rodape	.bloco02 { width: 90%; float: none; margin-top: 20px}} 


/*CONTATO*/
label									{width:100%;}
#contato .bloco 						{ width: 46%; float: left; margin: 50px 2%;}

@media screen and (max-width:720px){#contato .bloco { width: 100%; margin: 20px auto;}}


/* JANELA */
.janela				{ font:15px 'Raleway', sans-serif; font-weight:300; color:#FFF; width:90%; text-align:center; overflow:hidden; background-color:none; padding: 30px; border:none; position:fixed; text-align:center; top: 50%; left: 50%; right: 50%; z-index: 999999;}
#mask 				{ display: none; background: #000;  position: fixed; left: 0; top: 0;  z-index:150; width: 100%; height: 100%; opacity: 0.8; z-index: 90;}
.close_janela       {  position:absolute; right:0; top:0; font: 26px Calibri; cursor:pointer; _cursor:hand; color:#900;}
.window				{ display:none; width:60%;top:10%; position:fixed; left:0;  z-index:9900; padding:25px; border-radius:10px; }
#mascara			{ display:none; position:absolute; left:0; top:0; z-index:9000; background-color:#000; }
.fechar				{ display:block; text-align:right; color:#ef4e22;}
.janela input[type=button]{ font: 15px 'Raleway', sans-serif;  border: none; background:#22ACE3; height:45px; color:#fff;  outline:none; padding:0 10px; width:100px; margin-bottom:10px; line-height:30px;}
.janela_pop					{ font: 15px Overlock; width:600px; height:600px; overflow:hidden; background:none; padding: 0 0 0 0; position:fixed; text-align:center; top: 50%; bottom:50%; left: 50%; right: 50%; /* Centralizar */ z-index: 99999; }
.imagem-popup				{ width:90%;}
@media screen and (max-width:600px)	{ .janela_pop { width:100%; top:65%;}}

.x							{ width:80%; float:right;}
@media screen and (max-width:980px)	{.window{width:95%; padding:0;}}