*{margin:0;}
 
body {
    width: 60%;
    font-size: 16px;
    margin: 0 auto;
    background-color: #efefef;
}
.fondonav { width: 100%;
    height: 90px;
    background-color: #ff1859
} 
 
.logoilus { height: 30%;
    width: 30%;
    display: block;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

.sliderwrap{
float:left;
width:100%;}

/* nav */
nav {  
    height: 40px;  
    width: 100%;  
    background: #282762;  
    font-size: 13pt;  
    font-family: 'Yanone Kaffeesatz', sans-serif sans-serif;  
    font-weight: 500;  
    position: relative;  
    border-bottom: 2px solid #283744;  
}  
nav ul {  
    padding: 0;  
    margin: 0 auto;  
    width: 600px;  
    height: 40px;  
}  

nav li {  
    display: inline;  
    float: left;  
}

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
} 
nav a {  
    color: #fff;  
    display: inline-block;  
    width: 100px;  
    text-align: center;  
    text-decoration: none;  
    line-height: 40px;  
 
}  
nav li a {  
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
}  
nav li:last-child a {  
    border-right: 0;  
}  

nav a:hover, nav a:active {  
    background-color: rgb(34, 41, 95);  
}  
nav a#pull {  
    display: none;  
}    
/* fin nav */
main { 
    width: 100%;
    min-height: 50%;
   /* saqué el margin= 35% */
}

/* secciòn 1 */
.primero { 
    width: 100%;
    min-height: 381px;
   background-image: url(images/inscripcion.jpg)
}



.inscripcion { 
    background-color: rgba(43, 38, 180, 0.68);
    width: 34% !important;
    min-height: 381px;
    line-height: 1;
     }

.insc {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #fff;
    padding-top:130px;
    padding-left: 20px;
     }

.anotate {
    font-family: 'Courgette', cursive;
    font-size: 1.5em;
    color: #fff;
     padding-left: 20px;
     }


/* fin secciòn 1 */


/* secciòn 2 izquierda */
.segundo { 
    width: 66%;
    min-height: 132%;
    float: left;
    padding-top: 1px;
    background-image: url(images/pez.jpg); position: inherit;
}


.clases { 
    width: 50%;
    min-height: 381px;
    float: left;
    background-color: rgba(208, 208, 208, 0.51);
    margin-top: 381px;
    margin-right: 200px;
}

.doc {

    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #54c7bb;
    padding-top:100px;
    padding-left: 20px;
    line-height: 1;
     }
.iconodocente {
    width: 50px;
    height: 50px;
    align-content: center;
}
.conoce {
    font-family: 'Courgette', cursive;
    font-size: 1.5em;
    color: #54c7bb;
     padding-left: 20px;
     }

/* fin secciòn 2 */

/* aside derecha*/
.aside { 
    width: 34%;
    height: 132%;
    float: right;
    }

.catedra { 
    width: 34%;
    min-height: 132%;
    float: right;
    background-image: url(images/catedra.jpg)
}

.cuadradocat { 
    width: 80%;
    min-height: 310px;
    float: right;
    background-color: #fff;
    margin: 30px;
}
.cat {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #7e7e7e;
    padding-top:60px;
    padding-left: 10px;
    line-height: 1;
     }

.puntos {
    font-family: 'Courgette', cursive;
    font-size: 1.5em;
    color: #7e7e7e;
     padding-left: 10px;
     }


.referentes { 
    width: 34%;
    min-height: 391px;
    float: right;
    background-image: url(images/referentes.jpg)
}

.ref {
    font-family: "Oswald", sans-serif;
    font-size: 2.7em;
    color: #fff;
    padding-left: 25px;
    line-height: 1;
     }

.iconoreferentes {
    width: 50px;
    height: 50px;
    text-align: center;
    padding-left: 25px;
    margin-top: 120px;
}

.mirar {
    font-family: 'Courgette', cursive;
    font-size: 1.6em;
    color: #fff;
     padding-left: 25px;
     }

.alumnos { 
    width: 34% !important;
    min-height: 382px;
    float: right;
background-color: #e9ea81;
}

.alum {
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #7e7e7e;
    padding-left: 25px;
    line-height: 1;
     }
.iconoalumno {
    width: 50px;
    height: 50px;
    align-content: center;
    padding-left: 25px;
    margin-top: 120px;
}
.necesitas {
    font-family: 'Courgette', cursive;
    font-size: 1.4em;
    color: #7e7e7e;
     padding-left: 25px;
     }
/* fin aside derecha*/

/* section 3 */


.docentes { 
    min-height: 60px;
    height: 381px;
    width:66%;
    float: left;
   background-image: url(images/negro.jpg);
    position: relative;
 }




.pass { 
    width: 50%;
    min-height: 380px;
    float: right;
    background-color: rgba(255, 255, 255, 0.65);
}
.iconoclases{
    width: 50px;
    height: 50px;
    align-content: center;
    margin-top: 120px;
    text-align: center;
    padding-left: 25px;
}
.c {
    height: 50px;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #000;
    padding-left: 25px;
    line-height: 1;
     }


.segui {
    font-family: 'Courgette', cursive;
    font-size: 1.5em;
    color: #000;
     padding-left: 25px;
     }

.galeria { 
    background-color: rgba(47, 42, 199, 0.54);
    width: 34%;
    min-height: 381px;
    float: inherit;
}
/* fin section 3*/

/* contacto */
.contacto { 
    padding-top: 20px; 
    font-family: 'Yanone Kaffeesatz', sans-serif !important;
    font-size: 15px;
    font-weight: 100; 
    margin-left: 50px;
}
h3 { font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: 100;
    margin-left: 0px;
}
/* fin contacto*/

a:link {text-decoration: none;
}

/* clases */
.violetaclases { width: 100%;
    height: 80px;
    background-color: rgb(52, 154, 208);
    float: left;
} 

.tipoclases {  
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 500; 
    color: white;
    text-align: center;
    

}
.tipoalumno {
    width: 100%;
    margin-top:5px ;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #fff;
    text-align: center;
     }
