@import url(http://fonts.googleapis.com/css?family=Anton|Merriweather:400,700,400italic,700italic|Amatic+SC:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:700,300);


.pagina {max-width: 100%;
        margin: 0 auto;}


.container {max-width: 100%;
            margin: 0 auto;
            margin-top: 35px;
            margin-bottom: 0px;}







footer {
background: #1F1A4F;
width: 100%;
min-height: 65px;
z-index: -4;
position: relative;
bottom: 0 !important;
margin-top: -18px;}


footer p {
font-size: 0.8rem;
font-style: italic;
color: #F9C765;
text-align: center;
max-width: 960px;
margin: auto;
padding-top: 1.2rem;}



/* nav -----------------------------------------------------------------*/


header {
width: 100%;
height: 120px;
margin: 0 auto;
background-image: url(imagenes/fondo-nav3.png);
}


header p {
font-family: 'Oswald', sans-serif;
font-weight: 300;
color: #1F1A4F;
float: right;
margin: 0px 15px 0px 0px;
padding: 15px 0 0 45px;
font-size: 1rem;
}

nav {
max-width: 960px;
margin: 0 auto;
}

.nav {
list-style: none;
margin: 15px 0px 0px 0px;
padding: 0 0px 0 0px;
width: 78%;
float: right;
position: relative;
z-index: 8;
font-size: 4rem;
}

.nav > li {
float: right;
}

.nav li {
display: inline;
}

.nav li ul {
display: none;
position: absolute;
min-width: 120px;
font-size: 0.8em;
padding-left: 0;
}

.nav li ul a {
background-color: #7ACBBF;
border: 1px solid #e5e5e5;
}

.nav li:hover > ul { display: block}

.nav li a {
display: block;
font-family: 'Amatic SC';
font-size: 0.5em;
font-weight: 700;
padding: 5px 15px 5px 15px;
text-decoration: none;
color: #1F1A4F;
}

.nav li a:hover {text-shadow: 1px 1px 0px #5EA7DA;
                display:block;}

.logo {
background-image: url(imagenes/logo-2.jpg);
margin-left: 0;
width: 134px;
height: 132px;
position: relative;
z-index: 8;
float: left;}

.logo img {width: 100%;}

.logo-responsive {display: none;}

.slicknav_menu {
	display:none;}

#menu {display: none;}

/* nav -----------------------------------------------------------------*/

/* nav pasos -----------------------------------------------------------------*/

.nav_pasos {margin: 15px 0px 0px 0px;
    max-width: 100%}
      
.nav_pasos p {float: left;font-size: 0.9rem;
font-family: 'Oswald', sans-serif;
font-weight: 300;
color: #1F1A4F;
margin-top:0;
padding-top:0;}

.nav_pasos p span {font-weight: 700;}

.nav_pasos2 {margin: 15px 0px 0px 0px;
    max-width: 100%}
    
.nav_pasos2 p {float: left;font-size: 0.9rem;
font-family: 'Oswald', sans-serif;
font-weight: 300;
color: #7ACBBF;}

.nav_pasos2 p span {font-weight: 700;}

/* nav pasos -----------------------------------------------------------------*/




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

.home {margin: 0;
      
      background-image: url(imagenes/trama-celeste.jpg);
      background-repeat: repeat;
      }

.main_home {
width: 100%;
margin: 0 auto;
height: auto;
}
    
section {
max-width: 960px;
height: auto;
margin: 0 auto;
position: relative;
}

.bxslider {position: absolute;}

.inscripcion2015 a {text-decoration: none;}

.inscripcion2015 {display: block;
                    width: 35%;
                    text-decoration: none;
                    float: left;
                    margin-top:30px;}

.inscripcion2015 h1 {font-family: 'Amatic SC';
                    color: #F06562;
                font-size: 3.5rem;
                margin: 0;
text-decoration: none;
text-align: center;}

.inscripcion2015 h1:hover {text-shadow: 1px 1px 0px #1F1A4F;}

.inscripcion2015 p {
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 1.3rem;
margin: 0;
color: #1F1A4F;
text-decoration: none;
text-align: center;
}

.referencias {background-image: url(imagenes/referencias.png);
            border: 4px solid #201B4F;
            box-shadow: 4px 4px 0px 0px #F06562;
            height: 150px;
            width: 60%;
            margin: 0;
            float: right;
            display: block}


.asides_home2{max-width: 960px;
       height: 200px;   
        z-index: 0;
        padding: 1px 0px;
        margin: 0 auto;
        }

/* TEXTO SOBRE IMAGENES GRANDES */

.textoimagen01 {
padding: 0 2% 0 5%;
color: #fff;
width: 35%;
height: 100%;
font-size: 1rem;
position: absolute;
top: 0px;
background-color: rgba(240, 101, 98, 0.95);
left: -5px;
}

.textoimagen01 h1 {font-family: 'Oswald', sans-serif;
            font-weight: 700;
            padding: 5px;
            font-size: 2.5em;
            margin-top: 0.4em;
            margin-bottom: 0;
            color: #fff;
            ;
            line-height: 1.1em;}

.textoimagen01 h1 span
{font-weight: 300;}

.textoimagen01 h2 {font-family: 'Amatic SC';
                font-size: 1.6em;
                margin-bottom: -2%;
                margin-left: 6px;
                color: #201B4F;}

.textoimagen01 p {
                padding: 0 13% 0 1%;
                font-family: 'Merriweather';
                font-size: 0.8em;
                color: #fff;
                margin-top: 0;}

.textoimagen01 p a {text-decoration: none;
                font-weight: 700;
                text-align: right;
                  color: #1F1A4F;}               


.textoimagen02 {
padding: 0 2% 0 5%;
color: #fff;
width: 35%;
height: 100%;
font-size: 1rem;
position: absolute;
top: 0px;
background-color: rgba(95, 166, 216, 0.92);
left: -5px;
}

.textoimagen02 h1 {font-family: 'Oswald', sans-serif;
            font-weight: 700;
            padding: 5px;
            font-size: 2.5em;
            margin-top: 0.4em;
            margin-bottom: 0;
            color: #fff;
            ;
            line-height: 1.1em;}

.textoimagen02 h1 span
{font-weight: 300;}

.textoimagen02 h2 {font-family: 'Amatic SC';
                font-size: 1.6em;
                margin-bottom: -2%;
                margin-left: 6px;
                color: #F06562;}

.textoimagen02 p {
                padding: 0 13% 0 1%;
                font-family: 'Merriweather';
                font-size: 0.8em;
                color: #fff;
                margin-top: 0;}

.textoimagen02 p a {text-decoration: none;
                font-weight: 700;
                text-align: right;
                  color: #F06562;}               

.textoimagen03 {
padding: 0 2% 0 5%;
color: #fff;
width: 35%;
height: 100%;
font-size: 1rem;
position: absolute;
top: 0px;
background-color: rgba(31, 26, 79, 0.91);
left: -5px;
}

.textoimagen03 h1 {font-family: 'Oswald', sans-serif;
            font-weight: 700;
            padding: 5px;
            font-size: 2.5em;
            margin-top: 0.4em;
            margin-bottom: 0;
            color: #fff;
            
            line-height: 1.1em;}

.textoimagen03 h1 span
{font-weight: 300;}

.textoimagen03 h2 {font-family: 'Amatic SC';
                font-size: 1.6em;
                margin-bottom: -2%;
                margin-left: 6px;
                color: #F9C765;}

.textoimagen03 p {
                padding: 0 13% 0 1%;
                font-family: 'Merriweather';
                font-size: 0.8em;
                color: #fff;
                margin-top: 0;}

.textoimagen03 p a {text-decoration: none;
                font-weight: 700;
                text-align: right;
                  color: #F9C765;}  

/* TEXTO SOBRE IMAGENES PEQUEÑAS */



.textoimagen_peque {
width: 30%;
float: left;
height: 100%;
margin-bottom: 20px;
padding: 0 17px 0 16px;
background: rgba(32, 27, 79, 0.78);
}


.textoimagen_peque h1 {
font-family: 'Oswald', sans-serif;
/* color: #F06461; */
font-weight: 700;
font-size: 2em;
margin-top: 0.6em;
margin-bottom: 2em;
line-height: 1.1em;
}

.textoimagen_peque a {
text-decoration: none;
color: #FFF;}

.textoimagen_peque h1 a:hover {
text-decoration: none;
color: #F06562;
}

.textoimagen_peque p {
font-family: 'Merriweather';
font-size: 0.8em;
color: #fff;
}



.textoimagen_peque2 {
width: 30%;
float: left;
height: 150px;
margin-bottom: 20px;
padding: 0 17px 0 16px;
background: rgba(32, 27, 79, 0.78);
}


.textoimagen_peque2 h1 {
font-family: 'Oswald', sans-serif;
/* color: #F06461; */
font-weight: 700;
font-size: 2em;
margin-top: 0.6em;
margin-bottom: 2em;
line-height: 1.1em;
}

.textoimagen_peque2 a {
text-decoration: none;
color: #FFF;}

.textoimagen_peque2 h1 a:hover {
text-decoration: none;
color: #F06562;
}

.textoimagen_peque2 p {
font-family: 'Merriweather';
font-size: 0.8em;
color: #FFF;
}

p {font-family: 'Merriweather';
    font-size: 0.8em;
    color: #1F1A4F;
    }

.contenedoraside {background-image: url(imagenes/aside-01.png);
    background-position: center;
    background-repeat: repeat-x;
    max-width: 100%;
    height: auto;
    margin-top: 10px;
}

.asides_home {max-width: 960px;
       height: 372px;   
        z-index: 0;
        padding: 1px 0px;
        margin: 0 auto;
        }

.trabajos_alumnos {background-image: url(imagenes/trabajos_alumnos.jpg);
                  width: 55%;
                  height: 300px;
                margin: 38px 1.5% 0 0;
                border: 4px solid #201B4F;
                 box-shadow: 4px 4px 0px 0px #F06562;
                display: block;
                 float: left;}

.docentes {background-image: url(imagenes/docentes.jpg);
            border: 4px solid #201B4F;
            box-shadow: 4px 4px 0px 0px #F06562;
            height: 300px;
            width: 39%;
            margin: 38px 0 0 1.5%;
            float: right;
            display: block}

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








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

.body_propuesta {width: 100%;
                    margin: 0 auto;
                   background-image: url("imagenes/trama-violeta.jpg");
            background-repeat: repeat;}

.mainpropuesta {width: 960px;
    margin: 0 auto;

    padding: 11px 0 40px 0;}

.mainpagdocentes main{width: 100%;
    }

.nuestra_propuesta {
max-width: 65%;
margin-top: 65px;
margin-bottom: 40px;}

.nuestra_propuesta h1 {
font-family: 'Oswald', sans-serif;
color: #F06461;
font-weight: 700;
font-size: 2em;
line-height: 1.1em;}

.nuestra_propuesta p {
font-family: 'Merriweather';
font-size: 0.8em;
color: #1F1A4F;
text-align: justify;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
margin-bottom: 20px;
padding: 16px;
background: #FFF;}

.nuestra_propuesta p span {font-weight: 700;}

.texto2 {
width: 30%;
float: right;
height: 215px;
margin-bottom: 20px;
padding: 30px 17px 0 16px;}

.texto2 p {
font-family: 'Oswald', sans-serif;
color: rgb(240, 100, 97);
font-weight: 300;
font-size: 2em;
margin-top: 0.4em;
margin-bottom: 0.5em;
line-height: 1.1em;}

.logo-celeste {
width: 0%;
float: right;
margin-top: 370px;}


/*RESPONSIVE*/

@media screen and (max-width: 768px) 
{
        .mainpropuesta {width: 100%;}
    
     .nuestra_propuesta p {font-size: 0.8em;}
    
    .pagina {max-width: 768px;
    margin: 0 auto;

   }
    
    .mainpropuesta {max-width: 768px;}
    
    .texto2 {display: none;}
    .logo-celeste{display: none;
                    }
     
    
    .nuestra_propuesta {

margin-top: 65px;
margin-bottom: 40px;
}
    
.nuestra_propuesta p {
font-family: 'Merriweather';
font-size: 1em;
color: #1F1A4F;
text-align: justify;
-webkit-column-count: 1;

margin-bottom: 20px;
padding: 16px;
background: #FFF;
}    
    
    
.section {
width: 85%;
padding: 0;
height: auto;
/* margin: 30px auto; */
position: relative;
}
    

.nav_pasos p {
float: left;
font-size: 1rem;
font-family: 'Oswald', sans-serif;
font-weight: 300;
color: #1F1A4F;
margin-top: 0;
margin-left: 23px;
padding-top: 0;
} 
    
    
}


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








/* PROGRAMA.HTML -----------------------------------------------------------------*/

.body_programa {width: 100%;
                    margin: 0 auto;
                   background-image: url("imagenes/trama-violeta.jpg");
            background-repeat: repeat;}

.mainprograma {width: 960px;
    margin: 0 auto;

    padding: 11px 0 40px 0;}

.mainprograma main{width: 100%;
    }

.programa_01 {
max-width: 65%;
margin-top: 65px;
margin-bottom: 40px;}

.programa_01 h1 {
font-family: 'Oswald', sans-serif;
color: #F06461;
font-weight: 700;
font-size: 2em;
line-height: 1.1em;}

.programa_01 h2 {
font-family: 'Oswald', sans-serif;
color: #F06461;
font-weight: 300;
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
line-height: 1.1em;
}
.programa_01 p {
font-family: 'Merriweather';
font-size: 0.8em;
color: #1F1A4F;
text-align: left;
margin-bottom: 10px;
padding: 16px;
background: #FFF;}

.programa_01 p span {font-weight: 700;}


.foto_programa {
background-image: url(imagenes/foto_programa.jpg);
border: 5px solid #1F1A4F;
margin-top: 102px;
height: 1290px;
width: 30.5%;
float: right;
display: block;
}



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














/* BIO.HTML -----------------------------------------------------------------*/

.body_bio {width: 100%;
           margin: 0 auto;
           background-image: url("imagenes/trama-violeta.jpg");
        background-repeat: repeat;}

.mainpropuesta {max-width: 960px;
    margin: 0 auto;}

.bio {max-width: 65%;
margin-top: 65px;}

.bio h1 {font-family: 'Oswald', sans-serif;
color: #F06461;
font-weight: 700;
font-size: 2em;
line-height: 1.1em;}

.bio2 h2 {
font-family: 'Oswald', sans-serif;
color: #F06461;
font-weight: 300;
font-size: 1.5em;
line-height: 1.1em;
margin: 0;}

.bio2 p {
font-family: 'Merriweather';
font-size: 0.8em;
color: #1F1A4F;
text-align: left;
font-weight: 700;
margin-top: 0;}


.bio p {
font-family: 'Merriweather';
font-size: 0.8em;
color: #1F1A4F;
text-align: justify;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
margin-bottom: 20px;
padding: 16px;
background: #FFF;}

.bio p span {font-weight: 700;}

.foto_bio {
background-image: url(imagenes/danielroldan_bio.jpg);
border: 5px solid #F06461;
margin-top: 102px;
height: 262px;
width: 30.5%;
float: right;
display: block;}

.foto_bio2 {
background-image: url(imagenes/danielroldan_bio2.jpg);
border: 5px solid #F06461;
height: 233px;
width: 30.5%;
float: right;
display: block;
margin-top: 0;}

.foto_bio2:hover {
background-image: url(imagenes/danielroldan_bio2_hover.jpg);
border: 5px solid #F06461;
height: 233px;
width: 30.5%;
float: right;
display: block;
margin-top: 0;}

texto_form {font-family: 'Merriweather';
font-size: 0.8em;
color: #1F1A4F;
text-align: left;
margin-top: 0;}

input {
-webkit-appearance: textfield;
padding: 1px;
margin-bottom: 10px;
margin-top: 5px;
background-color: rgba(240, 100, 97,0.5);
border: 0px;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;}

/* BIO.HTML -----------------------------------------------------------------*/





/* DOCENTES.HTML -----------------------------------------------------------------*/

.body_docentes {margin: 0;
    background-image: url(imagenes/trama-violeta.jpg);
    font-size: 14px;
    width: 100%;
    margin: 0 auto;}

.mas {width: 30px;
    height: 30px;
    border-radius: 6px;
    background-color: #ED767B;
    position: relative;
    float: left;
    top: 200px;
    right: -4px;}

.mainpagdocentes {width: 960px;
    margin: 0 auto;}

.mainpagdocentes main {
width: 100%;
padding: 11px 0 40px 0;
}

.sectiondocentes {
width: 100%;
display: inline-block;
margin-top: 20px;}

.foto1 {
background-image: url(imagenes/danielroldan.jpg);
background-repeat: no-repeat;
background-position: center;
border: 5px solid rgb(240, 100, 97);
width: 450px;
height: 235px;
margin: 0px 5px 10px 5px;
float: left;
}

.foto2 {background-image: url(imagenes/IlustracionDR_009_hover.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }

.foto3 {background-image: url(imagenes/IlustracionDR_007_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }

.foto4 {background-image: url(imagenes/IlustracionDR_011_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }

.foto5 {background-image: url(imagenes/IlustracionDR_001_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }

.foto6 {background-image: url(imagenes/IlustracionDR_005_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }

.foto7 {background-image: url(imagenes/IlustracionDR_012_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }

.foto8 {background-image: url(imagenes/IlustracionDR_002_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }

.foto9 {background-image: url(imagenes/IlustracionDR_004_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }

.foto10 {background-image: url(imagenes/IlustracionDR_006_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }

.foto11 {background-image: url(imagenes/IlustracionDR_1_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }
.foto12 {background-image: url(imagenes/IlustracionDR_2_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }
.foto13 {background-image: url(imagenes/IlustracionDR_3_hover.jpg);
   background-repeat: no-repeat;
    background-position: center;
    border: 5px solid rgb(240, 100, 97);
    width: 215px;
    height: 235px;
    margin: 0px 5px 10px 5px;
    float: left;
    }

.texto_doc {
width: 210px;
float: left;
height: 215px;
/* margin-bottom: 20px; */
/* padding: 0 17px 0 16px; */
}

.texto_doc h1 {
font-family: 'Oswald', sans-serif;
color: #7ACBBF;
font-weight: 700;
font-size: 3em;
padding: 10px 0px 0 15px;
margin: 0;
}

.texto_doc h1 span {
font-weight: 300;
font-size: 0.6em;
MARGIN: 0;
line-height: 0rem;
}

/* HOVER DOCENTES */
.foto1:hover {
    width: 450px;
    height: 235px;
    background-image: url(imagenes/roldan_hover.jpg);
    color: rgb(240, 100, 97)}
.foto2:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_008.jpg);}
.foto3:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_007.jpg);}
.foto4:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_011.jpg);}
.foto5:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_001.jpg);}
.foto6:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_005.jpg);}
.foto7:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_010.jpg);}
.foto8:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_002.jpg);}
.foto9:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_004.jpg);}
.foto10:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_006.jpg);}

.foto11:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_1.jpg);}
.foto12:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_2.jpg);}
.foto13:hover {
    width: 215px;
    height: 235px;
    background-image: url(imagenes/IlustracionDR_3.jpg);}

/* HOVER DOCENTES */

/* DOCENTES.HTML -----------------------------------------------------------------*/





/* BECAS.HTML -----------------------------------------------------------------*/

.mainbeca {
width: 960px;
margin: 0 auto;
padding: 11px 0 40px 0;
}
    
.body_beca {margin: 0;
            background-image: url(imagenes/trama-celeste.jpg);
            background-repeat: repeat;}

.sectionbeca {width: 100%;
              display: inline-block;
              margin: 15px 0 20px 0;}


.sectionbeca h1 {font-family: 'Oswald', sans-serif;
                    color: #F06461;
                    font-weight: 700;
                    font-size: 2em;
                    line-height: 1.1em;}

.beca_fna {max-width: 65%;}

.beca_fna p {
font-family: 'Merriweather';
font-size: 0.8em;
color: #1F1A4F;
text-align: justify;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
margin-bottom: 20px;
padding: 16px;
background: #FFF;
}

.beca_fna p span {color:#5EA7DA;
                font-weight: 700;}

.beca_links {
max-width: 20%;
position: relative;
margin-right: 111px;
float: right;
}

.beca_links a {
font-family: 'Merriweather';
font-size: 0.8em;
font-weight: 700;
text-decoration: none;
color: #1F1A4F;
}

.beca_links a:hover {color: #fff;
                            background-color: #F06461;}

.beca_links h2 {
font-family: 'Amatic SC';
font-weight: 700;
text-decoration: none;
color: #F06461;
margin-top: 43px;
}

.logo_fna {
float: right;
margin-top: 39px;
}

.formulario {
max-width: 100%;
margin-bottom: 20px;
}

.descarga {
float: left;
margin-right: 20px;
margin-top: 5px;
width: auto;
}

.formulario h3 {
font-family: 'Oswald', sans-serif;
color: #F06461;
font-weight: 300;
font-size: 1.5em;
line-height: 1.1em;
margin: 0 auto;
}

.formulario p {font-family: 'Merriweather';
font-size: 0.8em;
color: #1F1A4F;}

/* BECAS.HTML -----------------------------------------------------------------*/






/* INVITADOS.HTML -----------------------------------------------------------------*/
body {width: 100%;
      margin:0 auto;}

.body_invitados {margin: 0;
    background-image: url(imagenes/trama-celeste.jpg);    
      background-repeat: repeat;
      }

.maininvitados{
width: 960px;
margin: 0 auto;
padding: 11px 0 40px 0;
}
.maininvitados main{width: 100%;
    }

.sectioninvitados {
width: 100%;
display: inline-block;
margin-top: 20px !important;
}

.texto {
width: 20%;
float: left;
height: 215px;
margin-bottom: 20px;
padding: 0 17px 0 16px;
background: #F16461;
}

.texto h1 {
font-family: 'Oswald', sans-serif;
color: #1F1A4F;
font-weight: 700;
font-size: 2em;
margin-top: 0.4em;
margin-bottom: 0.5em;
line-height: 1.1em;
}

.texto a {
text-decoration: none;
color: #466083;}

.texto a:hover h1 {
text-decoration: none;
color: #7ACBBF;
}

.texto h2 {
font-family: 'Amatic SC';
font-size: 1.4em;
margin-bottom: 0.2em;
color: #FFF;
}

.texto p {
font-family: 'Merriweather';
font-size: 0.8em;
color: #1F1A4F;
}

.invitado1 {
background-image: url(imagenes/jose_sanabria.jpg);
border: 5px solid #7ACBBF;
margin-bottom: 20px;
height: 205px;
width: 75.5%;
float: right;
display: block;
}

.invitado2 {background-image: url(imagenes/pablo-zweig-.jpg);
            border: 5px solid #7ACBBF;
margin-bottom: 20px;
height: 205px;
width: 75.5%;
float: right;
display: block;
}

.invitado3 {background-image: url(imagenes/HenningWagenbreth.png);
            border: 5px solid #7ACBBF;
margin-bottom: 20px;
height: 205px;
width: 75.5%;
float: right;
display: block;
}

.invitado4 {background-image: url(imagenes/laura-varsky.jpg);
            border: 5px solid #7ACBBF;
margin-bottom: 20px;
height: 205px;
width: 75.5%;
float: right;
display: block;
}
.invitado5 {background-image: url(imagenes/victor-sanjinez.jpg);
            border: 5px solid #7ACBBF;
margin-bottom: 20px;
height: 205px;
width: 75.5%;
float: right;
display: block;
}
/* INVITADOS.HTML -----------------------------------------------------------------*/






/* LINKS.HTML -----------------------------------------------------------------*/

.body_links {margin: 0;
            background-image: url(imagenes/trama-violeta.jpg);
            background-repeat: repeat;}



.mainlinks {max-width: 960px;
    height: 680px;
    margin: 0 auto;
    display: block;
    z-index: -2;
}


.cd-items {
padding-top: 0 !important;
}


.cd-item-action {font-family: 'Oswald', sans-serif;
                    font-weight: bold;
                    font-size: 1.2em;
                    color: #fff;
                    text-decoration: none;
      }

.cd-item-action {font-family: 'Oswald', sans-serif;
                    font-weight: bold;
                    font-size: 1.2em;
                    color: #fff;
                    text-decoration: none;
      }

.cd-item-action li:hover {text-shadow: 1px 1px 0px #466083;}


.linksmain {max-width: 960px;
margin: 0 auto;
padding: 11px 0 40px 0;}

.linkssection {
width: 80%;
/* margin-bottom: 1.8em; */
padding-top: 0px;
float: left;
}


.linkssection h1 {font-family: 'Oswald', sans-serif;
                    font-weight: bold;
                    font-size: 1.2em;
                    color: #fff;
                    margin: 14px auto;
                    text-decoration: none;
      }

.linkssection h2 {font-family: 'Amatic SC', sans-serif;
                    font-weight: bold;
                    font-size: 1.2em;
                    color: #ED767B;
                    text-decoration: none;
      }

.linkssection h3 {font-family: 'Oswald', sans-serif;
                    font-weight: 700;
                    font-size: 2em;
                    color: #201B4F;
                    text-decoration: none;
    text-shadow: none;
    margin-top: 0.6em;
      }

.iconosdiv img {float: left;
    margin-right: 0.5rem;}

.linkssection p {font-family: 'Merriweather', sans-serif;
                    font-weight: normal;
                    font-size: 1.2em;
                    color: #3c5577;
                    text-decoration: none;
      }

.selected {display: block}



.linkssection h1:hover {text-shadow: 1px 1px 0px #466083;}

.cd-item-action {font-family: 'Oswald', sans-serif;
                    font-weight: bold;
                    font-size: 1.2em;
                    color: #fff;
                    text-decoration: none;
      }

.cd-item-action li:hover {text-shadow: 1px 1px 0px #466083;}

.separadorlinks {clear: both}

.cd-item {box-shadow: 2px 2px 0 rgba(21, 52, 95, 0.88)}
.cd-item:hover {box-shadow: none}


.cd-container {
width: 100% !important;
max-width: 1170px;
margin: 0 auto;
}


.asidelinks {
margin-top: 2.6rem;
float: right;
width: 18%;
}

.otroslinks {background-color: rgba(255, 255, 255, 0.76);
padding: 0.2em 0 1.2em 0;
margin-top: 1rem;}

.asidelinks h1 {
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 1.6em;
color: #201B4F;
text-decoration: none;
text-shadow: none;
margin-top: 0.2em;
margin-bottom: 0;
}

.asidelinks h2 {
font-family: 'Oswald', sans-serif;
font-weight: normal;
font-size: 1.6em;
color: #6261AA;
text-decoration: none;
text-shadow: none;
margin-top: 0.8em;
padding-left: 2rem;
}

.asidelinks h3 a {
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-size: 1.6em;
text-decoration: none;
text-shadow: 1px 1px 0 #193357;
margin-top: 0.4em;
padding-left: 2rem;
text-decoration: none;
color: #7ACABD;
text-shadow: 1px 1px 0 #193357;
}


.asidelinks h3 a:hover {text-shadow: 1px 1px 0 #193357;
                        color: #F06562;}


.asidelinks h3 {
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-size: 1em;
text-decoration: none;
text-shadow: 1px 1px 0 #193357;
margin-top: 0.4em;
/* padding-left: 2.4rem; */
}

.asidelinks h3:hover {text-shadow: none;}

/* LINKS.HTML -----------------------------------------------------------------*/








/* TALLER.HTML -----------------------------------------------------------------*/

.taller {
margin: 0;
background-image: url(imagenes/trama-naranja.jpg) !important;
background-repeat: repeat;
}

.maintaller {width: 960px;
    margin: 0 auto;
    padding: 11px 0 40px 0;
}

.maintaller main {background-image: url(imagenes/trama-naranja.jpg);
width: 100%;
}

.maintaller main h1 {
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 2em;
color: #5FA6D8;
padding-top: 40px;
/* margin-top: 17px; */
margin-bottom: 0.5em;
line-height: 1.1em;
}

.foot_taller {
background: #1F1A4F;
width: 100%;
min-height: 65px;
z-index: -4;
position: relative;
/* bottom: 0 !important; */
margin-top: 1360px;
}
/* TALLER.HTML -----------------------------------------------------------------*/












/* TEORICAS.HTML -----------------------------------------------------------------*/

.teoricas {
margin: 0;
background-image: url(imagenes/trama-naranja.jpg) !important;
background-repeat: repeat;
}

.mainteoricas {
width: 960px;
margin: 0 auto;
padding: 11px 0 20px 0;
}

.mainteoricas main {
width: 100%;
}

.mainteoricas main h1 {
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 2em;
color: #5FA6D8;
padding-top: 40px;
/* margin-top: 17px; */
margin-bottom: 0.5em;
line-height: 1.1em;
}


.foot_taller {
background: #1F1A4F;
width: 100%;
min-height: 65px;
z-index: -4;
position: relative;
/* bottom: 0 !important; */
margin-top: 1360px;
}

.texto-der p {
font-family: "Oswald",sans-serif;
font-size: 1.5em;
line-height: 1.3em;
}

.texto-der {margin-bottom: 25px;
    text-align: left;
}



.texto-der span {font-weight: 700;}

.foot_teo {
background: #1F1A4F;
width: 100%;
min-height: 65px;
z-index: -4;
position: relative;
bottom: 0 !important;
margin-top: 400px;
}


/* TEORICAS.HTML -----------------------------------------------------------------*/



/* APUNTES.HTML -----------------------------------------------------------------*/

.apuntes {
margin: 0;
background-image: url(imagenes/trama-naranja.jpg) !important;
background-repeat: repeat;
}

.mainapuntes {
width: 960px;
margin: 0 auto;
padding: 11px 0 20px 0;
}

.mainapuntes main {background-image: url(imagenes/trama-naranja.jpg);
width: 100%;
}

.mainapuntes main h1 {
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 2em;
color: #5FA6D8;
padding-top: 40px;
/* margin-top: 17px; */
margin-bottom: 0.5em;
line-height: 1.1em;
}






.texto-der {margin-bottom: 25px;
    text-align: left;
}



.texto-der span {font-weight: 700;}
/* APUNTES.HTML -----------------------------------------------------------------*/














/* FICHAS.HTML -----------------------------------------------------------------*/


.ficha {
margin: 0;
background-image: url(imagenes/trama-naranja.jpg) !important;
background-repeat: repeat;
}

.mainficha{
width: 960px;
margin: 0 auto;
padding: 11px 0 20px 0;
}

.mainficha main {
width: 100%;
}

.mainficha main h1 {
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 2em;
color: #5FA6D8;
padding-top: 40px;
/* margin-top: 17px; */
margin-bottom: 0.5em;
line-height: 1.1em;
}


.texto-der2 p {font-family: "Oswald",sans-serif;
font-size: 1.5em;
line-height: 1.3em;
margin-bottom: 25px;
width: 50%;
text-align: left;
}

.muestra {
margin-top: 120px;
float: right;
}


.foot_ficha {
background: #1F1A4F;
width: 100%;
min-height: 65px;
z-index: -4;
position: relative;
bottom: 0 !important;
margin-top: 260px;
}

.ficha_descarga {
display: inline-block;
float: left;
width: 50%;
}

.ficha_descarga h3 {
font-family: 'Oswald', sans-serif;
color: #F06461;
font-weight: 700;
font-size: 1.5em;
/* margin-left: 114px; */

line-height: 1.1em;
margin: 0 auto;
}


.texto-der2 span {font-weight: 700;}
/* FICHAS.HTML -----------------------------------------------------------------*/


/* 404.HTML --------------------------------------------------------------------------------------------*/
.body_404 {margin: 0;
    background-image: url(imagenes/trama-404.png);
    
    width: 100%;
    margin: 0 auto;}

.not_found {
width: 960px;
margin: 0 auto;
padding: 11px 0 20px 0;
}

.not_found main {
width: 100%;
}


.proximamente {margin: 0 auto;
                width: 100%;}



/* CONTACTO.HTML -----------------------------------------------------------------*/



.body_contacto {margin: 0;
    background-image: url(imagenes/trama-violeta.jpg);
    
    width: 100%;
    margin: 0 auto;}

.maincontacto {
width: 960px;
margin: 0 auto;
padding: 11px 0 20px 0;
}

.maincontacto main {
width: 100%;
}

.maincontacto main h1 {
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 2em;
color: #F06461;
padding-top: 40px;
/* margin-top: 17px; */
margin-bottom: 0.5em;
line-height: 1.1em;
}

.section {
    font-family: "anton";
    font-size: 2em;
    background: #030000
}
        
.mapa {
  width: 100%;
  height: 135px;
  margin-bottom: 15px;
  border: 1px solid #fff;
}

#formulario input, #formulario textarea{
    font-family: arial;
    font-size: 1em;
    background: white;
}

#formulario input, #formulario textarea {
  margin-bottom: 20px;
  width: 80%;
  outline: none;
  border-width:inherit;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  background: rgba(237, 118, 123, 0.6);
}

#formulario input {
  padding-left: 15px;
  height: 44px;
  border-radius: 0;
}

#formulario textarea {
  padding: 15px;
  height: 218px;
  border-radius: 0;
  color: rgba(237, 118, 123, 0.74)
}

#formulario #boton {
  width: 100%;
  height: 50px;
  border-radius: 0;
  border: 1px solid #333;
  background: rgba(0,0,0,0.8);
  color: #fff;
}

#formulario #boton:hover {
  background: rgba(9,8,77,0.7);
}

/* CONTACTO.HTML -----------------------------------------------------------------*/







/* APUNTES.HTML -----------------------------------------------------------------*/


main {
    width: 100%;
    margin: 0 auto;
    padding-top: 1px;
    height: auto;
}

.titulo {
    font-family: "Amatic SC";
}

.tpstext {
    text-align: left;
}

.pdfapuntes {
    display: inline-block;
    width: auto;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.rosa {
margin: 0px 0px 8px 0px;
color: #feeef5;
/* border: solid 1px #d2729e; */
background: rgb(240, 100, 97);
/* background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab)); */
background: -moz-linear-gradient(top, #feb1d3, #f171ab);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
    background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
    background: -moz-linear-gradient(top, #feb1d3, #f171ab);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}


/* Tabla */
.tabla { width: 960px; position: relative; margin: 0 auto; padding: 0px;}
.tabla:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.tabla .row{}
.tabla .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.tabla .row:after{clear: both; }
.tabla .row{zoom: 1;}

.tabla .wrap-col{margin:10px;}

.tabla .col-en2, .tabla .col-en3, .tabla .col-2de3, .tabla .col-1-4, .tabla .col-2-4, .tabla .col-3-4, .tabla .col-1-5, .tabla .col-2-5, .tabla .col-3-5, .tabla .col-4-5, .tabla .col-1-6, .tabla .col-2-6, .tabla .col-3-6, .tabla .col-4-6, .tabla .col-5-6{float:left; display: inline-block;}

.tabla .col-entera {width:100%;}
.tabla .col-en3 {width:33.33%;}
.tabla .col-en2 {width:50%;}
.tabla .col-2de3 {width:66.66%;}

@media only screen and (max-width: 619px) {
    .tabla {width:100%;}
    .tabla .col-en2, .tabla .col-en3, .tabla .col-2de3 {width:100%;}
    .tabla .col-1-4{width:50%;}
    .tabla .col-1-6, .tabla .col-2-6, .tabla .col-3-6, .tabla .col-4-6, .tabla .col-5-6{width:100%;}
}

/*Grilla*/




.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 960px;
    
    
    list-style: none;
    text-align: center;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    width: 48%;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
font-family: 'Oswald', sans-serif;
font-weight: 300;
padding: 1.7em;
margin-left: 7px;
color: #fff;
font-size: 1.3em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/***** Goliath *****/

figure.effect-goliath {
    background: #5FA6D8;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-goliath img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px;
}

figure.effect-goliath p {
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
    -webkit-transform: translate3d(0,-80px,0);
    transform: translate3d(0,-80px,0);
}

figure.effect-goliath:hover h2 {
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Media queries */
@media screen and (max-width: 50em) {
    .content {
        padding: 0 10px;
        text-align: center;
    }
    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}

/* slider -----------------------------------------------------------------*/

#slideshow-wrap {
    display: block;
    height: 320px;
    min-width: 640px;
    margin: auto 200px;
    border: 5px solid #ED767B;
    box-shadow: 5px 5px 0px 0px rgba(203,75,79,1);
    margin-top: 30px;
    position: relative;
}

#slideshow-inner {
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    overflow: hidden;
    position: relative;
}

#slideshow-inner>ul {
    list-style: none;
    height: 100%;
    width: 500%;
    overflow: hidden;
    position: relative;
    left: 0px;
    -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}

#slideshow-inner>ul>li {
    width: 20%;
    height: 320px;
    float: left;
    position: relative;
    left: -40px;
}

#slideshow-inner>ul>li>img {
    margin: auto;
    height: 100%;
}

#slideshow-wrap input[type=radio] {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 100;
    visibility: hidden;
}

#slideshow-wrap label:not(.arrows):not(.show-description-label) {
    position: absolute;
    left: 50%;
    bottom: -45px;
    z-index: 100;
    width: 12px;
    height: 12px;
    background-color: rgba(200,200,200,1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

#slideshow-wrap label:not(.arrows):active { bottom: -46px }

#slideshow-wrap input[type=radio]#button-1:checked~label[for=button-1] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-2:checked~label[for=button-2] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-3:checked~label[for=button-3] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-4:checked~label[for=button-4] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-5:checked~label[for=button-5] { background-color: rgba(100,100,100,1) }

#slideshow-wrap label[for=button-1] { margin-left: -36px }

#slideshow-wrap label[for=button-2] { margin-left: -18px }

#slideshow-wrap label[for=button-4] { margin-left: 18px }

#slideshow-wrap label[for=button-5] { margin-left: 36px }

#slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul { left: 0px;
                                                                        top: -14px;}

#slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul { left: -100%;
                                                                        top: -14px; }

#slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul { left: -200%;
                                                                        top: -14px; }

#slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul { left: -300%;
                                                                        top: -14px; }

