@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600);
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");

:root {
    --innovant: #008cba;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

html {
    height: 100%;
}

/*Reset*/
*, html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border-collapse: collapse;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote {
    quotes: none;
}

abbr {
    cursor: help;
    text-decoration: none;
}

dfn[title], abbr[title]:hover, abbr[title]:focus {
    border-bottom: 1px dotted;
}

cite {
    font-weight: normal;
    font-style: normal;
}

address {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input[type="button"], input[type="submit"], input[type="iminnovante"], button {
    cursor: pointer;
}

textarea {
    resize: none;
}

body, select, input, textarea, td, th {
    font-family: 'Source Sans Pro', sans-serif, arial;
    font-weight: 400;
    font-size: 12px;
}

ol, ul {
    list-style: none outside none;
}

ul.square, ol.square {
    list-style: square;
    margin-left: 14px;
}

.clear {
    clear: both;
}

.upper {
    text-transform: uppercase;
}

.lower {
    text-transform: lowercase;
}

.strong {
    font-weight: 400;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.mini {
    font-weight: 300;
    font-size: 90%;
}

.maxi {
    font-weight: 400;
    font-style: normal;
}

.cursiva {
    font-style: italic;
}

.light, .light a {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #666;
    font-weight: 300;
}

a, .enlace {
    text-decoration: none;
    border: 0;
    outline: 0 none;
    cursor: pointer;
}

.list_unstyled {
    width: auto;
    list-style: none;
}

hr {
    width: 100%;
    height: 0;
    *height: 2px;
    border: none;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #ccc;
}


.transicio {
    transition: all 400ms linear 0s;
    -moz-transition: all 400ms linear 0s;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
    -ms-filter: "progid:DXIminnovanteTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";
    filter: progid:DXIminnovanteTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');
}

.helios {
    color: #39414b;
}

.green {
    color: #3c948b;
}

.red {
    float: right;
    font-weight: 300;
    text-transform: none;
    color: #971f27;
}

/*Plantilla flexible*/
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

header, section, nav, footer {
    display: block;
    width: 100%;
}


.col5, .col10, .col12, .col15, .col16, .col20, .col25, .col30, .col32, .col33, .col40, .col45, .col50, .col55, .col60, .col66, .col70, .col75, .col80, .col100 {
    float: left;
}

.col5 {
    width: 5%;
}

.col10 {
    width: 10%;
}

.col12 {
    width: 12%;
}

.col15 {
    width: 15%;
}

.col16 {
    width: 16.6666%;
}

.col20 {
    width: 20%;
}

.col25 {
    width: 25%;
}

.col30 {
    width: 30%;
}

.col32 {
    width: 32%;
}

.col33 {
    width: 33.3333%;
}

.col40 {
    width: 40%;
}

.col45 {
    width: 45%;
}

.col50 {
    width: 50%;
}

.col55 {
    width: 55%;
}

.col60 {
    width: 60%;
}

.col66 {
    width: 66.6666%;
}

.col70 {
    width: 70%;
}

.col75 {
    width: 75%;
}

.col80 {
    width: 80%;
}

.col90 {
    width: 90%;
}

.col100 {
    width: 100%;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.empty:after {
    content: ".";
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

img {
    width: 100%;
    height: auto;
}

.titular {
    text-transform: uppercase;
}

.destacado {
    font-weight: 400;
}

.columna_left, .columna_right {
    width: 98%;
}

.columna_right {
    margin-left: 2%;
}




/*General*/

h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 300;
}

h1 {
    padding: 20px 13px;
    font-size: 26px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 16px;
    font-weight: 400;
    color: #39414b;
}

li, p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 300;
    color: #333;
}

a {
    transition: all 0.3s ease 0s;
}

a:hover {
    color: #333;
}

#top {
    border-bottom: 1px solid #eee;
}

.top_info {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.top_info {
    display: block;
    width: 100%;
    background: #fff;
    /*border-bottom:1px solid #eee;*/
}

.top_info .contacto {
    padding-top: 13px;
}

.top_info .contacto li {
    float: left;
    margin-right: 25px;
    color: #888;
    font-weight: 300;
    font-size: 14px;
}

.top_info .contacto li a {
    line-height: 14px;
    color: #888;
}

#top .contacto li a:hover {
    color: #333;
}

.top_info .contacto li i {
    margin-right: 4px;
    font-size: 12px;
}

.top_info .social {
    display: block;
    max-width: 50%;
    float: right;
}

.top_info .social li {
    float: left;
    width: 45px;
    height: 45px;
    background: #fff;
    border-left: 1px solid #eee;
}

.top_info .social li a {
    display: table-cell;
    vertical-align: middle;
    color: #bbb;
    width: 45px;
    height: 45px;
    text-align: center;
}

.top_info .social li:hover a {
    color: #fff !important;
    background: #727c89;
}

.top_info .social li:last-child {
    border-right: 1px solid #eee;
}

.top_info .social li:hover a.fa-facebook {
    background-color: #3b5998;
}

.top_info .social li:hover a.fa-twitter {
    background-color: #00aced;
}

.top_info .social li:hover a.fa-google-plus {
    background-color: #dd4b39;
}

.top_info .social li:hover a.fa-pinterest {
    background-color: #cb2027;
}

.top_info .social li:hover a.fa-youtube {
    background-color: #bb0000;
}

.top_info .social li:hover a.fa-instinnovantram {
    background-color: #517fa4;
}

/* #header{border-bottom:1px solid #eee;} */
.header_info {
    display: block;
    padding: 10px 0;
    margin: 0 auto;
    width: 100%;
}

.header_info img.logo {
    display: block;
    float: left;
    margin: 10px 10px 10px 0;
    width: 230px;
    height: 80px;
    opacity: 0.9;
}

.header_info .company {
    display: table-cell;
    vertical-align: bottom;
    height: 80px;
    font-size: 32px;
    text-align: top;
}

.header_info h1 {
    padding: 0;
    margin: 0 auto;
    margin: 10px 15px 15px 15px;
    font-size: 24px;
}

.header_info h1 span {
    display: block;
    float: none;
    margin: -2px 0 5px 20px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

#menu {
    border-bottom: 1px solid #eee;
}

.menu_principal li {
    display: block;
    float: left;
    width: 16.66666%;
    color: #888;
    font-weight: 300;
    font-size: 14px;
}

.menu_principal li a {
    border-left: 1px solid #eee;
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #39414b;
}

.menu_principal li:last-child a {
    color: #fff;
    background: #395d53;
}

.menu_principal li a.selected, .menu_principal li:last-child a.selected {
    color: #fff;
    background: #727c89;
}

.menu_principal li a:hover, .menu_principal li a.selected:hover {
    color: #fff;
    background: #39414b;
}

#menu_jugadores {
    display: block;
    width: 100%;
    float: right;
    margin-bottom: -40px;
}

#menu_jugadores nav.menu_jugadores {
    display: block;
    float: right;
    width: 40%;
    min-height: 20px;
    background: #fff;
}

