body {
    font-family: "cabin",sans-serif;
    font-size: 9px;
    font-weight: 400;
    color: white;
    background-color: black;
    position: center center;
    background-image: url(imagenes/backgroundbody1.jpg);
    background-repeat:repeat;
    background-size: cover;
    }


a:link {color:#da2271;list-style: none;}    /* unvisited link */
        a:visited {color:#da2271;list-style: none;} /* visited link */
        a:hover {color:#ffffff;list-style:inside;background-color:#da2271; }   /* mouse over link */
        a:active {color:#d12cb6;list-style: none;}  /* selected link */


div#pagina {
    width:100%;
    height:100%;
    position:center center;
    background-position: center;
    margin:0px;
    padding:0px;
    } 
 

#header-morfo {
    width:100%;
    height:230px;
    margin:0px;
    padding:0px;
	background:#fff url('imagenes/imagenarribadetodo.png') no-repeat center; 
    background-size: cover;
    }


#morfo h4.subida {
    float: left;
    margin-left: 10px;
    font-weight: 500;
    padding: 5px;
    font-family:"cabin",sans-serif;
    font-size:1.3em;
	color:#fff;
    background-color: #808080;
    width: 37%;
    }


div#enproceso {
    clear: both;
    float: left;
      width:55%;
    padding:0px;
    margin:0px 0px 0px 10px;
    }

#enproceso img.logo{
    width: 70%
}


#nosotras{
clear:both;
    float: left;
    width:75%;
    background-color: #da2271;
    padding: 10px;
    border: 2pt;
    margin:5px 0px 0px 10px;
    border-color: #b3b3b3;
    border-style: solid;
    text-align: left;
    }


#subidanosotras{
    font-family: "cabin",sans-serif;
    font-size:1.3em;
	color:#333333;
    margin:0px;
    padding:0px;
    }


#parrafonosotras{
    font-family: "cabin",sans-serif;
    font-size:1.3em;
	color:#fff;  
    padding: 0px;
    margin:0px;
    }

#catedra{
 width:120px;
    clear:both;
    float: right;
    margin-right: 10px;
    margin-top: -132px;
    padding: 0px;
}

#catedra img.botonera {
    width:120px;
    border:2px;
    border-style: solid;
    border-color: #b3b3b3;
    margin-top: 0px;
    padding:0px;
    }

#catedra h3.pestana {
    width:110px;
    height:27px;
    background-color:#4d4d4d;
    padding-left: 10px;
    padding-top: 5px;
    text-align: center center;
    align-content: center;
    font-family:"bitter",serif;
    font-style: italic;
    font-weight: 500;
	font-size:1.7em;
   	color: #FFFFFF;
    border:2px;
    border-style: solid;
    border-color: #b3b3b3;
    margin-top: -2px;
    }


div#contenido {
    width:100%;
    height:640px;
    padding:0px;
    margin:0px;
    background-color: #4D4D4D;
    }

div#izquierda {
    float: left;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0x;
    }

#botonera {
    width:12.5%;
    height:363px;
    background-color:#4D4D4D;
    margin:0px;
    padding:0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#boceto {
    width:120px;
    height:119px;
    margin-top: 0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#maquetacion{
    width:120px;
    height:119px;
    margin-top: 1.3em;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#digitalizacion{
    width:120px;
    height:119px;
    border: 2pt;
    border-color: #999999;
    margin-top: 1.3em;
    border-right: 2pt;
    border-left: 2pt;
    }


#botonera img.botonera {
	width:130px;
    position: center;
    margin-bottom: 1em;
    margin-top: 0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#botonera h3.pestana{
    width:121px;
    height:23px;
    background-color:#333333;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center center;
    align-content: center;
    font-family:"bitter",serif;
    font-style: italic;
    font-weight: 500;
	font-size:1.7em;
   	color: #FFFFFF;
    margin-top: -0.7em;
    margin-bottom: 3em;
    border:2px;
    border-style: solid;
    border-color: #b3b3b3;
    }


#contacto {
    width: 116px;
    height: 165px;
    margin-top: 4em;
    margin-bottom: 0em;
    margin-right: 0em;
    padding: 0px 5px 5px 5px;
    background-color: #6A6A6A;
    border: 2px;
    border-color: #b3b3b3;
    border-style: solid;
    line-height: normal;
    text-align: center left;
    float:left;
    }


#contacto h2.subtitulo{
    font-family: "bitter",serif;
    font-weight: 500;
    font size:1.33em;
    color:#fff;
    padding-top: 0px;
    padding-bottom: 0px;
    float:left;
    }


#parrafocontacto {
    width: 100%;
    padding: 5px 10px 5px 4px;
    text-align: center;
    font-family:"cabin",sans-serif;
    font-size:1.1em;
    text-align: left;
	color:#FFFFFF;
    }

#contacto nav {
    float:right;
    margin-top: -40px;
    padding-right: 20px;
    }


#contacto nav ul {
    clear:both;
    float:left;
    margin: 0px;
    padding: 0px;
    }


#contacto nav li {
    float:right;
    list-style:none;
    margin: 0px;
    padding: 0px;
    }


#contacto nav li img.boton {
    float:right;
	width:30%;
    margin: 0px;
    padding: 0px;
    }


#sobre {
    clear:both;
    float:left;
    text-align: left;
    padding-left: 20px;
    width:100%;
    margin-top: 10px;
    }


#contenido section{
    float:left;
    width:65%;
    height:100%;
    margin-left:2em;
    margin-top: 1.5em;
    margin-bottom: 0em;
    margin-right: 0em;
    padding:0px;
    }


#slideshow {
    clear:both;
    float: left;
    margin: 0px;
    padding:0px;
    width:98%;
    height:310px;
    background-color: #4d4d4d;
    opacity: 0.9%;
    border: 2px;
    border-color: #b3b3b3;
    border-style: solid;
    }


#tituloslideshow{
    width: 100%;
    margin:0px;
    height: 310px;
    padding: 0;
    background-color: #e6e6e6;
    border-bottom: 2px;
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    border-top: 2px;
    border-top-color: #FFFFFF;
    border-top-style: solid;
    }


#tituloslideshow h4.subida {
    margin:0px;
    padding: 0px 5px 5px 10px;
    font-family:"cabin",sans-serif;
    font-size:1.67em;
	color:#4D4D4D;
     }


#tituloslideshow h1.destacado {
    margin:0px;
    padding: 5px 5px 0px 10px;
    font-family: "bitter",serif;
     font-weight: 500;
    font-size: 2em;
    color:#da2271;
    }


#evento{
    margin-top: 2em;
    margin-bottom: 0em;
    margin-right: 0em;
    padding:0px;
    float: left;
    width:48%;
    height:270px;
    border: 2px;
    border-color: #fff;
    border-style: solid;
    background-image: url(imagenes/backgroundevento.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    align-items: center;
    align-content: center;
    }

#tituloevento{
    width: 100%;
    margin:0px;
    padding: 0;
    background-color: #e6e6e6;
    border-bottom: 2px;
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    border-top: 2px;
    border-top-color: #FFFFFF;
    border-top-style: solid;
    }