.blog { width: 60%;
    min-height: 500px;
    float: left;
}
.blog p { padding-right: 20px;
    padding-top: 20px;
} 
.blog h1 { padding-left: 20px;
} 
.blog .yasoytitulo {
padding-top: 50px;}

.toni { width: 85%;
    padding-left: 20px;
    padding-top: 10px;
}
.blog h4 { font-family: 'Yanone Kaffeesatz', sans-serif !important;
    font-size: 15px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #095d43;
} 

.entry {width: 40%;
    float: right;
    min-height: 1238px;
}
.entryli { font-family: 'Yanone Kaffeesatz', sans-serif !important;
    font-size: 15px;
    font-weight: 100;
    color: black;
    padding-right: 20px;
    padding-bottom: 10px;
}
aside h3 { color: black;
    padding-left: 38px;
    padding-bottom: 10px;
    padding-top: 50px;
}


/* fin clases */
/* footer */
footer { 
    min-height: 150px;
    width: 100%;
    float: left;
    background-color: #c3c1c1;
    margin-top: 20px;
    }
. socialiconcontent {
width: 50%;
height: 50px;
    margin-left: 40px;}
.contenidos { 
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 70%;
    font-weight: 100;
    color: #fff;
    padding-top: 40px;
    padding-left: 30px;
}
.social {
    width: 20px !important;
    height: 20px !important;
    text-align: center;
    padding-top: 30px;
    padding-left: 30px;
}
    
    }

/* fin footer*/

{ background: 
    }



/* docentes */

*{margin:0;}
 
body {
    width: 60%;
    font-size: 16px;
    margin: 0 auto;
}
 
/* secciòn 1 DOCENTES*/

/* secciòn 1 DANIEL*/
.daniel { 
    width: 100%;
    min-height: 381px;
    margin-top: 80px;
   background-image: url(images/ROLDAN.jpg)
}



.azul { 
    background-color: rgba(38, 142, 180, 0.84);
    width: 50%;
    min-height: 387px;
    line-height: 1;
     }

.dani {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top:140px;
    padding-left: 40px;
     }

.jefe {
    font-family: 'Courgette', cursive;
    font-size: 1.4em;
    padding-top: 4px;
    color: #fff;
     padding-left: 40px;
     }