.menu_jugadores nav ul {
    display: block;
    width: 100%;
}

.menu_jugadores li {
    display: block;
    float: left;
    width: 33.333333%;
    color: #888;
    font-weight: 300;
    font-size: 14px;
}

.menu_jugadores li.jugador {
    width: 100%;
    text-transform: uppercase;
    background: #f6f6f6;
}

.menu_jugadores li.area_privada {
    width: 100%;
    text-transform: uppercase;
    font-size: 12.5px;
}

.menu_jugadores li.jugador span, .menu_jugadores li a {
    display: block;
    padding: 10px 15px;
    font-weight: 400;
    color: #666;
    text-align: center;
}

.menu_jugadores li.jugador span {
    color: #333;
    font-size: 12.5px;
}

.menu_jugadores li i {
    margin-right: 5px;
    color: #777;
}

.menu_jugadores li.jugador span i {
    color: #555;
}

.menu_jugadores li a:hover, .menu_jugadores li a:hover i {
    color: #fff;
    background: #39414b;
}

#menu_seccion, #menu_seccion_reserva {
    display: block;
    padding: 120px 0 20px 0;
    background: transparent url('../iminnovantes/site/bg-ball.png') no-repeat right top;
}

#menu_seccion_reserva {
    padding-top: 20px;
    background: transparent;
}

.menu_seccion {
    max-width: 300px;
}

.menu_seccion li {
    display: block;
    float: none;
    width: 70%;
    padding-left: 10px;
    color: #888;
    font-weight: 300;
    font-size: 14px;
    background: url('../iminnovantes/site/bg-arrow.png') no-repeat scroll 0px 12px transparent;
    border-bottom: 1px dotted #ddd;
}

.menu_seccion li a {
    display: block;
    padding: 5px 10px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    color: #666;
}

.menu_seccion li a:hover {
    font-weight: 400;
    color: #fff;
    background: #39414b;
}

#menu_seccion_responsive {
    display: none;
}

#menu_seccion_responsive ul.menu_seccion_responsive {
    width: 100%;
}

#menu_seccion_responsive ul.menu_seccion_responsive li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    min-width: 33.333333%;
    color: #888;
    font-weight: 300;
    font-size: 14px;
}

#menu_seccion_responsive ul.menu_seccion_responsive li a {
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #666;
    background: #fafafa;
}

#menu_seccion_responsive ul.menu_seccion_responsive li a:hover {
    font-weight: 400;
    color: #fff;
    background: #39414b;
}

.menu_opciones {
    display: block;
    padding-top: 10px;
    width: 100%;
    height: 40px;
}

.menu_opciones li {
    display: block;
    float: right;
    width: 70%;
    max-width: 200px;
    padding-left: 10px;
    color: #888;
    font-weight: 300;
    font-size: 14px;
    background: url('../iminnovantes/site/bg-arrow.png') no-repeat scroll 0px 12px transparent;
    border-bottom: 1px dotted #ddd;
}

.menu_opciones li a {
    display: block;
    padding: 5px 10px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    color: #666;
}

.menu_opciones li a:hover {
    display: block;
    padding: 5px 10px;
    width: 100%;
    font-weight: 400;
    color: #fff;
    background: #39414b;
}

#main {
    min-height: 400px;
}

#main header.seccion {
    display: block;
    padding-bottom: 20px;
}

#main header.seccion h2, #main header.seccion p {
    display: block;
    margin: 0;
    width: 100%;
    text-align: center;
}

#main header.seccion h2 {
    margin-top: 10px;
    padding-top: 20px;
}

#main header.seccion h2.esquerra, #main header.seccion p.esquerra {
    width: 85%;
}

#main header.seccion p.esquerra {
    text-align: left;
}

#main .alcentre {
    display: block;
    float: left;
    min-height: 400px;
    margin-left: 20%;
    width: 60%;
}

#main ol.torneos, #main ol.torneos_par {
    width: 100%;
    overflow: hidden;
}

#main ol.torneos li, #main ol.torneos_par li {
    border-left: 5px solid #fff;
    box-sizing: border-box;
}

#main ol.torneos_par li {
    padding: 3px 0;
    background: #f6f6f6;
    border-left: 5px solid #f6f6f6;
}

#carta {
    position: relative;
    margin-right: 5%;
    width: 95%;
    min-height: 200px;
    background: #fff;
}

#carta .contingut {
    position: relative;
    display: block;
    float: left;
    margin-left: 50px;
    margin-top: 30px;
    padding: 30px 0 40px 0;
    width: 90%;
    min-height: 200px;
    color: #fff;
    background: #85515b;
}

#carta .contingut p, #carta .contingut h3 {
    padding: 10px 50px 10px 80px;
    text-align: justify;
    color: #fff;
}

#carta .contingut h3, #carta .contingut span {
    font-weight: 300;
    font-size: 21px;
    padding-top: 20px;
    line-height: 15px;
}

#carta .contingut h3 {
    padding-bottom: 20px;
}

#carta img {
    width: 100px;
    height: 100px;
    position: absolute;
    left: -53px;
    top: 50%;
    margin-top: -53px;
    display: block;
    float: left;
    border: 3px solid #fff;
    overflow: hidden;
    z-index: 30;
}

.texto {
    display: block;
    padding: 10px 0;
}

.texto_home {
    padding-top: 20px;
}

.texto_reservas {
    padding-bottom: 10px;
}

.texto p {
    margin-bottom: 5px;
    text-align: justify;
}

.texto h3, .texto_reservas h3 {
    padding: 5px 10px;
    margin: 20px 0;
    text-transform: none;
    background: #f6f6f6;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.texto_reservas h3 {
    margin: 10px 0 0 0;
}

.texto_reservas h3.second {
    margin-top: 50px;
}

.texto_reservas p {
    margin: 10px 0 0 0;
}

.texto_reservas h3 span.dia_seleccionado {
    float: right;
}

.texto_reservas_importe {
    float: right;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
}

.texto_reservas_importe strong {
    font-size: 16px;
}

.resumen {
    margin: -10px 0 10px 0;
    border-bottom: 1px solid #eee;
}

.resumen p {
    text-align: center;
}

#normativa_reservas {
    position: relative;
    display: none;
    padding: 20px 10px;
    margin: 20px 0;
    min-height: 100px;
    background: #fafafa;
    border: 15px solid #fafafa;
    box-sizing: border-box;
}

#normativa_reservas h3 {
    padding: 10px 0 30px 0;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: #111;
}

#normativa_reservas p {
    display: block;
    margin-left: 2%;
    width: 96%;
    margin-bottom: 10px;
    font-size: 15px;
}

#normativa_reservas p.last {
    margin: 40px 0 0 2%;
    font-size: 13px;
    text-align: center;
}

