body {
    background-color: #FCDFAC;
    max-width: 60em;
    margin: auto;
    width: 90%;
    padding: 0em;
    font-size: 16px;
    list-style: none;
}


p {
   font-family: 'Fira Sans', sans-serif;
    color: #575756;
}

h1,h2,h3,h4 {
    font-family: 'signika';
}

h1 {
    font-size: 3em;
    margin-top: 0
}

h2 {
    font-size: 2em;
    color: #E2195B;
   
}

h3 {
    font-size: 1.5em;
    color: #82c7af;
}

h4 {
font-size: 1.2em;
    color: #82c7af;
    margin-top: 0;
    font-style: italic
}

a {
    font-family: 'fira sans';
    color: #E7393A;
    text-decoration: none;
}

a:hover {
font-weight: 700;}


img {
    max-width: 100%;
    height: auto;
}

ul {
    list-style: none;
    margin: 0
}

ol {
    font-family: 'fira sans';
    color: #575756;
    margin: 0;
    padding: 0;
    list-style-position: inside;
    list-style:

}

article {
    margin: 0;
    padding: 0
}





/*nav*/
/*ESTILO PARA EL MENU DESPLEGABLE     //////////////////   */
.menu {
    max-width: 60em;
    padding:0;
    margin: 0;
    overflow: hidden;
    background-color: #1B818D;
    color: #faf2de;
    font-family: 'fira sans' sans-serif;
}
.menu li {
    float: left;
    width: 16.6%;
    text-align: center;
    padding: 1em 0;
}
.menu li:hover {
    transition: 0.3s;
    color: #000;
    font-weight: 700
}
.menu li ul {
    padding: 0;
    display: none;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    position: absolute;
}
.menu li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
    position: absolute ;
    top:7.5em;
    background-color: inherit;
    width: 11.15%
}
.menu a{
    color:#faf2de;
}
#inicio{
    background-color: #E7393A;
    height: 5.5em;
}
#lacatedra{
    background-color: #EE7237;
    height: 5.5em;
}
#galeria{
    background-color: #A7CE88;
    height: 5.5em;
}
#alumnos{
    background-color: #48B595;
    height: 5.5em;
}

#contacto{
    background-color: #69AEA8;
    height: 5.5em;
}
#fadu{
    background-color: #1B818D;
    height: 5.5em;
}
#fadu p{
    font-size: 10pt;
    color:#faf2de;
    margin: 0
    
}
.menu li ul li {
    float: none;
    width: 100%
}
.menu li ul li:hover {
    background-color: #E7393A;
}

.menu img {
    max-width: 3.5em;
    max-height: auto;
}

.migadepan {
    margin-top: 1em;
    margin-bottom: 4em;
    color: #d02954;
    font-size: 75%
}
/*fin ESTILO PARA EL MENU DESPLEGABLE     //////////////////   */


/*ESTILO PARA EL MENU MOBILE*/
@media all and  (min-width:768px){
.menumob{
    display: none;
}
    
#container{
    display: none;
}
.roldandice img{
    display: none;
}    
}
.menumob {
    list-style: none;
    max-width: 768px;
    padding:0;
    margin: 0;
    overflow: hidden;
    background-color: #1B818D;
    color: #faf2de;
    font-family: 'fira sans' sans-serif;
}
.menumob li {
    float: left;
    width: 16.6%;
    text-align: center;
    padding: 1em 0;
}
.menumob li:hover {
    transition: 0.3s;
    color: #000;
    font-weight: 700;
}
.menumob li ul {
    padding: 0;
    display: none;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    position: absolute;
}
.menumob li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
    background-color: inherit;
    width: 15%;
    margin-top: 1em
}
.menumob a{
    color:#faf2de;
    font-size: 9pt;
}
#iniciomob{
    background-color: #E7393A;
}
#lacatedramob{
    background-color: #EE7237;
}
#galeriamob{
    background-color: #A7CE88;
}
#alumnosmob{
    background-color: #48B595;
}

