body { background-image: url(imagenes/Background-web.jpg); font-family: 'Roboto', sans-serif; }

a, li, ul {margin:0; padding:0; color:inherit;  text-decoration: inherit; list-style: none;}

/*--------------- CONTENEDOR PRINCIPAL------------------*/

#caja { background-color: white; 
    max-width:850px; margin:1% auto; 
    box-shadow: 0px 2px 16px 0px #aaa;}



            .logo { float: left;
                    margin: 1.5% 0% 0% 3%;
                    width:30%;} 
            .logo img {
                    width:100%;}
			ul, ol {
				list-style:none;
			}

            .nav {float: right;
                        margin-top: 3%;
                        width: 60%;}

			.nav > li {
                        float: left;
                        width:19.5%;
                        text-align: center;
                        font-size: 0.7rem;
                        transition: all 0.3s ease 0s;
                    }

            li img {width: 50%}

            .nav li p {margin:5px}
			
			.nav li a {
				    color: #000;
                    text-decoration: none;
                    padding: 7% 0% 9% 0%;
                    display: block;
			}
			
			/*.nav li a:hover {
				background-color:#434343;
			} */
			
			.nav li ul {
				display:none;
				position:absolute;
				width:99px;
                z-index:99;
			}

            .nav > li.in:hover {background-color: rgb(255, 218, 0)}

            .nav > li.nos:hover {background-color: rgb(0, 168, 156);color: white;}

            .nav > li.ac:hover {background-color: rgb(103, 59, 184); color: white;}

            .nav > li.ga:hover {background-color:rgb(255, 37, 108); color: white;}

            .nav > li.cont:hover {background-color: rgb(255, 147, 49); color: white;}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
                transition: all 0.3s ease 0s;
			}
			
			
