body { background-color: #F8EFFF;; 
       max-width:1100px; 
       margin:5% auto;
    font-family: sans-serif;
    font-style: normal ;
    font: robotto;
       
}

.caja { background-color: white;  
    max-width:1100px;
    margin:5% auto;  }


.cajaarriba {  
              max-width: 30%; 
              margin: 1% auto; 
              float: left; 
              display: block; }




.item {list-style: none;
        text-transform: uppercase;
        display: inline-block;
        padding: 2.5% 4%;
        color: #fff;
        background-color: rgb(0, 186, 185);
        margin: 3% 1%;
        font-size: 0.8rem;
        letter-spacing: 0.10em;}

.item:hover {background-color: rgb(255, 130, 29); opacity: 0.5;

}
        
a { color: white;
    text-decoration: none;
    
    
}

            


header { margin: 0%; padding: 0;}


ul { text-align: center; margin:0

}

ul li {text-align: center;}

.cajatexto { 
            float: right;
            margin: 5%;
}



.cajaimagen {   float: left;
                width: 19%;
                margin-left: 3%; }

.fotopincel {width:100%;
    
}

.sumate {position: relative;
            width: 24%;
            float: right;
            top: -445px;
            padding: 0% 2%;
            margin-right: 3%;
            background: rgba(255,255,255,0.7);
            font-family: 'Roboto condensed';
            text-align: center;}

.sumate h1 {font-size: 5rem;}

.sumate h2 {font-size: 1.6rem;}


.articulo {background-color: #3E2052;
            display: inline-block;
            width: 29.5%;
            margin: -32% 1%;}




.cajatitulo { text-align: center;
                padding: 7%;
            font-size: 1.5rem;}


.notas {text-align: center;
        clear: both;}










----------------------------------------------------

.noticias {list-style:none; 
        text-transform:uppercase; 
        display:inline-block; 
        padding:1.5% 3%;  
        color:white;
         
        margin:3% 1%; 
        font-size: 0.83em;
        letter-spacing: 0.10em;
        position: relative;
       margin-left: 15%;
}

.noticias:hover {
                background-color: rgb(219, 170, 255);
    color: black;}

.infonot { margin: 15% 8% 8% 8%;

clear: both;
color: white;
font-size: 1.2rem;
}



.cajaabajo { display: inline-block;
            margin-top: 9%;
            text-align: center;
            background-color: #4aa4a5;
            padding: 1% 0% 2% 0%;}

.abajo {  display: inline-block;}

.enlaces { width: 29%;
            display: inline-block;
            margin: 0% 2% 0% 2%;
            text-align: center;
        color: white;}

.enlali {list-style: none;
        text-transform: uppercase;
        display: inline-block;}

-----------------------------------------

.derechos {float: left;
           }

.redes {display: inline-block;}

footer { text-align: center; 
        background-color: #1f8283;
        padding-top: 1%;}

--------------------------------------------------
/*
NOSOTROS
*/


.descripcion {  max-width: 67%;
                text-align: center;
                float: right;
                margin: 2% 1% 0% 0%;
                display: inline-block;
                clear: both;
                padding: 2%; }



.responsables {
                max-width: 23%;
                margin: 0% 0% 1% 1%;
                float: inherit;
                max-height: -18%;
                padding: 1%;
                display: inline-block;}


section.descripcion {
                       float: right;
                        display: inline-block;
                        padding: 0% 3% 5.5% 4%;
                        margin: 4.5% 4% 2% 0%;
                        max-width: 60%;
                        text-align: center;
                        background-color: rgb(78, 50, 110);
                        color: white; }

.nos {font-size: 1.4rem;}

.nenespintan {text-align: center;}

.personas  {background-color: rgb(3, 164, 164);
            margin: 3%;
            display: -webkit-box;
            padding: 2%;
            font-size: 0.9rem;}

.personas:hover {background-color: rgb(99, 53, 150);}

.subti {background-color: rgb(0, 184, 184);
        padding: 4.5%;}


----------------------------------------------------

/*ACTIVIDADES*/

.principal {margin: 0% 0% 3% 0%;}

.actividad {width: 71%;
            float: right;
            margin: 2% 1% -1% 0%;
            padding: 1%;
            text-align: center;
            background-color: rgb(174, 43, 93);}


.numero  {
           background-color: rgba(255, 255, 255, 0.38);
            width: 14%;
            font-size: 6rem;
            color: white;
            margin: 1% 1% 0% 0%;
            clear: both;
            float: left; }


.evento {   background-color: rgba(255, 255, 255, 0.49);
            width: 62%;
            display: inline-block;
            clear: both;
            margin: 1%;
            padding: 0.5%;
            color: white;}


.eventimg { width: 18%;
            max-width: 20%;
            float: right;
            display: inline-block;
            margin: 1% 1% 0% 0%;}

.obras {max-width: 75%;}

.otromenu {margin: -2% 0% 37% 1%;
            max-width: 23%;
            float: inherit;
            padding: 1%;
            display: inline-block;}