#slideshow-wrap input[type=radio]#button-5:checked~#slideshow-inner>ul { left: -400%;
                                                                        top: -14px; }

label.arrows {
    font-family: 'WebSymbolsRegular';
    font-size: 25px;
    color: rgb(255,255,240);
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: none;
    opacity: 0.7;
    cursor: pointer;
    z-index: 1000;
    background-color: transparent;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    text-shadow: 0px 0px 3px rgba(0,0,0,.8);
}

label.arrows:hover { opacity: 1 }

label.arrows:active { margin-top: -23px }

input[type=radio]#button-1:checked~.arrows#arrow-2, input[type=radio]#button-2:checked~.arrows#arrow-3, input[type=radio]#button-3:checked~.arrows#arrow-4, input[type=radio]#button-4:checked~.arrows#arrow-5 {
    right: -55px;
    display: block;
}

input[type=radio]#button-2:checked~.arrows#arrow-1, input[type=radio]#button-3:checked~.arrows#arrow-2, input[type=radio]#button-4:checked~.arrows#arrow-3, input[type=radio]#button-5:checked~.arrows#arrow-4 {
    left: -55px;
    display: block;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

input[type=radio]#button-2:checked~.arrows#arrow-1 { left: -19px }

input[type=radio]#button-3:checked~.arrows#arrow-2 { left: -37px }