.paginaroldan { 
    width: 50%;
    min-height: 4330px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important; 
    letter-spacing: 5px;
padding-left: 70px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 
/* fin secciòn 1 DANIEL*/

/* secciòn ALINA*/
.alina { 
    width: 100%;
    height: 390px;
    background-image: url(images/alina.jpg);
}

.verde { 
    background-color: rgba(38, 180, 147, 0.84);
    width: 50%;
    min-height: 390px;
     }


.ali {
    margin-top: 30px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top: 130px;
    padding-left: 130px;
     }

.paginaalina { 
    width: 50%;
    min-height: 450px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff;
    letter-spacing: 5px;
    padding-left: 200px;
    font-size: 1em;
    line-height: 5;
    font-weight: 100;
} 

/* secciòn fin ALINA*/

/* secciòn FLORENCIA*/
.florencia2 { 
    width: 100%;;
    height: 381px;
    background-image: url(images/negro2.jpg)
}

.violeta { 
    background-color: rgba(125, 38, 180, 0.84);
    width: 50%;
    height: 100%;
    float: right;
     }

.flo {
    margin-top: 30px;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #fff;
    padding-top: 60px;
    padding-left: 40px;
     }

.jtp {
    font-family: 'Courgette', cursive;
    font-size: 1.4em;
    color: #fff;
     padding-left: 40px;
     }

.paginaflor { 
    width: 50%;
    min-height: 450px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important;
    letter-spacing: 5px;
padding-left: 50px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 

/* secciòn fin FLORENCIA*/

/* secciòn MARCOS*/
.marcos { 
    width: 100%;;
    height: 381px;
    background-image: url(images/marcos.jpg)
}

.verdes { 
    background-color: rgba(38, 180, 147, 0.84);
    width: 50%;
    float: right;
    height: 100%;
     }

.marco {
    margin-top: 30px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top: 60px;
    padding-left: 70px;
     }

.docente {
    font-family: 'Courgette', cursive;
    font-size: 1.4em;
    color: #fff;
     padding-left: 70px;
     }

.paginamarcos { 
    width: 50%;
    min-height: 450px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important;
    letter-spacing: 5px;
padding-left: 60px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 

/* secciòn fin MARCOS*/

/* secciòn MARTIN*/
.martin { 
    width: 100%;
    height: 390px;
    background-image: url(images/martin.jpg);
}

.fuccia2 { 
     background-color: rgba(212, 52, 132, 0.84);
    width: 50%;
    min-height: 390px;
     }


.tin {
    margin-top: 30px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top: 130px;
    padding-left: 50px;
     }

.paginamartin { 
    width: 50%;
    min-height: 450px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important;
    letter-spacing: 5px;
padding-left: 100px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 

/* secciòn fin MARTIN*/

/* secciòn CLARISA*/
.clarisa { 
    width: 100%;;
    height: 381px;
    background-image: url(images/clari.jpg)
}

.fuccia { 
    background-color: rgba(212, 52, 132, 0.84);
    width: 50%;
    float: right;
    height: 100%;
     }

.clari {
    margin-top: 30px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top: 60px;
    padding-left: 70px;
     }

.paginaclari { 
    width: 50%;
    min-height: 450px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important;
    letter-spacing: 5px;
padding-left: 70px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 

/* secciòn fin CLARISA*/

/* secciòn GASTON*/
.gastonn { 
    width: 100%;;
    height: 382px;
    background-image: url(images/gaston.jpg)
        
}

.amarillo { 
    background-color: rgba(204, 185, 37, 0.84);
    width: 50%;
    min-height: 382px;
     }

.gasta {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top:140px;
    padding-left: 70px;
     }

.paginagaston { 
    width: 50%;
    min-height: 4330px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important; 
    letter-spacing: 5px;
padding-left: 70px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 
/* secciòn fin GASTON*/

/* secciòn DANIELA*/
.daniela { 
    width: 100%;;
    height: 381px;
    background-image: url(images/daniela.jpg)
}

.amarillos { 
  background-color: rgba(204, 185, 37, 0.84);
    width: 50%;
    float: right;
    height: 100%;
     }

.kantor {
    margin-top: 30px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top: 80px;
    padding-left: 70px;
     }

.paginakantor { 
    width: 50%;
    min-height: 450px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important;
    letter-spacing: 5px;
padding-left: 80px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 

/* secciòn fin DANIELA*/


/* secciòn JOSE*/
.jose { 
    width: 100%;;
    height: 382px;
    background-image: url(images/jose.jpg)
        
}

.naranja { 
    background-color: rgba(204, 114, 37, 0.84);
    width: 50%;
    min-height: 382px;
     }

.villa {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top:120px;
    padding-left: 60px;
     }

.paginajose { 
    width: 50%;
    min-height: 4330px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important;
    letter-spacing: 5px;
padding-left: 40px;
    font-size: 0.8em;
    line-height: 5;
    font-weight: 100;
} 
/* secciòn fin JOSE*/

/* secciòn ANA*/
.ana { 
    width: 100%;;
    height: 381px;
    background-image: url(images/ana.jpg)
}

.naranjas { 
    background-color: rgba(204, 114, 37, 0.84);
    width: 50%;
    float: right;
    height: 100%;
     }

.san {
    margin-top: 30px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top: 80px;
    padding-left: 70px;
     }

.paginaana { 
    width: 50%;
    min-height: 450px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important;
    letter-spacing: 5px;
padding-left: 70px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 

/* secciòn fin ANA*/

/* secciòn DIANA*/
.diana { 
    width: 100%;;
    height: 382px;
    background-image: url(images/diana.jpg)
        
}

.rojo { 
    background-color: rgba(204, 37, 37, 0.84);
    width: 50%;
    min-height: 382px;
     }

.moreno {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top:120px;
    padding-left: 60px;
     }

/* secciòn fin DIANA*/

/* secciòn PUPE*/
.pupe { 
    width: 100%;;
    height: 381px;
    background-image: url(images/ana.jpg)
}

.rojos { 
    background-color: rgba(204, 37, 37, 0.84);
    width: 50%;
    float: right;
    height: 100%;
     }

.pup {
    margin-top: 30px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top: 80px;
    padding-left: 70px;
     }

.paginapupe { 
    width: 50%;
    min-height: 450px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important;
    letter-spacing: 5px;
padding-left: 70px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 

/* secciòn fin PUPE*/

/* secciòn VERONICA*/
.veronica { 
    width: 100%;;
    height: 382px;
    background-image: url(images/veronica.jpg)
        
}

.celeste { 
    background-color: rgba(37, 165, 204, 0.84);
    width: 50%;
    height: 100%;
     }

.bid {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top:120px;
    padding-left: 40px;
     }

.paginavero { 
    width: 50%;
    min-height: 450px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important;
    letter-spacing: 5px;
padding-left: 40px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 

/* secciòn fin VERONICA*/

/* secciòn PATRICIO*/
.patricio { 
    width: 100%;;
    height: 381px;
    background-image: url(images/patricio.jpg)
}

.celestes { 
    background-color: rgba(37, 165, 204, 0.84);
    width: 50%;
    float: right;
    height: 100%
     }

.oliver {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size:3em;
    color: #fff;
    padding-top:90px;
    padding-left: 50px;
     }

.paginapatricio { 
    width: 50%;
    min-height: 450px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff !important;
    letter-spacing: 5px;
padding-left: 50px;
    font-size: 20px;
    line-height: 5;
    font-weight: 100;
} 

/* secciòn fin PATRICIO*/



/* fin secciòn 1 DOCENTES */

/* fin docentes*/

/* alumnos */

.navsecu {
float: left;
width: 40%;
height: 60px;
color: #7e7e7e;
margin-top: 10px;
margin-bottom: 10px;}

a.navseculink:link {
    text-decoration: none;
    color: #7e7e7e;
    float: left;
    margin-right: 20px;
    text-align: center;
    font-weight: 100;
}

a.navseculink:hover{
color: #c626a7;}

.rosayasoy {
    width: 100%;
    height: 80px;
    background-color: #d33493;
    float: left;
    }
.libroilustrado{ 
    background-image: url(images/negro.jpg);float: left;
width: 100%}
.yasoy1 {
background-color: rgba(255, 255, 255, 0.91);
width: 33%;
min-height: 350px;
float: left;}
.vacio1{
    width: 33%;
    min-height: 350px;
    float: left;
}
.textosliterarios {background-image: url(images/IMG_2631.jpg);min-height: 350px;
float: left;}
.yasoy2 {
background-color: rgba(255, 255, 255, 0.91);
width: 34%;
min-height: 350px;
float: left;}

.vacio2 {
width: 67%;
min-height: 350px;
float: left;}

.laminas{background-image: url(images/tp1.jpg);
    background-repeat: no-repeat; height: 530px;float: left;}
.yasoy3 {
background-color: rgba(255, 255, 255, 0.91);
width: 33%;
min-height: 360px;
float: left;
padding-bottom: 10px;}

.cosas {
background-color: rgba(255, 255, 255, 0.91);
width: 50%;
min-height: 350px;
float: right;}
.pasos {
background-color: rgba(255, 255, 255, 0.91);
width: 50%;
min-height: 350px;
float: left;}


.yasoyalumno { 
    min-height: 500px;
    width: 46%;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 50px;
    text-align:center;
    color: #fff;
    padding-top: 26px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(212, 52, 132, 0.84);
    }
.yasoyicono { 
    width:10%;
    height: 10%;
    text-align: center;
}
.yasoytitulo {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 30px;
    font-weight: 400; 
    text-align: center;
    color: #000;
    margin-top: 10px;
    padding-left: 20px;
    float: left;
}
.yasoytexto{
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    text-align: left;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
}
p {
    float: left;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 15px;
    text-align: left;
    color: #000;
    font-weight: 500;
    padding-top: 10px;
}
h1 {
    float: left;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 15px;
    text-align: left;
    color: #000;
    font-weight: 500;
    padding-top: 10px;
}
.quieroseralumno { 
    min-height: 800px;
    width: 48%;
    float: right;
    background-color: rgba(37, 165, 204, 0.84); 
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 50px;
    text-align: center;
    color: #fff;
    padding-top: 30px;
    padding-left: 5px;
    }
.quieroicono { 
    width: 60px;
    height: 60px;
    padding-top: 30px;
}
.quierotitulo {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 30px;
    font-weight: 400; 
    text-align: left;
    color: #fff;
    padding-top: 20px;
    float: left;
    padding-left: 20px;
}
.quierotexto{
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    text-align: left;
    color: #fff;
    padding-left: 20px;padding-right: 20px;
}
h1 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 15px;
    text-align: left;
    color: #000;
    font-weight: 500;
    padding-top: 10px;
    width: 100%;
    padding-left: 10px;
}
h2 {
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    text-align: left;
    color: #000;
    font-weight: 100;
    padding-top: 15px;
    font-style: italic;
    padding-left: 20px;padding-right: 20px;
}
.foto {;
    float: left;
    width: 45%;
    padding-right: 10px;
    margin-bottom: 15px;
}

/* fin alumnos */





/*catedra3*/

.nada { width: 50%;
    min-height: -20px;
    }

.rosacatedra { 
    width: 100%;
    height: 80px;
    margin-top: 30px;
    background-color: #e66932;
    
}

.tipocatedra {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #fff;
     }

.segundos { 
    width: 60%;
    min-height: 670px;;
    float: left;
    padding-top: 1px;
    padding-left: 21px
}


.noscreemos {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 2em;
    color: #030303;
     padding-left: 20px;
    padding-top: 10px;
     }

.textodiseno {
    font-family: 'Open Sans Condensed', sans-serif; 
    font-size: 1em;
    color: #2e2e2e;
     padding-left: 20px;
    padding-top: 10px;
     }

.lailuscomparte {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 1.5em;
    color: #000;
     padding-left: 20px;
    padding-top: 40px;
     }

.faduescrito { 
    width: 35%;
    min-height: 132%;
    float: right;
}

.faducatedra {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 5em;
    color: #7e7e7e;
    line-height: 1;
     }

.horarios {
    margin-top: 3px;
    font-family: "Oswald", sans-serif;
    font-size: 4.4em;
    color: #7e7e7e;
    line-height: 1;
     }

.faducartel {
    font-family: "Oswald", sans-serif;
    font-size: 9em;
    color: #7e7e7e;
    line-height: 1;
     }

.fotoabajo { 
    margin-top: 10px;
    width: 35%;
    height: 300px;
    float: right;
    background-image: url(images/Captura%20de%20pantalla%202014-11-04%20a%20las%2015.28.47.png)
}


/*fin catedra*/

/*referentes*/


.verdereferentes { 
    width: 100%;
    height: 70px;
    background-color: #58c3ba;
    
}

.tiporeferentes {
    width: 100%;
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #fff;
     }

.referentessegundo { 
    width: 98%;
    min-height: 400px;
    float: left;
    padding-top: 1px;
    padding-left: 21px
    
}

.varsky {
    width: 30%;
      min-height: 450px;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #fff;
    float: left;
    text-align: center;
     }

.fotolauravarsky { 
    width: 100%;
    min-height: 200px;
    margin-bottom: 10px;
    float: left;
    background-image: url(images/lauravasrsky.png);
    }

.nombrelaura {
    width: 100%;
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    padding-top: 40px;
    font-size: 0.5em;
    color: #282563;
    text-align: center;
     }

.linealaura {
    width: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 0.3em;
    color: #282563;
    text-align: center;
     }

.textolaura {
    margin-top: 2px;
    font-family: "Oswald", sans-serif;
    font-size: 0.3em;
    color: #282563;
    text-align: left;
     }

.paginalaura {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 0.4em;
    color: #7e00ad;
    text-align: center;
     }

.pintos {
    width: 30%;
    min-height: 450px;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #fff;
    margin-left: 27px;
    text-align: center;
    float: inherit;
     }

.paginapintos {
    margin-top: 60px;
    font-family: "Oswald", sans-serif;
    font-size: 0.4em;
    color: #e312a4;
    text-align: center;
     }

.fotopintos { 
    width: 100%;
    min-height: 200px;
    margin-bottom: 10px;
    float: left;
    background-image: url(images/pintos.png);
    }

.fotopellizo { 
    width: 100%;
    min-height: 200px;
    margin-bottom: 10px;
    float: left;
    background-image: url(images/pellizo.png);
    }

.paginapellizo {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 0.4em;
    color: #ed0037;
    text-align: center;
     }


.fotopanco { 
    width: 100%;
    min-height: 200px;
    margin-bottom: 10px;
    float: left;
    background-image: url(images/panco.png);
    }

.paginapanco {
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 0.4em;
    color: #ed8800;
    text-align: center;
     }


.fotobetty { 
    width: 100%;
    min-height: 200px;
    margin-bottom: 10px;
    float: left;
    background-image: url(images/bettu.png); 
    background-repeat: no-repeat;
    }

.paginabetty {
    margin-top: 80px;
    font-family: "Oswald", sans-serif;
    font-size: 0.4em;
    color: #29a743;
    text-align: center;
     }

.fotomarce { 
    width: 100%;
    min-height: 200px;
    margin-bottom: 10px;
    float: left;
    background-image: url(images/marce.png);
    background-repeat: no-repeat;
    
    }

.paginamarce {
    margin-top: 60px;
    font-family: "Oswald", sans-serif;
    font-size: 0.4em;
    color: #0071ad;
    text-align: center;
     }



/*fin referentes*/

/*vasrsky*/

.violetaferentes { 
    width: 100%;
    height: 70px;
    background-color: #773594;
    
}


.encabezadovarsky { 
    width: 100%;
    min-height: 400px;
    float: left;
    padding-top: 1px;
}

.remeravarsky { 
    width: 100%;
    min-height: 381px;
    background-image: url(images/remera.png);
    background-repeat: no-repeat;
    float: right;
       
}


.nombrelau {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 0px;
    float: right;
    padding-right: 50px;
    font-size: 0.9em;
    color: #282563;
    text-align: right;
     }

.lineavarsky {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 0px;
    float: right;
    padding-right: 100px;
    font-size: 2em;
    color: #773594;
    text-align: right;
     }

.varskynom {
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    float: center;
    color: #773594;
    padding-top:100px;
    padding-left: 20px;
     }

.skun {
    width: 22%;
    height: 50px;
    color: #fff;
    float: right;
    margin-top: 10px;
    background-image: url(images/skunkfunk_logo-converted%20copy.png);
    background-repeat: no-repeat;
     }

.textomedio  { 
    width: 100%;
    float: left;
    
}

.tambienropa {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 50px;
    font-size: 1.4em;
    color: #773594;
    text-align: center;
     }

.presentar {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 20px;
    font-size: 1em;
    color: #773594;
    text-align: center;
     }



.fotosunovarsky { 
    width: 100%;
    height: 300px;
    float: left;
}

.fotosdosvarsky{ 
    width: 100%;
    height: 320px;
    float: left;
  
}

.Aremeras { 
    width: 30%;
    height: 250px;
    float: left;
    margin-left: 7px;
    background-image: url(images/Aremeras.png);
    background-repeat: no-repeat;
}

.Bremeras { 
    width: 35%;
    height: 250px;
    float: left;
    margin-left: 2px;
    background-image: url(images/Bremeras.png);
    background-repeat: no-repeat;
}

.Cremeras { 
    width: 30%;
    height: 250px;
    float: left;
    margin-left: 2px;
    background-image: url(images/Cremeras.png);
    background-repeat: no-repeat;
}

.Dremeras { 
    width: 30%;
    height: 250px;
    float: left;
    margin-left: 8px;
    background-image: url(images/Dremeras.png);
    background-repeat: no-repeat;
}

.Eremeras { 
    width: 33%;
    height: 250px;
    float: left;
    margin-left: 57px;
    background-image: url(images/Eremeras.png);
    background-repeat: no-repeat;
}

.Fremeras { 
    width: 31%;
    height: 250px;
    float: left;
    margin-left: 2px;
    background-image: url(images/Fremeras.png);
    background-repeat: no-repeat;
}


.textoabajo { 
    width: 100%;
    float: left;
    
}

.otrostrabajos {
    width: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 1.4em;
    color: #773594;
    text-align: center;
    margin-top: 40px;
     }

.Achico { 
    width: 24%;
    height: 250px;
    float: left;
    margin-left: 7px;
    margin-top: 30px;
    background-image: url(images/achico.png);
    background-repeat: no-repeat;
}

.Bchico { 
    width: 24%;
    height: 250px;
    float: left;
    margin-left: 7px;
    margin-top: 30px;
    background-image: url(images/Bchico.png);
    background-repeat: no-repeat;
}

.Cchico { 
    width: 24%;
    height: 250px;
    float: left;
    margin-left: 7px;
    margin-top: 30px;
    background-image: url(images/Cchico.png);
    background-repeat: no-repeat;
}

.Dchico { 
    width: 24%;
    height: 250px;
    float: left;
    margin-left: 7px;
    margin-top: 30px;
    background-image: url(images/Dchico.png);
    background-repeat: no-repeat;
}

.Echico { 
    width: 24%;
    height: 250px;
    float: left;
    margin-left: 7px;
    margin-top: 7px;
    background-image: url(images/Echico.png);
    background-repeat: no-repeat;
}

.Fchico { 
    width: 24%;
    height: 250px;
    float: left;
    margin-left: 7px;
    margin-top: 7px;
    background-image: url(images/Fchico.png);
    background-repeat: no-repeat;
}

.Gchico { 
    width: 24%;
    height: 250px;
    float: left;
    margin-left: 7px;
    margin-top: 7px;
    background-image: url(images/Gchico.png);
    background-repeat: no-repeat;
}

.Hchico { 
    width: 24%;
    height: 250px;
    float: left;
    margin-left: 7px;
    margin-top: 7px;
    background-image: url(images/Hchico.png);
    background-repeat: no-repeat;
}

hr2 { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 2px;
    border-color: #773594;
}

/*fin vasrsky*/


/*car pintos*/


.rosaferentes { 
    width: 100%;
    height: 70px;
    background-color: #d33493;
    
}

.pintospajaro { 
    width: 100%;
    min-height: 381px;
    background-image: url(images/pintospajaro.png);
    background-repeat: no-repeat;
    float: right;
       
}

.pintosnom {
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    float: center;
    color: #d33493;
    padding-top:100px;
    padding-left: 20px;
     }

.zarfirologia {
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    float: center;
    color: #d33493;
    padding-top:100px;
    padding-left: 20px;
     }

.enletras {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 50px;
    font-size: 1.4em;
    color: #d33493;
    text-align: center;
     }

.veamos {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 20px;
    font-size: 1em;
    color: #d33493;
    text-align: center;
     }

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 2px;
    border-color: #d33493;
}

.fotosunopintos { 
    width: 100%;
    height: 320px;
    float: left;
    margin-left: 30px;
}

.aveamos { 
    width: 34%;
    height: 250px;
    float: left;
    background-image: url(images/Aveamos.png);
    background-repeat: no-repeat;
}

.bveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/Bveamos.png);
     background-repeat: no-repeat;
}

.cveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/Cveamos.png);
     background-repeat: no-repeat;
}

.baño {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 20px;
    font-size: 1.4em;
    color: #d33493;
    text-align: center;
     }

.lineabaño {
    width: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 1.4em;
    color: #d33493;
    text-align: right;
     }

.dveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/Dveamos.png);
     background-repeat: no-repeat;
}

.eveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/Eveamos.png);
     background-repeat: no-repeat;
}

.fveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/Fveamos.png);
     background-repeat: no-repeat;
}

