/* CSS Document */

#conocenos .contentInfo {
	background:url(../images/comun/bg_secciones.png) top center repeat;
	width:1050px;
	margin:0 auto;
}


#conocenos .contentInfo .info {
	width:1050px;
	margin:0 auto;
	margin-top:0;
}



#conocenos .contentInfo .info .row {
	margin-bottom:50px;
}


#conocenos .contentInfo p {
	font-size:18px;
	line-height:25px;
	display:block;
	margin-top:15px;
	padding-bottom:20px;
}


#conocenos .contentInfo .info .col1 {
	float:left;
	width:240px;
	margin-top:180px;
	padding-left:30px;
}

#conocenos .contentInfo .info .col2 {
	float:left;
	width:620px;
	margin-left:60px;
}

#conocenos .contentInfo .info h3 {
	width:400px;
}


#conocenos .contentInfo .info .titControl {
	margin-top:60px;
}


#conocenos .contentInfo .info .destacado {
	width:620px;
	height:auto;
}



#conocenos .contentInfo  .line {
	background:url(../images/conocenos/line.png) bottom center no-repeat;
	width:100%;
	height:18px;
}





/*MEDIA QUERIES // RESPONSIVE ---------------------------------------------*/



/*1024*/
@media screen and (max-width: 1050px) {
	
	
#conocenos .contentInfo {width:90%; margin:0 auto;}
#conocenos .contentInfo .info {width:90%; margin:0 auto; margin-top:50px;}
#conocenos .contentInfo p {font-size:16px; line-height:25px;}

#conocenos .contentInfo .info .col1 {width:20%;}
#conocenos .contentInfo .info .col2 {width:70%; margin-left:30px;}
#conocenos .contentInfo .info .destacado {width:70%; height:auto;}


} 




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



/*768*/
@media screen and (max-width: 980px) {
	
#conocenos .headerfoto {padding-top:60px; }

#conocenos .contentInfo .info {width:100%; margin:0 auto;}

#conocenos .contentInfo .info .col1 {display:none;}
#conocenos .contentInfo .info .col2 {width:100%; margin-left:0;}
#conocenos .contentInfo .info .destacado {width:100%;}


#conocenos .contentInfo .info h3 {
    width:340px;
    margin-top:0;
	margin:0 auto;
}


#conocenos .contentInfo .info .titControl {
	margin-top:20px;
}


#conocenos .contentInfo  .line {
	width:100%; margin:0 auto; background-size:100% 10px;}

}



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



/*640*/
@media screen and (max-width: 700px) {
	
	#conocenos .contentInfo .info h3 {
    width:280px;
}

	
}



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




/*480*/
@media screen and (max-width: 600px) {
		
	

}




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



/*320*/
@media screen and (max-width: 400px) {
	
	
	
	
	
}