*{
    margin: 0;
    padding: 0;
}

body{
        background-color: black; 
        font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 18px;
        width: 100%;
        height: 100%;
        min-height: 100%;
        min-width: 100%;
    
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}
#contenedor{
    width: 100%;
    margin: 0 auto; 
    background: black;
}

#menu{
    background: #01DFD7;
    width: 100%;
    margin: 0 auto;
    height: 45px;
    list-style: none;
    color: black;
    
}

#menu li {
    text-align: center;
    background: #01DFD7;
    float: left;
    width: 100%;
    height: 100%;
}

.asup {
    text-decoration: none;
    line-height: 45px;
    display: block;
    color: black;
   
}

.asup:hover{
    color: black;
    background: #A9F5F2;
    border-radius: 10px;
    font-weight: bold;
}

#cabecera{
    width: 50%;
}




#lastmenu{
    background: #540155;
    width: 100%;
    margin: 0 auto;
    height: 45px;
    list-style: none;
    color: black;
    
    
}

#lastmenu li {
    text-align: center;
    background: #540155;
    float: left;
    width: 100%;
    height: 100%;
    font-size: 12px;
    
}

.ainf {
    text-decoration: none;
    line-height: 45px;
    display: block;
    color: white;
   
}

.ainf:hover{
    color: yellow;
    background: none;
    font-weight: bold;

}

#submenu  {
    float: left;
    
}

#submenu ul {
    float: left;
    list-style-type: none;
    margin-left: 2px;
    width: 130px;
    line-height: 40px;
    font-family: Arial, sans-serif;
    font-size: 13pt;
    text-align: center;
}

#submenu ul li {
    background-color: #033939;
}

#submenu ul li a {
    color: #ccc;
    text-decoration: none;
    display: block;
}

#submenu ul li a:hover {
    background: #A9F5F2;
    color: #000;
    font-weight: bold;
}

#cuerpo { 
    width: 100%;
    background: black;
    overflow: hidden;
    padding: 10px;
    margin-top: -5px;
    
}


#recuadros {
    width: 100%;
    float: left; 
    
    
}

#registrate { 
    background: white;  
    text-align: center;
    font-size: 15px;
    border-color: #aaaaaa;
    border-width: 2px;
    border-style: outset;
    
}


#calendario { 
    background: white; 
    margin: auto;
    
}


#eventos { 
    background: white;
    float: left;  
    text-align: center;
    font-size: 15px;
    border-color: #aaaaaa;
    border-width: 2px;
    border-style: outset;
    
}

#imagen_cabecera {
    width: 95%;
    
}

#frase {
    width: 100%;
    
}


#registrate, #calendario, #eventos {
    margin: 5px;
    padding: 8px;
    width: 90%;
}

#ingrid {
    padding: 10px;
    float: left;
    margin-left: 40px;
   
}

#datospersonales {
   
    padding: 10px;
    height: auto;
    color: white;
    background: black;
    float: left;
    font-size: 16px;
    
}
    
#datospersonales ul { 
    list-style: none;
    background: black;

}


#ailen {
    padding: 10px;
    float: left;
    height: auto;
    color: white;
    background: black;
    margin-left: 170px;
}

#datospersonalesailen {
   
    float: left;
    padding: 10px;
    height: auto;
    color: white;
    background: black;
    font-size: 16px;
    margin-right: -200px;
    
}
    
#datospersonalesailen ul { 
    list-style: none;
     background: black;

}

#ines {
    padding: 10px;
    color: white;
    background: black;
    float: left;
    height: auto;
    margin-left: 170px;
}



#datospersonalesines {
   
    float: left;
    padding: 10px;
    height: auto;
    color: white;
    background: black;
    font-size: 16px;
    margin-right: -200px;
    
}
    
#datospersonalesines ul { 
    list-style: none;
     background: black;

}
#cuadrito {
    
    background-color: #A4A4A4;
    color: #540155;
    text-align: center;
    padding: 3px;
    height: 100%;
    width: 100%;
    line-height: 35px;
    border-bottom: 10px solid white;
    
}
   
    
#cuadrito span {
    font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-style: italic;
    margin-left: 5px;
    
}
    
#plantelcuadrado {
    width: 700px;
    height: auto;
    background: #fff;
    float: left;
    margin: 50px;
    
}
    
#plantelcuadrado ul { 
    list-style: none;

}

#trabajosuno {
    width: 700px;
    height: auto;
    background: #fff;
    float: left;
    margin: 50px;
    
}
    
#trabajosuno ul { 
    list-style: none;

}
    
  
#encabezado  {
    margin-bottom: 5px;
    
}