.nav li ul li:hover {background:rgba(255,255,255,0.95)}
.submenunos {background-color: #f1f1f1}
.submendos {background-color: #f1f1f1}

.submencuatro {background-color: #f1f1f1}




#header {display:block}

/* ---------------------- SECTION --------------------------*/



.segundaparte { width: 95%;
                margin: auto;
                text-align:center;
    
 }

.anotate {
    width: 26%;
    background-color: #ECAE01;
    text-align: center;
    float: left;
    margin-top:1.7%;
    overflow: hidden;
    color:#fff;
}

.sumate, .empresas, .estudiantes {padding: 6.7% 7%; box-sizing: border-box; transition: all 0.5s ease 0s;}
.sumate h3, .empresas h3, .estudiantes h3 {font-size:1.5em; margin:3% 0% }
.sumate p, .empresas p, .estudiantes p {font-size:0.7em;line-height:20px}
.sumate:hover, .empresas:hover, .estudiantes:hover {background:rgba(255,255,255,0.9); color:#ECAE01}



/* ------- NOTICIAS DESTACADAS------------*/

.caja-derecha {width:72%; float:right;}

.noticiasdestacadas{ background-image: url(imagenes/noticiasdestacadas.png)  ;
                    background-repeat: no-repeat;
                    width: 100%;
                    }

.noticiasdestacadas h2 {color:aliceblue; padding: 1.5% 0% 1.5% 2%;text-align: left; font-size: 1em;}

.noticias {width: 33.3%;
           float: left;
           margin:0;
           transition: all 0.5s ease 0s;
          }
.noticias img {width:100%}
.noticias:hover {opacity:0.7}


/* ------- NUESTROS TALLERES ------------*/


.nuestrostalleres{ background-image: url(imagenes/nuestrostalleres.png);
                    background-repeat: no-repeat;
                    width: 100%;
                    }

.nuestrostalleres h2 {padding: 1.5% 0% 1.5% 2%;text-align: left;margin-bottom:1%; font-size: 1em; color:#fff}

.terceraparte {width: 95%; margin: auto;}
.terceraparte .izquierda {float:left; width:26%; margin-top:1.7%; transition: all 0.5s ease 0s;}
.terceraparte .derecha {float:right;width:72%}
.terceraparte .izquierda img {width:100%}
.terceraparte .izquierda:hover {opacity:0.7}
.terceraparte .mapagoogle iframe {float: right; width:60%;max-height: 147px;border:0}
.barrio {width: 38%; float: left; transition: all 0.5s ease 0s;}
.barrio img {width:100%}
.barrio:hover {opacity:0.7}


/* ------- NUESTROS VIDEOS ------------*/


.nuestrosvideos{ background-image: url(imagenes/nuestrosvideos.png); background-repeat: no-repeat; width: 95%;margin:auto}

.nuestrosvideos h2 {padding: 1.5% 0% 1.5% 2%;text-align: left;margin-bottom:1%; font-size: 1em; color:#fff}

.video {  margin: auto; width: 95%;}
.video img {width:100%}
.backgoundnosotros img {width:100%}

.backgoundnosotros { width:80%}

.recuadro1 {width: 26%; 
    margin-top:-95%;
    padding: 5%;
    text-align: center}

.circulopersona { width:100%; clear:}

.olga { text-align: center;
    margin-top: 14%;}

.maximiliano {text-align: center;
              display: block;
              margin-left: 31%;
              margin-top: 62%;}

.romina{text-align: center;
        display: block;
        margin-left: 4%;
        margin-top: 41%;}

.recuadro2 {width: 26%;
            margin-top:-75%; 
            margin-left:40%; 
            text-align: center}

.claudia {display: block;
          margin-left: 33%;}

.mariano {display: block;
            margin-right: 58%;
            margin-top: 26%;}

.mora {display: block;
        margin-top: 60%;
        margin-left: 23%;}

.matias {display: block;
         margin-top: 18%;
         margin-left: -17%;}

.recuadro3 {width: 26%;
            margin-top: -84%;
            margin-left: 68%; 
            text-align: center}


.nadia {margin-top: 28%;}

.leandro{margin-top:62%;
        margin-right: 38%;}

.geraldina{margin-top: 52%;
        margin-left: 17%;}


#conoce{   font-size: 2.6rem;
    float: none;
    margin: 24% 31% -30% -7%;
    font-weight: bold;
}

#conoce:hover {color: rgb(0, 168, 156);}

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


#proyectex h3 {
    color: #00A89C;
    width: 5%;
    float: left;
    margin: 3.5% 2% 1% 7%;
}

#proyectex h4 {
    color: white;
    font-size: 1rem;
   /* margin: 0% 0% 0% 3%;*/
    background-image: url(imagenes/proyectos.png);
    padding: 0% 0% 0% 2%;
    width: 89%;
    text-transform: capitalize;} 

#proyectex h2 {
    color: #FFFFFF;
    text-align: center;
    background-color: #00A89C;
    letter-spacing: 0.1em;
    padding: 0.3%;}

#proyectex  {
    background-color: white;
    width:62%;
    margin: 1% 0% 0% 5%;
    float: left;
    line-height: 1.35;
    letter-spacing: 0.02em;
}

#secpro {background-color:white; float: left;}

#proyectex p {
    margin: 3%;
    font-size: 0.75rem;
    /*background-color: rgba(223, 255, 253, 0.28);*/
    padding: 1% 1% 1% 1%;
}

.proyectim  {float: left;
             margin: 0% 0% 0% 1%;
             margin-top: 2%;
             margin-bottom: 2%;
             padding: 1%}

.proyecto1 img {width: 100%}
.proyecto1 {width: 100%}

.proyecto2 img {width: 100%}
.proyecto2 {width: 100%}

/*.proyecto3 img {width: 100%}
.proyecto3 {width: 100%}*/

.proyecto4 img {width: 100%}
.proyecto4 {width: 100%}

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

 h4 { color: white;
    font-size: 1rem;
    margin: 0% 0% 0% 3%;
    background-image: url(imagenes/separador.png);
    padding: 0% 0% 0% 1%;
    width: 89%;
    margin-left: 4%;
    font-weight: lighter;
    text-transform: capitalize;}

