@import url('/css/jquery.ddslick.css');
@import url(https://fonts.googleapis.com/css?family=Lobster|Dosis:400,700);

html {
    font-family: 'Dosis', sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.izquierda {
    float: left;
}

.derecha {
    float: right;
}

.ui-dialog {
    z-index: 5;
}

.inscDesc {
    font-weight: 700;
    border: 1px solid;
    text-align: center;
    width: 65px;
    padding: 0px 2px;
    margin-left: 15px;
    cursor: default;
    float: right;
}

.negrita {
    font-weight: bold;
}

.negritaB {
    font-weight: bold;
    color: #000;
}

.readOnly {
    background-color: #EAEAEA;
}

#campos-obligatorios {
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
}

#campos-obligatorios span {
    border: 1px solid #DDD;
    background: #FEFEFE;
    border-radius: 4px;
    width: auto;
    padding: 4px 6px;
}

body {
    margin: 0;
    padding: 0;
    background: #ECECEC repeat-x left top;
    font-size: 1.0em;
    color: #333;
}

b, strong {
    font-weight: bold;
}

h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #000000;
}

h1 {
    font-size: 1.5em;
    padding-bottom: 5px;
    border-bottom: 1px solid #666;
    text-transform: uppercase;
    line-height: 24px;
}

h2 {
    font-size: 1.3em;
    padding-bottom: 5px;
    border-bottom: 1px solid #666;
    text-transform: uppercase;
}

h3 {
    font-size: 1.2em;
    padding-bottom: 5px;
    border-bottom: 1px solid #666;
    text-transform: uppercase;
}

p, ul, ol {
    margin: 0;
    line-height: 180%;
    clear: left;
}

a {
    color: #2196f3;
    text-decoration: underline;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

    /* Non standard for WebKit */
    word-break: break-word;
}

a:hover,
a:focus {
    color: #0a6ebd;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/*Jquery UI custom style*/
.ui-autocomplete .ui-menu-item a {
    transition: none;
}

a img {
    border: none;
}

fieldset {
    border: solid thin #ccc;
    border-radius: 4px;
}

a:hover {
    text-decoration: underline;
}

label.titulo {
    color: #000;
    font-weight: bold;
}

.inputDesc {
    float: left;
    clear: left;
    margin: 7px;
    font-size: 0.9em;
    color: #BB0003;
}

/* WRAPPER */

#wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
}

/* Header */

#header {
    clear: both;
    width: 100%;
    cursor: pointer;
}

div#header {
    min-height: 130px;
}

#headerPifeInfo {
    clear: both;
    height: 80px;
    padding: 0px;
}

#headerPifeInfo img {
    margin: 10px 15px;
    float: left;
    max-height: 60px;
    max-width: 300px;
    box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.5);
}

#headerPifeInfo p {
    margin: 10px 15px;
    float: left;
}

#headerPifeInfo p span {
    float: left;
    clear: left;
}

/* Title */

#header #title-text {
    width: 95%;
    padding: 1%;
    margin: 0px auto;
    border-radius: 4px;
    position: relative;
    top: 10px;
    text-shadow: 1px 1px #000000;
    background-color: transparent !important;
    /*background: -moz-linear-gradient(-45deg,  rgba(30,87,153,0.55) 0%, rgba(41,137,216,0.45) 26%, rgba(153,192,224,0.35) 51%, rgba(229,229,229,0.41) 68%, rgba(229,229,229,0.52) 99%, rgba(229,229,229,0.52) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(30,87,153,0.55)), color-stop(26%,rgba(41,137,216,0.45)), color-stop(51%,rgba(153,192,224,0.35)), color-stop(68%,rgba(229,229,229,0.41)), color-stop(99%,rgba(229,229,229,0.52)), color-stop(100%,rgba(229,229,229,0.52))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,0.55) 0%,rgba(41,137,216,0.45) 26%,rgba(153,192,224,0.35) 51%,rgba(229,229,229,0.41) 68%,rgba(229,229,229,0.52) 99%,rgba(229,229,229,0.52) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(-45deg,  rgba(30,87,153,0.55) 0%,rgba(41,137,216,0.45) 26%,rgba(153,192,224,0.35) 51%,rgba(229,229,229,0.41) 68%,rgba(229,229,229,0.52) 99%,rgba(229,229,229,0.52) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(-45deg,  rgba(30,87,153,0.55) 0%,rgba(41,137,216,0.45) 26%,rgba(153,192,224,0.35) 51%,rgba(229,229,229,0.41) 68%,rgba(229,229,229,0.52) 99%,rgba(229,229,229,0.52) 100%); /* IE10+ */
    /*background: linear-gradient(135deg,  rgba(30,87,153,0.55) 0%,rgba(41,137,216,0.45) 26%,rgba(153,192,224,0.35) 51%,rgba(229,229,229,0.41) 68%,rgba(229,229,229,0.52) 99%,rgba(229,229,229,0.52) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c1e5799', endColorstr='#85e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#header #title-text div {
    border: none;
    letter-spacing: -1px;
}

#header #title-text a {
    border: none;
    background: none;
    text-decoration: none;
    color: #FFFFFF;
}

/* Search */

#search {
    float: right;
    width: 250px;
    height: 40px;
    padding: 15px 0px 0px 0px;
    background: #ffffff;
    text-align: center;
    border-radius: 10px;
}

#search form {
    height: 41px;
    margin: 0;
    padding: 10px 0 0 20px;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: none;
}

#search-text {
    width: 170px;
    padding: 6px 5px 2px 5px;
    border: 1px solid #DEDEDE;
    background: #FFFFFF;
    text-transform: lowercase;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #5D781D;
}

#search-submit {
    width: 50px;
    height: 22px;
    border: none;
    background: #B9B9B9;
    color: #000000;
}

/* Menu */

#menu {
    width: 940px;
    height: 52px;
    border-radius: 2px;
    margin: 0 auto;

    padding: 0;
    background: #FFFFFF;
    margin-bottom: 5px;
}

#menu ul {
    margin: 0;
    padding: 0px;
    list-style: none;
    line-height: normal;
}

#menu li {
    float: left;
}

#menu a {
    display: block;
    height: 35px;
    margin-right: 1px;
    padding: 16px 40px 0px 40px;
    background: url(../images/inscripcion/img04.gif) no-repeat right top;
    text-decoration: none;
    text-align: center;
    font-family: inherit;
    font-size: 0.9em;
    font-weight: bold;
    color: #000000;
    border: none;
}

#menu a:hover, #menu .current_page_item a {
    background: url(../images/inscripcion/img05.gif) repeat-x left top;
    text-decoration: none;
    color: #FFFFFF;
}

#menu .current_page_item a {
}

#organizedby {
    font-weight: bold;
    padding: 5px;
    background: #FFF;
    border-radius: 4px;
    min-width: 440px;
    width: auto;
    float: left;
    box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.5);
    opacity: 1;
}

#organizedby img,
#organizedby span {
    float: left;
}

#organizedby span {
    margin-left: 15px;
}

#poweredby {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    padding: 5px;
    background: #FFF;
    width: 97.6%;
    width: 100%;
    float: left;
    opacity: 1;
}

#poweredby div.number {
    margin-top: 15px;
    font-size: 2em;
    letter-spacing: 1px;
}

#poweredby img.telefono {
    width: 22px;
    position: relative;
    top: -3px;
}

#poweredby div.texto {
    font-size: 14px;
}

#poweredby a {
    display: inline;
    margin: 0;
    color: #666;
    padding: 0px;
    text-decoration: none;
}

#poweredby a:hover {
    color: #F60;
}

/* Page */

#page {
    width: 100%;
    margin: 20px auto auto auto;
    padding: 0px;
}

#page-bgtop {
    padding: 10px 0px 0px 0px;
}

#page-bgbtm-patrocinios {
    float: left;
    width: 100%;
    padding: 5px 1%;
    background: #FFF;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    opacity: 100%;
    line-height: 18px;
}

#page-bgbtm-patrocinios table {
    width: 100%;
    margin-top: 10px;
}

#page-bgbtm-patrocinios table tr td {
    width: 25%;
    text-align: center;
    float: left;
}

#page-bgbtm-patrocinios h2 {
    padding: 8px;
    margin: 5px auto;
    border-bottom: 1px solid #CCC;
}

#page-bgbtm-patrocinios table tr td img {
    max-height: 200px;
    max-width: 200px;
    box-shadow: 1px 1px 1px #BBB;
    border-radius: 4px;
}

#page-bgbtm-patrocinios table tr td img:hover {
    box-shadow: none;
}

#page-bgbtm-patrocinios .patrocinador_nombre {
    font-size: 14px;
    text-align: center;
    color: #333;
    text-shadow: 1px 1px 1px #BBB;
    width: 100%;
    margin: 5px 0px;
}

#page-bgbtm-patrocinios ul {
    margin: 0;
    padding-left: 80px;
    list-style: none;
    line-height: normal;
}

