@font-face {
font-family: roboto;
src: url(./font/roboto.ttf);
}

.contenedor .logo{
	margin-left: 15%;
	margin-top: 5%;
	width: 50%;
}



@media (max-width:480px){
	.contenedor .logo {
		margin-top:-30px;
		margin-left: 10%;
	}
	.contenedor .logo img{
		width: 80%;
		height: 90%
	}	
}

@media (min-width:768px) and (max-width: 1000px){
	.contenedor .logo {
		margin-top:-30px;
		margin-left: 5%;

	}
	.contenedor .logo img{
		width: 40%;
		height: 45%;
		display: static;
	}	

}

.contenedor .media {
	float: right;
	margin-top: -110px;
	margin-right: 150px;
}

@media (max-width:480px){
	.contenedor .media {
		margin-top:-50px;
		margin-left: 35%;
		float: left;
		padding-bottom: 10px; 
	}
	.contenedor .media img{
		width: 20%;
		height: 20%;
	}	
}
	

#blog {
	background: rgba(37,54,37,0.1); 
}

#blog .contenedor{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#blog h3, h4 {
	text-align: center;
}

#blog article{
	margin: 15px;

}

@media (max-width:480px){
	#blog article {
	margin: 40px;
	}	
}


#blog img{
	width: 100%; 
	max-width:800px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C9CA;
    display: block;
    padding: 1px;
}

@media(min-width:375px){
	#blog .contenedor img {
 	max-width: 470px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C9CA;
    display: block;
    padding: 1px;
	}

}

@media (max-width:375px){
	#blog .contenedor h2 {
 	font-size: 18px;
	}

}




#blog .contenedor a {  
	text-decoration: none;
}
/*----------------------------------------*/

#blog2 .contenedor h2 {
	font-family: roboto Condensed;
    font-size: 36px;
    color: #002e82;
    margin-top: -50px;
}


@media (max-width:480px){
	#blog2 .contenedor h2 {
	font-family: roboto thin;
    font-size: 16px;
    }	
	#blog2 .contenedor article{
		justify-content: center;	
	}

	#blog2 .contenedor h4 {
		width: 190px;
	}
}

#blog2 .contenedor{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;


}
#blog2 article{
	margin: 15px;
}

#blog2 img{
/*	width: 100%; */
	max-width: 190px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C9CA;
    display: block;
    padding: 1px;
}


#blog2 .contenedor h4 {
 	font-family: roboto Condensed;
 	font-size: 21px;
 	margin-top: 30px;
 	color: #4f6982;
}



#blog2   {
	margin-top: 0px;
	background: rgba(55,116,165,0.05);
	padding-bottom: 70px;
-webkit-box-shadow: 0px 0.7px 0.7px 0.7px rgba(189,187,189,1);
-moz-box-shadow: 0px 0.7px 0.7px 0.7px rgba(189,187,189,1);
box-shadow: 0px 0.7px 0.7px 0.7px rgba(189,187,189,1);
	}

#blog2 .botoncito a   {
	display: block;
	width: 180px;
	color: #0f72ad;
	text-decoration: none;
	padding: 7px;
	border: 1px solid #0f72ad ;
	margin-top: 30px;
	justify-content: center;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
     align-content: center;
   text-align: center;
     font-family: roboto light;
	}	


#blog2 .botoncito a:hover   {
	background: #002e82;
    border-radius: 10px;	
    border:  1px solid #fff;
	transition: all 0.5s;
/*	transform: rotate(360deg) scale(1,1);*/
	color: #fff;
	}	



/* azul rgba(0,122,194,0.09)----------------------------------------*/

#blog3 .contenedor{
	display: flex;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap; 
	
}

 #blog3{
/*	background: rgba(255,255,255,1); */
        background: rgba(55,116,165,0.05);
	margin-top: 0px;
}
#blog3 article p{
	max-width: 450px;
	font-family: roboto regular;
	font-size: 18px;
	text-align: justify;
	color:#4f6982;

}

#blog3 h2 {
	justify-content: letf;
	font-family: roboto Condensed;
	font-size: 36px;
	color: #002e82;
	padding-bottom: 100px;
}

