/**

 * Table of Contents

 *

 * 1.0 - Header

 * 2.0 - Basic Structure

 * 	2.1 - Cómo funciona

 * 	2.2 - Carreras

 * 3.0 - Menú

 * 4.0 - Formulario

 * 5.0 - Cesta

 *  5.1 - Mini Cesta

 *  5.2 - Resumen de compra

 *  5.3 - Ticket

 * 6.0 - Ticket individual

 * 7.0 - Genéricos 

 * 8.0 - Media queries 

 */
/**

 * 1.0 - Header

 */

#header_wrap {
    background: #ffffff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
#header_stripe_bot {
    background: rgba(221, 221, 221, 1);
    height: 4px;
    left: 0;
    position: absolute;
    top: 56px;
    width: 100%;
    z-index: 10;
}
#header_cont {
    height: 56px;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
}
#header_logo {
    margin-top: 10px;
}
#languages {
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    height: 100%;
    padding: 20px 10px 0 10px;
}
#languages a {
    color: #000;
}
#languages .selected {
    font-weight: 700;
}
#languages .dropdown-menu {
    right: 60px;
}
/**

 * 2.0 - Basic Structure

 */

body {
    margin: 0;
    background-color: #eee;
    font-family: 'Roboto Condensed', sans-serif;
}
label {
    margin-bottom: 0px;
}
.wrapper {
    background-color: #eee;
    display: table;
    margin: 76px auto;
    overflow: hidden;
    padding-bottom: 50px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.nblq3 {
    background-color: #fff;
    border-radius: 4px;
    width: 300px;
}
/**

 * 2.1 - Cómo funciona

 */

#box-wellcome {
    background-color: #fff;
    padding: 0 0 0px 20px;
}
#box-wellcome .header {
    border-bottom: solid 1px #ddd;
    display: table;
    height: 55px;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}
#box-wellcome .icon-close,
#box-wellcome .icon-toggle {
    border-left: solid 1px #eee;
    color: #888;
    height: 100%;
    padding: 0px 15px 0 15px;
}
#box-wellcome .icon-toggle .tg_menu {
    margin-top: 20px;
}
#box-wellcome .tg_menu a {
    color: #888;
}
#box-wellcome .icon-close .close {
    color: #888;
    margin-top: 18px;
    opacity: 1;
    /*

	border: 2px solid #888;

	border-radius: 50%;	

	font-size: 21px;

	font-weight: 500;

	line-height: 8px;	

	padding: 2px 2px 5px 2px;

	*/
}
#box-wellcome-content {
    clear: both;
    overflow: hidden;
    position: relative;
}
.box-wellcome-wrap {
    padding-bottom: 20px;
}

@media only screen and (max-device-width: 768px){
#box-wellcome .header div:nth-of-type(1) {
    width: 82%;
}
#box-wellcome {
    padding: 0 8px;
}
}
/**

 * 2.2 - Carreras

 */

.box-race {
    background-color: #fff;
    margin-bottom: 10px;
}
.box-race .header {
    border-bottom: solid 1px #ddd;
    display: table;
    height: 55px;
    padding: 0 0 0px 20px;
    position: relative;
    width: 100%;
}
.box-race h2 {
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 0;
}
.box-race h2 a {
    color: #000;
}
.box-race .h2 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    margin-bottom: 15px;
}
.box-race .sub-tit {
    text-transform: uppercase;
}
.box-race .icon-close,
.box-race .icon-toggle,
.box-race .icon-extras,
.box-race .icon-estado,
.box-race .icon-print,
.box-race .icon-download {
    border-left: solid 1px #eee;
    color: #888;
    height: 100%;
    padding: 0px 15px 0 15px;
}
.box-race .icon-extras a {
    color: #000;
}
.box-race .icon-estado {
    min-width: 150px;
    text-align: right;
}
.box-race .icon-estado.estado-ok {
    color: #006633;
}
.box-race .icon-estado.estado-ko,
.box-race .icon-estado.estado-ko a {
    color: #ff0000;
    font-weight: 500;
}
.box-race .icon-toggle .tg_menu,
.box-race .icon-extras span,
.box-race .icon-estado span {
    margin-top: 20px;
}
.box-race .tg_menu a {
    color: #888;
}
.box-race .icon-close .close,
.box-race .icon-print .print,
.box-race .icon-download .download {
    color: #888;
    margin-top: 18px;
    opacity: 1;
}
.box-race-content {
    clear: both;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
}
.box-race-content-wrap {
    padding: 30px 20px;
}
.box-race-info {
    background-color: #eeeeee;
    margin-bottom: 30px;
    padding: 20px 20px;
    text-align: center;
}
.box-race h3 {
    margin-bottom: 30px;
    margin-top: 0;
}
/**

 * 3.0 - Menú

 */