#tituloevento h4.subida {
    margin:0px;
    padding: 5px 5px 0px 10px;
    font-family:"cabin",sans-serif;
    font-size:1.67em;
	color:#4D4D4D;
    }


#tituloevento h1.destacado {
    margin:0px;
    padding: 0 5px 5px 10px;
    font-family: "bitter",serif;
    font-weight: 500;
    font-size: 2em;
    color:#da2271;
    }
   

#parrafoevento {
    width: 100%;
    background-color: #4d4d4d;
    opacity: 0.9;
    padding: 5px 0px 5px 0px;
    text-align: center;
    margin-top: 12em;
    font-size: 1.3em;
    font-weight: 400;
    }


#charlas{
    float:left;
    margin-bottom: 0em;
    margin-right: 0em;
    margin-top: 2em;
     margin-left: 1.4em;
    padding:0px;
    width:48%;
    height:270px;
    border: 2px;
    border-color: #fff;
    border-style: solid;
    background-image: url(imagenes/backgroundcharlas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    align-items: center;
    align-content: center;
    }

#titulocharlas{
     width: 100%;
    margin:0px;
    padding: 0;
    background-color: #e6e6e6;
    border-bottom: 2px;
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    border-top: 2px;
    border-top-color: #FFFFFF;
    border-top-style: solid;
   }

#titulocharlas h4.subida{
    margin:0px;
    padding: 5px 5px 0px 10px;
    font-family:"cabin",sans-serif;
    font-size:1.67em;
	color:#4D4D4D;
    }


#titulocharlas h1.destacado {
    margin:0px;
    padding: 0 5px 5px 10px;
    font-family: "bitter",serif;
    font-weight: 500;
    font-size: 2em;
    color:#da2271;
    }


#parrafocharlas {
     width: 100%;
    background-color: #4d4d4d;
    opacity: 0.9;
    padding: 5px 0px 5px 0px;
    text-align: center;
    margin-top: 12em;
    font-size: 1.3em;
    font-weight: 400;
  }


#columna{
    float:left;
    width:18%;
    height:100%;
    margin-top: 0.6em;
    margin-left: 1em;
    margin-bottom: 0em;
    margin-right: 0em;
}


#mural{
    width:100%;
    float:left;
    height:310px;
    border: 2px;
    margin-top:0px; 
    border-color: #b3b3b3;
    border-style: solid;
    background-image: url(imagenes/muralcolectivo.jpg);
    background-color: #4d4d4d;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    }

#titulomural{
    width: 100%;
    height:19%;
    margin:0px;
    padding: 0;
    background-color: #6a6a6a;
    border-bottom: 2px;
    border-bottom-color: #b3b3b3;
    border-bottom-style: solid;
    border-top: 2px;
    border-top-color: #b3b3b3;
    border-top-style: solid;
}
 
    
#titulomural h4.subida {
      margin:0px;
    padding: 5px 5px 0px 10px;
    font-family:"cabin",sans-serif;
    font-size:1.67em;
    font-weight: 500;
	color:#FFFFFF;
}



#titulomural h2.subtitulo {
   font-family: "bitter",serif;
    font-weight: 500;
    font size:1.33em;
    color:#fff;
    padding: 5px 10px 10px 10px;
    margin: 0px;
    float:left;
}
    

#parrafomural {
    width: 100%;
    background-color: #4d4d4d;
    opacity: 0.9;
    padding: 5px 0px 5px 0px;
    text-align: center;
    margin-top: 5em;
    position: bottom;
    font-size: 1.3em;
    font-weight: 400;
 }


#lecturas{
    margin:0px;
    margin-top: 2em;        
    padding:0px;
    float: left;
    width:100%;
    height:270px;
    border: 2px;
    border-color: #fff;
    border-style: solid;
    background-image: url(imagenes/nota.jpg);
    background-repeat: no-repeat;        
    background-size: cover;
    background-position: center;
    align-items: center;
    align-content: center;
    }


#titulolecturas{
   width: 100%;
    height:24%;
    margin:0px;
    padding: 0;
    background-color: #6a6a6a;
    border-bottom: 2px;
    border-bottom-color: #b3b3b3;
    border-bottom-style: solid;
    border-top: 2px;
    border-top-color: #b3b3b3;
    border-top-style: solid;
    }

#titulolecturas h4.subida {
      margin:0px;
    padding: 5px 5px 0px 10px;
    font-family:"cabin",sans-serif;
    font-size:1.67em;
    font-weight: 500;
	color:#FFFFFF;
    }


#titulolecturas h2.subtitulo {
    margin:0px;
    padding: 0 5px 5px 10px;
    font-family: "bitter",serif;
     font-weight:500;
     font size:1.33em;
    color:#fff;
    }
    

 #parrafolecturas {
    width: 100%;
    background-color: #4d4d4d;
    opacity: 0.9;
    padding: 5px 0px 5px 0px;
    text-align: center;
    margin-top: 10em;
     font-size: 1.3em;
    font-weight: 400;
    }


footer{
    clear:both;
    width:100%;
    height:5%;
    font-size: 1.2em;
    padding: 5px 0px 5px 0px;
    background-color: #333333;
    text-align: center;
    margin:0px;
    }

/*················································································································································*/


@media all and (min-width:960px) and (max-width:1080px){

    #enproceso img.logo{
    width: 80%
    }
    
    
#morfo h4.subida {
    width: 40%;
    }

    #parrafomural {
    margin-top: 9em;
    }
    
    #columna{
    margin-top: 1em;
    margin-left: 1em;
    margin-bottom: 0em;
    margin-right: 0em;
    }

    #nosotras{
    margin:10px 0px 0px 10px;
    }
    
    #parrafolecturas {
        margin-top: 8em;
         }
   
    
}
/*················································································································································*/
@media all and (min-width:680px) and (max-width:960px){
    
    #header-morfo {
    height:250px;
       }

 
#morfo h4.subida {
      width: 50%;
    }


div#enproceso {
         width:75%;
       }

    
#nosotras{
    width:65%;
    }


#catedra{
 width:110px;
       margin: 0px 10px 0px 0px;
    margin-top: -120px;
    }

#catedra img.botonera {
       width:110px;
       }

    
#catedra h3.pestana {
       width:100px;
       }

    
    div#contenido {
    width:100%;
    height:1000px;
    padding:0px;
    margin:0px;
    background-color: #4D4D4D;
    }

    
    #contenido section{
       width:70%;
        margin-left:1.5em;
    margin-top: 1em;
       }


    #slideshow {
       height:320px;
       }


#tituloslideshow{
        height: 320px;
        }

#evento{
      height:310px;
    }

    
#charlas{
        height:310px;
    margin-left: 1em;
        }
    
    
    #parrafocharlas {
    margin-top: 11em;
      }


#columna{
    width:70%;
       margin-top: -37.5em;
    margin-left: 16em;
    clear:both;
    float:left;
     height:330px;
    }


#mural{
    width:47%;
    height:310px;
    border-color: #fff;
    margin-top:0px; 
    }
    
    
    #parrafomural {
    margin-top:12em;
     }


#lecturas{
    margin-top: 0em;        
   margin-left: 1em;
    width:47%;
    height:310px;
        }
    
   
        }