.proyectobaño { 
    width: 100%;
    height: 320px;
    float: left;
    margin-left: 30px;
}

.proyectorestaurante { 
    width: 100%;
    height: 320px;
    float: left;
    margin-left: 30px;
}

.distintosproyectos { 
    width: 100%;
    height: 320px;
    float: left;
    margin-left: 30px;
}


.restaurante {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 40px;
    font-size: 1.4em;
    color: #d33493;
    text-align: center;
     }

.gveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/Gveamos.png);
     background-repeat: no-repeat;
}

.hveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/Hveamos.png);
     background-repeat: no-repeat;
}

.iveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/Iveamos.png);
     background-repeat: no-repeat;
}


.distintosproyectos { 
    width: 100%;
    height: 370px;
    float: left;
}

.afichestipograficos {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 40px;
    font-size: 1.4em;
    color: #d33493;
    text-align: center;
     }

.jveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/jveamos.png);
     background-repeat: no-repeat;
}

.kveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/kveamos.png);
     background-repeat: no-repeat;
}


.lveamos { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/lveamos.png);
     background-repeat: no-repeat;
}


/*fin car pintos*/

/*marcelo zamora*/


.verdeferentes { 
    width: 100%;
    height: 70px;
    background-color: #34d3b4;
    
}

.zamoradragon { 
    width: 100%;
    min-height: 381px;
    background-image: url(images/zamora.jpg);
    background-size: 100%;
       
}

