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

body { width: 100%;
    padding: 11rem;
    text-decoration-line: none;
    background-color: #978eff;
    }
        

nav ul li { display: inline;
            text-align: right;
            position: relative;
            font-family: 'roboto', sans-serif;
            font-weight: 300;
            font-size: 1.2rem;
            color: black;
            list-style-type:none;
            padding: 1rem;
            list-style:none;
            clear:right;
            position: relative;
 
            }

a :link   
{   
 text-decoration:none;   
}   

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

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

.imagen{ width: 100%;
padding: 0rem;
border-color:#a8c5de;
border-radius: 2rem;
    border-style: solid 1rem;
    padding: 2rem;
    padding-right: 5rem;
    width: 1285px;
    width:100%;
	max-width:1280px;
} 


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


body,input,textarea,select{
	font-family: 'Open Sans', sans-serif;
	line-height: 1.85rem;
	color: #888;
	font-weight: 300;
	border:0;
	margin: 0;
	padding: 0;
    font-family: 'roboto',sans-serif;
}

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: 1% 2%; margin: 0 0 2% 0 ; border-radius: 1rem;}

.sub-box {
  background: #a8c5de;
  text-align: center;
    font-family: 'roboto',sans-serif;
    font-weight: 300;
  padding: 3rem 2rem 3.5rem 2rem;
    border-radius: 12rem;
    margin-bottom: 2rem;
}

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

.sub-box-iconos { padding: 1rem;
                    margin-left: 8rem;
                    text-align: center;
                    align-content: center;
                    border-style: solid;
                    border: 3rem;
                    border-color: darkblue;
                    background: #a8c5de ;
                    border-radius: 12rem;
                    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: 1.5rem; color: #000699;}

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

footer{
    background-color: #dddddd;
    font-size: 0.8rem;
    color: azure;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding: 0,5rem;
    bottom: 10%;  
    height: 10rem;
    font-weight: 100;
    margin-top:28rem;
}

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