/*················································································································································*/

@media all and (min-width:380px) and (max-width:680px){
    
    #header-morfo {
       height:265px;
        }

#morfo h4.subida {
     width: 80%;
    }


div#enproceso {
         width:91%;
       }

    
#enproceso img.logo{
    width: 91%
}

    
#nosotras{
    width:79%;
        }
    

#catedra{
 width:80px;
    clear:both;
    float: left;
    margin-right: 10px;
    margin-top: 20px;
    padding: 0px;
}

    
#catedra img.botonera {
       width:90px;
       margin-top: 0px;
    padding:0px;
    }

    
#catedra h3.pestana {
       width:80px;
    height:27px;
       margin-top: -6px;
    font-size:1.4em;
    }


div#contenido {
    width:100%;
    height:1570px;
    padding:0px;
    margin:0px;
    background-color: #4D4D4D;
    }



#botonera {
    width:85px;
    height:363px;
    background-color:#4D4D4D;
    margin-top:134px;
    margin-left: -90px;
    padding:0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#boceto {
   width:85px;
    height:119px;
    margin-top: 0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#maquetacion{
    width:85px;
    height:119px;
    margin-top:-16px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#digitalizacion{
   width:85px;
    height:119px;
    border: 2pt;
    border-color: #999999;
    margin-top: -16px;
    border-right: 2pt;
    border-left: 2pt;
    }


#botonera img.botonera {
	width:95px;
    position: center;
    margin-bottom: 1em;
    margin-top: 0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#botonera h3.pestana{
   width:85px;
    height:23px;
    background-color:#333333;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center center;
    align-content: center;
    font-family:"bitter",serif;
    font-style: italic;
    font-weight: 500;
	font-size:1.1em;
   	color: #FFFFFF;
    margin-top: -1.2em;
    margin-bottom: 3em;
    border:2px;
    border-style: solid;
    border-color: #b3b3b3;
    }


#contacto {
    width: 80px;
         margin-left: -90px;
    margin-top:-40px;
    height:195px;
       }

    #contacto nav {
    float:right;
    margin-top: -40px;
    padding-right: 5px;
    }

#contenido section{
    float:left;
    width:65%;
    height:100%;
    margin-left:2em;
    margin-top: 1.5em;
    margin-bottom: 0em;
    margin-right: 0em;
    padding:0px;
    }

    
#slideshow {
       height:360px;
       }


#tituloslideshow{
    height: 360px;
    }


#evento{
        width:98%;
        }


#parrafoevento {
        margin-top: 10em;
      }


#charlas{
       width:98%;
    margin-left:0em;
    height:300px;
       }


#parrafocharlas {
         margin-top: 10em;  
  }


#columna{
    float:left;
    width:63%;
    height:560px;
    margin-top: -64em;
    margin-left: 113px;
    margin-bottom: 0em;
    margin-right: 0em;
}


#mural{
        height:250px;
        }


    
#parrafomural {
       margin-top: 8em;
    }



#lecturas{
    margin:0px;
    margin-top: 2em;        
    padding:0px;
    float: left;
    width:100%;
    height:270px;
    border: 2px;
    border-color: #fff;
    border-style: solid;
    background-image: url(imagenes/nota.jpg);
    background-repeat: no-repeat;        
    background-size: cover;
    background-position: center;
    align-items: center;
    align-content: center;
    }

    
        }


/*················································································································································*/

@media all and (min-width:300px) and (max-width:380px){

#header-morfo {
       height:255px;
        }
    
    
    #morfo h4.subida {
     width: 97%;
    margin-left: 0px;
    margin-right: 0px;
    }


div#enproceso {
         width:100%;
       }

    
#enproceso img.logo{
    width: 95%
}

    
#nosotras{
    width: 93%;
    margin-left: 0px;
    margin-right: 0px;
        }
    

#catedra{
 width:80px;
    clear:both;
    float: left;
    margin-right: 10px;
    margin-top: 20px;
    padding: 0px;
}

    
#catedra img.botonera {
       width:90px;
       margin-top: 0px;
    padding:0px;
    }

    
#catedra h3.pestana {
       width:80px;
    height:27px;
       margin-top: -6px;
    font-size:1.4em;
    }


div#contenido {
    width:100%;
    height:1200px;
    padding:0px;
    margin:0px;
    background-color: #4D4D4D;
    }



#botonera {
    width:85px;
    height:363px;
    background-color:#4D4D4D;
    margin-top:134px;
    margin-left: -90px;
    padding:0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#boceto {
   width:85px;
    height:119px;
    margin-top: 0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#maquetacion{
    width:85px;
    height:119px;
    margin-top:-16px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#digitalizacion{
   width:85px;
    height:119px;
    border: 2pt;
    border-color: #999999;
    margin-top: -16px;
    border-right: 2pt;
    border-left: 2pt;
    }


#botonera img.botonera {
	width:95px;
    position: center;
    margin-bottom: 1em;
    margin-top: 0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#botonera h3.pestana{
   width:85px;
    height:23px;
    background-color:#333333;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center center;
    align-content: center;
    font-family:"bitter",serif;
    font-style: italic;
    font-weight: 500;
	font-size:1.1em;
   	color: #FFFFFF;
    margin-top: -1.2em;
    margin-bottom: 3em;
    border:2px;
    border-style: solid;
    border-color: #b3b3b3;
    }


#contacto {
    width: 80px;
         margin-left: -90px;
    margin-top:-40px;
    height:195px;
       }

    #contacto nav {
    float:right;
    margin-top: -40px;
    padding-right: 5px;
    }

#contenido section{
    float:left;
    width:65%;
    height:500px;
  margin-left: 100px;
    margin-top: 1.5em;
    margin-bottom: 0em;
    margin-right: 0em;
    padding:0px;
    }

    
#slideshow {
       height:360px;
    margin-top:-400em;
       }


#tituloslideshow{
    height: 360px;
    }


#evento{
        width:98%;
    margin-top:286em;
        }


#parrafoevento {
        margin-top: 6em;
      }


#charlas{
       width:98%;
    margin-left:0em;
    height:300px;
       }


#parrafocharlas {
         margin-top: 7em;  
  }


#columna{
    float:left;
    width:63%;
    height:550px;
    margin-top: -61em;
    margin-left: 100px;
    margin-bottom: 0em;
    margin-right: 0em;
}


#mural{
        height:250px;
        }


    
#parrafomural {
       margin-top: 5em;
    }



#lecturas{
    margin:0px;
    margin-top: 2em;        
    padding:0px;
    float: left;
    width:100%;
    height:270px;
    border: 2px;
    border-color: #fff;
    border-style: solid;
    background-image: url(imagenes/nota.jpg);
    background-repeat: no-repeat;        
    background-size: cover;
    background-position: center;
    align-items: center;
    align-content: center;
    }
#parrafolecturas {
       margin-top: 8em;
    }
    #footer{
background-color: red;}
           }


