@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Asap:400,400italic);

 /* ------------------------------- CAR ---------------------------------------- */


.pagina {
    width: 960px;
    margin: 0 auto;
    font-family: 'Asap', sans-serif;}

body{
    margin-top: 0px;
    background-image: url(imagenes/fondo.png);
    }

header {
    height: 215px;
    background-image: url(imagenes/top.png);
    background-repeat: no-repeat;}



header nav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

header nav{ position: absolute;
    margin-top: 137.5px;    
    float:left;
   }

header nav ul li{
    float: left}

header nav #menu1{margin-left: 180px;
z-index: 10}

header nav #menu2{margin-left: 540px;
z-index: 10}

header nav ul li a{
    display: block;
    color: #034aba;
    text-decoration: none;
    right top no repeat;
    height: 17px;
    font-size: 0.8em;
    padding: 10px 15px 9px 15px;
   }

header nav ul li a:hover {
    color: #fff;
     
    border-bottom: 2px}

header nav ul li a.botonactivo {
    color: #fff;}

  .mi-menu  {
    list-style-type: none;
   
  }



 /* ------------------------------- menú desplegable -------------------------------------------- */

ul li a {
    list-style: none;
}  

ul li{
    list-style: none;
}
.mi-menu  br { display:none; }

  /* cada item del menu */
.mi-menu  li {
  margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
z-index: 4;
position: relative;
     }
.mi-menu li a {
    display: block;
    text-decoration: none;
    list-style: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
 

  /* los submenús */
  .mi-menu ul {
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    list-style: none;
    top: 36px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    
      
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    list-style: none;

    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
    }
 
.mi-menu ul li a {
text-transform: uppercase;
border: 1px #034aba;
margin: 0px;
width: 140px;
font-size: 0.78em;
background: #f3aa7a;
list-style: none;

}

  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }


 /* ------------------------------- FIN menu desplegable -------------------------------------------- */


footer {
    color: rgba(69, 46, 86, 0.75);
    width: 960px;
}




 /* ---------------------------- INDEX.HTML ------------------------------ */

main{position: relative;
    width:100%;
    z-index: 1;

   }

section.galeria{margin-top: 5.5px;
    list-style: none;

}
.secciones{
    margin-top: 15px;
        list-style: none;

}

.secciones article{
    float:left;
    width: 245px;
    height: 192px;
    margin-top: 05px;
    z-index: 5;
    list-style: none;

        }
.secciones article h3 {text-align: center;
    color: #fff;
    position: absolute;
    margin-left: 62px;
    margin-top: 145px;
    z-index: 2;
}

article.pregunta h3 {text-align: center;
    color: #fff;
    position: absolute;
    margin-left: 50px;
    margin-top: 145px;
    z-index: 2;
}


article.pregunta{
    float:left;
    width: 225px;
    height: 192px;
    margin-top: 05px;
    list-style: none;

        }

.notitas article{
    list-style-type: none;
    width: 300px;
    float: left;
    margin-left: 20px;
   
    }

.notitas article h3{
    font-style: italic;
    font-size: 1.5em}

.notitas article p{
    font-size: 1em;
    line-height: 120%;
    }

.notitas article a{
    text-decoration:none;
    font-weight: bold;
    color: rgb(199, 77, 56);
    }

aside .prox h2{
    font-style: oblique;
    font-size: 1.4em;
    color: #ee715d; 
    margin-left: 150px;
    }

.separador{clear: both}


 /* ---------------------------- ACERCA.HTML ------------------------------ */

section.acerca{
    width: 600px;
    margin-left: 180px;
    font-size: 0.9em;
    background-image: url(imagenes/fondoacerca.JPG);
    background-repeat: no-repeat;

    
}

section.acerca h2{
    color: #2e3056;
    text-align: center;
}

section.acerca p{
    line-height: 150% }

.perro{ 
    padding: 30px 0px 15px;
    margin-left: 150px;}

.acercacatedra {
    margin-top: 50px;
    margin-bottom: 45px;
    width: 600px;
    height: 55px;
    margin-left: 180px}

.acercacatedra nav{
    margin-left: 100px;
}

.acercacatedra nav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

.acercacatedra nav ul li{
    margin-left: 20px;
    float: left;
    }

.acercacatedra nav ul li a{
    display: block;
    color: #fff;
    text-decoration: none;
    background: url(imagenes/boton%20secundario.png);
    right top no repeat;
    height: 17px;
    padding: 10px 15px 9px 15px;
   }

.acercacatedra nav ul li a:hover {
    color: rgb(0, 0, 0);
    background: url(imagenes/boton%20secundario.png) right -37px;
    border-bottom: 2px}

.acercacatedra nav ul li a.botonactivo {
    background: url(imagenes/boton%20secundario.png) right -37px}


/* ---------------------------- PROPUESTA.HTML ------------------------------ */

.propuesta{
    font-size: 0.9em;
    line-height: 120%;}

.propuesta h3{
    color: #2e3056 }

.propuesta img{
padding: 30px 0px 15px;
margin-left: 330px;
} 

.imag img {
margin-left: 0px;}


.materia{
    margin: 0 160px 0 160px}

.titulotemas{
    float: left;
    width: 300px;
    height:75px;
    padding: 0 0px 0 10px;
    margin: 4px;
    margin-top: 5px;
   /* background-color: rgba(69, 46, 86, 0.75);*/
    background-image: url(imagenes/unidadestematicas.png);
	background-repeat: no-repeat;
    color: #fff;
    position:absolute;
}

.unidades{
    float: left;
    width: 300px;
    height: 275px;
    padding: 0 0px 0 10px;
    margin: 4px;
    margin-top: 120px;
   /* background-color: rgba(69, 46, 86, 0.75);*/
    background-image: url(imagenes/fondounidad.png);
	background-repeat: no-repeat;
    color: #fff}

.unidades h4{
    text-decoration: overline ;
    font-size: 1.2em;
    color: #f8d268;
    line-height: 2%;
}

.unidades2{
    float: left;
    width: 300px;
    height: 220px;
    padding: 0 0px 0 10px;
    margin: 4px;
    background-image: url(imagenes/fondounidad.png);
	background-repeat: no-repeat;    color: #fff}

.unidades2 h4{text-decoration: overline ;
    font-size: 1.2em;
    color: #f8d268;
    line-height: 2%}

.unidades3{
    float: left;
    width: 300px;
    height: 150px;
    padding: 0 0px 0 10px;
    margin: 4px;
    background-image: url(imagenes/fondounidad.png);
	background-repeat: no-repeat;    color: #fff}

.unidades3 h4{text-decoration: overline ;
    font-size: 1.2em;
    color: #f8d268;
    line-height: 2%;
    }
    
.propuestabotonera {
    width: 600px;
    float: left;
    height: 55px;
    margin: 25px 0 50px 180px;}

.propuestabotonera nav{
    margin-left: 100px;
}

.propuestabotonera nav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

.propuestabotonera nav ul li{
    margin-left: 20px;
    float: left;
    }

.propuestabotonera nav ul li a{
    display: block;
    color: #fff;
    text-decoration: none;
    background: url(imagenes/boton%20secundario.png);
    right top no repeat;
    height: 17px;
    padding: 10px 15px 9px 15px;
   }

.propuestabotonera nav ul li a:hover {
    color: rgb(0, 0, 0);
    background: url(imagenes/boton%20secundario.png) right -37px;
    border-bottom: 2px}

.propuestabotonera nav ul li a.botonactivo {
    background: url(imagenes/boton%20secundario.png) right -37px}


@media screen and (max-width:768px){
    
     
}


/*------------------------------------------- contacto.html----------------------------------------*/


.fondocontacto{  
    background-image: url(imagenes/descargasfondo.png);
    margin-top: -50px;
    width: 960px;
    height: 789px;
}
    
    
/*-------------------------------------------- descargas --------------------------------------*/
.titulodescarga{
    margin-left: 5px;
    margin-top: 25px;
    
    font-family: 'Asap', sans-serif;
    font-size: 1em;
}

/*.interlineado{
    margin-top: 30px;
    line-height: 40px;
}*/

.linkdescarga li a{
    font-family: 'Asap', sans-serif;
    font-size: 0.65em;
    text-decoration: none;
    right top no repeat;
    color: rgb(69, 46, 86);

}





/* ------------------------------- Astrid ------------------------------------- */

/* SECCIONES ************/
#content {
	float:left;
	width:952px;
	height: 420px;
	background-image: url(imagenes/back_content.png);
	background-repeat: no-repeat;
	}

/* EQUIPO DOCENTE ************/
#content_docente {
	width:1100px;
	margin-right:auto;
	margin-left: auto;
	clear:both;
	padding-top:30px;
	}
#equipo_left {
	float: left;
	width: 290px;
	}
#equipo_right {
	float: left;
	width: 810px;
	}
.equipo_thumbnails {
	float: left;
	width: 250px;
	padding: 0px 20px 30px 0px;
	}

/* ALUMNOS ************/
#titular_alumnos {
	width:1100px;
	height: 175px;
	margin-right:auto;
	margin-left: auto;
	clear:both;
	}