#page-bgbtm-patrocinios li {
    position: relative;
    float: left;
    left: 15px;
    top: -15px;
}

#page-bgbtm-patrocinios a {
    text-decoration: none;
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
    border: none;
}

#page-bgbtm-patrocinios a:hover {
    color: #F60;
}

#page-bgbtm-patrocinios img#imagen_patrocinadores {
    width: 100%;
    float: left;
    margin: 0px auto;
}

.ko {
    background: #FFF5DF url('../../images/iconos/remove.png') no-repeat 10px 6px;
    background-size: 16px 16px;
    border: 1px solid #FFAE00;
    padding: 6px 10px 6px 35px;
    font-size: 0.9em;
    font-weight: bold;
    color: red;
    border-radius: 5px;
}

.ok {
    background: #E0F5D3 url('../../images/iconos/ok.png') no-repeat 10px 5px;
    background-size: 16px 16px;
    border: 1px solid #267205;
    padding: 6px 10px 6px 35px;
    font-size: 0.9em;
    font-weight: bold;
    color: #267205;
    border-radius: 5px;
}

.validaInputKo {
    background: url('../../images/iconos/remove.png') no-repeat 10px 6px;
    background-size: 18px 18px;
    padding: 14px;
    float: left;
}

.validaInputOk {
    background: url('../../images/iconos/ok.png') no-repeat 10px 5px;
    background-size: 18px 18px;
    padding: 14px;
    float: left;
}

img.procesando {
    width: 22px;
    margin: 0px 10px;
    display: none;
}

div.accion {
    display: none;
    width: auto;
    margin: auto;
    text-align: left;
}

div.acciones {
    float: left;
    width: 100%;
}

/*/////////////// Inscripcion Datos /////////////////*/

/*Sección cuotas de inscripcion (Categorías)*/
div.inscripcion_datos .cuota_inscripcion {
    border: 1px solid #DDD;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 15px auto;
    padding: 15px 5px;
}

div.inscripcion_datos .cuota_inscripcion legend {
    margin-left: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(239, 239, 239, 0.6);
    border-radius: 4px;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota {
    box-shadow: 0px 2px 3px 1px #CCC;
    background: #F9F9F9;
    border-radius: 4px;
    float: left;
    margin: 7px 0px;
    width: 100%;
    padding: 6px 0px;
    cursor: pointer;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota:hover {
    box-shadow: none;
    background: rgba(255, 190, 108, 0.34);
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota.selected {
    box-shadow: none;
    background: rgba(255, 190, 108, 0.34);
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota label {
    float: left;
    width: 95%;
    font-weight: bold;
    margin-top: 1px;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota label.help_content {
    width: auto;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota div.titleCat {
    float: left;
    font-size: 1em;
    width: 100%;
    text-align: left;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota div.titleCat span {
    margin-left: 5px;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota input {
    float: left;
    margin: 0.4% 1% 0 1%;
    display: block;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota span.numInsc {
    font-weight: 700;
    border: 1px solid;
    text-align: center;
    width: 10%;
    border-radius: 4px;
    padding: 2px;
    margin: 5px;
    float: right;
    box-shadow: 0px 1px 3px 0px;
    color: #FFF;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota span.numInsc.verde {
    background: #30A000;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota span.numInsc.rojo {
    background: #D21D1D;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota span.desc {
    float: left;
    clear: left;
    margin-top: 2px;
    font-size: 0.8em;
    color: #666;
    font-weight: normal;
    text-align: left !important;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota span.desc.rojo {
    color: #EB0003;
    font-weight: bold;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota div.inscEquipos {
    font-weight: 700;
    border: 1px solid;
    text-align: center;
    width: 15%;
    border-radius: 3px;
    padding: 0px 2px;
    margin: 5px;
    float: right;
}

div.inscripcion_datos .cuota_inscripcion div.info_cuota img {
    float: left;
    margin: 3px 10px 0px 10px;
    width: 14px;
}

/*Sección datos de inscripción equipo*/
div.inscripcion_datos .inscripcion_equipo {
    border: 1px solid #DDD;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    margin: 15px auto;
    padding: 15px 0px;
    width: 100%;
    display: none;
}

div.inscripcion_datos .inscripcion_equipo legend {
    margin-left: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    border: 1px solid #e68733;
}

div.inscripcion_datos .inscripcion_equipo div#datos-inscripcion-equipo {
    margin: 10px auto;
    max-width: 900px;
}

div.inscripcion_datos .inscripcion_equipo div#datos-inscripcion-equipo p {
    margin: 10px 5%;
    width: 90%;
}

div.inscripcion_datos .inscripcion_equipo div#datos-inscripcion-equipo p span {
    font-weight: bold;
}

div.inscripcion_datos .inscripcion_equipo div#datos-inscripcion-equipo div.campo {
    float: left;
    clear: left;
    margin: 10px 5%;
    width: 90%;
}

div.inscripcion_datos .inscripcion_equipo div#datos-inscripcion-equipo div.campo label {
    float: left;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
}

div.inscripcion_datos .inscripcion_equipo div#datos-inscripcion-equipo div.campo input {
    float: left;
    clear: left;
    width: 90%;
    text-align: left;
}

/*Sección datos de inscripción*/
.tipoChip {
    text-transform: uppercase;
}

#fieldset-inscripcion {
    border: 1px solid #dddddd;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    margin: 15px auto;
    padding: 15px 0px;
    width: 100%;
}

#fieldset-inscripcion legend {
    margin-left: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 4px;
    border: 1px solid rgba(239, 239, 239, 0.6);
}

/*Sección datos de indicaciones-organizacion*/
#indicaciones-organizacion {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    margin: 15px auto;
    padding: 15px 0px;
    width: 100%;
}

#indicaciones-organizacion legend {
    margin-left: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 4px;
}

#indicaciones-organizacion p {
    margin: 15px;
}

#indicaciones-organizacion p a, #indicaciones-organizacion p span {
    word-break: break-all;
}


#datos-inscripcion {
    width: 100%;
    float: left;
}

#datos-inscripcion .campo {
    float: left;
    width: 30%;
    margin: 1%;
    background: #eee;
    border-radius: 4px;
    padding: 5px;
    font-size: 0.8em;
    text-transform: uppercase;
    line-height: 22px;
}

#datos-inscripcion .campo:nth-child(3n+1) {
    clear: left;
}

#datos-inscripcion .campo label {
    float: left;
    font-weight: bold;
    width: 100%;
}

#datos-inscripcion .campo div {
    float: left;
    width: 100%;
    margin: 0 !important;
}

a#anularInscripcion {
    background-color: #E82F2F;
    color: #FFF !important;
    padding: 3px 5px;
    border-radius: 4px;
    margin-left: 15px;
}

a#validarInscripcion {
    background-color: #267205;
    color: #FFF !important;
    padding: 3px 5px;
    border-radius: 4px;
    margin-left: 15px;
}

a#cambiarCuota {
    background-color: #1858D8;
    color: #FFF !important;
    padding: 3px 5px;
    border-radius: 4px;
    margin-left: 15px;
}

.estado {
    margin-left: 7px;
}

.cambiaEstado {
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 225px;
}

#cambiaEstadoSubmit {
    cursor: pointer;
    box-shadow: 0px 2px 2px #BBB;
    border-radius: 180px;
    margin-left: 10px;
}

#cambiaEstadoSubmit:hover {
    position: relative;
    box-shadow: none;
    top: 1px;
}

#datos-inscripcion-form {
    max-width: 1200px;
    margin: 0px auto;
}

#datos-inscripcion-form .campo {
    float: left;
    clear: left;
    margin: 10px 5%;
    width: 90%;
}

#datos-inscripcion-form .campo p {
    float: left;
    clear: left;
    margin: 5px auto;
}

#datos-inscripcion-form .campo label {
    float: left;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
}

#datos-inscripcion-form .campo .ob, #datos-inscripcion-form .campo .req, .forced-ob {
    float: left;
    margin-left: 7px;
    font-size: 0.5em;
    font-weight: bold;
    color: #CF0003;
}

#datos-inscripcion-form .campo input[type="text"]:not(.iti__search-input) {
    float: left;
    clear: left;
    width: 90%;
    text-align: left;
    color: #575757;
    height: 32px;
}

#datos-inscripcion-form .campo #clubSelect {
    width: 8% !important;
}

#datos-inscripcion-form .campo input[type="text"]#club {
    padding: 2px 8px;
    clear: none;
    width: 81%;
    text-align: left;
    margin-left: 1%;
}

#datos-inscripcion-form .campo #listaClubesSelect {
    float: left;
    width: 81% !important;
    clear: none;
    text-align: left;
    margin-left: 1%;
    max-width: unset !important;
}

#datos-inscripcion-form .campo textarea {
    width: 91%;
    text-align: left;
    float: left;
    clear: left;
    color: #575757
}