/*················································································································································*/
/*
@media all and (min-width:300px) and (max-width:310px){
    
     #header-morfo {
    height:235px;
       }
    
    #morfo h4.subida {
     width: 97%;
    margin-left: 0px;
    margin-right: 0px;
    }


div#enproceso {
         width:98%;
       }

    
#enproceso img.logo{
    width: 93%
}

    
#nosotras{
    width: 92%;
    margin-left: 0px;
    margin-right: 0px;
        }
    

    

#catedra{
 width:80%;
    clear:both;
    float: left;
    margin-right: 0px;
    margin-left: 5.5em;
    margin-top:16px;
    padding: 0px;
}

    
#catedra img.botonera {
       width:80%;
       margin-top: 0px;
    padding:0px;
    }

    
#catedra h3.pestana {
       width:75.5%;
    height:27px;
       margin-top: -6px;
    font-size:1.8em;
    }


div#contenido {
    width:100%;
    height:2060px;
    padding:0px;
    margin:0px;
    background-color: #4D4D4D;
    }



#botonera {
    
    width:100%;
    height:100%;
    background-color:#4D4D4D;
    margin-top:-16px;
    margin-left: 5.5em;
    padding:0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#boceto {
   width:80%;
    height:119px;
    margin-top: 0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#maquetacion{
    width:80%;
    height:119px;
    margin-top:55px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#digitalizacion{
   width:80%;
    height:119px;
    border: 2pt;
    border-color: #999999;
    margin-top: 54px;
    border-right: 2pt;
    border-left: 2pt;
    }


#botonera img.botonera {
	width:82%;
    position: center;
    margin-bottom: 1em;
    margin-top: 0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#botonera h3.pestana{
   width:78%;
    height:23px;
    background-color:#333333;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center center;
    align-content: center;
    font-family:"bitter",serif;
    font-style: italic;
    font-weight: 500;
	font-size:1.8em;
   	color: #FFFFFF;
    margin-top: -0.7em;
    margin-bottom: 3em;
    border:2px;
    border-style: solid;
    border-color: #b3b3b3;
    }

    #slideshow {
       height:360px;
    margin-top:-400em;
       }


#tituloslideshow{
    height: 360px;
    }

    #contenido section{
    float:left;
    width:100%;
    height:0%;
    margin-left:0em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0em;
    padding:0px;
    }

#evento{
        width:100%;
    margin-top:209em;
    margin-left: -2px;
        }


#parrafoevento {
        margin-top: 9em;
      }


#charlas{
       width:100%;
  margin-left: -2px;
    height:300px;
       }


#parrafocharlas {
         margin-top: 10.5em;  
  }


#columna{
    float:left;
    width:98%;
    height:550px;
    margin-top: -82em;
    margin-left: 0px;
    margin-bottom: 0em;
    margin-right: 0em;
}


#mural{
        height:250px;
        }


    
#parrafomural {
       margin-top: 8.3em;
    }



#lecturas{
    margin:0px;
    margin-top: 2em;        
    padding:0px;
    float: left;
    width:100%;
    height:270px;
    border: 2px;
    border-color: #fff;
    border-style: solid;
    background-image: url(imagenes/nota.jpg);
    background-repeat: no-repeat;        
    background-size: cover;
    background-position: center;
    align-items: center;
    align-content: center;
    }

#contacto {
    width: 50%;
         margin-left: 0px;
    margin-top:1245px;
    height:170px;
       }

    #contacto nav {
    float:right;
    margin-top: -23px;
    padding-right: 25px;
    }

    
        }
*/


/*················································································································································*/

@media all and (min-width:1px) and (max-width:300px){
    
     #header-morfo {
    height:265px;
       }
    
    #morfo h4.subida {
     width: 94%;
    margin-left: 0px;
    margin-right: 0px;
    }


div#enproceso {
         width:98%;
       }

    
#enproceso img.logo{
    width: 93%
}

    
#nosotras{
    width: 87%;
    margin-left: 0px;
    margin-right: 0px;
        }
    

    

#catedra{
 width:150px;
    clear:both;
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 25px;
    padding: 0px;
}

    
#catedra img.botonera {
       width:100%;
       margin-top: 0px;
    padding:0px;
    }

    
#catedra h3.pestana {
       width:93%;
    height:27px;
       margin-top: -6px;
    font-size:1.8em;
    }


div#contenido {
    width:100%;
    height:2060px;
    padding:0px;
    margin:0px;
    background-color: #4D4D4D;
    }



#botonera {
    
    width:150px;
    height:100%;
    background-color:#4D4D4D;
    margin-top:-16px;
    margin-left: 15px;
    padding:0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#boceto {
   width:100%;
    height:119px;
    margin-top: 0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#maquetacion{
    width:100%;
    height:119px;
    margin-top:26px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#digitalizacion{
   width:100%;
    height:119px;
    border: 2pt;
    border-color: #999999;
    margin-top: 26px;
    border-right: 2pt;
    border-left: 2pt;
    }


#botonera img.botonera {
	width:102%;
    position: center;
    margin-bottom: 1em;
    margin-top: 0px;
    border-right: 2pt;
    border-left: 2pt;
    border-color: #999999;
    }


#botonera h3.pestana{
   width:96%;
    height:23px;
    background-color:#333333;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center center;
    align-content: center;
    font-family:"bitter",serif;
    font-style: italic;
    font-weight: 500;
	font-size:1.8em;
   	color: #FFFFFF;
    margin-top: -0.7em;
    margin-bottom: 3em;
    border:2px;
    border-style: solid;
    border-color: #b3b3b3;
    }

    #slideshow {
       height:360px;
    margin-top:-400em;
       }


#tituloslideshow{
    height: 360px;
    }

    #contenido section{
    float:left;
    width:100%;
    height:0%;
    margin-left:0em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0em;
    padding:0px;
    }

#evento{
        width:100%;
    margin-top:207em;
    margin-left: -2px;
        }


#parrafoevento {
        margin-top: 6em;
      }


#charlas{
       width:100%;
  margin-left: -2px;
    height:300px;
       }


#parrafocharlas {
         margin-top: 8em;  
  }


#columna{
    float:left;
    width:100%;
    height:550px;
    margin-top: -84em;
    margin-left: 0px;
    margin-bottom: 0em;
    margin-right: 0em;
}


#mural{
        height:250px;
        }


    
#parrafomural {
       margin-top: 5em;
    }



#lecturas{
    margin:0px;
    margin-top: 2em;        
    padding:0px;
    float: left;
    width:100%;
    height:270px;
    border: 2px;
    border-color: #fff;
    border-style: solid;
    background-image: url(imagenes/nota.jpg);
    background-repeat: no-repeat;        
    background-size: cover;
    background-position: center;
    align-items: center;
    align-content: center;
    }

#contacto {
    width: 60%;
         margin-left: 15px;
    margin-top:1225px;
    height:185px;
       }

    #contacto nav {
    float:right;
    margin-top: -33px;
    padding-right: 25px;
    }

        }

/*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*//*··························································BOCETO BOCETO BOCETO
······················································································*//*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*/ 



#centroboceto{
     width:100%;
    height:640px;
    padding:0px;
    background-image: url(imagenes/bocetofondo.jpg);
    background-size:cover;
}

#carizqboceto{
width:45%;
    float:left;
    margin-top: 6px;
    margin-left: 6px;
}