.zamoranom {
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    float: center;
    color: #a0f4de;
    padding-top:100px;
    padding-left: 20px;
     }

.zarfirologia {
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    float: center;
    color: #d33493;
    padding-top:100px;
    padding-left: 20px;
     }

.endigital {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 50px;
    font-size: 1.4em;
    color: #30ba90;
    text-align: center;
     }

.veamo {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 20px;
    font-size: 1em;
    color:#30ba90;
    text-align: center;
     }

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 2px;
    border-color: #30ba90;
}

.fotosunopintos { 
    width: 100%;
    height: 320px;
    float: left;
    margin-left: 30px;
}

.aveamo { 
    width: 34%;
    height: 250px;
    float: left;
    background-image: url(images/zamora4.jpg);
    background-size: 100%;
}

.bveamo { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/zamora6.jpg);
     background-size: 100%;
    background-repeat: no-repeat;
}

.cveamo { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/zamora5.jpg);
    background-size: 100%;
}

.bellaybestia {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 20px;
    font-size: 1.4em;
    color: #30ba90;
    text-align: center;
     }

.lineabaño {
    width: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 1.4em;
    color: #d33493;
    text-align: right;
     }

.dveamo { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/zamora7.jpg);
     background-repeat: no-repeat;
}

.eveamo { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/zamora8.jpg);
     background-repeat: no-repeat;
}