#datos-inscripcion-form .campo select {
    float: left;
    clear: left;
    color: #575757
}

#datos-inscripcion-form .campo input[type="text"]#dni_pasaporte {
    padding: 2px 8px;
    margin-left: 5px;
    width: 70%;
    clear: none;
    text-align: left;
}

#datos-inscripcion-form .campo input[type="file"] {
    border: 1px solid #CCC;
    padding: 4px;
}

#datos-inscripcion-form .campo div#f_nacimiento_sel,
#datos-inscripcion-form .campo div#fecha_certificado_medico_sel,
#datos-inscripcion-form .campo .iti,
#datos-inscripcion-form .campo .opc_Select {
    float: left;
    clear: left;
}

#datos-inscripcion-form .campo div#f_nacimiento_sel select {
    clear: none;
    margin: 0px 10px;
    color: #575757
}

#datos-inscripcion-form .campo div#fecha_certificado_medico_sel select {
    clear: none;
    margin: 0px 10px;
    color: #575757
}

#datos-inscripcion-form .campo#telefonos div.campo {
    width: 50% !important;
    clear: none;
}

#datos-inscripcion-form .campo #categoria_inscrito_txt {
    float: left;
    clear: none;
    margin-left: 10px;
}

#datos-inscripcion-form .campo #categoria_inscrito_txt span {
    clear: none;
    margin: 0px auto;
}

#datos-inscripcion-form .campo#telefonos div.campo {
    margin: 10px 0;
}

#datos-inscripcion-form .campo.reglamento div {
    float: left;
    clear: left;
    margin-right: 10px;
}

#datos-inscripcion-form .campo.reglamento label {
    float: left;
    font-weight: bold;
    margin-top: 5px;
}

#datos-inscripcion-form .campo input[type="checkbox"] {
    float: left;
    margin-right: 10px;
}

#datos-inscripcion-form .campo.condiciones {
    float: left;
    clear: left;
    margin-top: 10px;
}

#datos-inscripcion-form .campo.condiciones strong, #datos-inscripcion-form .campo.reglamento strong {
    float: left;
}

#datos-inscripcion-form-read {
    max-width: 1200px;
    margin: 0px auto;
    padding: 10px;
}

#datos-inscripcion-form-read .campo {
    float: left;
    margin: 1%;
    width: 30%;
    background-color: #eee;
    border-radius: 4px;
    padding: 6px;
    font-size: 0.8em;
    text-transform: uppercase;
}

#datos-inscripcion-form-read .campo label {
    float: left;
    font-weight: bold;
}

#datos-inscripcion-form-read .campo div {
    float: left;
    clear: left;
    width: 90%;
    text-align: left;
}

#datos-inscripcion-form-read div.campo:nth-child(3n+1) {
    clear: left;
}


.condicionesFin {
    display: flex;
    align-items: center;
    justify-content: space-around;
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 1%;
}

#dorsal-asignado {
    background-color: #eee;
    width: 98%;
    margin: 10px 1% 20px 1%;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    border-radius: 4px;
    padding: 6px;
}

#datos-inscripcion-form .campo .personalizable {
    float: left;
    clear: left;
    width: 100%;
}

#datos-inscripcion-form .campo .personalizable label {
    float: left;
}

#datos-inscripcion-form .campo .personalizable input[type="checkbox"] {
    float: left;
    margin-right: 10px;
}

#datos-inscripcion-form .campo .personalizable div.descripcion {
    float: left;
    width: 100%;
}

#datos-inscripcion-form .campo .personalizable div.descripcion h1,
#datos-inscripcion-form .campo .personalizable div.descripcion h2,
#datos-inscripcion-form .campo .personalizable div.descripcion h3 {
    text-align: left;
    text-transform: uppercase;
    color: #000;
    font-weight: bold !important;
    border-bottom: 1px solid #666;
}

#datos-inscripcion-form .campo .personalizable div.descripcion span {
    float: none;
    margin: 0px !important;
}

#datos-inscripcion-form .campo .plazasLibres {
    float: left;
    margin: -2px 10px;
    font-weight: bold;
}

#datos-inscripcion-form .campo .plazasLibres span {
    font-size: 0.9em;
}

#datos-inscripcion-form .campo .personalizable div.radio,
#datos-inscripcion-form .campo .personalizable div.check,
#datos-inscripcion-form .campo .personalizable div.num {
    float: left;
    clear: left;
    background: #eee;
    border-radius: 4px;
    padding: 4px 4px 4px 6px;
    margin: 5px 5px 5px 0px;
}

#datos-inscripcion-form .campo .personalizable div.radio span {
    float: left;
    color: #333;
    margin: 0px 10px;
    font-size: 0.9em
}

#datos-inscripcion-form .campo .personalizable div.radio input[type="radio"] {
    float: left;
    margin-left: 0px !important
}

#datos-inscripcion-form .campo .personalizable div.num {
    padding: 4px 12px 4px 6px;
}

#datos-inscripcion-form .campo .personalizable div.num label {
    position: relative;
    top: 6px;
}

#datos-inscripcion-form .campo .personalizable div.num span {
    float: left;
    color: #333;
    margin: 0px 10px;
    font-size: 0.9em
}

#datos-inscripcion-form .campo .personalizable div.num input[type="number"] {
    float: left;
    width: 80px;
    padding: 2px 0px 2px 4px;
    position: relative;
    left: 6px;
}

#datos-inscripcion-form .campo .personalizable div.check label {
    margin-top: 2px;
}

#datos-inscripcion-form .campo .personalizable div.check span {
    float: left;
    color: #333;
    margin: 0px 10px;
    font-size: 0.9em
}

#datos-inscripcion-form .campo .personalizable div.check input[type="checkbox"] {
    float: left;
    margin-left: 0px !important
}

#datos-inscripcion-form .campo .personalizable input[type="checkbox"] {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

/*Sección calculo de pago total*/
div#calculoPago {
    position: fixed;
    left: 0;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    border: 1px solid #DDD;
    background-color: rgba(255, 229, 189, 1);
    margin: 0px auto;
    padding: 0.5% 0px 0.5% 0px;
    display: none;
    z-index: 999
}

.inscripcion_fin div#calculoPago {
    position: relative;
    top: 15px;
    border-radius: 0px 0px 4px 4px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-wrap: nowrap;
}

.inscripcion_fin div#calculoPago div {
    float: left;
    text-align: center;
}

div#calculoPago div.linea {
    float: left;
    clear: left;
    width: 100%;
}

div#calculoPago div.linea div {
    float: left;
}

div#calculoPago div.linea div:nth-of-type(2n+1) {
    text-align: right;
    width: 50%;
    text-transform: uppercase;
    margin: 5px auto;
    font-weight: bold;
}

div#calculoPago div.linea div:nth-of-type(2n) {
    margin-left: 2%;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 47%;
    color: #267205;
    font-weight: normal;
}

div#calculoPago .pequenyo {
    font-size: 0.9em;
}

/*Sección formas de pago*/
div.inscripcion_datos .formasPago {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #DDD;
    background-color: rgba(248, 248, 248, 0.7);;
    border-radius: 4px;
    margin-top: 10px;
    display: none;
}

div.inscripcion_datos .formasPago .flex-pay-options-container {
    width: 100%;
    display: flex;
    flex-direction: row;
}

div.inscripcion_datos .formasPago .title {
    font-weight: bold;
    text-align: left;
    float: left;
    width: 100%;
    padding-left: 15px;
    text-transform: uppercase;
}

div.inscripcion_datos .formasPago .title input {
    float: left;
}

div.inscripcion_datos .formasPago .fpago {
    width: 31%;
    float: left;
    margin: 1%;
    text-align: center;
    padding: 6px;
    background: #FFF;
    box-shadow: 0px 2px 2px #CCC;
    border-radius: 4px;
    border: 1px solid #EEE;
    cursor: pointer;
}

div.inscripcion_datos .formasPago .fpago:hover {
    box-shadow: none;
}

div.inscripcion_datos .formasPago .fpago.selected {
    box-shadow: none;
    background: rgba(255, 222, 180, 0.7);
}

div.inscripcion_datos .formasPago .fpago img {
    height: 67px;
    margin: 5px auto;
}

div.inscripcion_datos .formasPago .fpago p {
    width: auto;
    font-weight: bold;
    font-size: 1em;
    color: #005B88
}

div.inscripcion_datos .formasPago .fpago p span {
    font-weight: normal;
    font-size: 0.9em
}

div.inscripcion_datos .formasPago .fpago.numFpago1 {
    width: 98%;
}

div.inscripcion_datos .formasPago .fpago.numFpago2 {
    width: 48%;
}

div.inscripcion_datos .formasPago .fpago.numFpago3 {
    width: 31%;
}

@media (min-width: 992px) {
    div.inscripcion_datos .formasPago .fpago:nth-of-type(4n+1) {
        clear: left;
    }
}