#caratulatitulo{
width: 60%;
font-family: "bitter",serif;
    font-weight: 800;
    font-size:4em;
    padding-left: 10px;
    margin-top: 20px;
    margin-left: 20px;
    color:#4d4d4d;
    padding: 10px 0px 10px 10px;
    
    }

#botoneracaratula nav{
    float: left;
    margin-left: 26px;
}

#botoneracaratula nav ul {
    clear:both;
    float:left;
     margin-left: -20px;
    margin-right: 20px;
    padding-left: 0px;
    padding-right: 20px;
    padding: 0px;
    
    }

#botoneracaratula nav li {
    font-size: 1.8em;
    font-family: "bitter",serif;
        padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
       float:left;
    list-style:none;
   
    }

#carderboceto{
width:45%;
    float:right;
    margin-top: 6px;
    margin-left: 6px;
}

#textoboceto{
width: 50%;
font-family: "cabin",sans-serif;
    font-weight: 700;
    font-size:1.6em;
    padding-left: 10px;
    margin-top: -30px;
    margin-left: 190px;
    color:#4d4d4d;
    padding: 0px 0px 10px 10px;
}

#textobocetorosa{
width: 45%;
font-family: "cabin",sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size:1.5em;
   
    margin-top: 220px;
    margin-left: 110px;
    color:#da2271;
    padding: 5px 0px 10px 10px;
}
/*·············································PESTAÑAS BOCETO··············································································*/

#contenidoboceto{
width:100%;
    height:1140px;
   background-color: #4d4d4d;  

}


#contenidobocetoimagen{
width:85%;
    height:1100px;
    background-image: url(imagenes/dibujotecnicofondosin.jpg);
    background-size: cover;
    background-position: center;
float:left;
    margin-left: 2em;
    margin-top: 1em;

}

#subtituloboceto{
width: 97%;
font-family: "bitter",serif;
    font-weight: 800;
    font-style: italic;
    font-size:4em;
    padding-left: 40px;
    margin-top: 20px;
    margin-left: 0px;
    color:#4d4d4d;
  float: left;}
    
   


#bajadasubboceto{
width: 90%;
           font-family: "bitter",serif;
    font-weight: 400;
    font-size:1.4em;
    font-style: italic;
    margin-top:135px;
    margin-left:0px;
    color:#4d4d4d;
    text-align: left;
    padding: 50px;

}


#bajadasubbocetoimagen{
width: 90%;
    height:160px;
    background-image: url(imagenes/borde%20solo.png);
    background-size: cover;
    margin-top:185px;
    margin-left:10px;
    
    }

#columnabocetoizq{
float:left;
width:35%;
    margin-top:3em;
}

#thumbwrap {
	margin:0em 0em 0em 3em;
	width:400px; height:525px;
    
}
.thumb {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
}
.thumb img { 
	border:3px solid #fff;
	vertical-align:center;
    margin-top: 1em;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover span { 
	visibility:visible;
	top:-250px; left:25px; 
}


#piedibujotec{ 
float:left;
    width:100%;
    height:180px;
    margin-top: -50px;

}

#pieback { 
background-image: url(imagenes/papelfondo.png);
    background-size: cover;
    width:100%;
   height: 180px;
    margin-top:-114px;

}

#piedibujotec h6.tituloplaca{
width: 60%;
font-family: "bitter",serif;
font-weight: 800;
   font-size:2em;
margin-top:110px;
margin-left:10px;
color:#9a2859;
text-align: left;
padding: 10px 0px 0px 30px;

}

#pieback h5.textoplacaitalic{

width: 60%;
font-family: "bitter",serif;
font-weight: 400;
font-size:1.4em;
font-style: italic;
margin-top:40px;
margin-left:10px;
color:#717075;
text-align: left;
padding: 70px 0px 0px 30px;

}


#columnabocetoder{
float:left;
width:60%;
    margin-top:3em;
    margin-left: 14em;
    }


#placaboceto{
width:100%;
    height:164px;
    opacity: 0.9;
    background-color: #9d8d74;
    border-color: #fff;
    border-style: solid;
    border: 3pt;
    margin-bottom: 1em;
    margin-top: 0em;
 }

#placaboceto h2.tituloplaca{
font-family: "bitter",serif;
font-weight: 800;
   font-size:2.3em;
margin-top:0px;
margin-left:10px;
color:#663333;
text-align: left;
padding: 10px 0px 0px 0px;
   }

#placaboceto h4.textoplaca{
font-family: "cabin",sans-serif;
font-weight: 400;
font-size:1.4em;
margin-top:-10px;
margin-left:10px;
color:#fff;
text-align: left;
padding: 0px 0px 0px 0px;
}

#placaboceto h3.galeria{
font-family: "bitter",serif;
font-weight: 600;
font-size:1.4em;
    font-style: bold;
margin-top:0px;
margin-left:10px;
    margin-bottom: 10px;
color:#d12cb6;
text-align: left;
padding: 0px 10px 0px 0px;

}


/*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*//*··························································MAQUETA MAQUETA MAQUETA
······················································································*//*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*/ 
#centromaqueta{
     width:100%;
    height:640px;
    padding:0px;
    background-image: url(imagenes/fondomaqueta.jpg);
    background-size:cover;
}

#carizqmaqueta{
width:70%;
    float:left;
    margin-top: 6px;
    margin-left: 6px;
}


#cardermaqueta{
width:25%;
    float:right;
    margin-top: 0px;
    margin-left: 0px;
}

#textomaqueta{
width: 90%;
font-family: "cabin",sans-serif;
    font-weight: 700;
    font-size:1.6em;
       margin-top:30px;
    margin-left: -80px;
    color:#4d4d4d;
    padding: 10px;
}

/*··························..·················PESTAÑAS MAQUETACION........·········································································*/


#contenidomaqueta{
width:100%;
    height:1380px;
   background-color: #4d4d4d;  

}



#contenidomaquetaimagen{
width:85%;
    height:1340px;
    background-image: url(imagenes/fondomaquetacion.jpg);
    background-size: cover;
    background-position: center;
float:left;
    margin-left: 2em;
    margin-top: 1em;

}

#contenidomaquetaimagen2{
width:85%;
    height:1360px;
    background-image: url(imagenes/fondomaquetacion.jpg);
    background-size: cover;
    background-position: center;
float:left;
    margin-left: 2em;
    margin-top: 1em;

}

#bajadasubmaquetaimagen{
width: 86%;
    height:130px;
    background-image: url(imagenes/cinta.jpg);
    background-size: cover;
    margin-top:250px;
    margin-left:30px;
    align-content: center;
    align-self: center;
    }

#bajadasubmaqueta{
width: 90%;
    height:130px;
           font-family: "bitter",serif;
    font-weight: 400;
    font-size:1.4em;
    font-style: italic;
    margin-top:-130px;
    margin-left:0px;
    color:#fff;
    text-align: left;
    padding: 10px 10px 10px 20px;
      align-content: center;
    align-self: center;

}

