@charset "utf-8";
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
html,body{
	height:100%;
	}
body{
/*	background: url(../imagens/bg18.png);*/
background-color:rgba(238,238,242,1);
	}
h1{
	margin:0;
	padding:0;
	}
/*********MOBILE******************/
@media  screen and (max-width:767px)
{
.gridContainer {
position:relative;
margin-left: auto;
margin-right: auto;
width: 100%;
min-height:100%;
/*background-color:#FFF;*/
	}
#main{
overflow:auto;
padding-bottom:0px;
overflow-x:hidden;
overflow-y:hidden;
}	
#logo {
clear: both;
float: left;
margin-left: 0;
width: 100%;
height:auto;
display: block;
/*background:url(../imagens/fundo1.jpg);*/
/*background-color:#000;*/
}
#informacao {
clear: both;
float: left;
margin-left: 0;
color:#FFF;
padding-top:10px;
width: 100%;
height:30px;
display: block;
/*background:url(../imagens/fundo1.jpg);*/
/*background-color:#000;*/
}
#menu {
clear: both;
float: left;
margin-left: 0;
width: 0;
height:0;
display: block;
visibility:hidden;
z-index:999;}

#menu_mobile{
clear: both;
float: left;
margin-left: 0;
width: 50%;
height:20px;
display: block;
	visibility: visible;

}
#banner {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
background-color:#369;
height:0;
visibility:hidden;}
#banner_site img{
float:left;
width:100%;
height:auto;
}
#corpo {
clear: both;
float: left;
margin-left: 0;
padding-top:3%;
padding-bottom:50px;
width: 100%;
display: block;
height:auto;}
#corpo_contato {
clear: both;
float: left;
margin-top:1%;
padding-bottom:50px;
width: 100%;
display: block;
height:auto;}
.contato_conteudo{
position:relative;
margin-top:3%;
width: 100%;
height:80px;
background-color:#FFF;
border-bottom:thin solid #666;
z-index:2;}

#conteudo{
	clear:both;
	width:100%;
	height:auto;
	margin-top:10px;
	}
.conteudo-index{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:15px;
	/*margin-left:10px;*/
	
	}	
.conteudo-imagem{
	width:30%;
	/*margin:0 auto;*/
	height:auto;
	float:left;
	/*display:block;*/
	}
.conteudo-texto{
	float:left;
	/*clear:both;*/
	width:70%;
	height:auto;

	}
.conteudo-texto h2{
	text-align:center;
	font-size:1em;
	color:rgb(255,109,25);
	}
.conteudo-texto p{
	text-align:left;
	font-size:0.7em;
	color:rgb(69,69,69);
	padding:0 10px;
	}


#conteudo-formulario{
	width:98%;
	height:auto;
	border:2px solid rgb(255,109,25);
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	overflow:hidden;
	}
#conteudo-formulario-contato{
	clear:both;
	width:100%;
	height:auto;

	}
	
#mapa-formulario{
	width:100%;
	height:auto;
	}
#mapa-formulario p{
	padding-left:5px;
	font-size:0.6em;
}
#mapa-formulario iframe{
	width:100%;
	height:300px;
	border:0;
}

#formulario-index{
	/*float:left;*/
	margin-top:15px;
	width:90%;
	height:auto;

	}
#form{
	float:right;
	width:90%;
	height:auto;
	}
#form input[type=text],input[type=email]{
	width:99%;
	height:30px;
	margin-top:2px;
	}
#form input[type=email]{
	width:99%;
	height:30px;
	margin-top:2px;
	}
#form textarea{
	width:99%;
	height:100px;
	margin-top:2px;
	}	
#form input[type=submit]{
	float:right;
	width:60px;
	height:25px;
	font-size:0.6em;
		}
#form ::-webkit-input-placeholder{
	font-size:1em;
	color:#3330;
	
}	

#index_contato{
float:left;
display:block;
width:100%;
height:auto;
background-color:#FFF;
}
#index1{
clear:both;
float: left;
margin-left: 0;
width: 49%;
height:300px;
background-color:#FFF}
#index2{
float: left;
margin-left: 2%;
width: 49%;
height:300px;
background-color:#FFF;}
#index3{
clear:both;	float: left;
margin-left: 0;
margin-top:1%;
width: 49%;	height:300px;
background-color:#FFF;}
#index4{
float: left;
margin-left: 2%;
width: 49%;	height:300px;
margin-top:1%;
background-color:#FFF;
}
#rodape {
	clear:both;
	position:relative;
	margin-top:-40px;
	margin:0 auto;
	width:100%;
	/*background-color:#000;*/
	border-top: thin solid #000;
	height:40px;
	}
