@import url(comun.css);
@import url(slider.css);

/* Texto */
#texto{ margin-bottom:80px; font-size:106.25%; }
#texto p{ text-align:justify; margin-bottom:20px; color:#000; font-weight:300; }
#texto p:last-child{ margin-bottom:0px; }

/* Blog */
#blog{ text-align:center; }
.post_blog{ vertical-align:top; overflow:hidden; }
.post_blog figure{ position:relative; overflow:hidden; }
.post_blog figure img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; width:100%; height:auto; }
.post_blog div img{ display:none; }

.tituloBlog{ text-align:justify; font-size:112.5%;  line-height:1.3em; }
.tituloBlog a, .tituloBlog a:visited{ color:#D02539; }

.fechaBlog{ font-size:87.5%; text-align:left; color:#777; height:20px; }

.textoBlog{ position:relative; margin-top:5px; text-align:justify; font-size:100%; color:#D02539; font-weight:300; }
.textoBlog p{ margin-bottom:20px; }
.textoBlog p:last-child{ margin-bottom:0px; }
.more-link, .more-link:visited{ color:#D02539; }

.textoBlog a, .textoBlog a:visited{ color:#D02539; }


.VerTodos{ margin:20px auto 60px auto; }
.VerTodos a, .VerTodos a:visited{ padding: 5px 30px; display: inline-block; background-color: #000; color: #FFF; font-size: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* PC */
@media screen and (min-width: 980px) { 

	/* Blog */
	.post_blog{ display:inline-block; width:232px; margin:0px 5px 40px 5px; }
	.post_blog:first-child{ margin-left:0px; }
	.post_blog:last-child{ margin-right:0px; }
	
	.post_blog figure{ width:100%; height:173px; margin-bottom:10px; }
	
	.tituloBlog{ height:70px; }
	.textoBlog{ height:120px; overflow:hidden; }
	
	.more-link{ position:absolute; bottom:0px; right:0px; }

}

/* TABLET */
@media screen and (min-width: 640px) and (max-width: 980px) { 

	/* Blog */
	#blog{ margin-bottom:80px; }
	.post_blog{ margin:0 auto 60px auto; display:block; width:600px; }	
	.post_blog figure{ width:100%; height:450px; }
	.tituloBlog{ margin:5px auto; }
	.textoBlog{ overflow:hidden; }

}

/* MÓVIL */
@media screen and (min-width: 200px) and (max-width: 640px) {
	#blog{ margin-bottom:20px; }
	.post_blog{ margin:0 auto; display:block; width:96%; margin:0px 2% 80px 2%; }	
	.post_blog figure{ width:100%; height:225px; margin-bottom:10px; }
	.textoBlog{ overflow:hidden; }
	
	.post_blog:nth-of-type(4),
	.post_blog:nth-of-type(5),
	.post_blog:nth-of-type(6){ display:none; }
}