input[type=radio]#button-5:checked~.arrows#arrow-4 { left: -73px }

.description {
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    font-family: 'Yanone Kaffeesatz';
    z-index: 1000;
}

.description input { visibility: hidden }

.description label {
    font-family: 'Oswald';
    background-color: #ED767B;
    position: relative;
    font-size: 1.2em;
    top: -20px;
    width: 640px;
    height: 30px;
    display: inline-block;
    text-align: left;
    padding: 5px 0 0 10px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    z-index: 5;
    color: #fff;
}

#slideshow-inner>ul>li:hover .description label { opacity: 1 }

.description input[type=checkbox]:checked~label { opacity: 1 }

.description .description-text {
    background-color: rgba(255,255,230,.5);
    padding-left: 45px;
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 15px;
    position: relative;
    top: -35px;
    z-index: 4;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    color: rgb(20,20,20);
}

.description input[type=checkbox]:checked~.description-text { opacity: 1 }

/* slider -------------------------------------------------------------------*/
/* APUNTES.HTML -----------------------------------------------------------------*/







/* TRABAJOS.HTML -----------------------------------------------------------------*/



.textotrabajos h1{font-family: 'Oswald', sans-serif;
                    font-weight: 700;
                    font-size: 2.5em;
                    color: #F06461;
                    text-decoration: none;
    text-shadow: 3px 3px 3px rgba(250, 250, 250, 0.83);
    margin-top: 0.6em;
    margin-bottom: 0;
      }

