@charset "UTF-8";
/*--------------- Comunes ---------------*/
html { -webkit-text-size-adjust: none;}
body {background:#FFFFFF; font-family:'exo2-regular', Arial, Helvetica, sans-serif; font-size: .8rem; margin: 0;}
a {text-decoration:none; color:#2a335d; cursor: pointer !important;}
a:hover {text-decoration:underline; color: #009875 !important;}
strong {font-weight:bold;}
.separa {width:100%; clear:both; height:1px; display:block; margin:0; padding:0;}
.aleft {float:left;}
.aright {float:right;}
.anone {float:none;}
.hide {display:none;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.hide {display:none;}
.block, .show {display:block;}
.margin-20-0 {margin:20px 0;}
.only-responsive {display:none !important;}
.linea-separa {border-bottom: 1px solid #f0f0f0; margin-bottom: 1rem; padding-bottom: 1rem;}
.linea-separa2 {border-top: 5px solid #f0f0f0;}
/* colores sporting */
.verde {color:#009875;}
.naranjo {color:#dc291e;}
/* botones */
.btn {font-family:'exo2-light'; background-color: #dc291e; color:#fff; border: 1px solid #dc291e; margin: 0 0 .5em; text-transform: uppercase;}
.btn:hover, .nav > li > a.btn:hover {background-color: #009875; border: 1px solid #009875; color:#fff !important;}
.btn.outline {background-color: #FFF; border:1px solid #dc291e; color:#dc291e; text-align: left;}
.btn.outline:hover {background-color: #009875; border:1px solid #009875; color:#fff !important; }
/* inputs */
.form-control {background: #f0f0f0;}
small {font-family:'exo2-light'; font-size: 11px; color:#333;}
/* columnas */
.row .first-child {padding-left: 0;}
/* margin */
.mt-0 {margin-top:0;}
.mt-1 {margin-top:.5rem;}
.mt-2 {margin-top:1rem;}
.mb-0 {margin-bottom:0;}
.mb-1 {margin-bottom:.5rem;}
.mb-2 {margin-bottom:1rem;}
/* paddings */
.pt-0 {padding-top:0;}
.pt-1 {padding-top:.5rem;}
.pt-2 {padding-top:1rem;}
.pb-0 {padding-bottom:0;}
.pb-1 {padding-bottom:.5rem;}
.pb-2 {padding-bottom:1rem;}
/* FOTO RESPONSIVE */
.foto-responsive {width:100%; height: auto;}
/* FIN Comunes */


/* --------------- Estructurales ---------------*/
.body-main {background-image:url(../../imag/v1/fotos/foto_header.jpg); background-repeat: no-repeat; background-position: center top;}
#header {width:100%; min-height: 150px; position: relative; border-top:18px solid #dc291e; z-index: 1000; transition: all .5s;}
#header .container {position: relative; max-width: 100%; margin: 0 auto; padding: 0;}
#footer {width:100%; overflow: hidden;}
#footer .container {position: relative; max-width: 1100px; margin: 0 auto;}
.main-full {width:100%; clear: both; padding: 20px 0; overflow: hidden;}
.main-full .container {position: relative; margin: 0 auto; padding-left: 0; padding-right: 0;}
#main {width: 100%; background: #fff;}
/* FIN Estructurales */

/* --------------- Accesibilidad ---------------*/
:focus {outline:2px solid #000 !important;}
/* saltar a contenido ppal */
.access1 {height:0; width: 100%; color:#fcfcfc; overflow: hidden;}
.access1 a, .access1 p {display: inline-block; font-size: 0; height: 20px; vertical-align: top; width: 20px;}
.access1-invisible {position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);}
/* fin accesibilidad */

/* migas de pan */
#breadcumb {background: rgba(0, 0, 0, 0.5); padding: 30px 0 10px;}
nav.breadcrumb {clear:both; margin:1rem 15px .5rem; font-family:'exo2-bold'; color: #666; font-size: 12px; text-decoration: none; background: none;}
nav.breadcrumb ol {margin: 0; padding-left: 0; list-style: none; display: inline;}
nav.breadcrumb li, nav.breadcrumb span {display: inline;}
nav.breadcrumb span {font-family:'exo2-light'; font-weight: normal;}
nav.breadcrumb a {font-family:'exo2-light'; color: #dc291e; text-decoration: underline;}
nav.breadcrumb a:hover {color: #000 !important; text-decoration: none;}
nav.breadcrumb li + li::before {display: inline-block; margin: 0 .25em; transform: rotate(15deg); border-right: .1em solid currentColor; height: .8em; content: '';}
/* fin migas de pan */

/*--------------- header ---------------*/
#header.sticky {position: fixed; border-top:8px solid #dc291e; min-height: 55px; background: #333; border-bottom: 1px solid #f0f0f0;}
#header .overlay {position: absolute; width:100%; height: 100%; min-height: 100%; background: rgba(0, 0, 0, 0.5); }
#header.sticky .overlay {display: none;}
#header .container, #header .container a {color: #ffffff;}
#header .container ul {margin: 0 auto; padding: 0;}
#header .container .cbp-hrmenu {margin: 0 auto; clear: both;}
#header .logo {width:123px; position: absolute; left:2%; top:0; z-index: 1000;}
#header.sticky .logo img {width: 53px; height: auto;  transition: all .5s;}
#header .navbar-principal {padding: 0; overflow: hidden;}
#header.sticky .container .cbp-hrmenu {width:100%; clear: none;}
#header.sticky .cbp-hrmenu > ul.nav, #header.sticky .cbp-hrmenu .cbp-hrsub-inner {width:100%;}
#header .navbar-principal .auxi {margin: 0 auto;}
#header .navbar-principal .auxi ul.nav {width:100%; max-width:100%; margin-top:20px; margin-left: 0;}
#header .navbar-principal .auxi ul.nav li {display: inline-block; margin-right: 13px; line-height: 1.42857143;}
#header .navbar-principal .auxi ul.nav li:first-child {margin-left: 0;}
#header .navbar-principal .auxi ul.nav > li > a {font-family: 'exo2-light'; font-size: 16px; font-weight: 100; text-transform: uppercase; padding: 12px 12px 12px 31px; transition: all .5s; cursor: pointer;}
#header .navbar-principal .auxi ul.nav > li.carreras > a {padding-left: 60px !important;}
#header .navbar-principal .auxi ul.nav > li.selected > a {border-bottom:7px solid #fff;}
#header .navbar-principal .auxi ul.nav > li > a:hover {border-bottom:7px solid #fff; background-color: transparent; color:#fff !important;}
#header.sticky .navbar-principal .auxi ul.nav > li.selected > a {border-bottom:7px solid #dc291e;}
#header.sticky .navbar-principal .auxi ul.nav {width:70%; margin-top: 1px; float: left;}
#header.sticky .navbar-principal .auxi ul.nav > li > a {padding: 12px 6px 13px 33px;}
#header.sticky .navbar-principal .auxi ul.nav > li.carreras > a {padding-left: 60px;}
#header.sticky .navbar-principal .auxi ul.nav li a {font-size: 13px;}
/*iconos header*/
#header .navbar-principal .auxi ul.nav li.ico {background-image: url(../../imag/v1/auxi/sprite.png); background-repeat: no-repeat;}
#header .navbar-principal .auxi ul.nav li.ico.inicio {background-position: -10px -10px;}
#header .navbar-principal .auxi ul.nav li.ico.carreras {background-position: -10px -53px;}
#header .navbar-principal .auxi ul.nav li.ico.aprontes {background-position: -10px -107px;}
#header .navbar-principal .auxi ul.nav li.ico.studbook {background-position: -10px -157px;}
#header .navbar-principal .auxi ul.nav li.ico.envivo {background-position: -10px -204px;}
#header .navbar-principal .auxi ul.nav li.ico.noticias {background-position: -10px -246px;}
#header .navbar-principal .auxi ul.nav li.ico.simulcasting {background-position: -10px -1186px;}
/*nav top*/
.box-idiomas {width:25%; float: right; margin-top: 15px !important; }
#header.sticky .box-idiomas {width:30%; float: right; text-align: right; margin-top: 10px !important}
.box-idiomas li {display: inline-block; margin-right: 13px; font-family:'exo2-light'; margin-right:10px;}
.box-idiomas li a {transition: all .5s;}
.box-idiomas li a img {margin: -4px 0 0 0;}
.box-idiomas li a:hover img {border: 1px solid #fff; border-radius: 3px; }
.box-idiomas li.border {border: 1px solid #fff !important; border-radius: 3px; padding: 6px 15px 4px 30px; text-transform: uppercase; }
.box-idiomas li.ico.apuestas {background-image: url(../../imag/v1/auxi/sprite.png); background-position: -6px -1259px;}

/*--------------- AREA 1 SLIDER ---------------*/
#main-destacados.main-full {width:100%; clear: both; padding: 20px 0 0; overflow: hidden;}
.destacado-slide, section#destacados {margin-bottom:20px; margin-top: 55px;}
.destacado_slide_cover .auxi {width:60%; padding:70px 30px; min-height: 400px;}
.destacado_slide_cover { padding:20px;}
.destacado_slide_cover h2 {font-size: 45px; color:#fff; padding-top:20px;}
.destacado_slide_cover p {font-size: 1.8rem;  color:#fff;}
/* boton*/
.destacado_slide_cover button {background:#b93a13; font-size: 1.5rem; border:none; border-radius: 3px; padding: 5px 15px;}
.destacado_slide_cover button a { color:#fff;}
/* bullet slider*/
.slick-dots {position: absolute; bottom: 10px; display: block; width: 100%; padding: 0; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0;   cursor: pointer; }
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: #fff; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {font-family: 'FontAwesome'; font-size: 20px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "\f111"; text-align: center; opacity: .7; ; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{ opacity: 1; color: #dc291e;}
/* sombra slider*/
.destacado_slide_cover {height: 100%; width: 100%; background:none,linear-gradient(-90deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.7))}
/* flechas */
.slick-arrow {position:absolute; top:20px; z-index:10; background:rgba(255,255,255,0.5); border:none;}
.slick-prev {left:20px;}
.slick-next {right:20px;}
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: 0; padding: 0; cursor: pointer; color: #fff; border: none; outline: none; background: transparent;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color: #dc291e; outline: none; background: transparent;}
.slick-prev:before {font-family: 'FontAwesome'; font-size:30px; content: '\f053';}
.slick-next:before {font-family: 'FontAwesome'; font-size:30px; content: '\f054';}

/*--------------- AREA 2 NOTICIAS ---------------*/
#noticias {text-align: center; margin-bottom: 2rem;}
#noticias article {text-align: left; margin-bottom: 2rem;}
#noticias article img {width:100%; height: auto; margin-bottom:10px;}
#noticias article a {font-size: 2rem; color:#000;}
#noticias article p {font-size: 1.3rem; color:#666;}
#noticias button {background:#b93a13; font-size: 1.5rem; border:none; border-radius: 3px; padding: 5px 15px;}
#noticias button a { color:#fff;}

/*--------------- AREA 3 VIDEOS ---------------*/
.box-video {position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;}
.box-video iframe, .box-video iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

/*--------------- AREA 4 ACCESOS DIRECTOS ---------------*/
.accesos-slide {margin-bottom:30px;}
.accesos-slide .slick-list {margin:0 auto; width: 90%;}
.accesos-slide .accesos_slide_cover {position: relative; margin-right: 10px; overflow: hidden;}
.accesos-slide .box-texto {width:100%; position: absolute; bottom: 0; left: auto; right: auto; text-align: center;}
.accesos-slide .box-texto h3 {width:90%; color:#fff; font-size:1.5rem; margin: 0 auto; padding: 10px 0;}
.accesos-slide img {width:100%; height: auto; }
/* flechas */
.accesos-slide .slick-arrow {position:absolute; top:20px; z-index:9999; background:rgba(255,255,255,0.5); border:none;}
.accesos-slide .slick-prev {left:20px;}
.accesos-slide .slick-next {right:20px;}
.accesos-slide .slick-prev,
.accesos-slide .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: 0; padding: 0; cursor: pointer; color: #b2e0d5; border: none; outline: none; background: transparent;}
.accesos-slide .slick-prev:hover,
.accesos-slide .slick-prev:focus,
.accesos-slide .slick-next:hover,
.accesos-slide .slick-next:focus {color: #dc291e; outline: none; background: transparent;}
.accesos-slide .slick-prev:before {font-family: 'FontAwesome'; font-size:30px; content: '\f053';}
.accesos-slide .slick-next:before {font-family: 'FontAwesome'; font-size:30px; content: '\f054';}

/*--------------- AREA 5 BANNERS EVENTOS ---------------*/
#banners-varios { background-color: #daf0ea;  background-repeat:no-repeat; overflow: hidden; margin:0 !important; padding: 80px 0;}
#banners-varios article img {width:100%; height: auto; margin-bottom:30px;}

/*--------------- AREA 4 ACCESOS DIRECTOS ---------------*/
#tierra-derecha {text-align: center; margin-top:30px; margin-bottom:30px;}
#tierra-derecha .accesos-slide {margin-bottom:20px; }
#tierra-derecha .accesos-slide .slick-list {margin:0 auto; width: 100%;}
#tierra-derecha .accesos-slide .accesos_slide_cover {position: relative; margin-right: 10px; overflow: hidden;}
#tierra-derecha .accesos-slide .box-texto {width:100%; position: relative; }
#tierra-derecha .accesos-slide .box-texto h3 {width:90%; color:#333; font-size:1.5rem; margin: 0; padding: 10px 0; text-align: left;}
#tierra-derecha .accesos-slide img {width:100%; height: auto; }
/* flechas */
#tierra-derecha .accesos-slide .slick-arrow {position:absolute; top:20px; z-index:9999; background:rgba(255,255,255,0.5); border:none;}
#tierra-derecha .accesos-slide .slick-prev {left:-30px;}
#tierra-derecha .accesos-slide .slick-next {right:-30px;}
#tierra-derecha .accesos-slide .slick-prev,
#tierra-derecha .accesos-slide .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: 0; padding: 0; cursor: pointer; color: #b2e0d5; border: none; outline: none; background: transparent;}
#tierra-derecha .accesos-slide .slick-prev:hover,
#tierra-derecha .accesos-slide .slick-prev:focus,
#tierra-derecha .accesos-slide .slick-next:hover,
#tierra-derecha .accesos-slide .slick-next:focus {color: #dc291e; outline: none; background: transparent;}
#tierra-derecha .accesos-slide .slick-prev:before {font-family: 'FontAwesome'; font-size:30px; content: '\f053';}
#tierra-derecha .accesos-slide .slick-next:before {font-family: 'FontAwesome'; font-size:30px; content: '\f054';}
#tierra-derecha button.boto-ver {background:#dc291e; font-size: 1.5rem; border:none; border-radius: 3px; padding: 5px 15px; margin:0 auto;}
#tierra-derecha button.boto-ver a { color:#fff;}

/*--------------- PAGINATION ---------------*/
.pagination {
  display: inline-block;
  margin: 20px auto;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  text-decoration: none;
  color: #000;
  border: 1px solid #ddd;
  margin-left: -1px;
  font-size: 13px;
}

.pagination .current_pag, .pagination a:hover {
  z-index: 3;
  color: #fff;
  background-color: #dc291e;
  border-color: #dc291e;
  cursor: default;
}

/*ESTILOS ARTICULO HIPICA */
#articulo.body-main #header {position: fixed; top:0;}
#articulo.body-main .header-hipica {clear: both; background: rgba(0, 0, 0, 0.5); padding:10em 0 0; overflow: hidden;}
#articulo.body-main #header .overlay {background: transparent;}
#articulo.body-main {font-size: 14px;}
#articulo.body-main #header .overlay {margin-top: 0 !important; z-index: 0 !important;}
#articulo.body-main .art-hipica {width:100%; background: #fff;}
#articulo.body-main .art-hipica .container {padding-top: 20px;}
#articulo.body-main .art-hipica .box-utiles .box-sociales span {background: transparent !important; border: none !important;}
#articulo.body-main #sub-menu-pie {margin-top:60px;}
#articulo.body-main .pagination .current_pag {padding:10px 12px !important;}
#articulo.body-main .news-card h4 {margin-top:10px;}

/*--------------- FOOTER ---------------*/

/*TAG*/
#box-descargas {width:100%; margin:10px auto 30px;}
#box-descargas > .auxi {max-width:1100px !important; margin: 0 auto; text-align: center;}
#box-descargas > .auxi ul {list-style: none; margin: 20px auto; text-align: center;}
#box-descargas > .auxi li {display: inline-block; margin-left:5px; padding:5px 8px; border:1px solid #d2d2d2; border-radius:3px;}
#box-descargas > .auxi li a {color:#595959; font-size:14px;}
#box-descargas > .auxi li i.fa {color:#c6c6c6; font-size:18px; margin-right: 4px;}

#sub-menu-pie{margin-top: 0;}
#sub-menu-pie .btn-group button {background-color: #373737; color: #fff; font-size: 9px; border: none; -webkit-border-radius: 0; border-radius: 0; margin: 0;}
#sub-menu-pie .container {width: 100% !important; padding-left: 0; padding-right: 0;}
#sub-menu-pie .button,
#sub-menu-pie button {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
footer {background-color: #000; color: #fff; padding: 3em 0.5em;}
footer p {line-height: 130%; font-size: 14px; }


/* MENU COLAPSABLE LATERAL DESKTOP */
.menu-button-open, .menu-button{cursor: pointer;}
.menu-button {position: fixed;top: 45%;padding: 0px;background: #C3360E;width: 76px;height: 76px;z-index: 999;}
.menu-toggle .menu-button-open.toggle {position: fixed; left: 0px; top: 45%; padding: 10px; background: #AE2801; z-index: 9999;}
/*.menu-toggle .menu-button .ico-home {width: 31px; margin-top: 14px; margin-left: 22px;}*/
.menu-toggle .menu-button .ico-otros {width: 90px; margin-top: 0px;  margin-left:-8px;}
.menu-toggle .menu-button.ico-uno {left: 46px;}
.menu-toggle .menu-button.ico-dos {left: 122px;}
.menu-toggle .menu-button.ico-tres {left: 198px;}
.menu-toggle .menu-button.ico-cuatro {left: 274px;}
.menu-toggle .menu-button.ico-cinco {left: 350px;}
.menu-toggle .menu-button.ico-seis {left: 420px;}

/* MENU COLAPSABLE LATERAL MOVILE */
.menu-toggle-mobile .menu-button-open.toggle {display: none;position: fixed; left: 0px !important; top: 20% !important; padding: 10px; background: #AE2801; z-index: 9999;}
.menu-toggle-mobile .menu-button .ico-home {width: 31px;margin-top: 14px;margin-left: 22px;}
.menu-toggle-mobile .menu-button .ico-otros {width: 90px;margin-top: 0px;  margin-left: -8px;}
.menu-toggle-mobile .menu-button.ico-uno {top: 155px !important;}
.menu-toggle-mobile .menu-button.ico-dos {top: 230px;}
.menu-toggle-mobile .menu-button.ico-tres {top: 228px;}
.menu-toggle-mobile .menu-button.ico-cuatro {top: 304px;}
.menu-toggle-mobile .menu-button.ico-cinco {top: 380px;}
.menu-toggle-mobile .menu-button.ico-seis {top: 450px;}


/*--------------- Rotulos ---------------*/
h1 {font-family: 'exo2-medium'; font-size: 3rem; color:#17a181; margin: .5rem 0 2rem; text-transform: uppercase;}
h2.rotulo {font-family: 'exo2-medium'; font-size: 2.3rem; margin: 2rem 0; text-transform: uppercase; text-align: left;}
h3.rotulo {font-family: 'exo2-medium'; font-size: 1.2rem; margin: 2rem 0; text-transform: uppercase;}
.epigrafe {font-family: 'exo2-regular'; font-size: 1rem; margin: 0; text-transform: uppercase;}




/*--------------- Font face ---------------*/

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

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

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

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

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

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

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

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



/* FIN Font face */

/*--------------- RESPONSIVE ----------------*/

@media(max-width:1200px) {
    #header .navbar-principal .auxi ul.nav > li > a {padding: 12px 0px 12px 31px;}
    #header.sticky .navbar-principal .auxi ul.nav > li > a {padding: 12px 0px 13px 31px;}
    #header.sticky .navbar-principal .auxi ul.nav {width:80%;}
    #header.sticky .box-idiomas {width:20%;}
    .box-idiomas li.border {padding: 6px 6px 4px 22px;}
    #destacados .destacado_slide.slick-slide{background-position: top center; background-size: 100%; background-repeat: no-repeat;}
    .destacado_slide_cover h2 {font-size: 25px; color: #333333; padding-top: 0; margin-top: 0;}

    #destacados .slick-prev, .slick-next{top: 26%;}
    #destacados .slick-dots li button{color:#666666;}
    #destacados .slick-dots{bottom:0;}
    #destacados .slick-dots li button:before{font-size: 15px;}
    #destacados .slick-dots li{margin: 0 1px;}
    .destacado_slide_cover .auxi {width:100%; padding:30px 10px; min-height: 120px;}
    .destacado_slide_cover {padding: 0 10px 0;background: none;padding-top: 40%;}
    .destacado_slide_cover p {display: none;}
}

@media(max-width:992px) {
    .body-main {background-image: none;}
    .only-responsive {display:block !important;}
    .only-desktop {display:none !important;}
   #header .menu_btn {top:20px; right:30px;}
    #header.sticky .menu_btn {top:8px;}
    .menu_btn .bar1, .bar2, .bar3 {background-color:#333 !important;}
    .cbp-hrmenu > ul > li {border-bottom: 1px solid #444 !important;}
    .menu_btn .bar1, .bar2, .bar3 {background-color:#fff !important;}
    .cbp-hrmenu > ul > li {border-bottom: 1px solid #444 !important;}
    #header {position: fixed; border-top:8px solid #dc291e; min-height: 55px; background-color: #333; border-bottom: 1px solid #f0f0f0;}
    #header .container, #header.sticky .container {width:100%;}
    #header .navbar-principal, #header.sticky .navbar-principal {background: #333;}
    #header .navbar-principal .auxi ul.nav, #header.sticky .navbar-principal .auxi ul.nav {width:90%; margin: 60px 0; margin-left: auto; margin-right: auto; float: none;}
    #articulo.body-main #header .navbar-principal .auxi ul.nav, #articulo.body-main #header.sticky .navbar-principal .auxi ul.nav {width:80% !important; margin: 60px auto 30px !important;}
    #articulo.body-main .header-hipica {background: transparent; padding: 3em 0 0;}
    #header .navbar-principal .auxi ul.nav li, #header.sticky .navbar-principal .auxi ul.nav li {display: block; text-align: left; margin-right: 0;}
    #header .navbar-principal .auxi ul li.ico, #header.sticky .navbar-principal .auxi ul li.ico {background-position-x:15px !important; background-repeat: no-repeat;}
    #header .navbar-principal .auxi ul li.ico.carreras, #header.sticky .navbar-principal .auxi ul li.ico.carreras {background-position-x:0px !important;}
    #header .navbar-principal .auxi ul.nav > li > a, #header.sticky .navbar-principal .auxi ul.nav > li > a {padding: 16px 21px 13px 75px;}
    #header .navbar-principal .auxi ul.nav > li.carreras > a, #header.sticky .navbar-principal .auxi ul.nav > li.carreras > a {padding: 18px 21px 18px 75px;}
    #header .navbar-principal .auxi ul.nav > li > a:hover, #header .navbar-principal .auxi ul.nav > li.selected > a,
    #header.sticky .navbar-principal .auxi ul.nav > li > a:hover, #header.sticky .navbar-principal .auxi ul.nav > li.selected > a
    {border: none;}
    #header .box-idiomas, #header.sticky .box-idiomas {width: 100%; float: none; text-align: center; margin-top: 80px !important; }
    #header .box-idiomas li, #header.sticky .box-idiomas li {display: inline-block;}
    #header .box-idiomas li a, #header.sticky .box-idiomas li a {padding: 0;}
    #header .navbar-principal .box-idiomas li.ico.apuestas, #header.sticky .navbar-principal .box-idiomas li.ico.apuestas {background-position:-6px -1259px !important;}
    #header .menu_btn, #header.sticky .menu_btn {top:8px;}
    #header .overlay {display: none;}

    #destacados .destacado_slide.slick-slide{background-position: top center; background-size: 100%; background-repeat: no-repeat;}
    .destacado_slide_cover h2 {font-size: 25px; color: #333333; padding-top: 0; margin-top: 0;}

    #destacados .slick-prev, .slick-next{top: 26%;}
    #destacados .slick-dots li button{color:#666666;}
    #destacados .slick-dots{bottom:0;}
    #destacados .slick-dots li button:before{font-size: 15px;}
    #destacados .slick-dots li{margin: 0 1px;}
    .destacado_slide_cover .auxi {width:100%; padding:30px 10px; min-height: 120px;}
    .destacado_slide_cover {padding: 0 10px 0;background: none;padding-top: 40%;}
    .destacado_slide_cover p {display: none;}
}

@media(max-width:768px) {
    #header .logo {width: 195px; left:5px;}
    #header .logo img {width:65px; height: auto;}
    #header.sticky .logo img {width: 65px; height: auto;  transition: all .5s;}
    #header.sticky .menu_btn {top:8px;}
    .main-full .container {padding-left: 15px; padding-right: 15px;}
    .destacado-slide .main-full{height: 60vh;}
    #destacados {padding-left: 0; padding-right: 0;}


    #destacados .slick-prev, .slick-next{top: 26%;}
    #destacados .slick-dots li button{color:#666666;}
    #destacados .slick-dots{bottom:30px;}
    #destacados .slick-dots li button:before{font-size: 15px;}
    #destacados .slick-dots li{margin: 0 1px;}
    .destacado_slide_cover .auxi {width:100%; padding:30px 10px; min-height: 120px;}
    .destacado_slide_cover {padding: 0 10px 0;background: none;padding-top: 40%;}
    .destacado_slide_cover p {display: none;}
    .btn-group-justified > .btn, .btn-group-justified > .btn-group {display: inline;}
    #box-descargas > .auxi li {display:block; margin:0 10px 10px;}

    #tierra-derecha .accesos-slide .slick-list {margin:0 auto; width: 80%;}
    #tierra-derecha .accesos-slide .slick-prev {left:0;}
    #tierra-derecha .accesos-slide .slick-next {right:0;}
}

/* TABLET IPADS PORTRAIT TODOS */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation : portrait) {
    #header {min-height:82px;}
    #header.sticky {min-height:auto;}
    #header .logo {width: 200px; margin-left: 20px;}
    #header .logo img {width: 113px; height: auto;  transition: all .5s;}
    #header .menu_btn {top:25px;}
}

/* IPHONE IPHONE 4 AND 4S */
@media only screen
  and (min-device-width : 320px)
  and (max-device-width : 360px)
  and (-webkit-min-device-pixel-ratio: 2)  {
    #header .logo {width: 200px; margin-left: 20px;}
    #header .logo img {width: 66px; height: auto;  transition: all .5s;}
}

/* IPHONE IPHONE 6, 7, 8 portrait & landscape */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
    #header .logo {width: 250px; left:5px;}
    #header .logo img {width:85px; height: auto;}
    }

@media screen and (max-width: 530px) {
    .menu-toggle{
        display: none;
    }
    .menu-toggle-mobile{
        display: inherit;
    }
  #destacados .destacado_slide.slick-slide{height: 62vh; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
  .destacado_slide_cover h2 {font-size: 25px; color: #333333; padding-top: 0; margin-top: 0;}
}

@media screen and (min-width: 530px) {
    .menu-toggle{
        display: inherit;
    }
    .menu-toggle-mobile{
        display: none;
    }

}
/*TAG*/
#box-descargas {width:100%; margin:10px auto 30px;}
#box-descargas > .auxi {max-width:1100px !important; margin: 0 auto; text-align: center;}
#box-descargas > .auxi ul {list-style: none; margin: 20px auto; text-align: center;}
#box-descargas > .auxi li {display: inline-block; margin-left:5px; padding:5px 8px; border:1px solid #d2d2d2; border-radius:3px;}
#box-descargas > .auxi li a {color:#595959; font-size:14px;}
#box-descargas > .auxi li i.fa {color:#c6c6c6; font-size:18px; margin-right: 4px;}

/* FIN */