#contactomob{
    background-color: #69AEA8;
}
#fadumob{
    background-color: #1B818D;
    height: 2.9em;
    
}
#fadumob p{
    font-size: 10pt;
    color:#faf2de;
    margin-top: auto;
    
}
.menumob li ul li {
    float: none;
    width: 100%
}
.menumob li ul li:hover {
    background-color: #E7393A;
}

.menumob img {
    max-width: 3.5em;
    max-height: auto;
}




                
               

/*ESTILO PARA EL INDEX 66666666666666666666666666666666666666666666666666666666666666666666*/
@media all and (min-width:320px) {
/*SECCION 1 ROLDAN DICE*/
.intro {
    background-color: #FCDFAC;   
}
.logodice {
    max-width: 60em;
    overflow: hidden;
    margin: auto;
}
.sumacreditos {
    text-align: center;
    margin-top: 2em;
}
.sumacreditos img{
    width: 100%;
}
/*SECCION 2 CUANDO Y DONDE BIENV DOCENTES*/
.cuandoydonde {
    margin-top: 15%;  
    text-align: center
}
.cuandoydonde p span{
    font-weight: 600;
    color: #EE7237;
}
.ilustradores{
    background-image: url(img/pincel.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-bottom: 22%
}
.ilustradores a{
    float: right
}
.bienvenidos2015 {
    text-align: center
}
/*SECCION 3 GALERIA*/
.secciongaleria {
    padding: 2em 0em;
    overflow: hidden
}
.titulogaleria{
    width: 100%;
}
/*SECCION 4 trabajos del taller */
.seccion3 {
 background-color: #FAD483;
}
.secciontps {
    overflow: hidden;
}
.infotrabajos {
    background-image: url(tps/banco.svg);
    background-repeat: no-repeat;
    background-position: top right;
}
.tps {
    text-align: center
}
.proxclase h2{
    color: #EE7237;
}
.proxclase p{
    font-weight: 300;
}
.proxclase span{
    font-style: italic;
    font-size: 90%;
}   
}
@media all and (min-width:768px) {
/*SECCION 1 ROLDAN DICE*/
.roldandice {
    background-image: url(img/logobienvenida.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 28em;
}
.roldandice img{
    display: none
}
.proldandice{
    width: 40%;
    margin: auto;
    position: relative;
    top: 20em;
}
.proldandice p {
    font-weight: 300;
}
/*SECCION 2 CUANDO Y DONDE BIENV DOCENTES*/

.ilustradores {
    padding-bottom: 12%
}
#slides{
    width: 100%;
    margin: auto;
}
#slides img{
    width: 160%;
}
.titulogaleria {
    width: 100%
}
/*SECCION 4 trabajoS PRACTICOS*/
   
}
@media all and (min-width:768px) and (max-width:1023px) {
#conoceilustra {
    width: 80%;
    margin: 1% 10%
}
.tps a {
    display: block
}    
 #botonestps {
    float: right
 }
#botonestps img {
    margin: 13% 0
}     
}
@media all and (min-width:1024px) {
/*SECCION 1 ROLDAN DICE*/
.proldandice{
    float: right;
    overflow: hidden;
    width: 36%;
    margin-top: 2em;
    font-weight: 300;
    position: inherit
}
.proldandice a {
    float: right;
    font-weight: 600;
}
/*SECCION 2 CUANDO Y DONDE BIENV DOCENTES*/

.ilustradores p{
    font-weight: 300;
}
    
.linkdocentes{
   text-align: right; 
}
.trianguloarriba {
    border-bottom: 3em solid #FAD483;;
    border-left: 60em solid transparent;
    border-right: 0 solid transparent;
}
.trianguloabajo {
    background-color: #fff1c9;
    border-top: 3em solid #FAD483;;
    border-left: 0em solid transparent;
    border-right: 60em solid transparent;
} 
}




/*SECCION 3 GALERIA*/




/*estilos de slider 5555555555555555555555555555555 */
#slides {
        width:100%;
        height:100%;
}
/*
#slides img{
    width: 215%;
}
*/
#slides .slidesjs-navigation {
    margin-top:0px;
}


    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:none;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
      display: none;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
        display: none;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
        
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
        display: none;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
        display: none;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.svg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px;
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
  #slides a:active {
      color: #9e2020
    }
    .navbar {
      overflow: hidden
    }

















