/*Variables*/
:root { --pix-color-parrafos: #455a64; --pix-color-acento: #40c4ff; --pix-color-acento-hover: #81d8ff; }


/*Tipografías y reseteo*/
* { font-family: 'Exo', sans-serif; box-sizing: border-box }
html, body { margin: 0; padding: 0 }
h1, h2 { margin: 0 }
h1 { text-transform: uppercase; font-style: italic; font-size: 32px }
h2.tituloSecundario { color: var(--pix-color-acento); }
figure{margin:0}

/*Estilos comunes*/
.divColumna { padding-left: 32px; padding-right: 32px }
.divColumnaCompleta { padding-left: 32px; padding-right: 32px }
.divInterior { padding-top: 48px; padding-bottom: 64px }
.divInterior p { color: #263238; line-height: 160%; font-size: 15px; }
.divCabeceraInt img { width: 100% }

.btn { display: block; transition: background-color .1s; background-color: #eceff1; text-transform: uppercase; font-size: 15px; line-height: 48px; text-align: center; letter-spacing: 1px; padding-left: 32px; padding-right: 32px; margin-bottom: 4px; text-decoration: none; color: #263238; font-weight: normal; border-radius: 2px; border: none; cursor: pointer }
.btn:not(.btn-inline) { width: 100%; }
.btn > i { opacity: .5; transition: transform .1s; margin-right: 8px }
.btn:not(:last-child) { margin-right: 4px }
.btn:hover { background-color: var(--pix-color-acento); box-shadow: 3px 5px 7px rgba(0,0,0,.1) }
.btn:hover i { transform: scale(1.2) }
.btn:active { box-shadow: none }
.btn-inline { display: inline-block; }
.btn.btnVerde { background-color: #8bc34a; color: #fff }
.btn.btnVerde:hover { background-color: #9ccc65 }

.divMigas { font-size: 13px; display: inline-block; padding-right: 16px; position: relative }
.divMigas > span { color: #000 }
.divMigas > a { display: inline-block; color: #78909c; text-decoration: none; line-height: 32px }
.divMigas > a:after { content: '/'; display: inline-block; margin-left: 8px; margin-right: 8px; font-weight: bold }
.divMigas > a:hover { color: #000 }
.divMigas > a:hover:after { color: var(--pix-color-acento) }

.divInfo { display: block; background: #ffecb3; padding: 10px 10px 10px 34px; border-radius: 4px; margin-bottom: 10px; font-size: 1rem }
.divInfo:before { content: '\f0eb'; font-family: 'Font Awesome 5 Pro'; width: 24px; height: 24px; display: block; text-align: center; font-size: 22px; color: #ffc107; float: left; margin-left: -30px; }



/*Header*/
header { background: #eceff1; background-image: linear-gradient(90deg,#fff,#eceff1); position: fixed; top: 0; z-index: 4; box-shadow: 0 0 10px rgb(0 0 0 / 5%); }
body{padding-top:64px}
.home header { background-image: linear-gradient(#fff,#eceff1); }
header #tblHeader { display: table; width: 100%; }
header #tblHeader > div { display: table-cell; vertical-align: middle }
header #tblHeader #btnLogo { width: 85px; padding: 8px 8px 4px 0; display: block; z-index: 2 }
header #tblHeader #btnLogo > img { width: 100%; position: relative; z-index: 1 }
.home header #tblHeader #btnLogo { position: absolute; top: 8px; }
.home header #tblHeader #btnLogo:after { content: ''; display: block; width: 130%; height: 128%; background: #fff; position: absolute; top: -11px; left: -23px; transform: skew(6deg, -4deg); box-shadow: 5px 7px 10px rgb(0 0 0 / 5%); }

header #divNavegacion { width: 99.99% }
header #divNavegacion nav > ol { padding: 0; margin: 0; list-style-type: none; margin-left: 8px }
header #divNavegacion nav > ol > li { display: block }
header #divNavegacion nav > ol > li > a { line-height: 64px; padding-left: 16px; padding-right: 16px; font-size: 18px; font-weight: bold; font-style: italic; text-transform: uppercase; text-decoration: none; color: var(--pix-color-parrafos); letter-spacing: 1px; display: block; position: relative; transition: color .2s }
header #divNavegacion nav > ol > li > a > i { margin-right: 8px }
header #divNavegacion nav > ol > li > a:hover { color: var(--pix-color-acento) }
header #divNavegacion nav > ol > li > a:after { content: ''; display: block; height: 4px; width: 0px; transition: width .3s; position: absolute; top: 50%; left: 50%; margin-top: 20px; background: var(--pix-color-acento); transform: translateX(-50%); }
header #divNavegacion nav > ol > li > a:hover:after { width: calc(100% - 32px); }
header #divNavegacion nav > ol > li > ol { display: block; padding: 8px 0; margin: 0; list-style-type: none; background: #fff; transition: opacity .2s; transition-delay: .4s }
header #divNavegacion nav > ol > li:hover > ol { opacity: 1; transition-delay: 0s; pointer-events: all }
header #divNavegacion nav > ol > li > ol > li { display: block }
header #divNavegacion nav > ol > li > ol > li > a { line-height: 48px; padding-left: 16px; padding-right: 16px; font-size: 16px; font-weight: bold; font-style: italic; text-decoration: none; color: var(--pix-color-parrafos); display: block; }
header #divNavegacion nav > ol > li > ol > li > a:hover { color: var(--pix-color-acento) }
header #divRfea { white-space: nowrap }
header #divRfea img { width: 140px }
header #divRfea span { display: inline-block; text-align: right; font-size: 13px; margin-right: 4px; color: var(--pix-color-parrafos); font-style: italic }


/*Swiper slider*/
.swiper { width: 100%; background: #263238; }
a.btnCompeticion { background-position: center top; background-size: cover; width: 100%; display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover }
a.btnCompeticion:hover { opacity: 1 }
a.btnCompeticion > div { transition: transform .3s; display: block; position: absolute; width: 100%; bottom: 0; color: #000 }
a.btnCompeticion:hover > div, a.btnCompeticion.modo-seguro > div { transform: translateY(0) !important }
a.btnCompeticion > div:after { transition: transform .3s; content: ''; background: #40c4ffdd; backdrop-filter: blur(1px); width: 110%; height: 400px; position: absolute; top: 0; left: -15%; transform: skew(8deg, -6deg) rotate(30deg); opacity: 1; }
a.btnCompeticion:hover > div:after, a.btnCompeticion.modo-seguro > div:after { transform: skew(8deg, -9deg) rotate(0) }
a.btnCompeticion > div > strong { position: relative; z-index: 1; font-style: italic; font-weight: 800; text-transform: uppercase; display: block; padding: 8px 0 }
a.btnCompeticion > div > span.spanEstado { position: relative; z-index: 1; background: #000; color: #fff; display: inline-block; text-transform: uppercase; padding: 4px 8px; font-size: 13px; line-height: 16px; margin-top: 16px }
a.btnCompeticion > div > span.spanEstado:after { content: ''; display: block; position: absolute; top: 0; right: -6px; border-bottom: solid 24px transparent; border-left: solid 6px #000; }
a.btnCompeticion > div > span.spanFecha { position: relative; z-index: 1; display: block }


.divControlesSwiper > .divBotonesPaginacion .swiper-pagination-bullet-active { background: var(--pix-color-acento) !important }
.divControlesSwiper > .divBotonesPaginacion .divCirculos { height: 24px }
.divControlesSwiper > .divBotonesPaginacion > div { display: inline-block }
.divControlesSwiper > .divBotonesPaginacion > div > div { display: table }
.divControlesSwiper > .divBotonesPaginacion > div > div > div { display: table-cell; vertical-align: middle }
.divControlesSwiper > .divDetallesSwiper { text-transform: uppercase; }
.divControlesSwiper > .divDetallesSwiper h2 { font-style: italic; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.divControlesSwiper > .divDetallesSwiper a { line-height: 48px; display: block; text-decoration: none; color: var(--pix-color-parrafos); padding-left: 24px }
.divControlesSwiper > .divDetallesSwiper a:hover { color: var(--pix-color-acento) }
.divControlesSwiper > .divDetallesSwiper > div { display: inline-block }
.divControlesSwiper > .divBotonesPaginacion a { cursor: pointer; color: var(--pix-color-parrafos); line-height: 24px; width: 24px; text-align: center; display: inline-block }


/*Competiciones destacadas*/
#secCompeticionesDestacadas .swiper .swiper-slide > a { height: 600px; }
#secCompeticionesDestacadas .swiper .swiper-slide > a > div { transform: translateY(460px); padding: 32px 48px 24px 32px; }
#secCompeticionesDestacadas .swiper .swiper-slide > a > div > strong { font-size: 34px; line-height: 38px; }
#secCompeticionesDestacadas .swiper .swiper-slide > a > div > span.spanFecha { font-size: 18px }


/*Enlaces destacados*/
#divDestacados { overflow: hidden }
#divDestacados > div { vertical-align: middle; position: relative; background-size: cover; background-position: center center; }
#divDestacados > div > span { font-size: 28px; font-weight: bold; font-style: italic; text-transform: uppercase; display: block }
#divDestacados > div > strong { font-size: 48px; text-transform: uppercase; color: rgba(255,255,255,.1); font-style: italic; -webkit-text-stroke: 2px var(--pix-color-acento); display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 4px }
#divDestacados > div > a { display: block; line-height: 64px; background: var(--pix-color-acento); text-align: center; text-decoration: none; color: #263238; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 18px; margin-top: 16px; border-radius: 2px }
#divDestacados > div > a:hover { background: #000; color: var(--pix-color-acento-hover); box-shadow: 3px 7px 10px rgba(0,0,0,.05) }
#divDestacados > div:after { content: ''; position: absolute; top: 0; pointer-events: none }


/*Próximas competiciones y competiciones finalizadas*/
.secSliderPeq .swiper .swiper-slide > a { height: 360px; }
.secSliderPeq .swiper .swiper-slide > a > div { transform: translateY(260px); padding: 24px 48px 24px 24px; }
.secSliderPeq .swiper .swiper-slide > a > div > strong { font-size: 22px; line-height: 20px; }
.secSliderPeq .swiper .swiper-slide > a > div > span.spanFecha { font-size: 14px }
#secCompeticionesFinalizadas { margin-top: 16px }


/*Footer*/
footer { background: #eceff1; background-image: linear-gradient(#eceff1,#fff); padding: 16px 16px 48px 16px }
footer #divEnlacesFooter > div { vertical-align: top; }
footer #divEnlacesFooter > div > div { display: inline-block; text-align: left }
footer #divEnlacesFooter strong { display: block; margin-bottom: 16px; text-transform: uppercase; font-style: italic; font-size: 18px }
footer #divEnlacesFooter ol { list-style-type: none; padding: 0 0 0 8px; margin: 0 }
footer #divEnlacesFooter a { display: inline-block;  transform: translateX(0); transition: transform .1s; color: var(--pix-color-parrafos); text-decoration: none; font-size: 14px; line-height: 24px; padding: 4px 0 4px 30px; }
footer #divEnlacesFooter a > i {margin-left:-30px;position:absolute; width: 24px; height: 24px; display: inline-block; vertical-align: middle; text-align: center; line-height: 24px; opacity: .5 }
footer #divEnlacesFooter a:hover { color: #263238; transform: translateX(3px) }
footer #divEnlacesFooter a:hover > i { opacity: .8; color: var(--pix-color-acento) }
footer #divEnlacesFooter #divSiguenos a > i { width: 42px; height: 42px; line-height: 42px; font-size: 28px }
footer #divEnlacesFooter #divSiguenos a:hover { transform: translateX(0) }

/*Redes sociales*/
#divRedesSociales { animation: .4s ease-in 0s 1 pix-deslizar-derecha; position: fixed; top: 50%; right: 0; background: #eceff1; padding: 8px; border-radius: 8px 0 0 8px; font-size: 0; z-index: 3; box-shadow: 0 0 7px rgba(0,0,0,0.1); transform: translateY(-50%) }
#divRedesSociales > a { display: block; width: 64px; height: 64px; padding: 8px; margin-bottom: 4px }
#divRedesSociales > a > img { width: 100%; transform: scale(.9) }
#divRedesSociales > a:hover > img { transform: scale(1) }


/*Cookies*/
#divCookies { position: fixed; z-index: 99000; background: #263238; color: #b0bec5; width: 100%; max-height: 600px; overflow-y: auto; bottom: 0; left: 0; font-size: 13px; text-align: center; border-top: solid 1px rgba(255,255,255,.05); display: none; }
#divCookies > div { position: relative; }
#divCookies > div > p { line-height: 24px; }
#divCookies a { color: #b0bec5; text-decoration: none; border: solid 1px #607d8b; padding: 2px 6px; border-radius: 4px; vertical-align: middle; display: inline-block; vertical-align: middle; display: block; margin-top: 4px }
#divCookies a:hover { color: #263238; background: #b0bec5; }


/*Ficha evento*/
#divFichaEvento { display: table; width: 100%; }
#divFichaEvento > div { display: table-cell; vertical-align: top }
#divFichaEvento > div.divImgEvento { padding-top: 48px }
#divFichaEvento > div.divImgEvento img { width: 100% }
#divFichaEvento div.divDatosEvento { padding-right: 32px; }
div.divDatosEvento { font-size: 90%; }
div.divDatosEvento table { border: none !important; border-collapse: collapse; width: 100% !important; }
div.divDatosEvento table td { padding: 8px 4px; border: none !important }
div.divDatosEvento table tr td:first-child { padding-left: 8px }
div.divDatosEvento table tr:first-child > td { padding-top: 16px }
div.divDatosEvento table tr:last-child > td { padding-bottom: 16px }
div.divDatosEvento img { max-width: 100% !important; height: auto !important; }

.divMensaje { padding: 1rem; border-radius: 2px; color: #fff;margin-top:32px }
.divMensaje.rojo { background: #E53935; }
.divMensaje.azul { background: #2196F3; }
.divMensaje.rojo p, .divMensaje.azul p{color:#fff}
div.titulo { background: #607d8b; background-position: left center; background-size: cover; font-size: 16px; color: #fff; border-radius: 2px 2px 0 0; padding: 12px 16px; }
div.titulo .far, div.titulo .fas { display: inline-block; width: 32px; text-align: center; color: var(--pix-color-acento); }
div.cuadro { background: linear-gradient(#eceff173, transparent); padding: 16px; }
div.cuadro.full { padding: 0 !important; }
div.cuadro .cuadro { border: solid 1px #eceff1; }


/*Formularios*/
.form { font-size: 0; }
.form input[type="text"], .form input[type="url"], .form input[type="date"], .form input[type="number"], .form input[type="password"], .form input[type="email"], .form input[type="search"], .form textarea, .form select { border: none; width: 100%; padding: 3px 5px; background: #eceff1; border-radius: 3px; outline: none; line-height: 34px; padding-left: 10px; padding-right: 10px; margin-top: 3px; margin-bottom: 3px; min-height: 40px; }
.form input[type="text"]:focus, .form input[type="url"]:focus, .form input[type="number"]:focus, .form input[type="password"]:focus, .form input[type="email"]:focus, .form input[type="search"]:focus, .form textarea:focus, .form select:focus { background: #fff; outline: solid 2px #ddd; }
.form input[readonly="readonly"] { background: transparent !important; border-color: transparent !important; cursor: default !important; outline: none !important }
.form textarea { height: 150px; }
.form textarea.ck { height: 337px; background: #fff; border: solid 1px #d1d1d1; margin: 0; }
.form select { padding-top: 10px; padding-bottom: 10px;cursor:pointer }
.form label, .form .campo > span.etiqueta { padding: 4px 6px 4px 0; line-height: 24px; font-size: 16px; }
.form label.obligatorio:before { content: '*'; color: #0c5298; margin-right: 6px; }
.form label.obligatorio { font-weight: bold; }
.form label.conSpan { line-height: 20px; }
.form label.conSpan > span { font-size: .8em; color: #689F38; display: block; }
.form label.requerido:before { content: '*'; }
.form label.requerido { font-weight: bold; }
.form .campo > input[type="file"] { padding: 10px 0; width: 100%; font-size: .9rem; }
.form:after { content: ''; clear: both; display: block }

.botones { padding: 20px 0 0 0; text-align: center; border-top: solid 1px #eee; clear: both; margin-top: 20px; text-align: center; }
.botones input[type="submit"], .botones button[type="submit"] { background-image: url(../img/chkSubmit.png); background-repeat: no-repeat; background-position: 20px center; padding-left: 50px; }
.botones input[type="submit"].btnAzul, .botones button[type="submit"].btnAzul { background-image: url(../img/chkSubmitUsuarioGris.png) }

/*Condiciones*/
.divCondiciones { text-align: center; padding: 1rem 0 0 0; font-size: 1rem; }
.divCondiciones input { transform: scale(1.2); margin-right: 4px; }
.divCondiciones a { font-weight: bold; text-decoration: none; color: #333; }
.divCondiciones a:hover { color: #000; }


.tblResultados { border-collapse: collapse; width: 100%; }
.tblResultados th, .tblResultados td { padding: 4px 16px; white-space: nowrap; }
.tblResultados th { background: #b0bec5; color: #fff; line-height: 30px; font-size: 15px; font-weight: lighter; padding: 8px 16px; text-align: left; }
.tblResultados tr:nth-child(even) { background: #eceff1; }
.tblResultados tr:nth-child(odd) { background: #fff; }
.tblResultados .fas { display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 20px; color: #fff; border-radius: 2px; }
.tblResultados tr:nth-child(even) .fas { background: #2196F3; }
.tblResultados tr:nth-child(odd) .fas { background: #2196F3; }


.tblFormateada { width: 100%; border-collapse: collapse }
.tblFormateada th { border-radius: 0; background-color: #b0bec5 !important; padding: 8px 12px 8px 2px; font-size: 15px; font-weight: lighter !important; color: #fff !important; outline: none }
.tblFormateada .izq { text-align: left }
.tblFormateada th:first-child { border-radius: 2px 0 0 0 }
.tblFormateada th:last-child { border-radius: 0 2px 0 0 }
.tblFormateada td { background: #fff; padding: 4px 2px; text-align: center; border: none; font-size: 15px; }
.tblFormateada tr:hover td { background: #c8e3ff; }
.fas.oro { background: #fedc45; margin-right: 6px; border-radius: 50%; display: inline-block; width: 20px; height: 20px; color: #fff; line-height: 20px; font-size: 12px; text-shadow: 0 0 4px rgba(0,0,0,.1) }
.fas.plata { background: #8292a2; margin-right: 6px; border-radius: 50%; display: inline-block; width: 20px; height: 20px; color: #fff; line-height: 20px; font-size: 12px; text-shadow: 0 0 4px rgba(0,0,0,.1) }
.fas.bronce { background: #cb5e26; margin-right: 6px; border-radius: 50%; display: inline-block; width: 20px; height: 20px; color: #fff; line-height: 20px; font-size: 12px; text-shadow: 0 0 4px rgba(0,0,0,.1) }
tr.destacado { font-weight: bold }


.divPaginacion { width: 100%; text-align: center; background: #fff !important; padding-top: 50px; }
.divPaginacion a { display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 1.2rem; color: #aaa; text-decoration: none; border-radius: 50%; }
.divPaginacion a.activo { background: #0c5298; color: #fff; }
.divPaginacion a:not(.activo):hover { color: #000; transform: scale(1.2); }

@keyframes pix-deslizar-derecha {
    0% { transform: translateX(100%) translateY(-50%); }
    100% { transform: translateX(0) translateY(-50%); }
}


@media (max-width: 1079px) {

    .form label{  margin-top: 16px; display: block; }

    .divColumnaCompleta, .divColumna { padding-left: 8px; padding-right: 8px }
    #divCookies a { padding: 0 24px; line-height: 48px }
    #divRedesSociales { padding: 4px }

    header #divNavegacion nav { display: none }
    header #divBtnMenu #btnMenu { display: inline-block; width: 64px; height: 64px; font-size: 32px; text-align: center; line-height: 64px; color: var(--pix-color-parrafos) }
    header #divBtnMenu #btnMenu:hover { color: #263238 }
    header .divColumnaCompleta { padding: 0 0 0 8px }
    header #divRfea span { font-size: 11px; line-height: 12px }
    header #divRfea img { width: 120px }
    header #divNavegacion nav > ol > li > a { padding-left: 32px; padding-right: 32px; }
    header #divNavegacion.activo nav { padding-top: 16px; display: block; position: absolute; width: 100%; background: #fff; top: 64px; box-shadow: 0 5px 10px rgba(0,0,0,.1); left: 0; overflow-y: auto; max-height: 100vh; }
    header #divNavegacion nav > ol > li > ol { padding-left: 36px }

    .swiper .swiper-slide > a > div { transform: translateY(0) !important }
    .swiper .swiper-slide > a > div:after { transform: skew(8deg, -6deg) rotate(0) }
    .divControlesSwiper > .divBotonesPaginacion { display: none }
    .divControlesSwiper > .divDetallesSwiper { text-align: center; }
    .divControlesSwiper > .divBotonesPaginacion { text-align: center }
    .divControlesSwiper > .divBotonesPaginacion a { font-size: 32px; width: 64px; height: 64px; line-height: 64px; }
    .secSliderPeq .divControlesSwiper > .divDetallesSwiper { margin-top: 32px }
    .divControlesSwiper > .divDetallesSwiper > div { display: block; margin-bottom: 8px }

    #secCompeticionesDestacadas .swiper .swiper-slide > a { height: 580px; }
    #secCompeticionesDestacadas .divDetallesSwiper { margin-top: 16px }
    #secCompeticionesDestacadas .divControlesSwiper > .divBotonesPaginacion { text-align: center; margin-top: 16px }

    #secDestacados .divColumnaCompleta { padding: 0 }
    #divDestacados { margin-top: 16px }
    #divDestacados > div { padding: 80px 16px }
    #divDestacados > div:nth-child(1):after { bottom: 0; left: 0; border-right: solid 1080px transparent; border-bottom: solid 20px #fff }
    #divDestacados > div:nth-child(2):after { top: 0; left: 0; border-left: solid 1080px transparent; border-top: solid 20px #fff }

    footer #divEnlacesFooter strong { margin-top: 32px; font-size: 22px }
    footer #divEnlacesFooter a { font-size: 16px }
}


@media (min-width: 1080px) {

    body { padding-top: 96px }
    header #divBtnMenu { display: none !important }
    header #tblHeader #btnLogo { width: 138px }
    .home header #tblHeader #btnLogo { width: 200px; left: 32px; }
    .home header #divNavegacion nav > ol { margin-left: 260px }
    header #divNavegacion nav > ol > li { display: inline-block }
    header #divNavegacion nav > ol > li > a { line-height: 96px; }
    .home header #tblHeader #btnLogo:after { top: -29px; left: -45px; }
    #divCookies a { display: inline-block }

    header #divNavegacion nav > ol > li > ol { box-shadow: 3px 7px 7px rgba(0,0,0,.1); border-radius: 0 0 2px 2px; position: absolute; pointer-events: none; opacity: 0; }
    .divColumna { width: 1048px; margin-left: auto; margin-right: auto }


    .divControlesSwiper { display: table; width: 100%; }
    .divControlesSwiper > div { display: table-cell; vertical-align: middle; white-space: nowrap }
    .divControlesSwiper > .divDetallesSwiper > div > div { display: table; table-layout: fixed; width: 100% }
    .divControlesSwiper > .divDetallesSwiper > div > div > div { display: table-cell; vertical-align: middle }
    .divControlesSwiper > .divDetallesSwiper a { line-height: 64px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; }

    #secCompeticionesDestacadas .divControlesSwiper > div { text-align: right; }
    #secCompeticionesDestacadas .divControlesSwiper > .divDetallesSwiper { padding-left: 68px !important }
    #secCompeticionesDestacadas .swiper .swiper-slide > a > div { padding: 64px 64px 48px 64px; }
    .swiper .swiper-slide > a { transition: opacity .1s; opacity: .85; }

    #divDestacados { display: table; width: 100%; margin: 16px 0; table-layout: fixed }
    #divDestacados > div { display: table-cell; width: 50%; height: 500px; transition: transform .8s ease-out, opacity 1s ease-out; opacity: 0; border-radius: 2px; padding-left: 16px; padding-right: 16px; }
    #divDestacados > div > a { display: inline-block; width: 380px; }
    #divDestacados > div:nth-child(1):after { right: 0; border-top: solid 500px transparent; border-right: solid 40px #fff }
    #divDestacados > div:nth-child(2):after { left: 0; border-bottom: solid 500px transparent; border-left: solid 40px #fff }
    #divDestacados > div:nth-child(1) { text-align: right; padding-right: 64px }
    #divDestacados > div:nth-child(2) { text-align: left; padding-left: 64px; }
    #divDestacados > div > strong { font-size: 60px; }

    #secDestacados:not(.activo) #divDestacados > div:nth-child(1) { transform: translateX(-100%) }
    #secDestacados:not(.activo) #divDestacados > div:nth-child(2) { transform: translateX(100%) }
    #secDestacados.activo #divDestacados > div { transform: translateX(0); opacity: 1 }

    .secSliderPeq .divControlesSwiper > .divDetallesSwiper { padding-right: 100px }

    footer { padding: 64px 0 }
    footer #divEnlacesFooter { display: table; width: 100% }
    footer #divEnlacesFooter > div { display: table-cell; width: 33.33%; text-align: center }
    footer #divEnlacesFooter strong:not(:first-child) { margin-top: 32px }

    div.cuadro { border-radius: 0 0 2px 2px; }


    /*Formularios*/
    .form label { width: 30%; text-align: right; clear: left;}
    .form div.campo, .form input[type="text"], .form input[type="date"], .form input[type="url"], .form input[type="number"], .form input[type="password"], .form input[type="email"], .form input[type="search"], .form textarea, .form select { font-size: 16px; }
    .form div.campo { width: 70%; font-size: 16px; }
    .form label, .form div.campo { float: left; }
}

@media (min-width:1080px) and (max-width:1279px) {
    .home header #tblHeader #btnLogo { width: 170px; }
    .home header #divNavegacion nav > ol { margin-left: 190px; }
    header #divNavegacion nav > ol > li > a { letter-spacing: 0 }

}

@media (min-width:1080px) and (max-width:1439px) {


    .divControlesSwiper > .divDetallesSwiper h2 { text-align: left }
}

@media (max-width:1279px) {
    header #divNavegacion nav > ol > li > a { padding-left: 12px; padding-right: 12px; font-size: 16px; }
}

@media (min-width: 1280px) {
    #divDestacados > div > a { width: 480px; }
    .divColumna { width: 1248px; }
   
}

@media (max-width: 1439px) {
    .divControlesSwiper > .divDetallesSwiper { width: 99% }
}

@media (min-width: 1440px) {
    .divColumna { width: 1408px; }
    #secCompeticionesDestacadas .swiper .swiper-slide > a { height: 700px; }
    .divControlesSwiper { table-layout: fixed }
    #secCompeticionesDestacadas .divControlesSwiper > .divBotonesPaginacion > div { transform: translateX(50%); }
    .secSliderPeq .divControlesSwiper > .divBotonesPaginacion > div { transform: translateX(-50%); }
    header #divRfea > div { display: table; width: 100% }
    header #divRfea > div > div { display: table-cell; vertical-align: middle }
}