*{margin: 0; padding: 0;}
html{font-size: 16px;}
body {	
	background-image: url(../../img/background-b.jpg);
	font-family: Segoe UI; 
	color:#575b61;
}
.contenedor-principal {width:90%; margin:0 auto;}
.contenedor {padding:0%; background:#b5afaf; 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 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:#fff; 
	width:100%;
	margin-top:15px;
    padding: 1%;
	background: #4475af; 
	box-sizing: border-box;

}

h1 {
	color:#4475af; 
	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: #575b61; 
	color: #4475af;  
	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:#4475af;}

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


}