#normativa_reservas a {
    position: absolute;
    top: 10px;
    right: 10px;
    text-transform: uppercase;
    color: #39414b;
}

#normativa_reservas ol {
    display: block;
    float: none;
    margin-top: -10px;
    width: 100%;
}

#normativa_reservas ol li {
    display: block;
    float: left;
    padding: 5px 0;
    width: 40%;
    height: 34px;
    font-size: 15px;
    background: transparent;
    border: 1px solid #fff;
    box-sizing: border-box;
}

#normativa_reservas ol li span {
    padding: 0 4px;
    font-size: 14.5px;
}

#normativa_reservas ol li span.gratis {
    font-size: 12px;
    text-transform: uppercase;
}

#normativa_reservas ol li.pvp {
    width: 15%;
    text-align: right;
}

#normativa_reservas ol li.pista_pvp {
    width: 25%;
    text-align: left;
}

#normativa_reservas ol li.sport {
    width: 100%;
    height: 30px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: #bbb;
    border: none;
}

#fila_key_change .mini {
    display: block;
    float: none;
    width: 100%;
    height: 30px;
    padding: 0 0 10px 10px;
    font-style: italic;
}

.box {
    float: left;
    width: 33.33333%;
    margin: 10px 0 20px 0;
}

.box ul {
    display: block;
    width: 90%;
    margin: 0 5%;
    border-style: solid;
    border-width: 10px;
    border-color: #eee;
    box-sizing: border-box;
}

.box ul li {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    border-style: solid;
    border-bottom-width: 1px;
    border-color: #eee;
    overflow: hidden;
}

.box ul li.first {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 400;
}

.box ul li.main {
    height: 60px;
    line-height: 60px;
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
    background-color: #f6f6f6;
}

.box ul li.main em {
    font-size: 12px;
    font-style: normal;
    text-transform: lowercase;
}

.box ul li.fecha {
    height: 80px;
}

.box ul li p {
    display: block;
    margin: 10px 2%;
    width: 96%;
    font-size: 14px;
}

.box ul.col1, .box ul.col1 li, .box ul.col1 li p {
    color: #fff;
    border-color: #971f27;
    background: #971f27;
    opacity: 0.9;
}

.box ul.col2, .box ul.col2 li, .box ul.col2 li p {
    color: #fff;
    border-color: #24584b;
    background: #24584b;
    opacity: 0.9;
}

.box ul.col3, .box ul.col3 li, .box ul.col3 li p {
    color: #fff;
    border-color: #253c58;
    background: #253c58;
    opacity: 0.9;
}

.box ul.col4, .box ul.col4 li, .box ul.col4 li p {
    color: #fff;
    border-color: #9b5420;
    background: #9b5420;
    opacity: 0.9;
}

.box_reservas_reservas {
    float: left;
    width: 100%;
    margin: 10px 0 20px 0;
}

.box_reservas ul {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    border-style: solid;
    border-width: 10px;
    border-color: #eee;
    box-sizing: border-box;
}

.box_reservas ul li {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    border-style: solid;
    border-bottom-width: 1px;
    border-color: #eee;
    overflow: hidden;
}

.box_reservas ul li.first {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 400;
}

.box_reservas ul li.main {
    height: 60px;
    line-height: 60px;
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
    background-color: #f6f6f6;
}

.box_reservas ul li.main em {
    font-size: 12px;
    font-style: normal;
    text-transform: lowercase;
}

.box_reservas ul li.fecha {
    height: 80px;
}

.box_reservas ul li.jugadors {
    padding: 10px 0;
    background: #f6f6f6;
}

.box_reservas ul li p {
    display: block;
    margin: 0 1%;
    width: 98%;
    font-size: 14px;
}

.box_reservas ul.col1, .box_reservas ul.col1 li, .box_reservas ul.col1 li p {
    color: #fff;
    border-color: #971f27;
    background: #971f27;
    opacity: 0.9;
}

.box_reservas ul.col2, .box_reservas ul.col2 li, .box_reservas ul.col2 li p {
    color: #fff;
    border-color: #24584b;
    background: #24584b;
    opacity: 0.9;
}

.box_reservas ul.col3, .box_reservas ul.col3 li, .box_reservas ul.col3 li p {
    color: #fff;
    border-color: #253c58;
    background: #253c58;
    opacity: 0.9;
}

.box_reservas ul.col4, .box_reservas ul.col4 li, .box_reservas ul.col4 li p {
    color: #fff;
    border-color: #9b5420;
    background: #9b5420;
    opacity: 0.9;
}

.box_reservas span {
    display: block;
    float: left;
    padding: 10px;
}

.box_reservas span.fecha {
    color: #111;
    border-right: 1px solid #eee;
    background: #ddd;
}

.box_reservas span.sport, .box_reservas span.amount {
    min-width: 70px;
    border-right: 1px solid #eee;
}

.box_reservas span.amount {
    float: right;
    text-align: right;
}

.box_reservas span.opcions {
    float: right;
}

.box_reservas span.opcions a {
    color: #777;
}

.box_reservas span.opcions a:hover {
    color: #444;
}

.box_reservas span.player {
    padding: 0;
    width: 50%;
    text-transform: uppercase;
}

img.erase_section {
    display: block;
    float: none;
    margin: 2px 0 0 0;
    padding: 0;
    width: 11px;
    height: 14px;
}

.noticias figure {
    display: block;
    float: left;
    margin: 0 0 14px 0;
    width: 40%;
    max-width: 400px;
    height: auto;
}

.noticias aside {
    display: block;
    float: left;
    width: 57%;
    margin: 10px 0 10px 3%;
}

.noticias p.fecha {
    display: block;
    margin: 2px 0 14px 0;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    text-align: right;
    color: #39414b;
}

.noticias p.fecha span {
    display: block;
    float: right;
    margin-top: -2px;
    padding: 2px 10px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    background: #727c89;
}

.galeria {
    display: block;
    padding: 10px 0;
}

.galeria .profesionales {
    float: left;
    width: 25%;
    margin-bottom: 20px;
}

.galeria .profesionales figure, .galeria .profesionales figcaption {
    display: block;
    width: 90%;
    margin-left: 5%;
}

.galeria .profesionales figcaption {
    padding-top: 14px;
}

.galeria .profesionales img {
    display: block;
    float: none;
    width: 100%;
    height: auto;
}

.galeria .instalaciones {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.galeria .instalaciones figure, .galeria .instalaciones figcaption {
    display: block;
    width: 95%;
    margin-left: 2.5%;
}

.galeria .instalaciones figcaption {
    padding-top: 14px;
}

.galeria .instalaciones img {
    display: block;
    float: none;
    width: 100%;
    height: auto;
}

.galeria .historico {
    float: left;
    width: 50%;
    min-height: 350px;
    margin-bottom: 20px;
}

.galeria .historico figure, .galeria .historico figcaption {
    display: block;
    width: 95%;
    margin-left: 2.5%;
}

.galeria .historico figcaption {
    padding-top: 14px;
}

.galeria .historico img {
    display: block;
    float: none;
    width: 100%;
    height: auto;
}

.pinnovantinar {
    display: block;
    margin: 10px 0 20px 0;
    min-height: 40px;
}

#sitemap {
    position: relative;
    padding: 20px 0 140px 0;
    background: #fff;
}

