
<style>
     @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@100;200;300;400;500;600;800;900&display=swap');

  /* --------------------------------

Parcheo Cabecera

-------------------------------- */
* {box-sizing: border-box; margin: 0; padding: 0;}
img {max-width: 100%;}
html {min-height: 100%;}
ol, ul { list-style: none; font-size: inherit; margin-bottom: 0px; overflow: inherit;}
ul li, ol li {margin-right: 0px; }
.content-items .content-item { padding: 0px !important; }
.marca-theme-v2 .ue-l-common-page__inner {  padding: 0rem 0rem;}
h1, h2, h3, h4, h5 {
    line-height: 120%;
    color: #000;
 font-family: 'Barlow Semi Condensed', sans-serif;
}

.site-footer {  margin: 0px 0 0;}

.main-header.inside .main-nav-container { background-color: #ffffff;}
.main-header .breadcrumbs {position: relative; z-index: 2;}
.main { background: none !important; padding-bottom: 0px;}
.main:first-of-type { padding-top: 0px;}
.main-header.inside ~ .main:first-of-type>.tab-title.visible .container-header {width: 990px;border-bottom: solid 1px #141d25; position: absolute;  left: -900000px;}
.seo-links-container {display: none;}
.seo-links-container .list-seo-links a { display: inline-block;}
.main .tab-title { margin-bottom: 0px; height: 0px; width: 100%;}
.row-layout .container {  padding: 0px 0;}
.container {width: 100%; max-width: 100%; margin-right: auto; margin-left: auto;}
.breadcrumbs .tab-breadcrumb-list li.active a { background-color: transparent;}
.content-ad .ad-item-si, .content-ad .ad-item-sd {display: none;}



.main-header.inside ~ .main:first-of-type>.tab-title.visible .container-header { position:initial !important;}
.main .tab-title .container-header { margin: initial !important; }
.main-header.inside ~ .main:first-of-type>.tab-title.visible .container-header .tab-title-text {color: #fff !important; line-height: 1.3 !important;}
.main .tab-title .tab-title-text {font-size: 3em !important;  font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 800;}
h1.tab-title-text.js_seccionPortadilla {
    line-height: 1.3;
    font-family: robotoRegular, Arial, sans-serif;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 3em;
    display: block;
    z-index: 1;
    position: absolute;
    top: 265px;
    color: #ffffff;
    padding: 0;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.flex-a .content-item:nth-child(1):nth-last-child(1) img {
    max-height: initial;
}



.marcamexico-theme-v1 .ue-c-section-title {position: absolute;
    top: 88px;
    z-index: 1;
    color: #fff !important;
    line-height: 1.3 !important;
    font-size: 3em !important;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 800;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    display: block;
    width: 100%;
    left: 0;}

    
    .marcamexico-theme-v1 .ue-l-common-page__inner {
        padding: .0rem .0rem;
        
    position: initial !important;

    }

    .marcausa-theme-v1 .ue-c-section-title {position: absolute;
    top: 88px;
    z-index: 1;
    color: #fff !important;
    line-height: 1.3 !important;
    font-size: 3em !important;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 800;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    display: block;
    width: 100%;
    left: 0;}

    
    .marcausa-theme-v1 .ue-l-common-page__inner {
        padding: .0rem .0rem;
        
    position: initial !important;

    }




/*

.main-header.inside.futbol .main-tab-futbol>a.highlight, .main-header.inside[data-ue-model="futbol"] .main-tab-futbol>a.highlight {
    background-color: transparent;
    color: #000;
}
.main-header.inside.default .main-tab-default>a.highlight, .main-header.inside[data-ue-model="default"] .main-tab-default>a.highlight {
    background: linear-gradient(180deg, #9C8944 0%, #B39A40 100%);

    color: #fff;
}
.main-header.inside.futbol .main-tab-futbol>a.highlight .iconsvg-down-b, .main-header.inside[data-ue-model="futbol"] .main-tab-futbol>a.highlight .iconsvg-down-b {
    background-position: -1px -179px;
    width: 16px;
    height: 16px;
}
.main-header .breadcrumbs {
    height: 44px;
   background: linear-gradient(180deg, #9C8944 0%, #B39A40 100%);

}
.ue-l-common-page__inner .ue-c-section-title {
    padding: 0px 0;
}
.main-header.fixed-down .tab-title .tab-title-text {
    color: #ffffff;
 
}
.tab-news .aside-tools:before {
    content: "";
    position: absolute;
    right: 132px;
    top: 0;
    z-index: 9;
    height: 41px;
    width: 44px;
    display: inline-block;
  background: none;
}
.tab-news .aside-tools {
  
  background-color: transparent;
   
}
.tab-news .aside-tools .icon-facebook {
    border: 1px solid #fff;
}
.tab-news .aside-tools .icon-facebook svg {
    fill: #fff;
}
.tab-news .aside-tools .icon-twitter {
    border: 1px solid #ffffff;
}
.tab-news .aside-tools .icon-twitter svg {
    fill: #ffffff;
}
@media (min-width: 46.25em){
.marca-theme-v2 .ue-c-section-title {
    border-bottom: none ;
}}

*/


 /* --------------------------------

Estilos

-------------------------------- */


li {
    list-style: none;
}
.youtube-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;

    }
.youtube-responsive iframe, .youtube-responsive object, .youtube-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 1em 0em;
    }


                .menu-deportes2  {
  background: linear-gradient(180deg, #9C8944 0%, #B39A40 100%);
  padding: 1em 0em;

}
.menu-deportes2 .margenes {
    margin: 0 auto;
    width: 96%;
}
                .pictogramas {
                  width: 100%;
                  max-width: 1110px;
                  margin-right: auto;
                  margin-left: auto;
                  position: relative;
    color: #333;
    font-size: 1em;
              }
              
              .pictogramas > ul {
                display: flex;
    flex-wrap: wrap;

    padding: 0;

}
.pictogramas li {
    margin: 5px;
    border: 1px #ccc solid;
    background-color: #fff;
    border-radius: 3px;
    padding: 0px;
}
.pictogramas li, .pictogramas li > a {
    display: flex;
}    
.pictogramas > ul svg {
    width: 50px;
    fill: #B8A14F;
}    
.pictogramas li svg .bg {
    fill: transparent;
}  
.pictogramas span {
    color: #636363;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}  
.pictogramas li > a > span {
    cursor: pointer;
}
               
              



#pag-atletismo .menu-deportes2 ul li.atletismo  { background-color: #e1d08f;}
#pag-atletismo .menu-deportes2 ul li.atletismo svg {  fill: #3a3933;}

#pag-badminton .menu-deportes2 ul li.badminton  { background-color: #e1d08f;}
#pag-badminton .menu-deportes2 ul li.badminton svg { fill: #3a3933;}

#pag-baloncesto .menu-deportes2 ul li.baloncesto  { background-color: #e1d08f;}
#pag-baloncesto .menu-deportes2 ul li.baloncesto svg {  fill: #3a3933;}

#pag-baloncesto3x3 .menu-deportes2 ul li.baloncesto3x3  { background-color: #e1d08f;}
#pag-baloncesto3x3 .menu-deportes2 ul li.baloncesto3x3 svg {  fill: #3a3933;}

#pag-balonmano .menu-deportes2 ul li.balonmano  { background-color: #e1d08f;}
#pag-balonmano .menu-deportes2 ul li.balonmano svg {  fill: #3a3933;}

#pag-beisbol .menu-deportes2 ul li.beisbol  { background-color: #e1d08f;}
#pag-beisbol .menu-deportes2 ul li.beisbol svg {  fill: #3a3933;}

#pag-boxeo .menu-deportes2 ul li.boxeo  { background-color: #e1d08f;}
#pag-boxeo .menu-deportes2 ul li.boxeo svg {  fill: #3a3933;}

#pag-breaking .menu-deportes2 ul li.breaking  { background-color: #e1d08f;}
#pag-breaking .menu-deportes2 ul li.breaking svg {  fill: #3a3933;}

#pag-bmx-freestyle .menu-deportes2 ul li.bmx-freestyle  { background-color: #e1d08f;}
#pag-bmx-freestyle .menu-deportes2 ul li.bmx-freestyle svg {  fill: #3a3933;}

#pag-bmx-racing .menu-deportes2 ul li.bmx-racing  { background-color: #e1d08f;}
#pag-bmx-racing .menu-deportes2 ul li.bmx-racing svg {  fill: #3a3933;}

#pag-ciclismo-montana .menu-deportes2 ul li.ciclismo-montana  { background-color: #e1d08f;}
#pag-ciclismo-montana .menu-deportes2 ul li.ciclismo-montana svg {  fill: #3a3933;}

#pag-ciclismo-pista .menu-deportes2 ul li.ciclismo-pista  { background-color: #e1d08f;}
#pag-ciclismo-pista .menu-deportes2 ul li.ciclismo-pista svg {  fill: #3a3933;}


#pag-ciclismo-ruta .menu-deportes2 ul li.ciclismo-ruta  { background-color: #e1d08f;}
#pag-ciclismo-ruta .menu-deportes2 ul li.ciclismo-ruta svg {  fill: #3a3933;}



#pag-escalada .menu-deportes2 ul li.escalada  { background-color: #e1d08f;}
#pag-escalada .menu-deportes2 ul li.escalada svg {  fill: #3a3933;}

#pag-esgrima .menu-deportes2 ul li.esgrima  { background-color: #e1d08f;}
#pag-esgrima .menu-deportes2 ul li.esgrima svg {  fill: #3a3933;}

#pag-futbol .menu-deportes2 ul li.futbol  { background-color: #e1d08f;}
#pag-futbol .menu-deportes2 ul li.futbol svg {  fill: #3a3933;}

#pag-gimnasia-artistica .menu-deportes2 ul li.gimnasia-artistica  { background-color: #e1d08f;}
#pag-gimnasia-artistica .menu-deportes2 ul li.gimnasia-artistica svg {  fill: #3a3933;}

#pag-gimnasia-ritmica .menu-deportes2 ul li.gimnasia-ritmica  { background-color: #e1d08f;}
#pag-gimnasia-ritmica .menu-deportes2 ul li.gimnasia-ritmica svg {  fill: #3a3933;}


#pag-gimnasia-trampolin .menu-deportes2 ul li.gimnasia-trampolin  { background-color: #e1d08f;}
#pag-gimnasia-trampolin .menu-deportes2 ul li.gimnasia-trampolin svg {  fill: #3a3933;}

#pag-golf .menu-deportes2 ul li.golf  { background-color: #e1d08f;}
#pag-golf .menu-deportes2 ul li.golf svg {  fill: #3a3933;}


#pag-halterofilia .menu-deportes2 ul li.halterofilia  { background-color: #e1d08f;}
#pag-halterofilia .menu-deportes2 ul li.halterofilia svg {  fill: #3a3933;}


#pag-hipica .menu-deportes2 ul li.hipica  { background-color: #e1d08f;}
#pag-hipica .menu-deportes2 ul li.hipica svg {  fill: #3a3933;}


#pag-hockey .menu-deportes2 ul li.hockey  { background-color: #e1d08f;}
#pag-hockey .menu-deportes2 ul li.hockey svg {  fill: #3a3933;}

#pag-judo .menu-deportes2 ul li.judo  { background-color: #e1d08f;}
#pag-judo .menu-deportes2 ul li.judo svg {  fill: #3a3933;}

#pag-lucha .menu-deportes2 ul li.lucha  { background-color: #e1d08f;}
#pag-lucha .menu-deportes2 ul li.lucha svg {  fill: #3a3933;}

#pag-natacion .menu-deportes2 ul li.natacion  { background-color: #e1d08f;}
#pag-natacion .menu-deportes2 ul li.natacion svg {  fill: #3a3933;}

#pag-natacion-aguas-abiertas .menu-deportes2 ul li.natacion-aguas-abiertas  { background-color: #e1d08f;}
#pag-natacion-aguas-abiertas .menu-deportes2 ul li.natacion-aguas-abiertas svg {  fill: #3a3933;}

#pag-natacion-artistica .menu-deportes2 ul li.natacion-artistica  { background-color: #e1d08f;}
#pag-natacion-artistica .menu-deportes2 ul li.natacion-artistica svg {  fill: #3a3933;}

#pag-pentatlon-moderno .menu-deportes2 ul li.pentatlon-moderno  { background-color: #e1d08f;}
#pag-pentatlon-moderno .menu-deportes2 ul li.pentatlon-moderno svg {  fill: #3a3933;}

#pag-piraguismo-esprint .menu-deportes2 ul li.piraguismo-esprint  { background-color: #e1d08f;}
#pag-piraguismo-esprint .menu-deportes2 ul li.piraguismo-esprint svg {  fill: #3a3933;}

#pag-piraguismo-eslalon .menu-deportes2 ul li.piraguismo-eslalon  { background-color: #e1d08f;}
#pag-piraguismo-eslalon .menu-deportes2 ul li.piraguismo-eslalon svg {  fill: #3a3933;}

#pag-remo .menu-deportes2 ul li.remo  { background-color: #e1d08f;}
#pag-remo .menu-deportes2 ul li.remo svg {  fill: #3a3933;}

#pag-rugby .menu-deportes2 ul li.rugby  { background-color: #e1d08f;}
#pag-rugby .menu-deportes2 ul li.rugby svg {  fill: #3a3933;}

#pag-saltos-trampolin .menu-deportes2 ul li.saltos-trampolin  { background-color: #e1d08f;}
#pag-saltos-trampolin .menu-deportes2 ul li.saltos-trampolin svg {  fill: #3a3933;}

#pag-skate .menu-deportes2 ul li.skate  { background-color: #e1d08f;}
#pag-skate .menu-deportes2 ul li.skate svg {  fill: #3a3933;}

#pag-surf .menu-deportes2 ul li.surf  { background-color: #e1d08f;}
#pag-surf .menu-deportes2 ul li.surf svg {  fill: #3a3933;}

#pag-taekwondo .menu-deportes2 ul li.taekwondo  { background-color: #e1d08f;}
#pag-taekwondo .menu-deportes2 ul li.taekwondo svg {  fill: #3a3933;}

#pag-tenis .menu-deportes2 ul li.tenis  { background-color: #e1d08f;}
#pag-tenis .menu-deportes2 ul li.tenis svg {  fill: #3a3933;}

#pag-tenis-mesa .menu-deportes2 ul li.tenis-mesa  { background-color: #e1d08f;}
#pag-tenis-mesa .menu-deportes2 ul li.tenis-mesa svg {  fill: #3a3933;}

#pag-tiro .menu-deportes2 ul li.tiro  { background-color: #e1d08f;}
#pag-tiro .menu-deportes2 ul li.tiro svg {  fill: #3a3933;}

#pag-tiro-arco .menu-deportes2 ul li.tiro-arco  { background-color: #e1d08f;}
#pag-tiro-arco .menu-deportes2 ul li.tiro-arco svg {  fill: #3a3933;}

#pag-triatlon .menu-deportes2 ul li.triatlon  { background-color: #e1d08f;}
#pag-triatlon .menu-deportes2 ul li.triatlon svg {  fill: #3a3933;}

#pag-vela .menu-deportes2 ul li.vela  { background-color: #e1d08f;}
#pag-vela .menu-deportes2 ul li.vela svg {  fill: #3a3933;}

#pag-voleibol .menu-deportes2 ul li.voleibol  { background-color: #e1d08f;}
#pag-voleibol .menu-deportes2 ul li.voleibol svg {  fill: #3a3933;}

#pag-voley-playa .menu-deportes2 ul li.voley-playa  { background-color: #e1d08f;}
#pag-voley-playa .menu-deportes2 ul li.voley-playa svg {  fill: #3a3933;}

#pag-waterpolo .menu-deportes2 ul li.waterpolo  { background-color: #e1d08f;}
#pag-waterpolo .menu-deportes2 ul li.waterpolo svg {  fill: #3a3933;}


.full-video img {
    margin: 0 auto;
    width: 100% !important;
}

.playerPoster.fill-width {
    min-width: 100%;
    height: 100%;
}



@media (min-width: 769px) {
    .a-990 {
        margin: 0 auto;
        padding: 0;
        width: 990px
    }
    
 
}


* {
    margin: 0;
    padding: 0;
    outline: none
}




h1 {
    color: #fff;
}
h2 {
    color: #fff;
}

  h2 .margenes {
    padding-bottom: 1ex;
    padding-top: 1.5ex;
}

figure img {
    max-width: 100%
}
.deg-up {
    background-color: rgba(0, 0, 0, 0.15);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 100%)
}
.deg-down {
    background-color: rgba(0, 0, 0, 0.15);
    background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
    background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
    background: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent)
}
.container {
    padding-bottom: 1ex
}
.a-990 {
    padding: 0 18px
}
h1 .a-990,
h2 .a-990 {
    display: block
}
.entradilla {
    margin-bottom: 3ex
}
.creditos {
    font-size: 0.75em
}
.encabezado {
    background-color: rgba(0, 0, 0, 0.2);
    margin-bottom: 1ex;
    padding: 1ex 0
}
.encabezado i {
    background: url("https://e00-marca.uecdn.es/multimedia/juegos-olimpicos/2016/img/sprite-encabezados.png") no-repeat;
    background-size: 300px 120px;
    border-radius: 50%;
    display: block;
    float: left;
    height: 60px;
    margin: -1.5ex 10px 0 0;
    width: 60px
}

.calendario {
    background-color: #6dc9df
}
.calendario i {
    background-position: 0 0
}
.equipamiento {
    background-color: #eac333
}
.equipamiento a {
    color: #fff
}
.equipamiento i {
    background-position: -60px 0
}
.medallero {
    background-color: #d5d5d5
}
.medallero i {
    background-position: 0 -60px
}
.reglas {
    background-color: #3498d8;
    color: #fff
}
.reglas a {
    color: rgba(0, 0, 0, 0.7)
}
.reglas i {
    background-position: -180px 0
}
.reglas .flexslider h4 span {
    color: #3498d8
}
.sedes {
    background-color: #7ecc30;
    color: rgba(0, 0, 0, 0.7)
}
.sedes i {
    background-position: -60px -60px
}
.conoce {
    background-color: #7ecc30;
    color: rgba(0, 0, 0, 0.7)
}
.conoce i {
   
    background-position: -239px 0px;

}
.video-general {
    background-color: #7ecc30
}
.video-general a {
    color: rgba(255, 255, 255, 0.85)
}
.video-general i {
    background-position: -120px 0
}
.test {
    background-color: #ff4d14;
    color: #fff
}
.test a {
    color: rgba(0, 0, 0, 0.7)
}
.test i {
    background-position: -240px 0
}

.intro img {
    max-width: 100%
}
.intro .entradilla {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 1em;
    line-height: 150%;


    margin-bottom: 0
}
.cabecera {
    position: relative;
    text-align: center;
    margin-top: 0px;
}
.especial-marca .cabeceraP {
    grid-column: 1 / -1;
    position: relative;
    background-color: #03060b;
}
.cabeceraP img {
    max-width: 100%;
}
@media (min-width: 769px) {
.cabeceraP .foto-fondo {line-height: 0;}
.cabeceraP .foto-fondo img { width: 100%;}

}
.cabecera2 {
    background-color: #0A1A3D;
    color: #fff;
    font-size: 1.5em;
    position: relative;
    text-align: center;
}
.cabecera .container {
    padding: 0px 0 0ex;
    width: 100%
}
.cabecera2 .container {
    padding: 10px 0 0ex;
    width: 100%
}
.cabecera video {
    display: none
}
.cabecera .titulo span {
    color: #7ecc30
}


.calendario h3 {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 1ex;
    text-transform: uppercase
}
.cal-mes {
    min-height: 1%;
    overflow: hidden
}
.cal-mes li {
    float: left;
    font-size: 13px;
    margin: 0 0 1.5ex 2px;
    text-align: center;
    width: 13.5%
}
.cal-mes li:nth-child(7n+1) {
    clear: both;
    margin-left: 0
}
.cal-mes li .cal-dia-sem {
    color: #333;
    display: block;
    margin-bottom: 0.5ex
}
.cal-mes li .cal-dia-mes {
    color: #666
}
.cal-mes li .cal-dia-mes span,
.cal-mes li .cal-dia-mes a {
    background-color: #fff;
    display: block;
    height: 25px;
    padding-top: 11px
}
.cal-mes li .cal-dia-mes a {
    background-color: #3b727e;
    color: #fff
}
.cal-mes li .cal-dia-mes a.comp-es {
    background-color: #000
}
.cal-mes li .cal-dia-mes.cal-dia-hoy {
    position: relative
}
.cal-mes li .cal-dia-mes.cal-dia-hoy span::before {
    background-color: rgba(255, 0, 0, 0.5);
    border: 1px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 22px;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 22px
}
.cal-mes li .cal-dia-mes.cal-dia-competicion span {
    background-color: #3b727e;
    color: #fff
}

.reglas .margenes {
    clear: both;
    padding-bottom: 1ex
}
.reglas ul.varios-puntos li {
    margin-bottom: 3ex
}
.reglas ul.varios-puntos li figure {
    text-align: center
}
.reglas ul.varios-puntos li figure img {
    max-width: 100%
}
.reglas h3 {
    background-color: rgba(0, 0, 0, 0.1);
 font-size: 1.2em;
    margin: 0 -18px 2ex;
    padding: 0.5ex 18px
}
.conoce .margenes {
    clear: both;
    padding-bottom: 1ex
}
.conoce ul.varios-puntos li {
    margin-bottom: 3ex
}
.conoce ul.varios-puntos li figure {
    text-align: center
}
.conoce ul.varios-puntos li figure img {
    max-width: 100%;
    width: 100%;
}

.conoce ul.varios-puntos li figure a img:hover {
    opacity: 0.5;
}

.flexslider {
    border: none;
    color: #fff;
    margin-bottom: 7ex
}
.flexslider h3 {
    margin: 1.5ex 9px 0;
    text-align: center
}
.flexslider p {
    font-size: .875em;
    line-height: 140%;
    margin: 1.5ex 9px 2ex
}
.flexslider .con-puntos h4 {
    margin: 1.5ex 9px 0
}
.flexslider .con-puntos h4 span {
    background-color: #000;
    display: inline-block;
    float: left;
    font-size: 24px;
    height: 37px;
    margin-right: 10px;
    padding-top: 7px;
    text-align: center;
    width: 44px
}
.flexslider .con-puntos p {
    margin: 0.5ex 9px 2ex 63px
}
.flexslider .flex-control-paging li a {
    border: 3px rgba(0, 0, 0, 0.25) solid;
    height: 20px;
    width: 20px
}
.flexslider .flex-direction-nav a::before {
    font-family: "Ionicons";
    color: rgba(255, 255, 255, 0.9);
    content: '\f124';
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.4)
}
.flexslider .flex-direction-nav a.flex-next::before {
    content: "¡"
}
.sedes .flexslider {
    margin-bottom: 3ex
}
.sedes .flexslider .flex-direction-nav a {
    top: 90px
}
.sedes .flexslider.flex-miniaturas .flex-direction-nav a {
    top: 50%
}
.litetooltip-grafico .redhotspot {
    background-color: #c00;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 20px;
    opacity: .6;
    position: absolute;
    width: 20px;
    z-index: 103
}
.litetooltip-grafico .redhotspot:hover {
    opacity: 1
}
.litetooltip-grafico img.ltt-foto-principal {
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 102
}
.default figure img {
    display: block;
    max-width: 100%
}
.col1 {
    margin-bottom: 1.5ex
}
.col23 {
    background-color: rgba(0, 0, 0, 0.15);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    padding-bottom: .25ex
}
.col23 h5 {
    margin-bottom: 1.5ex
}
.cont-cols {
    margin-bottom: 3ex;
    min-height: 1%;
    overflow: hidden
}
.cont-cols h4 {
    color: rgba(0, 0, 0, 0.7)
}
.col-third {
    margin-bottom: 1ex
}
.col-third h5 {
    color: rgba(0, 0, 0, 0.7);
    padding: 0.5ex 0.5em 0.5ex 0
}
.dos-imagenes figure img {
    display: inline-block;
    margin-bottom: 1ex;
    max-width: 100%
}
.reglas .flexslider {
    border: none
}
.visible {
    display: block;
    transition: all 0.5s ease-in
}
.hidden {
    display: none;
    transition: all 0.5s ease-in
}
.no-visible {
    opacity: 0;
    transition: all 0.5s ease-in
}
.si-visible {
    opacity: 1;
    transition: all 0.5s ease-in
}
.pestanas .pest-pestanas {
    min-height: 1%;
    overflow: hidden
}
.pestanas .pestana {
    cursor: pointer;
    display: block;
    float: left
}
.pestanas.texto .pestana {
    background-color: rgba(0, 0, 0, 0.25);
    margin: 0 5px .5ex 0;
    padding: 3px 6px 4px;
    position: relative
}
.pestanas.texto .pestana i {
    display: none
}
.pestanas.texto .pestana:hover {
    color: rgba(0, 0, 0, 0.5)
}
.pestanas.texto .pestana.selected {
    background-color: rgba(0, 0, 0, 0.65);
    cursor: default
}
.pestanas.texto .pestana.selected:hover {
    color: #fff
}
.pestanas.numericas .pestana {
    background-color: rgba(0, 0, 0, 0.5);
    border: 3px solid rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    display: block;
    height: 26px;
    margin: 0 .25em 1ex 0;
    padding-top: 4px;
    text-align: center;
    width: 30px
}
.pestanas.numericas .pestana.selected {
    background-color: rgba(0, 0, 0, 0.9);
    cursor: default
}
.expl-por-puntos .expl-ppal {
    position: relative
}
.expl-por-puntos .expl-ppal img {
    display: block;
    max-width: 100%
}
.expl-por-puntos .expl-ppal .spritespin-instance {
    cursor: e-resize;
    margin-bottom: 2ex;
    max-width: 100%
}
.expl-por-puntos .expl-ppal .puntos-punto,
.expl-por-puntos .expl-ppal .puntos-video {
    background-color: #fff;
    border: 2px solid #333;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 20px;
    opacity: .6;
    position: absolute;
    transition: all .5s ease-out;
    width: 20px;
    z-index: 100
}
.expl-por-puntos .expl-ppal .puntos-punto:hover,
.expl-por-puntos .expl-ppal .puntos-video:hover {
    opacity: 1
}
.expl-por-puntos .expl-ppal .puntos-punto::before,
.expl-por-puntos .expl-ppal .puntos-video::before {
    content: "+";
    color: rgba(0, 0, 0, 0.7);
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 100%;
    padding-top: 1px;
    text-align: center
}
.expl-por-puntos .puntos-capas {
    position: relative
}
.expl-por-puntos .puntos-capas .puntos-capa {
    min-height: 1%;
    overflow: hidden
}
.expl-por-puntos .puntos-capas .puntos-capa figure img {
    display: block;
    float: right;
    margin: 0 0 1ex .5em;
    max-width: 130px
}
.expl-por-puntos .puntos-capas .puntos-capa h4 {
    line-height: 110%;
    margin-bottom: 1ex
}
.expl-por-puntos .puntos-capas .puntos-capa p {
    font-size: .875em;
    margin-bottom: 1.5ex
}
.expl-por-puntos .puntos-capas .puntos-capa.no-visible,
.expl-por-puntos .puntos-capas .puntos-capa.si-visible {
    left: 0;
    position: absolute;
    top: 0
}
.repro-video {
    margin-bottom: .5ex
}
.repro-video .player {
    width: 100%
}
.repro-video img.kWidgetCentered {
    display: inline-block;
    width: 100%
}
.video-equipamiento {
    min-height: 1%;
    overflow: hidden
}
.video-equipamiento .expl-video {
    margin-bottom: 1.5ex
}
.margenes.videos-equipamiento {
    margin: 0 18px
}
.capa-audio {
    margin-bottom: 1ex
}
.capa-audio figure {
    background: url("https://e00-marca.uecdn.es/multimedia/juegos-olimpicos/2016/img/audio-fondo.png") no-repeat right bottom;
    line-height: 0;
    margin: 0 auto 1ex;
    padding-right: 50px;
    width: 162px
}
.capa-audio figure img {
    mix-blend-mode: multiply
}
.capa-audio p {
    margin-bottom: 1ex
}
.capa-audio audio {
    max-width: 100%;
    width: 100%
}
i.pano-360 {
    background: url("https://e00-marca.uecdn.es/multimedia/juegos-olimpicos/2016/img/icono360.png") no-repeat;
    background-size: 60px 38px;
    bottom: 0;
    display: block;
    height: 38px;
    left: 0;
    position: absolute;
    width: 60px
}
.mapa {
    margin-bottom: 2ex
}
.mapa iframe {
    height: 300px;
    width: 100%
}
.cont-categorias .col-half {
    background: rgba(0, 0, 0, 0.1) no-repeat 20px 12px;
    background-size: 15px 41px;
    margin-bottom: 5px;
    min-height: 67px
}
.cont-categorias .cat-hombres {
    background-image: url("https://e00-marca.uecdn.es/multimedia/juegos-olimpicos/2016/img/categoria-hombres.png")
}
.cont-categorias .cat-mujeres {
    background-image: url("https://e00-marca.uecdn.es/multimedia/juegos-olimpicos/2016/img/categoria-mujeres.png")
}
.dos-imagenes h4 {
    margin-bottom: 1ex
}
.dos-imagenes p {
    margin-bottom: 2ex
}
.dos-imagenes .al-100 img {
    display: block;
    margin-bottom: 1ex;
    max-width: 100%
}
table.categorias {
    border-collapse: separate;
    border-spacing: 3px;
    margin: 0 0 16px 18%;
    width: 78%
}
table.categorias caption {
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    font-weight: 700;
    padding: 8px 0 4px 3px;
    text-align: left;
    text-transform: uppercase
}
table.categorias td {
    background-color: rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: 11px;
    padding: 4px;
    text-align: center
}
table.categorias td:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.3)
}
.masc-fem,
.lista-gen {
    margin: 0 18px .5ex
}
.masc-fem li h6,
.lista-gen li h6 {
    color: rgba(0, 0, 0, 0.7);
    font-size: .75em;
    margin-bottom: .75ex;
    text-transform: uppercase
}
.masc-fem li ul,
.lista-gen li ul {
    margin-bottom: 1.5em
}
.masc-fem li ul li,
.lista-gen li ul li {
    background-color: rgba(0, 0, 0, 0.15);
    font-size: .75em;
    margin-bottom: .5ex;
    padding: 0.25ex 0.5em 0.5ex
}
.masc-fem li.masc,
.masc-fem li.fem,
.lista-gen li.masc,
.lista-gen li.fem {
    background-repeat: no-repeat;
    background-size: 23px 60px;
    padding-left: 40px
}
.masc-fem li.masc,
.lista-gen li.masc {
    background-image: url("https://e00-marca.uecdn.es/multimedia/juegos-olimpicos/2016/img/categoria-hombres.png")
}
.masc-fem li.fem,
.lista-gen li.fem {
    background-image: url("https://e00-marca.uecdn.es/multimedia/juegos-olimpicos/2016/img/categoria-mujeres.png")
}
.lista-gen li ul li {
    background-color: transparent
}
.lista-gen li ul li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.15)
}
.explicacion {
    padding: 14px
}
.expl-por-puntos .puntos-capas {
    background-color: rgba(0, 0, 0, 0.15);
    background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
    background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
    background: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent)
}
.flexslider {
    background-color: rgba(0, 0, 0, 0.15);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 100%)
}
.dos-imagenes.videos .cont-cols {
    margin: 0 -18px 3ex
}
.dos-imagenes.videos .col-half {
    margin: 0 -18px
}
.dos-imagenes.videos .col-half h4,
.dos-imagenes.videos .col-half p,
.dos-imagenes.videos .col-half figure {
    margin: 0 36px 1ex
}
.dos-imagenes.videos .col-half p {
    font-size: 0.8125em
}
.dos-imagenes.videos .col-half+.col-half {

    margin: 0;
    padding-bottom: 0px
}
.dos-imagenes.videos .col-half+.col-half .repro-video {
    margin: 0 18px
}
.pie {
    background-color:#00091d;
    color: #fff;
    text-align: center
}
.pie .margenes {
    padding: 2ex 18px
}
.pie h3 {
    color: #ffffff;
    font-size: .75em;
    margin-bottom: 0.75ex
}
.pie h4 {
    color: #ffffff;
    font-size: .75em;
    margin-bottom: 0.75ex
}
.pie p {
    color: rgba(255, 255, 255, 0.5);
    font-size: .90em;
    margin-bottom: 0.75ex
}
.pie strong {
    color: rgba(255, 255, 255, 0.75);
}
.pie strong::before {
    content: "|";
    color: #f5f8fe;
    padding: 0 1em 0 0.75em
}
.pie strong:first-child::before {
    content: "";
    padding: 0
}
.pie address {
    font-style: normal
}
.pie figure {
    line-height: 0
}
.pie figure img {
    max-width: 100%
}

