@import url(https://fonts.googleapis.com/css?family=Oxygen:700,400|Yanone+Kaffeesatz:700);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

html,body{ margin:0px; font-size: 62.5%;height: 100%;}	
body,span,p,td,div,a{font-family: 'Oxygen', sans-serif ;  font-size:1.075em; color:#636f6c }/*#636f6c*/
/*font-family: 'Yanone Kaffeesatz', sans-serif;-------------------------------------------------------------------*/
/*-----------------------------marcações estruturais NÃO MEXER NUNCA----------------------------------------------*/
.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img {border:0px;max-width: 100%;}
img,picture,video,embed {
 max-width: 100%;
}
*, *:before, *:after {
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}
*, *:before, *:after {
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}

/*-----------------------------FIM DAS marcações estruturais NÃO MEXER NUNCA----------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
.container {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -155px; /* This line and the next line are not necessary unless you need IE6 support */}
#footer {height:auto; min-height:100px; background: #F07800;color:#FFF;} /* Standard syntax */

/*=============marcação de HEADER e elementos que o compõe====================================================*/
.topo {
	position:absolute;width:100%;height:96px; top:0px; background-color:rgba(255,255,255,.9);
	padding:0px; margin:0px; box-shadow:0px 0px 10px rgba(51,51,51,.8); 
	z-index:1000; }
#topinfo{position:absolute;width:100%; top:0px; height:20px; }
.header_content{width:100%; margin:0 auto; height:30px; clear:both  }
.conteudo{width:66.6666666666667%; margin:0 auto; height:auto !important; clear:both;}
.extended{width:100%; height:auto !important; clear:both}
.fundoGeral{background:url(../images/fundos/fundogeral.jpg) no-repeat center center fixed}
/*===================================LOGOMARCA=========================================*/
#logo{position:absolute;top:5px;width:300px; height:90px;left:50%;margin:0px -30%;float: left; z-index:5000; } /*display:none;*/
#logo img{width:100%;height:auto; max-height:90px; max-width:190px}
/*====================================MENU DE NAVEGAÇÃO=========================================*/
#nav{position:absolute;width:40%; height:94px top:0px; left:50%; margin:-4px -10%;float: left;z-index:3000;}/*posição do menu de navegação no site*/ 
/*====================================/MENU DE NAVEGAÇÃO=========================================*/
/*====================================BANNER=========================================*/
#banner{width:100%; height:auto !important; clear:both; margin-top:96px}
#push{width:100%;height:85px; display:none;clear:both;}
/*=========================================LINKS=========================================*/
a{text-decoration:none; color:#636f6c}/*marcação de link */ 
a:hover{ color:#813d3a;}/*marcação de link com mouseOver */
/*=========================================botoes=========================================*/
.botoes{ background-color:#F07800; color:#FFF; padding:8px 30px; border:none;font-size:1.1em; border-radius:5px }
.botoes:hover{ background-color:#f04f00; color:#FFF}
.bt-topo {position: fixed; right:0px; width: 40px; height:40px; background: url(../images/botoes/topo.png) center center no-repeat; text-indent: -9999px; bottom: 100px; z-index:20000}

/*====================================CLEAR===============================================*/
.clear{clear:both; height:30px}
.clearBlog{width: 100%; height:auto;clear:both; background-color:rgba(0,0,0,.6); text-align:center; padding:100px 0px;}
.clearBlog a{color:#ffffff;}
.clearBlog img#anos{width:85%; max-height:179px; max-width:542px;}

/*=================contato==================================================*/
.contatoTxt{width:30%; float:left; padding:40px 20px 0px 20px; height:auto; text-align:center}
.contatoTxt img{width:85%;}
.contatoForm{width:65%; float:left; height:auto; }
/*=================GRID=======================================================*/
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float:left;margin:0.5%;min-height:1px;}
.col1{width:6.31%;}
.col2{width:14.6%;}
.col3{width:22.9111%;}
.col4{width:31.3333%;}
.col5{width:39.6666%;}
.col6{width:48%;}
.col7{width:56.3331%;}
.col8{width:64.64%;}
.col9{width:72.97%;}
.col10{width:81.3%;}
.col11{width:89.48888%;}
.col12{width:98%;}
.maiusculas{ text-transform:uppercase}
.minusculas{ text-transform:lowercase}
/*=================GALEIRA DE IMAGENS===========================================*/
.galeria{width:16.1%; height:225px; margin:5px; float:left;}
.galeria img{width:95%; height:auto; max-width:300px; max-height:225px;
	}
.partners{ width:100%; max-width:297px; text-align:center}
.partners:hover{ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
/*==============================================================================*/
.formulario {color:#403b02;border:solid 1px #636f6c;height:35px;outline:none;border-radius:3px;width:95%; padding-left:10px; font-size:1em; }
.formInput {width:45%;padding:15px 0px;float:left;margin-right:30px}
.formInputTextarea {width:95%;padding:15px 0px;}
label {font-size:1.0em;color:#005a69}
#fnome, #fassunto, #femail,#ftelefone,#fcomentarios{ font-size:0.85em; color:#900; font-family: "Oxygen", Arial, Helvetica, sans-serif;}
/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
.imgLateral{float:left;width:23.43%; text-align:center;}
.imgLateral img{width:85%; max-height:341px; max-width:300px}
.conteudoTXT{float:right; width:75%; padding:20px; text-align:justify}
/*==========================SERVICOS=======================*/
.servicos{width:20%; text-align:center; float:left;padding:40px 10px}
.servicosDesc{width:70%; float:left;text-align:justify  }
.servMargin{ margin-top:40px}
/*----------títulos do site-------------------------------------*/
.tit1{font-size: 1.5em;font-family: 'Yanone Kaffeesatz', sans-serif; color:#0eb0a0;}
.tit2{font-size: 1.6em;font-family: 'Yanone Kaffeesatz', sans-serif; color:#f47821; font-weight:400; }
.tit3{font-size: 1.8em;font-family: 'Yanone Kaffeesatz', sans-serif; color:#0eb0a0; font-weight:400; }
.tit4{font-size: 2.2em;font-family: 'Yanone Kaffeesatz', sans-serif; color:#005a69; font-weight:400; font-stretch:condensed }/*467d70*/
.tit4B{font-size: 2.8em;font-family: 'Yanone Kaffeesatz', sans-serif; color:#FFF;font-weight:400; text-shadow: 0px 0px 2px #000000;font-stretch:condensed}
/*--------------------------------------------------------------*/

@media (min-width: 1601px) and (max-width: 1680px) {
	
	}
@media (min-width: 1441px) and (max-width: 1600px) {
body,span,p,td,div,a{font-size:1.08em;  }/*#636f6c*/

	
	}
@media (min-width: 1367px) and (max-width: 1440px) {
	body,span,p,td,div,a{font-size:1.08em;  }/*#636f6c*/
	/*=================contato==================================================*/
	.contatoTxt{width:25%; float:left; padding:40px 20px 0px 20px; height:auto; text-align:center}
	.contatoTxt img{width:90%}
	.contatoForm{width:70%; float:left; height:auto; }
	#nav{width:55%;}

	}
@media (min-width: 1361px) and (max-width: 1366px) {
	body,a,p,td,li,div{ font-size:1.06em;}
	.conteudo {width:78%;}
	#nav{width:55%;}
	}
@media (min-width: 1281px) and (max-width: 1360px) {
	body,a,p,td,li,div{ font-size:1.06em;}
	.conteudo {width:80%;}
	}
@media (min-width: 1153px) and (max-width: 1280px) {
	body,a,p,td,li,div{ font-size:1.05em;}
	.conteudo {width:85%; }
	} 
@media (min-width: 1025px) and (max-width: 1152px) {
	body,a,p,td,li,div{ font-size:1.05em;}
	.conteudo {width:90%;}

	
}
@media (min-width: 961px) and (max-width: 1024px) {
	body,a,p,td,li,div{ font-size:1.05em;}
	.conteudo {width:95%; }
	#logo{left:50%;margin:0px -40%;} /*display:none;*/
	#logo img{width:90%;height:auto; max-height:90px; max-width:190px}
	/*====================================MENU DE NAVEGAÇÃO=========================================*/
	#nav{position:absolute;width:80%; height:94px top:0px; left:50%; margin:-4px -10%;float: left;z-index:3000; }/*posição do menu de navegação no site*/ 
	/*====================================/MENU DE NAVEGAÇÃO=========================================*/
	/*=================contato==================================================*/
	.contatoTxt{width:25%; }
	.contatoTxt img{width:90%}
	.contatoForm{width:75%; float:left; height:auto; }
	.formInput{width:42%;}

}
@media (min-width: 905px) and (max-width: 960px) {
	body,a,p,td,li,div{ font-size:1.07em;}
	
	.botoes{padding:5px 8px;font-size:.75em;}/*botoes do contato*/
	#logo{left:50%;margin:0px -40%;} 
	.conteudo {width:95%;}
	.formInput{width:43%;}
/*====================================MENU DE NAVEGAÇÃO=========================================*/
#nav{position:absolute;width:60%; height:94px top:0px; left:50%; margin:-4px -12%;float: left;z-index:3000; }/*posição do menu de navegação no site*/ 
/*====================================/MENU DE NAVEGAÇÃO=========================================*/
	}
@media (min-width: 841px) and (max-width: 904px) {
	body,a,p,td,li,div{ font-size:1.07em;}
	#topinfo{width:90%;left:22%;  }
	.botoes{padding:5px 8px;font-size:.75em;}/*botoes do contato*/
	#logo {left:20%; width:80%}
	.conteudo {width:95%;}
	.formInput{width:43%;}
	
} 
@media (min-width: 801px) and (max-width: 840px) {
	body,a,p,td,li,div{ font-size:1.05em;}
	.conteudo {width:90%; }
	#logo{left:50%;margin:0px -40%;} /*display:none;*/
	#logo img{width:90%;height:auto; max-height:90px; max-width:190px}
	/*====================================MENU DE NAVEGAÇÃO=========================================*/
	#nav{position:absolute;width:57%; height:94px top:0px; left:47%; margin:-4px -10%;float: left;z-index:3000; }/*posição do menu de navegação no site*/ 
	/*====================================/MENU DE NAVEGAÇÃO=========================================*/
	/*=================contato==================================================*/
	.contatoTxt{width:25%; }
	.contatoTxt img{width:90%}
	.contatoForm{width:75%; float:left; height:auto;}
	.formInput{width:42%;}

}
@media (min-width: 774px) and (max-width: 800px) {
	body,a,p,td,li,div{ font-size:1.0em;}
	.conteudo {width:90%; }
	#push{height:0px;display:block}
	#logo{left:50%;margin:0px -40%;} /*display:none;*/
	#logo img{width:90%;height:auto; max-height:90px; max-width:190px}
	/*====================================MENU DE NAVEGAÇÃO=========================================*/
	#nav{position:absolute;width:55%; height:94px top:0px; left:50%; margin:-4px -10%;float: left;z-index:3000; }/*posição do menu de navegação no site*/ 
	/*====================================/MENU DE NAVEGAÇÃO=========================================*/
	/*=================contato==================================================*/
	.contatoTxt{width:25%; }
	.contatoTxt img{width:90%}
	.contatoForm{width:75%; float:left; height:auto;}
	.formInput{width:42%;}

}
@media (min-width: 769px) and (max-width: 773px) {
	body,a,p,td,li,div{ font-size:1.03em;}
	.conteudo {width:90%; }
	#logo{left:50%;margin:0px -40%;} /*display:none;*/
	#logo img{width:90%;height:auto; max-height:90px; max-width:190px}
	/*====================================MENU DE NAVEGAÇÃO=========================================*/
	#nav{position:absolute;width:55%; height:94px top:0px; left:50%; margin:-4px -10%;float: left;z-index:3000; }/*posição do menu de navegação no site*/ 
	/*====================================/=========================================*/
	#push{height:0px;}
	/*=================contato==================================================*/
	.contatoTxt{width:25%; }
	.contatoTxt img{width:90%}
	.contatoForm{width:75%; float:left; height:auto;}
	.formInput{width:42%;}

}
@media (max-width:768px){
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float:none;margin:1%;min-height:1px;width:95%; clear:both}
#push{height:0px;display:block}
}

/*===================================================================================  ===========================================
============================= Daqui em diante começam as telas de tablets e smartphones ==========================================
================================================================================== =============================================*/
@media (min-width: 668px) and (max-width: 768px) {
	body,a,p,td,li,div{ font-size:1.07em;}
	#nav{position:absolute; top:0px; left:0px;width:100%; height:40px; margin:0 auto; }
	/*====================================BANNER=========================================*/
	#banner{ margin-top:85px}
	
	/*=========================================LINKS=========================================*/
	.conteudo {width:100%; padding:10px  }
	.header_content{height:60px; border:none;}
   
	/*=================contato==================================================*/
	.contatoTxt{width:100%; float:none; padding:20px }
	.contatoForm{width:100%; float:none;}
	.contatoTxt img{width:65%;}

	/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
	.imgLateral{float:none;width:100%;}
	.imgLateral img{width:60%;}
	.conteudoTXT{float:none; width:100%; padding:20px; }
	/*==========================SERVICOS=======================*/
	.servicos{width:100%; text-align:center; float:none;padding:10px}
	.servicosDesc{width:100%; float:none;  }
	.servMargin{ margin-top:40px}
	/*===================================LOGOMARCA=========================================*/
	#logo {width:130px;top:10px;left:5%;margin:0px; display:block}
	#logo img{width:100%;height:auto; max-height:62px; max-width:130px}
	/*===================================LOGOMARCA=========================================*/
	
	
	.formInput{width:100%; padding:1px;float:none;}
	.formInputTextarea {width:100%;}
	.tit4B{font-size: 2.0em;}

	
}
@media (min-width: 641px) and (max-width: 667px) {
	body,a,p,td,li,div{ font-size:1.07em;}
	#nav{position:absolute; top:0px; left:0px;width:100%; height:40px; margin:0 auto; }
	/*====================================BANNER=========================================*/
	#banner{ margin-top:85px}
	
	/*=========================================LINKS=========================================*/
	.conteudo {width:100%; padding:10px  }
	.header_content{height:60px; border:none;}
   
	/*=================contato==================================================*/
	.contatoTxt{width:100%; float:none; padding:20px }
	.contatoForm{width:100%; float:none;}
	/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
	.imgLateral{float:none;width:100%;}
	.imgLateral img{width:60%;}
	.conteudoTXT{float:none; width:100%; padding:20px; }
	/*==========================SERVICOS=======================*/
	.servicos{width:100%; text-align:center; float:none;padding:10px}
	.servicosDesc{width:100%; float:none;  }
	.servMargin{ margin-top:40px}
	/*===================================LOGOMARCA=========================================*/
	#logo {width:130px;top:10px;left:5%;margin:0px; display:block}
	#logo img{width:100%;height:auto; max-height:62px; max-width:130px}
	/*===================================LOGOMARCA=========================================*/
	.formInput{width:100%; padding:1px;float:none;}
	.formInputTextarea {width:100%;}
	.tit4B{font-size: 2.0em;}

}
@media (min-width: 569px) and (max-width: 640px) {
	body,a,p,td,li,div{ font-size:1.07em;}
	#nav{position:absolute; top:0px; left:0px;width:100%; height:40px; margin:0 auto; }
	/*====================================BANNER=========================================*/
	#banner{ margin-top:85px}
	
	/*=========================================LINKS=========================================*/
	.conteudo {width:100%; padding:10px  }
	.header_content{height:60px; border:none;}
	.clearBlog img#anos{width:75%; max-height:179px; max-width:542px;}

	/*=================contato==================================================*/
	.contatoTxt{width:100%; float:none; padding:20px }
	.contatoTxt img{width:65%;}
	.contatoForm{width:100%; float:none;}
	/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
	.imgLateral{float:none;width:100%;}
	.imgLateral img{width:60%;}
	.conteudoTXT{float:none; width:100%; padding:20px; }
	/*==========================SERVICOS=======================*/
	.servicos{width:100%; text-align:center; float:none;padding:10px}
	.servicosDesc{width:100%; float:none;  }
	.servMargin{ margin-top:40px}
	/*===================================LOGOMARCA=========================================*/
	#logo {width:130px;top:10px;left:5%;margin:0px; display:block}
	#logo img{width:100%;height:auto; max-height:62px; max-width:130px}
	/*===================================LOGOMARCA=========================================*/
	
	
	.formInput{width:100%; padding:1px;float:none;}
	.formInputTextarea {width:100%;}
	.tit4B{font-size: 2.0em;}

}
@media (min-width:481px) and (max-width: 568px) {
	body,a,p,td,li,div{ font-size:1.07em;}
	#nav{position:absolute; top:0px; left:0px;width:100%; height:40px; margin:0 auto; }
	/*====================================BANNER=========================================*/
	#banner{ margin-top:85px}
	
	/*=========================================LINKS=========================================*/
	.conteudo {width:100%; padding:10px  }
	.header_content{height:60px; border:none;}
	/*=================contato==================================================*/
	.contatoTxt{width:100%; float:none; padding:20px }
	.contatoForm{width:100%; float:none;}
	/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
	.imgLateral{float:none;width:100%;}
	.imgLateral img{width:60%;}
	.conteudoTXT{float:none; width:100%; padding:20px; }
	/*==========================SERVICOS=======================*/
	.servicos{width:100%; text-align:center; float:none;padding:10px}
	.servicosDesc{width:100%; float:none;  }
	.servMargin{ margin-top:40px}
	/*===================================LOGOMARCA=========================================*/
	#logo {width:130px;top:10px;left:5%;margin:0px; display:block}
	#logo img{width:100%;height:auto; max-height:62px; max-width:130px}
	/*===================================LOGOMARCA=========================================*/
	
	
	.formInput{width:100%; padding:1px;float:none;}
	.formInputTextarea {width:100%;}
	.tit4B{font-size: 2.0em;}

	}
@media (min-width:436px) and (max-width: 480px) {/*RESOLUÇÃO DO NOKIA 635 NA HORIZONTAL====================================*/
	body,a,p,td,li,div{ font-size:1.07em;}
	#nav{position:absolute; top:0px; left:0px;width:100%; height:40px; margin:0 auto; }
	/*====================================BANNER=========================================*/
	#banner{ margin-top:85px}
	
	/*=========================================LINKS=========================================*/
	.conteudo {width:100%; padding:10px  }
	.header_content{height:60px; border:none;}
	/*=================contato==================================================*/
	.contatoTxt{width:100%; float:none; padding:20px }
	.contatoForm{width:100%; float:none;}
	/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
	.imgLateral{float:none;width:100%;}
	.imgLateral img{width:60%;}
	.conteudoTXT{float:none; width:100%; padding:20px; }
	/*==========================SERVICOS=======================*/
	.servicos{width:100%; text-align:center; float:none;padding:10px}
	.servicosDesc{width:100%; float:none;  }
	.servMargin{ margin-top:40px}
	/*===================================LOGOMARCA=========================================*/
	#logo {width:130px;top:10px;left:5%;margin:0px; display:block}
	#logo img{width:100%;height:auto; max-height:62px; max-width:130px}
	/*===================================LOGOMARCA=========================================*/
	
	.formInput{width:100%; padding:1px;float:none;}
	.formInputTextarea {width:100%;}
	.tit4B{font-size: 1.9em;}
}

@media (min-width:415px) and (max-width: 435px) {/*RESOLUÇÃO DO NOKIA 635 NA HORIZONTAL====================================*/
	body,a,p,td,li,div{ font-size:1.07em;}
	#nav{position:absolute; top:0px; left:0px;width:100%; height:40px; margin:0 auto; }
	/*====================================BANNER=========================================*/
	#banner{ margin-top:85px}
	
	/*=========================================LINKS=========================================*/
	.conteudo {width:100%; padding:10px  }
	.header_content{height:60px; border:none;}
	/*=================contato==================================================*/
	.contatoTxt{width:100%; float:none; padding:20px }
	.contatoForm{width:100%; float:none;}
	/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
	.imgLateral{float:none;width:100%;}
	.imgLateral img{width:60%;}
	.conteudoTXT{float:none; width:100%; padding:20px; }
	/*==========================SERVICOS=======================*/
	.servicos{width:100%; text-align:center; float:none;padding:10px}
	.servicosDesc{width:100%; float:none;  }
	.servMargin{ margin-top:40px}
	/*===================================LOGOMARCA=========================================*/
	#logo {width:130px;top:10px;left:5%;margin:0px; display:block}
	#logo img{width:100%;height:auto; max-height:62px; max-width:130px}
	/*===================================LOGOMARCA=========================================*/
	
	.formInput{width:100%; padding:1px;float:none;}
	.formInputTextarea {width:100%;}
	.tit4B{font-size: 1.9em;}
}

@media (min-width:376px) and (max-width: 414px) {
	body,a,p,td,li,div{ font-size:1.09em;}
	#nav{position:absolute; top:0px; left:0px;width:100%; height:40px; margin:0 auto; }
	/*====================================BANNER=========================================*/
	#banner{ margin-top:85px}
	
	/*=========================================LINKS=========================================*/
	.conteudo {width:100%; padding:10px  }
	.header_content{height:60px; border:none;}
	/*=================contato==================================================*/
	.contatoTxt{width:100%; float:none; padding:20px }
	.contatoForm{width:100%; float:none;}
	/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
	.imgLateral{float:none;width:100%;}
	.imgLateral img{width:60%;}
	.conteudoTXT{float:none; width:100%; padding:20px; }
	/*==========================SERVICOS=======================*/
	.servicos{width:100%; text-align:center; float:none;padding:10px}
	.servicosDesc{width:100%; float:none;  }
	.servMargin{ margin-top:40px}
	/*===================================LOGOMARCA=========================================*/
	#logo {width:130px;top:10px;left:5%;margin:0px; display:block}
	#logo img{width:100%;height:auto; max-height:62px; max-width:130px}
	/*===================================LOGOMARCA=========================================*/
	
	.formInput{width:100%; padding:1px;float:none;}
	.formInputTextarea {width:100%;}
	.tit4B{font-size: 2em;}


}
@media (min-width:361px) and (max-width: 375px) {
	body,a,p,td,li,div{ font-size:1.07em;}
	#nav{position:absolute; top:0px; left:0px;width:100%; height:40px; margin:0 auto; }
	/*====================================BANNER=========================================*/
	#banner{ margin-top:85px}
	
	/*=========================================LINKS=========================================*/
	.conteudo {width:100%; padding:10px  }
	.header_content{height:60px; border:none;}
	/*=================contato==================================================*/
	.contatoTxt{width:100%; float:none; padding:20px }
	.contatoForm{width:100%; float:none;}
	/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
	.imgLateral{float:none;width:100%;}
	.imgLateral img{width:60%;}
	.conteudoTXT{float:none; width:100%; padding:20px; }
	/*==========================SERVICOS=======================*/
	.servicos{width:100%; text-align:center; float:none;padding:10px}
	.servicosDesc{width:100%; float:none;  }
	.servMargin{ margin-top:40px}
	/*===================================LOGOMARCA=========================================*/
	#logo {width:130px;top:10px;left:5%;margin:0px; display:block}
	#logo img{width:100%;height:auto; max-height:62px; max-width:130px}
	/*===================================LOGOMARCA=========================================*/
	
	.formInput{width:100%; padding:1px;float:none;}
	.formInputTextarea {width:100%;}
	.tit4B{font-size: 2.0em;}
	
}
@media (min-width:321px) and (max-width: 360px) {
	body,a,p,td,li,div{ font-size:1.08em;}
	#nav{position:absolute; top:0px; left:0px;width:100%; height:40px; margin:0 auto; }
	/*====================================BANNER=========================================*/
	#banner{ margin-top:85px}
	
	/*=========================================LINKS=========================================*/
	.conteudo {width:100%; padding:10px  }
	.header_content{height:60px; border:none;}
	/*=================contato==================================================*/
	.contatoTxt{width:100%; float:none; padding:20px }
	.contatoForm{width:100%; float:none;}
	/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
	.imgLateral{float:none;width:100%;}
	.imgLateral img{width:60%;}
	.conteudoTXT{float:none; width:100%; padding:20px; }
	/*==========================SERVICOS=======================*/
	.servicos{width:100%; text-align:center; float:none;padding:10px}
	.servicosDesc{width:100%; float:none;  }
	.servMargin{ margin-top:40px}
	/*===================================LOGOMARCA=========================================*/
	#logo {width:130px;top:10px;left:5%;margin:0px; display:block}
	#logo img{width:100%;height:auto; max-height:62px; max-width:130px}
	/*===================================LOGOMARCA=========================================*/
	
	.formInput{width:100%; padding:1px;float:none;}
	.formInputTextarea {width:100%;}
	.tit4B{font-size: 2.0em;}
}

@media (max-width: 320px) {/*RESOLUÇÃO DO NOKIA 635 NA VERTICAL====================================*/
	body,a,p,td,li,div{ font-size:1.07em;}
	#nav{position:absolute; top:0px; left:0px;width:100%; height:40px; margin:0 auto; }
	/*====================================BANNER=========================================*/
	#banner{ margin-top:85px}
	
	/*=========================================LINKS=========================================*/
	.conteudo {width:100%; padding:10px  }
	.header_content{height:60px; border:none;}
	/*=================contato==================================================*/
	.contatoTxt{width:100%; float:none; padding:20px }
	.contatoForm{width:100%; float:none;}
	/*============paginas de conteudo com fotos laterais, PERFIL SERVICOS==================*/
	.imgLateral{float:none;width:100%;}
	.imgLateral img{width:60%;}
	.conteudoTXT{float:none; width:100%; padding:20px; }
	/*==========================SERVICOS=======================*/
	.servicos{width:100%; text-align:center; float:none;padding:10px}
	.servicosDesc{width:100%; float:none;  }
	.servMargin{ margin-top:40px}
	/*===================================LOGOMARCA=========================================*/
	#logo {width:130px;top:10px;left:5%;margin:0px; display:block}
	#logo img{width:100%;height:auto; max-height:62px; max-width:130px}
	/*===================================LOGOMARCA=========================================*/
	
	.formInput{width:100%; padding:1px;float:none;}
	.formInputTextarea {width:100%;}
	.tit4B{font-size: 2.0em;}
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 768px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 768px), only screen and (min-device-pixel-ratio: 2) and (max-width: 768px), 
only screen and (min-resolution: 192dpi) and (max-width: 768px), only screen and (min-resolution: 2dppx) and (max-width: 768px) {
.topo {height:85px; }

}