@media(max-width:375px){
	#blog3 img {
			max-width: 230px;
			max-height:150px;
	}
}

@media (max-width:480px){
	#blog3 h2{
		text-align: center;
		font-family: roboto Condensed;
	    font-size: 32px;
	    text-align: center;
	}

	#blog3 .contenedor article{    
		text-align: center;
	}
	#blog3 .contenedor h4{
		  margin-left: 30px;
	}
	#blog3 img {
		 margin-left: 0px;
	}

	#blog3 article p{
    width: 320px;
    margin-left: 80px;
    }
}


#blog3 .contenedor h4 {
 	font-family: roboto regular;
 	font-size: 21px;
 	padding-bottom: 50px;
 	color:	#4f6982;
 	
}

#blog3 article	{
	padding-right: 5%;
	margin-top: -50px;
}

#blog3 img{
/*	width: 100%; */
	max-width: 450px;
	max-height:300px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C9CA;
    display: block;
    padding: 1px;
	
}

@media (max-height: 480px){  
	#blog3 img
		{  
			justify-content: center;
			text-align: center;
			align-content: center;
			
		}
	
}

	
@media (min-height: 999px){  
	#blog3 img{  
		margin-left: 40px;
	  	max-width: 430px;
		max-height:300px;
	}
	#blog3 article p {
			margin-left: 40px;
	}

	#blog3 h2 {
		margin-left: -50px;
	}		
}

/*----------------------------------------*/
#blog4{
	margin-top: -20px;
	background: rgba(255,255,255,0.1);
}


#blog4 .contenedor{
	display: flex;
	justify-content: center;
	text-align: left;
	flex-wrap: wrap;

}

#blog4 .contenedor h4{
	font-family: roboto regular;
	color: #002e82;
 	font-size: 26px;

}

#blog4 .contenedor h5{
	font-family: roboto regular;
 	font-size: 19px;
 	text-align: center;
 	color: #002e82;
}

/*------------Media Query----------*/
@media (max-width:480px){
	#blog4 .contenedor h5{
		font-size: 16px;
	}	

}

/*---------------------------------finaliza------------------------------------*/



#blog4 .contenedor iframe{
	width: 1000px;
	-webkit-box-shadow: 0px 4px 17px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 17px -2px rgba(0,0,0,0.75); 
    box-shadow: 0px 4px 17px -2px rgba(0,0,0,0.75);
  }


.form-style-6{
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 400px;
    margin: 10px auto;
    padding: 16px;
    background: #F7F7F7;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.form-style-6 h1{
    background: #186ca4; 
    padding: 10px 30px;
    font-size: 140%;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin: -5px -16px 16px 100px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


.form-style-5{
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 400px;
    margin: 10px auto;
    padding: 16px;
    background: #fff;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*  media query*/
@media (max-width:480px){
	.form-style-6 h1{
		margin: -16px -16px 16px 16px;
		}
	}
/*  finaliza media query*/

.form-style-6 input[type="text"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select 
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
     border-radius: 10px;
}
.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    box-shadow: 0 0 5px #186ca4;  /*43D1AF   2EBC99 verde  30C29E*/
    padding: 3%;
    border: 1px solid #186ca4;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.form-style-6 input[type="submit"],
.form-style-6 input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 3%;
    background: #186ca4;  /* color del boton*/
    border-bottom: 2px solid #186ca4;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;    
    color: #fff;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover{
    background: #58ACFA;
}

.form-style-7{
	font: 95% Arial, Helvetica, sans-serif;
    max-width: 940px;
    margin: 10px auto;
    padding: 16px;
    background: #F7F7F7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* ----------------------------------------------------------------------------  */



#blog5 h2 {
	font-family: roboto Condensed;
	font-size:36px;
	padding-bottom: 25px;
	color: #002e82;
	height: 25px;
}

#blog5{
	background: rgba(0,81,130,0.1);
	-webkit-box-shadow: 0px -2px 10px -3px rgba(214,214,214,1);
     -moz-box-shadow: 0px -2px 10px -3px rgba(214,214,214,1);
     box-shadow: 0px -2px 10px -3px rgba(214,214,214,1);
     height: 200px;
}

#blog5 .contenedor{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	height: 40px;

}
#blog5 article{
	margin: 15px;
	padding-left: 10px;
}

