@charset "utf-8";

/*########## -------------- ESTILOS GENERALES --------------##########*/


/* ........ Fuentes ........ */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');


/* ........ Generales ........ */

body{
	background:rgba(241,241,241,1) url(../img/fondo_logo-ipn.png);
	background-attachment:fixed;
	margin: 0px;
	padding: 0px;
	font-family: Montserrat, sans-serif;
	font-size:15px;
}

h1, h2{
	font-family: 'Montserrat', sans-serif;
}

h1{
	color:#84034C;
	font-size:36px;
	font-weight:600;
}

h2{
	color:#6a6a6a;
	font-size:30px;
	font-weight:500;
}



/* ........ Contenido ........ */
.content{
	width:50%;/*850px;*/
	height:auto;
	margin:0 auto;
	padding:30px 30px 40px 30px;
	text-align:center;
	background: #fff;
	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;	
	
	-webkit-box-shadow: 0px 2px 19px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 19px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 19px 0px rgba(0,0,0,0.75);
}

.banner{
	width:80%;
}



/* ........ Botones ........ */

.liga{
	width:94%;
	height:auto;
}

.liga:hover{
	width:90%;
	border:2px solid #84034c;
	
	-webkit-box-shadow: 0px 2px 19px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 19px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 19px 0px rgba(0,0,0,0.75);
	
	-webkit-transition: all 0.3s linear;
    -moz-transition: all all 0.3s linear;
    -o-transition: all all 0.3s linear;
    -ms-transition: all all 0.3s linear;
    transition: all all 0.3s linear;
}



/* ........ Pie de Página ........ */

.creditos{
	width:35%; 
	position:relative; 
	float:right; 
	margin-top:-60px;
	text-align:right;
	color:#E6E6E6;
	font-size:12px;
}
.creditos img{ width:45%; height:auto; opacity:0.2; }

.visitar{ color: #E6E6E6;}

.liga-gris{
    color: #84034C;
    opacity: 0.3;
	
	-webkit-transition: all 0.3s linear;
    -moz-transition: all all 0.3s linear;
    -o-transition: all all 0.3s linear;
    -ms-transition: all all 0.3s linear;
    transition: all all 0.3s linear;	
}

.liga-gris:hover{
    color: #84034C;
    opacity: 0.8;
	text-decoration:none;
}





/*     MEDIA QUERIES     */

@media (max-width: 781px){/*@media (max-width: 540px){*/
	.creditos{ width:100%; position:relative; float:none; margin-top:5px; text-align:center;}
	.creditos img{ width:50%; height:auto; opacity:0.2; }
	h1{	font-size:26px; }
	h2{	font-size:20px; }

}