.sitemap_logo {
    display: block;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100px;
    height: 120px;
}

.sitemap_logo_1 {
    left: 25%;
    background: transparent url('../iminnovantes/site/jugador-de-tenis.png') no-repeat center bottom;
}

.sitemap_logo_2 {
    right: 25%;
    background: transparent url('../iminnovantes/site/jugadora-de-tenis.png') no-repeat center bottom;
}

#footer {
    display: block;
    float: none;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    background: #fff;
}

.address span {
    font-size: 12px;
    color: #ddd;
}

.address span.main {
    font-size: 11px;
    text-transform: uppercase;
}

.address span.iso_pais {
    padding: 0;
    margin: 0;
    font-size: 3px;
    text-transform: uppercase;
    color: #323232;
}

.address a {
    font-size: 12px;
    color: #ddd;
}

.address a:hover {
    color: #fff;
}

#razon_social {
    padding: 10px 0;
    margin: 30px 10px;
}

#razon_social ul li span.item {
    display: block;
    float: left;
    width: 70px;
}

#razon_social ul li a:hover span {
    color: #333;
}

/*maps*/
#contenido_mapa {
    display: block;
    margin: 10px 0px;
    width: 100%;
    min-height: 20px;
}

.mapa {
    display: block;
    margin: 0;
    padding: 0;
}

.google_maps {
    display: block;
    padding: 0;
    height: 350px;
}

.google_maps a {
    display: none;
    padding: 0;
    font-size: 12px;
    color: #333;
    text-align: right;
}

.google_maps a:hover {
    color: #000;
}

#map_canvas {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
}

/*hemeroteca*/
a.hemeroteca {
    display: block;
    margin: 20px auto;
    width: 420px;
    background: #fff;
    overflow: hidden;
}

a.hemeroteca .any_redo {
    display: block;
    float: left;
    width: 104px;
    height: 104px;
    background: transparent url('../iminnovantes/site/bg-rounded.png') no-repeat center bottom;
}

a.hemeroteca .any_redo .any_contingut {
    position: relative;
    top: 12px;
    left: 12px;
}

a.hemeroteca .any_redo .any_contingut span.any {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    position: relative;
    font-size: 18px;
    font-weight: 300;
    width: 80px;
    height: 80px;
}

a.hemeroteca .temps {
    display: block;
    float: left;
    width: 170px;
    height: 70px;
    margin: 0 20px;
    background: transparent url('../iminnovantes/site/bg-time.png') no-repeat center bottom;
}

a.hemeroteca:hover {
    opacity: 0.7;
}

/*video*/
.video-wrapper {
    width: 95%;
    margin-left: 2.5%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin-right: -2px;
    height: 0;
    background: url("../iminnovantes/site/loader.gif") no-repeat center center;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 101%;
}

/*slider home*/
#slider {
    padding-bottom: 50px;
    background-repeat: no-repeat;
    background-iminnovante: url("../iminnovantes/slider/shadow.png");
    background-position: center bottom;
    background-size: 100% 50px;
}

#slider figure {
    width: 100%;
    height: 390px;
    overflow: hidden;
}

.clr {
    clear: both;
}

.ei-slider {
    position: relative;
    width: 100%;
    max-width: 1170px;
    height: 400px;
    margin: 0 0 50px 0;
}

.ei-slider-loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    text-align: center;
    line-height: 400px;
}

.ei-slider-large {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ei-slider-large li {
    position: absolute;
    top: 0;
    left: 2px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.ei-slider-large li img {
    width: 100%;
}

.ei-slider-thumbs {
    height: 13px;
    margin: 0 auto;
    margin: 1px 0 0 1px;
    padding: 0;
    position: relative;
}

.ei-slider-thumbs li {
    position: relative;
    float: left;
    height: 100%;
}

.ei-slider-thumbs li.ei-slider-element {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    z-index: 10;
    text-indent: -9000px;
    background: #993333;
}

li.ei-slider-element {
    margin: 0;
    padding: 0;
}

.ei-slider-thumbs li a {
    display: block;
    text-indent: -9000px;
    background-color: rgb(204, 153, 153);
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(255, 255, 255, 0.5);
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.ei-slider-thumbs li a:hover {
    background-color: #993333;
}

.ei-slider-thumbs li img {
    display: none;
    position: absolute;
    bottom: 50px;
    opacity: 0;
    z-index: 999;
    max-width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.3)));
    -ms-filter: "progid:DXIminnovanteTransform.Microsoft.Alpha(Opacity=0)";
}

.ei-slider-thumbs li:hover img {
    opacity: 1;
    bottom: 13px;
    -ms-filter: "progid:DXIminnovanteTransform.Microsoft.Alpha(Opacity=100)";
}

/*reservas*/
#estat_pistes {
    margin-top: -300px;
}

.estado_de_reservas {
    position: relative;
    display: block;
    width: 100%;
    margin: 5px 0 20px 0;
    min-height: 50px;
    border: 1px solid #ddd;
}

.estado_de_reservas ul.hora_esquema {
    display: block;
    float: none;
    width: 100%;
    height: 50px;
}

.estado_de_reservas ul.hora_esquema li {
    display: block;
    float: left;
    margin-left: -1px;
    height: 50px;
    border-left: 1px solid #ddd;
}

.estado_de_reservas ul.hora_esquema li.hora_interval100 {
    display: block;
}

.estado_de_reservas ul.hora_esquema li.hora_interval50 {
    display: none;
}

.estado_de_reservas ul.hora_esquema li span.hora_interval {
    display: block;
    float: none;
    height: 20px;
    padding: 5px;
    font-size: 13px;
    /*border-left:1px solid #ddd;*/
    overflow: hidden;
}

.estado_de_reservas ul.hora_esquema li span.quart_interval {
    display: block;
    float: left;
    width: 25%;
    height: 20px;
    overflow: hidden;
}

.estado_de_reservas ul.hora_esquema li span.marco_center {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.estado_de_reservas ul.hora_esquema li span.marco_left {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.estado_de_reservas ul.hora_esquema li span.marco_right {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

p.etiquetas_reservas {
    display: block;
    float: right;
    margin: 40px 10px;
    padding-left: 5px;
    font-size: 13px;
}

p.pista_reservas {
    color: #39414b;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.bdisponible {
    border-left: 17px solid #97cb32;
}

.bcerrada {
    border-left: 17px solid #f13617;
}

.babierta {
    border-left: 17px solid #3a93d8;
}

.disponible {
    background: #97cb32;
}

.disponible_limpieza_de_pista {
    background: #fff;
    border-color: 1px solid #97cb32;
}

.partida_cerrada {
    background: #f13617;
}

.partida_abierta {
    background: #3a93d8;
}

.partida_escuela {
    background: #3a93d8;
}

/*tabla calendario*/
#calendar {
    display: block;
    padding: 20px 0 20px 0;
    background: transparent url('../iminnovantes/site/bg-ball.png') no-repeat right top;
}

#calendar p.dia_selected {
    margin: 5px 0 40px 0;
    padding-top: 5px;
    font-size: 28px;
    color: #333;
}

#calendar span.mes_selected {
    font-size: 15px;
    text-transform: uppercase;
    color: #666;
}