#blog5 article a{
	display: block;
}

#blog5 img{
/*	width: 100%;  imagen de la sombra para el texto*/
	max-width: 125px;
}

/*  media query*/
@media (max-width:480px){
	#blog6 .imagen{
		margin-left: -50px;
		}
		#blog5 h2 {
			font-size: 30px;
		}
	}
/*  finaliza media query*/

#blog5 .imagen img{  /* imagen que hace sombra a empresas del grupo*/
float: left;	
margin-left: 45%;
margin-top: 0px;
}
@media (max-width:480px){
	#blog5 .imagen img{
		margin-left: 20%;
	}
}


@media (max-width:480px) and (max-width: 1000px) {
		#nosotros,.privacidad h4{
			width:340px;
			padding: 15px;
		}

		.logo-sup {
			padding: 0 !important;
		    margin-top: 10px;
		     position: absolute; 
		    z-index: 0; 
		     text-align: center; 
		    margin-logoleft: 8%;

			}
}


@media (min-width:1024px)  {
		#bienvenidos h2{
		font-size: 29px;
		width: 90%;
		text-align: center;
		}
}

@media (min-width:360px)  {
		#bienvenidos h2{
		font-size: 21px;
		margin-top: -100px;
		}
}

@media (max-width:360px)  {
		#blog img{
		max-width: 270
		}
}

/*Media querys para el home*/


@media (max-width:768px)  {
	.socialylogo {
		padding: 0 !important;
	    margin-top: 10px;
	    position: absolute; 
	    z-index: 0; 
	    text-align: center; 
	    margin-left: 2%;


	}
	.logo-sup img{
		position: static;
		margin-left: -160px; 

	}
}

@media (max-width:1024px)  {
	.socialylogo {
		padding: 0 !important;
	    margin-top: 0px;
	    position: absolute; 
	    z-index: 0; 
	    text-align: center; 
	    margin-left:35%;
	 
	}
	.logo-sup img{
		position: static;
		margin-left: -160px; 

	}
}


@media (max-width:375px)  {
	.socialylogo {
		padding: 0 !important;
	    margin-top: 0px;
	    position: absolute; 
	    z-index: 0; 
	    text-align: center; 
	    margin-left:35%;
	 
	}
	.logo-sup img{
		position: static;
		margin-left: 0px; 

	}
}




@media (max-width:376px)  {
	.logo-sup,.socialylogo,  {
		display: inline;
	}
}


@media (max-width:365px)  {
	#blog7 article img {
		display: none;
		display: block;
	}
	#blog7{
		height: 450px;
	}

}



@media (max-width:768px) and (max-width: 1000px) {
		
#bienvenidos h2 {
    font-family: roboto Condensed;
    font-size: 21px;
    color: #002e82;
    margin-top: -100px;
}

}



#blog7 {
	background: rgba(255,255,255,0.1); 
}

#blog7 .contenedor{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#blog7 h1 {
	text-align: left;
}

#blog7 article{
	margin: 15px;

}

@media (max-width:480px){
	#blog7 article {
	margin: 40px;
	}
	#blog7 img{
	max-width: 270px;
	margin-top: -50px;		
	}

}


@media (max-width:768px){
	#blog7 article {
	margin: 40px;
	}
	#blog7 img{
	max-width: 270px;
	margin-top: -50px;	
	}

}


#blog7 img{
/*	width: 100%; */
	width: 350px;
	background: none repeat scroll 0 0 #FFFFFF;
 /*   border: 1px solid #C5C9CA; */
    display: block;
    padding: 1px;
}

/*-------------------------------------*/

#nosotros {
	background: rgba(255,255,255,0.1); 
}

#nosotros .contenedor{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#nosotros h3, h4, h2 {
	text-align: center;
}



#nosotros h2 {
	font-family: roboto Condensed;
    font-size: 36px;
    padding-bottom: 25px;
    color: #002e82;
}
#nosotros article{
	margin: 15px;

}
#nosotros .contenedor p{
    font-family: roboto Condensed;
    color: #4f6982;
    font-size: 21px;
}

@media (max-width:480px){
	#nosotros article {
	margin: 40px;

	}	
}


