/** *{ margin: 0;}**/

.fondo{
    background: url(img/fondo.png) center no-repeat;
    background-attachment: fixed;}

/*.fondo{
    background-image: url(img/fondo.png);
    background-position: center;
    background-repeat: no-repeat;}*/

.pagina{max-width: 640px;
    margin: 0 auto;
    }

html{font-size: 16px;}

body{background: #F0E4BF;
    margin: 0 auto;}

/*#bg{position:fixed;
    align-content: center;
    top:0;
    left:0;
    z-index:-1;}
*/


/* HEADER ------------------------------------------------------------ HEADER */

header{height: 160px;
    width: 100%;}

.nav_center{margin: 0 auto;}

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

header nav{width: 100%;
    height: 23px;
    float: left;
    background: #947F69;
    padding-left: 18.5%;
    width: 81.5%;}

header nav ul li{float: left;}

header nav ul li a{text-decoration: none;
    display: block;
    color: #fff;
    font-family: "Roboto", sans-serif;
    padding: 3px 10px 0 10px;
    font-size: 11px;
    text-transform: uppercase;
    padding-bottom: 5px;
    padding-top: 3px;}

header nav ul li a:hover{color: #F2E9C9;}

header nav ul li a.botonactivo{color: #fff;
    font-family: 'Roboto', sans-serif;
    /*font-style: italic;*/
    font-weight: 900;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 10px 0 10px;
    text-align: center;
    background-color: #F0E4BF;
    color: #947F69;
    padding-bottom: 6px;
    padding-top: 3px;}

.top{width: 100%;
    height: 160px;
    background: url(img/logo.svg) center no-repeat;
    display: block;}

/* HEADER ------------------------------------------------------------ HEADER */

/* MAIN -------------------------------------------------------------- MAIN */

main{width: 100%;}

.fechas_agendar{height: 203px;
    margin-right: 10px;
    margin-top: 37px;
    margin-left: 70%;}

.ilustracion{height: 203px;
    margin-left: 10px;}

.numero_fecha{font-family: 'Roboto', sans-serif;
    font-style: normal;
    text-align: right;
    font-weight: 900;
    font-size: 45px;
    color: #000;
    margin: -5px 0px -15px;}

.s4x1_5{width: 100%;
    height: 240px;
    float: left;
    overflow:hidden;
    background-image: url(img/invitado.png);}

.s4x1_5_slider{width: 100%;
    max-height: 240px;
    float: left;
    overflow:hidden;
    display:block;
    position: relative;
    }

.s4x1_5_slider2{width: 100%;
    max-height: 240px;
    float: left;
    overflow:hidden;
    display:block;
    position: relative;
    margin-top: 13px;
    }



.d4x1_5_slider{width: 100%;
    max-height: 240px;
    background-color: black;
    position: absolute;
    }

.d4x1_5_slider:hover{box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); }

.s4x1_5_ilus{width: 100%;
    height: 240px;
    float: left;
    /*position: relative;*/
    overflow:hidden;
    background-image: url(img/ilussemana.png);}

#bgilus{position:relative;
    /*top:0;
    left:0;
    z-index:320px;*/}

.s3x3{width: 75%;
    /*min-height: 480px;*/
    height: auto;
    float: left;
    display: inline-block;}

.s3x2{width: 75%;
    height: 160px;
    float: left;}

.s3x1{width: 75%;
    height: 160px;
    float: left;}