/*FOOTER-------------------------------------------------------------------*/
/*FOOTER para MOVIL +++++++++++++++*/
@media all and (min-width:320px){
footer {
    background-color: #fff1c9;
}
.footnav ul {
    padding: 1em;
}
.footnav ul li a {
    color: #E7393A;
}
.footp {
    display: none
}
.footfooter {
    background-color: #1B818D;
    margin: auto;
    overflow: hidden
}
.legales img{
    width: 60%;
    margin-left: 20%
}
.legales p {
    display: none
}
.social {
    text-align: center;
    position: relative;
    top: -2em
}
.social img{
    margin: 0 4%;
}
}
/*FOOTER para MOVIL +++++++++++++++*/
/*FOOTER para TABLET ******************************/
@media all and (min-width:768px) {
.footnav ul {
    padding: 0em;
    text-align: center
} 
.footnav ul li {
    display: inline-block;
    padding: 0.8em 1em
}
.footnav a{
    color:#EA5146;
}
.footp {
    display: block;
    max-width: 50em;
    margin: auto
} 
.footp p {
    color: #ee7066
}    
.legales {
    width: 70%;
    overflow: hidden;
    float: left;
}
.legales img {
    width: 20%;
    margin: 0 5%;
    float: left;
    
}
.legales p {
    display: block;
    float: left;
    width: 70%;
    margin: 5% 0;
    color: #faf2de
}
.social {
    text-align: center;
    float: left;
    width: 30%;
    position: inherit
}
.social img{
    margin: 0 4%;
}    
}
/*FOOTER para TABLET ******************************/
/*FOOTER para DESKTOP xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*FOOTER para DESKTOP xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*fin de FOOTER-------------------------------------------------------------*/





/*estilos para celular*/
@media all and  (max-width:768px) {

/*header*/
.menu li{
    display: none;
}
.fadu {
   display: none;
}


#slides{
   width: 100%;
    margin: auto;
}
}
 


    
    
/*ESTILOS DE GALERIA*/

/*titulo*/
.fondoreglas{
    background-image: url(tps/reglas_galeria.svg);
    height: 17em;
}
.fondolapiz{
    background-image: url(tps/lapicero_galeria.svg);
    height: 17em;
}
.fondolapiztp2{
    background-image: url(tps/lapices_galeria.svg);
    height: 17em;
}
.fondolapiztp1{
    background-image: url(tps/pinceles_galeria.svg);
    height: 17.5em;
}
.fondolapizclases{
    background-image: url(tps/bancos_galeria.svg);
    height: 17.5em;
}
.trabajos {
    float: none;
    margin-top: -15em;
    background-color: #414650;
    width: 100%;
    height: 10em;
}
.trabajostp2 {
    float: none;
    margin-top: -15em;
    background-color: #A7CE88;
    width: 100%;
    height: 10em;
    
}

.trabajos h1{
    font-size: 20pt;
    color:#7C9965;
    margin-top: -10%;
    margin-left: 5%;
    width: 30%;
    
}
.trabajos img{
    width: 10%;
    margin-top: 0%;
    
}
.trabajos ul{
    width: 50%;
    float: right;
    margin-right: 3%;
}
.trabajos p{
    background-image: url(tps/linea_galeria.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    padding-left: 4%;
    float: right;
    width: 100%;
    color:#fff2ca;
    margin-top:7%;
}



#tp1destacados{
   background-color: #7C9965; 
    height: 19em;
    
}
.tp1destacados {
    width: 25%;
    float: left;
    
}
.tp1destacados ul{
    width: 90%;
    border: dashed 0.16em #FFE9C3;
    color: #FFE9C3;
    font-family: 'Fira Sans';
    
}
.tp1destacados h3{
    color:#FFE9C3;
    width: 90%;
    text-align: center;
    
}
.tp1destacados a{
    padding-left: 2.5em;
    
}
.fotostps img{
    width: 24%;
}
.fotostps{
    width:100%;
    padding-top: 1em;
   
}
#tp2destacados{
   background-color: #A7CE88; 
    height: 16em;
    
}

