@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/BEBAS___-webfont.eot');
    src: url('../fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BEBAS___-webfont.woff') format('woff'),
         url('../fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('../fonts/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Body */
body {
width:960px;
height:auto;
background-color: rgb(255, 255, 255);
margin-right:auto;
margin-left:auto;
margin-bottom:0px;
margin-top:0px;
}

/*Banners */
div#banner1 {
position: relative;
float: left;
margin-top: 30px;
}
div#banner1 img{
width: 180px;  
}

div#banner2 {
position: relative;
float: left;
margin-top: 30px;
margin-left: 1%;
}

div#banner2 img{
position: relative;
width: 770px;

}

/*Menu de Cabecera*/
.top_menu ul {
position: relative;
margin-top: -9%;
right: -18%;
list-style:none;
float:left;
padding: 2%;
width:95%;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
text-align: center;
}

.top_menu ul li{
float:left;
width: 158px;
margin-right:5px;
margin-bottom:10px;
background:rgb(255, 7, 131);
padding:15px;
text-align: center;
}

.top_menu ul li a{
color: rgb(255, 255, 255);
text-decoration:none;
}

li#catedrade  {
background-color: rgb(235, 74, 161);
}

li#catedrade:hover {
background-color: rgb(226, 117, 176);
}

li#propuestade  {
background-color: rgb(73, 171, 195);
}

li#propuestade:hover {
background-color: rgb(114, 181, 198);
}

li#programade  {
background-color: rgb(225, 212, 134);
}

li#programade:hover {
background-color: rgb(222, 216, 177);
}

li#equipode  {
background-color: rgb(73, 73, 73);
}

li#equipode:hover {
background-color: rgb(103, 103, 103);
}

/*Menu de Lateral */
.left_menu ul {
position: relative;
margin-top: 8%;
right: 1%;
list-style:none;
float:left;
padding: 2%;
width:95%;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
text-align: center;
}

.left_menu ul li{
width: 140px;
margin-right:5px;
margin-bottom:10px;
background: rgb(238, 238, 238);
padding:10px;
text-align: center;
}

.left_menu ul li:hover {
background-color: rgb(152, 152, 152);
}

.left_menu ul li a{
color: rgb(0, 0, 0);
text-decoration:none;
}

.left_menu ul li a:hover {
color: rgb(255, 255, 255);
}

/*Alumnos - Titulo */
div#alumnos h1{
width: 12%;
height: 12%;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
font-size: 26px;
position: relative;
right:-32px;
top: -275px;
color: rgb(119, 119, 119);
}

/*Botonera de Redes Sociales */
div#redes_sociales img{
position: relative;
top: 765px;
left: 54%;
width: 5%
}

/*Botonera de Niveles - N1- N2 */
div#niveles_galeria1 img{
position: relative;
float: none;
top: -336px;
right: -780px;
}

div#niveles_galeria2 img{
position: relative;
float: none;
top: -310px;
right: -780px;
}

/*Slider de Teoricas*/
#slider{
position: relative;
margin:-250px;
top: -370px;
left: 440px;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
}
 
/* ESTILOS DEL SLIDESHOW */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
 
 
.bjqs-caption{
color:black;
background:whitesmoke;
opacity:.75;
}
 
/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
ol.bjqs-markers{
margin-top:5px;
}
ol.bjqs-markers li a{
padding: 5px 10px;
background: rgb(0, 0, 0);
color: rgb(255, 255, 255);
margin: 5px;
text-decoration: none;
transition:background .5s ease;
-webkit-transition:background .5s ease;
-moz-transition:background .5s ease;
-o-transition:background .5s ease;
}
li.active-marker a, ol.bjqs-markers li a:hover{
background:gray!important;
}
 
/* CONTROLES ATRAS Y ADELANTE */
ul.bjqs-controls.v-centered li a {
display: block;
padding: 10px;
background: whitesmoke;
color: rgb(0, 0, 0);
text-decoration: none;
opacity:.75;
 
transition:color .5s ease, background .5s ease;
-webkit-transition:color .5s ease, background .5s ease;
-moz-transition:color .5s ease, background .5s ease;
-o-transition:color .5s ease, background .5s ease;
}
ul.bjqs-controls.v-centered li a:hover{
background:rgb(0, 0, 0);
color:rgb(253, 253, 253);
}

/*Noticias - Titulo */
div#noticias h1{
width: 16%;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
font-size: 40px;
position: relative;
right:-192px;
top: -60px;
color: rgb(80, 80, 80);
}

/*Noticias */
div#noticias1 {
float: left;
width: 24%;
height: 12%;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
font-size: 9px;
position: relative;
padding: 12px;
border: 10px solid rgb(200, 200, 200);
right:-190px;
top: -80px;
color: rgb(0, 0, 0);
}

div#noticias1 h1{
position: relative;
width: 120px;
left: 85px;
top: -5px;
font-size: 18px;
}

div#imagen_de_faduvere img{
position: relative;
width: 80px;
left: 205px;
top: -613px;
}

div#noticias1 h2{
position: relative;
width: 150px;
left: 85px;
top: -10px;
font-size: 13px;
}

div#noticias2{
float: left;
width: 19%;
height: 12%;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
font-size: 9px;
position: relative;
padding: 12px;
border: 10px solid rgb(200, 200, 200);
right:-205px;
top: -80px;
color: rgb(0, 0, 0);
}

div#noticias3 {
float: left;
width: 19%;
height: 12%;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
font-size: 9px;
position: relative;
padding: 12px;
border: 10px solid rgb(200, 200, 200);
right:-225px;
top: -80px;
color: rgb(0, 0, 0);
}

.vermasmenu ul li{
float: left;
position: relative;
top: -210px;
left: 255px;
margin: 90px;
list-style:none;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
font-size: 15px;
}

.vermasmenu ul li a{
text-decoration: none;
color: rgb(0, 158, 239);
}

.vermasmenu a:hover {
color: rgb(91, 189, 239);
}

/*Linea Separadora */
hr{
border: 1px solid rgb(200, 200, 200);
position: relative;
top: -55px;
}

/*Botonera Correo */
div#correo_logo2 img{
position: relative;
right: 727px;
top: 137px;
width: 32px;
}

/*Correo*/
#correo nav ul {
position: relative;
width: 160px;
margin:-150;
left: 190px;
top: 250px;
padding:0;
list-style:none;
}

#correo nav ul li a {
text-decoration:none;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
font-size:16px;
color:rgb(0, 0, 0);
}

#correo a:hover {
color:rgb(144, 144, 144);
}

/*Footer - Mapa de Navegación y Derechos de Autor*/
#footer {
position: relative;
height:93px;
top: -170px;
clear:both;
background-color:rgb(128, 128, 128);
margin-top:20px;
}

footer nav { 
width:620px;
height:96px;
}

footer nav ul { 
position: relative;
margin:-150;
left: 166px;
padding:0;
list-style:none;
}

footer nav ul li { 
float:left;
margin-right:2px;
}

footer nav ul li a {
text-decoration:none;
height:30px;
padding-left:10px;
padding-right:10px;
line-height:50px;
display:block;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
font-size:12px;
color:rgb(255, 255, 255);
}

#footer a:hover {
color:rgb(191, 191, 191);
}

.derechos {
position: relative;
float:left;
top: -170px;
width:760px;
height:90px;
clear:both;
color:rgb(0, 0, 0);
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
font-size:12px;
background-color:rgb(238, 238, 238);
padding-left:100px;
padding-right:100px;
padding-top:10px;
text-align:center;
}