@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
*{margin: 0; padding: 0;}

body { 
background-image: url(../../img/background-c.jpg);
font-family: 'Lato', sans-serif; 
margin: 0; 
padding: 0; 
color: #F2EEB3;
}

html {
font-size: 10pt;
}

main {
background: rgb(89, 50, 60); 
min-height: 620px; 
box-sizing: border-box;
}

header { 
min-height: 100px; 
color: #ffffff; 
box-sizing: border-box;
}

nav {
background-color: rgba(85, 196, 188, 0.7); 
width: 100%;
min-height: 55px; 
margin-top: 2%;
line-height: 55px;
}


nav ul li: {
float: left; 
margin-right: 2%; 
margin-top: 0.5%; 
font-size: 1.2rem; 
list-style-type: circle;
}

section {
background-color: #59323C;  
min-height: 300px; 
margin-top: 2%;
box-sizing:border-box;
}

a {
text-decoration: none;
margin-left: 0%;
float:left;
}

hr {
border: 1.5px solid white;
color: #ffffff;
width: 1100px;
margin-left: 5%;
}

article {
float: left; 
width: 25%; 
box-sizing: border-box;  
margin-top: 5%;
margin-left: 5%; 
}

article h2 {
color: #F2EEB3;
font-weight: 900; 
margin-top: 5%; 
margin-left: 20%;
}

article h3 {
font-weight: 700;
margin-left: 5%;
margin-top: -7%;
font-size: 1.2rem;
}

article p {
margin-top: 5%;
margin-left: 5%;
}

section h1 {
font-size: 3rem;
color: #55c4bc;
}
section h2 {
font-size: 1.2rem; 
}

section h3 {
color: #55c4bc;
}

aside {
float: left;
width: 25%;
box-sizing: border-box;
margin-bottom: 5%;
}

aside h3 {
font-weight: 700;
margin-left: 5%;
margin-left: 10%;
}

aside h4 {
font-weight: 700;
margin-left: 5%;
margin-left: 10%;
font-size: 1.3rem;
}

footer {
background: rgba(191, 175, 128, 0.7);
text-align: center;
box-sizing: border-box;
width: 100%;
color: #F2EEB3;
margin: 2% 0% 0% 0%;
padding: 1% 0% 1% 0%;
}

#cursada {
float:left;
width: 25%;
box-sizing: border-box;
}

#nivel2 {
float: left;
width: 25%;
box-sizing: border-box;
}

#enlaces {
float: left;
width: 10%;
box-sizing: border-box;
}

.contenedor {
max-width: 1240px;
margin: auto;
box-sizing: border-box;
}

.titulo {
float:right;
font-size: 5rem;
padding: 1% 0% 0 0;
font-weight: 700;
color: #55c4bc;
}

.sarasa {
width: 100%;
margin-top: 2%;
margin-bottom: -13%;
box-sizing: border-box;
padding: 5% 5% 5% 5%;
}

#inicio {
width: 3%;
padding: 1.5% 0 2% 2%;
float: left;
}

img {
width: 100%;
margin-left: 20%;
margin-top: 10%;
}

.nombre {
padding-left: 5%;
padding-top: 5%;
margin-bottom: -8%;
}

.volveralrotulo {
color:white;
}

aside p {
font-size: 1.2rem;
}

.pantallas{margin-left: 4.4rem}

.navlink {
color: #ffffff;
padding:0% 1.5%; 0% 1.5%;
text-align:center;
box-sizing: border-box;
}

a.navlink:hover {
color:#FFFFFF; text-decoration:none; background: rgb(191, 175, 128);
}

a.titulo:hover {
    text-decoration: none; 
    color:rgb(89, 50, 60);
}

.navlink-select {
	color:#FFFFFF; 
	background:#4475af;
	text-decoration:none; 
	height:55px; 
	float:left; 
	text-align:center;}

/*para 980px o menos*/

@media screen and (max-width:980px)
{
#contenedor
	{width:100%;}
 
nav
	{width:100%;}

main
	{width:100%;}

 
footer
	{width:100%;}
	
.nav_link 
	
	{width:100%;}
	


}

/*para 700px o menos*/

@media screen and (max-width:700px)

{

main

	{width:auto;}
 
footer

	{width:auto;}
 
header

	{width:auto;}
	
h1

	{font-size:30px;}

.nav_link 
	
	{width:100%;}

}

/*para 480px o menos*/
 
@media screen and (max-width:480px)

{
 
header
 
	{height:auto;}
 
h1

	{font-size:24px;
	width:auto;} 

nav
	{width:auto;}
	
.nav_link 
	{width:100%;}


}