@font-face {
    font-family: 'lato';
    src: url('/0/fonts/lato-regular-webfont.eot');
    src: url('/0/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/0/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('/0/fonts/lato-regular-webfont.woff') format('woff'),
         url('/0/fonts/lato-regular-webfont.ttf') format('truetype'),
         url('/0/fonts/lato-regular-webfont.svg#lato') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('/0/fonts/opensans-regular-webfont.eot');
    src: url('/0/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/0/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/0/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/0/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/0/fonts/opensans-regular-webfont.svg#open_sans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_bold';
    src: url('/0/fonts/roboto-bold-webfont.eot');
    src: url('/0/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/0/fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('/0/fonts/roboto-bold-webfont.woff') format('woff'),
         url('/0/fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('/0/fonts/roboto-bold-webfont.svg#roboto') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('/0/fonts/roboto-regular-webfont.eot');
    src: url('/0/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/0/fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('/0/fonts/roboto-regular-webfont.woff') format('woff'),
         url('/0/fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('/0/fonts/roboto-regular-webfont.svg#roboto') format('svg');
    font-weight: normal;
    font-style: normal;
}


html{font-size:62.5%}
body{margin:0;background:#fff;font-family:'roboto'}
a{color:#00afff;text-decoration:none;outline:none}
a:hover{color:#231F20}
img{border:0;vertical-align:middle}
h1,h2,h3{font-weight: normal;padding:0;margin:0}


/*Behaviour*/
*:focus {outline:none}   

/*Layout de página*/
.page{font-size:100%;position:relative}
.canvas-width, .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}

/* Header*/
.header-wrapper{position:relative;z-index:3;text-align:center;margin:0 auto;height:216px;margin-bottom:12px;border-bottom:3px solid rgba(34, 30, 31,0.7); z-index:1000;
    background: #f0f0f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.header-wrapper .header{position:relative}

/* Logo */
.header-wrapper .logo a{display:block;width:477px;height:164px;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 .share-item{position:relative}
.header-wrapper .top-menu .share-item.twitter .share-button, .top-menu .share-item.facebook .share-button{width:40px;height:31px;line-height:31px;font-size:12px;background: transparent;}
.header-wrapper .top-menu .share-item .share-button a{display:inline-block;width:100%;height:100%}
.header-wrapper .top-menu .share-item .share-button:hover{cursor:pointer}
.header-wrapper .top-menu .share-item .share-button:after{color:#231F20;font-size:20px}

/* Main menú */
.header-wrapper .menu-wrapper{font-family:"roboto_bold";font-size:150%;font-weight:bold;position:absolute;z-index:3;border-top:0;margin-top:-10px;bottom:-40px;text-align:center;width:100%}
.header-wrapper .menu-wrapper input{display:none;}
/*
.header-wrapper .menu-wrapper label{display:none;}
*/
.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:#000}
.header-wrapper .vsmmenu span.mitem A.mitem{display:inline-block;padding:0 1.1em;vertical-align:top;color:#000;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{color:#333;text-decoration:underline;transition:color 300ms;-webkit-transition:color 300ms;-moz-transition:color 300ms}
.header-wrapper .vsmmenu span.mitem:hover A.mitem{color:#333;text-decoration:underline;transition:color 300ms;-webkit-transition:color 300ms;-moz-transition:color 300ms}
.header-wrapper .vsmmenu span.mitem.selected{text-decoration: underline;color:#333}
.header-wrapper .vsmmenu span.mitem.selected a{text-decoration: underline;color:#333}
.header-wrapper .vsmmenu span.mitem a.ddb{padding:0;position:absolute;font-size:93%;margin-left:-1.5em;text-decoration:none;width:30px;padding-left:-22px}
.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:rgb(240,240,240);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;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}
.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) */
/* Search button */
.header-wrapper .search-wrapper{position: absolute;right:0;top:3px}
.header-wrapper .search{position:absolute;right:0px;top:0;height:40px;z-index:1}
.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:'open_sans_condensedbold';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:focus,
.header-wrapper .search input.searched{padding-left:15px;width:200px;font-family:'open_sansregular';color:#231F20;background:rgba(0,0,0,0.1);opacity:1;z-index:0;cursor:text}
.header-wrapper .search form {margin:0}
.header-wrapper .search .busy{position:absolute;left:5px;bottom:-2px;color:#333;font-size:110%;line-height:1em}
.header-wrapper .search .button{position:absolute;right:4px;top:6px;padding-left:10px;cursor:default}
.header-wrapper .search .button:hover{cursor:pointer}


.header-wrapper.stacked{position:fixed;width:100%;height:auto;margin:0;line-height:40px;}
.header-wrapper.stacked .header{min-height:40px;line-height:40px;box-sizing:border-box}
.header-wrapper.stacked .logo-wrapper{position:absolute;left:50%;margin-left:-17px;height:40px;width:40px;top:0}
.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') 0 0 no-repeat;background-size:40px 40px;margin:0}
.header-wrapper.stacked .search .button{top:-2px}
.header-wrapper.stacked  .search-wrapper {right:42px;top:0}


.header-wrapper.stacked .menu-wrapper{position:static;margin:0}
.header-wrapper.stacked .menu-wrapper .piece.vplmenu .vsmmenu{white-space:normal}

.header-wrapper.stacked .top-menu-wrapper{max-width:30%}
.header-wrapper.stacked .top-menu-wrapper .top-menu{position:relative;width:100%;text-align:left}
.header-wrapper.stacked .top-menu-wrapper .top-menu .share-item{display:inline;text-align:left}

.header-wrapper.stacked .nav-trigger{display:block !important;position:absolute;clip: rect(0, 0, 0, 0);}
.header-wrapper.stacked .nav-trigger + label{width:42px;position:absolute;right:0;top:0;height:41px}
.header-wrapper.stacked .nav-trigger + label .menu-icon{background:url('/0/img/mobile/mobile-menu-on.png') 0 0 no-repeat;width:16px;height:16px;position:absolute;top:11px;left:13px;background-size:16px 16px !important}
.header-wrapper.stacked .nav-trigger:checked + label {background:#ccc}
.header-wrapper.stacked .nav-trigger:checked + label .menu-icon{background:url('/0/img/mobile/mobile-menu-on.png') 0 0 no-repeat;width:16px;height:16px;position:absolute;top:11px;left:13px;background-size:16px 16px !important}
.header-wrapper.stacked .nav-trigger:checked ~ .navigation{display:block;margin:0 -15px}
.header-wrapper.stacked .navigation{display:none}



.header-wrapper.stacked .navigation  DIV.vsmmenu.js SPAN.mitem.visible>DIV.vsmmenu .mitem a{text-decoration:none}
.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{background:#fff;margin:0 auto}

/* Footer */
.footer-wrapper{position:relative;color:#e0e0e0;font-family:"roboto_bold";font-size:120%;width:100%;background-color:#111;margin-top:20px;text-align:center}
.footer-wrapper .footer{position:relative;margin:0 auto;padding-top:20px;height:200px}
.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-menu{position:static;margin:10px}
#footer-menu .piece.vplmenu{font-size:100%}
#footer-menu .mseparator{padding:0 5px;margin-top:-1px}
.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:"roboto_bold";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}