.textotrabajos h2{font-family: 'Amatic SC', sans-serif;
                    font-weight: 700;
                    font-size: 2.5em;
                    color: #173052;
                    text-decoration: none;
    text-shadow: 3px 3px 3px rgba(250, 250, 250, 0.83);
    margin-top: 0.6em;
    margin-bottom: 0;
    padding-left: 0.9em;
      }

.textotrabajos p{font-family: 'Merriweather', sans-serif;
                    font-weight: normal;
                    font-size: 1em;
                    color: #173052;
                    text-decoration: none;
    margin-top: 0.6em;
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 0.83);
    padding: 0.7rem;
    width: 34%;
    margin-left: 2em;
      }

.textotrabajos span {font-weight: bold;}


/* slider -----------------------------------------------------------------*/

.slider {float: left;
    position: relative;
    width: 77%;
    height: auto;
    margin: 2% 0 0 3%;

}


/* slider -------------------------------------------------------------------*/

.contenedor-iconos {float: left;
width: 35px;
    margin-left: 30px;
    
}

.contenedor-iconos img {margin-top: 20px}

.separadortrabajos {clear: both;}

.otrostrabajos { width: 84.3%;
    height: 120px;
    margin: 20px 0 0 0px;
    top: 10px;
    left: -82px;
    z-index: 0;
    float: left;
    }