@media (max-width: 768px) {
    #datos-inscripcion-form .campo input[type="text"]#club {
        padding: 1px 8px;
        width: 79%;
    }

    #datos-inscripcion-form .campo #clubSelect {
        width: 10% !important
    }

    div.inscripcion_datos .formasPago .fpago:nth-of-type(3n+1) {
        clear: left;
    }

    div.inscripcion_datos .formasPago .fpago {
        width: 48% !important;
    }

    div.inscripcion_datos .formasPago .fpago.numFpago1 {
        width: 98% !important;
    }
}

.inscribirMasTxt p.azul {
    background-color: #005B88;
    color: #FFF;
    text-align: center;
}

label.fpagoPresencial strong {
    float: left;
}

.fpagoPresencialDesc {
    margin: 5px 0px;
    float: left;
}

.fpagoPresencialDesc span {
    float: left;
    margin-left: 40px;
    line-height: 22px;
    clear: left;
}

div.inscripcion_datos div.izquierda {
    width: 100%;
}

div.inscripcion_datos div.izquierda .guardarMultiple {
    display: none;
    padding: 6px 24px;
}

div.inscripcion_datos div.guardarInscripcion {
    float: left;
    clear: left;
    width: 100%;
}

div.inscripcion_datos div.guardarInscripcion div.botones {
    text-align: center;
}

div.inscripcion_datos div.guardarInscripcion div input[type="button"],
div.inscripcion_datos div.guardarInscripcion div input[type="submit"] {
    margin: 15px;
    font-size: 1em;
}

div.inscripcion_datos div.procesandoInscripcion {
    float: left;
    width: 100%;
    display: none;
    margin: 10px auto;
    text-align: center;
    padding: 10px;
}

div.inscripcion_datos div.procesandoInscripcion img {
    margin: 0px auto;
}

/*/////////////// Content /////////////////*/

.content {
    float: right;
    width: 79%;
    padding: 1.1%;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.5);
    min-height: 400px;
}

.content .title {
    height: 42px;
    margin-bottom: 10px;
    padding: 12px 0 12px 0px;
    letter-spacing: -.5px;
    color: #000000;
}

.content .title a {
    color: #000000;
    border: none;
}

.content .meta {
    margin-bottom: 30px;
    padding: 5px 0px 15px 0px;
    text-align: left;
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
}

.content .meta .date {
    float: left;
}

.content .meta .posted {
    float: right;
}

.content .meta a {
}

.content .documentos a {
    float: left;
    text-align: center;
}

.content .entry {
    padding-bottom: 20px;
    text-align: justify;
}

.content .entry .cartel {
    max-width: 900px;
    border-radius: 4px;
    cursor: pointer;
    margin: 15px auto;
    text-align: center;
}

.content .entry .cartel img {
    width: 100%;
    border-radius: 4px;
}

.content .entry div.deporte_especialidad {
    float: left;
    padding: 15px;
}

.content .entry div.deporte_especialidad span:first-child {
    margin-left: 90px;
}

.content .entry div.deporte_especialidad span:last-child {
    margin-left: 15px;
}

.content .entry div.info {
    margin-top: 15px;
    float: left;
}

.content .entry div.info p {
    color: #333;
}

.content .entry div.mapa {
    margin-top: 15px;
    float: right;
}

.content .entry div.mapa span {
    color: #333;
}

.content .entry .ultima_noticia {
    float: left;
    width: 100%;
    margin: 10px 0px;
    padding: 1%;
    cursor: pointer;
    border-radius: 4px;
    background: rgba(255, 223, 153, 0.8);
}

.ultima_noticia div.titulo-1 {
    float: left;
    color: #333;
    font-weight: bold;
}

.ultima_noticia div.titulo-2 {
    float: left;
    margin-left: 15px;
    color: #C23F3F;
    font-weight: bold;
}

.ultima_noticia div.fecha {
    float: left;
    clear: left;
    color: #454545;
    font-size: 11px;
}

.ultima_noticia div.noticia-content {
    float: left;
    width: 100%;
    clear: left;
    color: #454545;
    font-size: 1em;
}

.ultima_noticia a.morelink {
    background-color: #007CFF;
    color: #FFF;
    padding: 4px;
    float: right;
    margin: -8px;
    border-radius: 4px;
    text-decoration: none;
}

.ultima_noticia a.morelink:hover {
    background-color: #2D93FF;
}

.content .entry .contador {
    float: left;
    width: 49%;
    margin: 10px 0px;
    cursor: pointer;
    border-radius: 4px;
    background: rgba(234, 234, 234, 0.8);
    text-align: center;
}

.content .entry .contador h2 {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.content .entry .contador:nth-child(2) {
    float: right;
}

.content .contador div {
    height: 65px;
    vertical-align: top;
    padding: 5px;
    margin: 0px auto;
    color: #FFF;
    font-weight: normal;
    width: 95%;
}

.content .contador h3 {
    border-bottom: none;
    margin: 15px auto 0px auto !important;
}

@media (max-width: 768px) {
    .content .entry .contador {
        width: 100%;
    }
}

.content .links {
    padding-top: 20px;
    font-size: 0.9em;
    font-weight: bold;
}

.content #verFormasPago {
    float: left;
    display: none;
    text-align: center;
    width: 100%;
    padding: 0px 0px 10px 0px;
    margin: 10px auto 0px auto;
}

.content #verFormasPago input {
    padding: 12px 60px;
    font-size: 16px;
}

/* ------------------------------------------------------------------------- */
/* ------------------- Listado inscripciones multiples --------------------- */
/* ------------------------------------------------------------------------- */
.listadoInscMult {
    border: 2px solid rgb(255, 212, 148);
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.listadoInscMult table tr td {
    vertical-align: middle !important;
}

.listadoInscMult table tr td.eliminar a {
    cursor: pointer;
}

.listadoInscMult .finalizarInscripcionesMult {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}

.listadoInscMult table tr td.inscrito {
    width: 40%;
    text-align: right;
}

@media screen and (max-width: 1024px) {
    .listadoInscMult table tr td.inscrito {
        width: 50%;
        font-size: 0.9em;
    }
}

/* --------------------------------------------------------- */
/* ------------------- Inscripción FIN --------------------- */
/* --------------------------------------------------------- */
div#info_google {
    margin: 15px 0px;
}

div#info_google div.number {
    margin-left: 15px;
    float: left;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: bold;
}

div#info_google img.telefono {
    width: 20px;
    float: left;
    margin-top: 4px;
    margin-left: 10px;
}

table.inscripcion_prueba {
    width: 100%;
    border: 1px solid #267205;
    border-radius: 4px;
    border-radius: 4px;
    margin: 5px 0px;
    padding: 6px;
}

table.inscripcion_prueba tr:nth-child(1) td {
    text-align: center;
    font-weight: bold;
}

table.inscripcion_prueba tr:nth-child(2) td {
    text-align: justify;
}

fieldset.atencion_multiple, fieldset.pife {
    width: 97%;
    background-color: #FFF;
    border: 1px solid red;
    border-radius: 4px;
    text-align: justify;
    padding: 15px;
}

ul.indicaciones_1 {
    margin: 10px;
    line-height: 28px;
}

ul.indicaciones_1 li {
    padding: 4px 0px;
    font-size: 18px;
    font-weight: bold;
}

ul.indicaciones_2 {
    margin: 10px;
    list-style-type: circle;
    line-height: 26px;
    color: #4D4D4D;
}

ul.indicaciones_2 li {
    padding: 7px 0px
}

#redes_sociales {
    float: left;
    width: 100%;
    border: 1px solid #CCC;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    margin: 20px auto;
}

#redes_sociales p {
    padding: 20px;
    color: black;
    font-size: 1.2em;
    text-align: center;
}

#redes_sociales div {
    width: 48%;
    float: left;
    margin: 1%;
}

#redes_sociales div:nth-of-type(1) {
    text-align: right;
}

#redes_sociales div img {
    background: none;
    border-radius: 160px;
    box-shadow: 2px 2px 8px #AAA
}

#redes_sociales div img:hover {
    box-shadow: none
}

div.inscripcion_fin {
    float: none;
    width: 100%;
    margin-bottom: 15px;
}

div.inscripcion_fin table.datos_inscripcion {
    width: 100%;
    margin: 15px auto;
}

div.inscripcion_fin table.datos_inscripcion tr td:first-child {
    width: 45%;
    text-align: right;
    vertical-align: top;
    padding: 5px;
}

div.inscripcion_fin table.datos_inscripcion tr td:nth-child(2) {
    width: 55%;
    text-align: left;
}

#dorsal-personalizado-link {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px auto;
    padding-bottom: 20px;
}

#dorsal-personalizado-link p {
    margin: 15px auto;
}

