@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;}
/* MULTIMEDIA VIDEO */
.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%;}
/* 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%;  border-top:18px solid #dc291e; position: fixed; 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 {width:100%; position: relative; max-width: 100%; margin: 0 auto;}
#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 0;}
nav.breadcrumb {max-width: 1170px; clear:both; margin:8rem auto .5rem; font-family:'exo2-bold'; color: #fff; 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: #fff; text-decoration: underline;}
nav.breadcrumb a:hover {color: #fff !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 {border-top:8px solid #dc291e; min-height: 55px; background: #333; border-bottom: 1px solid #f0f0f0;}
#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:65px; 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;}
#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;}
#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?v=1.1); background-repeat: no-repeat;}
#header .navbar-principal .auxi ul.nav li.ico.inicio {background-position: -10px -17px;}
#header .navbar-principal .auxi ul.nav li.ico.carreras {background-position: -10px -60px;}
#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?v=1.1); background-position: -6px -1259px;}

/*--------------- SIDEBAR LEFT ---------------*/
aside .box-left {margin:10px 0 100px;}
/*iconos*/
aside .box-left .nav {margin:20px 0;}
aside .box-left .nav .btn.ico {background-image: url(../../imag/v1/auxi/sprite.png?v=1.1); background-repeat:no-repeat; padding: 20px 15px 20px 62px; text-align: left;}
aside .box-left .nav .btn.ico.pdf2 {background-position: 10px -860px;  }
aside .box-left .nav .btn.ico.calendar {background-position: 10px -800px;}