.otrostrabajos a {float: left}

.trabajoactivo {width: 110px;
    height: 110px;
    border: 4px solid #ED767B;
    box-shadow: 4px 4px 0px 0px rgba(203,75,79,1);
    margin: 0 5px 10px 5px;
    float: left;
    -webkit-filter: grayscale(0%);
}

.trabajogris {width: 110px;
    height: 110px;
    border: 4px solid #ED767B;
    box-shadow: 4px 4px 0px 0px rgba(203,75,79,1);
    margin: 0 5px 10px 5px;
    float: left;
    -webkit-filter: grayscale(100%);
}
    
.otrostrabajos article:hover {-webkit-filter: grayscale(0%);}


    
.bodytrabajos {
    background-image: url(imagenes/trama-violeta.jpg);
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    height: auto !important;
  
    min-height: 100%;
    padding: 0;
   }


.maintrabajos {max-width: 960px;
    height: 890px;
    margin: 0 auto;
    display: block;
    z-index: -2;
}

.asidetrabajos {float: left;
    width: 132px;
    height: auto;
    margin: -30px 15px 500px 0;
    position: relative;
    z-index: 0;
display: block;}



.trabajo1 {background-image: url(imagenes/tp1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #ED767B;
    max-width: 100%;
    height: 160px;
    margin: 0 0 15px 0;
    box-shadow: 5px 5px 0px 0px rgba(203,75,79,1);
}

.trabajo2 {background-image: url(imagenes/tp2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #ED767B;
    max-width: 100%;
    height: 160px;
    margin: 0 0 15px 0;
    box-shadow: 5px 5px 0px 0px rgba(203,75,79,1);
}

.trabajo3 {background-image: url(imagenes/tp3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #ED767B;
    max-width: 100%;
    height: 160px;
    margin: 0 0 15px 0;
    box-shadow: 5px 5px 0px 0px rgba(203,75,79,1);
}

.trabajo4 {background-image: url(imagenes/tp4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #ED767B;
    max-width: 100%;
    height: 160px;
    margin: 0 0 15px 0;
    box-shadow: 5px 5px 0px 0px rgba(203,75,79,1);
}

.trabajo5 {background-image: url(imagenes/tp5.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #ED767B;
    max-width: 100%;
    height: 160px;
    margin: 0 0 15px 0;
    box-shadow: 5px 5px 0px 0px rgba(203,75,79,1);
}

.trabajo6 {background-image: url(imagenes/tp6.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #ED767B;
    max-width: 100%;
    height: 160px;
    margin: 0 0 15px 0;
    box-shadow: 5px 5px 0px 0px rgba(203,75,79,1);
}




/* TRABAJOS.HTML -----------------------------------------------------------------*/


/* nav pasos -----------------------------------------------------------------*/

.nav_pasos-trabajos {margin: 30px 0px 0px 0px;
    max-width: 100%}
      
.nav_pasos-trabajos p {float: left;font-size: 0.9rem;
font-family: 'Oswald', sans-serif;
font-weight: 300;
color: #1F1A4F;
margin-top:0;
padding-top:0;}

.nav_pasos-trabajos p span {font-weight: 700;}



/* nav pasos -----------------------------------------------------------------*/






h1 {font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 2.5em;
    color: #466083;
margin-top: 0;
margin-bottom: 0.5em;
line-height: 1.1em;}

h3 a {font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
margin-top: 0.8rem;
margin-bottom: 1rem;
line-height: 1.1em;
color: #fff;
text-decoration: none;}

.asidearticle {
    width: 46%;
    height: 306px;
    margin: 38px 0 0 1.5%;
  float: left;
display: block}








/* PAGINA DE videos */

.bodyvideos {
    background-image: url(imagenes/trama-naranja.jpg
    );
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    height: auto !important;
  
    min-height: 100%;
    padding: 0;
   }

.mainvideos {max-width: 960px;
    padding-bottom: 45px;
    margin: 0 auto;
    display: block;
    z-index: -2;
}

.textovideos {width: 70%;
float: left;}

.textovideos h1{font-family: 'Oswald', sans-serif;
                    font-weight: 700;
                    font-size: 2.5em;
                    color: #F06461;
                    text-decoration: none;
    text-shadow: 3px 3px 3px rgba(250, 250, 250, 0.83);
    margin-top: 0.6em;
    margin-bottom: 0;
      }

.textovideos h2{font-family: 'Amatic SC', sans-serif;
                    font-weight: 700;
                    font-size: 2.6em;
                    color: rgba(70,182,160,1);
                    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(20, 46, 80, 0.93);
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0.9em;
      }

.ribete {margin: 0.9rem 0 0 2rem;
}

.textovideos p{font-family: 'Merriweather', sans-serif;
                    font-weight: normal;
                    font-size: 1em;
                    color: #173052;
                    text-decoration: none;
    margin-top: 0.6em;
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 0.83);
    padding: 0.7rem;
    width: 47%;
    margin-left: 2em;
      }

.textovideos span {font-weight: bold;}


.asidevideos {margin-top: 1.6rem;
float: left;
width: 27%;}

.paginasvideos {background-color: rgba(255, 255, 255, 0.76);
padding: 0.2em 0 1.2em 0;
margin-top: 1rem;}

.asidevideos h1 {font-family: 'Oswald', sans-serif;
                    font-weight: 700;
                    font-size: 2em;
                    color: #F06461;
                    text-decoration: none;
    text-shadow: none;
    margin-top: 0em;
    margin-bottom: 0;
      }

.iconosdiv img {float: left;
    margin: 6px 10px 14px 0;}

.asidevideos h2 {font-family: 'Oswald', sans-serif;
                    font-weight: normal;
                    font-size: 1.6em;
                    color: #6261AA;
                    text-decoration: none;
    text-shadow: none;
    margin-top: 0.8em;
    padding-left: 2.4rem;
      }

/* se pisa con h3 a de docentes.html */
.asidevideos h3 a {
                    text-decoration: none;
    font-family: 'Amatic SC';
    color: #6261AA;
    text-shadow: 1px 1px 0 #193357;   
      }

.asidevideos h3 {font-family: 'Amatic SC', sans-serif;
                    font-weight: 700;
                    font-size: 2.3em;                    
                    text-decoration: none;
    text-shadow: 1px 1px 0 #193357;
    margin-top: 0.2em;
    margin-bottom: 0em;
    padding-left: 2.4rem;
      }

.asidevideos h3:hover {text-shadow: none;}




/* fin PAGINA DE videos */

























/* Responsive */







@media screen and (max-width: 320px) {
       .otrostrabajos img{width: 100%}
    .trabajoactivo {width: 65px !important;
                    height: 65px!important;}
     .trabajogris {width: 65px!important;
                    height: 65px!important;}

}

@media screen and (max-width: 960px) {
       .otrostrabajos img{width: 100%}
    .trabajoactivo {width: 84px;
                    height: 84px;}
     .trabajogris {width: 84px;
                    height: 84px;}






@media screen and (max-width: 768px) {
    
 .textotrabajos h1{padding-left: 10px;
    font-size: 2rem;
    }
    .textotrabajos h2 {font-size: 1.8rem;}
    .nav_pasos-trabajos p {padding-left: 10px}
    .textotrabajos p {font-size: 0.8rem;
    width: 50%;}
    .contenedor-iconos { width: 10%;
        margin-left: 5%;}
    .contenedor-iconos img {width: 55%;
        margin-top: 14px;}

   
    
    header {height: 103px;
            margin-bottom: 1.2rem !important;}
    
    header p { display: none;}
    
    .logo-responsive {display: block;
        max-width: 320px;
        margin: 0 auto;
        position: relative;
        padding: 14px;
}
    
    .logo-responsive img {width: 83%;
    margin-top: 5px;}
    
    .logo {display: none;}
    
     .nav-container { 
     background-image: url(imagenes/nav-responsive.png);
         background-position: center;
         height: 105px;
     }
    
       .nav {display: none;}
    
    #menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
            
    .separadormenuder {display: none;}
    
    .catedra {background-image: url(imagenes/catedra.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        display: block;
        width: 20%;
        height: 65px;
        float: left;
        margin: 7px 2%;
        }
    
    .catedra a {display: none;}
    
        .alumnos {background-image: url(imagenes/alumnos.png);
        background-repeat: no-repeat;
        background-position: center;
            background-size: 100%;
        display: block;
    width: 20%;
    height: 65px;
    float: left;
    margin: 7px 2%;
    }
    
    .alumnos a {display: none;}
    
    .referencias {background-image: url(imagenes/referencias.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        display: block;
    width: 20%;
    height: 65px;
    float: left;
    margin: 7px 2%;
    }
    
    .referencias a {display: none;}
    
    .agenda {background-image: url(imagenes/agenda.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        display: block;
    width: 20%;
    height: 65px;
    float: left;
    margin: 7px 2%;
    }
    
    .agenda a {display: none;}
    
    .separadormenuizq {display: none;}
    
    section article {
    width: 100%;}
    
    section {
    width: 95%;
    height: auto;
    margin: 30px auto;
    position: relative;
}
    .textoimagen01 {font-size: 0.9rem;
    width: 44%;}
    
    .textoimagen01 h1 {font-size: 1.9em;}
    .textoimagen01 h2 {font-size: 1.5em;}
    
    .textoimagen_peque {width: 37%;
    padding: 0 23px 0 10px;}
    
    .textoimagen_peque h1 {font-size: 1.4em;}
   
    
    .contenedoraside {background-image: url(imagenes/aside-responsive.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 280px;   
    z-index: 0;
    display: inline-block;
    padding: 1px 0px;
    margin: 0 auto;
}
    .asides_home {max-width: 95%;
    height: 265px;}
    
    .trabajos_alumnos {
                  width: 51%;
        height: 200px;
                }
    
    aside article {
        background-repeat: no-repeat;
        background-position: right;
    width: 45%;
    height: 200px;
    margin: 38px 5px 0 2%;}

.trabajosalumnos {padding: 0 7%;
           }

.trabajosalumnos p {display: none;}
    
    .textoimagen_peque p {display: none;}
    
    .asides_home2 {display: none;}
    
    .asidearticle {width: 48%:}

.docentes {
    height: 200px;}
    
    .redes {display: none;
    }
    
  .docenteshorizontal {background-image: url(imagenes/doc-horizontal.png);
    float: none;
      position: relative;
      left: 17%;
margin: 20px 10px 0 2.7%;
    width: 336px;
    height: 75px;
}
    .asidepagdocentes {display: none;
}
    
    .sectiondocentes {margin-top: 20px}
}




    
}


















@media screen and (max-width: 768px):hover {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}

@media screen and (max-width: 653px) {
        
   .mainpagdocentes {width: 100%;
    margin: 0 auto;
    min-height: 3322px;
    background-image: url(imagenes/fondo-section.png);
    padding-top: 1px;
    }
    
    .textoimagen h1 {font-size: 1.5em;}
    .textoimagen p {font-size: 0.7em;}
}