/* Color de fondo de menues */
#main-menu-bar-wrapper{background-color:#ffffff !important}
#footer-menu-bar-wrapper{background-color:#ffffff !important}


/* Fuente de menues */
#header-menu{font-family:%menu-font-family% !important}
#footer-menu{font-family:%menu-font-family% !important}

/* Color de texto de menues */
.bar-menu{color:#000000 !important}
.bar-menu a{color:#000000 !important}
.menu-wrapper>.vplmenu>.mitem.selected>a,
.mainmenu>.mitem:focus{color:#000000 !important}
.mainmenu>.mitem:hover{color:#000000 !important;background:#fafafa !importan}
.menu-sites{color:#000000 !important}
.menu-sites a{color:#000000 !important}
#footer-menu .vsmmenu{border-bottom-color:#ffffff !important;border-top:1px solid #000000 !important}
.menu-wrapper>.vplmenu span.ddb:after{border-color:#000000 transparent;}
#footer-menu span.ddb:after{border-color:#000000 transparent;}
@media (min-width:768px){
    .menu-wrapper>.vplmenu UL LI UL{background:#ffffff}
    .menu-wrapper>.vplmenu UL LI UL:before{background:none 0% 0% / auto repeat scroll padding-box border-box #ffffff;border:1px solid #ffffff}
    .menu-wrapper>.vplmenu UL LI UL:after{background:#ffffff;border:1px solid #ffffff}
}


/* Color de texto de opciones de menues seleccionadas */
.menu-wrapper>.vplmenu>.mitem.visible>a,.menu-sections a:focus{color:#000000 !important;background:#000000 !important}
.menu-wrapper>.vplmenu a.mitem:hover{background:#fafafa !important}
.menu-wrapper>.vplmenu>.mitem.visible>a,.menu-sections .mitem.visible .ddb:after,.menu-sections a:hover .ddb:after,.menu-sections a:focus .ddb:after {border-color:#000000 transparent !important}
#footer-menu .vsmmenu {box-shadow:rgba(0,0,0,0.5) 2px -2px 4px !important}

/* Color y fuente de títulos */
.piece:not(.ranking) .headline{font-family:%headline-font-family% !important;color:#cabebe !important} /* Sacar "color" si no quieren que los títulos sin link estén con color */
.piece:not(.ranking) .headline a{color:#cabebe !important;}

/* Color principal (Links, botones, etc) */
.bgmaincolor{background-color:#000000 !important;background-image:none !important;border-color:#000000 !important}
.selected .bgmaincolor{background:#666 !important;border-color:#333 !important}
.bordermaincolor{border-color:#000000}
.bordermaincolor:after{border-color:#000000}
.bordermaincolor:before{border-color:#000000}
.maincolor a{color:#000000 !important;}
.maincolor{color:#000000 !important;}
.maincolor p{color:#000000 !important;}
.maincolor:before{color:#000000 !important;}

#vpllinkexistingaccount a{color:#000000 !important}
#vpllinknewaccount a{color:#000000 !important}
#register-error.error,#vpllinknewaccounterror.error,#vplloginerror.error{background-color:#000000}
.vsmformerror{border-color:#000000}

#search.ready button:hover{background-color:#000000}
#search.ready button{background-color:#000000}

/* Fondo de página */
body{background-color:#f5f4f4 !important}
#body-wrapper{background-color:#f5f4f4 !important;background-image:url(/lib/1x1.gif) !important;background-repeat:repeat !important;background-size:auto}

/* Fuente en bajadas, textos, volantas */
.mainfont{font-family: %main-font-family% !important}
.mainfont p{font-family:%main-font-family% !important}

/* Altura del header */
#page-header{height:%header-height%px !important}

/* Color e imagen de fondo de encabezado */
#page-header-wrapper{background-color:#ffffff !important;background-image:url(/lib/1x1.gif) !important;background-position:50% 0 !important;background-repeat:no-repeat !important;background-size:auto}
#page-header-logo-wrapper{background-image:none}
@media (min-width:768px){
    #page-header-logo-wrapper{position:relative;width:100%;height:calc(100% - 47px);padding:20px;box-sizing:border-box;background-image:none;top:unset;left:unset}
    .stacked #header .page-header-logo-wrapper{top:unset;padding:0}
    #page-header-logo-minisite{display:block;position:relative;width:100%;height:100%}
    #page-header-logo-minisite img{width:auto;height:auto;max-width:100%;max-height:100%;position:relative}
}
#page-footer-wrapper{background-color:#fcfcfc !important;height:%footer-height%px !important}

/* Color texto en encabezados */
#header{color:#000000 !important}
#header A{color:#000000}
#header A:hover{color:#ffffff}
#footer{color:#000000 !important}
#footer A{color:#000000}
#footer A:hover{color:#000000}


/* Encabezado de las secciones */
#section-header-wrapper{background-color:#ffffff !important}
.fww-border{background-color:#000000 !important;opacity:.5 !important;filter:alpha(opacity=50) !important;}
#section-title{color:#000000 !important;font-family:%menu-font-family% !important}
#section-title a{color:#000000 !important;}
.follow-page{color:#000000 !important;font-family:%menu-font-family% !important}
.temas{color:#000000 !important;font-family:%menu-font-family% !important}
.temas a{color:#000000 !important;}

/* Nota */
#permalink a:hover{color:#000000 !important}

/*Preloaders */
.busyicon.redsmall{background:url(/0/img/common/preloaders/whitedotssmall.gif) !important}

/* Piezas en especiales */
.noticiadestacada .media{box-shadow:none}
.listados .media{box-shadow:none}

.noticia .headline{text-shadow: #f0f0f0 0px 1px 6px !important}

/* Fondo de página para plantilla video */
.interiorvideo{background:none !important}