*{margin: 0; padding: 0;}
html{font-size: 16px;}

body {	
	background-image: url(../../img/background-c.jpg);
	font-family: Segoe UI; 
	color:#F2EEB3;
}
.contenedor-principal {width:90%; margin:0 auto;}
.contenedor {padding:0px; background:#59323C; margin:0 auto; margin-top:1%;}

section {
	margin:0px; 
	padding:5%;
	float:left;
	margin-top:15px;
	width:100%;
	box-sizing: border-box;
	
}

hr {
    border: 1.5px
    solid #5b5e62
    }

article {
	float:left;
	box-sizing: border-box;
    
}

article a{
    margin-left: -1.5rem;
    text-decoration: none;
    color: #341880;
}
.fotos_left {    
	float:left;
	background:#CCCCCC;
	margin-top: 10px;
    margin-right:10px;
    padding: 1%;
}


.fotos {
	float:left;
	margin-right: 10px;
    margin-right: 10px;
	box-sizing: border-box;
}

a.fotos:hover {
	width:100%;
	height:100%;
	float:left;
    margin-right: 10px;
    margin-top: 10px;
	box-sizing: border-box;
	opacity:0.5;
}


.clear {clear:both;}

header {
	width: 100%;
    height: 20%;
}

.propuesta{
    position: 
}
p {
    margin-top: 1%;
	width:100%;
	box-sizing:border-box;
}

footer {
	text-align: center;
	font-size: 11px ;
	color:#fff; 
	width:100%;
	margin-top:15px;
    padding: 1%;
	background: rgba(141, 130, 96, 0.76); 
	box-sizing: border-box;

}

h1 {
	color:#5d44af; 
	width: 100%; 
	padding:20px 0px; 
	text-indent:66rem; 
	font-size:3.5rem; 
	margin-right: 10%;
    margin-bottom: 5%;
	text-decoration:none;
    box-sizing: border-box;
}

h2{
    font-size: 2rem;
    padding-bottom: 2%;
}

nav {
	background: rgba(85, 196, 188, 0.66); 
	color: #260e5a;  
	text-transform:uppercase; 
	line-height:60px; 
	width:100%;
    float: left;
	box-sizing: border-box;
}

.nav_link {
	color:#FFFFFF; 
	text-decoration:none; 
	float:left; 
	padding:0px 19.1px; 
	text-align:center;
	box-sizing: border-box;

}

a.nav_link:hover {color:#FFFFFF; text-decoration:none; background:#BFAF7F;}

.nav_link-select {
	color:#FFFFFF; 
	background:#4475af;
	text-decoration:none; 
	height:100%; 
	float:left; 
	padding:0 10px; 
	text-align:center;
    width: 100%;
}

.subnav {width:98%; background:#5DBEB8; color:#fff; padding:1%;}

/*Estilos de texto*/
.txt_h1 {
	text-decoration:none; 
	color:#5DBEB8;
    float: right;
    margin-top: 0px;
}
a.txt_h1:hover {
    text-decoration: none; 
    color:#5DBEB8;
}

.cursada {
float:left;
width: 25%;
box-sizing: border-box;
margin: 1rem 7rem 0 0;
}

.hr{
    color: white;
}

.informacion p { float:left; width:33%;}
.tema { float:left; padding:25px;}
.info-izquierda {float:left; width:50%; padding-right:15px;}
.info-derecha {float:left; width:50%;}
.contenedor article { padding-left:25px;}

/*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%;}
	


}

.niveldos{margin-left: 2rem;}

.niveltres{margin-left: 2rem;}


/*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%;}
    
.foto
    {width:97%;}

}

/*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%;}

.foto
    {width:97%;}
    
.niveluno{margin-right: 3rem;
    margin-top: 1rem;
    }
    
.niveldos{margin-right: 1rem;
    margin-top: 1rem;
    margin-left: 0;
    }

.niveltres{margin-left: 0;
    margin-top: 1rem;}


}