/* Color de fondo de menues */
#main-menu-bar-wrapper{background-color:%menu-background-color% !important}
#footer-menu-bar-wrapper{background-color:%menu-background-color% !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:%menu-color% !important}
.bar-menu a{color:%menu-color% !important}
.menu-wrapper>.vplmenu>.mitem.selected>a,
.mainmenu>.mitem:focus{color:%menu-selection-color% !important}
.mainmenu>.mitem:hover{color:%menu-selection-color% !important;background:%menu-selection-color-hover% !importan}
.menu-sites{color:%menu-color% !important}
.menu-sites a{color:%menu-color% !important}
#footer-menu .vsmmenu{border-bottom-color:%menu-background-color% !important;border-top:1px solid %menu-color% !important}
.menu-wrapper>.vplmenu span.ddb:after{border-color:%menu-color% transparent;}
#footer-menu span.ddb:after{border-color:%menu-color% transparent;}
@media (min-width:768px){
    .menu-wrapper>.vplmenu UL LI UL{background:%menu-background-color%}
    .menu-wrapper>.vplmenu UL LI UL:before{background:none 0% 0% / auto repeat scroll padding-box border-box %menu-background-color%;border:1px solid %menu-background-color%}
    .menu-wrapper>.vplmenu UL LI UL:after{background:%menu-background-color%;border:1px solid %menu-background-color%}
}


/* Color de texto de opciones de menues seleccionadas */
.menu-wrapper>.vplmenu>.mitem.visible>a,.menu-sections a:focus{color:%menu-selection-color% !important;background:%menu-color% !important}
.menu-wrapper>.vplmenu a.mitem:hover{background:%menu-selection-color-hover% !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:%menu-selection-color% transparent !important}
#footer-menu .vsmmenu {box-shadow:rgba(0,0,0,0.5) 2px -2px 4px !important}

/* Color y fuente de títulos */
.headline{font-family:%headline-font-family% !important;color:%headline-color% !important} /* Sacar "color" si no quieren que los títulos sin link estén con color */
.headline a{color:%headline-color% !important;}

/* Color principal (Links, botones, etc) */
.bgmaincolor{background-color:%main-color% !important;background-image:none !important;border-color:%main-color% !important}
.selected .bgmaincolor{background:#666 !important;border-color:#333 !important}
.bordermaincolor{border-color:%main-color%}
.bordermaincolor:after{border-color:%main-color%}
.bordermaincolor:before{border-color:%main-color%}
.maincolor a{color:%main-color% !important;}
.maincolor{color:%main-color% !important;}
.maincolor p{color:%main-color% !important;}
.maincolor:before{color:%main-color% !important;}

#vpllinkexistingaccount a{color:%main-color% !important}
#vpllinknewaccount a{color:%main-color% !important}
#register-error.error,#vpllinknewaccounterror.error,#vplloginerror.error{background-color:%main-color%}
.vsmformerror{border-color:%main-color%}

#search.ready button:hover{background-color:%main-color%}
#search.ready button{background-color:%main-color%}

/* Fondo de página */
body{background-color:transparent !important}
#body-wrapper{background-color:transparent !important;background-image:url(/files/image/7/7971/55492a898ae6a.jpg) !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:%header-background-color% !important;background-image:url(/files/image/8/8240/556f297dec31b.jpg) !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:%footer-background-color% !important;height:%footer-height%px !important}

/* Color texto en encabezados */
#header{color:%header-color% !important}
#header A{color:%header-color%}
#header A:hover{color:%header-hover-color%}
#footer{color:%footer-color% !important}
#footer A{color:%footer-color%}
#footer A:hover{color:%footer-hover-color%}


/* Encabezado de las secciones */
#section-header-wrapper{background-color:%header-background-color% !important}
.fww-border{background-color:%header-color% !important;opacity:.5 !important;filter:alpha(opacity=50) !important;}
#section-title{color:%header-color% !important;font-family:%menu-font-family% !important}
#section-title a{color:%header-color% !important;}
.follow-page{color:%header-color% !important;font-family:%menu-font-family% !important}
.temas{color:%header-color% !important;font-family:%menu-font-family% !important}
.temas a{color:%header-color% !important;}

/* Nota */
#permalink a:hover{color:%main-color% !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}