.container{
	margin:0 auto;
}

header{
	height:106px;
	margin-top:8px;
}

figure{padding:0;margin:0 auto;}
header.title{
	float:left;
	width:100%;
	
}
header nav {
	margin:0px auto;
	background:#F5F1DA;
}

.menu_bar {
	width:100%;
	margin: 12px auto;
	display:none;
	position:absolute;
	top:53px;
	left:10px;
}

header nav ul {
	list-style:none;
	overflow:hidden;
	padding-left:8px;
	margin-top:25px;
}

header nav ul li {
	float: left;
	clear:left;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
}

header nav ul li a{
	display:block;
	padding:10px 0;
	color:#000000;
	text-decoration:none;
}

header nav ul li a:hover {
	background:#981932;
	color:#F5F1DE;
}
#marquee{
	background-color: #981932;
	width:80%;
	margin:0 auto;
	position:relative;
	top: 5px;
	color:#F5F1DE;
}
body{
	background-color: #981932;
	text-align:center;
}
main {
	background-color: #F5F1DE;
	overflow:auto;
	clear:left;
	margin: 0 10px 10px 10px;
}
article{
	box-sizing:border-box;
	padding:10px;
}
article.vacio{padding:0px}
article.vacio2{padding:0px}
footer {
	background-color: #F5F1DE;
	clear:both;
	overflow:hidden;
	margin:10px;
}

#blog{
	width:300px;
	height:310px;
	border-width:0;
	margin-top:8px;
}
.divblog iframe{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 400px;
	margin:0 auto;
}

.volver{clear:both;width:100%;height:15px;margin-top:0;margin-bottom:51px;}

.meses{
	width:100%;
	display:block;
	padding:0;
}

#section_months{max-width:600px;margin:0 auto;}

main article ul{
	list-style-type:none;
	padding:0;
}

main article ul li{
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
}

main article ul li a:hover {
	background:#981932;
	color:#F5F1DE;
}

main article ul li a {
	text-decoration:none;
	color:#000000;
}

.item-pic{width:50%;float:left;margin:0 auto;}

@media screen and (max-width:959px){
	header nav {
		float:left;
		width:105px;
		height:270px;
		top:114px;
		left:-105px;
		margin 	:0;
		position: absolute;
	}
 	header nav ul li {
		display:block;
		float:left;
		border-bottom:1px solid rgba(0,0,0, .3);
	}
 
	.menu_bar {
		display:block;
		width:50px;
		background:#000000;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:10px;
		background:#F5F1DA;
		color:#000000;
		text-decoration:none;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}	
}

@media screen and (min-width:320px){
	.container{width:100%}
}

@media screen and (min-width:480px){
	.item-pic{width:33%;}
}

@media screen and (min-width:640px){
	header{
	height:100px;
	}
	article{width:50%;float:left;}
	article.vacio{width:25%;margin:25px auto;}
	article.vacio2{width:25%;margin:25px auto;}
	#blog{width:617px;height:500px;}
	object{width:560px;height:423px;}
	embed{width:560px;height:423px;}
	.item-pic{width:25%;}
}

@media screen and (min-width:800px){
	.item-pic{width:20%;}
}

@media screen and (min-width:960px){
	header{
	height:200px;
	}
	header nav{
	display:block;
	margin-left: 10px;
	margin-right: 10px;
	top:10px;
	position:relative;
	}
	header nav ul{
	display:inline-block;
	padding:0;
	margin:0 auto;
	}
	header nav ul li{padding: 0 20px;font-size:20px;clear:none;}
	article{width:33%;}
	.fotos{margin-left:2px;}
	article.vacio{width:33%;margin:50px auto;}
	article.vacio2{width:0%;margin:0px}
	main{margin-top:85px;}
	footer {margin-top:25px;}
	#marquee{left:-2px;}
	article.link{width:49%;}
	#blog{width:936px;height:500px;}
	object{width:646px;height:481px;}
	embed{width:646px;height:481px;}
	.item-pic{width:16.666667%;}
	.meses{width:290px;margin:5px, auto;}
}

@media screen and (min-width:1120px){
	.item-pic{width:14.2857143%;}
}

@media screen and (min-width:1280px){
	container{max-width:1280px;}
	article{margin:50px 4px 50px 0}
	article.link{margin:20px auto;}
	article.fotos{width:33%;margin:50px auto;}
	#blog{width:1200px;height:600px;}
	.videos iframe{width:400px;height:300px;}
	.item-flash {width:25%;margin:10px auto;}
	.item-pic{width:12.5%;}
	.meses{width:290px;margin:5px;}
}

@media screen and (min-width:1440px){
	.item-pic{width:11.1111111%;}
}

@media screen and (min-width:1640px){
	.item-flash {width:20%;margin:10px auto;}
	.item-pic{width:10%;}
}

@media screen and (min-width:1900px){
	.item {width:16.6666667%;margin:10px auto;}
}