.logo{position: relative;
      top: 130px;
    }


{margin: 0; padding: 0;}

html{font-size: 16px;}
body {	
	background-color: #a7a0a0;
	font-family: "Roboto"; 
	color:#e5e3e6;
    max-width: 75%;
    margin: auto;
}
.contenedor-principal {width:90%; margin:0 auto;}
.contenedor {padding:0%; background:#713391; margin:0 auto; margin-top:1%;}

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

h1{
    color: #5df70b;
    
}


.botones {
    align-content: center;
    margin-top: auto;
    margin-left: 17%;
    

}


.botones ul li {
    list-style: none;
    display: inline;
}

.botones ul li a{
    background-color: #bca8ba;
    border-radius: 14px;
    padding: 1em;
    width: 200px;
    box-shadow: 7px 7px 14px 0px rgba(50, 50, 50, 0.59);
    display: inline-flex;
    margin bottom: 1em;
    align-content: center;
    margin-left: 2em;
}

.botones ul li a {    
                color: white;
                text-decoration: none;

}



.colum2{
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: stretch;
}


hr {
    border: 1.5px
    solid black
    
}
article {
	float:left;
	box-sizing: border-box;

	
}
article a{
    text-decoration: none
}

.fotos_left {    
	float:left;
	background:#CCCCCC;
	margin-top:10px;
    margin-right:10px;
    padding: 1%;
}


.fotos {
	float:left;
	margin-right:10px;
	margin-top: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%;
}

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

footer {
	text-align: center;
	font-size: 11px ;
	color:#6ce568; 
	width:100%;
	margin-top:15px;
    padding: 1%;
	background: #713391; 
	box-sizing: border-box;

}

h1 {
	color:#26ff26; 
	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: #4a4b4d; 
	color: #6ce568;  
	text-transform:uppercase; 
	line-height: 60px; 
	width:100%;
	float:center; 
	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:#59af44;}

.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:#4475af; color:#fff; padding:1%;}

/*Estilos de texto*/
.txt_h1 {
	text-decoration:none; 
	color:#6932a0;
	float:right;
	margin-top:0px;

	
	
}
a.txt_h1:hover {
    text-decoration: none; 
    color:#575b61;
	
}

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


}

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


}