BODY {
	background-color: #000;
	margin : 0,auto;
}
h1{
	font-size:1rem;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#06F;
}
a:active{
	color:#06F;
}
img{
	width:100%;
}
.contenedor{
	margin: 0 auto;
	text-align:center;
	padding-top:30px;
	padding-bottom:20px;
	background-image:url(../imagenes/fondo.jpg);
	background-position: center center;
	background-repeat: repeat-y;
	width:90%;
	font-family: Calibri,Arial, Helvetica, sans-serif;

}
.bandamenu{
	margin: 0 auto;
	width:85%;
	text-align:center;
	background:rgba(255,255,255,0.5);
}
.menu{
	float:left;
	width:32%;
	padding-top:4px;
	padding-bottom:4px;
	background:rgba(255,255,255,0.5);
	font-weight:bold;
}
.marcoindex{
	margin: 0 auto;
	width:85%;
	height:600px;
	padding:5px;
	margin-top:20px;
	text-align: left;
	background:rgba(255,255,255,0.4);
}
.marcoinfo{
	margin: 0 auto;
	width:85%;
	height:600px;
	padding:5px;
	margin-top:20px;
	text-align: left;
	color:#555;
	background:rgba(255,255,255,0.85);
}
.marcogeneral{
	margin: 0 auto;
	width:85%;
	height:600px;
	padding:5px;
	margin-top:20px;
	text-align:center;
	color:#555;
	background:rgba(255,255,255,0.85);
}
.marcolargo{
	margin: 0 auto;
	width:85%;
	padding:5px;
	margin-top:20px;
	text-align: left;
	color:#555;
	background:rgba(255,255,255,0.85);
}
.logodiv{
	width:100%;
	text-align:right;
	padding-right:10px;
	padding-top:40px;
}
.imgdiv{
	width:100%;
	text-align:center;
	padding-top:20px;
}
/*impiden que se expanda más de su tamaño natural */
#logoimg{
	max-width:300px;    
}
#mohsimg{
	max-width:712px;
}
/* fin de impiden...*/
#mohsdiv{
	display:block;
}
#mohsdiv-cel{
	display:none;  
}
#menuinfopc{
	display:block;
}
#menuinfocel{
	display:none;
}
#limsegerimg{
	max-width:535px;    
}
.textoindex{
	padding-left:10%;
	padding-top:120px;
	font-family: Calibri,Arial,sans-serif;
	font-size: 1.5rem;
	color: #900;
}
.titinfo{
	font-size:1.125rem;
}
.separador{
	padding-left:10%;
}
.lista{
	padding-left:10%;
}
.alfabeto{
	margin-bottom:10px;
}
.renglon2{
	border-bottom:#ccc 1px solid;
	padding-left:10%;
	padding-bottom:20px;
	margin-bottom:20px;
	
}
.col2izq{
	float:left;
	width:30%;
}
.col2der{
	float:left;
	width:60%;
	padding-left:10px;
}
.colhpizq{
	float:left;
	width:55%;
}
.colhpder{
	float:left;
	padding-left:20px;
	width:40%;
}
.trabajos{
	max-width:180px;
}
.hornopapel{
	max-width:500px;
}
.hornopapelvert{
	max-width:281px;
}
.titrabajos{
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	text-align:center;
}
.modulo{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom: #ccc solid 1px;
}
.modulo1{
	text-align:left;
	padding-top:10px;

}
.titmodulo{
	padding:10px;
	padding-left:5%;
	padding-right:5%;
	text-align:left;
}
.cuadrointerior{
	padding-left:2%;
	padding-right:2%;
}
	
@media screen AND (max-width:750px ) {
	#menuinfopc{
		display:none;
	}
	#menuinfocel{
		display:block;	
}


@media screen AND (max-width:550px ) {
	.contenedor{
		width:100%;
	}
	.menu{
		/*float: none;    si se agregan más menues activar si es necesario
		width:100%;*/
	}
	.logodiv{
		text-align:center;
		padding-top:10px;
	}

	}
	#mohsdiv{
		display:none;
	}
	#mohsdiv-cel{
		display:block;  
	}
	.textoindex{
		padding-left:5%;
		font-size: 1.0rem;
		font-weight:bold;
	}
	.separador{
		padding-left:2%;
		padding-top:20px;
	}
	.marcolargo{
		width:95%;
	padding:3px;
	}
	.bandamenu{
		width:95%;
	}
	.col2izq{
	float:none;
	padding-left:40px;
	width:100%;
	}
	.col2der{
	float:none;
	width:100%;
	}
	.renglon2{
		padding-left:0%;
	}
	.colhpizq{
	float:none;
	width:90%;
	text-align: center;
	}
	.colhpder{
	float:none;
	padding-left:0px;
	width:90%;
	text-align: center;	
	}
}