.interior {
    margin-left: 50px;  
    
}

#sociales {
    
    float: right;
    margin-right: 5px;
    
}

#legales {
    width: 100%;
    height: 100%;
    background: #540155;
    color: #a83fa9;
    font-size: 10px;
    text-align: center;

}
    
    
#footer {
    height: 100%;
    width: 100%;
    overflow: hidden;
    
    
}

#texto { 
    margin-left: 100px;
    float: right;
    width: 300px;
    background: white; 
    text-align: center;
    font-size: 15px;
    color: black;
    
}
    
    


#foto1 { 
    height: 200px;
    width: 50%;
    background-image: url("imagenes/foto1.jpg");  
    margin: auto;
    float: left;
    
}

#foto2 { 
    height: 200px;
    width: 50%; 
    background-image: url("imagenes/foto2.jpg");
    margin: auto;
    float: left;
    
}

#foto3 { 
    height: 200px;
   width: 50%;
    background-image: url("imagenes/foto3.jpg");
    margin: auto;
    float: left;
    
}

#foto4 { 
    height: 200px;
    width: 50%; 
    background-image: url("imagenes/foto4.jpg");
    margin: auto;
    float: left;
    
}

#foto5 { 
    height: 200px;
    width: 50%; 
    background-image: url("imagenes/foto5.jpg");
    margin: auto;
    float: left;
    
}

#foto6 { 
    height: 200px;
    width: 50%; 
    background-image: url("imagenes/foto6.jpg");
    margin: auto;
    float: left;
    
}


#foto7 { 
    height: 200px;
    width: 50%;
    background-image: url("imagenes/foto7.jpg");
    margin: auto;
    float: left;
    
}

#foto8 { 
    height: 200px;
    width: 50%; 
    background-image: url("imagenes/foto8.jpg");
    margin: auto;
    float: left;
    
}

#foto9 { 
    height: 200px;
    width: 50%;
    background-image: url("imagenes/foto9.jpg");
    margin: auto;
    float: left;
    
}

#foto10 { 
    height: 200px;
    width: 50%;
    background-image: url("imagenes/foto10.jpg");
    margin: auto;
    float: left;
    
}


/*reglas generales y especificas para cels*/

@media all and (min-width: 320px) {
  /*hereda lo anterior y sólo las modificaciones para cels mayores */
}




@media all and (min-width: 640px)  {
  /*hereda lo anterior y sólo las modificaciones para tabletas mayores */
    
    body{
    background-color: #000; 
        font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 18px;
        width: 80%;
        height: 100%;
        min-height: 100%;
        min-width: 100%;
        
    
    
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}
#contenedor{
    width: 960px;
    margin: 0 auto; 
}

#menu{
    background: #01DFD7;
    width: 100%;
    margin: 0 auto;
    height: 45px;
    list-style: none;
    color: black;
    
    
}

#menu li {
    text-align: center;
    float: left;
    width: 25%;
    height: 50px;
    
}

.asup {
    text-decoration: none;
    line-height: 45px;
    display: block;
    color: black;
   
}

.asup:hover{
    color: black;
    background: #A9F5F2;
    border-radius: 10px;
    font-weight: bold;
}
    
    
#cabecera{
    width: 100%;
}





#lastmenu{
    background: #540155;
    width: 100%;
    margin: 0 auto;
    height: 45px;
    list-style: none;
    color: black;
    
    
}

#lastmenu li {
    text-align: center;
    float: left;
    width: 25%;
    height: 100%;
    
}

.ainf {
    text-decoration: none;
    line-height: 45px;
    display: block;
    color: white;
   
}

.ainf:hover{
    color: yellow;
    background: none;
    font-weight: bold;

}

#submenu  {
    float: left;
    
}

#submenu ul {
    float: left;
    list-style-type: none;
    margin-left: 2px;
    width: 130px;
    line-height: 40px;
    font-family: Arial, sans-serif;
    font-size: 13pt;
    text-align: center;
}

#submenu ul li {
    background-color: #033939;
}

#submenu ul li a {
    color: #ccc;
    text-decoration: none;
    display: block;
}

#submenu ul li a:hover {
    background: #A9F5F2;
    color: #000;
    font-weight: bold;
}

#cuerpo { 
    width: 100%;
    background: black;
    overflow: hidden;
    padding: 10px;
    margin-top: -5px;
    
}

#recuadros { 
    height: 100%;
    width: 100%;
    float: left; 
    
    
}
    