#nosotros img{
/*	width: 100%; */
	max-width: 270px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C9CA;
    display: block;
    padding: 1px;
}



#nosotros .contenedor h4 {
 	font-family: roboto thin;
 	color: #4f6982;
 	font-size: 21px;
 	padding-left: 0px 0px; 
}

/* ---------------- */




.imagenes1 .imagenes2{
	text-align: center;
	 display: inline;
	
}

#planoscontruccion #blog img{
/*	max-width: 270px; */

}
#planoscontruccion #blog h2{
	font-family: roboto thin;
    font-size: 26px;
    color: #999;
}


#planoscontruccion h3{
	font-family: roboto thin;
    font-size: 26px;
    color: #4f6982;
    max-width: 1200px;
    text-align: center;
    align-content: center;
 
}

#planoscontruccion #blog iframe{
	max-width: 268px;

}

#planoscontruccion img{
/*	width: 100%; */
	max-width: 100%;
	max-height: 100%;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C9CA;
    display: block;
    padding: 1px;
    text-align: center;
    justify-content: center;
    margin: 0 auto;

}

#planoscontruccion #blog .contenedor h4  {
   	width: 270px;
    font-family: roboto;
    font-size: 18px;
    padding-top: 20px;
    color: #337ab7;
    align-content: center;
    text-align: center;
    justify-content: center;
}

#planoscontruccion #blog .contenedor p  {
   	width: 270px;
    font-family: roboto t;
    font-size: 18px;
    padding-top: 10px;
    color: #002d79;
    text-align: center;
    
}

#planoscontruccion #blog .contenedor h6  {

    font-family: roboto t;
    font-size: 14px;
   padding-top: 10px;
    color: #7fc1ea;
    text-align: center;
    
}

#planoscontruccion #blog article{
	max-width: 270px;
	background: #fff;


}
/*----------------------*/



#overview #blog img{
	max-width: 100%;

}
#overview #blog h2{
	font-family: roboto thin;
    font-size: 26px;
    color: #999;
}


#overview h3{
	font-family: roboto Condensed;
    font-size: 26px;
    color: #4f6982;
    max-width: 1200px;
    text-align: center;
    align-content: center;
    margin-top: -50px;
 
}

#overview h5{
	font-family: roboto Condensed;
    font-size: 21px;
    color: #4f6982;
    max-width: 1200px;
    text-align: center;
    align-content: center;
    margin-top: 30px;
 
 
}

#overview article{
	text-align: center;
	justify-content: center;
	align-content: center;
}

#overview iframe{
width: 560;
height: 315;
}

#overview img{
/*	width: 100%; */
	max-width: 75%;
	max-height: 75%;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C9CA;
    display: block;
    padding: 1px;
    text-align: center;
    justify-content: center;
    margin: 0 auto;

}

#overview #blog .contenedor h4  {
   	width: 270px;
    font-family: roboto;
    font-size: 18px;
    padding-top: 20px;
    color: #337ab7;
    align-content: center;
    text-align: center;
    justify-content: center;
}

#overview #blog .contenedor p  {
   	width: 270px;
    font-family: roboto t;
    font-size: 18px;
    padding-top: 20px;
    color: #3ab54a;
    text-align: center;
    
}


#overview #blog article{
	max-width: 270px;
	background: #fff;


}
/*----------------------*/



#planos .contenedor h2 {
	font-family: roboto Condensed;
    font-size: 36px;
    color: #002e82;
    margin-top: -50px;
}


@media (max-width:480px){
	#planos .contenedor h2 {
	font-family: roboto thin;
    font-size: 16px;
    }	
	#planos .contenedor article{
		justify-content: center;	
	}

	#planos .contenedor h4 {
		width: 190px;
	}
}

#planos .contenedor{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: -60px;
}

#planos article{
	margin: 15px;
}

#planos img{
/*	width: 100%; */
	max-width: 190px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C9CA;
    display: block;
    padding: 1px;
}


#planos .contenedor h4 {
 	font-family: roboto Condensed;
 	font-size: 21px;
 	margin-top: 30px;
 	color: #4f6982;
}



#planos   {
	background: #fff;
	padding-bottom: 70px;
	 
	}