@media screen and (min-width: 768px) and (max-width:1023px)


{
.gridContainer {
	position:relative;
	width: 90%;
	padding-left: 0;
	padding-right: 0;
	margin:auto;
	background:#FFF;
	min-height:100%;
}
#main{
	overflow:auto;
	padding-bottom:0px;}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 38.7755%;
	height:80px;
	display: block;

}
#informacao {
	clear:none;
	float: left;
	margin-left: 0;
	color:#FFF;
	width: 61.2245%;
	height:80px;
	display: block;
	background-color:#000;
	}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:30px;
	display: block;
	visibility:visible;
	background-color:#eee;
	z-index:999;}
#menu_mobile {
	clear: both;
	float: left;
	margin-left: 0;
	width: 0;
	height:0;
	display:block;
	visibility:hidden;
	background-color:#0FF;}
#banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display:none;
	
}
#banner_site{
	position:relative;
	clear:both;
	width:100%;
	height:auto;
	z-index:2;
	}
#banner_site img{
	float:left;
	width:100%;
	height:auto;
	}
#corpo {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:1%;
	padding-bottom:50px;
	width: 100%;
	display: block;
	height:auto;
	background-color:#FFF;}
#corpo_contato {
	clear: both;
	float: left;
	margin-top:1%;
	padding-bottom:50px;
	width: 100%;
	display: block;
	height:550px;}
	
.contato_conteudo{
	position:relative;
	float:left;
	margin:1% 0 0 2%;
	padding:1% 1% 0 1%;
	width: 20%;
	height:120px;
	background-color:#FFF;
	z-index:1;
	}
.linha_direita{
	/*border-right:thin solid #666;*/
	height:80px;
	}
	
	
#contato_formulario{
	clear:left;
	position:relative;
	float:left;
	margin-left:25%;
	margin-top:1%;
	width: 60%;
	height:300px;
	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;
	/*box-shadow:2px 4px 7px 2px #666666;
	-webkit-box-shadow:2px 4px 7px 2px #666666;
	-moz-box-shadow:2px 4px 7px 2px #666666;*/	}
#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*/
float:left;
display:block;
width:100%;
height:auto;
background-color:#FFF;
	}	
	
	
#banner_site{
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	height:auto;
	display:block;}
#banner_pressurizacao{
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	height:auto;
	display:block;}
#index1{
	float: left;
	margin-left: 0;
	width: 49%;
	height:350px;
	background-color:#FFF;
	}
#index2{
	float: left;
	margin-left: 2%;
	width: 47%;
	height:350px;
	background-color:#FFF;
	padding:0 1%;}
#index3{
	float: left;
	margin-left: 0;
	margin-top:1%;
	width: 49%;	
	height:350px;
	background-color:#FFF;
	}
#index3 a:hover{
	opacity:0.6;
	color:#333;}
#index3 a:visited{
	color:#000;}
#index4{
	float: left;
	margin-left: 2%;
	width: 47%;	
	height:350px;
	background-color:#FFF;
	margin-top:1%;
	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:90%;
	background-color:#000;
	height:40px;
	}
.ativo{
	background-color:#F60;
	height:30px;
	z-index:1;}
/****Pressurização**********/
/*#pressurizacao, #extracao, #detector, #quebra_vidro, #painel, #ar_condicionado{
	clear:left;
	position:relative;
	float:left;
	/*margin-left:11%;
	margin-top:1%;
	margin-bottom:50px;
	padding:1% 4% 2% 4%;
	width: 70%;
	height:auto;
	background-color:#ccc;
	text-align:justify;
	border-radius:0 30px 0 30px;
	-webkit-border-radius:0 30px 0 30px;
	-moz-border-radius:0 30px 0 30px;
	box-shadow:2px 4px 7px 2px #666666;
	-webkit-box-shadow:2px 4px 7px 2px #666666;
	-moz-box-shadow:2px 4px 7px 2px #666666;}*/
	
#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;
	}
	
#pressurizacao img, #extracao img, #vrf img{
	float:left;
	padding:3px;
	
	}	
	
/*********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:#6E72B2;
	}

.obraClientes{

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


	}
/*****Letra Tablet******/
.letra_informacao{
	color:#FFF;
	font-size:14px;
	float:right;
	padding-top:33px;
	padding-right:3%;
	font-family:Verdana, Geneva, sans-serif;
	}
.letra_footer{
	color:#FFF;
	font-size:14px;
	float:left;
	padding-left:10px;
	}
.letra_paul{
	font-size:12px;
	color:rgba(204,204,204,0.5);
	/*text-shadow: 1px 1px #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:12px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	}
h1{
	font-size:18px;
	}
.letra_contato_left{
	font-size:0.7em;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	/*text-shadow:-0.5px -0.5px 0.5px #333;*/
	text-shadow:0.5px 0.5px #999;
	text-align:center;
	font-weight:500;
	}
.letra_contato_left_cinza{
	font-size:0.8em;
	font-family:Verdana, Geneva, sans-serif;
	color:#3a3a3a;
	text-align:center;
	}
.letra_h1_obra{
	font-size:18px;
	}
.h1_index{
	color:#000;
	}


/**********MENU******************/
.menu{
	list-style:none;
	border:1px solid #c0c0c0;
	float:left;	
	}
.menu li{
	position:relative;
	float:left;
	border-right:1px solid #c0c0c0;
	}
.menu li a{
	color:#333;
	text-decoration:none;
	padding:5px 10px;
	display:block;
	}
.menu li a:hover{
	background:#333;
	color:#fff;
	
	}
.menu li ul{
	position:absolute;
	top:25px;
	left:0;
	background-color:#fff;
	display:none;
	z-index:!important;
	}
.menu li:hover ul, .menu li.over ul{
	display:block;
	z-index:800;
	
	}
.menu li ul li{
	border:1px solid #c0c0c0;
	display:block;
	width:150px;
	}
	
/****** 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:180px;
	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:180px;
	height:20px;
	padding-top:5px;
	background-color:#e0e8ee;
	margin-bottom:15px;
	font-size:12px;
	text-align:center;
	}
.current_bt{
	background-color:rgba(0,153,153,0.5);
	}
.bt_lateral:hover{
	background-color:rgba(0,153,153,0.5);
	}
#arq_vrv{
	width:80%;
	height:200px;

	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;
	margin-left:2%;
	padding-top:10px;
color:#666;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:700;
	line-height:130%;

	}
.letra_conteudo_arq{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	line-height:160%;
	color:#000;
	}	
}