@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}

body {
	/*background:#e6e6e6;*/
	background:#FFFFCC;
}

contenedor {
	width:80%;
	max-width:1200px;
	margin:0px auto;
	overflow:hidden;
}

header, .main, .main2, footer {
	width:90%;
	max-width:1000px;
	margin:0px auto;
}

header {
	padding:10px 20px;	
	display:block;	
	color:#FFFFCC;	
	text-decoration:none;
	text-align:center;
	box-sizing:border-box;
	background:#800000;
}

.main .articles {
	width:50%;
	float:left;
	text-align:center;
}

.main .articles article {
	padding:20px;
	background:#FFFFCC;
	margin-bottom:0px;
	color:#800000;
	box-sizing:border-box;
}

.main img {
	width:70%;
	height:auto;
	box-sizing:border-box;
	margin-top:75px;
}

.main2 img {
	width:30%;
	height:auto;
	box-sizing:border-box;
}

.main2 .articles {
	width:100%;	
	float:left;
	text-align:center;
}

.main2 .articles article {
	padding:20px;
	background:#FFFFCC;
	margin-bottom:0px;
	color:#660000;
	box-sizing:border-box;
}

.main aside {
	width:25%;
	height:600px;
	float:left;
	background:#FFFFCC;
	padding:0px;
	box-sizing:border-box;
}

.main2 aside {
	width:100%;
	float:left;
	background:#FFFFCC;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
}

footer {
	background:#FFFFCC;
	color:#fff;	
	clear:both;
	padding:10px 0px;
	text-align:center;
	box-sizing:border-box;
}

@media screen and (max-width: 900px){	
	.main2 img {
	width:50%;
	height:auto;
	box-sizing:border-box;
    }
}

@media screen and (max-width: 680px){
	.contenedor	{
	width:100%;
	}
}

@media screen and (max-width: 600px){
	header, .main, .main2, footer {
	width:100%;
	max-width:1000px;
	margin:0px auto;
	}

	.main2 img {
	width:70%;
	height:auto;
	box-sizing:border-box;
    }
}

@media screen and (max-width: 480px){	
	.main aside {
	display:none;	
    }
	
		.main .articles {
	width:100%;
	float:left;
	text-align:center;
	}
	
	.main img {
	margin-top:30px;
}	
}

@media screen and (max-width: 400px){	
	.main2 img {
	width:90%;
	height:auto;
	box-sizing:border-box;
    }
	
		.main img {
	margin-top:10px;
}
}