#imageHeader{margin: auto; width: 350px;}
#imageHeader2{margin: auto; width: 125px;}
#titHeader{letter-spacing: 3px; }
#titHeader a{color:#4F2683;}
#descHeader{font-weight: bold; letter-spacing: 3px; font-size: 27px; font-style: italic; color: #f28a00;}

.single-featured-image-header {border-bottom: 0px;}
.single-featured-image-header img{padding-top: 0.3%; padding-left: 0.5%; padding-right: 0.5%;}



#headerPage{text-align:center;}

#contentPage{}



#framemain{
	width: 100%;
	height: auto;
}
#centromain{
	width: auto;
	max-width: 1024px;
	margin: auto;
}
#capasmain100{
	width: 100%
	float: left;
	padding: 15px;
	margin-top: 10px;
}	
#capasmain33{
	width: 33%;
	height: auto;
	float:left;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
  	-o-transform-style: preserve-3d;
  	-ms-transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
 	transition: 0.4s;
  	-webkit-transition: 0.4s;
  	-moz-transition: 0.4s;
  	-o-transition: 0.4s;
  	border: 0 solid black;
  	margin-top: 10px;
  	
  
}

#capasmain33:hover{
	transform: rotatey(-180deg);
  -webkit-transform: rotatey(-180deg);
  -moz-transform: rotatey(-180deg);
  -ms-transform: rotatey(-180deg);
  -o-transform: rotatey(-180deg);
}

#centroCapasMain33{
	width: 300px;
	height: 300px;
	margin: auto;
	border: 0 solid black;
	cursor: pointer;
	
}

#misionVision{
	text-align:center;
}
.titmisionVision{
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 23px;
}
.contmisionVision{
	letter-spacing: 4px;
	font-size: 18px;
	
}
.navigation-top{background-color: #222;}

#site-info{
	
	text-align: center;
	border: 0 solid black;
	width: 100%;
	padding: 0;
	padding: 15px;
	color: white;
	font-weight: bold;
	letter-spacing: 3px;
	
	
}

#site-info a:link{color: white;}


#piePagina{
	background-color: black;
	
}


@media screen and (min-width: 0px) and (max-width: 320px) {

#headerPage h1{font-size: 25px; margin-bottom: 3%; margin-top: -10%;}


#descHeader{font-weight: bold; letter-spacing: 3px; font-size: 23px; font-style: italic; color: #f28a00;}

#capasmain33{
	width: 100%;
	height: auto;
	float:left;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
  	-o-transform-style: preserve-3d;
  	-ms-transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
 	transition: 0.4s;
  	-webkit-transition: 0.4s;
  	-moz-transition: 0.4s;
  	-o-transition: 0.4s;
  	border: 0 solid black;
  	margin-top: 10px;
   }
	
}
/* para pantallas de 320 para arriba */
@media screen and (min-width: 321px) {

#headerPage h1{font-size: 25px; margin-bottom: 3%; margin-top: -10%;}


#descHeader{font-weight: bold; letter-spacing: 3px; font-size: 23px; font-style: italic; color: #f28a00;}

#capasmain33{
	width: 100%;
	height: auto;
	float:left;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
  	-o-transform-style: preserve-3d;
  	-ms-transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
 	transition: 0.4s;
  	-webkit-transition: 0.4s;
  	-moz-transition: 0.4s;
  	-o-transition: 0.4s;
  	border: 0 solid black;
  	margin-top: 10px;
  	}

	
}	
/* pantallas de 481 para arriba */
@media screen and (min-width: 481px) {
	
#headerPage h1{font-size: 35px; margin-bottom: 3%; margin-top: -7%;}
	
	
#descHeader{font-weight: bold; letter-spacing: 3px; font-size: 23px; font-style: italic; color: #f28a00;}

#capasmain33{

	width: 100%;
	height: auto;
	float:left;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
  	-o-transform-style: preserve-3d;
  	-ms-transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
 	transition: 0.4s;
  	-webkit-transition: 0.4s;
  	-moz-transition: 0.4s;
  	-o-transition: 0.4s;
  	border: 0 solid black;
  	margin-top: 10px;
  	}

}
/* pantallas de 601 para arriba */
@media screen and (min-width: 601px) {

#headerPage h1{font-size: 35px; margin-bottom: 3%; margin-top: -8%;}


#descHeader{font-weight: bold; letter-spacing: 3px; font-size: 25px; font-style: italic; color: #f28a00;}

	#capasmain33{
	width: 50%;
	height: auto;
	float:left;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
  	-o-transform-style: preserve-3d;
  	-ms-transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
 	transition: 0.4s;
  	-webkit-transition: 0.4s;
  	-moz-transition: 0.4s;
  	-o-transition: 0.4s;
  	border: 0 solid black;
  	margin-top: 10px;
  	}

}	
/* para pantallas de 768 para arriba */
@media screen and (min-width: 769px) {

#headerPage h1{font-size: 45px; margin-bottom: 2%; margin-top: -4%;}

#descHeader{font-weight: bold; letter-spacing: 3px; font-size: 27px; font-style: italic; color: #f28a00;}

#capasmain33{
	width: 50%;
	height: auto;
	float:left;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
  	-o-transform-style: preserve-3d;
  	-ms-transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
 	transition: 0.4s;
  	-webkit-transition: 0.4s;
  	-moz-transition: 0.4s;
  	-o-transition: 0.4s;
  	border: 0 solid black;
  	margin-top: 10px;
  	}

}

/* para pantallas de 801 para arriba */
@media screen and (min-width: 801px) {

#headerPage h1{font-size: 45px; margin-bottom: 2%; margin-top: -4%;}

#descHeader{font-weight: bold; letter-spacing: 3px; font-size: 27px; font-style: italic; color: #f28a00;}

#capasmain33{
	width: 50%;
	height: auto;
	float:left;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
  	-o-transform-style: preserve-3d;
  	-ms-transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
 	transition: 0.4s;
  	-webkit-transition: 0.4s;
  	-moz-transition: 0.4s;
  	-o-transition: 0.4s;
  	border: 0 solid black;
  	margin-top: 10px;
  	}
	
}
@media screen and (min-width: 1024px){

#headerPage h1{font-size: 45px; margin-bottom: 1%; margin-top: -3%;}

#descHeader{font-weight: bold; letter-spacing: 3px; font-size: 27px; font-style: italic; color: #f28a00;}


	
	#capasmain33{
	width: 33%;
	height: auto;
	float:left;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
  	-o-transform-style: preserve-3d;
  	-ms-transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
 	transition: 0.4s;
  	-webkit-transition: 0.4s;
  	-moz-transition: 0.4s;
  	-o-transition: 0.4s;
  	border: 0 solid black;
  	margin-top: 10px;
  	}
	
}