#registrate { 
    line-height: auto;
    height: 190px;
    background: white;
    float: left;  
    text-align: center;
    font-size: 15px;
    border-color: #aaaaaa;
    border-width: 2px;
    border-style: outset;
    
}


#calendario { 
    height: 190px;
    background: white; 
    margin: auto;
    line-height: auto;
    float: left; 
    
}


#eventos { 
    line-height: auto;
    height: 190px;
    background: white;
    float: left;  
    text-align: center;
    font-size: 15px;
    border-color: #aaaaaa;
    border-width: 2px;
    border-style: outset;
    
}

#imagen_cabecera {
    width: 100%;
    
}

#frase {
    width: 100%;
    
}


#registrate, #calendario, #eventos {
    margin: 5px;
    padding: 8px;
    width: 30%;
}

#ingrid {
    padding: 10px;
    float: left;
    margin-left: 40px;
}

#datospersonales {
   
    padding: 10px;
    height: auto;
    float: left;
    font-size: 16px;
    
}
    
#datospersonales ul { 
    list-style: none;

}


#ailen {
    padding: 10px;
    float: left;
    height: auto;
    margin-left: 170px;
}

#datospersonalesailen {
   
    float: left;
    padding: 10px;
    height: auto;
    font-size: 16px;
    margin-right: -200px;
    
}
    
#datospersonalesailen ul { 
    list-style: none;

}

#ines {
    padding: 10px;
    float: left;
    height: auto;
    margin-left: 170px;
}



#datospersonalesines {
   
    float: left;
    padding: 10px;
    height: auto;
    font-size: 16px;
    margin-right: -200px;
    
}
    
#datospersonalesines ul { 
    list-style: none;

}
#cuadrito {
    
    background-color: #A4A4A4;
    color: #540155;
    text-align: center;
    padding: 3px;
    height: 36px;
    width: 954px;
    line-height: 35px;
    border-bottom: 10px solid white;
    
}
   
    
#cuadrito span {
    font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-style: italic;
    margin-left: 5px;
    
}
    
#plantelcuadrado {
    width: 700px;
    height: auto;
    background: #fff;
    float: left;
    margin: 50px;
    
}
    
#plantelcuadrado ul { 
    list-style: none;

}

#trabajosuno {
    width: 700px;
    height: auto;
    background: #fff;
    float: left;
    margin: 50px;
    
}
    
#trabajosuno ul { 
    list-style: none;

}
    
  
#encabezado  {
    margin-bottom: 5px;
    
}

.interior {
    margin-left: 50px;  
    
}

#sociales {
    
    float: right;
    margin-right: 5px;
    
}

#legales {
    width: 100%;
    height: 100px;
    background: #540155;
    color: #a83fa9;
    font-size: 11px;
    text-align: center;
    float: left;

}
    
    
#footer {
    height: 100%;
    width: 100%;
    overflow: hidden;
    
}

#texto { 
    margin-left: 100px;
    float: right;
    width: 300px;
    background: white; 
    text-align: center;
    font-size: 15px;
    color: black;
    
}
    
    


#foto1 { 
    height: 200px;
    width: 50%;
    background-image: url("imagenes/foto1.jpg");  
    margin: auto;
    float: left;
    
}

#foto2 { 
    height: 200px;
    width: 50%; 
    background-image: url("imagenes/foto2.jpg");
    margin: auto;
    float: left;
    
}

#foto3 { 
    height: 200px;
   width: 50%;
    background-image: url("imagenes/foto3.jpg");
    margin: auto;
    float: left;
    
}

#foto4 { 
    height: 200px;
    width: 50%; 
    background-image: url("imagenes/foto4.jpg");
    margin: auto;
    float: left;
    
}

#foto5 { 
    height: 200px;
    width: 50%; 
    background-image: url("imagenes/foto5.jpg");
    margin: auto;
    float: left;
    
}

#foto6 { 
    height: 200px;
    width: 50%; 
    background-image: url("imagenes/foto6.jpg");
    margin: auto;
    float: left;
    
}


#foto7 { 
    height: 200px;
    width: 50%;
    background-image: url("imagenes/foto7.jpg");
    margin: auto;
    float: left;
    
}

#foto8 { 
    height: 200px;
    width: 50%; 
    background-image: url("imagenes/foto8.jpg");
    margin: auto;
    float: left;
    
}

#foto9 { 
    height: 200px;
    width: 50%;
    background-image: url("imagenes/foto9.jpg");
    margin: auto;
    float: left;
    
}

#foto10 { 
    height: 200px;
    width: 50%;
    background-image: url("imagenes/foto10.jpg");
    margin: auto;
    float: left;
    
}