@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,600,700,900);

body { width: 100%;
    text-decoration-line: none;
    margin:auto;
    }

*{
    box-sizing: border-box;
    }
        
.navegador {border: 2px solid rgb(231,50,64);
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
                         


            }

.ulputo {
           padding: 0rem;
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
    
    
    
     }
    

nav ul li { display: block;
            text-align: center;
             
            }

a :link   
{   
 text-decoration:none;   
}   

a.nounderline:link   
{   
 text-decoration:none;
    color: rgb(231,50,64);
     font-family: 'roboto', sans-serif;
            font-weight: 900;
      letter-spacing: 0.10em;
            font-size: 8pt;
    padding: 0.5rem 2rem 0.5rem 2rem;
}   

li:hover{ color: black;
            font-weight: 700;
            }
li{ text-decoration: none;
    text-decoration-color: black;
    text-decoration-line: none;
}

.imagen{ width: 100%;
    border-style: solid 1rem;
    width: 965px;
    width:100%;
	max-width:965px;
    margin-bottom: 1rem;
} 


    
.logo { padding: 0,5rem;
        padding-right: 2rem;
       margin-left: 2rem;
        
        margin-bottom: 0rem;
        top: 2rem;}




body{
	display:block;
	background-color: rgb(255, 255, 255);
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
    padding-top: 0rem;
}

.page {padding: 2rem 2rem 2rem; text-align: center;}

section {margin:1rem; width: 100%;}

.box{padding: 0% 2%; margin: 0 0 0 0 ;}

.sub-box {
  
    text-align: left;
        background-color: aliceblue
  text-align: left;
    font-family: 'roboto',sans-serif;
    font-weight: 300;
  padding: 0rem 2rem 0rem 2rem;
      
    font-size: 12pt;
}

.box2{padding: 1% 2%; margin-left:0.5rem ; }

.sub-box-iconos { padding: 1rem;
                    margin-left: 8rem;
                    text-align: left;
                    align-content: center;
                    border-style: solid;
                    border: 4px rgba(168, 197, 222, 0.33);
                    border-color: darkblue;
                    background: #a8c5de ;
                    display: inline-block;
                    }

@media only screen and (min-width : 768px) {
	.sub-box-iconos{
	  width: 10%;
	  float:left;
	}
}

.sub-box-iconos:hover {
                        background-color: #00ceff;
                        }



h3 {font-size: 14pt; color: rgba(10, 18, 222, 0.8);
      font-family: 'roboto', sans-serif;
            font-weight: 900;
    margin-bottom: 0.5rem;
    margin-top: 0rem;


}



h4 {font-size: 10pt; color: black;
      font-family: 'roboto', sans-serif;
            font-weight: 400;
    margin-bottom: 1rem;
    margin-top: 0rem;


}


h5 {font-size: 8pt; color: rgb(20, 215, 244);
     font-family: 'roboto', sans-serif;
            font-weight: 700;
           text-align: left;
 margin-bottom: 0rem;
    margin-top: 0rem;

}


h6 {font-size: 8pt; color: rgb(20, 215, 244);
     font-family: 'roboto', sans-serif;
            font-weight: 400;
           text-align: left;
     margin-bottom: 0rem;
    margin-top: 0rem;


}



@media only screen and (min-width : 768px) {
	.box{
	  width: 29%;
	  float:left;
	}
}

footer{
    border-color: rgb(209, 209, 209);
    
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding: 0,5rem;
    bottom: 10%;  
    height: 10rem;
    font-weight: 100;
    margin-top:16rem;
}


.bloquefooter {
    
    
     /*margin-left: 10rem;
    margin-right: 0rem;*/
    
   /* padding: 3rem 10rem 3rem 10rem;*/
    text-decoration: none;
    width: 100%;
  
}




.logofooter {
     margin-right: 1rem; 
    width: 10%;
     float:left;
        font-size: 0.8rem;
      text-align: center;
    text-decoration: none;
     font-weight: 100;
    
}




.divfooter {
        margin-right: 1rem; 
         float: left;
        font-size: 0.8rem;
      text-align: center;
    text-decoration: none;
     font-weight: 100;
    
}



a :link   
{   
 text-decoration:none;   
}   

a.nounderline:link   
{   
 text-decoration:none;   
} 


.paginanosotros {
                width: 100%;
                max-width: 960px;
                align-content: center;
                margin-left: 13rem;
                margin-right: 1rem;
}

@media all and (min-width: 50em) {

    nav ul li { display: inline-block;
            text-align: right;
            position: relative;
                    list-style-type:none;
            text-decoration-line: none;
            list-style:none;
            clear:right;
            position: relative;
 
            }

}