#calendar article {
    position: relative;
    display: block;
    float: left;
    width: 25%;
    height: 180px;
    text-align: center;
}

table.calendar {
    display: block;
}

table.calendar th, table.calendar td {
    padding: 3px 6px;
    font-size: 13px;
    font-weight: normal;
    text-align: right;
    text-decoration: none;
    color: #666;
    margin: 1px;
}

table.calendar th.angle_left {
    text-align: left;
}

table.calendar th.angle_right {
    text-align: right;
}

table.calendar th.angle_left a, table.calendar th.angle_right a {
    color: #888;
}

table.calendar th.angle_left a:hover, table.calendar th.angle_right a:hover {
    color: #222;
}

table.calendar th.mes {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
}

table.calendar th.dia {
    color: #fff;
    background: #999;
}

table.calendar td.diumenge {
    background: #ccc;
}

table.calendar td.actual {
    background: #eee;
}

table.calendar td.actual a {
    color: #555;
}

table.calendar td.seleccionables {
    background: #f5c122;
}

table.calendar td.seleccionables a {
    color: #fff;
}

table.calendar td.marcado {
    background: #97cb32;
}

table.calendar td.marcado a {
    color: #fff;
}

p.etiquetas_calendar {
    display: block;
    margin: 0 0 5px 80px;
    padding-left: 5px;
    font-size: 13px;
    border-left: 17px solid #f5c122;
}

p.etiquetas_seleccionado {
    border-left: 17px solid #97cb32;
}

/*documents*/
a.pdf {
    display: block;
    float: left;
    width: 100%;
    text-align: right;
    font-weight: 300;
    font-size: 13.5px;
    color: #555;
    border: 5px solid #fff;
    border-right: 15px solid #fff;
    box-sizing: border-box;
}

a.pdf i {
    margin-right: 5px;
    opacity: 0.7;
}

a.pdf:hover {
    color: #000;
    background: #ddd;
    border-color: #ddd;
}

/*formularios*/
#iminnovanten_cuenta {
    display: block;
    float: right;
    padding: 0;
    margin-bottom: 10px;
    width: 20%;
    min-height: 40px;
}

#iminnovanten_cuenta img {
    width: 85%;
}

.form_autentifica {
    display: block;
    float: left;
    margin-left: 29%;
    width: 50%;
    min-height: 240px;
}

.form_reserva {
    display: block;
    float: left;
    width: 100%;
}

#form_clave {
    margin-top: 30px;
}

#mostrar_la_clau {
    opacity: 0.8;
}

#mostrar_la_clau:hover {
    cursor: pointer;
    opacity: 0.5;
}

#section-form {
    display: block;
    padding: 0 0 20px 0;
}

#section-form .fila_text, #section-form .fila_info {
    max-width: 100%;
    margin-bottom: 20px;
}

#section-form .fila_text_palabra {
    max-width: 50%;
    margin: -10px 0 20px 0;
}

#section-form .fila_text_palabra p.fila_info {
    margin: 5px 5px 20px 5px;
}

#section-form .fila_btn {
    max-width: 85%;
    margin: 20px 0;
}

#section-form label {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
    font-size: 14px;
    color: #888;
}

#section-form input.contact:focus, #section-form textarea.contact:focus {
    border-color: #aaa;
}

#section-form input.contact, #section-form textarea.contact {
    width: 85%;
    font-family: "Source Sans Pro", sans-serif, arial;
    font-weight: 300;
    font-size: 14px;
    color: #111;
    background: none repeat scroll 0% 0% #f6f6f6;
    border: 1px solid #ddd;
    padding: 8px 10px;
    box-sizing: border-box;
}

#section-form input.contact:focus, #section-form textarea.contact:focus {
    outline: 0px none;
}

#section-form input.maninnovante {
    width: 100%;
}

#section-form input.maninnovante_palabra {
    width: 50%;
}

#section-form textarea.contact {
    height: 133px;
}

#section-form input[type="text"]:disabled, #section-form input[type="email"]:disabled, #section-form input[type="password"]:disabled {
    background: #fff;
    border-color: #fff;
}

#section-form legend {
    padding: 0 15px;
}

#section-form legend h2 {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

#section-form legend i {
    margin-right: 4px;
    font-size: 20px;
    color: #999;
}

#section-form legend i.fa-clock-o {
    margin-left: 20px;
    font-size: 21px;
}

#section-form legend p em {
    font-size: 16px;
    font-style: normal;
}

#section-form .form_reserva .fila_text, #section-form .form_reserva .fila_info {
    display: block;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 50%;
    border-bottom: 1px solid #ddd;
    height: 60px;
}

#section-form .form_reserva .fila_text {
    position: relative;
    width: 50%;
    margin: 0;
}

#section-form .form_reserva .fila_text_cuenta {
    margin-bottom: 10px;
}

#section-form .form_reserva .fila_info i {
    margin-right: 10px;
    color: #555;
}

#section-form .form_reserva .fila_info a, #section-form .form_reserva .fila_info p {
    display: block;
    float: left;
    padding: 8px 15px;
    font-weight: 300;
    font-size: 14px;
    color: #111;
    background: #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}

#section-form .form_reserva .fila_info p {
    padding: 14px 2px 0 2px;
    font-style: italic;
}

#section-form .form_reserva .fila_info a:hover, #section-form .form_reserva .fila_info a:hover i {
    color: #fff;
    background: #395d53;
}

#section-form .form_reserva .fila_condicional {
    position: absolute;
    top: 25px;
    left: 0;
    display: block;
    width: 100%;
}

#section-form .form_reserva .fila_normas {
    display: block;
    float: left;
    padding: 14px 0;
    margin-bottom: 10px;
}

#section-form .form_reserva .fila_normas p {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    font-size: 14px;
    font-style: italic;
    color: #111;
}

#section-form .form_reserva .fila_normas a {
    padding: 7px 10px;
    margin: 0 3px;
    font-size: 13px;
    text-transform: uppercase;
    color: #111;
    background: #ddd;
}

#section-form .form_reserva .radio {
    display: block;
    float: left;
    padding: 5px;
    height: 25px;
    width: 25px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
}

#section-form .form_reserva .radio:disabled {
    background: #fff;
    border: 1px solid #bbb;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

