@charset "UTF-8";
/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#total{
	width: 670px;
	align: center;
	margin-left: auto;
	margin-right: auto;
	
}
.contenido img{
border: none;} 
.logo{
	width: 335px;
	height: 80px;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.logo img {
	border: none;
}
.ied{
	width: 335px;
	height: 80px;
	float:left;
	margin: 10px 0px 0px 0px; 
	padding: 0px;
}
.ied img{
	margin-top: 10px;
	float: right;
	border: none;
}
.laboratorio{
	float: left;
	width: 670px;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
.laboratorio h1{
	font-size: 11px;
	margin-top: 20px;

}
.negrita{
	font-weight: bold;
}
.menu{
	float: left;
	width: 670px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border-top: solid 2px #ccc;
}
.menu ul{
	margin: 5px;
	padding: 0px;
}
.menu li{
	display: inline;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color:#999999;
}
.menu a:link{
	text-decoration: none;
	color: #cc0099;
}
.menu a:visited{
	text-decoration: none;
	color: #cc0099;
}
.menu a:hover{
	text-decoration: none;
	color: #999999;
}
.contacto{
margin-top: -12px;
float: right;
}

.contenido{
	margin: 0px;
	padding: 0px;
	
	width: 670px;
	float: left;
	border-top: solid 2px #cccccc;
	border-bottom: solid 2px #cccccc;
}
.enlaces{
	float: left;
	width: 100%;
	height: 20px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
}
.enlaces ul{
	margin-left: 10px;
	padding: 0px;
}
.enlaces li{
	list-style: none;
	display: inline;
}
.enlaces a:link{
	color: #666;
	text-decoration: underline;
}
.enlaces a:visited{
	color: #666;
	text-decoration: underline;
}
.enlaces a:hover{
	color: #cc0099;
	text-decoration: underline;
}
.contenido2{
	margin: 0px;
	padding-bottom: 12px;
	width: 670px;
	float: left;
	border-top: solid 2px #cccccc;
	border-bottom: solid 2px #cccccc;
}
.contenido2 h2{
	width: 100%;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	height: 20px;
	font-size: 11px;
	color: #cc0099;	
	
}
.flash{
	width: 670px;
	height: 466px;
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-bottom: 30px !important;
	padding-top: 15px!important;
}
.video1{
	width: 100%;

	margin: 30px 0px 0px 0px;
	padding: 0px;
	float: left;
	
	
	display: inline; }
.video2{
	width: 320px;
	
	margin: 30px 0px 0px 30px;
	padding: 0px;
	float: left;
	
	display: inline; }

.pie{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 670px;
	height: 56px;
	border-bottom: solid 2px #cccccc;
}
.pie img{
	margin: 10px 0px 0px 0px;
	border: none;
}
.netwoek{
	float: left;
	width: 670px;
	height: 56px;
	margin: 0px;
	padding: 0px;
	color: #999999;
	line-height: 18px;
}
.netwoek p{
	margin-top: 10px;
}
.direccion{
	float: left;
	width: 670px;
	height: 56px;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	color: #999999;
	border-top: solid 2px #ccc; 
	line-height: 18px;
}



.direccion p{
	margin-top: 10px;
}

.rosa{
	color:#cc0099;
	font-weight: bold;
}
.centrado{
margin-left: 100px;}
.imgizq{
margin-left:135px;
margin-right: 10px;}

.acerca{
	float: left;
	margin: 12px 0px 0px 160px;
	padding: 0px;
	width: 508px;
	color: 666666;
	border-left: solid #cc0099 1px;
	display: inline;
}
.acerca p{
	margin-left: 10px;
	padding: 0px;
	line-height: 17px;
	color: #666666;
	
}
.acerca a:link{
	color: #666;
	text-decoration: underline;
}
.acerca a:visited{
	color: #666;
	text-decoration: underline;
}
.acerca a:hover{
	color: #cc0099;
	text-decoration: underline;f
}

.acerca ul{
	margin: 0px 0px 0px 10px;
	padding: 0px;}
.acerca li{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	color: #666;}
.libros2{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 100%;
	height: 120px;
	}
.libros2 img{
border: none;
margin-left: 10px;}
.libros{
	margin-top: 10px;
	padding: 0px;
	float: left;
	width: 100%;
	height: 120px;
	}
.libros img{
		float: left;
		border: none;
		margin: 5px;
	}
.libros p{
	float: left;
	width: 300px;

	}
.alumnos{
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 159px;
	height: 200px;
	background-color: #e7e7e7;
	display: inline;
	}
	.alumnos2{
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 159px;
	height: 200px;
	background-color: #fff;
	}

.alumnos ul{
	margin: 5px;
	padding: 0px;
}
.alumnos li{
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	}
.coordinadores{
	float: left;
	width: 100%;
	height: 30px;
	margin: 0px; 
	padding: 0px;
}
.caracteristicas1{
	float: left;
	width: 100%;
	margin: 30px 0px 0px 0px;	
	padding: 0px;
	
}
.caracteristicas1 img{
	float: left;
	margin: 0px;
	padding:0px;
	border: none;
}
.caracteristicas1 p{
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 100%;
	color: #666;
}
.caracteristicas1 a:link{	color: #666;
	text-decoration: underline;}
.caracteristicas1 a:visited{color: #666;
	text-decoration: underline;}
.caracteristicas1 a:hover{	color: #cc0099;
	text-decoration: underline;}

.caracteristicas{
	float: left;
	width: 600px;
	margin: 50px 0px 0px 50px;
	padding: 0px;
}
.caracteristicas img{
	float: left;
	margin: 0px;
	padding:0px;
	border: none;
}
.caracteristicas p{
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 500px;
	color: #666;
}
.caracteristicas a:link{
	color: #666;
	text-decoration: underline;
}
.caracteristicas a:visited{
	color: #666;
	text-decoration: underline;}
.caracteristicas a:hover{
	color: #cc0099;
	text-decoration: underline;}
.dias{
float: left;
	width: 40px;

	}
.horas{
	width: 500px;
	margin: 0px;
	padding: 0px;
	float: left;
	
}
.gris{
	color: 666666;
}
.izq{
	margin-left: 20px;}
.izqnegrita{
font-weight: bold;
	margin-left: 20px;}
.izq2{
	margin-left: 48px;}
	.izq3{
	margin-left: 96px;}
.izqenlace{
margin-right: 80px;}
.izqenlace2{
margin-left:0px;}
.lista1{
height: 24px;}
.lista2{
height: 36px;}
.lista3{
height: 60px;}

.der{
margin-right: 20px;}