.titulo_evento {
    background-color: #000000;
    color: #ffffff;
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    line-height: 18px;
    padding: 13px 10px 10px 10px;
    width: 100%;
}
.titulo_evento div {
    display: table-cell;
}
.tg_menu {
    padding-left: 15px;
    vertical-align: middle;
}
.tg_menu a {
    color: #fff;
}
.titulo_carrera {
    margin-left: 6px;
}
.img_carrera {
    margin-bottom: 13px;
}
td .img_carrera {
    margin-top: 15px;
}
.bt_evento {
    margin-bottom: 9px;
    border-bottom: solid 2px #ddd;
}
.bt_carreras {
    background-color: #fff;
}
.bt_carrera {
    border-bottom: dotted 1px #bbb;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
    padding: 6px 5px;
}
.bt_carrera:last-child {
    border-bottom: dotted 0px #bbb;
}
.bt_carrera:hover {
    text-decoration: underline;
}
.bt_carrera_add {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    line-height: 14px;
    padding: 3px 12px;
}
/**

 * 4.0 - Formulario

 */

.form-control {
    background-color: #f4f4f4;
    border-radius: 0;
    border: solid 0px #f4f4f4;
    color: #000;
    box-shadow: none;
}
.btn-general {
    background-color: #ea7f10;
    border-color: #ded3c6;
    border-radius: 25px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
    padding: 10px 20px;
}
.btn-general:hover {
    background-color: #b9b9b9;
    border-color: #b9b9b9;
}
.btn-general span {
    margin-left: 15px;
}
.btn-general span.left {
    margin-left: 0px;
    margin-right: 15px;
}
.btn-inscripciones {
    background-color: #f6f6f6;
    color: #000;
}
.btn-imprimir {
    background-color: #000;
    color: #fff;
}
.titulo_separador {
    background-color: #eee;
    border-left: 3px solid #aaa;
    padding: 6px 5px 3px 5px;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: 700;
}
/**

 * 5.0 - Cesta

 */
/**

 * 5.1 - Mini Cesta

 */

#mini-cart {
    color: #000;
    height: 100%;
    position: relative;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
}
#mini-cart .glyphicon-shopping-cart {
    color: #ec8922;
    font-size: 20px;
}
#mini-cart .dropdown-menu {
    padding-bottom: 15px;
}
#mini-cart .lnk-race {} .mini_cesta_cont {
    color: #000;
    font-weight: 700;
}
.blq_total {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
}
.blq_total td {
    padding: 15px 10px 0px 20px;
}
.blq_pagar {
    float: left;
    margin-left: 15px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    width: 90%;
}
.blq_pagar>.btn {
    width: 100%;
}
.total {
    float: right;
}
.caja_promo {
    margin-bottom: 15px;
}
.btn-info {
    background-color: #ea7f10;
    border-color: #ded3c6;
    border-radius: 25px;
    padding: 10px 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.btn-info:hover {
    background-color: #ded3c6;
    border-color: #ded3c6;
    border-radius: 10px;
}
.item {
    cursor: pointer;
    /*	

	border-bottom: 1px dotted #ccc;

    display: table;

    margin: 0;

    padding: 6px;

    width: 100%;    

	*/
    
    width: 100%;
}
.item:first-child {
    border: none;
}
.blq_items {
    margin-bottom: 15px;
}
.blq_items {
    width: 100%;
}
.blq_items .item td,
.extras td {
    padding-left: 20px;
    padding-right: 10px;
}
.blq_items .item td.action,
.extras td.action {
    padding-left: 0px;
    padding-right: 0;
}
.it_titulo {
    font-weight: 700;
    padding-top: 15px;
}
.it_titulo .title {
    font-size: 16px;
    font-style: italic;
}
.it_titulo.money {
    font-size: 18px;
}
.it_titulo .glyphicon-remove-circle {
    color: #999;
    font-size: 16px;
}
.it_subtitulo {
    text-transform: uppercase;
    padding-left: 20px;
}
.it_subtitulo a {
    color: #0000ff;
}
.ext_titulo {
    font-size: 11px;
}
.ext_titulo::before {
    content: '- ';
}
.extras .glyphicon-remove-circle {
    color: #999;
    font-size: 16px;
}
.money {
    text-align: right;
}
.action .glyphicon-remove-circle {
    cursor: pointer;
}
.separate {
    border-bottom: 1px solid #ccc;
    padding-top: 15px;
    width: 100%;
}
/**

 * 5.2 - Resumen de compra

 */

.race {
    border-bottom: dotted 1px #ccc;
    padding: 15px 0;
}
.race td {
    padding-bottom: 15px;
}
.box-race-content .blq_total {
    margin-bottom: 40px;
    padding-top: 15px;
}
.box-race-content .blq_total .it_titulo,
.box-race-content .blq_total .action {
    border-bottom: solid 1px #ccc;
    font-size: 18px;
    padding-bottom: 5px;
}
.box-alert {
    background-color: #fff;
    color: #ff0000;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 15px 20px;
    position: relative;
}
.box-race .tit-resumen {
    color: #999;
    text-transform: uppercase;
}
.box-race .icon-estado {
    border-left: none;
    text-align: left;
}
.box-race .separate2 {
    border-bottom: solid 2px #ccc;
    padding-bottom: 3px;
}
.box-race .extras-info {
    background-color: #f6f6f6;
    margin-left: -20px;
    margin-top: 15px;
    padding: 5px 10px;
}
#pasos {
    font-size: 18px;
    margin-left: 5%;
    margin-top: 15px;
}
#pasos .number {
    font-weight: 700;
    margin-right: 5px;
    padding: 2px 6px;
    font-size: 22px;
}
#pasos .number.selected {
    background-color: #000;
    color: #fff;
}
#pasos ul {
    list-style: none;
}
#pasos ul li {
    display: inline-block;
    margin-right: 10px;
}
#pasos .pasos-icon {
    font-size: 22px;
    margin-left: 10px;
}
.box-importe {
    background-color: #fae5cf;
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
}
#pago h2 {
    clear: both;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
}
.box-importe .number {
    font-size: 24px;
}
.ulpago {
    list-style: none;
    margin: 15px 0;
    padding: 0 0;
}
.ulpago li {
    clear: both;
    display: block;
}
/**

 * 5.3 - Ticket

 */

