/* No estilo : 	no-js, h1, a, p */
/* estilosnova.css : titulosCopia, textogeneralazulnegritacentrado, textogeneralazul, titulosCopiaCopiaCopia, categoriaCopia, categoriaCopiaazul */
/* estiloprincipal.css : sidebar1, content, footer */
/* style.css : main-container, header-container */

/* General */

body {
	margin: 0;
	padding: 0;
	background-color: #091551; 
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	margin-bottom: 15px;
	font-size: 15px; 
	line-height: 18px;
	margin-bottom: 15px;
}


/* estilosnova.css */

.titulosCopia {
	font-family: 'Dosis', sans-serif;
	font-size: 15px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #000066;
	text-align: justify;
}

.titulosCopiaCopiaCopia {
	font-family: 'Dosis', sans-serif;
	font-size: 15px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #000066;
	text-align: center;
}

.categoriaCopia {
	font-family: 'Dosis', sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #061550;
	text-align: center;
	font-variant: small-caps;
}

.categoriaCopiaazul {
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	font-style: inherit;
	line-height: normal;
	font-weight: normal;
	color: #091551;
	text-align: left;
	font-variant: small-caps;
}

.textogeneralazul {
	font-family: 'Dosis', sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000066;
	text-align: justify;
}

.textogeneralazulnegritacentrado {
	font-family: 'Dosis', sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000066;
	text-align: center;
	font-variant: normal;
}


/* estiloprincipal.css */

.sidebar1 {
	float: left;
	width: 690px;
        background-color: #fff;
	padding-bottom: 10px;
	padding: 10px 10px;
	/* z-index:1000; */
}

.content {
	float: left;
	width: 300px;
        background-color: #dfdfff;
	padding-bottom: 10px;
	padding: 10px 10px;
}


.footer {
	padding: 10px 0;
	margin: 0 auto; 
	background-color: #091551;
	position: relative;
	clear: both; 
	text-align: center;
	color: #FFF;
}

/*	.pie {
		text-align: center;
		padding: 20px;
		line-height: 150%;
	} */
	.pie {
		color: #fff;
		font-size: 14px;
		padding: 0 10px;
		letter-spacing: 1px;
		line-height: 150%;
	}
	.pie a {
		color: #fff;
		font-size: 14px;
		padding: 0 10px;
		letter-spacing: 1px;
	}

/* style.css */

.main-container {
	padding-top: 115px;
	width: 990px;
	background-color: #FFF;
	margin: 0 auto; 
}
.main-container::after {
        clear: both;
}
/*#header-container { 
	background:#f16529;
}*/


@media only screen and (max-width: 479px) {

	.main-container {
		width: 95%;
		background-color: #FFF;
		margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	}
	.sidebar1 {width:100%;}
	.content {width:100%;}

}

@media only screen and (min-width: 480px) {

	.main-container {
		width: 95%;
		background-color: #FFF;
		margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	}
	.sidebar1 {width:100%;}
	.content {width:100%;}

}

@media only screen and (min-width: 768px) {

	.main-container {
								 
		width: 750px;
					 
		background-color: #FFF;
		margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	}	
	.sidebar1{width:75%;} /* 740 */
	.content{width:25%;}  /* 720 */

}

@media only screen and (min-width: 1010px) {

	.main-container {
		width: 990px;
			  
		background-color: #FFF;
		margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	}
	.sidebar1{width:690px;}
	.content{width:300px;}

}

@media all and (max-width: 940px){
	
	.main-container {
	  
		padding-top: 90px;
		background-color: #FFF;
																							   
	}

									   
}

@media all and (max-width: 650px){
	
	.main-container {
		padding-top: 115px;
		background-color: #FFF;
																							   
	}
						
					   

}