.perfil {height: 383px; clear: both;}

.contenedorrectangular { width: 40%;
                         float:left;
                         margin-left: 4%;
                         margin-top: 2%;}

.personas { width: 100%;
            text-align: center}

/*.contenedorperfil { width: 50%;
                    float:left;
                    padding: 0 0 0 1%;
                    background-color: rgb(223, 255, 253);
                    margin-top:2%;
                    height: 400px;}*/

.contenedorequipo { width: 50%;
                    float:left;
                    padding: 0 0 0 1%;
                    background-color: rgb(223, 255, 253);
                    margin-top:2%;
                    height: 341px}

.tituloperfil { float: left;
                color: black;
                text-transform: uppercase;
                margin:2%;font-weight:800;
                width: 100%;
                font-size:-webkit-xxx-large;}

.bajadaperfil { float: left;
                color: black;
                font-size: 1rem; 
                margin:2%;
                margin-top: -1%;
                font-weight: 200;}

.textoperfil  { float: left;
                margin:2%;
                text-align: left; 
                font-size: 0.68rem;
                width: 92%;
                margin-top: 0;
                line-height: 1.45;
                letter-spacing: 0.02em;}

.textoequipo  { float: left;
                margin:2%;
                text-align: left;
                font-size: 0.68rem;
                width: 92%;
                margin-top: 27px;
                line-height: 1.45;
                letter-spacing: 0.02em;}

.botonerarectangulo { width: 100%;
                      margin-top: 17%;}

