@charset "utf-8";
#page-top { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#FFF; overflow-x:hidden; }

#home { 
		position:relative; top:0px; left:0px; width:100%; height:100%; min-height:960px;
		background-position:left bottom; background-repeat:no-repeat; background-color:#FFF; background-image:url('../imagenes/nosotros.jpg');
		-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; 
	}
	
@media only screen and (max-width: 671px){
	#home { 
		position:relative; top:0px; left:0px; width:100%; height:100%; min-height:960px;
		background-position:left bottom; background-repeat:no-repeat; background-color:#FFF; background-image:url('../imagenes/nosotros-mobile.png');
		-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; 
	}
}

@media only screen and (min-width: 672px) and (max-width: 1024px){
	#home { 
		position:relative; top:0px; left:0px; width:100%; height:100%; min-height:960px;
		background-position:left bottom; background-repeat:no-repeat; background-color:#FFF; background-image:url('../imagenes/nosotros-responsive.jpg');
		-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; 
	}
}


#resena { position:relative; padding:15px; background-color:#FFF; }
	#img05 { width:75%; height:auto; margin:60px 0px; }
	
	#tit04 { font-size:28px; font-weight:bold; color:#030625; width:280px; text-align:right; margin:15px 0px 0px 0px; }
	#lin04 { width:300px; height:3px; background-color:#030625; }
	#txt04 { color:#000; text-align:justify; font-size:18px; letter-spacing:0.8px; line-height:24px; text-indent:35px; margin:45px 0px 0px 0px; padding:0px 30px; }
	
	#img06 { width:100%; height:auto; margin:20px 0px 45px 0px; }
	
	
	
#mision { position:relative; padding:30px; background-color:#F3F3F4; }
	#mision .container .row > div { padding:0px; }
	
	#img02 { width:100%; height:auto; }
	
	#tit02 { font-size:28px; font-weight:bold; color:#030625; width:200px; text-align:right; margin:15px 0px 0px 0px; }
	#lin02 { width:225px; height:3px; background-color:#030625; }
	#txt02 { color:#000; text-align:justify; font-size:18px; letter-spacing:0.8px; line-height:24px; text-indent:35px; margin:45px 0px 0px 0px; padding:0px 30px; }
	
	#img03 { width:80%; height:auto; margin:35% 0px 30px 0px; }
	
	@media (max-width: 1200px) {
		#img02 { max-width:300px; margin:0px auto; }
		#img03 { max-width:200px; margin:30px 0px; }
	}
	
	

#vision { position:relative; padding:0px 30px 30px 30px; background-color:#F3F3F4; }
	#vision .container .row > div { padding:0px; }
	
	#img04 { width:100%; height:auto; }
	
	#tit03 { font-size:28px; font-weight:bold; color:#030625; width:200px; text-align:right; margin:15px 0px 0px 0px; }
	#lin03 { width:225px; height:3px; background-color:#030625; }
	#txt03 { color:#000; text-align:justify; font-size:22px; letter-spacing:0.8px; line-height:30px; text-indent:35px; margin:45px 0px 0px 0px; padding:0px 90px 0px 30px; }
	
	@media (max-width: 1200px) {
		#img04 { max-width:300px; margin:25px auto; }
	}
	
	
	
#valores { position:relative; background-color:#fff; margin:45px 0px 60px 0px; padding-top:65px; }
	#tit-valores { position:relative; padding-bottom:45px; }
	#lin01 { position:absolute; top:37px; left:0px; right:0px; height:4px; background-color:#030625 !important; }
	#tit-valor { width:240px; padding:15px; background-color:#FFF; }
	#tit-valor > label { border:4px solid #030625; padding:0px 30px; background-color:#FFF; font-size:30px; font-weight:bold; color:#030625; margin:0px; }
	.tit01 { color:#000; text-align:left; font-weight:bold; font-style:italic; font-size:16px; margin:7px 0px; }
	.txt01 { color:#000; text-align:justify; font-size:14px; letter-spacing:0.7px; line-height:20px; text-indent:35px; margin:10px 0px 45px 0px; padding:0px 20px; }
	
	
	
@media (max-width: 768px) {
	#txt02, #txt03, #txt04 { padding-right:30px; }
	#navbar > ul {padding-left: 55px;}
	
}