body { font-family: 'Josefin Sans', sans-serif; text-rendering: optimizeLegibility; }

a:link, a:active, a:visited, a:hover { text-decoration: none; color: #000; }
ul li { list-style: none; }
strong { font-weight: bold; }

#wrapper { 
	width: 1024px;
	margin: 0 auto; 
	padding: 10px 0;
	background: #f8f8f8;
	-webkit-box-shadow: 0 10px 20px -5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0 10px 20px -5px rgba(50, 50, 50, 0.75);
	box-shadow: 0 10px 20px -5px rgba(50, 50, 50, 0.75);
}

header { 
	width: 880px;
	height:205px;
	margin: 20px auto;
	padding: 30px 40px 0;
	background: #f6f6f6;
	-webkit-box-shadow: 0 10px 50px -20px rgba(50, 50, 50, 0.65);
	-moz-box-shadow: 0 10px 50px -20px rgba(50, 50, 50, 0.65);
	box-shadow: 0 10px 50px -20px rgba(50, 50, 50, 0.65);
}

header h1 img { float: left; }

nav { margin-top: 40px; }

nav ul { margin-top: 5px; }

nav ul li { 
	list-style: none;
	float: left;
	margin-left: 15px;
    padding: 5px 10px;
}

nav ul li a {
	display: block;
}

nav ul li.active {
	background: #000;	
}

nav ul li.active a, nav ul li.active a:hover {
	color: #FFF;
}

nav ul li a:hover {
	color: #777;
}

#content { 
	width: 880px;
	margin: 20px auto;
	padding: 30px 40px 0;
}

/* HOME */


#content.home p { 
	margin-top: 30px;
	font-size: 40px;	
}

#slider a { 
	background: url("imagenes//slider.png") no-repeat;
	width:800px;
	height:500px;
	display:block;
}

#slider a:hover { 
	background: url("imagenes//slider-h.png") no-repeat;
}

/* DOCENTES */

ul.docentes li { list-style: none; float: left; margin: 0 10px 10px 0; }

#docente1 { 
	background: url("imagenes//docente1.jpg") no-repeat;
	width:250px;
	height:374px;
	display:block;
}

#docente1:hover { 
	background: url("imagenes//docente1h.jpg") no-repeat;
}

#docente2 { 
	background: url("imagenes//docente2.jpg") no-repeat;
	width:250px;
	height:374px;
	display:block;
}

#docente2:hover { 
	background: url("imagenes//docente2h.jpg") no-repeat;
}

#docente3 { 
	background: url("imagenes//docente3.jpg") no-repeat;
	width:250px;
	height:374px;
	display:block;
}

#docente3:hover { 
	background: url("imagenes//docente3h.jpg") no-repeat;
}

#docente4 { 
	background: url("imagenes//docente4.jpg") no-repeat;
	width:250px;
	height:374px;
	display:block;
}

#docente4:hover { 
	background: url("imagenes//docente4h.jpg") no-repeat;
}

#docente5 { 
	background: url("imagenes//docente5.jpg") no-repeat;
	width:250px;
	height:374px;
	display:block;
}

#docente5:hover { 
	background: url("imagenes//docente5h.jpg") no-repeat;
}

#docente6 { 
	background: url("imagenes//docente6.jpg") no-repeat;
	width:250px;
	height:374px;
	display:block;
}

#docente6:hover { 
	background: url("imagenes//docente6h.jpg") no-repeat;
}

/* QUIENES SOMOS */

#content.qsomos { 
    padding: 0 20px;
}

#content.qsomos .intro { 
	margin: 40px auto;
	width: 780px;
}

#content.qsomos .intro p { 
	font-size: 13pt;
	 line-height: 18pt;
}

#content.qsomos h3 { 
	font-size: 14pt;
	font-weight: bold;	
	margin-bottom: 10px;
}

#content.qsomos .descripcion p, #content.qsomos .equipo ul { 
	font-size: 14pt;
    line-height: 18pt;
}

#content.qsomos .descripcion { 
	border-right: 1px solid;
	float: left;
	padding-right: 15px;
	width: 500px;
}

#content.qsomos .equipo { 
	float: left;
	margin-left: 20px;
	width: 210px;
}

.equipo ul li { margin-bottom: 10px; }

footer {
	width: 880px;
	height: 60px;
	margin: 20px auto;
	padding: 30px 40px 0;
	font-size:10pt;
}

footer p { 
	font-size: 11pt;
	line-height: 13pt;
    margin: 0 auto;
    width: 740px;
 }