#bajadasubmaqueta2{
width: 90%;
    height:110px;
           font-family: "bitter",serif;
    font-weight: 400;
    font-size:1.4em;
    font-style: italic;
    margin-top:-130px;
    margin-left:0px;
    color:#fff;
    text-align: left;
    padding: 30px 10px 0px 20px;
      align-content: center;
    align-self: center;

}


#maquetaarriba{
width:90%;
   height:400px;
    margin-top: 2em;
    margin-left: 3.3em;
}


#maquetaabajo{
width:90%;
    height:200px;
    
}

#terciomaqueta{
width:30%;
    float:left;
    margin-right: 3em; 
    
}




#terciomaqueta img.imagenmaqueta{
width:100%;
}


#placamaqueta{
width:100%;
    height:164px;
    opacity: 0.9;
    background-color: #9d8d74;
    border-color: #fff;
    border-style: solid;
    border: 3pt;
    margin-bottom: 1em;
    margin-top: 0em;
 }


#placamaqueta4{
width:100%;
    height:134px;
    opacity: 0.9;
    background-color: #9d8d74;
    border-color: #fff;
    border-style: solid;
    border: 3pt;
    margin-bottom: 1em;
    margin-top: 0em;
 }

#placamaqueta h2.tituloplaca{
font-family: "bitter",serif;
font-weight: 800;
   font-size:2.3em;
margin-top:0px;
margin-left:10px;
color:#663333;
text-align: left;
padding: 10px 0px 0px 0px;
   }


#terciomaqueta3 h2.tituloplaca4{
font-family: "bitter",serif;
font-weight: 800;
   font-size:2.3em;
margin-top:0px;
margin-left:10px;
color:#663333;
text-align: left;
padding: 20px 0px 0px 10px;
   }


#terciomaqueta3 h2.tituloplaca3{
font-family: "bitter",serif;
font-weight: 800;
   font-size:2.3em;
margin-top:10px;
margin-left:10px;
color:#663333;
text-align: left;
padding: 50px 0px 0px 10px;
   }


#placamaqueta h4.textoplaca{
font-family: "cabin",sans-serif;
font-weight: 400;
font-size:1.4em;
margin-top:-10px;
margin-left:10px;
color:#fff;
text-align: left;
padding: 0px 0px 0px 0px;
}


#terciomaqueta3 h4.textoplaca4{
font-family: "cabin",sans-serif;
font-weight: 400;
font-size:1.4em;
margin-top:-10px;
margin-left:10px;
color:#fff;
text-align: left;
padding: 0px 10px 0px 10px;
}


#placamaqueta h2.tituloplaca2{
font-family: "bitter",serif;
font-weight: 800;
   font-size:2.3em;
margin-top:0px;
margin-left:10px;
color:#663333;
text-align: left;
padding: 20px 0px 0px 0px;
   }

#placamaqueta h4.textoplaca2{
font-family: "cabin",sans-serif;
font-weight: 400;
font-size:1.4em;
margin-top:0px;
margin-left:10px;
color:#fff;
text-align: left;
padding: 0px 0px 0px 0px;
}


#lacatedra h2.tituloplaca3{
font-family: "bitter",serif;
   font-weight: 400;
   font-size:2.3em;
margin-top:0px;
margin-left:10px;
color:#fff;
text-align: left;
padding: 50px 0px 0px 10px;
   }

#lacatedra{
background-image: url(imagenes/altoplacacolor.png);
    background-size: cover;
    background-repeat: no-repeat;
    height:420px;
}


#lacatedra2{
background-image: url(imagenes/colorfoam.png);
    background-size: cover;
    background-repeat: no-repeat;
    height:390px;
    margin-top: -13px;
}

#lacatedra h4.textoplaca3{
     width: 90%;
font-family: "cabin",sans-serif;
font-weight: 400;
font-size:1.4em;
margin-top:0px;
margin-left:10px;
color:#fff;
text-align: left;
padding: 0px 0px 0px 10px;
}


#subtitulomaqueta{
width: 97%;
font-family: "bitter",serif;
    font-weight: 800;
    font-style: italic;
    font-size:3em;
    padding-left: 40px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-left: 0px;
    color:#b62790;
  float: left;}
    

#textomaquetas{
width: 90%;
    height:40px;
           font-family: "bitter",serif;
    font-weight: 800;
    font-size:1.6em;
    font-style: italic;
    margin-top:0px;
    margin-left:0px;
    color:#4d4d4d;
    text-align: left;
    padding:50px 0px 0px 40px;
    margin-top: 50px;

}




#galeriamaqueta{
width:%90;
    height:200px;
}


#thumbwrap2 {
	margin:1em 0em 0em 3em;
	width:100%; height:200px;
    float:left;
   
}
.thumb2 {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
    height:200px;
}
.thumb2 img { 
	border:3px solid #fff;
	vertical-align:center;
    margin-top: 1em;
    float:left;
     margin-right: 1.5em; 
   
    
}
.thumb2:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
    height:200px;
   
}
.thumb2 span { 
	position:absolute;
	visibility:hidden;
    height:200px;
    
}
.thumb2:hover span { 
	visibility:visible;
	top:-315px; left:-90px; 
    height:200px;
}



#maquetaarriba2{
width:104%;
   height:400px;
    margin-top: 2em;
    margin-left: 0em;
}


#maquetaarriba5{
width:86%;
margin-top: 3em;
    margin-left: 3em;
}


#maquetaarriba5 img.gif{
width:100%;
margin-top: 0em;
    margin-left: 0em;
}

#maquetaabajo2{
width:70%;
    height:200px;
    
}

#maquetaabajo4{
width:70%;
    height:200px;
    margin-top: -15em;
}

#terciomaqueta2{
width:30%;
    float:left;
    margin-right: 3em; 
    
}

#terciomaqueta3{
width:47%;
    float:left;
    margin-right: 1.5em;
    margin-top: 2em;
    
}

#terciomaqueta3 img.imagenmaqueta{
width:100%;
}

#terciomaqueta2 img.imagenmaqueta2{
width:100%;
}


#placamaqueta2{
width:100%;
    height:164px;
    opacity: 0.9;
    background-color: #9d8d74;
    border-color: #fff;
    border-style: solid;
    border: 3pt;
    margin-bottom: 1em;
    margin-top: 0em;
 }

#subtitulomaqueta2{
width: 97%;
font-family: "bitter",serif;
    font-weight: 800;
    font-style: italic;
    font-size:3em;
    padding-left: 40px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-left: -30px;
    color:#b62790;
  float: left;}
    

#textomaquetas2{
width: 90%;
    height:40px;
           font-family: "bitter",serif;
    font-weight: 800;
    font-size:1.6em;
    font-style: italic;
    margin-top:0px;
    margin-left:-30px;
    color:#4d4d4d;
    text-align: left;
    padding:50px 0px 0px 40px;
    margin-top: 50px;

}




#galeriamaqueta2{
width:%90;
    height:200px;
    margin-left: -30px;
}


#placamaqueta2 h2.tituloplaca{
font-family: "bitter",serif;
font-weight: 800;
   font-size:2.3em;
margin-top:0px;
margin-left:10px;
color:#663333;
text-align: left;
padding: 10px 0px 0px 0px;
   }