#dorsal-personalizado-link a {
    text-align: center;
    background: #0095D4;
    color: #FFFFFF;
    padding: 10px 50px;
    text-decoration: none;
    font-size: 1.8em;
    box-shadow: 0px 2px 1px #DFDFDF;
}

#dorsal-personalizado-link a:hover {
    background: #548BE0;
    box-shadow: none;
}

#dorsal-personalizado-link a span {
    font-family: 'Lobster', cursive;
    line-height: 2.5em;
}

#fin-inscripcion-inc {
    width: 90%;
    margin: 30px auto;
    text-align: center;
}

#buttons_back_print .btn {
    margin: 7px;
}

@media (max-width: 768px) {
    #redes_sociales div img {
        width: 70px;
        margin: 0px 10px;
    }

    #buttons_back_print .btn {
        margin: 7px auto;
    }
}

/* --------------------------------------------------------- */
/* ------------------- Sidebar ----------------------------- */
/* --------------------------------------------------------- */

div#sidebar-wrap {
    float: left;
    width: 22%;
}

ul#sidebar {
    float: left;
    list-style: none;
    width: 100%;
    padding: 0px;
    color: #787878;
    background: #FFF;
    border: 1px solid #CCC;
    opacity: 0.92;
    border-radius: 4px;
    box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.5);
    z-index: 2;
}

#sidebar li {
    margin: 10px auto;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

#sidebar li a {
    margin: 0px auto;
    width: 98%;
    text-align: center;
    box-shadow: inset 0px -1px 0px 0px #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #666666;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 0px;
    text-decoration: none;
    opacity: 0.92;
    transition: all 0 ease;
}

#sidebar li a:hover {
    box-shadow: inset 0px 1px 0px 0px #FFF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    opacity: 1;
    color: #111;
    border-radius: 0px;
}

#sidebar li a:active {
    position: relative;
    top: 2px;
    box-shadow: 1px 1px 1px #EEE;
}

#sidebar li.current_page_item a {
    margin: 0px 0px;
    border-radius: 0px;
    width: 99.5%;
    text-align: center;
    box-shadow: inset 0px 1px 0px 0px #FFF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    border: 1px solid #dcdcdc;
    border-right: 1px solid #BBB;
    display: inline-block;
    color: #111;
    font-family: inherit;
    font-size: 17px;
    font-weight: bold;
    padding: 6px 0px;
    text-decoration: none;
}

.sidebar-fixed {
    position: fixed;
    top: 0;
    margin: 0;
    width: 250px;
}

.ie ul#sidebar {
    position: relative;
    margin-bottom: 25px;
}

.ie .ui-dialog {
    z-index: 99999999;
}

.ie7 ul#sidebar {
    left: -40px;
}

/* --------------------------------------------------------- */
/* -------------------- Calendar ----------------------------*/
/* --------------------------------------------------------- */
#calendar {
}

#calendar_wrap {
    padding: 20px;
}

#calendar table {
    width: 100%;
}

#calendar tbody td {
    text-align: center;
}

#calendar #next {
    text-align: right;
}

/* Footer */

#footer {
    width: 100%;
    min-height: 50px;
    margin: 0 auto;
    padding: 5px 0 10px 0;
    background: #ECECEC;
    font-family: inherit;
}

#footer p:first-child {
    margin-top: 5px;
}

#footer p {
    margin: 0;
    line-height: 22px;
    font-size: 0.9em;
    text-transform: uppercase;
    text-align: center;
    color: #333;
}

#footer p img {
    margin: 10px 5px;
}

#footer a {
    color: #8A8A8A;
}

#footer a:hover {
    color: #333;
}

.buttonInscripcion {
    background: #e89b43;
    background: -webkit-gradient(linear, left top, left bottom, from(#e87721), to(#e89b43));
    background: -moz-linear-gradient(top, #e87721, #e89b43);
    padding: 9.5px 19px;
    border-radius: 10px;
    color: white;
    font-size: 22px;
    font-family: inherit;
    text-decoration: none;
}

.buttonInscripcion:hover {
    background: #558af2;
    color: #ffffff;
    text-decoration: none;
}

.buttonInscripcion:active {
    background: #244378;
    color: #ffffff;
    text-decoration: none;
}

.inscripcion_cerrada {
    float: right;
    width: 250px;
    height: 40px;
    padding: 12px 0px 0px 0px;
    border-bottom: 4px solid #FFFFFF;
    text-align: center;
}

#search a:hover {
    border-top-color: #FFFFFF;
    background: #558af2;
    color: #ffffff;
    text-decoration: none;
}

#search a:active {
    border-top-color: #244378;
    background: #244378;
    color: #ffffff;
    text-decoration: none;
}

.patrocinador_bg {
    border-radius: 3px;
    border: 2px solid #666;
    background-color: #CCC;
    width: 55px;
    height: 55px;
    margin-left: 12px;
    position: relative;
    bottom: 10px;
    left: 10px;
    text-align: center;
}

.patrocinador_bg2 {
    height: 55px;
    margin-left: 12px;
    position: relative;
    bottom: 10px;
    left: 10px;
    text-align: center;
}

.img_patrocinador {
    padding-top: 5px;
    position: relative;
    top: -2px;
    border: none;
}

/*------------------------------------------------------------*/
/*------------------ DIV NOTICIAS	----------------------*/
/*------------------------------------------------------------*/


div#noticias {
    float: left;
    width: 98%;
    margin-top: 25px;
    background-color: rgba(255, 228, 160, 0.63);
    border-radius: 4px;
    padding: 1%;
}

div#noticias .titulo {
    font-family: inherit;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #C23F3F;
}

div#noticias .comentario {
    font-family: inherit;
    width: 100%;
    font-size: 15px;
    color: #333;
}

div#noticias .f_ins {
    font-family: inherit;
    font-size: 0.9em;
    color: #787878;
}

/*------------------------------------------------------------*/
/*------------------ Verificación INSCRITOS AJAX -------------*/
/*------------------------------------------------------------*/

.verVerificacion {
    width: 100%;
    text-align: center;
}

#btn_ver_verificacion {
    margin: 10px;
}

.content .verificar_inscripcion_index {
    float: left;
    width: 100%;
    margin: 10px 0px;
    cursor: pointer;
    border-radius: 4px;
    background: rgba(234, 234, 234, 0.8);
    padding: 9px 0px;
}

.content .verificar_inscripcion_index div.campo {
    float: left;
    margin: 0px 10px;
}

.content .verificar_inscripcion_index div.campo select {
    width: 200px;
}

.content .verificar_inscripcion_index div.campo #input_val_verificacion {
    width: 265px;
}

.content .verificar_inscripcion_index div.campo:first-child {
    margin: 0px;
    margin-top: -5px;
}

.content .verificar_inscripcion_index div.campo input[type="button"] {
    margin: -1px 0px;
}

.content .verificar_inscripcion_index label {
    float: left;
    margin: 6px 0px 0px 10px;
}

.content .verificar_inscripcion {
    float: left;
    width: 100%;
    margin: 10px 0px;
}

.content .verificar_inscripcion div.campo {
    float: left;
    margin: 0px 10px;
}

.content .verificar_inscripcion div.campo select {
    width: 170px;
}

.content .verificar_inscripcion div.campo:first-child {
    margin: 0px;
}

.content .verificar_inscripcion div.campo input[type="button"] {
    margin: -1px 0px;
}

.content .verificar_inscripcion label {
    float: left;
    margin: 6px 0px 0px 0px;
}


/******* Listado de Inscritos *******/

div#datos_inscripcion {
    float: left;
    width: 100%;
    position: relative;
}

div#datos_inscripcion div span.estado_ok {
    color: #090;
    font-weight: bold;
}

div#datos_inscripcion div span.estado_pte {
    color: #F30;
    font-weight: bold;
}


div#datos_inscripcion div.header_listado {
    float: left;
    font-family: inherit;
    font-size: 0.9em;
    font-weight: bold;
    background-color: #F9CC8E;
    border: 1px solid #000;
    color: #000;
    padding: 3px 5px;
    text-transform: none;
    width: 100%;
    border-radius: 4px;
}

div#datos_inscripcion div.header_listado div {
    float: left;
}

div#datos_inscripcion div.header_listado div:nth-child(1) {
    width: 35%;
}

div#datos_inscripcion div.header_listado div:nth-child(2) {
    width: 30%;
}

div#datos_inscripcion div.header_listado div:nth-child(3) {
    width: 35%;
}

div#datos_inscripcion div.content_listado {
    clear: left;
    float: left;
    border-radius: 4px;
    width: 100%;
    padding: 9px 5px;
    margin: 3px auto;
}

div#datos_inscripcion div.content_listado:nth-child(even) {
    background: #FFF;
}

div#datos_inscripcion div.content_listado:nth-child(odd) {
    background: #FAEBD8;
}

div#datos_inscripcion div.content_listado div {
    float: left;
    font-size: 1em;
    margin: 1%;
    width: 40%;
}

