/*Fuentes */
@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;
}

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

@font-face {
    font-family: 'oxygenlight';
    src: url('../fonts/oxygen-light-webfont.eot');
    src: url('../fonts/oxygen-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oxygen-light-webfont.woff') format('woff'),
         url('../fonts/oxygen-light-webfont.ttf') format('truetype'),
         url('../fonts/oxygen-light-webfont.svg#oxygenlight') 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 Lateral - Titulo */
div#alumnos h1 {
width: 12px;
height: 12px;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
font-size: 26px;
position: relative;
right:-20px;
top: -275px;
color: rgb(119, 119, 119);
}

/*Menu de lateral */
.left_menu ul {
position: relative;
margin-top: 8%;
right: 2.3%;
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);
}

/*Noticia 3 - Haciendo Caminos*/
article div {
position: relative;
width: 500px;
height:710px;
left: 190px;
top: 260px
}

#haciendo_caminos h1 {
position: absolute;
top: 30px;
font-family:"bebasregular", "arial", "helvetica", sans-serif;
font-size: 28px;
}

#parrafo1{
position: absolute;
font-size: 16px;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
top: 130px;
}

#haciendo_caminos li {
float: right;
position: relative;
right:300px;
list-style:none;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
top: -287px;
}

#haciendo_caminos li a{
text-decoration: none;
color: rgb(14, 153, 172);
}

#haciendo_caminos li a:hover {
color: rgb(36, 200, 222);
}

#haciendo_caminos h4{
position: absolute;
top: 379px;
font-size: 20px;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
}

#parrafo2{
position: absolute;
font-size: 16px;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
top: 425px;
}

/*Descargar Calendario*/
#descargar_calendario{
position: relative;
width: 400px;
height: 170;
left: 190px;
top: 92px;
font-family:"bebasregular", "arial", "helvetica", sans-serif;
background-color: rgb(255, 255, 255);
border: 10px solid rgb(200, 200, 200);
}

#descargar_calendario ul li{
position: relative;
width: 230px;
left: 100px;
list-style:none;
text-decoration: none;
font-size: 20px;
}

#descargar_calendario ul li a{
text-decoration: none;
color: rgb(101, 101, 101);
}

#descargar_calendario ul li a:hover{
color: rgb(160, 160, 160);
}

#descargar_calendario h6{
position: relative;
width: 240px;
top: -12px;
left: 100px;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
font-size: 13px;
}

#descargar_calendario a img{
position: relative;
width: 110px;
left: 10px;
top: -170px;
}

/*Imagenes de Haciendo Caminos*/
#imagenes_de_calendario {
position: relative;
width: 225px;
}

#imagenes_de_calendario img{
position: relative;
float: none;
width: 225px;
left: 538px;
top: -755px;
margin: 5px;
}

/*+Noticia - Menu Lateral*/
#mas_noticias{
position: relative;
width: 170px;
top: -985px;
}

#mas_noticias2{
position: relative;
top: -985px;
width: 170px;
font-family:"arial", "helvetica", sans-serif,'oxygenlight';
font-size: 14px;
}

#mas_noticias2 h1{
position: relative;
}

#mas_noticias2 li{
position: relative;
top: -20px;
list-style:none;
}

#mas_noticias2 li a{
text-decoration: none;
color: rgb(1, 114, 114);
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
}

#mas_noticias2 li a:hover {
color: rgb(22, 201, 201);
}

#gestion{
position: relative;
top: -1015px;
width: 170px;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
font-size: 14px;
}

#gestion li{
position: relative;
top: -20px;
list-style:none;
}

#gestion li a{
text-decoration: none;
color: rgb(1, 114, 114);
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
}

#gestion li a:hover {
color: rgb(22, 201, 201);
}

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

#teoricas_titulo{
position: relative;
top: -1020px;
width: 170px;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
color: rgb(12, 173, 173);
font-size: 18px;
}

#teoricas_de_color{
position: relative;
top: -1035px;
width: 170px;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
font-size: 14px;
}

#teoricas_de_color li{
position: relative;
top: -20px;
list-style:none;
}

#teoricas_de_color li a{
text-decoration: none;
color: rgb(1, 114, 114);
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
}

#teoricas_de_color li a:hover {
color: rgb(22, 201, 201);
}

#teoricas_de_serigrafia{
position: relative;
top: -1065px;
width: 170px;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
font-size: 14px;
}

#teoricas_de_serigrafia li{
position: relative;
top: -20px;
list-style:none;
}

#teoricas_de_serigrafia li a{
text-decoration: none;
color: rgb(1, 114, 114);
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
}

#teoricas_de_serigrafia li a:hover {
color: rgb(22, 201, 201);
}


/*Niveles Galeria*/
#niveles_galeria img{
position: relative;
width: 80px;
top: -1060px;
}

/*Mail de Contacto*/
div#correo_logo2 img{
position: relative;
right: 2px;
top: -995px;
width: 32px;
}

#correo nav ul {
position: relative;
width: 150px;
list-style:none;
top: -1032px;
}

#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);
}

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

/*Footer - Mapa de Navegación y Derechos de Autor*/
#footer {
position: relative;
height:93px;
top: -960px;
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: -960px;
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;
}