font-family: 'Abel', sans-serif;
font-family: 'Chau Philomene One', sans-serif;
}

html {font-size: 100%;
   }


body {
    background-color: white;
    height: 100%;
    font-family: 'Abel', sans-serif;
    font-size: 100%;
    margin: auto;
    text-decoration: none;
}

#pagina {background-color: white;
         width: 100%;
         margin: auto;
    }

/*botonera header*/

header { 
    margin: 0;
    width: 100%;
    height: 33.5rem;
    background-image:url(imagenes/header2.jpg);
    background-repeat: no-repeat;
                   }


.logo {
             width: 50%;
             height: auto;
             display:block;
             position:absolute;
             float: left;
              margin-left: 1rem;
              margin-top: 0.3rem

             }

/*botonera header*/
nav {
    height: 5rem;
    padding: 0px;
    float: right;
    width: 70%;
    font-weight: 600;
    font-size: 1.3rem;
    text-align: center;
    font-family: 'Chau Philomene One', sans-serif;
    margin-top: 0.6rem

}

nav ul {
    float: left;
    width: 100%;
    margin:0;
    padding: 0;
    margin-top: 2rem;    
    text-align: center;
}

nav ul li {
    float: left; 
    display: inline-block;
    text-align: center;
    width: auto;
     text-align: center;
    margin-right: 9%;
    margin-left: 2%
    }
nav ul li a {text-decoration: none;
             color: black;
            
             }
nav ul li a:hover {background-color: black;
                    color: #B9C4C8;
            
             }
/*botonera header*/

.titulo1 {  font-family: 'Abel', sans-serif;
           position: relative;
           float: left;
           font-size: 4.42rem;
           color: #fff;
           background-color: black;
           margin-top: 7rem;
           margin-left: 6.25rem;
          }


.cajatextoheader{width: 25rem;
                 height: auto;
                 position:absolute;
                 margin-left: 6.25rem;
                 text-align: left;
                 margin-top: 18rem;
                 font-size: 1.7rem;
                 }


.conectados{width: 70%;
            height: 20.40rem;
            margin: 2rem auto 1rem auto;
            }

.conectados img {width: 50%;
                 height: auto;}


.caja2 {width: 50%;
       height: 20.42rem;
       position: relative;
       float: right;
       background-color: #919B9D;

       }

.caja2 img {margin-top: 1.5rem;
        margin-left: 1.5rem
       }

.caja2 article {margin-top: 1rem;
                margin-left: 1.5rem;
                 font-size: 2.18rem;}

    
.referentes{width: 70%;
            height: 20.40rem;
            margin: 1rem auto;
            }

.referentes img {width: 50%;
                 height: auto;}


.caja3 {width: 50%;
       height: 20.42rem;
       position: relative;
       float: right;
       background-color:black;

       }

.caja3 img {margin-top: 1.5rem;
        margin-left: 1.5rem
       }

.caja3 article {margin-top: 1rem;
                margin-left: 1.5rem;
                font-size: 2.18rem;
                color: #FFFFFF;
                }
    
 .fotografia{width: 70%;
            height: 20.40rem;
            margin: 1rem auto 2rem auto;
            }

.fotografia img {width: 50%;
                 height: auto;}


.caja4 {width: 50%;
       height: 20.42rem;
       position: relative;
       float: right;
       background-color: #034F6C;

       }

.caja4 img {margin-top: 1.5rem;
        margin-left: 1.5rem
       }

.caja4 article {margin-top: 0.6rem;
                margin-left: 1.5rem;
                 font-size: 2.18rem;}   
    
.panelsecundario{ width: 100%;
                  height: 24.5rem;
                  background-color: #B9C4C8;
                  position: relative;
                
                 }

.noticias {
           position: relative;
           margin-right: 9% ;
           margin-left: 9%;
           margin-top: 4rem;
           width: 15rem;
           height: 12rem;
           display: inline-block;

 }
.noticias h3 {font-size: 2.75rem;
              text-align: center; 
              margin-top: 1rem; 
              color: black;
             
             }
.noticias a { text-decoration: none;}

.agenda{ 
         position: relative;
         margin-right: 9% ;
         margin-left: 9%;
         margin-top: 4rem;
         width:15rem;
         height: 12rem;
         display: inline-block;
}
.agenda h3 {  font-size: 2.75rem;
              text-align: center; 
              margin-top: 1rem; 
              color: black;
             }

.agenda a { text-decoration: none;}

.comunidad{
           position: relative;
           margin-right: 9%;
           margin-left: 9%;
           margin-top: 4rem;
           width: 15rem;
           height: 12rem;
           display: inline-block;
}

.comunidad h3 {font-size: 2.75rem;
              text-align: center; 
              margin-top: 1rem; 
              color: black;
             }

.comunidad a {text-decoration: none;}



.paneltexto {width: 50%;
            height: 40.5rem;
            
            float:left;
            margin-left: 15%;
            margin-top: 0;
            
            }

