@charset "UTF-8";

/* INDEX */
#bg-indx{background-image:url(_img/idx/bg-indx.jpg);}
#bg-indx .grid-10{margin-left:15%;}
#bg-indx h2{margin:2% 0 3% 0;font-size:250%;text-shadow: -1px -1px white, 1px 1px #333;text-align:center;}
#bg-indx h3{ display:block; padding:5% 2%; background-color:rgba(255,255,255,0.5); text-align:center; font-size:200%; border-radius:30px; color:#003A80; text-shadow:2px 1px #fff;font-family: 'fira_sansbold';}
#bg-indx h2,#bg-indx p{color:#fff;}
#bg-indx h4{text-align:center; margin-top:5%;color:#fff; font-size:500%;text-shadow: -1px -1px white, 1px 1px #333}
#prov{ padding:1% 0; margin:3% auto;}
#prov h2{ text-align:center; font-size:300%;  margin-bottom:1.5%;color:#888; text-transform:uppercase;font-family: 'fira_sansbold'; letter-spacing:1px;}
#prov img{ width:80%;padding:0 5%; margin:0 10%;}

/* GPO ESPINOSA */
#gpo-desc { margin:5% auto;}
#gpo-desc h2{font-size:300%;font-family: 'fira_sansbold'; text-transform:uppercase;color:#9d9ea0; line-height:1em;border-right: solid 2px #f8b530; padding-left:6%}
#gpo-desc h4{margin-top:5%; text-align:center;color:#f1f1f1;font-size:500%;text-shadow: -2px -2px #fff, 2px 2px #9d9ea0}
#gpo-desc p{ padding:0 3%;}
#bg-gpo{background-image: url(_img/gpoespinosa/bg-gpo.jpg); background-attachment:fixed;}
#bg-gpo h2{margin:2% 0 3% 0;font-size:250%;text-shadow: -1px -1px white, 1px 1px #333;text-align:center; color:#FFFFFF;}

#gpo-container{ margin:2% auto; padding:0 5%;}
#gpo-container h2{ width:100%; text-align:center;padding:5%; color:#005fbf;font-family:fira_sansbold; text-transform:uppercase; letter-spacing:1px;}
#gpo-container .box{min-height:220px; }
#gpo-container .box p,#gpo-container .box li { color:#FFF; margin:10% 5%; font-size:110%; padding:0 0.3%}


@media only screen and (min-width: 960px) and (max-width: 1024px) {
	#bg-indx .grid-10{margin-left:9%;}
	#bg-indx h2{font-size:210%; }
	/* GPO ESPINOSA */
	#gpo-desc p{ padding:0 1.25%;}
	#gpo-desc h4{margin-top:2%;}
	#gpo-container .box p,#gpo-container .box li{font-size:100%; padding:0}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* INDEX */
	#bg-indx .grid-10{margin-left:0%; width:100%;}
	#bg-indx h2{font-size:300%;}
	#bg-indx h3{font-size:150%;}
	#bg-indx h4{margin-top:2%;}
	/* GPO ESPINOSA */
	#gpo-desc h2{padding-left:2%}
	#gpo-desc h4{margin-top:1%;}
	#gpo-desc p{padding:0 0.75%; font-size:105%; text-align:left;}
	#gpo-container{padding:0;}
	#gpo-container .box p,#gpo-container .box li { text-align:left; padding:0}
	
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	/* INDEX */
	#bg-indx .grid-10{margin-left:0%; width:100%;}
	#bg-indx h2{font-size:300%;}
	#bg-indx h3{font-size:250%;}
	#prov div{ width:50%; float:left;}
	/* GPO ESPINOSA */
	#gpo-desc h2{ border-right:none;border-bottom: solid 2px #f8b530; font-size:400%;}
	#gpo-desc p{ font-size:130%;}
	#bg-gpo h2{font-size:300%;}
	#gpo-container{ margin:2% auto; padding:0 5%;}
	#gpo-container h2{ width:100%; text-align:center;padding:0%;}
	#gpo-container .box p,#gpo-container .box li { color:#FFF; margin:5%; font-size:150%; padding:0%}

}
@media only screen and (min-width: 480px) and (max-width: 619px) {
	/* INDEX */
	#bg-indx .grid-10{margin-left:0%; width:100%;}
	#bg-indx h2{font-size:300%;}
	#bg-indx h3{font-size:250%;}
	#prov div{ width:50%; float:left;}
	/* GPO ESPINOSA */
	#gpo-desc h2{ border-right:none;border-bottom: solid 2px #f8b530; font-size:400%;}
	#gpo-desc p{ font-size:130%;}
	#bg-gpo h2{font-size:300%;}
	#gpo-container{ margin:2% auto; padding:0 5%;}
	#gpo-container h2{ width:100%; text-align:center;padding:0%;}
	#gpo-container .box p,#gpo-container .box li { color:#FFF; margin:5%; font-size:150%; padding:0%}


}
@media only screen and (max-width: 479px) {	
/* INDEX */
	#bg-indx .grid-10{margin-left:0%; width:100%;}
	#bg-indx h2{font-size:300%;}
	#bg-indx h3{font-size:250%;}
	#bg-indx h4{font-size:250%;}
	#prov div{ width:50%; float:left;}
	/* GPO ESPINOSA */
	#gpo-desc h2{ border-right:none;border-bottom: solid 2px #f8b530; font-size:400%;}
	#gpo-desc h4{ font-size:400%;}
	#gpo-desc p{ font-size:130%;}
	#bg-gpo h2{font-size:300%;}
	#gpo-container{ margin:2% auto; padding:0 5%;}
	#gpo-container h2{ width:100%; text-align:center;padding:0%;}
	#gpo-container .box p,#gpo-container .box li { color:#FFF; margin:5%; font-size:150%; padding:0%}

	
}