/****Layout para desktops: 769 px até o máximo de 1232 px. Herda estilos de: Layout para celulares e Layout para tablets***/
/*@media screen and (min-width: 1024px) */
@media screen and (min-width: 768px)
{
.gridContainer {
	position:relative;
	width: 960px;
	margin:0 auto;
	height:auto;
	min-height:100%;/*footer*/
}

#contato-whatsapp{
	position:fixed;
	bottom:0;
	right:0;
	margin-bottom:10px;
	width:280px;
	height:auto;
	z-index:999;
	}

#contato-whatsapp img{
	width:90%;
	height:auto;
	}	
	



#main{
	overflow:auto;
	/*padding-bottom:40px;/*footer*/
	}
header{
	position:relative;
	width:960px;
	height:100px;
	border-bottom:1px solid#000;
	margin-bottom:10px;
	}

#logo {
	clear: both;
	float: left;
	width:360px;
	height:80px;
	
}

#menu {
	position:absolute;
	right:0;
	bottom:0;
	width:600px;
	height:30px;
	visibility:visible;
	/*background-color:rgb(242,242,242);*/
}
#menu_mobile {
	clear: both;
	float: left;
	margin-left: 0;
	width: 0;
	height:0;
	display:none;
	visibility:hidden;
}
#banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display: block;
	visibility:visible;
}
#banner_site{
	position:relative;
	clear:both;
	width:100%;
	height:auto;	
	}
#banner_site img{
	width:100%;
	height:auto;
	z-index:2;
	}
#corpo {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	padding-bottom:50px;
	width: 100%;
	display: block;
	height:auto;
}
#corpo_contato {
	clear: both;
	width: 950px;
	margin:0 auto;
	height:auto;
}
.contato_conteudo{
	position:relative;
	float:left;
	margin:1% 0 0 2%;
	padding:1% 1% 0 1%;
	width: 20%;
	height:120px;	
	z-index:2;
		}
#conteudo{
	clear:both;
	width:100%;
	height:450px;
	margin-top:10px;
	}
.conteudo-index{
	float:left;
	width:310px;
	height:450px;
	margin-left:10px;
	}	
.conteudo-imagem{
	width:50%;
	margin:0 auto;
	height:180px;
	display:block;
	}
.conteudo-texto{
	clear:both;
	width:100%;
	height:270px;
	}
.conteudo-texto h2{
	text-align:center;
	font-size:16px;
	color:rgb(255,109,25);
	}
.conteudo-texto p{
	text-align:left;
	font-size:14px;
	color:rgb(69,69,69);
	padding:0 10px;
	}
#conteudo-formulario{
	clear:both;
	width:950px;
	height:400px;
	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:950px;
	height:450px;
	}
#mapa-formulario{
	float:left;
	width:950px;
	height:350px;
	}
#mapa-formulario p{
	padding-left:5px;
}
#mapa-formulario iframe{
	width:950px;
	height:350px;
	border:0;
}

#formulario-index{
	float:left;
	width:550px;
	height:350px;
	}
#form{
	float:right;
	width:450px;
	height:auto;
	}
#form input[type=text],input[type=email]{
	width:99%;
	height:40px;
	margin-top:2px;
	}
#form input[type=email]{
	width:99%;
	height:40px;
	margin-top:2px;
	}
#form textarea{
	width:99%;
	height:150px;
	margin-top:2px;
	}	
#form input[type=submit]{
	float:right;
	width:50px;
	height:40px;	
	}
/*#form ::-webkit-input-placeholder{
	font-size:16px;
	color:#3330;
	}*/
.linha_direita{height:80px;}	
#contato_formulario{
	clear:left;
	position:relative;
	float:left;
	margin-left:15%;
	margin-top:1%;
	width: 50%;
	height:350px;
	background-color:rgba(204,204,204,0.5);
	border-radius: 10px;
	border:2px solid rgba(204,204,204,1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
#formulario_form{padding:1% 0 0 3%;}
#contato_formulario input[type=text], textarea,input[type=email]{
	width:90%;
	}
