/*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 Alumnos*/
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 - Alumnos */
.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);
}

/*Noticias - Menu Lateral */
#noticias_titulo{
position: relative;
top: -105px;
width: 170px;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
color: rgb(102, 102, 102);
font-size: 18px;
}

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

#faduverde h1{
position: relative;
}

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

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

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

#gestion{
position: relative;
top: -150px;
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);
}

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

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

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

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

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

/*+Teoricas - Menu Lateral*/
#teoricas_titulo{
position: relative;
top: -180px;
width: 170px;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
color: rgb(102, 102, 102);
font-size: 18px;
}

#teoricas_de_color{
position: relative;
top: -195px;
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: -230px;
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);
}

/*Equipo Docente*/
article div {
position: relative;
width: 750px;
height:710px;
left: 190px;
top: 260px
}

#contenido h6{
position: absolute;
top: -20px;
left: 0px;
font-size: 38px;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
color: rgb(102, 102, 102);
}

#fechas_de_inscripcion{
position: absolute;
top: 130px;
left: 0px;
float: left;
font-size: 12px;
font-family: "arial", "helvetica", sans-serif,'oxygenlight';
}

#fechas_de_inscripcion img {
width: 470px;
position: relative;
top:20px;
}

#contenido h1 {
position: absolute;
width: 275px;
height: 170px;
top: -30px;
left: 500px;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
font-size: 140px;
color: rgb(102, 102, 102);
}

#cronograma_titulo h4{
position: absolute;
top: 480px;
left: 1163px;
font-size: 46px;
font-family: "bebasregular", "arial", "helvetica", sans-serif;
color: rgb(152, 152, 152);
}

#cronograma_comenzar1 img{ 
width: 260px;
position: relative;
left: 698px;
top: -800px;
}

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

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

#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: -180px;
left: 705px;
width: 5%
}

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