.pag-vela .reglas .cont-cols {
    margin-bottom: 2ex
}
.pag-vela .reglas .lista-gen {
    margin: 0 0 .5ex
}
.pag-vela .reglas .embarcaciones h4 {
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: 3px solid rgba(0, 0, 0, 0.4);
    color: #fff;
    margin-bottom: 1.5ex;
    padding: 0.5ex 0 0.5ex 18px
}
.cont-lista {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0 0.5em
}
.lista-categorias li {
    display: inline-block;
    font-size: 12px;
    padding: 2ex 0;
    text-align: center;
    vertical-align: middle;
    width: 49%
}
.lista-categorias li span {
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    height: 33px;
    padding: .5ex 1.5em
}
.lista-categorias li i {
    background: no-repeat center 0;
    background-size: 21px 60px;
    display: inline-block;
    height: 60px;
    width: 60px
}
.lista-categorias li i.cat-m {
    background-image: url("https://e00-marca.uecdn.es/multimedia/juegos-olimpicos/2016/img/categoria-hombres.png")
}
.lista-categorias li i.cat-f {
    background-image: url("https://e00-marca.uecdn.es/multimedia/juegos-olimpicos/2016/img/categoria-mujeres.png")
}
.lista-categorias li:nth-child(2n+1) span {
    background-color: rgba(0, 0, 0, 0.3)
}
@media (min-width: 769px) {
    p {
        font-size: 1em
    }
    .a-990 {
        padding: 0
    }
    .cabecera video {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    .cabecera .nav-marca {
        height: 76px;
        margin: -17px auto 0
    }
    .cabecera .nav-marca a {
        background-size: 189px 75px
    }
    .cabecera .nav-marca .asi-seran {
        left: 0;
        right: auto;
        width: 189px
    }
    .cabecera .nav-marca .asi-seran a {
        background-size: 189px 75px;
        height: 75px
    }
    .cabecera .nav-marca .marca-com {
        left: auto;
        right: 0;
        top: 15px;
        width: 128px
    }
    .cabecera .nav-marca .marca-com a {
        background-position: -55px 0
    }
    .intro {
        position: relative;
        text-align: center;
        margin-top:0px;
    }
    .intro h2 {
        background-color: rgba(0, 0, 0, 0.8);
        font-size: 6em;
        margin-bottom: .5ex;
        z-index: auto
    }
    .intro .container {
        bottom: 8%;
        position: absolute;
        width: 100%
    }
    .intro .entradilla {
        background-color: rgba(0, 0, 0, 0.8);
        color: #fff;
        font-size: 1.25em;
        line-height: 150%;
        padding: 1em;
    }
    .intro .foto-fondo {
        line-height: 0
    }
    .intro .foto-fondo img {
        width: 100%
    }
    .intro.foto-oscura h1 {
        background-color: rgba(0, 0, 0, 0.2);
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
    }
    .cal-mes li {
        width: 29px
    }
    .cal-mes li:nth-child(7n+1) {
        clear: none;
        margin-left: 2px
    }
    .cal-mes li .cal-dia-mes.cal-dia-hoy span::before {
        left: -12px;
        top: 22px
    }
    .sedes .flexslider .flex-direction-nav a {
        top: 50%
    }
    .sedes .flex-miniaturas {
        margin: 0 245px
    }
    .litetooltip-grafico .redhotspot {
        height: 30px;
        width: 30px
    }
    .litetooltip-grafico .imagehotspot-container p {
        font-size: 0.65em
    }
    .pestanas .pest-capas {
        clear: both;
        margin: 2ex 0
    }
    .pestanas .pest-capas .pest-capa {
        min-height: 1%;
        overflow: hidden;
        position: relative
    }
    .pestanas .pest-capas .pest-capa .col3 {
        bottom: 0;
        padding: 15px;
        position: absolute;
        right: 0;
        width: 298px
    }
    .pestanas.numericas .pestana {
        margin-right: 1em
    }
    .col12 {
        float: left;
        width: 660px
    }
    .col3 {
        float: right;
        width: 328px
    }
    .col1 {
        float: left;
        width: 315px
    }
    .col1 h4,
    .col1 p {
        padding-left: 18px
    }
    .col23 {
        float: right;
        width: 660px
    }
    .col23 h5 {
        padding-left: 18px
    }
    .col23.center {
        text-align: center
    }
    .cont-cols {
        clear: both
    }
    .col-half {
        float: left;
        width: 49.9%
    }
    .col-half+.col-half {
        float: right
    }
    .col-third {
        float: left;
        margin-left: .5%;
        width: 16%
    }
    .videos-golf .col-third {
        width: 32.5%
    }
    .expl-por-puntos {
        min-height: 1%;
        overflow: hidden;
        clear: both;
        position: relative
    }
    .expl-por-puntos .expl-ppal .puntos-punto,
    .expl-por-puntos .expl-ppal .puntos-video {
        height: 30px;
        width: 30px
    }
    .expl-por-puntos .expl-ppal .puntos-punto::before,
    .expl-por-puntos .expl-ppal .puntos-video::before {
        font-size: 22px;
        padding-top: 5px
    }
    .expl-por-puntos .puntos-capas {
        bottom: 0;
        float: none;
        position: absolute;
        right: 0;
        width: 328px
    }
    .expl-por-puntos .puntos-capas .puntos-capa p {
        font-size: 0.8125em
    }
    .expl-por-puntos .puntos-capas .puntos-capa figure img {
        float: none;
        margin: 0 auto 1.5ex;
        max-width: 100%
    }
    .multi-repro-video {
        min-height: 1%;
        overflow: hidden
    }
    .multi-repro-video .repro-video {
        float: left;
        margin-bottom: 0;
        width: 33.33%
    }
    .equipamiento .expl-por-puntos .puntos-capas {
        bottom: auto;
        height: 742px;
        top: 0
    }
    .video-equipamiento .expl-video {
        padding: 15px;
        width: 298px
    }
    .dos-imagenes .cont-cols {
        position: relative
    }
    .dos-imagenes .col-half h4,
    .dos-imagenes .col-half p,
    .dos-imagenes .col-half figure {
        margin-right: 1em
    }
    .dos-imagenes figure img {
        max-width: 49.9%
    }
    .dos-imagenes.videos .cont-cols {
        height: 326px;
        margin: 0 0 4ex;
        position: relative
    }
    .dos-imagenes.videos .cont-cols .col-half figure {
 bottom: 0;
        left: 0;
        position: absolute;
        margin: 0;
        max-width: 49%
    }
    .dos-imagenes.videos .cont-cols .col-half img {
        margin-bottom: 0
    }
    .dos-imagenes.videos .cont-cols .col-half+.col-half {
        top: 0;
        position: absolute;
        right: 0;
        width: 48.7%;
    }
    .dos-imagenes.videos .cont-cols .col-half+.col-half .repro-video {
        margin: 0 10px
    }
    .cont-categorias .col-half {
        background-position: 30px 20px;
        background-size: 25px 69px;
        min-height: 118px
    }
    table.categorias {
        border-spacing: 5px
    }
    table.categorias caption {
        padding: 30px 0 4px 4px
    }
    table.categorias td {
        font-size: 13px
    }
    .reglas h3 {
        margin: 0 0 1ex;
        font-weight: 600;
    
    }
    .reglas .entradilla,
    .reglas .creditos {
        margin-left: 18px
    }
    .reglas ul.varios-puntos {
        min-height: 1%;
        overflow: hidden
    }
    .reglas ul.varios-puntos li {
        float: left;
        width: 24%
    }
    .reglas ul.varios-puntos li p {
        margin: 0 5px
    }
    .reglas ul.varios-puntos li figure {
        margin: 0 5px
    }
    .reglas ul.varios-puntos li+li {
        margin-left: 1%
    }
    .reglas ul.varios-puntos li:nth-child(3n+1) {
        clear: both;
        margin-left: 0
    }
    .conoce ul.varios-puntos {
        min-height: 1%;
        overflow: hidden
    }
    .conoce ul.varios-puntos li {
        float: left;
        width: 32%
    }
    .conoce ul.varios-puntos li p {
        margin: 0 5px
    }
    .conoce ul.varios-puntos li figure {
        margin: 0 5px
    }
    .conoce ul.varios-puntos li+li {
        margin-left: 1%
    }
    .conoce ul.varios-puntos li:nth-child(3n+1) {
        clear: both;
        margin-left: 0
    }
    .reglas .repro-video {
        margin-bottom: 3ex
    }
    .pest-capas .explicacion,
    .expl-por-puntos .puntos-capas {
        background-color: rgba(0, 0, 0, 0.15);
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
        background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
        background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 100%)
    }
    i.pano-360 {
        background-size: 100px 63px;
        height: 63px;
        width: 100px
    }
    .mapa iframe {
        height: 400px
    }
    .capa-audio {
        min-height: 1%;
        overflow: hidden;
        position: relative;
        width: 660px
    }
    .capa-audio figure {
        float: left;
        margin: 0 18px 0 0
    }
    .capa-audio audio {
        bottom: 0;
        position: absolute;
        right: 0;
        width: 475px
    }
    .tools {
        bottom: 8px;
        left: 10px;
        position: absolute;
        right: 10px
    }
    .tools li i {
        cursor: pointer
    }
    .pag-vela .reglas .embarcaciones .lista-gen {
        margin: 0 18px 0.5ex
    }
    .lista-categorias li {
        min-width: 7em;
        width: auto
    }
    .lista-categorias li span {
        height: auto
    }
}