#jugador_socio2_chosen, #jugador_socio3_chosen, #jugador_socio4_chosen,
#jugador_familiar2_chosen, #jugador_familiar3_chosen, #jugador_familiar4_chosen,
#jugador_invitado2_chosen, #jugador_invitado3_chosen, #jugador_invitado4_chosen {
    display: none;
}

#mysolicitar {
    display: block;
}

#mycancelar {
    display: none;
}

a.solicitar_datos {
    padding: 7px 15px;
    margin-left: 10px;
    font-size: 13px;
    text-transform: uppercase;
    color: #111;
    background: #ddd;
}

a.solicitar_datos:hover {
    color: #fff;
    background: #555;
}

.btn_enviar, .btn_pinnovantinar {
    border: 1px solid #333;
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background-color: #333;
    padding: 8px 20px;
    cursor: pointer;
    float: left;
}

.btn_pinnovantinar {
    margin-right: 10px;
    color: #555;
    background-color: #fff;
    border: 1px solid #aaa;
}

.btn_enviar:hover, .btn_pinnovantinar:hover {
    color: #fff;
    background-color: #666;
    border-color: #666;
}

.btn_pinnovantinar:hover {
    border: 1px solid #666;
    box-sizing: border-box;
}

.btn_pinnovantinar_iminnovanten, .btn_pinnovantinar_iminnovanten:hover {
    width: 100%;
    margin: -10px 0 10px 0;
    float: left;
    box-sizing: border-box;
}

#section-form .form_reserva_jugadores {
    display: block;
    margin-left: 5%;
    width: 90%;
    text-align: center;
    overflow: hidden;
}

#section-form .form_reserva_jugadores .btn_pinnovantinar {
    display: inline-block;
    float: none;
    padding: 8px 20px;
    margin: 10px 5px;
}

#main .info {
    background: #f8f6bc;
    border: 1px solid #e7e48b;
    width: 100%;
    float: left;
    margin-bottom: 0;
    position: relative;
    box-sizing: border-box;
}

#main .info p {
    padding: 5px 20px;
    color: #333;
}

#section-form a.btn_procesar {
    display: block;
    float: left;
    padding: 15px;
    margin: -10px 0 0 -10px;
    width: 100%;
    max-width: 195px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #395d53;
    border: 10px solid #fff;
    box-sizing: border-box;
}

#section-form a.btn_procesar:hover {
    color: #fff;
    background: #333;
}

/*resultado mensaje*/
#resultado_mensaje {
    position: relative;
    display: block;
    float: none;
    width: 85%;
    min-height: 100px;
    padding: 30px 0 10px 0;
    margin: 10px 0;
    text-align: center;
    color: #111;
    border: 10px solid #fafafa;
    background: #fafafa;
    box-sizing: border-box;
}

#resultado_mensaje a {
    position: absolute;
    top: 10px;
    right: 10px;
    text-transform: uppercase;
    color: #39414b;
}

#resultado_mensaje p {
    display: block;
    float: none;
    margin: 10px;
}

#resultado_mensaje p.mini {
    color: #555;
}

p.error {
    padding-bottom: 24px;
    margin: -45px 0 0 110px;
    color: #971f27;
}

/*missatges*/
#box_si {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #cidef2;
    background: #ebfdd7;
}

#box_si p {
    margin: 10px 30px 10px 10px;
    padding: 4px 10px;
    color: #7eb244;
    font-weight: bold;
    text-shadow: 0px 1px 0px #fff;
}

#box_no {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #fcc1c1;
    background: #fadddd;
}

#box_no p {
    margin: 10px 30px 10px 10px;
    padding: 4px 10px;
    color: #d86d6d;
    font-weight: bold;
    text-shadow: 0px 1px 0px #fff;
}

/*Alert*/
#mensaje {
    position: absolute;
    z-index: 98;
    display: none;
    background-color: #fff;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    height: 130px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    zoom: 1;
    text-align: left;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
}

#mensaje .mensaje_top {
    display: block;
    width: 100%;
    height: 20px;
    text-align: right;
}

#mensaje ul {
    display: block;
    width: 100%;
    list-style-type: none;
    margin: 20px auto;
    overflow: hidden;
}

#mensaje ul.mensaje_alert li {
    display: block;
    float: none;
    width: 100%;
}

#mensaje ul.mensaje_confirm li {
    display: block;
    float: left;
    width: 50%;
}

#mensaje p.mensaje_texto {
    display: block;
    padding: 0 10px;
}

#mensaje a.mensaje_btn {
    display: block;
    width: 100px;
    margin: auto;
    padding: 8px 10px;
    font-family: "Open Sans", sans-serif, Arial, Helvetica;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #555;
    background: #fff;
    border: 1px solid #e5e5e5;
    cursor: pointer;
}

#mensaje a.mensaje_btn:hover {
    color: #fff;
    background: #555;
}

#mensaje a.close {
    display: block;
    float: right;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    color: #555;
    background: #fff;
    cursor: pointer;
}

#mensaje a.close:hover {
    color: #333;
}

#gestion_innovant ul li a.pausa {
    padding: 15px 5px;
    color: #3c4b5d;
    background: #eee
}

#gestion_innovant ul li a.pausa i {
    margin-left: -5px;
    margin-right: 5px
}

#gestion_innovant ul li a.pausa:hover {
    color: #fff
}

#gestion_innovant ul li.active a {
    color: #333;
    background: #eee;
}

#gestion_innovant ul li p {
    color: #fff;
}

#gestion_innovant ul li.active p {
    color: #333;
}

#gestion_innovant ul li a.operari {
    position: relative;
    min-height: 200px;
}

#gestion_innovant ul li a:hover {
    background: #39414b;
}

#gestion_innovant ul li.active a:hover {
    background: #eee;
}

#gestion_innovant ul li span.luz {
    color: #ff0;
    text-transform: uppercase;
}

#gestion_innovant ul li section.operari_numero span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 98%;
    font-size: 90px;
    font-weight: 500;
    letter-spacing: -5px;
    text-align: right;
    color: #fff;
    background: transparent;
    opacity: 0.8;
}

#gestion_innovant ol {
    margin: 10px 0;
}

#gestion_innovant ol li {
    display: block;
    float: left;
    width: 25%;
}

#gestion_innovant ol li a {
    display: block;
    padding: 15px;
    margin: 0;
    width: 100%;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #395d53;
    border: 10px solid #fff;
    box-sizing: border-box;
}

#gestion_innovant ol li a:hover {
    background: #39414b;
}

/*fichador*/
#gestion_innovant ul li.fichador {
    display: block;
    float: left;
    padding: 10px;
}

#gestion_innovant ul li.fichador h2 {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

#gestion_innovant ul li.fichador p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    text-transform: none;
}

#gestion_innovant ul li.fichador p.peluco {
    display: block;
    float: right;
    padding-bottom: 21px;
}