#tp3destacados{
   background-color: #7C9965; 
    height: 14em;
    
}

/*galeria tp3*/
.tp3 p{
    margin-top: 4em;
    font-size: 18pt;
    color: #7C9965;
    border-bottom: 0.16em dashed #7C9965;
}

ul.gamma-gallery{
    margin-top: 2em;
    background-color: #A7CE88;
    
}
.caro p{
    position: absolute;
    z-index: 1;
}

/*ESTILOS PARA CELULAR - GALERIA*/
@media all and  (max-width:768px) {
.trabajos h1{
    font-size: 27pt;
    margin-top: -20%
}   
.trabajos img{
    width: 20%;
}
.trabajos p{
    width: 120%;
    font-size: 80%;
    padding-left: 14%;
    margin-top: 25%;
} 
.trabajos{
    height: 17em;
}
img.linea{
    
    margin-left: -2%;
    margin-top: -20%;
    height: 8em;
}
}

/*estilos para tablet*/
@media all and  (max-width:1024px) {
img.linea{
    position: absolute;
    top: 42%;
    left: 0%;
    left: 0%;
}
}
    
    






/*ESTILOS DE LA CATEDRA*/
/*CATEDRA para MOVIL movil movil movil movil movil movil movil movil */
@media all and  (min-width:320px) {
.docentes{
    padding-top: 2em
}
.logoroldan {
    text-align: center;
    position: relative;
}    
.datoscatedra{
    width: 100%;
    margin: auto;
    border-bottom: 0.2em dashed #EE7237;
    padding-top: 2em
} 
.datoscatedra p{
    padding: 1em 0.4em;
    color:#EE7237;
    font-size: 90%;
}
span.italic{
    font-style: italic;
}
#metodologiatitulo {
    color: #EE7237
}    
.metodologia p{
    color: #EE7237;
}    
.links_ver {
    text-align: center;
    padding-top:3em;  
}
.links_ver a{
    font-size: 120%
}
.links_ver{
    margin-top: 2%;
}
.libro{
    background-image: url(tps/libro.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 15%;
}
.linkapuntes{
    background-image: url(tps/apuntes.svg);
    background-repeat: no-repeat;
    height:4em;
    margin-top: auto;
}
.linkgaleria{
    background-image: url(tps/galeria.svg);
    background-repeat: no-repeat;
    height: 4em;
}
}
/*fin de CATEDRA para MOVIL movil movil movil movil movil movil movi */
/*CATEDRA para TABLET tablet tablet tablet tablt  tablet tablet*/
@media all and (min-width:768px) {
.datoscatedra{
    width: 60%;
    margin: auto;
    border: 0.14em dashed #EE7237;
    padding-top: 0em
} 
.datoscatedra p{
    padding: 1em 0.4em;
    color:#EE7237;
}  
#metodologiali{
    border: dashed 0.16em #E7393A;
    margin-top: 1.3em;
}
.metodologia p{
   width: 95%;
}
.cuerpomasgrande{
    font-size: 1.8em;
    color: #E7393A;
    font-style: italic;
    width: 95%;
    margin: auto;
}
}
/*fin de CATEDRA para TABLET tablet tablet tablet tablt tablet*/
/*CATEDRA para DESKTOP desktop desktop desktop desktop desktop desktop desktop */
@media all and  (min-width:768px) {

}
/*fin de CATEDRA para DESKTOP desktop desktop desktop desktop deskktop desktop */

/*fin de ESTILOS DE LA CATEDRA*/











/*ESTILOS PARA DOCENTES*/

#docentes{
    
    height: 95em;
}
.tituloul{
    width: 50%;
    height: 10em;
    margin: auto;
    margin-top:3em;
    border: dashed 0.16em #EE7237;
}
p.titulo{
    width: 90%;
    text-align: center;
    font-weight: 300;
    font-size: 20pt;
    color: #e52620;
    margin: auto;
   
}
.titulo span{
    font-size: 47pt;
    line-height: 0.7;
}
.subtitulo{
    width: 80%;
    margin: auto;
}