.fveamo { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/zamora9.jpg);
     background-repeat: no-repeat;
}

.proyectobaño { 
    width: 100%;
    height: 320px;
    float: left;
    margin-left: 30px;
}

.proyectorestaurante { 
    width: 100%;
    height: 320px;
    float: left;
    margin-left: 30px;
}

.distintosproyectos { 
    width: 100%;
    height: 320px;
    float: left;
    margin-left: 30px;
}


.artemisa {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 40px;
    font-size: 1.4em;
    color: #30ba90;
    text-align: center;
     }

.gveamo { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/zamora10.jpg);
    background-repeat: no-repeat;
}

.hveamo { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/zamora11.jpg);
     background-repeat: no-repeat;
}

.iveamo { 
    width: 33%;
    height: 250px;
    float: left;
    background-image: url(images/zamora12.jpg);
     background-repeat: no-repeat;
}


.distintosproyectos { 
    width: 100%;
    height: 370px;
    float: left;
}

.gatoconbotas {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 40px;
    font-size: 1.4em;
    color: #30ba90;
    text-align: center;
     }

.jveamo { 
    width: 100%;
    height: 250px;
    float: left;
    background-image: url(images/zamora13.jpg);
     background-repeat: no-repeat;
    background-size: 100%;
}



/*fin marcelo zamora*/

/*agenda*/




.blancoreferentes{ 
    width: 100%;
    height: 70px;
    margin-top: 50px;
   border-top-style: solid;
   border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
    
}


.tipoagenda {
    width: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #000;
     }


.lobos { 
    width: 100%;
    min-height: 381px;
    margin-top: 30px;
    background-image: url(images/lobos.png);
    background-repeat: no-repeat;
    float: right;
    border-top-style: solid;
   border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
       
}

.nombremuestras { 
    width: 100%;
    height: 320px;
}

.charlaabierta {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 50px;
    font-size: 6em;
    color: #ed1c25;
    text-align: center;
     }

.antonioventura {
    width: 50%;
    font-family: "Oswald", sans-serif;
    font-size: 1em;
    color: #000;
    text-align: center;
    margin-left: 270px;
    
 }

.teoricas {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 50px;
    font-size: 6em;
    color: #263b91;
    text-align: center;
     }

.nombreteoricas { 
    width: 100%;
    height: 320px;
}

.flormano { 
    width: 100%;
    min-height: 381px;
    margin-top: 30px;
    background-image: url(images/flores.jpg);
    background-repeat: no-repeat;
    float: right;
    border-top-style: solid;
   border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
       
}

.muestras {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 50px;
    font-size: 6em;
    color: #000;
    text-align: center;
     }

.nombremuestras { 
    width: 100%;
    height: 320px;
}


.fotomuestras { 
    width: 100%;
    min-height: 381px;
    margin-top: 30px;
    background-image: url(images/MUESTRAS.jpg);
    background-repeat: no-repeat;
    float: right;
    border-top-style: solid;
   border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
       
}

.noticiasmuestras { 
    width: 100%;
    min-height: 200px;
    margin-top: 30px;
    float: right;
}

.noticiasuno {
    width: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 1.6em;
    color: #000;
    text-align: left;
     }


.dia {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 20px;
    font-size: 1.6em;
    color: #000;
    text-align: left;
     }

hr3 { 
    width: 100%;
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 2px;
    border-color: #000;
}





.vermas {
    width: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 1em;
    padding-top: 10px;
    color: #000;
    text-align: left;
     }

.noticias21  { 
    width: 25%;
    min-height: 250px;
    margin-left: 20px;
    margin-top: 30px;
    float: left;
}