.menu-principal { background: #021F65;  position: fixed; top: 0; left: 0; width: 100%; z-index: 2000000; border-bottom: 1px solid #fff;  }





label {
  cursor: pointer;
}
label:focus {
  outline: none;
}


#info {
  display: table;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
}
#info #info-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
}
#info #info-content h1 {
  color: #fff;
  border: 3px solid #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  font-size: 22px;
  font-weight: normal;
  padding: 20px;
  margin: 10px;
  display: inline-block;
}
#info #info-content h1 strong {
  display: block;
  font-size: 26px;
}

div.logo-jjoo-izq { float: left;width: 79px; height: 48px; margin-left: 51px; }

div.logo-jjoo-izq a {  background: url("https://e00-especiales-marca.uecdn.es/juegos-olimpicos/images/logo-cabecera-peq4.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 48px;
    text-indent: -9999px;
    width: 79px;
}


div.logo-jjoo-izq a span {text-indent: -9999px;}

div.logo-publicidad-izq { float: left;  height: 38px;  margin: 5px 9px; }
.ocultar-titular { visibility: hidden;  }
.ver-titular { visibility: visible; }

div.logo-publicidad-izq span { color: #fff; font-weight: bold; font-size: 30px; line-height: 38px; margin-left: 46px;  }

span.logo-publicidad {background: rgba(0, 0, 0, 0) url("https://e00-especiales-marca.uecdn.es/juegos-olimpicos/images/logo-cabecera5.png") no-repeat scroll center center; bottom: 0; height: 40px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 5px; width: 295px; }


span.logo-jjoo-centro {bottom: 0; height: 40px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 3px; width: 295px; }

span.logo-jjoo-centro label { background: rgba(0, 0, 0, 0) url("https://e00-especiales-marca.uecdn.es/juegos-olimpicos/images/logo-cabecera5.png") no-repeat scroll center center; bottom: 0; height: 40px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0px; width: 295px; text-indent: -9999px;  }

span.logo-jjoo-centro label span {text-indent: -9999px;}

@media (max-width: 37.5em) {
.menu-principal {
    background: #021F65;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000000;
    border-bottom: 1px solid #fff;
}
 }
/* Smartphones (portrait & landscape) */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

div.logo-publicidad-izq span { margin-left: 0px; font-size: 19px; }

.cortar{
  width:101px;
  height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.cortar:hover {
  width: auto;
  white-space: initial;
  overflow:visible;
  cursor: pointer;
}



}




.marca-theme-v2 .ue-l-common-page__inner { max-width: 100%;}
 .marca-theme-v2 .ue-c-section-title 

{
    line-height: 1.3;
    font-family: robotoRegular, Arial, sans-serif;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 3em;
    display: block;
    z-index: 1;
    position: absolute;
    top: 256px;
    color: #ffffff;
    padding: 0;
    text-align: center;
    font-weight: bold;
    width: 100%;
}



 .grafico-especial {margin: 20px 0 40px 0;}
   .grafico-especial img {  max-width: 100%;}
 .reglas { background-color: #0099dc;}
 h2.varios {
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 1.125em;
    padding: 0.5ex 18px;
    text-align: center;
}
 h2.varios2 {
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 1.125em;
    padding: 0.5ex 18px;
    margin: 1ex 0ex;
}

  h2.varios3 {
    margin: 0 0 1.5ex 18px;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.7);}


 h2.varios a {
    color: #fff;
    text-decoration: none;
    display: block;
}
 h2.varios a:hover {
    opacity: 0.5;
}
h2.disciplinas {
font-family: Barlow Semi Condensed;
    font-size: 30px;
    font-weight: 500;
    /* line-height: 16px; */
    text-align: center;}
 h3.varios {
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 1.125em;
    padding: 0.5ex 18px;
    text-align: center;
}
 h3.varios2 {
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 1.125em;
    padding: 0.5ex 32px;
    margin: 1ex 0ex;
}

  h3.varios3 {
    margin: 0 0 1.5ex 18px;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.7);}


 h3.varios a {
    color: #fff;
    text-decoration: none;
    display: block;
}
 h3.varios a:hover {
    opacity: 0.5;
}
h3.disciplinas {
font-family: Barlow Semi Condensed;
    font-size: 30px;
    font-weight: 500;
    /* line-height: 16px; */
    text-align: center;}

    .news-item p {
      font-family: robotoRegular, Arial, sans-serif;
    font-size: 16px;
    line-height: 140%;
    padding: 10px 0;
    color: #222;
}




   @media (min-width: 769px) {


.reglas ul.varios-puntos li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
}

.reglas ul.varios-puntos li {
    float: left;
    width: 32%;
}

.col-half h4,
.col-half p { margin: 0 0 1.5ex 18px }
.col1 h4,
.col1 p { margin: 0 0 1.5ex 0 }
.cont-cols h5 { margin: 0 0 1.5ex 18px }
}