.ilustraciones{
    margin: auto;
    width: 100%;
    height: 80%;
    
}
.ilustraciones p{
    width: 100%;
    margin: auto;
    text-align: center;
    
}

 
.gaston{
    background-image: url(tps/docentes/notaylapiz.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    color:#EE7237;
    height: 24.5em;
    padding-top: 5em;
    
}
.ilustraciones p{
    width: 50%;
    margin-left: 11%;
    margin-top: 14%;
    color:#EE7237;
}
.jose{
    background-image: url(tps/docentes/notaylapiz.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    color:#EE7237;
    height: 24.5em;
    
}
.martin{
    background-image: url(tps/docentes/notaylapiz.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    color:#EE7237;
    height: 24.5em;
    padding-top: 5em;    
}
.roldan{
    padding-top: 30%;
    color:#EE7237;
   
   
}
.diana{
    background-image: url(tps/docentes/notaypincel.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    color:#EE7237;
    height: 24.5em;
    padding-top: 22em;
    
}
.pupe{
    background-image: url(tps/docentes/notaypincel.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    color:#EE7237;
    height: 24.5em;
    padding-top: 30%;
    
    
    
    
}
.daniela{
    background-image: url(tps/docentes/notaypincel.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    color:#EE7237;
    height: 24.5em;
    padding-top: 18%;
    padding-top: 22em;
    
}
@media all and (max-width:768px){
.daniela, .pupe, .diana, .roldan,.gaston, .jose, .martin {
    padding-top: 0;
}
#docentes{
    height: 187em;
}
.tituloul{
    width: 80%;
    height: 6%;
    padding: 0;
}
p.titulo{
    padding: 0;
    width: 100%;
    font-size: 20pt;
}

}
 




/* ESTILOS PARA CONTACTO*/

#tijeras{
    background-image: url(tps/tijeras.svg);
    height: 16.2em;
}
#tijeras ul{
    background-color: #69AEA8;
    width: 20%;
    margin: auto;
    height: 100%;
}
#tijeras p{
    color: #508580;
    font-size: 25pt;
    margin:auto;
    width: 100%;
    
}
#tijeras img{
    margin-top: 2em;
}
#formulario{
    width: 50%;
    margin: auto;
}


.nombre{
    margin: auto;
    width: 100%;
    border: 0.2em dashed #69AEA8;
    background-color: #FCDFAC;
}

.enviar{
   background-color: #69AEA8;
    border: #69AEA8;
    font-family: 'Fira Sans';
    display: block;
    margin-left: 86%;
    width: 7em;
}
#formulario textarea{
    width: 100%;
    border: 0.2em dashed #69AEA8;
    background-color: #FCDFAC;
    height: 9em;
}
#formulario p{
    color: #508580;
}

.email{
    width: 50%;
    margin: auto;
}

.comentario{
    text-align: center;
    color: #69AEA8;
    
}
.email{
    text-align: center;
    color: #508580;
    
}

/*ESTILOS PARA CELULAR CONTACTO*/

@media all and  (max-width:768px) {
    
 #tijeras ul{
    width: 60%;
 
 }   
#formulario{
    width: 80%;
}
.enviar{
    float: right;
}
    
.email{
    width: 80%;
}
    
    
    
    
    
    
    
    
}

/* ESTILOS DE GRACIAS.HTML */

.agradecimiento {
    margin: auto;
    width: 50%;
    
}



/*ESTILOS PARA UNIDADES TEMATICAS*/
/*para movil---------------------------------------*/
@media all and  (min-width:320px) {
.fondoutematicas {
    max-width: 60em;
    background-color: #EE7237;
}  
.unidadnumeroimpar {
    background-color: #FCDFAC;
    border-bottom: .2em dashed #82c7af;
}
.unidadnumeropar {
    background-color: #faf2de;
    border-bottom: .2em dashed #82c7af;
}
.containeruts p {
    font-size: 85%;
    color: #3c3c3c
}
.unidadnumeropar,.unidadnumeroimpar a {
    color: #d02954
}
}
/*fin de movil --------------------------------------*/
/*para tablet ------------------------------------------------*/
@media all and (min-width:768px) {
.fondoutematicas {
    overflow: hidden;
}    
.containeruts {
    overflow: hidden;
    max-width: 58em
}    
    
.unidadnumeroimpar {
    height: 22em;
    border: .14em dashed #82c7af;
}
.unidadnumeropar {
    height: 22em;
    border: .14em dashed #82c7af;
}    
.logoutematicas {
    text-align: center;
    padding: 2em 0;
}   
}

