*{
	margin:0;	
}
body{
	background-attachment:fixed !important;
	background:url(../img/b9.jpg);
	color:white;
	font-family:Calibri;
	font-size:15px;
	/* text-shadow:1px 1px 0 rgba(0,0,0,.3);	 */
}
header{
	background:url(../img/bg-gr.jpg);
	border-radius:20px 20px 0 0;
	-webkit-border-radius:20px 20px 0 0;
	-moz-border-radius:20px 20px 0 0;
	display:block;	
	padding:10px 0;	
} 
header img {
	height:auto;
	width:100%;
}

#menumk nav ul{
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(#000, #111),color-stop(#111, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
	/* // Solución para IE*/
	/* background-color: #557d29; */
	/* // RGBa CSS3 */
	/* background-color: rgba(0,0,0,.3); */
	font-size:0;
	padding:0;
}
#menumk nav ul li{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-box-sizing:border-box;
	display:inline-block;
	font-family:calibri;
	font-size:14px;
	height:35px;
	padding-top:10px;
	text-align:center;
	vertical-align:top;
	width:20%;
}
#menumk nav ul li:hover{
	background:rgba(0,0,0,.2);
}
#menumk nav ul li a {
	color:white;
	text-decoration:none;
	text-transform:uppercase;
}
#menumk nav ul li img {
	height:auto;	
}
#menumk nav ul ul li{
	font-size:14px;
	display:block;
	padding-left:15%;
	z-index:99;
}
#menumk nav li .flecha{
	font-size:9px;
	padding-left:6px;
}
/* inicio submenu */
#menumk nav li ul {
	display:none;
	position:absolute;
	width:22%;
}
/* #menumk nav li:hover >ul{
	display:block;
	z-index:999;
} */
#menumk nav li:hover ul{
	display:block;
	z-index:999;
}
/* final del submenu */
footer{	
	background:url(../img/bg-gr.jpg);
	border-radius:0 0 20px 20px ;
	-webkit-border-radius:0 0 20px 20px ;
	-moz-border-radius:0 0 20px 20px ;
	font-size:14px;
	display:block;
	text-align:center;	
	padding:20px;	
}
footer nav ul{
	font-size:0;
	padding:0;
}
footer nav ul li{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-box-sizing:border-box;
	display:inline-block;
	font-family:calibri;
	font-size:15px;
	height:35px;
	/* padding-top:10px; */
	text-align:center;
	vertical-align:top;
	width:25%;
}
footer nav ul li:hover{
	background:rgba(0,0,0,.2);
}
footer nav ul li a {
	color:white;
	text-decoration:none;
	text-transform:uppercase;
}
footer nav ul li img {
	height:auto;
} 
#contenedor{	
	margin:0 auto;
	max-width:980px;
	min-width:300px;
}
#slidermk{
	background:gray;	
	text-align:center;
}
#webs{
	background:white;
	padding:10px;
	text-align:center;
}
#webs article img{
	-webkit-transition:.2s;
	-moz-transition:.2s;
}
#webs article:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
}
#webs article{	
	/* background:rgba(0,0,0,.1); */	
	color:black;
	display:inline-block;
	margin:10px;	
	padding:10px;
	width:250px;	
}
#cargando{
	display:none;
	margin:0 auto;
}
#texto{
	color:black;
	display:inline-block;
	margin:10px;	
	padding:10px;
	text-align:left;
	vertical-align:top;
	width:250px;	
}
#header{
	color:black;
	display:inline-block;
	margin:10px;	
	padding:10px;
	text-align:left;
	vertical-align:top;
	max-width:850px !important;	
}

#texto img{
	padding-bottom:5px;
}
#ofertaEducativa{
	color:black;	
	margin-left:6%;
	margin-right:6%;
	text-align:left;
}

#fluido{
	background:#f0f2ee;
	color:black;
	display:inline-block;
	margin:10px;	
	padding:10px;
	text-align:left;		
	vertical-align:top;
	width:24%;	
}
#inicio{
	background:#f0f2ee;
	color:black;
	display:inline-block;
	margin:25px;	
	padding:0 10px 15px 10px;
	text-align:left;		
	vertical-align:top;
	/* width:24%;	 */
	width:39%;	
}
a{
	color:black;
	cursor:pointer;
	text-decoration:none;
}
#foro{
	color:black;
	display:inline-block;
	margin:10px;	
	padding:10px;
	text-align:left;
	vertical-align:top;
	width:70% !important;	
}
#youtube{
	margin:20 auto!important;
	width:100%!important;
	display:block!important;
}
@media screen and (max-width:980px){
	header{
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	}
	footer{
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	}
	#menumk nav li ul {
	width:25%;
	}
	#texto{	
	text-align:left;
	margin:5px;
	padding:5px;
	width:93%;	
	}
	#header{	
	text-align:left;
	margin:5px;
	padding:5px;
	width:93%;	
	}
 	#texto .img {
	float:left;	
	padding:5px;
	width:30%;
	}
	#ofertaEducativa{
	margin-left:4%;
	margin-right:4%;
	}
	#foro{	
	text-align:left;
	margin:5px;
	padding:5px;
	width:93%;	
	}
}
@media screen and (max-width:790px){
	#fluido{
	width:40%;	
	}
	#fluido2 img{
	width:40%;	
	}
	#inicio{
	width:35%;	
	}
	#fluido:hover img{
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0);
	}
	#fluido2:hover img{
		-webkit-transform:scale(1.0);
		-moz-transform:scale(1.0);
	}
}
@media screen and (max-width:790px){
	#menumk nav ul li{
	height:28px;
	padding-top:5px;
	width:49%;
	}
	
}
@media screen and (max-width:590px){
	
	#menumk nav li ul {
	width:49%;
	}
	footer nav ul li{
	width:49%;
	}		
	
}	
@media screen and (max-width:480px){
	header{
	display:block;
	text-align:center;
	width:auto;
	}
	#fluido{
	width:230px!important;
	min-width:230px;
	}
	#fluido2 img{
	width:230px!important;
	min-width:230px;
	}
	#inicio{
	width:250px!important;
	min-width:250px;
	}
	#director{
	font-size:16px;
	}
	#inicio{
	margin:25px 10px !important;
	}
	#youtube{
	display:none!important;
	}
	
}