.botoneraperfil {  float: left;
                   display: inline;
                   padding: 1%;
                   margin: 2%;
                   background-color:#00A89C;}

.botonperfil {  float:right;
                padding: 1%;
                width: 100%;
                margin-left: 43%;}

.fondoboton{ width:26%; 
             float:right;
             margin-top: -24%;
             margin-right: 11%;
             margin-top: -17%;
             clear: both}

.porfolio{  color:white;
            text-transform: uppercase;
            font-weight: lighter;
            margin-left: 27%;}

/* --------- CONTACTANOS -----------*/

.Contacc {max-width: 1000px}

.contacc img { width: 100%}


.contacto-descrip h1{font-size: 1.8rem;
          background-image: url(imagenes/proyectosnar.png);
          color:white;
          font-weight: bold;
          padding: 0% 9%;;
          font-size: 1.3rem}


.contacto-descrip p{padding: 0% 9%;
                    margin: 0% 26% 2% 0%;
                    font-size: 0.80rem;}

.formu h3{padding: 0% 9%;
          font-size: 0.75rem}

.form-control {
    display: block;
    width: 80%;
    height: 50px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid rgb(255,147,49);
    border-radius: 4px;
    margin:0% 9%}

.form-control1 {
    display: block;
    width: 80%;
    height: 145px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid rgb(255,147,49);
    border-radius: 4px;
    margin:0% 9%}

.boton_contacto{padding: 0% 1% 0% 1%;
                background-color: #FFF;
                color: #000;
                font-size: 0.80em;
                margin: 1% 11%;
                float: right}

/* ---------------------- ASENTAMIENTO --------------------------*/

.asentamiento1 { clear: both; 
                 float: left;
                 width: 40%;
                 margin-left: -4%;}


.asentamientotexto {background-color: white;
                    width:43%;
                    margin: 3% 0% 0% 5%;
                    float: right;
                    line-height: 1.35;
                    letter-spacing: 0.02em;
                    padding-right: 5%;}

.asentamientotexto h2 {  color: #FFFFFF;
                        text-align: center;
                        background-color: #673BB8;
                        letter-spacing: 0.1em;
                        padding: 0.3%;
                        font-size: 0.98rem;}

.asentamientotexto p { margin: 3%;
                      font-size: 0.75rem;
                      padding: 1% 1% 1% 1%;}


.asentamientotexto2 {background-color: white;
                    width:50%;
                    margin: 2% 0% 0% 3%;
                    float: left;
                    line-height: 1.35;
                    letter-spacing: 0.02em;
                    clear: both;}


.asentamientotexto2 h4 {  color: white;
                        font-size: 1rem;
                        margin: 0% 0% 0% 3%;
                        background-image: url(imagenes/proyectos2.png);
                        padding: 0% 0% 0% 1%;
                        width: 89%;
                        margin-left: 4%;
                        font-weight: lighter;
                        text-transform: capitalize;}


.asentamientotexto2 p { margin: 3%;
                      font-size: 0.75rem;
                      padding: 1% 1% 1% 1%;}

.asentamiento2  {clear: both; 
                 width: 61%;
                 display: inline-block;
                 margin-top: -44%;
                 float: right;
                 padding: 0 0 3% 0%;}

.gentelamadrid {width: 80%;
                clear: both; 
                float: right}



/* --------- ACTIVIDADES - Algunos de estilos estan compartidos con los de seminarios -----------*/


.infoact {    background-color: rgb(255, 218, 0);
                float: right;
                width: 30%;
                clear: both;
                margin: -64.5% 3% 0 0;
                height: 30px;}

.tituloact {   text-align: center;
                margin: 2% 0 0 0;
                letter-spacing: 0.1rem;}



.infoact2 { float: right;
            width: 30%;
            clear: both;
            margin: -60% 3% 0 0;
            height: 482px;}

.entrecuento { width: 100%;}

.tropezon{ width: 100%;
           margin: -2% 0 0 0;}

.mago{ width: 100%;
               margin: -2% 0 0 0;}

.infotalleres {background-color: rgba(255, 218, 0, 0.21);
               float: right;
               width: 30%;
               clear: both;
               margin: -89% 3% 0 0;
               height: 463px;}

.proyecciones {background-color: rgba(255, 218, 0, 0.21);
               float: right;
               width: 30%;
               clear: both;
               margin: -34% 3% 0 0;
               height: 261px;}

.infopro {    background-color: #673BB8;
              float: right;
              width: 100%;
              clear: both;
              height: 28px;
              color: white;}

.solis { width: 100%;}

.lezama { width: 100%;
          margin: -1% 0 0 0}

.matheu { width: 100%;
          margin: -0.5% 0 0 0}

.concursos {  width: 93.3%;
              height: 285px;
              
              clear: both;
              margin: 3.7%;}

.tituloconc { width: 30%;
              color: white;
              height: 100%;}

.tituloconc img { width: 102%}

.pintura { margin: 0 0 0 -0.3%}
.cortometraje { margin: 0 0 0 -0.3%}
.infancias { margin: 0 0 0 -0.4%}
.cinearg { margin: 0 0 0 -0.4%}
.fotolibro { margin: 0 0 0 -0.3%}

.contconcurso { width: 93.3%;
                height: 280px;}

.infoconc {   /*background-color: rgb(255, 218, 0);*/
              float: right;
              width: 100%;
              clear: both;
              height: 28px;
              color: white;}

.conctitulares{ color: white;
                font-size: 1rem;
                margin: 0% 0% 2% 0%;
                background-image: url(imagenes/proyectos3.png);
                padding: 0% 0% 0% 1%;
                width: 99%;
                margin-left: -0.5%;
                font-weight: lighter;
                text-transform: capitalize;}



/* --------- CALENDARIO -----------*/



.calendario {
    background-color: white;
    height: 1000px;
}
.tablaca {
    
    width: 60%;
    margin: 0% 0% 0% 8%;
    float: left;
}

.fila {}

.cahorario {
    background-color: rgba(157, 0, 255, 0.08);
    width: 13%;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0% 0% 0% 0%;
    margin-top: 1%;
}

.catitulo {
    
    width: 43%;
    padding: 0% 1% 0% 1%;
    background-image: url( imagenes/background-tablas.png);
    background-color: rgba(169, 169, 169, 0.05)}

.cadescrip {
    background-color: rgba(169, 169, 169, 0.21);
    font-size: 0.6rem;
    padding: 2%;
}

.fechaca {
    text-align: center;
    font-size: 2rem;
    font-weight: bolder;
}



.cadescripim {background-color: firebrick;}

.calugar {
    text-align: center;
    font-size: 0.8rem;
    padding: 0% 1% 0% 1%;
}

.cinetit {
    background-image: url(imagenes/nuestrostalleres.png);
    width: 59%;
    float: left;
    margin: 2% 0% 1% 8%;
    font-size: 0.8rem;
    height: 25px;
    color: white;
}
.cahorarioa {background-color: mediumslateblue; 
            text-align: center;
            font-weight: 600; }
.catituloa  {background-color: mediumslateblue;
            text-align: center;
            font-weight: 600; }
.cadescripa {background-color: mediumslateblue;
            text-align: center;
            font-weight: 600; }
.cadescripima {background-color: mediumslateblue; 
              text-align: center;
              font-weight: 600; }

.fecheca {
margin: 0.5% 0% 0% 1%;
}

.tituloevento {
    
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}
.eventodescrip {
   ;
    font-size: small;
    margin: -15% 0% 4% 0%;
}

.destacados {
    background-color: #FF256C;
    width: 22%;
    float: left;
    display: inline-block;
    margin: 0% 0% 0% 1%;
}
.evendest {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 800;
}

.imagendest img {width:100%}
.imagendest {width:100%}

.desttitulo {
    text-align: center;
    color: white;
    font-size: 1.1rem;
}

.destdescrip {
    font-size: 0.75rem;
    padding: 0% 2% 0% 2%;
    text-align: center;
    color: white;
}

.destestrella img {width: 100%}
.destestrella {width: 100%}

.horacaa {margin: -47% 0% 0% 0%;}
.horacab {margin: -37% 0% 0% 0%;}
.horacac {margin: -38% 0% 0% 0%;}
.horacad {margin: -37% 0% 0% 0%;}


/* ---------------------- SEMINARIOS --------------------------*/


.tablasemi { width: 101%;
             float: right;
             padding: 0 0 5% 0;
             clear: both;}

.vermas:hover {color: #673BB8;}

.titulosemi { color: #FFFFFF;
              text-align: center;
              background-color: #673BB8;
              letter-spacing: 0.1em;
              padding: 0.3%;}



#proyectexsemi{ background-color: white;
                width:62%;
                margin: 0% 0% 0% 4%;
                float: left;
                line-height: 1.35;
                letter-spacing: 0.02em;}


#proyectexsemi p { margin: 3%;
                   font-size: 0.75rem;
                   padding: 1% 1% 1% 1%;}