div#datos_inscripcion div.content_listado div:last-child {
    float: left;
    width: 100%;
    text-align: right;
    padding-right: 30px;
}

div#datos_inscripcion div.content_listado div b {
    text-transform: uppercase;
    margin: 0px 3px
}

div#datos_inscripcion div.content_listado div .btn {
    margin: 3px;
    padding: 3px 5px;
}

div#datos_inscripcion div.buttons {
    width: 100%;
    text-align: center;
    margin: 10px auto;
}


/*------------------------------------------------------------*/
/*------------------ TABLA DE PARTICIPANTES ------------------*/
/*------------------------------------------------------------*/
#table_participantes {
    width: 100%;
    border: none;
}

#table_participantes tr td {
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
    text-align: left;
}

/*Tabla listado*/
table.listado tr:nth-child(1) td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #FFEEC2;
    border-left: none;
    border-right: none;
    border-top: solid;
    border-bottom: solid;
    border-width: thin;
    color: #333;
    padding: 5px;
    border-color: #FFA500;
}

table.listado tr:nth-child(1) td:nth-child(1) {
    border-left: solid;
    border-top: solid;
    border-bottom: solid;
    border-right: none;
    border-width: thin;
    border-color: #FFA500;
}

table.listado tr:nth-child(1) td:last-child {
    border-right: solid;
    border-top: solid;
    border-bottom: solid;
    border-left: none;
    border-width: thin;
    border-color: #FFA500;
}

table.listado tr td {
    padding: 4px 10px;
    line-height: 16px;
}

.contenido1 {
}

.contenido2 {
    background-color: rgba(255, 226, 193, 0.56);
}

/*------------------------------------------------------------*/
/*------------------ COLORES Y ESTILOS GENERAL ---------------*/
/*------------------------------------------------------------*/

.verde {
    color: #267205
}

.gris {
    color: #666
}

.grisclaro {
    color: #999
}

.naranja {
    color: #FF5F11
}

.azul {
    color: #005B88
}

.blanco {
    color: #CECECE
}

.negro {
    color: #000
}

.rojo {
    color: #F00
}

.bgverde {
    background-color: #267205;
    border-radius: 4px;
}

.bgverdeclaro {
    background-color: #E6F8E0;
    border-radius: 4px;
}

.bgazulclaro {
    background-color: #D2EAFB !important;
}

.bgrosaclaro {
    background-color: #F9E1FE !important;
}

.bgamarilloclaro {
    background-color: #FFFEDA;
    border-radius: 4px;
}

.bggris {
    background-color: #666;
    border-radius: 4px;
}

.bggrisclaro {
    background-color: #AAA;
    border-radius: 4px;
}

.bggrismedio {
    background-color: #DDD;
    border-radius: 4px;
}

.bggrismuyclaro {
    background-color: #F2F2F2;
    border-radius: 4px;
}

.bgnaranja {
    background-color: #F60;
    border-radius: 4px;
}

.bgnaranjaclaro {
    background-color: #ff9b58e0;
    border-radius: 4px;
}

.bgrojo {
    background-color: #F00;
    border-radius: 4px;
}

.bgrojoclaro {
    background-color: #ea3333;
}

.grande {
    font-size: 1.2em
}

.muygrande {
    font-weight: bold;
    font-size: 1.5em;
}

.normal {
    font-size: inherit;
    font-weight: normal !important;
}

.pequenyo {
    font-size: 0.75em;
}

.textoclaro {
    line-height: 20px
}

input[type="text"],
input[type="date"] {
    border-radius: 4px;
    padding: 6px;
    cursor: pointer;
    float: left;
    border: 1px solid #CCC;
}

input[type="button"] {
    cursor: pointer;
    border-radius: 4px;
}

input[type="reset"] {
    cursor: pointer;
    border-radius: 4px;
}

input[type="radio"] {
    cursor: pointer;
}

input[type="checkbox"] {
    cursor: pointer;
    border-radius: 4px;
}

label {
    cursor: pointer;
}

select {
    border-radius: 4px;
    padding: 4px;
    min-width: 42px;
    max-width: 320px;
    border: 1px solid #CCC;
    cursor: pointer;
    float: left;
}

textarea {
    border-radius: 4px;
    border: 1px solid #CCC;
}

div.content table.notificacion {
    margin: 10px 0px;
    width: 100%;
}

div.content table.notificacion td {
    padding: 10px;
    text-align: center;
    line-height: 22px;
}

div.content table.notificacion tr:first-child td:first-child {
    font-size: 1.25em
}

/*------------------------------------------------------------*/
/*------------------ MAPA GEOLOCALIZACIÓN --------------------*/
/*------------------------------------------------------------*/

#map_canvas {
    width: 200px;
    height: 150px;
    margin-left: 20px;
    margin-top: -15px;
    border: 1px solid #CCC;
}

#map_canvas2 {
    width: auto;
    height: 450px;
    border: 1px solid #CCC;
}

#opener2, #opener3 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    cursor: pointer;
    float: left;
    border-radius: 4px;
    padding: 6px;
    margin-left: 15px;
}

#opener2 {
    min-width: 220px;
    border: 1px solid #CC3300;
    background: #FFE6E7;
}

#opener3 {
    min-width: 180px;
    border: 1px solid #357C16;
    background: #E8FFD2;
    color: #357C16;
}

#idioma, .idioma {
    float: right;
    border-radius: 4px;
    width: 80px;
    margin-top: -3px;
}

#idioma-reglamento.dd-container {
    float: right;
    border-radius: 4px;
    width: auto;
    margin-top: -3px;
}

@media (max-width: 1214px) {
    #idioma-reglamento.dd-container {
        margin-top: 5px;
    }
}

.dd-select {
    font-size: 21px;
}

.dd-selected {
    padding: 0px 5px !important;
}

.dd-options {
    line-height: 40px;
}

.dd-option {
    padding: 0px 10px !important;
}

.dd-option:hover {
    text-decoration: none;
}

.dd-selected-text {
    line-height: 22px !Important;
    font-size: 0.8em
}

.dd-options.dd-click-off-close label {
    font-size: 0.6em;
    line-height: 22px !important;
    margin: 0px;
}

.dd-option-image, .dd-selected-image {
    text-decoration: none;
}


#send_email2 {
    display: none;
}

#send_email2 h3 {
    margin-left: 25px;
    margin-right: 25px;
}

#open_send_email2 {
    cursor: pointer;
}

#send_email2 table {
    position: relative;
    left: 55px;
    margin-bottom: 25px;
    color: #000;
}

/*------------------------------------------------------------*/
/*----------- ARCHIVOS CLASIFICACIONES PDF -------------------*/
/*------------------------------------------------------------*/

#clasificaciones-pdf div {
    float: left;
    background: #F7F7F7;
    margin: 1%;
    border-radius: 4px;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    padding: 7px;
    width: 20%;
    min-height: 74px;
}

#clasificaciones-pdf div:nth-of-type(4n+1) {
    clear: left;
}

/*------------------------------------------------------------*/
/*------------------ CAMPOS FILTRO ---------------------------*/
/*------------------------------------------------------------*/

.filtro {
    width: 100%;
    float: left;
}

.filtroCampo {
    float: left;
    width: 21%;
    margin: 1% 2%;
}

.filtroCampo:nth-child(4n+1) {
    clear: left;
}

.filtroCampo label {
    float: left;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
}

.filtroCampo input, .filtroCampo select {
    float: left;
    clear: left;
    width: 100%;
}

.botonesFiltro {
    float: left;
    clear: left;
    margin: 7px auto;
    width: 100%;
    text-align: center;
}

.botonesFiltro input {
    float: none !important;
    width: 150px !important;
    margin: 0px 5px;
}

@media (max-width: 768px) {
    .filtro {
        width: 60%;
        float: none;
        margin: 0px auto;
    }

    .filtroCampo {
        width: 100%;
    }
}


/*------------------------------------------------------------------------*/
/*------------------ BOTONES GENERALES  ----------------------------------*/
/*------------------------------------------------------------------------*/

