html{font-size:62.5%}
body{margin:0;background:#fff;font-family:var(--default-font)}
a{color:#fd3651;text-decoration:none;outline:none}
a:hover{color:#ca374b}
img{border:0;vertical-align:middle}
h1,h2,h3{font-weight: normal;padding:0;margin:0}
/* Canvas */
.canvas-width{margin:0 auto;max-width:var(--page-width);width:calc(100% - 2em)}
/*Behaviour*/
*:focus {outline:none}
/*Layout de página*/
.page{position:relative;font-size:100%}
.zone.zfull>.separator, .block>.separator,.zone.zfull .piece.ranking,.zone.zfull .piece.ultimomomento{margin:0 auto;width:1140px}
.clear{clear:both;font-size:0;height:0}
.separator{clear:both;font-size:0;height:30px;position:relative;width:100% !important}
.separator:after{content:"";border-bottom:1px solid #e6e6e6;position:absolute;top:50%;width:100%}
.z20{width:20%}
.z22{width:47.9%}
.z30{width:28%}
.z45{width:100%}
.z50{width:49%}
.z70{width:70%}
.z100{width:100%}
.zfull{clear:both}
.zleft{float:left;margin-right:2%}
.zright{float:right}
.blockBis{position:relative;width:48%}
.block3A .section UL{background:#a9cce7}
.block3A .global UL{background:#d9f3ff}
UL LI.vsmhidden{display:none}
/* Header*/
/* alerta
.header-wrapper{position:relative;z-index:3;text-align:center;margin:0 auto;margin-bottom:12px; z-index:1000;background: rgba(255, 190, 235,0.9);}
*/
/*
.header-wrapper{position:sticky;z-index:3;text-align:center;margin:0 auto;margin-bottom:12px; z-index:1000;background: rgba(255, 0, 0,0.9);top:0}
*/
.header-wrapper{position:sticky;z-index:3;text-align:center;margin:0 auto;margin-bottom:12px; z-index:1000;top:0}
.header-wrapper .header-box{background: rgba(190, 24,33,1);width:100%;position:relative;z-index:3}
.header-wrapper .header-container{background: rgba(190, 24, 33,1);z-index:1}
.header-wrapper .header{position:relative}
/* Logo */
.header-wrapper .logo a{display:block;width:500px;height:104px;margin: 0 auto;margin-top:-20px;background:url('/0/img/header/header-logo.png') 0 0 no-repeat}
/* Top bar */
.header-wrapper .top-menu-wrapper {text-align:left}
.header-wrapper .top-menu{display:flex}
.header-wrapper .top-menu .share-item-svg{position:relative;display:inline-block;line-height:40px;width:40px;min-width:40px}
.header-wrapper .top-menu .share-item-svg .share-button{width:80%;height:80%;line-height:100%;font-size:12px;background: transparent;}
.header-wrapper .top-menu .share-item-svg .share-button a{display:inline-block;width:100%;height:100%}
.header-wrapper .top-menu .share-item-svg .share-button:hover{cursor:pointer}
.header-wrapper .top-menu .share-item-svg .share-button:hover path{fill:rgba(255,255,255,0.7)}
.header-wrapper .top-menu .share-item-svg .svg-icon{width:100%;height:100%;background-color:transparent}
.header-wrapper .top-menu .share-item-svg .svg-icon:before{display:none}
/*
.header-wrapper .top-menu .share-item .share-button:after{color:rgba(255,255,255,0.9);font-size:20px}
*/
/* Main menú */
.header-wrapper .menu-wrapper{font-family:var(--default-font);font-size:170%;font-weight:bold;text-align:center;width:100%;border-top:1px solid #fff;background:#0a0a0a}
.header-wrapper .menu-wrapper .navigation{display:block;}
.header-wrapper .vsmmenu{position:relative;text-transform:uppercase;z-index:2;box-sizing:border-box;line-height:40px}
.header-wrapper .vsmmenu .buttonopen{display:none}
.header-wrapper .vsmmenu span.mitem{display:inline-block;vertical-align:top;color:#fff}
.header-wrapper .vsmmenu span.mitem A.mitem{display:inline-block;padding:0 1.1em;vertical-align:top;color:inherit;position:relative;transition:background 250ms;-webkit-transition:background 250ms}
.header-wrapper .vsmmenu span.mitem.button A.mitem{padding:0 1.5em 0 1em}
.header-wrapper .vsmmenu span.mitem.arrow A.mitem{padding:0 1.5em 0 1em}
.header-wrapper .vsmmenu span.mitem:hover{text-decoration:underline;transition:color 300ms;-webkit-transition:color 300ms;-moz-transition:color 300ms}
.header-wrapper .vsmmenu span.mitem:hover A.mitem{transition:color 300ms;-webkit-transition:color 300ms;-moz-transition:color 300ms;background:rgba(255, 255, 255, 0.2);color:#fff}
.header-wrapper .vsmmenu span.mitem.selected{color:#333}
.header-wrapper .vsmmenu span.mitem.selected a{color:#333;background:rgba(255, 255, 255, 0.75)}
.header-wrapper .vsmmenu span.mitem .ddb{padding: 0;font-size: 70%;text-decoration: none;padding-left: 6px;color: rgba(255,255,255,0.6);line-height: 100%;vertical-align: middle;display: inline-block}
.header-wrapper .vsmmenu span.mitem.home a.mitem{border-right:0}
.header-wrapper .vsmmenu span.mseparator{width:1px;height:50px;font-size:130%;background-color:#737373}
/* submenu */
.header-wrapper DIV.vsmmenu span.mitem DIV.vsmmenu{background-color:#3b3b3b;margin-top:-5px}
.header-wrapper DIV.vsmmenu span.mitem:hover DIV.vsmmenu{opacity:1;transition:opacity 0.5s}
.header-wrapper DIV.vsmmenu span.mitem DIV.vsmmenu{opacity:0;transition:opacity 2s}
.header-wrapper DIV.vsmmenu span.mitem DIV.vsmmenu .mitem{padding: 0 0.5em;text-decoration:none;background:transparent}
.header-wrapper DIV.vsmmenu span.mitem DIV.vsmmenu .mitem:hover{text-decoration:underline}
/* ccs estandar de menú */
DIV.vsmmenu{white-space: nowrap}
DIV.vsmmenu DIV.clear{clear:both} /*all levels*/
DIV.vsmmenu SPAN.mitem.disabled{opacity:0.4;-moz-opacity:0.4} /*Item disabled (all levels)*/
DIV.vsmmenu.css SPAN.mitem.disabled:hover>DIV.vsmmenu{margin-left:-10000px;opacity:0} /*Item disabled (all levels)*/
DIV.vsmmenu.js SPAN.mitem.disabled.visible>DIV.vsmmenu{margin-left:-10000px;opacity:0} /*Item disabled (all levels)*/
DIV.vsmmenu.js SPAN.mitem.visible>DIV.vsmmenu {margin-left:0px;opacity:1} /*Menu visible (all levels)*/
DIV.vsmmenu.css SPAN.mitem:hover>DIV.vsmmenu {margin-left:0px;opacity:1} /*Menu visible (all levels) via css*/
DIV.vsmmenu SPAN.mitem.disabled A{cursor:default} /*Item disabled (all levels)*/
DIV.vsmmenu SPAN.mitem{display:inline-block;position:relative;vertical-align:top} /* Item (First level, all levels) */
DIV.vsmmenu SPAN.mseparator{display:inline-block;position:relative;vertical-align:top} /* Item (First level, all levels) */
DIV.vsmmenu SPAN.mitem A.mitem{text-overflow:ellipsis;display:inline-block;position:relative;text-align:left} /* Item (First level, all levels) */
DIV.vsmmenu SPAN.mitem.more .ddb{display:none} /* Item (First level, all levels) */
DIV.vsmmenu SPAN.mitem A.mitem DIV{white-space:normal} /* Item (First level, all levels) */
DIV.vsmmenu DIV.vsmmenu{z-index:1;position:absolute;float:left;margin-left:-10000px;opacity:0;left:0}/* Menu (Second level) */
DIV.vsmmenu DIV.vsmmenu SPAN.mitem{display:block;position:relative;white-space:nowrap;margin-right:0} /* Item (Second level) */
DIV.vsmmenu DIV.vsmmenu SPAN.mitem A.mitem{overflow:hidden;text-overflow:ellipsis;display:block;position:relative} /* Item (Second level) */
DIV.vsmmenu SPAN.mitem.visible>DIV.vsmmenu{right:0;left:unset}
DIV.vsmmenu SPAN.mitem.visible:first-child>DIV.vsmmenu{right:unset;left:0}
DIV.vsmmenu.css SPAN.mitem:hover>DIV.vsmmenu{right:0;left:unset}
DIV.vsmmenu.css SPAN.mitem:hover:first-child>DIV.vsmmenu{right:unset;left:0}
/* Search button */
/* alerta
.header-wrapper .search-wrapper{position: absolute;right:0;top:3px}
*/
.header-wrapper .search-wrapper{position: absolute;right:0}
.header-wrapper .search{position:absolute;right:0px;top:0;height:40px;z-index:1}
/* alerta
.header-wrapper .search input{font-size:13px;width:90px;transition:all 500ms;-webkit-transition:all 500ms}
.header-wrapper .search input{padding:2px 45px 2px 15px;font-family:var(--default-third-font);font-size:160%;line-height:31px;height:31px;border-color:transparent;position:relative;z-index:1;opacity:0.01;cursor:pointer}
*/
.header-wrapper .search input{font-size:13px;width:90px;transition:all 500ms;-webkit-transition:all 500ms;padding:2px 45px 2px 15px;font-family:var(--default-third-font);font-size:160%;line-height:40px;height:40px;border-color:transparent;position:relative;z-index:1;opacity:0.01;cursor:pointer;background:rgba(0,0,0,0.9);box-sizing:border-box}
/* alerta
.header-wrapper .search input:focus,
.header-wrapper .search input.searched{padding-left:15px;width:200px;font-family:var(--default-third-font);color:#fff;background:rgba(255,255,255,0.1);opacity:1;z-index:0;cursor:text}
*/
.header-wrapper .search input:focus,
.header-wrapper .search input.searched{padding-left:15px;width:200px;font-family:var(--default-third-font);color:#fff;opacity:1;z-index:0;cursor:text;height:40px;transition:all 500ms;-webkit-transition:all 500ms;}
.header-wrapper .search form {margin:0}
.header-wrapper .search .form{}
.header-wrapper .search .form.focus{background-color:rgba(255,25,25,1)}
.header-wrapper .search .form .term{height:40px}
.header-wrapper .search .busy{position:absolute;left:5px;bottom:-2px;color:#333;font-size:110%;line-height:1em}
/* alerta
.header-wrapper .search .button{position:absolute;right:4px;top:6px;padding-left:10px;cursor:default}
*/
.header-wrapper .search .button{position:absolute;right:4px;top:50%;padding-left:10px;cursor:default;transform:translate(0,-50%)}
.header-wrapper .search .button:hover{cursor:pointer}
/* alerta
.header-wrapper.stacked{position:fixed;width:100%;height:auto;margin:0;line-height:40px;top:0}
*/
.header-wrapper.stacked{position:sticky;width:100%;height:auto;margin:0;line-height:40px;top:0}
.header-wrapper.stacked .header{min-height:40px;line-height:40px;box-sizing:border-box;border-bottom:1px transparent;}
/*
.header-wrapper.stacked .logo-wrapper{position:absolute;left:50%;margin-left:-17px;height:40px;width:40px;top:0}
*/
.header-wrapper.stacked .logo-wrapper{position:absolute;top:50%;left:50%;width:35%;height:40px;transform:translate(-50%,-50%)}
.header-wrapper.stacked .logo-wrapper .logo{width:100%;height:100%}
/*
.header-wrapper.stacked .logo-wrapper .logo a{width:100%;height:100%;background:url('/0/img/header/header-mini-logo.png') 50% 50% no-repeat;background-size:35px 35px;margin:0}
*/
.header-wrapper.stacked .logo-wrapper .logo a{display: block;
width: 100%;
height: 40px;
margin: 0 auto;
background: url(/0/img/header/header-logo.png) 0 0 no-repeat;
background-size: contain;
background-position: 50%;}
/* alerta
.header-wrapper.stacked .search .button{top:-2px}
*/
.header-wrapper .search-wrapper {animation-name: fadeOut;
animation-duration: 0.2s;
animation-timing-function: ease-out;}
.header-wrapper.stacked .search-wrapper {right:60px;top:0;
animation-name: fadeIn;
animation-duration: 0.3s;
animation-timing-function: ease-in;}
@keyframes fadeOut {
from {
opacity:0;
}
to {
opacity:1;
}
}
@keyframes fadeIn {
0% {
opacity:0;
}
100%{
opacity:1;
}
}
@media(max-width:768px){
.header-wrapper .search-wrapper{animation:none}
.header-wrapper.stacked .search-wrapper{animation:none}
}
.header-wrapper.stacked .menu-wrapper{position:static;margin:0;border:0}
.header-wrapper.stacked .menu-wrapper .piece.vplmenu .vsmmenu{white-space:normal}
.header-wrapper.stacked #menu-mobile{right:20px;left:auto;display:block;}
/* alerta
.header-wrapper.stacked.menu .navigation{display:block;margin:0 -15px}
*/
.header-wrapper.stacked.menu .navigation{display:block;margin:0}
.header-wrapper.stacked .navigation{display:none}
.header-wrapper.stacked .navigation DIV.vsmmenu.js SPAN.mitem.visible>DIV.vsmmenu .mitem a{text-decoration:none}
/* alerta
.header-wrapper.stacked .navigation DIV.vsmmenu.js SPAN.mitem.visible>DIV.vsmmenu{border:0;width:100%}
*/
.header-wrapper.stacked .navigation DIV.vsmmenu.js SPAN.mitem.visible>DIV.vsmmenu span.mitem{display:inline-block}
/* Contenedor general */
.pagecontent-wrapper{position:relative;z-index:1}
/*
.pagecontent-wrapper .pagecontent{overflow:hidden}
*/
/* Footer */
.footer-wrapper{position:relative;color:#e0e0e0;font-family:var(--default-font);font-size:120%;width:100%;background-color:#111;margin-top:20px;text-align:center;font-weight:bold}
.footer-wrapper .footer{position:relative;margin:0 auto;padding-top:20px;height:150px}
.footer-wrapper a{color:#ddd !important}
.footer-wrapper a:hover{color:#fff !important}
.footer-wrapper .logo{position:absolute;left:0;top:188px}
.footer-wrapper .logo img{width:155px;height:25px}
.footer-wrapper .footer-logo img{max-width: 100%}
#footer-menu{position:static;margin:10px}
#footer-menu .piece.vplmenu{font-size:100%}
#footer-menu .mitem{margin:10px}
.footer-wrapper .copyright{position:static;margin:10px}
#credits{position:absolute;right:0;bottom:17px}
#credits img{border: 0;vertical-align: middle;margin-top: -4px}
#credits a{margin-left:4px}
#vincolo{width:165px;height:23px}
.seemore{font-family:var(--default-font);line-height:12px;height:12px;background:url('/0/img/buttons.png') no-repeat right -244px;padding-bottom:10px;padding-right:24px;text-align: right;font-size: 12px;font-weight:bold;color:#444}
.seemore a{color:#444;text-decoration:none;font-weight:bold}
.seemore a:hover{text-decoration:underline}
#menu-mobile{display:none}
.header-wrapper #menu-mobile{;top:50%;left:10px;width:30px;height:20px;position: absolute;padding:0;border:0;background:none;z-index:4;box-shadow:none !important;margin:0;transform:translate(0,-50%)}
.header-wrapper #menu-mobile>span,
.header-wrapper #menu-mobile:before,
.header-wrapper #menu-mobile:after{content:"";border-top: 4px solid rgba(255,255,255,0.7);width: 100%;position: absolute;left: 0;top: 0;border-radius: 5px;box-shadow:rgba(0,0,0,0.05) 2px 2px; 1px 3px 2px rgba(0,0,0,0.2);transition:transform 0.3s}
.header-wrapper #menu-mobile:before{top:50%;margin-top:-2px}
.header-wrapper #menu-mobile:after{bottom:0;top:auto}
.header-wrapper.menu #menu-mobile>span{display:none}
.header-wrapper.menu #menu-mobile:before,
.header-wrapper.menu #menu-mobile:after{top:50%;margin-top: -2px;bottom:auto;transform: rotateZ(45deg);transform-origin: 50%;box-shadow:none;transition:transform 0.3s}
.header-wrapper.menu #menu-mobile:before{transform: rotateZ(-45deg)}
.header-wrapper.menu #menu-mobile:before{transform: rotateZ(-45deg)}
.header-wrapper.stacked {
position: sticky;
width: 100%;
height: inherit;
margin: 0;
line-height: 30px;
top: 0;
transition:unset;
}
.header-wrapper .top-menu-wrapper{position: absolute;}
.header-wrapper.stacked .top-menu-wrapper{position: absolute;}
.header-wrapper .logo-wrapper .logo {
width: 100%;
height: 100%;
}
.header-wrapper.stacked .logo-wrapper {
position: relative;
top: unset;
left: unset;
width: 100%;
height: 40px;
transform:unset;
transition: height 0.3s;
}
.header-wrapper .logo-wrapper .logo a {
display: block;
width: 100%;
height: 100%;
margin: 0;
background: none;
}
.header-wrapper.stacked .logo-wrapper .logo a {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
background:none;
}
img.site-logo {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.logo-wrapper {
width: 100%;
height: 104px;
transition: height 0.3s;
}
@media (max-width:768px){
.header-wrapper .top-menu .share-item-svg{width:32px;min-width:32px}
.z100.zheader{margin:0;padding:0;border:0}
}