#pressurizacao, #extracao, #detector, #quebra_vidro, #painel, #ar_condicionado{
clear:left;
position:relative;
margin:0 auto;
padding:1% 4% 1% 4%;
width: 92%;
height:auto;
background-color:#fff;
}
#pressurizacao img, #extracao img, #vrf img{
float:left;
padding:3px;}	#tabela{
margin:0 auto;}
#tabela tr td{
font-size:12px;
border: solid 1px;
padding-left:3px;
padding-top:4px;}
#titulo_tabela{
background-color:#666;
text-align:center;
font-size:14px;
font-weight:bold;
color:#FFF;}
#tabela tr:hover{
background-color:#CCC;
}
.letra_informacao{
color:#FFF;
font-size:12px;
float:right;
padding-right:8px;
font-family:Verdana, Geneva, sans-serif;}
.letra_footer{
	color:#000;
	font-size:0.4em;
	float:left;
	padding-left:5px;
	padding-top:5px;
	}
.letra_paul a{
	font-size:0.4em;
	color:#666;
	/*text-shadow: 1px 1px #666;*/
	float:right;
	padding-right:5px;
	padding-top:5px;
	font-weight:500;
	}
.texto_index{
padding:4px ;
font-size:12px;
color:#000;
text-align:justify;}
.letra_conteudo{
font-size:12px;}
h1{
font-size:14px;}
#index1,#index2,#index3,#index4,[h1] {
text-align:center;
font-size:10px;}
a{
color:#000;}
.letra_contato_left{
font-size:0.8em;
font-family:Verdana, Geneva, sans-serif;
color:#000;
text-shadow:0.5px 0.5px #999;
text-align:center;
font-weight:500;}
.letra_contato_left_cinza{
font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
color:#3a3a3a;
text-align:center;}
.letra_h1_obra{
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
padding-left:5px;
}
.obra-realizada{
	 width:140px;
	 float:left;
	 height:30px;
	 /*background-color:rgba(230,230,230,1);*/
	 background-color:rgba(0,143,143,0.3);
	 position:relative;
	margin-left:5px;
	margin-bottom:5px;
	 border:1px solid #666;
	 float:left;
	
	 	 }
.obracurrent{
	background-color:rgba(0,143,143,0.7);
	}
.obra-realizada p{
	text-align:center;
	color:#000;
	font-size:13px;
	padding-top:3px;
}
.obra-quad{
	width:95%;
	height:auto;
	background-color:rgba(248,248,248,0.9);
	float:left;
	margin-left:10px;
	margin-top:20px;
	border:thin solid #666;
	}
.obra-quad img{
	width:30%;
	margin-top:5px;
	margin-left:5px;
	float:left;
	}
.obra-quad ul{
	margin-left:5px;
	margin-left:5px;

}
.obra-quad ul li{

	margin-top:5px;
	
	font-size:0.8em;
}
.tituloli{
	color:#484DEE;
	text-align:center;
	font-weight:600;
	}

.obraClientes{
	width:25%;
	height:auto;
	float:left;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	}
.texto-cliente{
	width:70%;
	height:100px;
background-color:rgb(244,242,230);
	float:right;
	
	}
#lista-obras{
	clear:both;
	position:relative;
	width:100%;
	height:auto;


	}
.h1_index{
color:#000;}
.slicknav_menu {
display:none;}
.js #menu_mobile {
display:none;}
.js .slicknav_menu {
display:block;}
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
.slicknav_menu { *zoom: 1 }
.slicknav_menu {
font-size:16px;
}
.slicknav_btn {
margin: 5px 5px 6px;
text-decoration:none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #000;}
.slicknav_menu  .slicknav_menutxt {
color: #FFF;
font-weight: bolder;
text-shadow: 0 1px 3px #000;}
.slicknav_menu .slicknav_icon-bar {
background-color: #fff;}
.slicknav_menu {
/*background:#000;*/
padding:5px;
}
.slicknav_nav {
color:#fff;
margin:0;
padding:0;
font-size:0.875em;}
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow:hidden;}
.slicknav_nav ul {
padding:0;
margin:0 0 0 20px;}
.slicknav_nav .slicknav_item {
padding:5px 10px;
margin:2px 5px;}
.slicknav_nav a{
padding:5px 10px;
margin:2px 5px;
text-decoration:none;
color:#fff;
background-color:#000;

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.slicknav_nav .slicknav_item a {
padding:0;
margin:0;}
.slicknav_nav .slicknav_item:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#FFF;
color:#000;}
.slicknav_nav a:hover{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background:#FFF;
color:#000;}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;}

/*****Ar condicionado arquitetura****/
#ar_arquitetura{
	clear:both;
	width:100%;
	margin:0 auto;
	margin-top:30px;
	height:auto;
	background-color:#FFF;

	}
#menu_lateral_arq{
	position:relative;
	float:left;
	width:70px;
	height:auto;
	margin-top:15px;
	background-color:#edf2f5;
	}
#arquitetura_texto{
	width:70%;
	height:auto;
	float:left;
	background-color:#FFF;
	padding:5px 10px;
	}
.bt_lateral{
	width:70px;
    height:10px;
	padding-top:5px;
	background-color:#e0e8ee;
	margin-bottom:10px;
	font-size:6px;
    text-align:center;
	}
.current_bt_mobile{
	display:block;
	background-color:rgba(0,153,153,0.5);
	
	padding:5px 10px;
margin:2px 5px;
text-decoration:none;
color:#fff;

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
	}
.bt_lateral:hover{
	background-color:rgba(0,153,153,0.5);
	}
#arq_vrv{
	width:85%;
	height:auto;
	background-color:#FFF;
	margin:0 auto;
	margin-top:15px;
	}