#placamaqueta2 h4.textoplaca{
font-family: "cabin",sans-serif;
font-weight: 400;
font-size:1.4em;
margin-top:-10px;
margin-left:10px;
color:#fff;
text-align: left;
padding: 0px 0px 0px 0px;
}

/*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*//*··························································DIGITAL DIGITAL DIGITAL
······················································································*//*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*/ 
#centrodigital{
     width:100%;
    height:640px;
    padding:0px;
    background-image: url(imagenes/digitalfondo.jpg);
    background-size:cover;
}

#carizqdigital{
width:45%;
    float:left;
    margin-top: 6px;
    margin-left: 6px;
}


#textodigital{
width: 60%;
font-family: "cabin",sans-serif;
    font-weight: 700;
    font-size:1.5em;
    padding-top: 10px;
    padding-left: 20px;
    margin-top:100px;
    margin-left: 12px;
    color:#fff;
    padding: 0px 0px 10px 10px;
}



/*·············································PESTAÑAS DIGITAL··············································································*/

#contenidosoft{
width:100%;
    height:1140px;
   background-color: #4d4d4d;  

}


#contenidosoftimagen{
width:85%;
    height:1100px;
    background-image: url(imagenes/fondosoft.jpg);
    background-size: cover;
    background-position: center;
float:left;
    margin-left: 2em;
    margin-top: 1em;

}

 #placasoft1{
width:92.5%;
    height:70px;
    background-color: #6a6a6a;
    border-color: #fff;
    border-style: solid;
    border: 3pt;
    margin-bottom:0em;
    margin-top:13em;
 }
#textosoft{
width: 90%;
           font-family: "bitter",serif;
    font-weight: 400;
    font-size:1.4em;
    font-style: italic;
    margin-top:0px;
    margin-left:0px;
    color:#fff;
    text-align: left;
    padding:10px 0px 20px 40px;

}



#columnabocetoizq{
float:left;
width:20%;
    margin-top:2em;
    margin-left: 2em;
}

#thumbwrap1 {
	margin:0em 0em 0em 2em;
	width:200px; height:825px;
    padding-left: 1.5em;
    
}
.thumb {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
}
.thumb img { 
	border:3px solid #fff;
	vertical-align:center;
    margin-top: 1em;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover span { 
	visibility:visible;
	top:-250px; left:25px; 
}

#columnasoftder{
float:left;

width:75%;
    margin-top:-90.3em;
    margin-left: 22em;
    }


#placasoft{
width:100%;
    height:150px;
    background-color: #dfdfdf;
    border-color: #fff;
    border-style: solid;
    border: 3pt;
    margin-bottom: 1.6em;
    margin-top: 0em;
 }

#placasoft h2.tituloplaca{
font-family: "bitter",serif;
font-weight: 800;
   font-size:2.3em;
margin-top:0px;
margin-left:10px;
color:#5e5d5d;
text-align: left;
padding: 10px 0px 0px 10px;
   }

#placasoft h4.textoplaca{
font-family: "cabin",sans-serif;
font-weight: 700;
font-size:1.4em;
margin-top:-10px;
margin-left:10px;
color:#5e5d5d;
text-align: left;
padding: 0px 10px 0px 10px;
}

#placasoft h3.galeria{
font-family: "bitter",serif;
font-weight: 400;
font-size:1.4em;
    font-style: bold;
margin-top:0px;
margin-left:20px;
    margin-bottom: 10px;
color:#d12cb6;
text-align: left;
padding: 0px 20px 0px 0px;

}




















#contenidoreco{
width:100%;
    height:1600px;
   background-color: #4d4d4d;  

}


#contenidorecoimagen{
width:85%;
    height:1580px;
    background-image: url(imagenes/fondosoft.jpg);
    background-size: cover;
    background-position: center;
float:left;
    margin-left: 2em;
    margin-top: 1em;

}

 



#columnarecoizq{
float:left;
width:55%;
    margin-top:3em;
    margin-left: 9em;
}

#video{
margin-bottom: 2em;
    margin-top: 1em;


 }
#columnarecoder{
float:left;

width:37%;
    margin-top:-140.3em;
    margin-left: 76em;
    }


#placasoft2{
width:100%;
    height:80px;
    background-color: #dfdfdf;
    border-color: #fff;
    border-style: solid;
    border: 3pt;
    margin-bottom: 37.8em;
    margin-top: 0em;
 }

#placasoft2 h2.tituloplaca2{
font-family: "bitter",serif;
font-weight: 800;
   font-size:1.7em;
margin-top:0px;
margin-left:10px;
color:#5e5d5d;
text-align: left;
padding: 10px 0px 0px 10px;
   }


#placasoft2 h4.textoplaca{
font-family: "cabin",sans-serif;
font-weight: 700;
font-size:1.4em;
margin-top:-10px;
margin-left:10px;
color:#5e5d5d;
text-align: left;
padding: 0px 10px 0px 10px;
}



/*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*//*·························································CHARLAS CHARLAS CHARLAS
······················································································*//*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*/ 



#contenidoplacamagenta{
width:85%;
    height:1100px;
    background-color: #93184e;
float:left;
    margin-left: 2em;
    margin-top: 1em;

}


#caratulatitulo2{
width: 100%;
font-family: "bitter",serif;
    font-weight: 700;
    font-size:4em;
    padding-left: 10px;
    margin-top: 20px;
    margin-left: 60px;
    color:#d61f6f;
    padding: 10px 0px 10px 10px;
    
    }

#subtituloboceto2{
width: 50%;
font-family: "bitter",serif;
    font-weight: 400;
    font-style: italic;
    font-size:3em;
    padding: 5px 0px 5px 70px;
    margin-top: 60px;
    margin-left: 0px;
    background-color: #4d4d4d;
    border:2pt;
    border-color: #fff;
    color:#fff;
    border-style: solid;
  float: left;}

#imagentitulocharlas{
width:90%;
    height:110px;
    background-image: url(imagenes/papelfondogris.png);
    background-size: cover;
   
float:left;
    margin-left: -1em;
    margin-top: -0.8em;

}

#entrada{
width:45%;
     float:left;
    margin-left:30px; 
    margin-top: 20px;
   border: 2pt;
    border-color: #fff;
    border-style: solid;
    background-color: #d61f6f;
    height:220px;
    
}



#entradader{
width:60%;
    float:left;
    margin-top: -130px;
    margin-left: 17em;
    height:100px;
}

#entradader h1.destacado2{
font-family: "bitter",serif;
    font-weight: 600;
width: 100%;
    font-size:1.8em;
    padding: 5px 10px 5px 10px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #e0dadd;
    border:2pt;
    border-color: #fff;
    color:#d61f6f;
    border-style: solid;
  float: left;
}


#entradader h4.subida2{
font-family: "bitter",serif;
    font-weight: 400;
width: 100%;
    font-size:1.8em;
    padding: 0px 10px 5px 10px;
    margin-top: 0px;
    margin-left: 0px;
   font-style: italic;
   
  float: left;
}




#entrada h6.parrafocharlas2{
width:60%;
    height:40px;
