/*Medida para tablets horizontal*/
@media screen and (max-width:1024px){
	
	header {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px !important;
	}

	header nav {
	display:none;
	}
	
	header search {
		display:none;
	}

	header #logo {
		display:none;
	}

	header #logo img {
		display:block;
		position:relative;
		width:auto;
		height:auto;
	}

	header #logo span {
		display:none;
	}

	header nav ul li {
		margin-left:5px;
		margin-right:5px;
	}

	header nav ul li a {
		margin-left:0px;
	}
	
	#antecabecera {
		display:none;
	}

	header, #main {
		width:90%;
		margin:0px auto;
	}

	#main #articles_list article img, #main #articles_single article img, #main #izquierda article img, #main #derecha article img {
		width:100%;
		height:auto;
	}

	.widget ul li {
		border-bottom:1px dotted #ddd;
		padding:10px 0px;
	}
	
	h1 {
		line-height: 110%;	
	}	
	
	.font_0, .font_1, .font_2, .font_3, .font_4, .font_5, .font_6, .font_7, .font_8, .font_9, .font_10, .font_11, .font_12, .font_13, .font_14, .font_15, .font_16, .font_17 {
		font-size: 1.0em;
	}
	
	.font_titular {
		font-size: 1.7em;
	}

	header .seccion_activa {
		border:0;
		background-color: #fff;
		padding: 0;
	}
	
	#main #articles_titular article .sociales_single, #main #articles_list article .sociales_single, #main #articles_single article .sociales_single {
		margin-top: 0px;
	}
	
	#main #articles_single article .fecha, #main #articles_single article .fecha .fecha_margin {
		text-align: center;
	}
	
	#comentarios > h1 {
		text-align:center;
	}
	
	#comentarios .caja_comentarios {
		padding:20px;
	}

}

/*Medida para tablets en vertical*/
@media screen and (max-width:768px){
	header #logo {
		float:left;
		max-width:500px;
		max-height:74px;
	}
	
	header #logo img {
		float:left;
		width:100%;
		max-width:342px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	header #logo span {
		margin-left:17px;
		text-align:center;
		font-size:14px;
	}

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

	header nav ul {
		float:left;
	}

	#main #articles_list, #main #articles_single, #main #izquierda, #main #derecha {
		width:100%;
		clear: both;
		float: left;
	}
	
	#main #derecha article {
		margin:0 0 30px 0;
	}
	
	#main #izquierda article {
		margin:0 0 30px 0;
	}

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

	.widget {
		margin-bottom:40px;
		width:100%;
	}
	h1 {
		line-height: 100%;	
	}
	.font_0, .font_1, .font_2, .font_3, .font_4, .font_5, .font_6, .font_7, .font_8, .font_9, .font_10, .font_11, .font_12, .font_13, .font_14, .font_15, .font_16, .font_17 {
		font-size: 0.9em;
	}
	.font_titular { font-size: 1.7em; }

	header .seccion_activa {
		border:0;
		background-color: #fff;
		padding: 0;
	}
	#main #articles_titular article .sociales_single, #main #articles_list article .sociales_single {
		margin-top: 0px;
	}
	#main #articles_single article .fecha, #main #articles_single article .fecha .fecha_margin {
		text-align: center;
	}
	footer .widget {
		clear: both;
		width:90%;
		padding: 5%;
		margin:0;
	}
	#comentarios > h1 {
		text-align:center;
	}
	#comentarios .caja_comentarios {
		padding:20px;
	}

}

/*Medida smartphones*/
@media screen and (max-width:400px){
	footer .widget {
		clear: both;
		width:90%;
		padding: 5%;
		margin:0;
	}
	
	h1 {
		line-height: 90%;	
	}

	.font_0, .font_1, .font_2, .font_3, .font_4, .font_5, .font_6, .font_7, .font_8, .font_9, .font_10, .font_11, .font_12, .font_13, .font_14, .font_15, .font_16, .font_17 {
		font-size: 0.8em;
	}
	.font_titular { font-size: 1.7em; }
	header .seccion_activa {
		border:0;
		background-color: #fff;
		padding: 0;
	}
	#main #articles_list, #main #articles_single, #main #izquierda, #main #derecha {
		width:100%;
		clear: both;
	}
	
	#main #izquierda article {
		margin:0 0 30px 0;
	}
	#main #derecha article {
		margin:0 0 30px 0;
	}
	#main #articles_titular article .sociales_single, #main #articles_list article .sociales_single {
		margin-top: 0px;
	}
		#main #articles_single article .fecha, #main #articles_single article .fecha .fecha_margin {
		text-align: center;
	}
	#comentarios > h1 {
		text-align:center;
	}
	#comentarios .caja_comentarios {
		padding:20px;
	}
}