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

#nosotros{
	margin:0;
	padding:0;
	background-image:url(../img/nosotros/nosotros.jpg);
	background-position:center;
	background-size:cover;
	width:100%;
	height:auto;
	position:relative;	
}

#nosotros h1, #nosotros h2{
	font-family: 'Avenir Next LT Pro Bold';	
}

#nosotros p, #nosotros li{
	font-family: 'Avenir Next LT Pro Regular';
	font-size:14px;
}

#nosotros .titulo{
	width:80%;
	height:auto;
	margin:auto;
	padding:6% 0;	
}

#nosotros .titulo h1{
	color:#0b70a8;
	text-align:center;
	font-size:26px;
	margin:0;
	padding:2% 0;
}

#nosotros .titulo p{
	color:#0b70a8;
	font-size:14px;
	text-align:justify;
	margin:0;
	margin:1% 0;
}

#nosotros .mvv{
	width:80%;
	height:auto;
	margin:auto;	
}

#nosotros .miviva{
	width:100%;
	height:auto;
	padding-bottom:7%;
}

#nosotros .Mimage{
	width:100%;
	height:auto;
	margin-bottom:4%;
}

#nosotros .Mimage img{
	width:100%;	
}

#nosotros .texto{
	width:100%;
	height:auto;
	background:#0b70a8;
}

#nosotros .texto p{
	color:white;
	padding:8%;
	margin-bottom:0;	
}

#nosotros .line{
	width:86%;
	height:2px;
	margin:auto;
	background:white;
}

#nosotros .snow{
	width:100%;
	height:auto;	
}

#nosotros .snow p{
	color:white;
	font-size:36px;
	padding:0;
	margin:0;
	text-align:center;	
}

#nosotros .texto ul{
	padding:8% 9% 8% 12%;	
}

#nosotros .texto ul li{
	color:white;
	list-style:disc;
}

.izq{
	margin-bottom:0;	
}


.lazo{
	position:absolute;
	bottom:-1%;
	width:100%;
	height:auto;	
}

.lazo img{
	width:100%;	
}

#nosotros .snow img{
	width:10%;
	text-align:center;
	margin-left:45%;
	padding:3% 0;
}


@media screen and (min-width: 768px) {
	#nosotros .titulo{
		padding:0;
		padding:4% 0;
	}
	
	#nosotros .miviva{
		width:40%;
		margin-left:6%;
		display:inline-table;	
	}
	
	#nosotros .texto{
		height:26vw;
		position:relative;	
	}
	
	#nosotros .snow{
		position:absolute;
		bottom:0;	
	}
	
	#nosotros .izq{
		margin-left:28%;
	}

}

@media screen and (min-width: 1024px) {
	#nosotros .titulo{
		width:70%;	
	}
	
	#nosotros .mvv{
		width:75%;	
	}
		
	#nosotros .miviva{
		width:30%;
		margin:0;
		margin-left:2.5%;	
	}
	
	#nosotros .texto{
		height:22vw;	
	}
	
	.lazo{
		bottom:-2%;	
	}
	
	#nosotros .texto ul{
		padding:0;
		padding:8% 9% 8% 16%;	
	}
		
}

@media screen and (min-width: 1366px) {
	
	#nosotros p, #nosotros li{
		font-size:16px;	
	}

	#nosotros .titulo{
		width:50%;
		padding:0;
		padding:2% 0 4.5% 0;	
	}
	
	#nosotros .titulo h1{
		font-size:32px;
		padding:0;
		padding:2% 0 0 0;	
	}
	
	#nosotros .titulo p{
		font-size:16px;	
	}
	
	#nosotros .mvv{
		width:70%;
		/*margin-top:5%;	*/
	}
	
	#nosotros .texto{
		height:18vw;	
	}
	
	#nosotros .texto ul{
		padding-right:5%;	
	}
	
	


}