p.entradilla span {

display: block;
    font-size: 16px;
    color: #bb9c29;}


@media screen and (max-width: 768px) {
.super-menu-header ~ .main .tab-title-text { /*display: none;*/}

.intro {
    background-color: #000;
}
.container h2 {color: #fff;
    font-size: 1.5em;
    line-height: 120%;}

.intro h2 {
    color: #fff;
    font-size: 1.875em;
    line-height: 120%;
    margin: 1ex 0ex;
}
h2.varios3 {
    margin: 0 0 1.5ex 0px;
}
h3.varios3 {
    margin: 0 0 1.5ex 0px;
    padding: 0.5ex 9px;

}
.marca-theme-v2 .ue-c-section-title {
    line-height: 1.1;
    font-family: robotoRegular, Arial, sans-serif;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 1.7em;
    display: block;
    z-index: 1;
    position: absolute;
    top: 0px;
    color: #ffffff;
    padding: 7px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}
} 


@media only screen and (min-width: 769px) and (max-width: 1053px)  {
.marca-theme-v2 .ue-c-section-title {
    line-height: 1.3;
    font-family: robotoRegular, Arial, sans-serif;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 3em;
    display: block;
    z-index: 1;
    position: absolute;
    top: 319px;
    color: #ffffff;
    padding: 0;
    text-align: center;
    font-weight: bold;
    width: 100%;
}
 }
   </style>

