@charset "utf-8";
/* CSS Document */

.column, .columns {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}
.row {
	margin:0px;
	padding:0px;
	margin-bottom: 20px;
}
.column.alfa, .columns.alfa {
	margin-left: 0;
}
.column.omega, .columns.omega {
	margin-right: 0;
        text-align: center;
}
.container .two.columns {
	width: 470px;
}
article .container .two.columns { width:450px; padding-right:20px;}
#diferenciais .four.columns{ margin:15px; width:205px;}
#empresa .alfa{ width:650px;}
#empresa .omega{ width:250px;}
#rodBlue .alfa{ width:280px;}
#rodBlue .omega{ width:250px;}
#rodBlue #rel{ width:280px; margin-right:45px;}
article .container .two.columns a img { display: inline }
.container .tree.columns {
	width: 306px;
}
.container .four.columns {
	width: 220px;
}
.container .column, .columns {
	padding-bottom:20px;
}

 @media only screen and (min-width: 768px) and (max-width: 959px) {

        #mestre                                  { width: 720px; overflow:hidden; }
        .container, 
		.container .column,
        .container .columns                         { display:block; clear:left;   }
        .column.alpha, .columns.alpha               { margin: 0 !important;  }
        .column.omega, .columns.omega               { margin: 0 !important; }
#diferenciais .four.columns,
        .container .one.column,                     
        .container .two.columns,                    
        .container .tree.columns,                   
        .container .four.columns,
		footer	.tree.columns 	                    {  display:block !important; clear:left; width:100% !important; padding:10px;}
		nav#menu li a{ padding:15px 7px;}
		#diferenciais .four.columns p, #diferenciais .four.columns h1{width:95% !important;}
.hide{ display:none;}
	/* correcao mask*/
#home-servicos .mask{
	width:768px !important;
	height:215px !important;
}
	/* correcao chamada*/
	#chamada div *{ text-align:center !important;}
		#chamada div{ margin-bottom:6px !important; display:block}
	
	/* correcao diagrama*/
.dHead{ background:transparent url(../img/diagrama_areas2.jpg) no-repeat center top !important; height:110px;}
	/* correcao mapa*/
iframe{ width:100%;}
	.img-full{ width:100% !important;}
	#toTop{ display:block !important;}
	/* correcao rodape*/
#rodBlue .tree.columns { width:27% !important; display:inline-block !important; float:left !important; clear:none; margin:1px;}
#rodBlue #fc{ width:220px !important;}
#rodBlue #rel{ width:180px !important;}
#rodBlue #credenciados{ width:230px !important;}
#rodBlue .omega{ width:250px;}

 }
	@media only screen and (min-width: 480px) and (max-width: 767px) {	

		 #mestre                             { width: 400px;  overflow:hidden;}
        .container, 
		.container .column,
        .container .columns                         { display:block; clear:both;}
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
#diferenciais .four.columns,
        .container .column,
	    .container .one.column,                     
        .container .two.columns,                    
        .container .tree.columns,                   
        .container .four.columns,
		footer	.tree.columns	                    {  display:block !important; clear:both; width:96%; padding:10px 0 10px 0;}
		article *{ display:block; position:relative; clear:both; float:none;}
		#diferenciais .four.columns p, #diferenciais .four.columns h1{width:95% !important;}
	/* correcao mask*/
#home-servicos .mask{
	width:400px !important;
	height:115px !important;
}
	/* correcao chamada*/
	#chamada div *{ text-align:center !important;}
	#chamada div{margin:0 0 6px 0 !important;}
	#chamada .cinza{   display:block; width:100% !important;}
	/* correcao diagrama*/
.dHead{ background:transparent url(../img/diagrama_areas_resp.jpg) no-repeat center top !important;}
#diagrama ul li { display:block; width:99%; margin:0 0 5px 0; height:auto;}
	/* correcao rodape*/
	#rodBlue .omega a{ clear:none; float:left; display:inherit; width:auto; position:inherit;}
		.redes a{ float:right; width:auto; clear:none;}
	/* navegacao*/
    #mobileMenu_MenuSelect  { display: block; width:95%; margin-left:10px; padding:6px; }
    #MenuSelect, title, script, .hide, #miniSlider{ display: none !important;}

	/* correcao slogan*/
	header{ height:170px;}
	.slogan{ display:block; clear:both; text-align:center; position:absolute; top:85px; left:0; z-index:1000; width:90%; padding:10px; font-size:1.4em; overflow:hidden !important;}
	.hide{ visibility:hidden;}
	.img-full{ width:100% !important;}
	#toTop{ display:block !important;}
ul.areas li{ display:block; width:auto !important; border-color:#FFF;
	}
		span, strong{ clear:none; display:inline;}
 }
 	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 479px) {
		    #mestre                             { width: 300px;  overflow:hidden;}
	
        .container, 
		.container .column,
        .container .columns                         { display:block; clear:both;}
        .column.alpha, .columns.alpha               { margin: 0;  }
        .column.omega, .columns.omega               { margin: 0;  }
#diferenciais .four.columns,
        .container .column,
	    .container .one.column,                     
        .container .two.columns,                    
        .container .tree.columns,                   
        .container .four.columns,
		footer	.tree.columns 	                    {  display:block !important; clear:both; width:96% !important; padding:10px 0 10px 0;}
		article *{ display:block; position:relative; clear:both; float:none;}
		#diferenciais .four.columns p, #diferenciais .four.columns h1{width:95% !important;}
	/* correcao mask*/
#home-servicos .mask{
	width:300px !important;
	height:85px !important;
}
	/* correcao chamada*/
	#chamada div *{ text-align:center !important;}
		#chamada div{ margin-bottom:6px !important; display:block}
	/* correcao diagrama*/
.dHead{ background:transparent url(../img/diagrama_areas_resp.jpg) no-repeat center top !important;}
#diagrama ul li { display:block; width:99% !important;  margin:0 0 5px 0; height:auto;}
	/* correcao rodape*/
	#rodBlue .omega a{ clear:none; float:left; display:inherit; width:auto; position:inherit;}	
	/* navegacao*/
   #mobileMenu_MenuSelect { display: block; width:95%; margin:0px auto; padding:6px; }
    #MenuSelect { display: none }
    #MenuSelect, title, script, .hide, #miniSlider{ display: none;}
	/* correcao slogan*/
	header{ height:170px;}
	.slogan{ display:block; clear:both; text-align:center; position:absolute; top:80px; left:0; z-index:1000; width:90%; padding:10px; font-size:1.3em;overflow:hidden !important;}	
	.hide{ visibility:hidden;}
	img.img-full{ width:100% !important;}
		#toTop{ display:block !important;}
ul.areas li{ display:block; width:95% !important; border-color:#FFF;
	}
		span, strong{ clear:none; display:inline;}
}