/*Medida para tablets horizontal*/
@media screen and (max-width:1024px){
	header #menu nav ul li {
	margin: 0px 5px 5px 0px;
	background: #008000;
	padding: 5px 10px 5px 10px;
}

	header #menu nav ul li a:hover {
			color:#fff;
	}

	#main #no-slide {
		display:none;
	}

	#main #articles_list #pagination p a {
		margin:10px 20px 10px 20px;
		background:#bf2222;
		color:#fff;
		padding:10px;
	}

	footer .widget {
		width:50%;
	}

	.widget ul li {
	border-bottom:lpx solid #333333;
	padding:5px 0px;
	}
}

/*Medida para tablets en vertical*/
@media screen and (max-width:768px){
	
	header #logo {
	width: 100%;
	background: #FFFFFF;
}

	header #logo p {
		text-align:center;
	}

	header #logo span {
		text-align:center;
		left:50px;
	}
	
	header #menu {
		width:100%;
	}

	header #menu nav {
		width:100%;
		float:left;
		margin-top:10px;
	}

	header #menu nav ul {
		float:left;
	}

	#main #articles_list {
		width:100%;
	}

	#main aside {
		width:100%;
		clear:both;
	}

	.widget {
		margin-bottom:40px;
		width:100%;
	}
}

/*Medida smartphones*/
@media screen and (max-width:400px){
	
	header {
		margin-top:0px;
		margin-bottom:0px;
	}

	header #logo span {
		margin-bottom: 1px;
	}

	header #menu nav {
		margin-top:5px; 
	}

	#main #articles_list article{
		margin-bottom:0px; 
		margin-right:0%;
		padding-bottom:0px;
	}

	#main #articles_list article .thumb {
		width:100%;
		float:left;
		margin-bottom:20px;
	}
	
	#main #articles_list article h1 {
		font-size:1.4rem;
	}

	#main #articles_list article h2 {
		font-size:1.3rem;
	}

	footer .widget {
		width:100%;
	}
}