/* calendario */
.box-calendar {margin: -30px 0 0 0; height:auto; transition:all .5s; background-color: #009875; color: #fff; }
.box-calendar h2 {font-family:'exo2-medium'; text-align: center; padding: 1.5em 0 1em; text-transform: uppercase;}
.box-calendar .header {height: 2em; text-align: center;}
.box-calendar .header p {font-family:'exo2-light'; font-size: 18px; color: #fff;}
.box-calendar .header span {font-size: 16px; color:#fff; padding: 0 1.3em; cursor: pointer;}
.box-calendar .header span:hover {color:#000;}
.box-calendar .header a {cursor: pointer;}
.box-calendar .calendar-body .col-xs-1 {font-family:'exo2-light'; margin: 0 4px; padding: 10px 0; text-align: center; font-size: 12px; float: none; display: inline-block;}
.box-calendar .calendar-body .col-xs-1 a {color: #fff; text-align: center; background: #1abb96; cursor: pointer; padding: .3em 4px; border-radius: 3px;}
.box-calendar .calendar-body .col-xs-1.selected a {color: #009875; text-align: center; background: #fff;}
.box-calendar .calendar-body .col-xs-1 a:hover {background: #000; color:#fff !important;}
.box-calendar .weekdays {padding: 0 1em; margin-left: 0; margin-right: 0; background: #01a07d; text-align: center;}
.box-calendar .dates {padding: 0 1em; margin-left: 0; margin-right: 0; text-align: center;}
.box-calendar .ano {text-align: center; border-top:1px solid #17a181; margin-top:20px; padding: 1em 0;}
.box-calendar .ano p {font-family:'exo2-light'; font-size: 15px; color: #fff;}
.box-calendar .ano span {font-size: 13px; color:#2bc3a0; padding: 0 1.3em;}
.box-calendar .ano a {cursor: pointer;}
.box-calendar .ano span:hover {color:#000;}


/*--------------- SIDEBAR RIGHT ---------------*/
aside.col-sm-2 {padding: 0;}
.menu-aside {margin:0; transition: all .5s;}
.menu-aside h2 {font-family: 'exo2-light'; font-size: .9rem; color:#17a181; margin-bottom: 1rem;}
/*iconos*/
.menu-aside .nav .btn.ico {white-space:normal; background-image: url(../../imag/v1/auxi/sprite.png?v=1.1); background-repeat:no-repeat; padding: 10px 15px 10px 37px; text-align: left;}
.menu-aside .nav .btn.ico.pronosticos {background-position: -3px -328px;}
.menu-aside .nav .btn.ico.aprontes {background-position: -3px -376px;}
.menu-aside .nav .btn.ico.ejemplares {background-position: -3px -425px;}
.menu-aside .nav .btn.ico.pdf {background-position: -3px -534px; background-color: #FFF; border:1px solid #dc291e; color:#dc291e; }
.menu-aside .nav .btn.ico.pdf:hover {background-color: #009875; border:1px solid #009875; color:#fff !important; }
.menu-aside .nav .btn.ico.retiros {background-position: -3px -641px;}
.menu-aside .nav .btn.ico.debutantes {background-position: -3px -751px;}
.menu-aside .nav .btn.ico.prensa {background-position: -3px -1425px; background-color: #FFF; border:1px solid #dc291e; color:#dc291e;}
.menu-aside .nav .btn.ico.resumen-programa {background-position: -3px -1487px;}
.menu-aside .nav .btn.ico.resumen-resultados {background-position: -3px -1546px;}

/*--------------- CONTENIDOS ---------------*/

/*--------------- TABLE ---------------*/
.table-responsive {margin:0 0 35px; overflow-x:auto; overflow-y:hidden;}
.table-responsive table {margin:10px 0 30px; border-collapse:collapse; empty-cells:show; border: none;  background: white; margin: auto; width: 100%; }
.table-responsive table caption {border-left: 5px solid #009875; font-family: 'exo2-medium'; color:#009875;  font-size:18px; margin:0 0 10px; padding:5px 10px; text-align:left; vertical-align:middle;}
.table-responsive table caption .sub-caption {font-family: 'exo2-medium'; color:#666;  font-size:14px; padding:10px 0 0; text-align:left; vertical-align:middle;}
.table-responsive table caption .tiempo {font-family: 'exo2-light'; color:#999; font-size:18px; padding: 5px 0;}
.table-responsive table th {font-family: 'exo2-bold'; color:#333; background:#ebeaea; border-right: 1px solid #d9d7d7; border-bottom: 3px solid #d7d7d7; font-size:12px; font-weight: 100; padding:20px 5px; text-align:center; vertical-align:middle;}
.table-responsive table th:last-child {border-right:none;}
.table-responsive table tr:nth-child(even) {background: #fff }
.table-responsive table tr:nth-child(odd) { background: #f1f9f8;}
.table-responsive table tr.selected {background: #D9F0B8;}
.table-responsive table tr:hover {background: #ddedea;}
.table-responsive table tr td {border-bottom: 1px solid #e0e0e0; margin:0; padding:15px 5px; text-align:center; vertical-align:middle;font-size:12px; color:#333; }
.table-responsive table tr td:last-child {border-right:none;}
.table-responsive table tr td.text-left, .table-responsive table tr th.text-left {text-align: left;}
.table-responsive table tr td.text-right, .table-responsive table tr th.text-right {text-align: right;}
.table-responsive table tr td a {font-weight: bold; color:#dc291e; }
.table-responsive table a {border-bottom:none;}
.table-responsive.table-left table tr td {text-align: left;}

/*--------------- TABLE MEDIUM ---------------*/
.table-responsive.table-medium {margin:0 0 15px; overflow-x:auto; overflow-y:hidden;}
.table-responsive.table-medium table {margin:10px 0; border-collapse:collapse; empty-cells:show; border: none;  background: white; margin: 0; width: 100%; }
.table-responsive.table-medium table th {font-family: 'exo2-bold'; color:#333; background:#ebeaea; border-right: 1px solid #d9d7d7; font-size:12px; font-weight: 100; padding:8px 4px; vertical-align:middle;}
.table-responsive.table-medium table tr td {border-bottom: 1px solid #e0e0e0; margin:0; padding:8px 4px; vertical-align:middle; font-size:12px; }

/*--------------- TABLE SMALL ---------------*/
.table-responsive.table-small {margin:0 0 15px; overflow-x:auto; overflow-y:hidden;}
.table-responsive.table-small table {margin:10px 0; border-collapse:collapse; empty-cells:show; border: none;  background: white; margin: 0; width: 100%; }
.table-responsive.table-small table th {font-family: 'exo2-bold'; color:#333; background:#ebeaea; border-right: none; font-size:12px; font-weight: 100; padding:5px 3px; vertical-align:middle;}
.table-responsive.table-small table tr td {border-bottom: 1px solid #e0e0e0; margin:0; padding:5px 3px; vertical-align:middle; font-size:12px; }
.table-responsive.table-small table tr.selected {background: #D9F0B8; }
.table-responsive.table-small table tr.selected td {font-family: 'exo2-bold'; color:#009875 !important; }

/*--------------- TABLE LARGE ---------------*/
.table-responsive.table-large {margin:0 0 25px; overflow-x:auto; overflow-y:hidden;}
.table-responsive.table-large table {margin:10px 0; border-collapse:collapse; empty-cells:show; border: none;  background: white; margin: 0; width: 100%; }
.table-responsive.table-large table th {font-family: 'exo2-bold'; color:#333; background:#ebeaea; border-right: 1px solid #d9d7d7; font-size:13px; font-weight: 100; padding:15px 4px; vertical-align:middle;}
.table-responsive.table-large table tr td {border-bottom: 1px solid #e0e0e0; margin:0; padding:15px 4px; vertical-align:middle; font-size:13px; }


/*--------------- TABLE PRONOSTICO ---------------*/
.table-responsive.pronostico table {border-left: 1px solid #dbf0ec; border-top: 1px solid #dbf0ec; border-bottom: 1px solid #dbf0ec; }
.table-responsive.pronostico table th {font-family: 'exo2-medium'; text-align: left; border-right: 1px solid #dbf0ec; border-bottom: 1px solid #dbf0ec; background: #f2faf8; color:#17a181;}
.table-responsive.pronostico table tr td {border-right: 1px solid #dbf0ec; border-bottom: none; text-align: left;}
.table-responsive.pronostico table tr:nth-child(even),
.table-responsive.pronostico table tr:nth-child(odd) { background: #fff;}

/*--------------- TABLE PRONOSTICO LARGE ---------------*/
.table-responsive.pronostico.table-large table th {font-size: 13px;}
.table-responsive.pronostico.table-large table tr td {font-size: 12px;}

/*--------------- CAJA EJEMPLAR ---------------*/
.box-ejemplar .casaquillas img {width:70px; height: auto;}
.box-ejemplar .number {font-family: 'exo2-bold'; font-size: 3rem; color:#333;}
h2.rotulo.medium {font-family: 'exo2-medium'; font-size: 1.5rem; color:#17a181; margin-top: 1rem; margin-bottom: 1rem;}
.box-ejemplar h2 {font-family: 'exo2-medium'; font-size: 2rem; color:#333; padding-bottom: .5rem;}
.box-ejemplar h3 {font-family: 'exo2-medium'; font-size: .9rem; color:#17a181; margin-bottom: .5rem; letter-spacing:2px;}
.box-ejemplar .peso {font-family: 'exo2-light'; font-size: 1rem; color:#17a181;}
.box-ejemplar small {font-family: 'exo2-light'; font-size: .8rem; color:#333;}
.box-ejemplar .circle {border-radius: 50%; width:25px; height:25px; background: #333; margin: 15px auto 5px;}
.box-ejemplar .circle.amarillo {background: #ffff66;}
.box-ejemplar .circle.rojo {background: #ff0000;}

/*--------------- RESULTADOS ---------------*/
.box-posiciones .casaquillas {margin: 20px 0; }
.box-posiciones .casaquillas img {width:65px; height: auto;}
.box-posiciones .casaquillas .number {font-family: 'exo2-medium'; font-size: 20px; width:35%; border-radius:50%; margin:5px auto 10px; padding:6px; display: block; background: #17a181; color:#fff; }
.box-posiciones .casaquillas strong {font-size:13px; color: #333; text-transform: uppercase; clear: both; }
.box-posiciones .casaquillas small {display: block; padding-top: 4px;}

/*acordeon resultados*/
.accordion {width: 30%; cursor: pointer; margin:10px auto 0; padding: 0; border: none; outline: none; font-size: 13px; text-align: center; transition: 0.4s;  }
.accordion a {cursor: pointer !important;}
.panel {width: 100%; background: transparent; margin:0 auto 20px; padding: 0; max-height: 0; overflow: hidden; transition: 0.6s ease-in-out; opacity: 0; color: #ccc;}
.panel.show {opacity: 1; max-height: 500px;}
.box-ejemplar .accordion .btn.ico.down {background-image: url(../../imag/v1/auxi/sprite.png?v=1.1); background-position: 140px -932px; background-repeat:no-repeat; text-align: left;}
.box-ejemplar .accordion .btn.ico.down span {padding-right:20px;}
.box-ejemplar .accordion.active .btn.ico.down {background-image: url(../../imag/v1/auxi/sprite.png?v=1.1); background-position: 140px -983px; background-color:#17a181; border:1px solid #17a181;  text-align: left; color: #fff;}

/* Fin acordeon resultados */
/* barra */
.box-barra {overflow: hidden; border-bottom: 1px solid #e0e0e0;}
.box-barra span {display: inline-block; text-transform: uppercase; font-size: 11px;}
.box-barra .form-control {display: inline-block !important; width: auto;}
.box-barra .first-child {padding-top: 12px; padding-left: 15px !important;}

/*--------------- info datos top ---------------*/
.info-datos {font-family: 'exo2-light'; font-size: 1rem; color:#333;}
.info-datos strong {font-family: 'exo2-light' !important; color:#333; font-weight: normal;}
.info-datos li {padding: 0 0 .5em;}
.info-datos.large {font-family: 'exo2-light'; font-size: 1rem; color:#17a181;}
.info-datos.large .first-child {font-family: 'exo2-medium'; font-size: 1.7rem; color:#17a181;}
.info-datos.small {font-family: 'exo2-light'; font-size: .8rem; color:#17a181;}

/*--------------- datos ---------------*/
.box-top {margin-bottom: 2em;}
.box-top .datos {font-family: 'exo2-light'; font-size: .9rem; color:#333;}
.box-top .datos p.hora {font-size: 1.5rem; color:#595959;}
.box-top .datos strong {color:#333;}
.box-top .datos ul li {padding: 0 0 .5em;}
.box-top .datos h1 strong {display: block; padding-bottom: 5px; color:#333; font-size: 1.7rem; font-weight: normal;}
.box-top h2 {font-family: 'exo2-medium'; color:#17a181; margin-bottom: .5rem;}
.box-top.small .datos {font-family: 'exo2-light'; font-size: .7rem; color:#17a181;}
.box-top p {line-height: 130%;}

.box-code {border: 1px solid #dfdfdf; box-shadow: 3px 3px 3px #ededed inset; margin:1rem 0 3rem; padding: 2rem; font-family: 'exo2-light'; font-size: .8rem; color:#999; border-radius: 3px; background: #fafafa; line-height: 120%;}

/*--------------- datos small ---------------*/
.box-top .datos.small {font-family: 'exo2-light'; font-size: .75rem; color:#333;}
.box-top .datos.small strong {color:#333;}
.box-top .datos.small ul li {color:#999; padding: 0 0 .5em;}
.box-top .datos.small h2 {font-family: 'exo2-medium'; color:#17a181;}

/*--------------- STUD BOOK ---------------*/
#studbook .box-barra {border: none;}
.box-buscar2 {width:auto; margin-top:20px; background:#FFF; padding: 0; border-radius: 3px; float: right;}
.box-buscar2 input {width:auto; display: inline-block; height: auto; font-family:'exo2-lightitalic'; font-size: 30px; color:#333; background:transparent; border-radius: 0; padding: 3px 10px; box-shadow: none; border-bottom: 1px solid #999; border-top: 0; border-left: 0; border-right: 0;}
.box-buscar2 .ico.search {border:0; width:42px; height:42px; background-image: url(../../imag/v1/auxi/sprite.png?v=1.1); background-position: -8px -1056px; background-color:#fff; margin-top:2px; padding: 0; text-align: center; vertical-align: top; cursor: pointer;}
#header.sticky .box-buscar {margin-top:7px;}
/*padrillos*/
#studbook .box-padrillos {margin: 30px auto; padding: 1rem 3rem; background: #f7f7f7;}
#studbook .box-padrillos .large a, #studbook .box-padrillos .large span {color:#dc291e;}
#studbook .box-padrillos .large {margin-top:100px; text-align: right; padding-right:30px;}
#studbook .box-padrillos .large a, #studbook .box-padrillos .large span {font-size: 22px; padding: 10px; }
#studbook .box-padrillos .small a, #studbook .box-padrillos .small span {display: block; font-size: 16px; padding: 15px 20px; }
#studbook .box-padrillos .small {margin-top:20px; padding-top:15px; padding-bottom:15px; }
#studbook .box-padrillos .linea-left {border-left:5px solid #009875;}
#studbook .box-padrillos .large .ico.horse {border:0; min-height:50px; background-image: url(../../imag/v1/auxi/sprite.png?v=1.1); background-position: -10px -1105px; margin-bottom:0; padding: 25px 0 0 35px; text-align: left; vertical-align: top; cursor: pointer;background-repeat: no-repeat;}
#studbook .box-padrillos .small > .ico.horse {border:0; min-height:50px; background-image: url(../../imag/v1/auxi/sprite.png?v=1.1); background-position: -10px -1101px; margin-bottom:0; padding: 25px 0 0 35px; text-align: left; vertical-align: top; cursor: pointer;background-repeat: no-repeat;}
#studbook .box-padrillos .small .extra-small .ico.horse {border:0; min-height:30px; background-image: url(../../imag/v1/auxi/sprite.png?v=1.1); background-position: -10px -1125px; margin-bottom:0; padding: 5px 0 0 35px; text-align: left; vertical-align: top; background-repeat: no-repeat;}
#studbook .box-padrillos .extra-small a, #studbook .box-padrillos .extra-small span {display: block; font-size: 13px; padding: 15px 20px; }
#studbook .box-padrillos .extra-small {margin-top:0px; margin-bottom:15px; padding-top:5px; }
#studbook .box-padrillos .linea-left.extra-small {border-left:5px solid #ccc;}
/*--------------- FOOTER ---------------*/
#sub-menu-pie{margin-top: 60px;}
#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; }


.warning{
    background-color: #FF9966;
    padding: 12px;
}

/* 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 {display: none; 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: 2.3rem; color:#17a181; margin: .5rem 0; text-transform: uppercase;}
h2.rotulo {font-family: 'exo2-medium'; font-size: 1.5rem; margin: 2rem 0; text-transform: uppercase;}
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;}

b{font-weight: bold;}



/*--------------- 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) {
    .box-calendar .calendar-body .col-xs-1 {padding: 10px 0;}
    #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;}

}

@media (min-width: 992px) and (max-width: 1178px) {
    .menu-aside .nav .btn.ico {background-image: none !important; padding: 10px 15px 10px 10px; font-size: 11px;}
    }

@media(max-width:992px) {
    .only-responsive {display:block !important;}
    .only-desktop {display:none !important;}
    .table-responsive,
    .table-responsive.table-medium,
    .table-responsive.table-small {overflow-x:scroll; overflow-y:hidden; padding: 0;}
    .box-calendar .calendar-body .col-xs-1 {margin: 0 2px; font-size: 11px;}
    #header .menu_btn {top:20px; right:30px;}
    #header.sticky .menu_btn {top:8px;}
    .menu_btn .bar1, .bar2, .bar3 {background-color:#fff !important;}
    .cbp-hrmenu > ul > li {border-bottom: 1px solid #444 !important;}
    #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: 30px 0; margin-left: auto; margin-right: auto; float: none;}
    #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 16px 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;}
    .menu-aside .nav {padding-left: 10px;}
    .box-calendar {margin-top:0;}
     aside .box-left {margin: 10px 0 10px}
    aside .box-left .boto-calendar {color:#fff; text-transform: uppercase; background-image: url(../../imag/v1/auxi/sprite.png?v=1.1); background-repeat:no-repeat; background-position:right -1369px; padding: 15px 50px 15px 15px; text-align: right; color:#fff;}
    aside .box-left .boto-calendar:hover {background-color: #dc291e; color:#fff !important; text-decoration: none !important; border:none !important;}
    aside .box-left .box-calendar-mobile {display:none;}
}

@media(max-width:768px) {
    #header .logo {width: 65px; 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;}
    h1 {font-size: 1.8rem;}
    .box-barra {text-align: center;}
    .box-barra .form-control {display: block; width:100%; margin-bottom: 5px; }
    .accordion {width:100%;}
    .box-barra .first-child {font-size: 14px; margin-bottom: 15px;}
    .box-top .datos.small {font-size: 16px; margin: 1rem 0;}
    .box-top h2 {font-size: 1.3rem;}
    .box-ejemplar h3 {margin-top:1rem;}
    .box-ejemplar .accordion .btn.ico.down {width:100%; background-position-x:10px !important; background-position-y:-927px !important; padding-left:45px; padding-top: 15px; padding-top: 15px; }
    .box-top p {font-size: 16px;}
    .box-ejemplar h2 {margin-top: 1.5rem;}
    .info-datos.small {font-size: 16px;}
    .menu-aside .nav .btn {font-size: 1rem; padding-top: 5px; padding-top: 5px; }
    .menu-aside .nav .btn.ico {background-position-x: 0px !important; padding-left: 45px;}
    .menu-aside h2 {font-size: 1.3rem; font-family: 'exo2-medium'; color:#17a181; margin:2rem 0 1.5rem;}
    .btn-group-justified > .btn, .btn-group-justified > .btn-group {display: inline;}

}

/* 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: 65px; 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: 65px; 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: 65px; left:5px;}
    #header .logo img {width:85px; height: auto;}
    }

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

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

}

/* FIN */