body { background-color: #FFFFFF; 
       max-width:1100px; 
       margin:2% auto; font-family: 'Roboto condensed'}




    .contenedor {max-width:80%; 
                margin:1% auto; 
                        
    }

    #header .logo  {float:left; 
                    margin-top:1.5%;
                    width:15%;
    }

    #header .logo img {width:100%
    
    }
    
    #header .datos {float:right;
                width:20%;
}

    #header ul {margin:0; 
                text-align:right; 
               /* background:#f1f1f1;*/
        padding: 6% 0;}
               


    #header ul li   {display:inline-block; 
                    list-style:none; 
                    text-decoration:none; 
                    padding:1.5% 2%; 
                    color:#aaa; 
                    font-size:13px;
                    transition: background-color 0.3s ease-in-out;
                    margin-left: -4px;
                    
    }

    #header ul li:hover { background:#9acbd4;
        color:#fff;}


.cajaimagen { width: 100%;clear: both;}

.menu a{text-decoration: none;
    list-style: none;color:black}


.fotopincel {width:100%;
    
}

.sumate {position:relative; 
        width: 25%;
        float: right; 
        top:-325px; 
        padding:3% 2%;
        margin-right:7%; 
        background:rgba(255,255,255,0.7);
        font-family:'Roboto condensed'}




.sumate h1 {font-size:150%}

.sumate p {font-size:100%%}


section { width: 100%; height: auto }



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

li .textocuadrado {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%;
        text-align: center;}
a {text-align: center}

.noticias {list-style:none; 
        text-transform:uppercase; 
        display:inline-block; 
        padding:1.5% 3%;  
        color:white;
        font-size: 1em;
        letter-spacing: 0.10em;
        text-align: center;
         }

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

.infonot { margin: 5%; margin: 30% 8% 8% 8%;
            text-align: center;
            clear: both;
            color: white; }

  

.cajaabajo { display: inline-block;
            margin-top: 9%;
            text-align: justify;
            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;
        color: white;
        padding: 6%;}



.articulo { background-color:#ffa500 ;
            display: inline-block;
            width: 22%;
            padding: 2% 0% 3% 0%;
            margin: -17% 1%;
            min-height: 90%;
}


p {text-align: center}



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


.sumatetexto {text-align: left}




.infonot { margin: 15% 8% 8% 8%;
            text-align: center;
            clear: both;
            color: white;
 }
----------------------------------------------------


.derechos {width: 30%;
            margin: 3% 0% 0% 0;
            clear: both;
            display: inline-block;}

.redes {display: inline-block;}

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


--------------------------------------------------
/*
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;
                margin-top: -2%}


section.descripcion {
                        float: right;
                        display: inline-block;
                        background-color: aliceblue;
                        padding: 2% 4% 8.5% 4%;
                        max-width: 65%;
                        text-align: left;
                        background-color:orange;
                        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;
            width: 102%}
.personas a {list-style: none; color: white;text-decoration: none;text-align: center}
.personas:hover {background-color: rgb(99, 53, 150);}

.subti {background-color: rgb(0, 184, 184);
        padding: 4.5%;
color: white;
width: 99%;text-align: left;
margin-left: 2%}

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

/*ACTIVIDADES*/

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

.actividad { width: 71%;
            float: right;
            margin: 0% 1% 0% 0%;
            padding: 1%;
            text-align: center;}


.numero  {
            background-color: blueviolet;
            width: 14%;
            font-size: 6rem;
            color: white;
            margin: 1% 1% 0% 0%;
            clear: both;
            float: left; }


.evento {   background-color:whitesmoke;
            width: 62%;
            display: inline-block;
            clear: both;
            margin: 1%;
            padding: 0.5%;}


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

.obras {max-width: 75%;}

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

.eventodescrip { padding: 0 1%}