.quadroenergia{	float: left; width: 22%;}
.quadroenergia img{	width: 120px; margin-left: 10px;} 
.quadroenergia p{  text-align: justify; text-justify: none;}

.setaenergia{ float: left; width: 4%;}
.setaenergia img{margin-left: 5px; margin-top: 40px; width: 20px;}

.ecologia{width: 100%; background-color: #a8cf45; clear: both; border: 0px solid gray; margin: 0 auto; height: 300px; margin-top: 0px; overflow: hidden;}
.eco{width: 40%; float: left; color: white; border: 0px solid gray; padding: 10px;}
.eco p{padding-left: 0px; padding-top: 20px; text-align: left;}

.economia{width: 100%; clear: both; border: 0px solid gray; margin: 0 auto; min-height: 540px; background-color: #e7e8e9;}
.ecn_energia{ float: left; width: 21%; margin-left: 2%; margin-right: 2%;	text-align: center;	border: 0px solid gray;}
.ecn_energia img{ height: 100px; margin-left: 0px;}


.pmontagem{	clear: both; width: 12%; float: left;	border: 0px solid gray;	min-height: 100px;}
.pmontagem img{	width: 85%;	padding-top: 10px;	padding-bottom: 10px;}
.pmontagem_t1{ width: 23%; float: left; border: 0px solid gray; min-height: 70px;	padding-top: 25px;}
.pmontagem_t1 h2{color: #FFA500;}
.pmontagem_txt{	width: 65%; float: left; border: 0px solid gray; min-height: 70px; padding-top: 30px;}


.calculadora input[type="text"], input[type="email"], input[type="tel"]{ background-color: white; border:solid 1px gray; color: gray; height: 23px; padding-left: 5px; width: 230px;  margin: 1px; margin-top: 0; position: relative; top: -1px;}
.calculadora input[type=submit], input[type=button]{ width: 230px; background-color: #7F7F7F; color: white; font: 13px/16px Arial; height: 24px; border: 0px solid gray; position: realtive; left: 130px}
.calculadora input[type=submit]:hover, input[type=button]:hover{ background-color: #FFA500;}

.orcamento{ width: 350px; float: left;}
.orcamento input{ padding-left: 5px; margin-top: 5px; float: left; width: 350px;}
.orcamento input[type=submit], input[type=button]{ width: 130px; background-color: #7F7F7F; color: white; font: 13px/16px Arial; height: 24px; border: 0px solid gray; position: relative; left: 172px;}
.orcamento input[type=submit]:hover, input[type=button]:hover{ background-color: #FFA500;}
.orcamento textarea{ margin-left: 1px; margin-top: 5px; float: left; width: 350px;  background-color: white; border: 1px solid gray; color: gray; padding: 5px; max-height: 86px; min-height: 86px;}

select{ background-color: white; height: 23px;  width: 230px; color: gray; padding-left: 0px; box-shadow: 0px ; border: 1px solid gray; margin: 3px; margin-left: 1px;}


.fichatecnica, .fichatecnica_orc{ font: 15px/17px calibri;	color: gray; float: left;}  
.fichatecnica td{ padding-right: 5px; padding-top: 3px; } 
.fichatecnica_orc td{ padding-right: 5px; padding-top: 3px;  text-align: left;}  
.fichatecnica div{ padding-left: 4px; border-radius: 5px;} 
.fichatecnica_orc div{ padding-left: 4px; border-radius: 2px; background-color: white;}  

.caixaatent{ position: relative; top: -15px; width: 300px; border: 3px solid gray; height: 210px; float: right;}
.caixaatent p{	padding: 5px; color: gray;}
.box{width: 100%; background-color: gray; color: white; text-align: center; font: 14px/17px Calibri; font-weight: 800; }
.loja{ float: left; }
.loja p{ padding: 0px; margin: 0px;	color: gray;font: 16px/19px Calibri;text-align: left; width: 400px; }


.black_div{	display: none; width: 100%; height: 100%; background-color: black; position: fixed; top: 0; left: 0; z-index: 10; opacity: 0.7;	filter: Alpha(opacity=70); margin: 0 auto;}

.popupcontainer{ display: none;	width: 700px; height: 320px; position: fixed;right: calc(50% - 350px);top: calc(50% - 160px);background-color: white;z-index:13;}
.popupcontainer div.texto{ padding: 20px; padding-top: 12px;padding-right: 34px;}
.popupcontainer div.texto img{ padding: 20px;width: 350px;}

div.close {top: 5px; clear: both; position: relative; right: -330px;}

.close a{text-decoration: none;	font: 16px/18px calibri;color: gray;}

.popupcontainer td{	font: 16px/19px Calibri;text-align: center;}

#fileList{	padding: 5px;font: 14px/16px Calibri; width: 306px;text-align: left;}
#fileList li{display: block;}



.envio{	float: right; width: 350px; height: 240px; background-color: gray; margin: 12px; margin-right: 0px;	padding: 22px;text-align: left;}
.envio p{padding: 0;margin-bottom: 10px;}
.envio input{ padding: 0px; width: 180px;color: gray;margin-bottom: 10px;}
.fundo{width: 100%; background-image:  url('../imagens/fundo_i_1.png'); clear: both; border: 0px solid gray; margin: 0 auto; height: 204px; }
.fundob{width: 100%; height: 140px; background-color: #daf0fb; margin: 0 auto; display: inline-block; }
.imagem_eco{width: 60%; float: left; border: 0px solid gray; }
.faixa_azul{width: 100%; background-color: #a0bdcb; clear: both; border: 0px solid gray; height: 84px; margin: 0 auto; }
h1.calculadora{color: white; padding-top: 20px;}
.imagem_calculadora{float: right; width: 65%; text-align: right;}
div.calculadora{ width: 35%; float: left;}
#box_valor{width: 250px; position: relative; margin-top: 7px;}
#preco{ position: relative; top: -65px; left: 34px; color: white ; font: 32px/32px Calibri; font-weight: 800;}
#imgInversor{ float: right; width: 330px;}
.fundo_orc{background-color: #A7A7A7; height: 360px;}
.arquivos{ width: 306px; background-color: white; height: 110px; overflow: auto ; }
.calc_ficha{padding: 4px; width: 400px;background-color: #FFA500; border-radius: 5px; margin: 0 auto; font: 14px/19px calibri;}
div.divconta{float: right;}
#popup3_conteudo{ height: 180px;}
.largura{max-width: 800px;}
/*
header.small #submenu ul{float: left;}
header.small #submenu li{ margin-top: 2px; padding-right: 10px; margin-right: 20px;}
header.small #submenu li a{ font-weight: bolder; font: 13px/14px Calibri; color: white; padding-top: 0px; text-transform: none}
header.large #submenu ul{float: left;}
header.large #submenu li { margin-top: 2px; padding-right: 10px; margin-right: 20px;}
header.large #submenu li a{ font-weight: bolder; font: 13px/14px Calibri; color: white; padding-top: 0px; text-transform: none}*/




header.small #submenu_b ul{float: left;}
header.small #submenu_b li{ margin-top: 2px; padding-right: 10px; margin-right: 20px;}
header.small #submenu_b li a{ font-weight: bolder; font: 13px/14px Calibri; color: white; padding-top: 0px; text-transform: none}
header.large #submenu_b ul{float: left;}
header.large #submenu_b li { margin-top: 2px; padding-right: 10px; margin-right: 20px;}
header.large #submenu_b li a{ font-weight: bolder; font: 13px/14px Calibri; color: white; padding-top: 0px; text-transform: none}

#submenu_b{width: 100%; background-color: #FFA500; height: 25px; }
#bt_orcamento{width: 100px; height: 16px; border: 1px solid white; font: 11px/12px Calibri; position: relative; top: -17px; clear: both; float: right; margin-right: 20px; padding-top: 2px; color: white;}

.captcha{ position:relative; left:48px; clear: both;}

@media only screen and (max-width: 800px) {

.fluid_container{position: relative; top: 36px;}
.largura{width: 94%}
.quadroenergia{width: 50%;}
.setaenergia{display: none;}
p{padding: 10px;}
p.big{margin-top: -20px;}
.quadroenergia img{	width: 140px; margin: 10px 0 0 0;} 
.fundo{background-image: none; height: 130px;}
.fundob{background-color: white;}
.ecn_energia{ float: left; width: 44%; margin-left: 3%; margin-right: 3%;	text-align: center;	border: 0px solid gray;}
.economia{height: 770px;}


.pmontagem{	clear: both; width: 20%; min-height: 100px;}
.pmontagem img{	width: 60%;}
.pmontagem_t1{ width: 26%; float: left; border: 0px solid gray; min-height: 70px;	padding-top: 25px;}
.pmontagem_txt{	width: 54%; padding: 0 24px 30px 24px;}

div.calculadora{width: 60%; padding: 0 12px 0 12px; margin: 0 auto;}
.imagem_calculadora{ width: 39%; overflow: hidden;}

#submenu_b{position: fixed; top: 111px; z-index: -1;}
header.small.menu-hv  #submenu li{ margin-top: 2px; padding-right: 0px; margin-right: 0px;}

header.small div.sombra{top: 83px;}

header.large #submenu ul, header.small #submenu ul{top: 0px;}
header.large #submenu li, header.small #submenu li{margin-top: 2px; padding-right: 2px; margin-right: 12px;}
#bt_orcamento{width: 100px; height: 16px; border: 1px solid white; position: relative; top: -17px; clear: both; float: right; margin-right: 10px;}

.largura_b{margin-left: 20px;}
#preco{ width: 250px; }
#imgInversor{ width: 50%; top: -30px; position: relative; z-index: -1}
#retorno{display: none;}
.orcamento, .orçamento input, .orçamento textarea { width: 100%; overflow: hidden; height: 570px;}
.orcamento input[type=submit]{ margin-top: -10px; position: absolute; width: 130px; left: 170px; }
.envio{padding: 10px; float:left; margin: 1px; position: relative; top: -378px; width:100%; max-width: 350px;}
.fundo_orc{height: 570px; top: 0;}
.calc_ficha{width: 90%;}
.loja p{width: 260px;}

.arquivos{height: 100px; width: 100%;}

figure img{display: none;}
.caixaatent{ top: 5px; width: 90%; margin: 5%;  height: auto;}

#submenu ul, #submenu{display: initial; z-index: 30; margin-top: 10px;}
#submenu_b ul{display: none;}
#bt_orcamento{position: absolute; left: 35%; top: 4px; width: 30%}
#imgInversor{ width: 100%; }
.economia{height: 800px;} 


.captcha{ position:relative; left:48px; clear: both; top: 256px;}

}

@media only screen and (max-width: 450px) {

.largura{width: 94%}
.quadroenergia{width: 100%;}
.setaenergia{display: none;}
.fundo{background-image: none;}
.fundob{background-color: white;}
p{padding: 10px;}
p.big{margin-top: -20px;}
.quadroenergia img{	width: 140px; margin: 10px 0 0 0;} 
/*.imagem_eco{display: none;}
.eco{width: 100%;}*/
.eco, .eco p, .eco h1 {width: 100%;  position: relative; color: white}
.imagem_eco{opacity: .15; position: absolute; right: 0.; top: 0; margin: 0 auto;}

.ecn_energia{ float: left; width: 44%; margin-left: 3%; margin-right: 3%;	text-align: center;	border: 0px solid gray;}
.economia h2{font: 21px/22px calibri;}
.economia{height: 840px;}

.pmontagem{	clear: both; width: 30%; min-height: 100px;}
.pmontagem img{	width: 60%;}
.pmontagem_t1{ width: 23%; float: left; border: 0px solid gray; min-height: 70px;	padding-top: 25px;}
.pmontagem_txt{	width: 100%; padding: 0 24px 30px 24px;}
h1.calculadora{text-align: center;}
.imagem_calculadora{display:none;}
div.calculadora{width: 100%; padding: 0 12px 0 12px;}

.caixaatent{ top: 5px; width: 90%; margin: 5%;  height: 240px;}
header ul{ background-color: ; top: 0px;}
/* #submenu{position: fixed; top: 71px; z-index: -1;} */
#submenu ul, #submenu{display: initial;}
#submenu_b{position: fixed; top: 71px; z-index: -1;}
#submenu_b ul{display: none;} 
#bt_orcamento{position: absolute; left: 25%; top: 4px; width: 50%}
header.small div.sombra{top: 91px;}

#menu_resp li, #menu_resp ul li ul li{position: relative;	top: 0px; padding: 0; margin-bottom: 2px; margin-top: 10px; text-align: left; border-bottom: 1px dotted #D8D8D8;  left: 5px; width: 100%;  padding-left: 10px;}

.popupcontainer{ width: 90%; right: 5%; height: 1200px; top: 0px;}
.popupcontainer div.texto{padding: 0 8px  0 8px; margin: 0 auto;}
.popupcontainer div.texto p{font: 12px/12px Calibri;}
.popupcontainer div.texto img{width: 100%;}

.popupcontainer td{	font: 14px/17px Calibri;text-align: center;}
div.divconta{float: left;  width: 100%;}
div.close {left: 45%;}
#popup3_conteudo{ height: 280px; top: calc(50% - 140px);}
}