.btn_azul {
    box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
    background: -moz-linear-gradient(center top, #79bbff 5%, #378de5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color: #79bbff;
    border-radius: 4px;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: inherit;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none !important;
    text-shadow: 1px 1px 0px #528ecc;
}

.btn_azul:hover {
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
    background: -moz-linear-gradient(center top, #378de5 5%, #79bbff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
    background-color: #378de5;
    text-decoration: none !important;
}

.btn_azul:active {
    position: relative;
    top: 1px;
}

.btn_verde {
    box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background: -moz-linear-gradient(center top, #89c403 5%, #77a809 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color: #89c403;
    border-radius: 4px;
    border: 1px solid #74b807;
    display: inline-block;
    color: #ffffff;
    font-family: inherit;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none !important;
    text-shadow: 1px 1px 0px #528009;
    cursor: pointer;
}

.btn_verde:hover {
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
    background: -moz-linear-gradient(center top, #a5cc52 5%, #b8e356 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
    background-color: #a5cc52;
    text-decoration: none !important;
}

.btn_verde:active {
    position: relative;
    top: 1px;
}

.btn_aqua {
    -moz-box-shadow: inset 0px 1px 0px 0px #4cffe7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #4cffe7;
    box-shadow: inset 0px 1px 0px 0px #4cffe7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2ac7ad), color-stop(1, #29948f));
    background: -moz-linear-gradient(center top, #2ac7ad 5%, #29948f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ac7ad', endColorstr='#29948f');
    background-color: #2ac7ad;
    border-radius: 4px;
    border: 1px solid #11bfa8;
    display: inline-block;
    color: #ffffff;
    font-family: inherit;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none !important;
    text-align: center;
    text-shadow: 1px 1px 0px #16a9b3;
    cursor: pointer;
}

.btn_aqua:hover {
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #29948f), color-stop(1, #2ac7ad));
    background: -moz-linear-gradient(center top, #29948f 5%, #2ac7ad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29948f', endColorstr='#2ac7ad');
    background-color: #29948f;
    text-decoration: none !important;
}

.btn_aqua:active {
    position: relative;
    top: 1px;
}

.btn_rojo {
    box-shadow: inset 0px 1px 0px 0px #f29c93;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
    background: -moz-linear-gradient(center top, #fe1a00 5%, #ce0100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
    background-color: #fe1a00;
    border-radius: 4px;
    border: 1px solid #d83526;
    display: inline-block;
    color: #ffffff;
    font-family: inherit;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none !important;
    text-shadow: 1px 1px 0px #b23e35;
}

.btn_rojo:hover {
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
    background: -moz-linear-gradient(center top, #ce0100 5%, #fe1a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
    background-color: #ce0100;
    text-decoration: none !important;
}

.btn_rojo:active {
    position: relative;
    top: 1px;
}

/*------------------------------------------------------------------------*/
/*------------------ JQUERY Dialog inscripcion multiple ------------------*/
/*------------------------------------------------------------------------*/

div#dialogInscripcionMultiple table {
    margin: 10px 0px;
}

/*------------------------------------------------------------*/
/*------------------ AYUDAS ----------------------------------*/
/*------------------------------------------------------------*/

div.help {
    background-image: url(../../images/iconos/ayuda20.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    padding: 6px;
    float: left;
    margin: 5px 0px 0px 15px;
    cursor: pointer;
}

.help_content .qtip-bootstrap {
    font-weight: bold;
}


ul.info_fechas {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
}

fieldset.campo {
    padding: 1%;
    margin: 10px auto;
    border: 1px solid #267205;
}

fieldset.campo legend {
    padding: 2px 10px;
}

.campo input::placeholder,
.campo input::-webkit-input-placeholder {
    color: #adadad !important;
}

.campo input:-ms-input-placeholder,
.campo input::-ms-input-placeholder {
    color: #adadad !important;
}

div#dynamic_background {
    padding-bottom: 50px;
    /*border-bottom: 1px solid #CCCCCC;
	box-shadow:1px 1px 1px #CCC;*/
}

/* Alertas */
.alertContent {
    width: auto;
    font-size: 0.9em;
    line-height: 22px
}

/* INTERNET VIEJUNO DIALOG */
div#browsers h3 {
    margin-bottom: 15px;
}

div#browsers div.browser {
    float: left;
    text-align: center;
    width: 24%;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

div#browsers div.browser img {
    width: 60px;
    border: none;
}

div#browsers div.browser a {
    color: #06C;
}

div#browsers div.browser a:hover {
    color: #F60;
}

/*Facebook Login*/
#fbProfile {
    margin: 20px auto;
    height: 150px
}

#fbProfile div {
    float: left;
    width: 100%;
    text-align: center;
}

#fbProfile div img.fbImg {
    width: 115px;
    border-radius: 4px;
    padding: 3px;
    border: 2px solid #EFEFEF;
    box-shadow: 0px 1px 1px #333;
}


/* FORMULARIO CONTACTO */

#containerContacto {
    width: 80%;
    margin: 0px auto;
}

#enviarMail {
    width: 45%;
}

.campoContacto {
    margin: 30px auto;
}

.campoContacto label {
    float: none;
    width: 80%;
    text-align: left;
    font-weight: bold;
}

.campoContacto input {
    float: none;
    width: 80%
}

#recaptcha_area, #recaptcha_table {
    margin: 5px auto;
}

.campoContacto textarea {
    width: 80%
}

@media (max-width: 768px) {

    body {
        font-size: 2.5vw !important;
    }

    h1 {
        font-size: 3.5vw !important;
    }

    h2 {
        font-size: 3.2vw !important;
    }

    h3 {
        font-size: 3vw !important;
    }

    #header #title-text {
        top: 30px;
    }

    #header #title-text div {
        font-size: 4vw !important;
    }

    #header #title-text p {
        font-size: 3vw !important;
    }

    /*Formulario de inscripcion*/
    input, button, select, textarea {
        font-size: 2.5vw !important;
    }

    select {
        line-height: 1.5 !important;
    }

    #datos-inscripcion-form .campo {
        margin: 15px 2% !important;
        width: 95%;
    }

    #datos-inscripcion-form .campo label {
        font-size: 2.5vw !important;
        text-transform: uppercase;
    }

    #datos-inscripcion-form .campo#telefonos div.campo {
        width: 100% !important;
        clear: left;
        margin: 0px auto !important;
    }

    #datos-inscripcion-form .campo div#f_nacimiento_sel,
    #datos-inscripcion-form .campo div#fecha_certificado_medico_sel,
    #datos-inscripcion-form .campo .iti {
        width: 100%;
    }

    div.inscripcion_datos .cuota_inscripcion div.info_cuota label {
        float: left;
        font-weight: bold;
        margin: 2%;
    }

    div.inscripcion_datos .cuota_inscripcion div.info_cuota span.numInsc {
        float: left;
        clear: left;
        margin: 2%;
        width: 40%;
    }

    div.inscripcion_datos .cuota_inscripcion div.info_cuota span.numInsc.verde {
        margin: 2% 0 0 0;
    }

    div.inscripcion_datos .cuota_inscripcion div.info_cuota input {
        display: none;
    }

    div#calculoPago {
        padding: 2% 0px;
        font-size: 3vw !important;
    }

    .entry {
        padding: 0px 5px;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .grande
    .entry p,
    .entry p span {
        font-size: 2.7vw !important
    }

    .titulo,
    .muygrande,
    .nav > li > a {
        font-size: 3.7vw !important;
    }

    /* SIDEBAR */
    .sidebar-nav {
        width: 100% !important;
    }

    /* Verificar inscripcion */
    .content .verificar_inscripcion_index {
        width: 100%;
    }

    .content .verificar_inscripcion_index div.campo {
        width: 100%;
        margin: 10px;
    }

    .content .verificar_inscripcion_index div.campo:nth-child(1) span {
        margin-top: 7px;
        clear: none !important;
    }

    .content .verificar_inscripcion_index div.campo select {
        width: 100%;
        line-height: 2em !important;
    }

    .content .verificar_inscripcion_index div.campo input {
        width: 95%;
        line-height: 2em !important;
    }

    .content .verificar_inscripcion_index div.campo input[type="button"] {
        margin-top: 25px !important;
    }

    .content .verificar_inscripcion div.campo {
        width: 100%;
        margin: 10px;
    }

    .content .verificar_inscripcion div.campo select {
        width: 100%;
        line-height: 2em !important;
    }

    .content .verificar_inscripcion div.campo input {
        width: 90%;
        line-height: 2em !important;
    }

    .content .verificar_inscripcion div.campo input[type="button"] {
        margin-top: 25px !important;
    }

    div.inscripcion_datos .formasPago .fpago {
    }

    div.inscripcion_datos .formasPago .fpago img {
    }

    div#datos_inscripcion div.content_listado div .label {
        float: left;
    }

    div#datos_inscripcion div.content_listado div .btn {
        float: left;
        clear: left;
    }

    #datos-inscripcion-form-read .campo:nth-child(3n+1),
    #datos-inscripcion .campo:nth-child(3n+1) {
        clear: none !important;
    }

    #datos-inscripcion .campo,
    #datos-inscripcion-form-read .campo {
        width: 98%;
        font-size: .85em;
    }


    #dorsal-personalizado-link a {
        font-size: 1.5em;
        padding: 10px;
    }

    .campoContacto {
        width: 100% !important;
        clear: left;
    }

    #opener2, #opener3 {
        min-width: 100%;
        margin: 5px auto;
        font-size: 14px;
    }

    .content .contador h3 {
        float: left;
        width: 100%;
        text-align: center;
        margin: 10px auto;
    }
}