.s3_N{width: 75%;
    min-height: 540px;
    float: left;
    background-color: #F0E4BF;}

.s3_Na{width: 100%;
    min-height: 540px;
    margin-top: 22px;
    float: left;
    background-color: #F0E4BF;}

.s4_N{width: 100%;
    min-height: 540px;
    float: left;
    background-color: #F0E4BF;}

.s4_N_200{width: 100%;
    min-height: 200px;
    float: left;
    background-color: #F0E4BF;}

.s4_N_259{width: 100%;
    min-height: 259px;
    float: left;
    background-color: #F0E4BF;}

.a2x1{width: 63%;
    height: 160px;
    float: left;
    position: relative;}

.titulo_italica_inscripcion_arriba{margin-top: 20px;}

#inscripcion_bg{background-image: url(img/inscripcion.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#inscripcion_clean_bg{background-image: url(img/inscripcion2_clean.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 259px}

#inscripcion_bg2{background-image: url(img/inscripcion3.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#inscripcion2_bg{background-image: url(img/inscripcion2.png);
    background-repeat: no-repeat;
    background-size: cover;
    /*display: block;*/
    width: 100%;
    display: inline-block}

#tp1_bg{background-image: url(img/tp1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#tp2_bg{background-image: url(img/tp2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#tp3_bg{background-image: url(img/tp3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#docentes_bg{background-image: url(img/docentes.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#inscripcion_bg{background-image: url(img/inscripcion.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#beca_bg{background-image: url(img/becafna.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#fichadelalumno_bg{background-image: url(img/fichadelalumno.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#apuntes_bg{background-image: url(img/apuntes.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#bibliografia_bg{background-image: url(img/bibliografia.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#clases_bg{background-image: url(img/clases.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}

#enlaces_bg{background-image: url(img/enlaces.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;}


.s1x3{width: 25%;
    height: 480px;
    float: left;}

.a3x1{width: 100%;
    height: 160px;
    float: left;
    position: relative;}

.a1x1{width: 33.3%;
    height: 160px;
    float: left;}

.a1x1a{width: 33.3%;
    height: 160px;
    float: left;
    position: relative}

.a1_5x2a{width: 50%;
    height: 320px;
    float: left;
    background: #bacaac;
    position: relative;}

.a1_5x2b{width: 50%;
    height: 320px;
    float: left;
    background: #f1e5c0;
    /*position: relative;*/
    }

main nav{width: 100%;
    height: 480px;
    float: left;
    }

.main_nav_1{width: 100%;
    height: 160px;
    float: left;
    background: #face36;
    /*position: relative;*/
    display: block;}

.main_nav_2{width: 100%;
    height: 160px;
    float: left;
    background: #c4d4b6;
    /*position: relative;*/}

.main_nav_3{width: 100%;
    height: 160px;
    float: left;
    background: #967f69;
    /*position: relative;*/}

.main_nav_text{text-align: center;
    position: relative;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    border-bottom-width: thin;
    border-top-style: solid;
    border-top-color: #fff;
    border-top-width: thin;
    margin-top: 63px;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;}

.main_nav_text_archivohistorico{text-align: center;
    position: relative;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    border-bottom-width: thin;
    border-top-style: solid;
    border-top-color: #fff;
    border-top-width: thin;
    margin-top: 53px;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;}

.destacado{width: 85%;
    text-align: center;
    position: relative;
    border-bottom-style: solid;
    border-bottom-color: #947F69;
    border-bottom-width: thin;
    border-top-style: solid;
    border-top-color: #947F69;
    border-top-width: thin;
    margin: 40px auto 40px auto;
    padding-top: 10px;
    padding-bottom: 10px;}


.calendario{width: 96%;
    padding-left: 10px;
    padding-bottom: 10px;
    /*padding-left: 7%;*/
}

/* IMG ---------------------------------- IMG */


#100ancho{width: 100%;}




/* IMG ---------------------------------- IMG */

















/* BOTON ---------------------------------- BOTON */



.boton{
	height:30px;
	width:130px;
	background-color:#947F69;
	/*line-height:29px;*/
    margin-top: 28px;
    margin-left: 10px;
}

#boton_apuntes{
	margin-bottom: 28px;
}


.boton_info{
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size:11px;
	position: relative;
	padding-top:7px;
	text-align: center;
	text-decoration:none;
	text-transform: uppercase;
    
}

.boton:hover { 
    background-color: #4b4136;
}


/* BOTON ---------------------------------- BOTON */



/* TEXTO ---------------------------------- TEXTO */

#blanco{color: #fff;}
#marron{color: #947F69;}
#marron_oscuro{color: #4b4136;}
#marron_negro{color: #211c18;}
#beige{color: #F2E9C9;}
#bold{font-weight: 900;}
#padding-top10{padding-top: 10px;}
#padding10{padding: 10px;}

.b_enlaces{margin-bottom: 20px;

padding: 10px;}

#borde_marron{border-bottom-style:solid;
    border-bottom-width: thin;
    color: #947f69;
    padding-bottom: 5px;}

#borde_marron_oscuro{border-bottom-style:solid;
    border-bottom-width: thin;
    color: #4b4136;
    padding-bottom: 5px;}

#texto_izq{text-align: left;}
#texto_der{text-align: end;}

.titulo_italica{font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 100;
    font-size: 17px;
    color: #000;
    margin: 0;}

.titulo_italica_derecha{font-family: 'Playfair Display', serif;
    font-style: italic;
    text-align: right;
    font-weight: 100;
    font-size: 17px;
    color: #000;
    margin: 0;}

.titulo_italica_semana{font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 100;
    font-size: 17px;
    color: #000;
    padding-top: 10px;
    padding-left: 0px;
    /*position: relative;
    top: -250px;*/}

/*#ilus_semana{position: relative;
    margin-top: -50px;
    }*/

.inscripcion_italica{font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 100;
    font-size: 17px;
    color: #000;
    margin: 0 auto;
    border-top-style: solid;
    border-top-color: #fff;
    border-top-width:thin;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    border-bottom-width:thin;
    padding-bottom: 5px;
    padding-top: 5px;}

.titulo_italica_inscripcion_arriba{position: absolute;
    left: 38%;
    top: 0;}

/*.titulo_italica_inscripcion{position: absolute;
    left: 38%;
    top: 42%;}*/

/*.titulo_italica_datos_personales{ position: static; }*/

/* codigo Gustavo*/


.box {
 display: table!important;
 vertical-align: middle;
}
.wrapper-out {
 display: table-cell;
 vertical-align: middle;
}
.wrapper-in {
 position: relative;
 left: 50%;
 float: left;
}
.titulo-box {
 position: relative;
 text-align: right;
 left: -50%;
}

/* codigo Gustavo*/

/*.titulo_italica_datos_personales{position: absolute;
    left: 28%;
    top: 42%;}*/

.titulo_italica_comun{left: 10px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;}

.texto_base{font-family:'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #947F69;
    padding-left: 0px;
    margin-top: 0px;
    /*position: relative;
    top: -267px;*/}

.texto_base_ul{font-family:'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #947F69;
    list-style:inherit;}

.texto_base_bold{
    font-family:'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 13px;
    color: #947F69;
    padding-left: 0px;
    margin-top: 10px;
    /*position: relative;
    top: -267px;*/}

.texto_base_derecha{
    font-family:'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    color: #947F69;
    padding-left: 10px;
    margin-top: 5px;
    /*position: relative;
    top: -267px;*/
    text-align: right;}

.texto_base_derecha_bold{
    font-family:'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 13px;
    color: #947F69;
    padding-left: 10px;
    margin-top: -15px;
    /*position: relative;
    top: -267px;*/
    text-align: right;}

.texto_base_derecha_blanco_bold{
    font-family:'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 13px;
    color: #fff;
    padding-left: 10px;
    margin-top: -1px;
    /*position: relative;
    top: -267px;*/
    text-align: right;}

.texto_base_derecha_blanco{
    font-family:'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    color: #fff;
    padding-left: 10px;
    margin-top: -13px;
    /*position: relative;
    top: -267px;*/
    text-align: right;}


/*
h1{font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 100;
    font-size: 1.143rem;
    color: #446768;}

h2{font-family: 'Playfair Display', serif;
    font-weight: 100;
    font-style: italic;
    font-size: 1.143rem;
    color: #446768;}

h3{font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 1rem;
    color: #446768;}

h4{font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #446768;}
*/







/* TEXTO ---------------------------------- TEXTO */





.form_container {
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.left, .right {
  position: absolute;
  top: 50%;
  font-size: 4em;
  height: 50px;
  border: none;
  color: #f7f7f7;
  background-color: #00ccc5;
  border-radius: 100px;
}
.left {
  left: 0px;
}
.right {
  right: 0px;
}
.form_container .slideContainer {
  white-space: nowrap;
}

.form_container .slideContainer .slide {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 20%;
}












/* ASIDE ------------------------- ASIDE */

aside{width: 100%;
    min-height: 240px;
    background: #947F69;
    float: left;}

.aside_col{width: 23.39%;
    height: 220px;
    float: left;
    padding-left: 10px;}


.aside_col_title{font-family: 'Playfair Display', serif;
    font-style: italic;
    /*font-weight: 220;*/
    font-size: 17px;
    color: #fff;}

.aside_col_items{font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    color: #fff;
    list-style: none;
    padding-left: 0px;
    margin-top: -10px;}

.listado_footer{border-top-style: solid;
    border-top-width: thin;
    margin-top: 5px;
    padding-top: 5px;}

aside ul li a{text-decoration: none;
    display: block;
    color: #fff;
    }

aside ul li a:hover{color: #F2E9C9;}

/* ASIDE ------------------------- ASIDE */



/* MAIN -------------------------------------------------------------- MAIN */


/* FOOTER -------------------------------------------------------------- FOOTER */

footer{width: 100%;
    min-height: 160px;
    background: #947F69;
	display:inline-block;
    }

.legales_footer{font-size: 12px;
    color: white;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -5px;}

.nombres_footer{font-size: 12px;
    color: white;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    border-top-style: solid;
    border-top-width: thin;
    margin-top: -3px;
    padding-top: 3px;
    margin-left: 10px;
    margin-right: 10px;}

/* FOOTER -------------------------------------------------------------- FOOTER */


.nav_responsive{ display: none;} /* Que no se vea */
.fechas_agendar_responsive{ display: none;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Responsive */
/* Si es menor a 560PX */
@media screen and (max-width:560px) {
    
    
/* HEADER ------------------------------------------------------------ HEADER */

header{height: 80px;
    width: 100%;}
    
.nav_center{ display: none;} /* Que no se vea */
.nav_responsive{ display: block;} /* Que se vea */
    
.fechas_agendar{ display: none;}
.fechas_agendar_responsive{ display: block;} /* Que se vea */

    
.fechas_agendar_responsive{height: 145px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 35px;
    margin-right: 0px;
    margin-top: 0px;
    margin-left: 0%;
    background-color: rgba(242, 233, 201, 0.5);}
    

.top{background: url(img/logo.svg) left no-repeat; background-size: 70%;
    margin-left: 7%;
    margin-right: 0px;
    width: 30%;
    height: 80px;
display: block;}    
    
header nav{width: 70%;
    /*height: 50px;*/
    float: left;
    background-color: transparent;
    padding: 0px;
    position: absolute;
    top: 0px;
    margin-left: 30%;
    }

nav ul{list-style-type: none;
    width: 100%;
    margin-left: 7%;
    }    
    
header nav ul li{float:left;
height: 40px;
width: 46.5%;
;}
    
    #boton-nav1{background-color: #BACAAC;}    
    #boton-nav2{background-color: #D7A140;}
    #boton-nav3{background-color: #F0C436;}
    #boton-nav4{background-color: #8C7F69;}
    

header nav ul li a{text-decoration: none;
    display: block;
    color: #fff;
    font-family: "Roboto", sans-serif;
    padding: 3px 10px 0 10px;
    font-size: 11px;
    text-transform: uppercase;
    padding-bottom: 5px;
    padding-top: 10px;
    text-align: center;}

header nav ul li a:hover{color: #F2E9C9;
    }

header nav ul li a.botonactivo{color: #fff;
    font-family: 'Roboto', sans-serif;
    /*font-style: italic;*/
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase;
    padding: 3px 10px 0 10px;
    text-align: center;
    background-color: #F0E4BF;
    color: #947F69;
    padding-bottom: 6px;
    padding-top: 3px;}



    
    
/* HEADER ------------------------------------------------------------ HEADER */
    
    
    
    
    aside{ display: none;} /* Que no se vea */
    
    .s4x1_5{
    height: 240px;
    }

.s3x3{width: 100%;
   height: auto;
    display: inline-block;
    }

.s3x2{width: 100%;
    height: 160px;
    }

.s3x1{width: 100%;
    height: 160px;
    float: left;}

.s1x3{width: 100%;
    height: 100px;
    float: left;} 
    
    
main nav{width: 100%;
    max-height: 100px;
    float: left;
    display: block;
    }
    
.main_nav_1{width: 33.333333%;
    height: 100px;
    float: left;
    /*position: relative;*/}

.main_nav_2{width: 33.333333%;
    height: 100px;
    float: left;
    /*position: relative;*/}

.main_nav_3{width: 33.333333%;
    height: 100px;
    float: left;
    /*position: relative;*/}
    
.a3x1{width: 100%;
    height: 100px;
    float: left;
    position: relative;}
    
.a1_5x2a{width: 100%;
    height: auto;
    float: left;
    /*position: relative;*/}

.a1_5x2b{width: 100%;
    height: auto;
    float: left;
    }
    
    
/* BOTON ---------------------------------- BOTON */



.boton{
	height:30px;
	width:130px;
	background-color:#947F69;
	/*line-height:29px;*/
    margin-bottom: 10px;
    margin-left: 10px;
}

/*.boton_info{
	font-family: "Lato", sans-serif;
	color: #fff;
	font-size:12px;
	position: relative;
	padding-top:7px;
	text-align: center;
	text-decoration:none;
	text-transform: uppercase;
    
}*/


/* BOTON ---------------------------------- BOTON */    

    
/* TEXTO ---------------------------------- TEXTO */
    
.titulo_italica{font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 100;
    font-size: 17px;
    color: #000;
    margin: 0;}
    
.titulo_italica_inscripcion{position: absolute;
    /*left: 32%;*/
    top: 35%;
    
}
    
.main_nav_text{/*position: absolute;*/
    text-align: center;
    position: relative;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    border-bottom-width: thin;
    border-top-style: solid;
    border-top-color: #fff;
    border-top-width: thin;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;}

.main_nav_text_archivohistorico{/*position: absolute;*/
    text-align: center;
    position: relative;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    border-bottom-width: thin;
    border-top-style: solid;
    border-top-color: #fff;
    border-top-width: thin;
    margin-top: 22px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;}

    

/* TEXTO ---------------------------------- TEXTO */
    
/* MAIN PAGINAS ---------------------------------- MAIN PAGINAS */
    
    .s3_N{width: 100%;
    min-height: 540px;
    float: left;
    background-color: #F0E4BF;}