.noticias27  { 
    width: 25%;
    margin-left: 100px;
    min-height: 200px;
    margin-top: 30px;
    float: left;
}


.textonoticia {
    width: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 1em;
    color: #000;
    text-align: left;
    
    
 }

.dia27 {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 55px;
    font-size: 1.6em;
    color: #000;
    text-align: left;
     }

.textonoticiasdos {
    width: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 1em;
    color: #000;
    text-align: left;
    
    
 }

.noticias24  { 
    width: 25%;
    margin-left: 100px;
    min-height:200px;
    margin-top: 30px;
    float: left;
}

/*fin agenda*/


/*muestras*/

.negromuestra{ 
    width: 100%;
    height: 70px;
    background-color: #000;
    
}

.tipomuestras {
    width: 100%;
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #fff;
     }


.moustrouno { 
    width: 40%;
    margin-left: 50px;
    padding-top: 10px;
    min-height: 1500px;
    float: left;
}

.hablar { 
    width: 100%;
    min-height: 210px;
    background-image: url(images/hablar.png);
}

.tepresentamos {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 40px;
    font-size: 2em;
    color: #000;
    text-align: center;
     }

.fotomoustrouno { 
    width: 100%;
    min-height: 380px;
    background-image: url(images/moustrouno.png);
     background-repeat: no-repeat;
}

.amuestra { 
    width: 100%;
    min-height: 500px;
    background-image: url(images/Amuestra.png);
     background-repeat: no-repeat;
}


.bmuestra { 
    width: 100%;
    min-height: 500px;
    background-image: url(images/bmuestra.png);
     background-repeat: no-repeat;
        
}

.cmuestra { 
    width: 100%;
    min-height: 500px;
    background-image: url(images/cmuestra.png);
     background-repeat: no-repeat;
     
}

.moustrodoss { 
    width: 40%;
    margin-left: 100px;
    min-height: 1500px;
    float: right;
}

.fotomoustrodos { 
    width: 100%;
    min-height: 500px;
    background-image: url(images/moustrodos.png);
     background-repeat: no-repeat;
}

.dmuestra { 
    width: 100%;
    min-height: 500px;
    background-image: url(images/dmuestra.png);
     background-repeat: no-repeat;
     
}

.emuestra { 
    width: 100%;
    min-height: 500px;
    background-image: url(images/emuestra.png);
     background-repeat: no-repeat;
     
}

.fmuestra { 
    width: 100%;
    min-height: 500px;
    background-image: url(images/fmuestra.png);
     background-repeat: no-repeat;
     
}


.textoabajomoustro {
    width: 100%;
    font-family: "Oswald", sans-serif;
    padding-top: 30px;
    font-size: 1em;
    color: #000;
    text-align: left;
 }   
    

/*fin muestras*/

/*roldan*/

.roldannn { 
    width: 100%;
    height:500px;
    background-image: url(images/ROLDANS.png);
    background-repeat: no-repeat;
    float: left;
    
    
    
}

.rayaceleste { 
    width: 100%;
    height: 150px;
    background-color:  rgba(38, 142, 180, 0.84);
    background-repeat: no-repeat;
    position: relative;
    margin-top: 290px;
    
}

.roldannombres {
    width: 50%;
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 5em;
    color: #fff;
    margin-left: 340px;
     }


.izquierdaroldann { 
    width: 50%;
    min-height: 700px;
    float: left;
     
}

.jefedecatdra {
    width:60%;
    margin-top: 40px;
    font-family: "Oswald", sans-serif;
    font-size: 3em;
    color: #282563;
    margin-left: 70px;
     }

.aroldan {
    width:100%;
    height: 400px;
   background-image: url(images/aroldan.png);
    background-repeat: no-repeat;
     }

.broldan {
    width:25%;
    height: 1000px;
   background-image: url(images/broldan.png);
    background-repeat: no-repeat;
    float: left;
     }

.ccroldan {
    width:75%;
    height: 620px;
   background-image: url(images/croldan.png);
    background-repeat: no-repeat;
    float: right;
     }

.droldan {
    width:75%;
    height: 300px;
   background-image: url(images/droldan.png);
    background-repeat: no-repeat;
    float: right;
     }

.derecharoldann { 
    width: 50%;
    min-height: 700px;
    float: left;
     
}

.eroldan {
    width:100%;
    height: 420px;
    margin-top: 50px;
   background-image: url(images/eroldan.png);
    background-repeat: no-repeat;
    
     }

.froldan {
    width:100%;
    height: 420px;
   background-image: url(images/froldan.png);
    background-repeat: no-repeat;
    
     }

.textoroldi {
    width: 100%;
    font-family: "Oswald", sans-serif;
    font-size: 1em;
    padding-top: 30px;
    color: #282563;
    text-align: left;
    }

.groldan {
    width:100%;
    height: 420px;
    margin-top: 10px;
   background-image: url(images/groldan.png);
    background-repeat: no-repeat;
    
     }








/*fin roldan*/