.ticket .form-control {
    background-color: #fff;
    border: none;
    padding-left: 0;
}
/**

 * 6.0 - Ticket individual

 */

#ticket {
    font-size: 15px;
    margin-top: 15px;
}
#ticket .seguro {
    margin-bottom: 35px;
}
#ticket .seguro-box {
    background-color: #eee;
    padding: 15px 20px;
    margin-bottom: 35px;
}
/**

 * 7.0 - Genéricos

 */

a {
    color: #0000ff;
    font-weight: 700;
}
h1,
h2,
h3 {
    font-family: 'Roboto Condensed', sans-serif;
}
h1 {
    background-image: url('../images/line-bg.png');
    background-position: 0 50%;
    background-repeat: repeat-x;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
h1 .h1_tit {
    background-color: #eee;
    padding-left: 20px;
    padding-right: 20px;
}
h2 {
    font-size: 20px;
    font-weight: 700;
}
h3 {
    background-image: url('../images/line-bg.png');
    background-position: 0 50%;
    background-repeat: repeat-x;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    width: 100%;
}
h3 .h1_tit {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}
.bgblack {
    background-color: #000;
}
.bgorange {
    background-color: #dd9700;
}
.bgyellow {
    background-color: #f8e30d;
}
.borderblack {
    border-left: solid 8px #000;
}
.borderorange {
    border-left: solid 8px #dd9700;
}
.borderyellow {
    border-left: solid 8px #f8e30d;
}
.nomargin {
    margin: 0 0;
}
.nopadding {
    padding: 0 0;
}
.ddtg {
    color: #ddd;
    margin-left: 10px;
}
.txtleft {
    text-align: left;
}
.txtright {
    text-align: right;
}
.txtcenter {
    text-align: center;
}
.mright {
    margin-right: 15px;
}
.box-moreinfo {
    background-color: #fae5cf;
    float: left;
    font-size: 16px;
    margin-bottom: 30px;
    padding: 10px 30px;
    width:100%;
}
.box-moreinfo .glyphicon {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
}
.box-grey {
    background-color: #eee;
    clear: both;
    float: left;
    margin: 10px 0 15px 10%;
    padding: 10px 30px;
    width: 80%;
}
.box-grey.nomargin {
    margin-top: -12px;
}
th {
    font-weight: 500;
}
/* Otros */

.modoPago {
    background-color: white;
    border: 2px solid #e9eaed;
    padding: 4px 10px 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.modoPagoActivo {
    background-color: #e9eaed;
    border: 2px solid #FF8B13;
}
.it_desc {
    color: red;
    font-style: italic;
}
/**

 * 8.0 - Media Queries

 */

@media only screen and (max-device-width: 768px) {
    /* 1.0 - Header	*/
    
    #header_wrap {
        position: relative;
    }
    #header_logo {
        width: 100%;
    }
    #mini-cart {
        border: none;
        padding-left: 10px;
        padding-top: 5px;
        z-index: 1;
    }
    #mini-cart .dropdown-toggle {
        text-align: right;
    }
    #mini-cart .nblq3 {
        margin-bottom: 50px;
        padding-bottom: 15px;
        height: 100%;
        overflow-y: scroll;
    }
    #languages {
        height: 43px;
        margin-top: 12px;
        padding: 17px 10px 0 10px;
        z-index: 0;
    }
    #languages .dropdown-menu {
        top: 100px;
    }
    /* 2.0 - Basic Structure	*/
    
    .wrapper {
        margin: 0px auto;
    }
    /* 2.1 - Cómo funciona */
    
    #box-wellcome .header div:nth-of-type(1) {
        width: 60%;
    }
    #box-wellcome .header .icon-close {
        padding: 1px 15px 4px 15px;
    }
    #box-wellcome .header .icon-close .close {
        font-size: 15px;
    }
    #box-wellcome .header .tg_menu {
        padding-left: 0;
    }
    .box-wellcome-wrap ol {
        padding-left: 15px;
        padding-right: 5px;
    }
    /* 2.2 - Carreras	*/
    
    .box-race .header div:nth-of-type(1) {
        width: 61%;
    }
    .box-race .icon-toggle {
        /*border-bottom: solid 1px #eee;*/
        
        padding: 0px 13px 0px 13px;
    }
    .box-race .icon-close {
        padding: 1px 13px 4px 13px;
    }
    .box-race .icon-extras {} .box-race .icon-extras span {
        margin-top: 5px;
    }
    .box-race .icon-estado {
        min-width: auto;
    }
    .box-race .icon-estado span {
        margin-top: 5px;
    }
    .box-race .icon-close .close {
        font-size: 15px;
    }
    .box-race .tg_menu {
        padding-left: 0;
    }
    #pago .box-race-content-wrap {
        padding: 20px 5px;
    }
    .box-moreinfo {
        padding: 10px 10px;
    }
    .box-grey {
        margin: 10px 0 15px 10px;
        width: 95%;
    }
    /**

	* 3.0 - Menú

	*/
    
    .nblq1 .titulo_evento div {
        display: inline-block;
        width: 87%;
    }
    .nblq1 .titulo_evento .tg_menu {
        float: right;
        width: 13%;
    }
    /* 5.2 - Resumen de compra	*/
    
    header #pasos {
        display: none;
    }
    #tblresumen table,
    #tblresumen thead,
    #tblresumen tr,
    #tblresumen th,
    #tblresumen tbody,
    #tblresumen td {
        display: block;
    }
    #tblresumen thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #tblresumen td {
        position: relative;
        padding-left: 25%;
    }
    #tblresumen td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
    }
    #tblresumen td:nth-of-type(1):before {
        content: "Estado";
    }
    #tblresumen td:nth-of-type(2):before {
        content: "Evento";
    }
    #tblresumen td:nth-of-type(3):before {
        content: "Servicios";
    }
    #tblresumen td:nth-of-type(4):before {
        content: "Precio";
    }
    #tblresumen .img_carrera img {
        width: 200px;
    }
    /* 7.0 - Genéricos */
    
    label.custom-checkbox {
        width: 100%;
    }
    label.custom-checkbox .custom-control-input,
    label.custom-checkbox .custom-control-description {
        display: block;
        float: left;
    }
    label.custom-checkbox .custom-control-input {
        width: 15%;
    }
    label.custom-checkbox .custom-control-description {
        width: 85%;
    }
}
/* servicios */

.tg_menu {
    padding-left: 3px!important;
}
footer {
    text-align: center;
}
#box-wellcome .header {
	background-color: #eee
}
#box-wellcome .icon-close, #box-wellcome .icon-toggle {
    border-left: solid 1px #ddd;
}
.ticket .form-group .form-control{
	background-color: #f7f7f7;
	padding-left: 4px;
	padding-right: 4px;
    color: #555;	
}
fieldset label {display: block;text-align: center;}
.w2car {width: 40px}
.w4car {width: 56px}
.w10car{width: 94px}
.w11car{width: 100px}
.w13car{width: 210px}
.w2car, .w4car, .w10car, .w11car, .w13car {float: left;margin-left:8px;}

.ml0{margin-left: 0em;}

.box-blue{
	background-color: #e0f5fe;
	padding: 10px 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}