font-family: "cabin",sans-serif;
    font-weight: 400;
    font-size:1.3em;
    
    margin-top:-50px;
    margin-left: 13em;
    color:#fff;
    padding: 0px 0px 20px 10px;
}

#entradaizq img.entrada{
width:25%;
    margin-left: 10px;
}

#placasoft6 h2.tituloplaca6{
width: 97.5%;
font-family: "bitter",serif;
    font-weight: 400;

    font-size:1.8em;
    padding: 5px 0px 5px 10px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #4d4d4d;
    border:2pt;
    border-color: #fff;
    color:#fff;
    border-style: solid;
  float: left;

}


/*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*//*·························································ACTIVIDADES ACTIVIDADES ACTIVIDADES
······················································································*//*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*//*················································································································································*/ 
#caratulatitulo3{
width: 100%;
font-family: "bitter",serif;
    font-weight: 700;
    font-size:4em;
    padding-left: 10px;
    margin-top: 20px;
    margin-left: 60px;
    color:#d61f6f;
    padding: 50px 0px 10px 0px; }
    
    #subtituloboceto3{
width: 50%;
font-family: "bitter",serif;
    font-weight: 400;
    font-style: italic;
    font-size:3em;
    padding: 5px 0px 5px 70px;
    margin-top: 40px;
    margin-left: 0px;
    background-color: #4d4d4d;
    border:2pt;
    border-color: #fff;
    color:#fff;
    border-style: solid;
  float: left;}
    
   
#imagentituloactividades{
width:120%;
    height:120px;
    margin-top: -28px;
    margin-left: -6px;
    background-image: url(imagenes/cintagris.jpg);
    background-size: cover;}


#entradaact1{
width:45%;
     float:left;
    margin-left:30px; 
    margin-top: 20px;
   border: 2pt;
    border-color: #fff;
    border-style: solid;
    background-color: #d61f6f;
    height:230px;
    background-image: url(imagenes/1.gif);
     background-size: contain;
    background-repeat: no-repeat;
    
}

#entradaact2{
width:45%;
     float:left;
    margin-left:30px; 
    margin-top: 20px;
   border: 2pt;
    border-color: #fff;
    border-style: solid;
    background-color: #d61f6f;
    height:230px;
    background-image:url(imagenes/2.gif);
      background-size: contain;
    background-repeat: no-repeat;
}

#entradaact3{
width:45%;
     float:left;
    margin-left:30px; 
    margin-top: 20px;
   border: 2pt;
    border-color: #fff;
    border-style: solid;
    background-color: #d61f6f;
    height:230px;
    background-image: url(imagenes/3.gif);
      background-size: contain;
    background-repeat: no-repeat;
    
}

#entradaact4{
width:45%;
     float:left;
    margin-left:30px; 
    margin-top: 20px;
   border: 2pt;
    border-color: #fff;
    border-style: solid;
    background-color: #d61f6f;
    height:230px;
    background-image: url(imagenes/4.gif);
      background-size: contain;
    background-repeat: no-repeat;
    
}

#entradaact5{
width:45%;
     float:left;
    margin-left:30px; 
    margin-top: 20px;
   border: 2pt;
    border-color: #fff;
    border-style: solid;
    background-color: #d61f6f;
    height:230px;
    background-image: url(imagenes/5.gif);
      background-size: contain;
    background-repeat: no-repeat;
}

#entradaact6{
width:45%;
     float:left;
    margin-left:30px; 
    margin-top: 20px;
   border: 2pt;
    border-color: #fff;
    border-style: solid;
    background-color: #d61f6f;
    height:230px;
    background-image: url(imagenes/6.gif);
     background-size: contain;
    background-repeat: no-repeat;
    
}

#entradaact1 h6.parrafocharlas2{
width:30%;
    height:40px;
font-family: "cabin",sans-serif;
    font-weight: 600;
    font-size:1.4em;
    
    margin-top:20px;
    margin-left: 25em;
    color:#fff;
    padding: 0px 0px 10px 0px;
}


#entradaact2 h6.parrafocharlas2{
width:30%;
    height:40px;
font-family: "cabin",sans-serif;
    font-weight: 600;
    font-size:1.4em;
    
    margin-top:20px;
    margin-left: 25em;
    color:#fff;
    padding: 0px 0px 10px 0px;
}

#entradaact3 h6.parrafocharlas2{
width:30%;
    height:40px;
font-family: "cabin",sans-serif;
    font-weight: 600;
    font-size:1.4em;
    
    margin-top:20px;
    margin-left: 25em;
    color:#fff;
    padding: 0px 0px 10px 0px;
}

#entradaact4 h6.parrafocharlas2{
width:30%;
    height:40px;
font-family: "cabin",sans-serif;
    font-weight: 600;
    font-size:1.4em;
    
    margin-top:20px;
    margin-left: 25em;
    color:#fff;
    padding: 0px 0px 10px 0px;
}

#entradaact5 h6.parrafocharlas2{
width:30%;
    height:40px;
font-family: "cabin",sans-serif;
    font-weight: 600;
    font-size:1.4em;
    
    margin-top:20px;
    margin-left: 25em;
    color:#fff;
    padding: 0px 0px 10px 0px;
}

#entradaact6 h6.parrafocharlas2{
width:30%;
    height:40px;
font-family: "cabin",sans-serif;
    font-weight: 600;
    font-size:1.4em;
    
    margin-top:20px;
    margin-left: 25em;
    color:#fff;
    padding: 0px 0px 10px 0px;
    
}

#thumbwrap3 {
	margin:-14em 0em 0em 3em;
	width:100%; height:200px;
    float:left;
   
}
.thumb2 {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
    height:200px;
}
.thumb2 img { 
	border:3px solid #fff;
	vertical-align:center;
    margin-top: 1em;
    float:left;
     margin-right: 1.5em; 
   
    
}
.thumb2:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
    height:200px;
   
}
.thumb2 span { 
	position:absolute;
	visibility:hidden;
    height:200px;
    
}
.thumb2:hover span { 
	visibility:visible;
	top:-315px; left:-90px; 
    height:200px;
}

#contenidoactividadesimagen{
width:85%;
    height:1580px;
    background-image: url(imagenes/fondomaquetacion.jpg);
    background-size: cover;
    background-position: center;
float:left;
    margin-left: 2em;
    margin-top: 1em;

}

#galeriacombinacion{
margin-top: 1em;
}

#entrada h6.parrafocharlas5{
width:55%;
    height:60px;
font-family: "cabin",sans-serif;
    font-weight: 600;
    font-size:1.5em;
    
    margin-top:0px;
    margin-left: 12em;
    color:#fff;
    padding: 60px 0px 20px 10px;
}

#subtitulomaqueta5{
width: 97%;
font-family: "bitter",serif;
    font-weight: 800;
    font-style: italic;
    font-size:3em;
    padding-left: 40px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-left: -30px;
    color:#b62790;
  float: left;}

#pin{
font-family: "bitter",serif;
font-weight: 400;
font-size:1em;
    font-style: bold;
margin-top:10px;
margin-left:0px;
    margin-bottom: 10px;
color:#fff;
text-align: left;
padding: 5px 10px 5px 10px;
    background-color: #e3e3e8;

}