/*
Theme Name: Hoy Es Arte 2018
Author: Blogestudio
Author URI: http://www.blogestudio.com/
Version: 1.0
*/

.alejandro { content: "stylecss"; }

/* Alejandro - 20.03.2018 - Publi */
.publi-hoyesarte-header { text-align: center; margin-bottom: 15px; }
.publi-hoyesarte-portada-destacados { margin-bottom: 10px; display: none; text-align: center; }
@media (max-width: 767px) {
	.publi-hoyesarte-portada-destacados { display: block; }
}


/* QUALITY WEBS MODULAR */
.wrapper #modular{display:block;overflow:hidden;margin:0 -26px;padding: 0;position:relative; }
.wrapper #modular .qw_cintillo,.box h1.cintillo{display:inline-block;font-size:.8rem;padding:0}
.wrapper #modular .qw_cintillo{width:150px;margin:0;line-height:.8rem;position:absolute;top:25px;left:20px; font: 300 .7rem/.8rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #999; }
.wrapper #modular .qw_cintillo span{background:url(https://feedapp.es/estaticas/modular/icons/logo_qualitywebs.svg) top left no-repeat;background-size:140px;display:inline-block;text-indent:-99999px;width:150px;height:70px;margin:2px 0 0}
.wrapper #modular a{text-decoration:none;color:#999}
.wrapper .box h1.cintillo{width:100%;overflow:hidden;text-align:center;font-weight:200;color:#666;margin:0}
.wrapper #modular #modular_wrap{display:block;overflow:hidden;width:4800px;height:240px;margin-left:20px;margin-top:80px;position:absolute}
.wrapper #modular article{display:inline;float:left;padding:0;margin:0 10px 5px 0;position:relative;background:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;width:200px;height:300px}
.wrapper #modular article .media{display:block;overflow:hidden;width:100%;position:relative;padding-top:56%;white-space:nowrap;background:#000;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px}
.wrapper #modular article .media img{position:absolute;vertical-align:middle;top:0;left:0;width:100%}
.wrapper #modular article .media:hover img{opacity:.6;vertical-align:middle}
.wrapper #modular article a{font:400 1rem/1rem 'Helvetica Neue', Helvetica, Arial, Sans-serif;text-decoration:none;color:#222}
.wrapper #modular article a:hover{color:#F60}
.wrapper #modular article a.qw_medio{text-transform:uppercase;color:#999 !important;font-size:.7rem !important;padding:6px 0 0; display:inline-block;position:relative}
.wrapper #modular article .qw_medio:hover,
.wrapper #modular article h1 {padding:0;}
.wrapper #modular article h1 a:hover{color:#F60}#modular article h1 a{font-weight:500;display:block;overflow:hidden;color:#000;padding:0 10px 5px 0 !important;font-weight:500;line-height:1.1rem}
.wrapper #modular article p.description{font-size:.8rem;line-height:1rem;font-weight:300;overflow:hidden;padding-bottom:10px;color:#999 !important;padding-right:20px;display:none}
.wrapper #modular article a.plus{display:block;overflow:hidden;position:absolute;bottom:22px;right:14px;width:22px;height:22px;background:#EEE;margin:0 4px 0 0;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;text-indent:-9999px}
.wrapper #modular .qwmod_sites{display:inline-block;z-index:999;position:relative;border-top:1px solid #DDD;margin:300px 20px 0 0;padding:20px 0;with:calc(100% - 40px)}
.wrapper #modular .qwmod_sites a{display:inline-block;width:200px;margin-right:10px;font-size:.8rem !important;color:#AAA !important;line-height:1rem;height:50px}
.wrapper #modular .qwmod_sites a span{display:none}#modular .qwmod_sites a.coolsty{background:url(https://feedapp.es/estaticas/modular/icons/logo_coolsty.svg) center no-repeat;background-size:80px}
.wrapper #modular .qwmod_sites a.elhedonista{background:url(https://feedapp.es/estaticas/modular/icons/logo_elhedonista.svg) center 8px no-repeat;background-size:150px}
.wrapper #modular .qwmod_sites a.happyfm{background:url(https://feedapp.es/estaticas/modular/icons/logo_happyfm.svg) center no-repeat;background-size:115px}
.wrapper #modular .qwmod_sites a.hoyesarte{background:url(https://feedapp.es/estaticas/modular/icons/logo_hoyesarte.png) center no-repeat;background-size:110px}
.wrapper #modular .qwmod_sites a.loffit{background:url(https://feedapp.es/estaticas/modular/icons/logo_loffit.svg) center no-repeat;background-size:82px}
.wrapper #modular .qwmod_sites a.plasticoelastico{background:url(https://feedapp.es/estaticas/modular/icons/logo_plasticoelastico.svg) center no-repeat;background-size:110px}
@media only screen and (min-width: 780px){
.wrapper #modular .qwmod_sites{with:calc(100% - 150px);margin-left:160px;margin-top:220px}
.wrapper #modular #modular_wrap{margin-left:160px;margin-top:0}
.wrapper #modular .qwmod_sites a{width:150px}
}


/* Sistema Sidebars con PUBLI */
.col-cntnt { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.col-sbd { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
@media (min-width: 768px) {
	.col-cntnt { -webkit-box-flex: 0; -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; }
	.col-sbd { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; }
}
@media (min-width: 992px) {
	.col-cntnt { -webkit-box-flex: 0; -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 674%; }
	.col-sbd { -webkit-box-flex: 0; -ms-flex: 0 0 36%; flex: 0 0 363%; max-width: 36%; }
}
@media (min-width: 1200px) {
	.col-cntnt { -webkit-box-flex: 0; -ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; }
	.col-sbd { -webkit-box-flex: 0; -ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%; }
}




.wrapper .firmante { margin-bottom: 30px; padding: 30px; background: #eee; position: relative; font-size: 0.9em; }
	.wrapper .firmante h2 { font-size: 2.3em; padding: 0; margin: 0; line-height: 1; }
	.wrapper .firmante h3 { font-size: 1.5em; padding: 0; margin: 0 0 20px; line-height: 1; }
	.wrapper .firmante p { font-size: 1em; margin: 0 0 20px; padding: 0; line-height: 1.3 }
		.wrapper .firmante p:last-child { margin-bottom: 0; }




.galleria-errors { display: none !important; }


@media ( max-width: 768px ) {
	.logo { margin: 0 0 .5rem; width: 45%; }
	.mobile_primary ul li { display: block; }
		.mobile_primary ul li a { line-height: 34px; }
		.mobile_primary ul li .sub-menu { position: relative; padding-top: 0; }
			.mobile_primary ul li .sub-menu ul { }
				.mobile_primary ul li .sub-menu ul:after { content: ""; display: block; clear: both; }
				.mobile_primary ul li .sub-menu ul li { width: 33%; border: 0 none; text-align: center; float: left; display: block; line-height: 1; }
					.mobile_primary ul li .sub-menu ul li a { padding: .5rem 0; text-align: center; line-height: 1.5; }
}