@media only screen and (max-device-width: 799px) {
    #header #title-text {
        top: 20px;
    }

    #header #title-text div {
        font-size: 6vw !important;
    }

    #header #title-text p {
        font-size: 4vw !important;
        margin-top: 10px;
    }

    #datos-inscripcion-form .campo input[type="text"]#dni_pasaporte {
        width: 75%;
    }

    .validaInputOk, .validaInputKo {
        background-size: 16px 16px;
    }
}

@media (max-width: 650px) {

    body {
        font-size: 3vw !important;
    }

    h1 {
        font-size: 4vw !important;
    }

    h2 {
        font-size: 3.7vw !important;
    }

    h3 {
        font-size: 3.5vw !important;
    }

    input, button, select, textarea {
        font-size: 3vw !important;
    }

    select {
        line-height: 1.5 !important;
    }

    #datos-inscripcion-form .campo label {
        font-size: 2.8vw !important;
    }

    /*div#calculoPago div.linea div:nth-of-type(2n+1){text-align:right;width:50%;text-transform:uppercase;margin:5px auto;font-weight:bold;}
	div#calculoPago div.linea div:nth-of-type(2n){margin-left:2%;margin-top:5px;margin-bottom:5px;width:47%;color:#267205;font-weight:normal;}*/
    div.inscripcion_datos .formasPago .title {
        text-align: center;
    }

    .verVerificacion input {
        font-size: 1em !important;
    }

    .grande
    .entry p,
    .entry p span {
        font-size: 3vw !important
    }

    .titulo,
    .muygrande,
    .nav > li > a {
        font-size: 4vw !important;
    }

    .content .verificar_inscripcion div.campo:nth-of-type(1) {
        width: 100%;
    }

    .content .verificar_inscripcion div.campo label {
        font-size: 1em !important;
    }

    .campoContacto label, .campoContacto input, .campoContacto textarea {
        width: 100%;
        clear: left;
    }

    .campoContacto b {
        float: left;
    }

    .campoContacto input, .campoContacto textarea {
        margin-bottom: 5px;
    }

    .navbar-brand {
        font-size: 4vw !important;
    }

    .btn-sm, .btn-group-sm > .btn {
        font-size: 2.7vw !important;
    }

    .btn-xs, .btn-group-xs > .btn {
        font-size: 2.5vw !important;
    }

    #modal-window .modal-box .modal-text {
        font-size: 1em !important;
    }

    #clasificaciones-pdf div {
        width: 47%;
    }

    #map_canvas2 {
        width: 80%;
        margin: 0px auto;
    }

    #email_contacto {
        width: 100% !important;
    }
}

@media (max-width: 450px) {


    h1 {
        font-size: 5vw !important;
    }

    h2 {
        font-size: 4.5vw !important;
    }

    h3 {
        font-size: 4vw !important;
    }

    input, button, select, textarea {
        font-size: 3.5vw !important;
    }

    select {
        line-height: 1.5 !important;
    }

    #datos-inscripcion-form .campo label {
        font-size: 3.5vw !important;
    }

    .grande
    .entry p,
    .entry p span {
        font-size: 3.5vw !important
    }

    .titulo,
    .muygrande,
    .nav > li > a {
        font-size: 4.5vw !important;
    }

    .campoContacto label, .campoContacto input, .campoContacto textarea {
        width: 100%;
        clear: left;
    }

    .campoContacto b {
        float: left;
    }

    .campoContacto input, .campoContacto textarea {
        margin-bottom: 5px;
    }

    #opener2, #opener3 {
        min-width: 100%;
        margin: 5px auto;
    }

    .navbar-brand {
        font-size: 4vw !important;
    }

    .btn-sm, .btn-group-sm > .btn {
        font-size: 2.7vw !important;
    }

    .btn-xs, .btn-group-xs > .btn {
        font-size: 2.5vw !important;
    }

    #modal-window .modal-box .modal-text {
        font-size: 1em !important;
    }
}

.patrocinadores {
    width: 25%;
    display: inline-block;
    margin: 15px auto;
}

#datos-inscripcion .btn-enviar-justificante {
    margin: 0 10px;
    padding: 6px 16px;
    font-size: 1em;
}

@media (max-width: 750px) {
    .patrocinadores {
        width: 50%;
    }
}


/** NEW STYLES **/

.navbar {
    background-color: white !important;
    margin: 0;
    border: 0 !important;
}

.navbar .container-fluid .navbar-collapse .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 15px;
}

.navbar .navbar-collapse .navbar-nav li a {
    padding: 10px 5px 7px;
    font-weight: normal;
    text-decoration: none;
}

.navbar .navbar-collapse .navbar-nav li a:hover {
    background-color: white !important;
}

.navbar .navbar-collapse .navbar-nav .active a {
    font-weight: bolder;
    background-color: white !important;
    border-bottom: 4px orange solid;
}

.sidebar-nav .navbar {
    height: 100%;
}

.sidebar-nav .navbar {
    height: 100%;
}

.sidebar-nav .navbar .navbar-collapse ul {
    margin: 0 15px;
}

.sidebar-nav.direction-right {
    order: 1;
}

.sidebar-nav.direction-right .navbar {
    padding: 15px 15px 0 0;
}

.sidebar-nav.direction-right .navbar {
    padding: 0 15px 15px 0;
}

.navbar .container-fluid .row .collapse-menu-items {
    width: 100%;
}

.navbar .container-fluid .row .collapse-menu-items .idioma {
    display: block;
    margin: 0 15px 0 0;
    height: 100%;
    padding-top: 15px;
    width: fit-content;
}

.sidebar-nav .navbar .navbar-header #idioma {
    display: block;
    margin: 0;
    height: 100%;
    padding: 15px 15px 0;
    width: fit-content;
    margin-right: 25px;
}

.navbar .container-fluid .row .collapse-menu-items .navbar-header .idioma-sm {
    display: none;
}

.navbar.navbar-default #avai-navbar > ul,
#avai-navbar > .language-selector {
    margin-top: 9px;
    margin-right: 15px;
}
#avai-navbar-mobile > .language-selector {
    margin: 13px;
}
#avai-navbar-sidebar > .language-selector {
    margin: 15px;
}

/* --- MOVER --- */
.language-selector {
    position: relative;
    display: inline-block;
    float: right;
}
.language-selector button.btn {
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid #cccccc;
    background-color: rgba(255, 255, 255, 0.8) !important;
}
.language-selector button .current-language,
.language-selector button .caret {
    margin-left: 5px;
}
.language-selector button * {
    vertical-align: middle;
}
.language-selector ul {
    margin: 2px 0 0;
    border-radius: 6px;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.language-selector ul li {
    font-size: 14px;
}
.language-selector ul li a {
    text-decoration: none;
}
#avai-navbar-sidebar > .language-selector li a {
    padding: 3px 20px;
}
#avai-navbar-mobile > .language-selector {
    display: none;
}
@media (max-width: 991px) {
    #avai-navbar > .language-selector {
        display: none;
    }
    #avai-navbar-mobile > .language-selector {
        display: inline-block;
    }
    #avai-navbar-sidebar > .language-selector {
        margin: 12px;
    }
}
/* --- MOVER --- */

#page {
    margin-top: 0;
}

#page .content {
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.button:hover {
    filter: none !important;
}

#idioma .dd-select {
    background-color: transparent;
}

#idioma .dd-select .dd-selected {
    background-color: white;
}

.img-default {
    background-size: cover;
    position: relative;
}

.img-default .gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(255, 179, 0);
}

.img-default .gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(255, 179, 0);
    background: linear-gradient(157deg, rgba(255, 179, 0, 1) 0%, rgba(255, 196, 0, 0) 100%);
}

#page .direction-left .navbar.navbar-default .navbar-header {
    display: flex;
}

#page-bgbtm-patrocinios {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.italian_codice_fiscale_warning {
    float: left;
    width: 100%;
    color: red;
    margin-bottom: 10px;
}

@media (max-width: 992px) {
    .navbar .container-fluid {
        padding: 0;
    }

    .navbar .container-fluid .navbar-collapse .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        max-width: 100%;
        margin: 0 15px;
    }

    .navbar .container-fluid .row .collapse-menu-items {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .navbar .container-fluid .navbar-collapse .navbar-nav li a {
        padding: 10px 0 7px;
    }

    #page {
        flex-direction: column;
    }

    #page .direction-left .navbar.navbar-default .navbar-header {
        display: block;
    }

    .sidebar-nav .navbar {
        display: flex;
        flex-direction: column;
    }

    .sidebar-nav .navbar .navbar-collapse .navbar-nav {
        margin: 0 15px;
    }

    .sidebar-nav.direction-right {
        order: 0;
    }

    .sidebar-nav.direction-left {
        order: 0;
    }

    .navbar .container-fluid .row .collapse-menu-items .navbar-header .idioma-sm {
        display: block;
    }

    .navbar .container-fluid .row .collapse-menu-items .idioma-md {
        display: none;
    }
}