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


*{ margin:0; padding:0; margin-top:0;}
body{ background:#fff;}
.clear{clear: both;}
@font-face{ font-family:"OpenSans-CondLight"; src:url(../fonts/OpenSans-CondLight.ttf);}

.main{ width:100%; background:#fff; margin:0 auto; float:left; margin-top:0; }
.cabecalho{  background:#FFFFFF; background-size:100%; width:100%;  z-index:98; position: fixed; margin:0 auto; margin-top:0px; float:left;}
.content{ width:80%; margin:0 auto;}

.topo{ background:#007CD4; width:100%; margin:0 auto; margin-top:0px; float:left; }
.topo h1{ font-family:"OpenSans-CondLight"; font-size:36px;}


.logo{ width:20%; float:left; padding:5px; text-align:center;}
.logo img{ width:100%;}

.menu_topo{ width:70%; float:right; text-align:right; margin-top:10px;}
.tel{margin-right:15px; width:100%;  text-align:right; padding-right:15px;}
.tel img{ vertical-align:middle; margin-right:12px; }
.tel p{font-family:Abel-Regular; color:#EBEBEB;}
.banner{width: 100%; margin-top:175px; z-index:20; float:left;}
.banner img{ width:100%;}

.apresentacao{ width:25%; float:left; margin:2% 2%; padding:2%; min-height:550px;}
.apresentacao:hover{ background:#EBF6FF;}
.apresentacao h1{font-family:"OpenSans-CondLight"; font-size:26px; font-weight:bold;}
.apresentacao p{font-family:"OpenSans-CondLight"; font-size:20px;}
.apresentacao img{ width:60%; text-align:center;  }

.titulo{ width:100%; padding:1% 0%; background:#007CD4; margin:0 auto; float:left; }
.titulo h1{font-family:"OpenSans-CondLight"; font-size:40px; color:#fff; text-align:center;}
.titulo p{font-family:"OpenSans-CondLight"; font-size:22px; color:#fff; text-align:center;}
.apresentacao img:hover{-webkit-transform: scale(.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
		transition:1s; cursor:pointer;}

.sobre{ width:60%; background:#fff; margin:0 auto;}
.sobre_interno{ width:45%; padding:1%; float:left; margin:1%;}
.sobre h3{font-family:"OpenSans-CondLight"; font-size:21px; color:#007CD4; }
.sobre spam{font-size:35px; margin-bottom:20px;}
.sobre img{ width: 90%; text-align:center;}
.sobre a{color:#003C83;}
.sobre a:hover{color:#0073B3;}


.bloco2_4{ width:46%; float:left; background:#fff; margin:1%; padding:1%; font-family:"OpenSans-CondLight"; color:#0061A5;}
	.bloco2_4 p{font-family:"OpenSans-CondLight"; font-size:26px; color:#0061A5; margin-bottom:15px; }
	.bloco2_4 h2{font-family:"OpenSans-CondLight"; font-size:26px; color:#0061A5; margin-bottom:15px; font-weight:100; }
	.bloco3_4 a{ background:#007CD4; padding-left:15px; padding-right:15px; font-size:18px; color:#fff; margin-bottom:2px; border-radius:5px; text-decoration: none;}
	.bloco2_4 a:hover{ background:#3573BC;}
	.bloco2_4 table tr td {border:1px solid #0061A5; padding:2px;}
	.bloco2_4 .font1{ font-size:18px;}
	.bloco2_4 .icones{ width:8%; vertical-align:middle; margin:0 auto; text-align:center;}
	
	
	.bloco1_4 .icones{ width:4%; vertical-align:middle; margin:0 auto; text-align:center;}
	

.bloco3_4{ width:71%; float:left; background:#fff; margin:1%; padding:1%; font-family:"OpenSans-CondLight"; color:#0061A5;}
	.bloco3_4 h2{font-family:"OpenSans-CondLight"; font-size:26px; color:#0061A5; margin-bottom:15px; }
	.bloco3_4 a{ background:#007CD4; padding-left:15px; padding-right:15px; font-size:18px; color:#fff; margin-bottom:2px; border-radius:5px; text-decoration: none;}
	.bloco3_4 a:hover{ background:#3573BC;}
	.bloco3_4 table tr td {border:1px solid #0061A5; padding:2px;}
	.bloco3_4 .font1{ font-size:18px;}

.bloco1_4{ width:21%; float:left; background:#fff;margin:1%; padding:1%; font-family:"OpenSans-CondLight";}
	.bloco1_4 .tel{ width:8%; vertical-align:middle; margin:0 auto; text-align:center;}
	.bloco1_4 p{ font-size:22px; color:#0061A5;}
	

.ultimos_projetos{ width:98%; background:#0061A5; margin:0 auto; float:left; margin-bottom:30px;}
.ultimos_projetos_interno{ width:29.3%; background:#fff; padding:1%; float:left; margin:1%; }
.ultimos_projetos h1{font-family:"OpenSans-CondLight"; font-size:40px; color:#fff; text-align:center; padding:2% 0;}
.ultimos_projetos p{font-family:"OpenSans-CondLight"; font-size:20px; color:#fff; text-align:center; padding:2% 0;}
.ultimos_projetos  img{ width:100%; border:#007CD4 solid 2px; }
.ultimos_projetos  img:hover{ opacity:0.7; transition:.9s; border:#003C66 solid 2px; border-radius:50px;  }
.ultimos_projetos .botao{ width:200px; font-family:"OpenSans-CondLight"; font-size:40px;  margin:0 auto; color:#fff; padding:2px 20px; margin-bottom:10px;}
.ultimos_projetos .botao a{ text-decoration:none; background:#1B77E4; padding:3px 10px; border-radius:12px; color:#fff;}
.ultimos_projetos .botao a:hover{ background:#80CAFF; color:#0061A5; transition:.8s; }

.rodape{ width:100%; background:#007CD4; margin:0 auto; float:left; }
.rodape_interno{ width:98%; margin: 0 auto; background:#D1EBFF; float:left;  }
.bloco1{ width:28%; background:#D1EBFF; float:left; padding:1%; margin:1%;}
.rodape img{ width:90%;}
.rodape .bloco1 .tel{ width:12%; vertical-align:middle; margin:0 auto; text-align:center;}
.rodape .bloco1 .logo{ width:15%; }
.rodape .bloco1 .logo:hover{transform:scale(2,2); transition:.5s;}

.rodape p{font-family:"OpenSans-CondLight"; font-size:21px; color:#0061A5; margin-top:6px;}
.rodape h2{font-family:"OpenSans-CondLight"; font-size:32px; color:#007CD4; margin-top:6px;}
.rodape h3{font-family:"OpenSans-CondLight"; font-size:26px; color:#007CD4; margin-top:6px;}
.rodape ul{ font-family:"OpenSans-CondLight"; font-size:25px; list-style:none; color:#0061A5 }
.rodape ul a{ text-decoration: none; color:#0061A5; }
.rodape ul a:hover{ padding:4%; color:#1B77E4; transition:1s;}
.rodape ul li{ color:#0061A5; }









/****************************************************/
/*************   MÉDIA QUERIES   ********************/
/****************************************************/

@media (min-width:1px) and (max-width:480px){
	.content{width:100%;}
	.cabecalho{ position: absolute; margin:0 auto; margin-top:0px; float:none; clear:both;}
	.logo{ width:100%; float:none; text-align:center; margin:0 auto;}
	.logo img{ width:70%; margin:0 auto;}
	.menu_topo{ float:left;}
	.banner{width: 100%; margin-top:200px; z-index:20; float:left;}
	.titulo h1{font-family:"OpenSans-CondLight"; font-size:27px; color:#fff; text-align:center;}
	.sobre{ width:96%; border: 1px #007CD4 solid; border-radius:10px; margin-top:10px; 	float:left; margin-left:2%;}
	.sobre img{ width: 98%; padding:1% }
	.sobre_interno{ width:95%;}	
	.apresentacao{ width:92%; margin-top:10px; border:1px #007CD4 solid;  min-height:50px; border-radius:10px;}
	.apresentacao img{ width:40%; }	
	.rodape .bloco1{ width:96%; float:none; margin:0 auto; border:#007CD4 solid 1px; border-radius:10px; margin-top:10px;}
	.bloco2_4{width:94%; border:#007CD4 solid 1px; border-radius:5px; float:none; margin:0 auto; margin-top:10px; }
	.ultimos_projetos_interno{ width:97%; float:none; margin:0 auto;}
}



@media (min-width:481px) and (max-width:800px){
	.content{width:100%; float:none; margin:0 auto;}
	.cabecalho{ position: absolute; margin:0 auto; margin-top:0px; float:none; clear:both;}
	.logo{ width:100%;text-align:center; margin:0 auto; 	 }
	.logo img{ width:50%; margin:0 auto;}
	.menu_topo{ float:left;}
	.sobre{ width:96%; border: 1px #007CD4 solid; border-radius:10px; margin-top:10px; 	float:left; margin-left:2%;}
	.sobre img{ width: 98%; padding:1% }
	.sobre_interno{ width:95%;}	
	.apresentacao{ width:41%; margin-top:10px; border:1px #007CD4 solid;  min-height:520px; border-radius:10px;}
	.apresentacao img{ width:30%}
	.rodape .bloco1{ width:96%; float:none; margin:0 auto; border:#007CD4 solid 1px; border-radius:10px; margin-top:10px;}
	.bloco2_4{width:94%; border:#007CD4 solid 1px; border-radius:5px; float:none; margin:0 auto; margin-top:10px; }
	.ultimos_projetos_interno{ width:47%; margin:0 auto;}
}

@media (min-width:801px) and (max-width:1024px){
	.content{width:100%; float:none; margin:0 auto;}
	.logo{ width:50%;text-align:center; margin:0 auto;  }
	.logo img{ width:80%; margin:0 auto;}
	.menu_topo{ width:65%; float:right;}
	.sobre{ width:100%;}
	.apresentacao{ min-height:720px;}
	.rodape_interno{ width:100%;}
}

@media (min-width:1025px) and (max-width:1400px){
	.content{width:90%; float:none; margin:0 auto;}
	.logo{ width:26%;text-align:center; margin:0 auto; }
	.rodape_interno{ width:100%;}
}