@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: sans-serif;
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);
}



/*Mas Noticias - Titulo */
div#masnoticias h1{
margin:17px;
width: 12%;
height: 12%;
font-family: "bebasregular", sans-serif;
font-size: 20px;
top: 200px;
position: left;
right:-32px;

color: rgb(119, 119, 119);
}






div#noticias2{
margin:16px;
background: rgb(238, 238, 238);
padding:6px;
text-align: center;
font-family: sans-serif;
font-size: 9px;
border: 3px solid rgb(200, 200, 200);
color: rgb(0, 0, 0);
text-align: left;
position: relative;
margin-top: 8%;
right: 1%;
list-style:none;
float:left;
width:16%;
}



div#noticias3 {
margin:16px;
background: rgb(238, 238, 238);
padding:6px;
text-align: center;
font-family: sans-serif;
font-size: 9px;
border: 3px solid rgb(200, 200, 200);
color: rgb(0, 0, 0);
text-align: left;
position: relative;
margin-top: 50%;
right: 1%;
list-style:none;

width:16%;
}


.vermasmenu ul li{
position: relative;
top: -186px;
left: 44px;
margin: 16px;
margin-bottom: 13.4%;
list-style:none;
font-family: "bebasregular", 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);
}





/*Nota */
div#noticias_nota h1{
font-family: "bebasregular", sans-serif;
font-size: 32px;
right:-200px;
color:rgb(14, 119, 77);
 position: relative; 
 top:-725px; 
}

div#noticias_nota h2{
font-family: sans-serif;
font-size: 20px;
right:-200px;
color:rgb(0, 0, 0);
 position: relative; 
 top:-723px; 
}

div#noticias_nota p{
font-family: sans-serif;
font-size: 12px;
right:-200px;
color:rgb(0, 0, 0);
 position: relative; 
 top:-733px;  
    width: 540px;
}
div#nota2{
background: rgba(14, 119, 77, 0.4);
padding:6px;
right:-190px;
    top:-650px; 
    position:relative;
    width: 560px;
    height: 130px;
}


div#nota{
background: rgba(14, 119, 77, 0.4);
padding:6px;

right:-190px;
    top:-670px; 
    position:relative;
    width: 560px;
}


div#nota h2{
    font-family: sans-serif;
font-size: 17px;
right:-260px;
color:rgb(0, 0, 0);
 position: relative; 
 top:-14px; 
    width: 200px;
}
div#imagen1 {
float:left;
position: relative;
right:-200px;
top:-810px;
}
div#imagen1 img{
width: 250px;  
    
}
div#imagen2 {
float:left;
position: relative;
right:-200px;
top:-788px;
}
div#imagen2 img{
width: 250px;  
    
}

div#logofaduverde {
    float:right;
position: relative;
right:30px;
top:-940px;
}
div#logofaduverde img{
width: 160px;  
    
}

div#nota p{
    font-family: sans-serif;
font-size: 12px;
right:-260px;
color:rgb(0, 0, 0);
 position: relative; 
 top:-20px;  
 width: 300px;
}

div#nota2 h2{
    font-family: sans-serif;
font-size: 17px;
right:-260px;
color:rgb(0, 0, 0);
 position: relative; 
 top:-120px; 
    width: 200px;
}

div#nota2 p{
    font-family: sans-serif;
font-size: 12px;
right:-260px;
color:rgb(0, 0, 0);
 position: relative; 
 top:-130px;  
    width: 300px;
}













/*Menu de lateral */
.left_menu ul {
position: relative;
margin-top: 8%;
right: 1%;
list-style:none;
float:left;
padding: 2%;
width:95%;
font-family: sans-serif;
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);
}

div#catedra h1{
font-family: "bebasregular", sans-serif;
font-size: 32px;
right:-200px;
color:rgb(235, 74, 161);
position: relative; 
top:-330px; 

}

div#catedra p{
font-family: sans-serif;
font-size: 12px;
right:-200px;
color:rgb(0, 0, 0);
 position: relative; 
 top:-340px;  
    width: 350px;
}

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
















/*Botonera correo */
div#correo_logo2 img{
position: relative;
right: -6px;
top: 200px;
width: 32px;
}

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

#correo nav ul li a {
text-decoration:none;
font-family: sans-serif;
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: -500px;
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: sans-serif;
font-size:12px;
color:rgb(255, 255, 255);
}

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

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

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