#proyectexsemi h2 { color: #FFFFFF;
                    text-align: center;
                    background-color: #673BB8;
                    letter-spacing: 0.1em;
                    padding: 0.3%;}

.semidescrip {font-size: small;
              text-align: center;}

.imgsemi { float: left; clear: both;}

.diassemi h3 { color:#673BB8;
               margin: 3%;
               font-size: 0.75rem;}

.cahorariosemi {background-color: rgb(255, 218, 0);
                width: 13%;
                text-align: center;
                font-size: 1.1rem;
                font-weight: 600;
                margin: 0% 0% 0% 0%;
                margin-top: 1%;}

.infosemi { /*background-image: url(imagenes/background-tablas.png);*/
            background-color: rgba(255, 218, 0, 0.21);
            float: right;
            width: 30%;
            clear: both;
            margin: -75% 3% 0 0;
            height: 610px;}

.infosemi2 {    background-color: rgb(255, 218, 0);
                float: right;
                width: 30%;
                clear: both;
                margin: -81.5% 3% 0 0;
                height: 30px;}

.infosemi3 {    background-color: rgb(251, 251, 251);
                background-image: url(imagenes/background-tablas.png);
                float: right;
                width: 30%;
                clear: both;
                margin: -77% 3% 0 0;
                height: 626px;}

.tituloconf {   text-align: center;
                margin: 2% 0 0 0;
                letter-spacing: 0.3rem;}