.paneltexto h3 { font-size:1.8rem;
                 background-color: #034F6C;
                 color:#FFFFFF }

.paneltexto article {font-size:1.6rem;
                    }
.paneltexto a {text-decoration:none;
               color: black}

.paneltexto h3:hover{background-color: #919B9D}

.lateral{ width: 18%;
          float: right;
          margin-right: 14.5%;
          margin-top:1.8rem;
          height:auto
          }

section .tuproyecto{width: 70%;
            height: 35rem;
            position: relative;
            background-color:black;
            margin: auto;
            margin-top: 42rem

         }


.tuproyectoicono{width:26.3rem;
                 height: 2.9rem;
                 margin-top: 2rem
}


.aside1 article{font-size: 1.3rem;
                margin-top: 0.5rem;}

.aside1 img{margin-top: 0.3rem;}

.aside1 a {text-decoration: none;
           color: black}
.aside1:hover{background-color: #919B9D}

.aside1 article:hover{color: #fff}

.aside2 article{font-size: 1.3rem;
                margin-top: 0.5rem;}

.aside2 img{margin-top: 0.3rem;}

.aside2 a {text-decoration: none;
           color: black}
.aside2:hover{background-color: #919B9D}

.aside2 article:hover{color: #fff}

.aside3 article{font-size: 1.3rem;
                 margin-top: 0.5rem;}

.aside3 img{margin-top: 0.3rem;}

.aside3 a {text-decoration: none;
           color: black}

.aside3:hover{background-color: #919B9D}

.aside3 article:hover{color: #fff}


.momento img{margin: auto;;
             position: relative;
             float: left;}

.asidetuproyecto{width: 25%;
                  float: right;
                  position:relative;
                  margin: auto;
                  height: 28.9rem
                 
                 }


.videogrande{width: 47.6rem;
             height: 29rem;
             float: left;
            position: relative;
            margin-top: 1.5rem;
            margin-left: 2rem;
                
}

.video1{width:12rem;
        height:7.6rem;
        margin-top: 1.5rem;
        position: relative }

.video2{width:12rem;
        height:7.6rem;
        margin-top: 3rem;
        position: relative }

.video3{width:12rem;
        height:7.6rem;
        margin-top: 3rem;
        position: relative }


.momentosfadu{width: 70%;
              height: 14.6rem;
              margin: auto;
              margin-top: 1.5rem;
              background-color: #034F6C;
              }

.momentoscaja {width: 100%;
               height: 9.75rem;
               margin:auto;
              margin-top: 0.5rem
              }

.momentos1{ width: 9.75rem;
           height: 9.75rem;
           float: right;
           margin-left: 1rem;
           margin-right: 1.5rem}

.momentos2{ width: 9.75rem;
           height: 9.75rem;
          float: right;
           margin-left: 1rem;
          margin-right: 0.5rem}


.momentos3{ width: 9.75rem;
           height: 9.75rem;
          float: right;
           margin-left: 1rem;
           margin-right: 0.5rem}


.momentos4{ width: 9.75rem;
           height: 9.75rem;
          float: right;
           margin-left: 1rem;
           margin-right: 0.5rem}

.momentos5{ width: 9.75rem;
           height: 9.75rem;
           float: right;
            margin-left: 1rem;
           margin-right: 0.5rem}

.momentos6{ width: 9.75rem;
           height: 9.75rem;
          float: right;
            margin-left: 0.5rem;
           margin-right: 0.5rem }

footer{width: 100%;
       height: 26.25rem;
       background-color: #919B9D;
         margin-top: 2rem;
          position: absolute}

.footerizq{width: 33%;
           height:26.25rem;
           margin-left: 1.5rem;
          margin-top: 1.5rem;
           position: relative;
          float: left;
           
             }

.uba{          width: 22rem;
               font-size: 1.1rem;
               height: auto;
               margin-top: 0;
         
     }

.legales{width: 32rem;
         font-size: 1.1rem;
          margin-top: 0.7rem;
         color: #FFFFFF;
         height: auto;
        
         }


.footercen{width: 20%;
           height:26.25rem;
           position:absolute;
           float: right;
           margin:auto;
           margin-left: 40rem;
}


.logoinnovafooter{width: auto;
                 height: auto;
                 margin-top: 2rem
                 
                 }

.logoubafooter{ width:6.6rem;
                height: 6.6rem;
                margin-left: 6rem;
                margin-top: 3rem}


.logodgpcfooter {width:9rem;
                height: 4.4rem;
                 margin-left: 5rem;
                 margin-top: 3rem}



.footerder{ width: 12%;
            height:26.25rem; 
            position:absolute;
            float: right;
            margin-left: 65rem;

          }

.seguinos h3{ font-size: 1.8rem;
              margin-top: 2.5rem;
              margin-left: 0.7rem;
              float: left}

.logos img{ margin-top: 1.5rem;
            float: left}


.mapa{ width: 13rem;
      height:26.25rem; 
      position:absolute;
      float: right;
      margin-left: 18rem;
      margin-top: 1rem; 
      }

.mapa h3 {font-size: 1.8rem;
          margin-top: 1.5rem;
          margin-left: 0.2rem;
          float: left}

.mapa h5 { font-size: 1.3rem;
           margin-left: 0.5rem;}


@media screen and (max-width: 480px) 
    
#pagina{ width: 100%;}