@media only screen and (max-width:768px){
    
     nav {   
        height: auto;}  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto; }  
    nav li {  
        width: 50%;  
        float: left;  
        position: relative;}  
    nav li a {  
        border-bottom: 1px solid #576979;  
        border-right: 1px solid #576979;}  
    nav a {  
        text-align: left; width: 100%; text-indent: 25px;}  
    .primero { width: 100%; margin-top: 0px;}
    .inscripcion {min-width: 100%;
                 height: 10%;
                  margin-top: 0px;}
    .segundo {height: 50%;
              width:100%;  }
    .clases {height: 100%;
             width:100%;
             margin-top: 0px; }
    .cuadradocat {float: left;
        width: 90% }
    aside {width:100%;}
    .catedra {width: 100%;}
    .docentes {width: 100%;}
    .referentes {width: 100%;}
    .alumnos {min-width: 100%;
    float: left;}
    .cosas {
        width: 100%;}
    
    .pasos {
        width: 100%;}
.navsecu {width: 100%;} 
.tipoalumno{font-size: 2.5em;}    
    
    .pass {width: 100%;}
    
    .logoilus  {width: 40%;
                   height: 100px;
                   margin-top: 20px;}
        footer {width: 100%;
        height: 200px;}
    .contenidos {width: 80%;}
    
          .azul {width: 100%;}
          .violeta {width: 100%;}
          .verde {width: 100%;}
          .verdes {width: 100%;}
        .fuccia {width: 100%;}
        .fuccia2 {width: 100%;} 
        .amarillo {width: 100%;}
        .amarillos {width: 100%;}
        .naranja {width: 100%;}
        .naranjas {width: 100%;}
        .rojo {width: 100%;}
        .rojos {width: 100%;}
        .celeste {width: 100%;}
        .celestes {width: 100%;}

        .gale {
        font-size: 3em; padding-top: 40px;}


        .tallerfoto {width: 100%;
        height: 200px;
        position: absolute;
        margin-top: 30px;
        float: left;}



        .dos {
        min-height:120px;
        width: 50%;
        font-size: 3em;
            padding-top: 80px;
            margin-top: 30px;
            float: left;
        }
        .imagentaller {width: 100%;
        float: left; 
        height: 400px;   
        margin-top:10px;
        }
        .imagentps{width: 100%;margin-top: 10px;
        }
        .chevron{background-image: url(images/pink-and-white-chevron1.jpg);
            width: 100%;
            height: 70px;
            float: left;
            margin-top: 50px;
            font-family:'Open Sans Condensed', sans-serif; 
            color: #000;
            font-size: 3em; 
            text-align: center; 
            padding-top: 0px;}

        .tallerfoto {width: 100%;
        height: 200px;
        position: absolute;}
        .fotodos{
            min-height: 200px; 
            background-position: right top;
            width: 100%;
            float: left;
        }
        .imagetp { width: 50%;
            height: 200px;
            float: left;
        }
        .imagentp{width: 100%;
            height: 200px;
            float: left;
        }
        .fotocuatro {width: 100%; margin-top: 50px; float: left;}

        .siete{width: 100%; height: 200px; ;float: left;background-image: url(images/01_PazGonzalez22.jpg);}

        .evento {text-align: center;
            font-family: 'Yanone Kaffeesatz', sans-serif; 
        font-size: 4em;
        padding-top: 70px;background-color: rgba(204, 185, 37, 0.84); height: 130px;}

        .ocho {width: 100%; background-image: url(images/TMDG.jpg); height: 200px; float: left;}

        .nueve{width: 100%; background-image: url(images/trimarchidg_2012_109.jpeg);height: 200px; float: left;}

        .diez{width: 100%; background-image: url(images/trimarchidg_2012_111.jpeg);height: 200px; float: left;}


        .abajorosa {width: 100%;}


        .text {min-height: 600px;}

        }

@media only screen and (max-width : 480px) {  
    nav {  
        border-bottom: 0;  
    }  
    nav ul {  
        display: none;  
        height: auto;  
    }  
    nav a#pull {  
        display: block;  
        background-color: #282762;  
        width: 100%;  
        position: relative;  
    }  
    nav a#pull:after {  
        content:"";  
        background: url('nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }  
    .tipoalumno{font-size: 1.5em;} 
    .yasoytitulo {font-size: 1.5em;}
    .yasoytexto {font-size: 0.9em;}
}  








@media only screen and (max-width : 320px) {  
    
    .logoilus {height: 60%;
        width: 60%;
    }
    nav li {  
        display: block;  
        float: none;  
        width: 100%;  
    }  
    nav li a {  
        border-bottom: 1px solid #576979;  
    }  
    
}
    .primero {width: 100%;
              height: 50%;}
    .inscripcion {width:100%;
                 height: 50%;}
    .segundo {height: 30%; }
    .cuadradocat {float: inherit;
        width: 79% }
    .aside {width:100%;
            height: 5%;}
     .insc {font-size: 2em;}
     .anotate {font-size: 1.5em;}
        .doc {font-size: 2em;}
        .conoce {font-size: 1.5em;}
        .cat {font-size: 2em;}
        .puntos{font-size: 1.5em;}
        .ref {font-size: 2em;}
        .alum {font-size: 2em;}
        .c {font-size: 2em;}
        .mirar {font-size:1.5em;}
        .segui {font-size: 1.5em;}
        .dani {font-size: 200%;
        margin-left: -15px;}
        .jefe {font-size: 200%;
        margin-left: -15px;}
        .paginaroldan {font-size: 70%;
        margin-left: -30px;}
        .flo {font-size: 200%;
        margin-left: -15px;}
        .jtp {font-size: 200%;
        margin-left: -15px;}
        .paginaflor {font-size: 60%;
        margin-left: -30px;}
        .ali {font-size: 200%;
        margin-left: -45px;}.
        .paginaalina {font-size: 50%;
        margin-left: -0px;}
        .marco {font-size: 200%;
        margin-left: -45px;}
        .docente {font-size: 200%;
        margin-left: 20px;}
        .paginamarcos {font-size: 70%;
        margin-left: -40px;}
        .tin {font-size: 200%;}
        .paginamartin {font-size: 80%;
        margin-left: -40px;}
        .clari {font-size: 190%;}
        .paginaclari {font-size: 80%;
        margin-left: -50px;}
        .gasta {font-size: 200%;}
        .paginagaston  {font-size: 90%;
        margin-left: -40px;}
        .kantor {font-size: 200%;}
        .paginakantor {font-size: 90%;
        margin-left: -50px;}
        .villa {font-size: 200%;
        margin-left: -20px;}
        .paginajose {font-size: 30%;
        margin-left: -30px;}
        .san {font-size: 200%;
           margin-left: -20px;}
        .paginaana {font-size: 70%;
        margin-left: -40px;}
        .moreno {font-size: 200%;
           margin-left: -30px;}
        .paginapupe {font-size: 80%;
        margin-left: -50px;}
        .bid {font-size: 200%;
           margin-left: 20px;}
        .paginavero {font-size: 60%;
        margin-left: -20px;}
        .oliver {font-size: 200%;
           margin-left: -30px;}
        .paginapatricio {font-size: 80%;
        margin-left: -30px;}
        
        
    }