#gestion_innovant ul li.fichador p.peluco span {
    display: block;
    float: left;
    padding: 14px 0 10px 10px;
    font-size: 28px;
    line-height: 38px;
}

#gestion_innovant ul li.fichador p.peluco i {
    display: block;
    float: left;
    padding: 14px 0 10px 0;
    margin: 0;
    font-size: 40px;
    color: #999;
}

#gestion_innovant ul li.fichador a {
    border-left: 0 none;
    border-right: 0 none;
}

#gestion_innovant i {
    margin: 0 15px;
}

#gestion_innovant i.line {
    margin: 0 5px 0 0;
}

#gestion_innovant img {
    display: block;
    float: none;
    width: 40%;
    margin: 2% 2% 15px 2%;
    padding: 2px;
    border: 1px dotted #596d67;
    box-sizing: border-box;
    opacity: 0.9;
}

#gestion_innovant .si {
    background: #446396;
}

#gestion_innovant .no {
    background: #d14747;
}

#gestion_innovant .caja {
    background: #85515b;
}

#gestion_innovant .pinnovantada {
    background: #727c89;
}

#gestion_innovant .btn_enviar {
    min-width: 12%;
    margin: 10px 0 0 10px;
}

#gestion_innovant ul.list {
    width: 50%;
}

#gestion_innovant ul.list li {
    width: 100%;
}

#gestion_innovant ul.list {
    width: 50%;
}

#gestion_innovant ul.list li a, #gestion_innovant ul.player li a {
    text-align: left;
    clear: both;
}

#gestion_innovant ul.list li ul.players {
    display: block;
}

#gestion_innovant ul.list li ul.players li {
    margin-top: 10px;
    width: 50%;
}

#gestion_innovant ul.horari {
    display: block;
    float: none;
    margin-top: -10px;
    width: 100%;
    border: 10px solid #fff;
    box-sizing: border-box;
}

#gestion_innovant ul.horari li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#gestion_innovant ul.horari li a {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 50px;
    text-align: left;
    font-weight: 300;
    color: #555;
    border: none;
    overflow: hidden;
}

#gestion_innovant ul.horari li a.separa {
    margin-bottom: 10px;
}

#gestion_innovant ul.horari li a span {
    display: block;
    padding: 14px 10px 15px 10px;
    text-align: center;
    background: #eee;
}

#gestion_innovant ul.horari li a span.first {
    font-weight: 400;
}

#gestion_innovant ul.horari li a span.par {
    background: #fafafa;
}

#gestion_innovant ul.horari li a span.ocupada {
    color: #fff;
    background: #d14747;
}

#gestion_innovant ul.horari li a span.escuela {
    color: #fff;
    background: #3a93d8;
}

#gestion_innovant .tabla {
    display: table;
    float: left;
    margin: 10px;
    width: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

#gestion_innovant .tabla .row {
    display: table-row;
    border: 1px solid #ddd;
}

#gestion_innovant .tabla .col {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    border: 1px solid #ddd;
}

#gestion_innovant .tabla .col p {
    display: block;
    padding: 10px;
}

#gestion_innovant .tabla .col_penalitzada p {
    color: #971f27;
}

#gestion_innovant .tabla .col a {
    display: block;
    padding: 10px 0;
    color: #555;
}

#gestion_innovant .tabla .col a:hover {
    color: #fff;
    background: #333;
}

#gestion_innovant .tabla .col p.numero {
    text-align: right;
}

#gestion_innovant .tabla .col_th {
    background: #727c89;
}

#gestion_innovant .tabla .col_th p {
    font-weight: 400;
    color: #fff;
}

#gestion_innovant .tabla .col_total {
    background: #fafafa;
}

#gestion_innovant .tabla .col_total p {
    font-weight: 400;
}

#gestion_innovant .form_maninnovante_acceso {
    display: block;
    float: none;
    margin: 0 auto;
    width: 220px;
}

#gestion_innovant .form_maninnovante_acceso p {
    margin-bottom: 10px;
}

#gestion_innovant .form_maninnovante_acceso p.error {
    padding-top: 40px;
}

#form_maninnovante_buscar {
    display: block;
    float: left;
    width: 50%;
}

#form_maninnovante_buscar select {
    width: 100%;
}

#gestion_innovant .section_flotante {
    float: left;
    width: 50%;
    border-right: 15px solid #fff;
    box-sizing: border-box;
}

#gestion_innovant_toogle {
    float: left;
    margin-left: 3%;
    margin-bottom: -11px;
}

#gestion_innovant_toogle ul {
    width: 320px;
    margin-left: 18%;
    overflow: hidden;
}

#gestion_innovant_toogle ul li {
    text-align: center;
}

#gestion_innovant_toogle ul li p, #gestion_innovant_toogle ul li a {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #666;
}

#gestion_innovant_toogle ul li p {
    background: #eee;
}

#gestion_innovant_toogle ul li i {
    margin-right: 3px;
    color: #777;
}

#gestion_innovant_toogle ul li a:hover {
    color: #fff;
    background: #39414b;
}

#gestion_innovant .vacia {
    display: block;
    float: left;
    width: 50%;
    padding: 25px 0 24px 0;
}

a.menu-toogle-link {
    float: right;
    display: block;
    padding: 1em;
    color: #555;
    font-size: 20px;
    font-height: 300;
}

nav[role=navigation] {
    clear: both;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.js nav[role=navigation] {
    overflow: hidden;
    max-height: 0;
}

nav[role=navigation].active {
    max-height: 25em;
}

nav[role=navigation] ul {
    float: right;
    width: 320px;
    overflow: hidden;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
}

nav[role=navigation] li a {
    display: block;
    padding: 0.8em;
    font-weight: 400;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/*clip*/
#clip {
    padding: 20px 15px 25px 15px;
    margin-top: -20px;
    margin-bottom: 20px;
    background: #ff0;
}

#clip h2 {
    width: 100%;
    padding-bottom: 10px;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
}

#clip h2 i {
    margin-right: 5px;
    font-size: 20px;
}

#clip dl {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
}

#clip dt, #clip dd {
    float: left;
    padding: 0;
    margin: 0;
}

#clip dt {
    margin: 0 0 0 150px;
    width: 70px;
    text-align: left;
    line-height: 23px;
    clear: left;
}

#clip dd {
    margin: 0 20px;
}

#clip dd b {
    text-transform: uppercase;
}

/* Menú */
#gestion_innovant_breadcrumb {
    display: flex !important;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    width: 100%;
}

#gestion_innovant_breadcrumb ul {
    width: 100%;
}

#gestion_innovant_breadcrumb ul li {
    display: flex;
    float: left;
}

#gestion_innovant_breadcrumb ul li p {
    background: #eee;
}

#gestion_innovant_breadcrumb ul li p, #gestion_innovant_breadcrumb ul li a {
    display: block;
    margin: 0;
    padding: 15px;
    color: #333;
    text-decoration: none;
}