/*fin de tablet ----------------------------------------------*/
/*para desktop--------------------------------------------------------------*/
@media all and (min-width:1024px) {
.containeruts {
    overflow: hidden;
    margin: auto
}
  
}
/*fin desktop---------------------------------------------------------------*/
/*FIN ESTILOS PARA UNIDADES TEMATICAS*/







/*pagina TPS TPS TPS TPS TPS TPS */
@media all and (min-width:320px) {
.tph1 h1{
    color: #EE7237;
}
.tep1 {
    background-color: #EE7237;
}
.tep2 {
    background-color: #E7393A;
}
.tep3 {
    background-color: #EE7237;
}
.logotepe {
    text-align: center
} 
.logotepe h3{
    color: #FFE9C3;
}
.tep1 a, .tep2 a, .tep3 a{
    color: #FFE9C3;
}
}
@media all and (min-width:768px) {
.tep1,.tep2,.tep3 {    
    height: 50em
}
}
@media all and (min-width:1024px) {
.tep1,.tep2,.tep3 {    
    height: 40em
}
}
/*fin de pagina TPS TPS TPS TPS TPS TPS */     












/*GRILLA RESPONISVE* :) :) :) :) :) :) :) :) :) :) :) :) :) :) :) :) :) :) :) */
@media all and (min-width:320px){
.articlecol1,.articlecol2,.articlecol3,.articlecol1side {
    clear: both;
    overflow: hidden;
}
.col1 {
    padding: 1%
}
.col1dashed {
    padding: 1%;
    border-bottom: dashed 0.14em #ee7066
}
.col2 {
    width: 98%;
    padding: 1%
}
.col2dashed {
    width: 98%;
    padding: 1%;
    border-bottom: dashed 0.14em #ee7066
}    
    
.col3 {
    width: 98%;
    padding: 1%
} 
.col3dashed {
 width: 98%;
padding: 1%;
border-bottom: dashed 0.14em #ee7066

}    
.col1side {
    width: 98%;
    padding: 1%
} 
.col1sidedashed {
    width: 98%;
    padding: 1%
}   
.sidebar {
    width: 98%;
    padding: 1%
}
.sidebardashed {
    width: 98%;
    padding: 1%;
    border-bottom: dashed 0.14em #ee7066
} 
}
@media all and (min-width:768px){
.col1dashed {
    padding: 1%;
    border: dashed 0.14em #ee7066;
    margin-top: 0.5%;
    margin-bottom: 0.5%
}
.col2 {
    width: 47.5%;
    float: left
}
.col2dashed {
    width: 46.95%;
    float: left;
    border: dashed 0.14em #ee7066;
    margin-top: 0.5%;
    margin-bottom: 0.5%
}       
.col3 {
    width: 47.5%;
    float: left
} 
.col3dashed {    
    width: 46.9%;
    float: left;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
    border: dashed 0.14em #ee7066;
}
.col1side {
    width: 64.34%;
    float: left
}
.col1sidedashed {
    width: 64.34%;
    float: left;
    padding: 2% 1%
} 
.sidebar {
    width:30.66%;
    float: left;
    margin-left: 1%
}
.sidebardashed {
    width: 30%;
    float: left;
    margin-left: 1%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
    border: dashed 0.14em #ee7066
}   
.beta {
    margin-right: 1%
}
   
.nodashed {
    padding: 1.5% 1%
}    
}
@media all and (min-width:768px) and (max-width:1023px) {
.beta3 {
    margin-right: 1%
}
}
@media all and (min-width:1024px){
.col2dashed {
    width: 47.08%;
}
.col3 {
    width: 30.66%;
    float: left;
    height: 100%
} 
.col3dashed {    
    width: 30.22%;
    float: left;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
    border: dashed 0.14em #ee7066;
}

.sidebardashed {
    width: 30.2%;
} 
.alfa {
    margin-right: 1%;
    clear: both
}
.omega {
    margin-left: 1%
}
}