.lineasemi {float: right;
            width: 30%;
            clear: both;
            margin: -75% 3% 0 0;}

.infosemitx { padding: 1%;
              font-size: 0.75rem;
              line-height: 1.35;
              letter-spacing: 0.02em;
              margin-left: 6%;}

.infosemitx2 { padding: 1%;
              font-size: 0.75rem;
              line-height: 1.35;
              letter-spacing: 0.02em;
              margin-left: 6%;
              width: 84%;}

/* ---------------------- SEMINARIOS - ind --------------------------*/

.secind { background-color:rgb(103, 59, 184);
          float: left;
          width: 100%;}


.semiindcont {  background-color: rgba(103, 59, 184, 0.25);
                height: 418px;
                overflow: auto}

.sec img { float: left;
           clear: both;
           width: 100%;
           padding: 0% 0 2% 0;}

.sec2 img { float: left;
           clear: both;
           width: 52%;}

.texsemi  { width: 43%;
            padding: 2% 2% 0 0%;
            float: right;
            line-height: 1.35;
            letter-spacing: 0.03em;
            clear: both;
            text-align: left;
            font-size: 0.7rem;
            color: white;
            margin: -47% 2% 0 0;}

.volverbtn {    margin: 0 0 0 -8%;
                clear: both;
                color: white;}

.semititulares{ color: white;
                font-size: 1rem;
                margin: 0% 0% 2% 0%;
                background-image: url(imagenes/proyectos2.png);
                padding: 0% 0% 0% 1%;
                width: 99%;
                margin-left: -0.5%;
                font-weight: lighter;
                text-transform: capitalize;}

.infocartel {   float: right;
                margin-top: -82%;
                clear: both;
                margin-right: 14%;
                font-size:1.5rem;}

/* ---------------------- SEMINARIOS - Conferencias --------------------------*/