#contato_formulario input[type=submit]{
	margin-top:10px;
	width:60px;
	height:30px;
	background-color:#FFF;
	}	
#contato_formulario input[type=submit]:hover{
	background-color:#46E;
	color:#FFF;
}
#index_contato{/*adicionado contato no index*/
display:none;
width:0;
height:0;
	}	
#index1{
	float: left;
	margin-left: 0;
	width: 24%;	
	height:400px;
	background-color:#fff;
	}
#index2{
	float: left;
	margin-left: 1%;
	width: 22%;
	height:400px;
	background-color:#fff;
	border: thin solid #CCC;
	padding:0 1%;
	}
#index3{	
	float: left;
	margin-left: 1%;
	width: 24%;	
	height:400px;
	margin-top:0;
	background-color:rgba#fff;
	}
#index3 a:hover{
	opacity:0.6;
	color:#333;
	}
#index3 a:visited{
	color:#000;
}
#index4{	
	float: left;
	margin-left: 1%;
	margin-top:0;
	width: 22%;	
	height:400px;
	background-color:#fff;
	border: thin solid #CCC;
	padding:0 1%;
	}
#index4 a:hover{
	opacity:0.6;
	color:#333;
	}
#index4 a:visited{color:#000;}
#rodape {
	clear:both;
	position:relative;
	margin-top:-40px;
	margin:0 auto;
	width:960px;
	border-top: thin solid #000;
	height:40px;
	}
.ativo{
	background-color:#F60;
	height:30px;
	width:100%;
	color:#FFF;
	}
/****Pressurização**********/
#pressurizacao, #extracao, #detector, #quebra_vidro, #painel, #ar_condicionado, #vrf{
	clear:left;
	position:relative;
	/*float:left;*/
	margin:0 auto;
	/*margin-bottom:50px;*/
	padding:1% 4% 1% 4%;
	width: 92%;
	height:auto;
	background-color:#fff;
	}
#vrf,#extracao, img{
	clear:both;
	float:left;
	margin-right:10px;}
#ar_condicionado ul{
	list-style-type:square;
	padding-left:15px;
	}
/*********Obras***********/
#tabela{
	margin:0 auto;
	}
#tabela tr td{
	font-size:16px;
	border: solid 1px;
	padding-left:4px;
	padding-top:5px;
	}


#titulo_tabela{
	background-color:#6E72B2;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	}
#tabela tr:hover{
	background-color:rgba(110,114,178,0.6);
	}
#obras-kelvin{
	width:100%;
	height:70px;
	}
.obra-realizada{
	 width:200px;
	 height:30px;
	 background-color:rgba(0,143,143,0.3);
	 position:relative;
	margin-left:150px;
	 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:15px;
	padding-top:5px;
}
.obraClientes{
	float:left;
	height:auto;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:20px;
	}
#lista-obras{
	clear:both;
	position:relative;
	margin:0 auto;
	width:95%;
	height:auto;
	}
.obra-quad{
	width:190px;
	height:400px;
	background-color:rgba(248,248,248,0.9);
	float:left;
	margin-left:10px;
	margin-top:20px;
	border:thin solid #666;
	}
.obra-quad img{
	margin-top:10px;
	margin-left:20px;
	}
.obra-quad ul{
	margin-left:5px;
}
.obra-quad ul li{
	margin-top:5px;
	font-size:0.9em;
}
.tituloli{
	color:#484DEE;
	text-align:center;
	font-weight:600;
	}
/***********Letras*****************/
.letra_informacao{
	color:#FFF;
	font-size:14px;
	float:right;
	padding-top:36px;
	padding-right:3%;
	font-family:Verdana, Geneva, sans-serif;
	}
.letra_footer{
	color:#000;
	font-size:14px;
	float:left;
	padding-left:10px;
	padding-top:7px;
	}
.letra_paul a{
	font-size:12px;
	color:#666;
	float:right;
	padding-right:15px;
	padding-top:7px;
	font-weight:500;
	}
.texto_index{
	padding:4px ;
	font-size:16px;
	color:#000;
	text-align:justify;
	}