#gestion_innovant_breadcrumb ul li a i.fa-home {
    color: #39414b;
}

#gestion_innovant_breadcrumb ul li a:hover {
    color: #fff;
    background: #39414b;
}

#gestion_innovant_breadcrumb ul li a:hover i.fa-home {
    color: #fff;
}

/* Fin Menú */

/* Inicio */
#gestion_de_inicio ul li {
    position: relative;
    display: block;
    float: left;
    min-height: auto;
}

#gestion_de_inicio ul li a {
    display: block;
    padding: 15px;
    margin: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    border: 10px solid #fff;
    box-sizing: border-box;
    background-color: var(--innovant);
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

/* Fin Inicio */

/* LULU */

/* FICHADOR */
.fichador {
    --bg-color: #63a9ef;
    --bg-color-light: #e2e9fc;
    --text-color-hover: #4c5356;
    --box-shadow-color: rgba(184, 207, 249, 0.48);
}

.card {
    width: 220px;
    height: 321px;
    background: #fff;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease-out;
    text-decoration: none;
    border: 1px solid #f2f2f2;
    margin: 10px;
}

.card:hover {
    transform: translateY(-5px) scale(1.005) translateZ(0);
    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11),
        0 24px 46px var(--box-shadow-color);
}

.card:hover .overlay {
    transform: scale(4) translateZ(0);
}

.card:hover .circle {
    border-color: var(--bg-color-light);
    background: var(--bg-color);
}

.card:hover .circle:after {
    background: var(--bg-color-light);
}

.card:hover p {
    color: var(--text-color-hover);
}

.card:active {
    transform: scale(1) translateZ(0);
    box-shadow: 0 15px 24px rgba(0, 0, 0, 0.11),
        0 15px 24px var(--box-shadow-color);
}

.card p {
    font-size: 17px;
    color: #4C5656;
    margin-top: 30px;
    z-index: 1000;
    transition: color 0.3s ease-out;
}

.circle {
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-out;
}

.circle:after {
    content: "";
    width: 118px;
    height: 118px;
    display: block;
    position: absolute;
    background: var(--bg-color);
    border-radius: 50%;
    top: 5px;
    left: 5px;
    transition: opacity 0.3s ease-out;
}

.circle svg {
    z-index: 10000;
    transform: translateZ(0);
}

.overlay {
    width: 118px;
    position: absolute;
    height: 118px;
    border-radius: 50%;
    background: var(--bg-color);
    top: 70px;
    left: 50px;
    z-index: 0;
    transition: transform 0.3s ease-out;
}

.card p {
    font-size: 20px;
}

/* OPERARIOS */

.listado-operarios-innovant {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    /* margen a los lados de 5px */
}

.listado-operarios-innovant li {
    flex-basis: calc(16.666% - 10px);
    /* ancho del elemento */
    margin: 0 5px 10px;
    /* margen inferior de 10px y margen a los lados de 5px */
}

.li-innovant {
    border-top: 2px solid var(--innovant);
    text-align: center;
}

.photo-innovant:hover {
    opacity: 0.6;
}

.container2 {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-right: 5%;

    border: 1px solid #eee;
    border-bottom: none;
    border-top: none;
}

.container2 .fa {
    padding: 10px;
    color: #565457;
    cursor: pointer;
}

.container2:hover .fa {
    color: var(--innovant);
    cursor: pointer;
}

#gestion_de_presencia .container {
    display: flex;
}

#form_manage_buscar {
    padding-top: 20px;
}

#gestion_de_presencia .fichador, #form_manage_buscar {
    padding-top: 20px;
    padding-left: 20px;
}

.img-fichador-innovant {
    border-bottom: 2px solid;
    width: 300px;
}

#he, #hs, .pausa {
    border: 1px solid;
    padding: 10px
}

/* FOOTER */
.footer {
    display: flex;
    background: #333;
    justify-content: flex-end;
    align-items: flex-end;
    min-height: 100vh;
}

.section {
    position: relative;
    width: 100%;
    background: var(--innovant);
    min-height: 100px;
    padding: 20px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.social-icon,
.menu {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    flex-wrap: wrap;
}

.social-icon__item,
.menu__item {
    list-style: none;
}

.social-icon__link {
    font-size: 2rem;
    color: #fff;
    margin: 0 10px;
    display: inline-block;
    transition: 0.5s;
}

.social-icon__link:hover {
    transform: translateY(-10px);
}

.menu__link {
    font-size: 1.2rem;
    color: #fff;
    margin: 0 10px;
    display: inline-block;
    transition: 0.5s;
    text-decoration: none;
    opacity: 0.75;
    font-weight: 300;
}

.menu__link:hover {
    opacity: 1;
}

.section p {
    color: #fff;
    margin: 15px 0 10px 0;
    font-size: 1rem;
    font-weight: 300;
}

.wave {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100px;
}

.wave#wave1 {
    z-index: 1000;
    opacity: 1;
    bottom: 0;
}

.wave#wave2 {
    z-index: 999;
    opacity: 0.5;
    bottom: 10px;
}

.wave#wave3 {
    z-index: 1000;
    opacity: 0.2;
    bottom: 15px;
}

.wave#wave4 {
    z-index: 999;
    opacity: 0.7;
}

#gestion_de_inicio {
    height: calc(950px - 405px);
}

#gestion_de_presencia {
    height: calc(937px - 405px);
}


.image-icon {
    position: relative;
}

.image-icon img {
    display: block;
}

.image-icon i {
    position: absolute;
    top: 10%;
    left: 90%;
    transform: translate(-50%, -50%);
    color: var(--innovant);
    border: 1px solid;
    border-radius: 50%;
    padding: 10px;
}


/* RESPONSIVE TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    .overlay {
        display: none;
    }

    .container {
        justify-content: center;
    }

    .img-fichador-innovant {
        border-bottom: 2px solid;
        width: 150px;
    }

    #gestion_de_presencia {
        display: flex;
        align-items: center;
    }

    .header_info .col50 {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .col50 img {
        width: 30% !important;
    }


}

/* RESPONSIVE MOVIL */
@media (max-width: 550px) {
    .overlay {
        display: none;
    }

    .container {
        justify-content: center;
    }

    .img-fichador-innovant {
        border-bottom: 2px solid;
        width: 150px;
    }

    #gestion_de_presencia .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .header_info .col50 {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .col50 img {
        width: 70% !important;
    }
}

/* TABLET */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}

/* MOVIL */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .image-icon i {
        position: absolute;
        top: 17%;
        left: 78%;
        transform: translate(-50%, -50%);
        color: var(--innovant);
        border: 1px solid;
        border-radius: 70%;
        padding: 3px;
        font-size: 9px;
    }

    .image-icon img {
        width: 68px;
        height: 82px;
    }

    .fichador {
        padding-left: 0 !important;
    }

    #gestion_de_presencia .container {
        flex-direction: column-reverse;
    }
}