.conferenciasa:hover {color: #673BB8;}
.victorconf { margin: 7% 0 0 5.5%;}
.carlosconf { margin: 1% 0 0 5.5%;}
.marianoconf { margin: 1% 0 0 5.5%;}


/* ---------------------- ESTRENOS --------------------------*/

.imestrenos img {width: 100%}
.imestrenos { width: 100%;     margin: 0% 0% 3% 0%;}

.textoestrenos {
    width: 30%;
    float: left;
    padding: 2%;
    margin: 0% 2% 0% 3%;
    color: white;
    border-color: #673BB8;
    border-style: solid;
    background-image: url(imagenes/text-01.jpg)
}

.tiestre {
    font-size: 1.6rem;
    color: white;
    background-color: blueviolet;
    padding: 1%;
}

.diestre {
    font-size: 0.8rem;
    color: #673BB8;
        background-color: white;
}

.peliesb {    margin: 4% 0% 0% 0%;}

.peliesc {margin: 4% 0% 0% 0%}

 .estrenosact {
    margin: 0% -2% 0% 2%;
}

/* ---------------------- PROYECTOS --------------------------*/

.proinfo {  background-color: rgba(255, 218, 0, 0.21);
            float: right;
            width: 30%;
            clear: both;
            margin: -56.5% 3% 0 0;
            height: 452px;}









/* ---------------------- FOOTER --------------------------*/




.footernos {background-color: #fbff98;    
            text-align: center;
            margin: 17% 0% 0% 0%;
            height: 200px;
            clear: both;
            padding: 1% 0 0 0;}

.footer_uno p { 
         font-size: 0.65rem;
         margin-left: 12%;
         }
        

.fooim img {width: 100%}
.fooim { width: 82%;
         
         margin: 4%;}

.footer_uno { width: 22%;
              float: left;
             
              margin: 1% 0 0 1%;}

.footer_dos  { width: 20%;
               float: left;
               display: inline-block;
               height: 200px;
               margin: 1.5% 0 0 6%;
               line-height: 0.75;
               padding: 0.5%;
               letter-spacing: 0.04em;}


.footer_dos ul li a:hover {color: #673BB8;}


.footer_dos  ul li a { text-decoration: none; 
                       display: inline-block; 
                       padding:1%; 
                       margin: 2% 0 0 0; } 

.footer_dos  ul li {font-size:0.65rem;
                    text-align: left;}


.footer_tres { width: 20%;
               float: left;
               display: inline-block;
               height: 80px;
               margin: 1.5% 0 0 -3%;
               line-height: 0.75;
               padding: 0.5%;
               letter-spacing: 0.04em;}


.footer_tres ul li a:hover {color: #673BB8;}


.footer_tres ul li a {  text-decoration: none; 
                        display: inline-block; 
                        padding:1%; 
                        margin: 2% 0 0 0; } 

.footer_tres ul li {font-size:0.65rem;
                    text-align: left;}

.foogaleria { margin-top: 14%}



.footer_cuatro { width: 20%;
               float: left;
               display: inline-block;
               height: 80px;
               margin: 1.5% 0 0 -7%;
               line-height: 0.75;
               padding: 0.5%;}


.footer_cuatro ul li a:hover {color: #673BB8;}


.footer_cuatro ul li a {text-decoration: none; 
                        display: inline-block;
                        padding:1%;
                        margin: 2% 0 0 0; } 

.footer_cuatro ul li {font-size:0.65rem;
                      text-align: left;}


.cuatrotx { text-align: left;
            line-height: 0.75;
            letter-spacing: 0.04em;
            font-size:0.65rem;
            width: 80%}
            

.footer_cinco { width: 20%;
               float: left;
               display: inline-block;
               height: 80px;
               margin: 1.5% 0 0 -4%;
               line-height: 0.75;
               padding: 0.5%;}


.footer_cinco ul li a:hover {color: #673BB8;}


.footer_cinco ul li a {text-decoration: none; 
                        display: inline-block;
                        padding:1%;
                        margin: 2% 0 0 0; } 

.footer_cinco ul li {font-size:0.65rem;
                      text-align: left;}

.fooredes { margin-top: 14%}




.foocontenedor {
    background-color: #fbff98;
    clear: both;
    padding: 0% 0% 0% 4%;
    margin: 2% 0% 0% 0%;
}



/* ---------------------- ESTILOS EN TABLET --------------------------*/

@media all and (min-width:481px) and (max-width:1024px){
    
    .nav li ul {width:11.5%}
    .nav li p {font-size:0.8em}
    .anotate {float:none; width:100%;  margin:auto}
    .caja-derecha {float:none; width:100%; margin:auto}
    .sumate, .estudiantes, .empresas {padding:1.5% 0}
    .anotate {width:100%; margin-top:-2%}
    .segundaparte {width:100%}
    .sumate, .estudiantes, .empresas {float:left; width:33.3%}
    .sumate p, .estudiantes p, .empresas p {width:90%;box-sizing: border-box;padding: 0 1%;}
}

/* ---------------------- ESTILOS EN CELULAR --------------------------*/

@media all and (max-width:480px) {
    
    
    
    .logo {float:none; width:60%; margin:auto;}
    .nav {float:none; width:100%; margin:3% auto;}
    .nav li p {font-size:0.6em}
    .nav li ul {width:18%}
    .segundaparte {width:100%; margin-top: -2%;}
    .anotate {float:none; width:100%;  margin:auto}
    .caja-derecha {float:none; width:100%; margin:auto}
    .noticias {float:none; width:100%;  margin:auto}
    .terceraparte {}
    .terceraparte .izquierda {float:none; width:100%; margin:auto}
    .terceraparte .derecha {float:none; width:100%; margin:auto}
    .terceraparte .derecha .mapagoogle iframe  {float:none; width:100%; margin:auto}
    .terceraparte .derecha .barrio {float:none; width:100%; margin:auto; }
    .footer_dos, .footer_tres, .footer_cuatro, .footer_cinco {display:none;}
    .footer_uno {width:100%;margin:auto; text-align:center}




}