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/header3.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: #034F6C;
           margin-top: 12rem;
           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;
                 color: #fff;
                 background-color:#034F6C; 
                 }

.conectados{width: 50%;
            height: 48rem;
            margin: 1rem auto 1rem 15rem;
            position:relative;
            float: left;}

.conectados img {width: 50%;
                 height: 15rem;}


.caja2 {width: 50%;
       height: 15rem;
       position: relative;
       float: left;
       background-color: #034F6C;
     

       }

.caja2 img { width:6.875rem;
             height: 3.8rem;
             margin-top: 1.5rem;
             margin-left: 1.5rem;
           
       }

.caja2 article {margin-top: 0.5rem;
                margin-left: 1.5rem;
                 font-size: 1.2rem;
                 color: #fff}

.caja3 {width: 50%;
       height: 15rem;
       position: relative;
       float: left;
       background-color: #034F6C;
     
       }

.caja3 img {width:6.875rem;
             height: 3.8rem;
         margin-top: 1.5rem;
        margin-left: 1.5rem;
       
       }

.caja3 article {margin-top: 0.5rem;
                margin-left: 1.5rem;
                 font-size: 1.2rem;
                 color: #fff}    
 

.caja4 {width: 50%;
       height: 15rem;
       position: relative;
       float: left;
       background-color: #034F6C;
       
       }

.caja4 img {width:6.875rem;
             height: 3.8rem;
          margin-top: 1.5rem;
          margin-left: 1.5rem;
       
       }

.caja4 article {margin-top: 0.5rem;
                margin-left: 1.5rem;
                 font-size: 1.2rem;
                 color: #fff} 
    
.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;
            position: relative
            
            }

.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}

aside{ height: 100%}


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



.aside1 article{font-size: 1rem;
                margin-top: 0.2rem;}

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

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

.aside1 article:hover{color: #fff}

.aside2 article{font-size: 1rem;
                margin-top: 0.2rem;}

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

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

.aside2 article:hover{color: #fff}

.aside3 article{font-size: 1rem;
                 margin-top: 0.2rem;}

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

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

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

.aside3 article:hover{color: #fff}


.aside4 article{font-size: 1rem;
                margin-top: 0.1rem;}

.aside4 img{margin-top: 0.1rem;}

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

.aside4 article:hover{color: #fff}


.aside5 article{font-size: 1rem;
                margin-top: 0.1rem;}

.aside5 img{margin-top: 0.1rem;}

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

.aside5 article:hover{color: #fff}


.aside6 article{font-size: 1rem;
                margin-top: 0.1rem;}

.aside6 img{margin-top: 0.1rem;}

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

.aside6 article:hover{color: #fff}



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

.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;}