/*fin de GRILLA RESPONSIVE :) :) :) :) :) :) :) :) :) :) :) :) :) :) :) :) :) :) :) */


/*APUNTES*/

#imagenapuntes{
    margin: auto;
    width: 40%;
}
.contenidoapuntes{
    height: 28em;
}
.apuntestps{
    width: 100%;
    margin: left;
    margin-top: 3em;
    float: left;
}
.apuntestps ul{
    width: 100%;
    display: inline-block;
}
.logostps{
    width: 37%;
    float: left;
}
.linktp1{
    float: right;
    width: 63%;
    margin-top: 3em;
}
.linktp2{
    margin-top: 5em;
     float: right;
    width: 63%;   
}
.linktp3{
    margin-top: 5em;
     float: right;
    width: 63%;
    
}
.otrasdescargas{
    width: 100%;
    float: right;
    margin-top: 6em;
    border: dashed 0.16em #48B595;
    height: 12em;
}
.otrasdescargas p{
    font-size: 18pt;
    font-weight: 600;
    color: #398F75;
}

@media all and (max-width:768px){
.contenidoapuntes{
    height: 42em;
}

}

/*INSCRIPCION 2015*/

#tituloinscripcion{
    width: 35%;
    margin: auto;
}
#tituloinscripcion img{
    margin-left: 7%;
    float: center;
}
#tituloinscripcion p{
    width: 75%;
    margin: auto;
    margin-top: 2em;
    color: #48B595;
    font-size: 15pt;
    line-height: 90%;
}
#tituloinscripcion strong{
    font-size: 20pt;
}
.quienes, .horario, .condicional{
    border: dashed 0.18em #48B595; 
}  


.quienes ul, .horario ul, .condicional ul{
    padding: 0;
    margin: 0;
    height: 15em;
}

.quienes p, .horario p, .condicional p{
    width: 90%;
    margin: auto;
    color: #48B595;
    text-align: center;
}

.quienes span, .hora, .condicional span{
    color: #398F75;
    font-size: 20pt;
   
}
.teesperamos{
    font-weight: 600;
    font-size: 13pt;
}

/*LINKS*/ 

.ojos{
    width: 35%;
    margin: auto;
}
.ojos img{
    margin: auto;
}
.quienes img, .horario img, .condicional img{
    margin-left:33%;
} 
.tutoriales ul{
    width: 60%;
    height: 133em;
    margin: auto;
}
.tutoriales ul iframe{
    margin-left: auto;
}





/*PAGINA NOTICAS news newsnewsnewsnewsnewsnewsnewsnewsnewsnewsnewsnewsnewsnewsnewsnewsnewsnewsnews*/
.taller h3,.taller h4 {
    color: #EE7237
}
.newsimportante {
    color: #ee7066;
    font-size: 1.2em;
}
.center {
    text-align: center
}

@media all and (min-width:320px) {
.taller{
    border-top: dashed 0.2em #EE7237;
    margin-top: 2em
}
.charla{
    border-top: dashed 0.2em #69AEA8;
    margin-top: 2em
}
}

/*PAGINA PROXIMA CLASE*/
.anotar ul{
    width: 20%;
    margin: auto;
}
.anotar img{
    margin: auto;
}
.alto{
    height: 64em;
}
.masbajo{
    height: 30em;
}
.firma ul{
    width: 60%;
    border: dashed 0.16em #48B595;
    padding: 0;
}
.firma p{
    width: 90%;
    margin: auto;
    color: #48B595;
}
.fecha{
    text-align: center;
    padding-top: 1em;
}
.ultclase span{
    color: #398F75;
    font-size: 21pt;
    text-align: center;
}