#arq_vrv_img{

	width:50%;
	height:auto;

}
#arq_vrv_texto{
	width:100%;
	height:auto;
	margin-left:2%;
	padding-top:8px;
	font-size:8px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:130%;
color:#666;
	}
#link-kelvin-shop-texto{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;
	}
#link-kelvin-shop-texto p{
	text-align:left;
	font-size:10px;
	line-height:140%;
	font-family:Verdana, Geneva, sans-serif;
	padding:0 5px;
}
.letra_conteudo_arq{
	font-size:8px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	line-height:160%;
	color:#000;
	}
.telefone-whats{
	color:#F00;
	font-size:1.2em; 
	text-align:center;
	}

/* css mobile para landing page */
	#contato-whatsapp{
		position:fixed;
		bottom:0;
		right:0;
		margin-bottom:5px;
		width:50%;
		height:auto;
		z-index:999;
	}

	#contato-whatsapp img{
		width:100%;
		height:auto;
	}
	#landing-corpo{
	width: 100%;
	display: block;
	height:auto;
}
	#Tabela_landing{
		width: 100%;
		display: block;
		height: auto;
		border: 0;


	}
	#Tabela_landing img{
		margin-top: -7px ;
		height: auto;

	}
	#landing-formulario {
		width: 100%;
		height: auto;
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
		letter-spacing: 1px;
		margin-top: -230px;

		font-size: 1em;

	}
	.formulario-landing {
		width: 100%;
		height: auto;


		background: rgb(210, 247, 238);
		font-size: 1em;

	}
	.formulario-landing input[type="text"], input[type="password"], input[type="date"],
	input[type="datetime"], input[type="email"], input[type="number"], input[type="search"],
	input[type="tel"], input[type="time"], input[type="url"],
	select {
		letter-spacing: 1px;

		border: 1px solid #8a97a0;

		font-size: 14px;

		height: auto;

		margin: 0;

		outline: 0;

		padding: 8px;

		width: 90%;

		background-color: rgb(255, 255, 255);

		color: #8a97a0;


		margin-bottom: 15px;

	}
	.formulario-landing select {

		padding: 6px;

		height: 32px;

		border-radius: 2px;

	}


	.formulario-landing button {

		padding: 19px 39px 18px 39px;

		color: #FFF;

		background-color: #0032A0;

		font-size: 22px;

		text-align: center;

		font-style: normal;

		border-radius: 5px;

		width: 100%;

		/* border: 1px solid #a6ce39;

         border-width: 1px 1px 3px;


		margin-bottom: 10px;*/

	}
	.formulario-landing fieldset {

		margin-bottom: 30px;


	}
	.formulario-landing textarea{
		width: 93%;

	}



	.formulario-landing legend {

		font-size: 1.4em;

		margin-bottom: 10px;

	}


	.formulario-landing label {

		display: block;

		margin-bottom: 8px;

	}


	.formulario-landing label.light {

		font-weight: 300;

		display: inline;

	}



@media (orientation: portrait) {
	#landing-formulario {
		width: 100%;
		height: auto;
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
		letter-spacing: 1px;
		margin-top: -240px;

		font-size: 1em;

	}
	}
}@media (orientation: landscape) {
	#landing-formulario {
		width: 100%;
		height: auto;
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
		letter-spacing: 1px;
		margin-top: -200px;

		font-size: 1em;

	}

}/*fim css mobile css mobile screen */