#index1,#index2,#index3,#index4,[h1] {text-align:center;}
a{color:#000;}
.letra_conteudo{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	line-height:140%;
	}
h1{
	font-size:28px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bolder;
	}
.clica{color:#36F}

.letra_contato_left{
	font-size:0.9em;
	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:1em;
	font-family:Verdana, Geneva, sans-serif;
	color:#3a3a3a;
	text-align:center;
	}
.letra_h1_obra{
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	padding-left:10px;
	}
.h1_index{
	color:#000;
	font-size:18px;
	}
.email-vrv{
	color:#06F;
	text-decoration:underline;
	}
/**********MENU******************/
.menu{
	list-style:none;
	/*border:1px solid #c0c0c0;*/
	float:left;	
	}
.menu li{
	position:relative;
	float:left;
	}
.menu li a{
	color:#333;
	text-decoration:none;
	padding:2px 13px;
	display:block;
	}
.menu li a:hover{
	background:#333;
	color:#fff;
	}
.menu li ul{
	position:absolute;
	top:21px;
	left:0;
	background-color:#fff;
	display:none;
	z-index:!important;
	}
.menu li:hover ul, .menu li.over ul{
	display:block;
	z-index:3;
	}
.menu li ul li{
	border:1px solid #c0c0c0;
	display:block;
	width:170px;
	}
.current_bt{
	border-top:2px solid rgb(255,109,25);
	color:#333;
	text-decoration:none;
	display:block;
	}
.current_bt_sub{
	border-top:2px solid rgb(255,109,25);
	color:#333;
	text-decoration:none;
	display:block;
	}
	/****** Menu Responsive ****/
.slicknav_menu {display:none;}
.js #menu_mobile {display:none;}
.js .slicknav_menu {display:none;}

/*****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:25%;
	height:auto;
	margin-top:15px;
	background-color:#edf2f5;
	}
#arquitetura_texto{
	width:72%;
	height:auto;
	float:left;
	background-color:#FFF;
	padding:5px 10px;
	}
.bt_lateral{
	width:100%;
	height:30px;
	padding-top:5px;
	background-color:#e0e8ee;
	margin-bottom:15px;
	text-align:center;
	}
#banner_lateral{
	width:100%;
	height:auto;
	}
#banner_lateral img{
	margin-top:20px;
	}
#banner_lateral:hover{
	opacity:1;
}
.bt_lateral:hover{
	background-color:rgba(0,153,153,0.5);
	}
#arq_vrv{
	width:100%;
	height:220px;
	background-color:#FFF;
	margin:0 auto;
	margin-top:15px;
	}
#arq_vrv_img{
	float:left;
	width:40%;
	height:auto;
}
#arq_vrv_texto{
	width:55%;
	height:auto;
	float:left;
	padding-top:8px;
    margin-left:2%;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:600;
	line-height:160%;
	color:#666;
	}
.letra_conteudo_arq{
	font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	line-height:160%;
	color:#000;
	}
.telefone-whats{
	color:#F00; 
	font-size:18px; 
	text-align:center;
	}


#link-kelvin-shop{
	width:100%;
	height:130px;
	background-color:#FFF;
	}
#link-kelvin-shop-texto{
	float:left;
	width:380px;
	height:130px;
	}
#link-kelvin-shop-texto p{
	text-align:left;
	font-size:14px;
	line-height:140%;
	font-family:Verdana, Geneva, sans-serif;
	padding:0 5px;
}
#link-kelvin-shop-img{
	float:left;
	width:310px;
	height:130px;
}
.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 10px 80px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color:#FFF;
   font-size: 24px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   }
.button a{
	color:#FFF;
}
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
/*aviso popup*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background: #000;

  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0px;
  top:0px;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:2px;
}

#boxes #dialog2 {
   
  width:700px; 
  height:500px;
  
}
#navegadores{
	position:relative;
	float:left;
	width:700px;
	height:200px;
	display:block;
	margin-left:20px;
	}
	


.close{display:block; text-align:right; }


/*    FIM aviso popup*/

}