#alumnos_content {
	width:952px;
	margin-right:auto;
	margin-left: auto;
	}
.alumnos_gallery {
	float:left;
	width:952px;
	padding-top: 10px;
	border-top: 4px dashed #D68768;
	}
.alumnos_gallery_thumbnails {
	float:left;
	width:300px;
	height:270px;
	padding-top: 12px;
	margin-right: 25px;
	background-image: url(imagenes/back_thumbnails.png);
	background-repeat: no-repeat;
	}
.alumnos_gallery_thumbnails2 {
	float:left;
	width:300px;
	padding-top: 12px;
	height:270px;
	background-image: url(imagenes/back_thumbnails.png);
	background-repeat: no-repeat;
	}
.thumbnail_titulos {
	font-weight: 700;
	}
.thumbnail_descripcion {
	font-weight: 400;
	font-style: italic;
	}	
	
/* GALERIA ************/
#top_galeria {
	width:952px;
	height: 190px;
	margin-right:auto;
	margin-left: auto;
	text-align: center;
	clear:both;
	}
.galeria_fecha {
	float:left;
	font-family: 'Asap', sans-serif;
	font-size: 25px;
	font-weight: 400;
	color:#471E5B;
	width:100%;
	padding-bottom: 10px;
	}
.galeria_thumbnails {
	float:left;
	width:300px;
	height:230px;
	padding-top: 12px;
	margin-right: 25px;
	background-image: url(imagenes/back_thumbnails_galeria.png);
	background-repeat: no-repeat;
	}
.galeria_thumbnails2 {
	float:left;
	width:300px;
	padding-top: 12px;
	height:230px;
	background-image: url(imagenes/back_thumbnails_galeria.png);
	background-repeat: no-repeat;
	}


/*-----------------inscripcion.html----------------*/
.fondocomentarios{  
    background-image: url(imagenes/fondoinscripcion.png);
    margin-top: -50px;
    width: 960px;
    height: 789px;
}

@media screen and (max-width:768px){
   .pagina{
       width: 90%;
     }
    header{
       width: 90%;
    }
    section{
       width: 90%;
    }
    section main{
       width: 90%;
    }
        footer {
       width: 90%;
    }
    nav{
        width:5%;
    }
}