@charset "UTF-8";


/* =================================== GENERAL ======================================= */

body{background:#eee; font-family: 'Open Sans', sans-serif; color:#222222; font-size:14px; background:#f0f0f0}
header{ background:#222; padding: 20px}
footer{padding: 20px 0; margin: 0 auto; background: #ddd;}
.container.container-custom{background: #fff; padding-top:15px; padding-bottom: 15px}
.container.container-blood{padding:0}
.container.container-main{min-height:500px}

/* Header affix */
.affixed{width: inherit; top:0; z-index: 9999}

/* =================================== PETICIÓN HENDRICK ESTILOS EDITOR TEXTO ======================================= */
.e-content .e-rte-image.e-imgcenter, e-content .e-rte-video.e-video-center {
    cursor: pointer;
    display: block;
    float: none;
    margin: 5px auto;
    max-width: 100%;
    position: relative;
}

.e-content .e-rte-image.e-imgleft, .e-content .e-rte-video.e-video-left {
    float: left;
    margin: 0 auto;
    margin-right: 5px;
    text-align: left;
}

.e-content .e-rte-image.e-imgright, .e-content .e-rte-video.e-video-right {
    float: right;
    margin: 0 auto;
    margin-left: 5px;
    text-align: right;
}



.e-rte-image.e-imgcenter, .e-rte-video.e-video-center {
    cursor: pointer;
    display: block;
    float: none;
    margin: 5px auto;
    max-width: 100%;
    position: relative;
}

.e-rte-image.e-imgleft, .e-rte-video.e-video-left {
    float: left;
    margin: 0 auto;
    margin-right: 5px;
    text-align: left;
}

.e-rte-image.e-imgright, .e-rte-video.e-video-right {
    float: right;
    margin: 0 auto;
    margin-left: 5px;
    text-align: right;
}

/* =================================== COMMONS ======================================= */

h1,h2,h3,h4{font-weight: 700;}

h1{color:#fff; margin:0; font-size: 30px;}

h2{border-top: 3px solid #29abe2; padding-top: 10px; font-size: 22px; font-weight: 700; margin-bottom: 15px}
h3{color:#29abe2; font-size: 16px; margin:0 0 20px 0}
h3.h3-main{margin:30px 0; text-align:center; font-size:22px}


h1 a, h1 a:visited, h1 a:link{color: #fff}
h1 a:hover{color: #eee}

a, a:hover, a.active, a:link, a:visited{cursor:pointer; color:#666; text-decoration:none; -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out; cursor: pointer}

p{line-height: 1.5em}

.no-radius{-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0;}
.azul, .blue{color:#29abe2}
.red, .danger{font-weight: 700; color: #fd0053}
.strong, strong{font-weight: 700;}
.disabled{opacity:.5}
.light{font-weight: 300;}
p.p-air{margin-top:20px}
.air{margin: 20px 0}
.air-top{margin-top: 20px}
.air-bottom{margin-bottom: 20px}
i.fa.fa-sm{font-size: 7px !important}
.spacer-h{margin: 0 10px}
.badge{background: #444}
.file{ float: right; text-align: right}
.img-responsive { /* other definitions */width:100%;}
.icon-lg i.fa{font-size: 26px}
.icon-md i.fa{font-size: 24px}
#scrll {width:0; height:0; padding:0; margin:0}
#load {position: fixed; display: table; background: rgba(255,255,255,.75); top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;}
#load span{display: table-cell; vertical-align: middle; text-align: center; color: #29abe2; font-size: 24px}
#load.loadbg:after{content: "CARGANDO / LOADING"; position: absolute;top:10px; left: 0; text-align: center; width: 100%; letter-spacing: .2em}
#load.loadbg {animation: pulse 1.5s infinite;}
@keyframes pulse {
  0% {
    background-color: rgba(255,255,255,.80);
  }
50% {
    background-color: rgba(255,255,255,.90);
  }
}


.loadscrl {background-color:transparent; text-align:center}
.loadscrl span{color: #29abe2; font-size: 14px;}

.error-frm {text-align:center; margin-bottom:20px;}
.error-frm span{color: #fd0053; font-size: 14px;}
/* =================================== BUTTONS ======================================= */

.btn.btn-custom{-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; background:#29abe2; border: 1px solid #29abe2; color: #fff; font-weight: 400}
.btn.btn-custom:hover{background:#249bcd; border: 1px solid #249bcd}
.btn.btn-custom:focus{box-shadow:none !important}

.btn.btn-custom.btn-2{background:none; border: 1px solid #249bcd; color: #249bcd; font-weight: normal}
.btn.btn-custom.btn-2:hover{border: 1px solid #222; color: #222;}

.btn.btn-custom.btn-3{background:none; border: 1px solid #666; color: #666; font-weight: normal}
.btn.btn-custom.btn-3:hover{border: 1px solid #222; color: #222;}

.btn.btn-custom.btn-4{background:none; border: 1px solid #fff; color: #fff; font-weight: normal}
.btn.btn-custom.btn-4:hover{border: 1px solid #222; color: #222;}

.btn.btn-custom.btn-danger{background:none; border: 1px solid #fd0053; color: #fd0053 !important; font-weight: normal}
.btn.btn-custom.btn-danger:hover{border: 1px solid #222; color:#222 !important}

.btn.btn-custom.btn-gray{background:#ddd; border: 1px solid #ddd; color: #333; font-weight: normal}
.btn.btn-custom.btn-gray:hover{background:#d3d3d3; border: 1px solid #d3d3d3}

.btn.btn-custom.btn-line{background:none; border: 1px solid #333; color: #fff;}
.btn.btn-custom.btn-line:hover{background:none; border: 1px solid #666}

.btn.btn-custom.btn-line i.fa{color:#29abe2}
.btn.btn-custom.btn-line span.icon-bar{background:#29abe2}

.btn.btn-custom i.fa{margin-right: 5px}
.btn.btn-custom i.fa.fa-btn{margin-right:0}

.btn.btn-custom.btn-empty{background:none; border:none; outline:none; cursor: arrow; box-shadow: none !important}

.btn.btn-custom.btn-open {background: #29abe2; border: 1px solid #29abe2;}
.btn.btn-custom.btn-open:hover {background: #249bcd; border:1px solid #249bcd;}

.btn.btn-custom.btn-wait {background: #1fc8d2; border: 1px solid #1fc8d2}
.btn.btn-custom.btn-wait:hover {background: #1dbcc5; border: 1px solid #1dbcc5}

.btn{-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }

.list-btn a, .list-btn-small a, .list-btn input, .list-btn-small input{float:right; margin-left: 5px;}
.list-inline-btn li{float: right}
.list-inline-btn li ul li{float: left;}


/* Links, and icon-links*/
a.icon-toggle-lg i.fa{color:#29abe2; font-size: 24px; cursor: pointer; margin-right: -3px}
a.icon-lg i.fa{font-size: 42px; cursor: pointer;}
footer i.fa{font-size: 16px;}
a.page-scroll{position: fixed; bottom: 0; right:0; z-index: 100; background-color: #29abe2; padding: 2px 16px; font-size: 34px; color: #fff; cursor: pointer}
a.link-custom{color:#29abe2 !important;}
a .badge:hover{ background: #29abe2 }


/* =================================== WELLS AND PANELS ======================================= */

.well.well-custom{background:#eee; border:none; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
hr.hr-custom{width: 50%; height: 1px; background-color:#ddd; color:#ddd; border:0 none; margin: 20px auto;}

.tablewrap{display: table; width: 100%; border-collapse:collapse; margin: 0; table-layout: fixed}
.tablewrap .cell{display: table-cell; vertical-align: middle}
.tablewrap .cell.cell-top{vertical-align: top}
.tablewrap .cell.cell-short{width:30%;}
.tablewrap .cell.cell-toggle{width:15%;}

.tablewrap.tw-border{border:1px solid #eee; margin-bottom: 10px}
.tablewrap.tw-border .cell{padding: 10px}
.tablewrap.tw-border p{margin: 0}
.tablewrap.tw-border:hover{border:1px solid #29abe2;}

.well.well-custom.well-custom-borde{background:none; border:1px solid #eee}

.well.well-custom.well-inscripcion{padding: 10px; text-align: center}
.well.well-custom.well-dark-1{padding: 20px; background: #1e1e1e; margin-bottom: 0}
.well.well-custom.well-dark-2{padding: 20px; background: #272727}
.well.well-custom.well-white-1 {
	padding: 20px;
	background: #FFFFFF;
	margin-bottom: 0
}

.tablewrap.tw-counter{width: 100%; table-layout: fixed;}
.tablewrap.tw-counter .cell{font-size: 24px; font-weight: 700; text-align: center; padding: 0 10px}
.tablewrap.tw-counter .cell .small{display: block; font-size: 12px; font-weight: 300; border-top: 1px solid #fff; padding-top: 7px; margin-top: 5px}

.lg-custom{margin:10px 0}
.lg-custom .list-group-item, .lg-custom .list-group-item:first-child, .lg-custom .list-group-item:last-child{-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0;}

.lg-custom i.fa.fa-users, .lg-custom i.fa.fa-user{font-size: 12px; margin-right:4px}
.lg-custom .badge{background: none}


/* Panels */
.panel.panel-custom{-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; border:2px solid #eee; box-shadow:none}
.panel.panel-custom .panel-body{padding:15px 15px 10px 15px}
.panel.panel-custom:hover{border:2px solid #29abe2}
.panel.panel-custom .panel-heading{border:none; background:#f0f0f0; padding:15px; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0;}
.panel.panel-custom .panel-heading h4{margin:0}
.panel.panel-custom .panel-body h4{margin:5px 0}
.panel.panel-custom .panel-footer{background:none; border-color:#f0f0f0}

.sponsor { height: 150px; margin-bottom: 40px }
.sponsor .cell { height: 120px; vertical-align: middle; }
.sponsor .cell img { max-height: 120px; max-width: 100%; width: auto; margin: 0 auto }

/* =================================== NAVIGATION ======================================= */

.navbar-custom{-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; min-height: 60px; margin-bottom: 0; background: #111; border:none}
.navbar-custom .navbar-toggle i.fa{color:#fff}
.navbar-custom .navbar-brand img{max-width:140px;}
.navbar-custom .navbar-nav>li>a{padding-top: 20px; padding-bottom: 20px;}
.navbar-custom .navbar-toggle{border:none}
.navbar-custom .navbar-collapse, .navbar-custom .navbar-form{border:none}

.navbar-custom .dropdown-menu{background: #111;-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; padding: 0; border:0}
.navbar-custom .dropdown-menu>li>a{color: #eee; font-size: 13px; padding: 10px 20px}
.navbar-custom .dropdown-menu>li>a:hover, .navbar-custom .dropdown-menu>li>a.active{background: #29abe2}

.navbar-nav>li>a.profile{padding-top:13px; padding-bottom:9px; color:#fff}
img.img-profile{width:37px; height:37px;  margin-right:10px; -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.navbar-nav>li>a.profile:hover img.img-profile{ transform:scale(1.1,1.1)}

a.profile-xs{color:#fff}
.profile-xs img.img-profile{width:30px; height:30px;}

.cesta-xs{position: absolute; top:0px; right: 5px}
.cesta-xs .badge{font-size: 12px;padding: 3px 5px; background: #fff; color:#666; -webkit-border-radius: 200px;-moz-border-radius: 200px; border-radius: 200px;}

.navbar-custom.subnav {background: #29abe2; display: block}
.navbar-custom.subnav .navbar-nav li a, .navbar-custom.subnav .dropdown-menu li a{color:#fff}
.navbar-custom.subnav .navbar-nav li ul li a{color:#fff !important;}
.navbar-custom.subnav .navbar-nav li ul li a{color:#fff}
.navbar-custom.subnav .navbar-nav>li>a:hover{background:rgba(0,0,0,.05); color: #fff}
.navbar-custom.subnav .dropdown-menu{background: #29abe2;}
.navbar-custom.subnav .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color:#fff;}
.navbar-custom.subnav .navbar-nav>.open>a, .navbar-custom.subnav .navbar-nav>.open>a:focus, .navbar-custom.subnav .navbar-nav>.open>a:hover{color:#fff;}
.navbar-custom.subnav .dropdown-menu>li>a:hover, .navbar-custom.subnav .dropdown-menu>li>a.active{background-color:rgba(0,0,0,.2)}
.navbar-custom.subnav .navbar-nav>.open>a, .navbar-custom.subnav .navbar-nav>.open>a:focus, .navbar-custom.subnav .navbar-nav>.open>a:hover{background:rgba(0,0,0,.2)}
.navbar-custom.subnav .dropdown-menu>li>a{color: #fff;}
.navbar-custom.subnav .dropdown-menu>li>a:hover, .navbar-custom.subnav .dropdown-menu>li>a.active{background:rgba(0,0,0,.2)}

.navbar-custom.subnav .navbar-nav>.active>a,
.navbar-custom.subnav .navbar-nav>.active>a:focus,
.navbar-custom.subnav .navbar-nav>.active>a:hover{ background:rgba(0,0,0,.05); color: #fff}

/* nav-pills  */
.contactnav {background: #29abe2; display: block}
.nav-pills-custom>li>a{font-weight:600; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; background-color:rgba(0,0,0,.05)}
.nav-pills-custom>li>a:focus, .nav-pills-custom>li>a:hover{background-color:rgba(0,0,0,.2)}
.nav-pills-custom>li.active>a{background:#29abe2}
.nav-pills-custom>li.active>a:hover{background:#249bcd}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:rgba(0,0,0,.4)}

.contactnav .nav-pills-custom>li>a{color: #fff; background:transparent}
.contactnav .nav-pills-custom>li>a:focus, .contactnav .nav-pills-custom>li>a:hover{background-color:rgba(0,0,0,.1)}

.nav-pills-custom > li{ float:none; display:inline-block;}
.nav-pills-custom { text-align:center;}

/* dropdowns */
.dropdown-custom .dropdown-menu{-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; padding: 0; }
.dropdown-custom .dropdown-menu>li>a{color:#222; font-size: 13px; padding: 10px 20px}
.dropdown-custom .dropdown-menu .divider{margin:0}



/* =================================== FORMS ======================================= */

.form-control-custom, .select-custom, .form-control{box-shadow:none; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; box-shadow:none !important;/*height:40px;*/}
.input-group .form-control-custom{height:34px}
.select-custom a:hover{color:#666 !important}
.form-custom h4{margin: 30px 0; text-align: center;}
.form-group-secondary{border-bottom:1px dashed #ddd; padding:10px 0; margin-top: 10px}
.form-group-secondary label.control-label{text-align: left}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{font-weight: 700; color: #fd0053}
.has-error .form-control{border:1px solid #fd0053;}

.form-hidden{display: none;}
p.p-explicacion{margin-bottom: 30px; margin-top: -20px; text-align: center; color: #666}

/*.img-form{height:250px; overflow: hidden; margin-bottom: 10px; width: 100%; border-bottom: 1px dotted #ddd; text-align: center}*/
.img-form{height:250px; overflow: hidden; margin-bottom: 10px; width: 100%; text-align: center}
.img-form img{max-height: 250px; width: auto;  padding: 10px 0; margin: 0 auto; text-align: center}


/* =================================== ALERTS AND NOTIFICATIONS ======================================= */

.alert.alert-custom{-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0;margin-bottom:0; position: relative; text-align: center}
.alert.alert-custom.alert-danger{background:#fd0053; border: 1px solid #fd0053; color: #fff; }
.alert.alert-custom button{opacity:.5; position: absolute; top:10px; right: 10px}

.alert.alert-custom.alert-danger button{ opacity: .5;}
.close{text-shadow: none}


/* =================================== MODALS ======================================= */

.modal.modal-custom .modal-header{background:#29abe2}
.modal.modal-custom .modal-header h4{color:#fff}
.modal.modal-custom .modal-content{-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; border: 0}
.modal.modal-custom .modal-header .close{font-size: 31px}


/* =================================== TABLES ======================================= */

table.table-listados tbody td{vertical-align: middle}
table th i.fa{color:#999; font-size:10px; margin:0 5px}
table th {cursor:pointer}
table tr.disabled a, a.btn.disabled{ cursor:not-allowed !important; pointer-events: not-allowed}

/* Estados */
td.success-custom, .success-custom {
    color: green
}


/* =================================== CHARTS ======================================= */

table.table-stats{width:auto; margin:0 auto 20px auto; text-align:center}
table.table-stats td{vertical-align:middle; padding: 0 50px}

.donut-container{width:100px; height:100px; margin:5px auto 10px auto; position:relative}
.donut-container .donut-number{position:absolute; top:40px; width:100px; font-weight: 700}


/* =================================== GALLERY ======================================= */

.row.row-gallery .img-container{  width: 100%; display: table; table-layout: fixed; border-collapse: collapse; position: relative}
.row.row-gallery .img-container .cell{display: table-cell; vertical-align: middle; text-align: center; background: #f0f0f0; height: 100px}
.row.row-gallery .img-container .cell img{margin:0 auto; height:auto; width: auto; max-width: 100%; max-height: 100px}
a.thumbnail{-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0;}
a.thumbnail:hover .hidden-caption{display:block}
a.thumbnail:hover .hidden-caption h2{color:#fff; margin: 0;}
.hidden-caption{background: rgba(0,0,0,.5); padding: 8px; width: 100%; position: absolute; z-index: 1; bottom: 0; display: none; color: #fff}
.full-caption{background: rgba(0,0,0,.5); padding: 10px; width: 100%; position: absolute; z-index: 1; bottom: 0; color: #fff}
.full-caption-top{background: rgba(0,0,0,.5); padding: 10px; width: 100%; position: absolute; z-index: 1; top: 0; color: #fff}
.full-caption h3{color:#fff; padding: 0; margin: 0}
.btn.btn-custom.btn-chevron i.fa{margin: 0}
.carousel-inner .item img{margin: 0 auto; min-height: none;}
.carousel-inner .item{background: #f0f0f0;}

.row.row-gallery h2{border:none; font-size: 12px; text-align: center; margin: 0; line-height: 12px; padding: 0}


/* =================================== PARTS ======================================= */

/* 1. header */
header{position: relative}
header h1{float:left}
header .header-buttons{float:right;}
.brand-top-header{background: #000; padding: 10px 20px}
.brand-top-header img.img-logo{max-width: 110px; padding-top:15px}

/* 2. footer */
footer img.img-moderna{max-width: 200px; float: right}
ul.list-footer li{margin-bottom: 5px}

/* 3. lista de ficha */
ul.list-info{list-style: none; padding: 0}
ul.list-info li{list-style: none; margin-bottom: 5px}
.poster{margin-bottom: 10px}
#map-container {max-height:350px; min-height: 250px}
ul.list-contact-links li {margin-bottom:10px;}

/* 4. social share bar */
.social-share-bar{ background:#fff; padding: 15px; text-align: center; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.social-share-bar span{height: 100%}

/* 5. multimedia */
.galeria{margin:30px 0;}
.galeria .img-container{height:200px; border:1px solid #eee; display:table; overflow:hidden}
.galeria .img-container .img-galeria{display:table-cell; vertical-align:middle; padding:10px;}

/* 6. noticias */
.news-item{border-top: 1px solid #eee; padding: 10px 0; margin-bottom: 10px;}
.news-item h3{margin-bottom: 5px; color:#111 !important}



/* =================================== PARTS: INSCRIPCIÓN ======================================= */

.steps{padding: 10px 20px 10px 20px; border-bottom: 1px solid #eee; margin: 0 -15px; text-align: center;}
ul.list-steps li{ padding:0 6px; font-size:16px}
ul.list-steps li.divider{ width:auto; }
ul.list-steps li.disabled{ cursor:not-allowed}
ul.list-steps li.active{font-weight:bold}
ul.list-steps li.success{color:#29abe2}

.table-evento ul.list-inline, .table-evento ul.list-inline li{margin-bottom:0; padding-bottom:0}
.table-evento .cell{padding:20px;}
.table-evento .cell.cell-short{width:135px}
.table-evento h4{margin:0 0 5px 0; font-weight:900}
.table-evento .tarifa{font-size:18px;}
.table-evento:hover, .table-borde:hover{border:1px solid #29abe2;}

img.img-inscripcion{width: 90px; height: 90px; border: 4px solid #fff}

.btn-form{float:right}

.well-custom.well-custom-ficha{background: #29abe2;
background: -moz-linear-gradient(top,  #29abe2 60px, #eeeeee 60px);
background: -webkit-linear-gradient(top,  #29abe2 60px,#eeeeee 60px);
background: linear-gradient(to bottom,  #29abe2 60px,#eeeeee 60px);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#eeeeee',GradientType=0 );
}

.well-custom.well-custom-ficha p.lead{margin-bottom: 10px;}
.well.well-custom.well-inscripcion .aviso{font-weight: 700; font-size: 18px; padding: 10px}
.well.well-custom.well-inscripcion i.fa{font-size: 18px}
.well.well-custom.well-inscripcion .btn-custom{padding-top: 15px; padding-bottom: 15px}

.tarifa{color:#29abe2; font-weight: 700; font-size: 20px; float: right; line-height: 1.6}
.tarifa.free{font-size: 16px; line-height: 2}
.tarifa.free::after{content: "";}
.tarifa.free::before{content: "";}
.tarifa::after, .tarifa2::after{content: " \f153"; display: inline-block; font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;margin-left:3px}

.tarifa2{color:#29abe2; font-weight: 700; font-size: 15px;}
.tarifa-txt{color:#29abe2; font-weight: 400;}

.tarifa-miembro{display:inline-block; margin-right: 10px; line-height: 1;     margin-top: 10px;}

.panel-plans {float:left}
.panel-plans .panel-plans-item{display:inline-block;}
.panel-plans .panel-plans-item:first-child{margin-right:15px;}
.panel-plans .panel-plans-item:nth-child(2){border-left:1px dotted #eee; padding-left:15px}
.panel-plans .panel-plans-item .tarifa{ float:none}
.panel-btn{float:right; display:inline-block}
.panel-plans i.fa{ margin-right:5px; vertical-align: baseline}
.panel-plans p{margin:0; padding-top: 5px}

.panel.panel-custom .panel-footer.team-member{border-top:1px dashed #f0f0f0}

.panel.panel-custom.panel-important{padding: 0; border: 6px solid #eee; }
.panel.panel-custom.panel-important .panel-heading{padding: 20px;}
.panel.panel-custom.panel-important .panel-heading h4{float: left}
.panel.panel-custom.panel-important .panel-heading .payment{float: right; text-align: right; color: #999}

.cards {display: block; float: none; clear: both; margin: 10px 0 30px 0}
.cards img{max-width: 60px; display: inline;}

.bar-container{height:3px; background:#eee; width:100%}
.bar-container .bar{height:3px; background:#29abe2; min-width: 1px}
.bar.bar-danger{background:#fd0053}

.cartel-panel{height:200px; overflow: hidden; margin-bottom: 10px}
.cartel-panel img{max-height: 200px; width: auto;}

.banner-steps{margin-top:15px}

img.img-challenge{max-width: 200px; margin: 0 auto}

.well.well-custom.well-custom-2{border: 1px solid #ddd}

/* Listado de tarifas Home */
.well.well-custom-tarifas{background: none;}
.well.well-custom-tarifas .tarifa{font-size: 16px; line-height:1.2em; text-align: right; float: none}
.well.well-custom-tarifas .row{padding-bottom: 10px; border-bottom:1px solid #eee; margin-bottom: 10px}
.well.well-custom-tarifas .row:last-child{margin-bottom: 0; border: 0; padding-bottom: 0}


/* =================================== PARTS: CHALLENGE ======================================= */

.container.container-full .logo{text-align:center; margin:30px 0}
.container.container-full .logo img{ max-width:310px; margin:0 auto}

.login-challenge{ background: rgba(255,255,255,.8); padding: 20px}
.login-challenge p{margin-top:5px}

.well.well-custom.well-custom-challenge{ margin:30px 0; text-align:center; position:relative; padding:0;}
.well.well-custom.well-custom-challenge>h3{font-size:18px; margin:10px 0 20px 0}
.well.well-custom.well-custom-challenge>h4{font-size:20px;}
.well-custom.well-custom-challenge{background: #29abe2;
background: -moz-linear-gradient(top,  #29abe2 40px, #fff 40px);
background: -webkit-linear-gradient(top,  #29abe2 40px,#fff 40px);
background: linear-gradient(to bottom,  #29abe2 40px,#fff 40px);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#fff',GradientType=0 );
}

.well.well-custom.well-custom-challenge img.img-inscripcion{width: 75px; height: 75px; margin-top: 10px}

.zona-rock{background: #fff; padding: 20px; text-align: center}
.zona-evento{padding: 20px 20px 10px 20px; text-align: center; background: #f0f0f0}
.zona-evento img{ -webkit-box-shadow: 0px 0px 28px -1px rgba(0,0,0,.2);
-moz-box-shadow: 0px 0px 28px -1px rgba(0,0,0,.2);
box-shadow: 0px 0px 28px -1px rgba(0,0,0,.2);
max-height: 200px; width: auto; margin:0 auto 10px auto; text-align: center}

.challenge-footer{color:#fff; font-size:13px; text-align:center;padding: 10px 0 30px 0}

body.challenge{
background: #4c6e8d url(../images/bgfull.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


/* =================================== PARTS: IFRAME ======================================= */

.container.container-iframe{max-width:960px; margin:0; width:100%}
.container.container-iframe header{background:#222; padding: 16px; color:#fff}
.container.container-iframe .logo{text-align:center; margin:0; float: left}
.container.container-iframe .logo img{ max-width:100px; margin:0 auto}
.container.container-iframe ul.list-inline li, .container.container-iframe ul.list-inline{margin-bottom: 0}
.powered { padding:12px 20px; font-size:12px; letter-spacing: 0; text-align:center; color:#fff; text-shadow: 0px 0px 6px rgba(0, 0, 0, 1); }
.powered a, .powered a:hover{color:#fff}

/* =================================== MEDIA QUERIES ======================================= */

@media only screen and (max-width : 979px) {
  footer img.img-moderna{float: left;}
  .sponsor img{margin-bottom: 20px}
  table.table-stats, table.table-stats td, table.table-stats tr, table.table-stats tbody{display:block; width:100%; margin:0 auto}
  table.table-stats .number.xl-number{margin:10px auto -25px auto}
}

@media only screen and (min-width : 768px) {
  .lead{font-size:18px}
}


@media only screen and (max-width : 767px) {
  header{padding: 10px 10px 10px 20px}
  .navbar-custom .navbar-nav>li>a{padding-top: 15px; padding-bottom: 15px;}
  h1{font-size: 18px}
  .navbar-custom.subnav{min-height: 0;}
  .social-share-bar{text-align: left}
  .affixed{width: 100%}
  .brand-top-header{padding: 10px 10px 10px 20px}
  .brand-top-header img.img-logo{padding-top: 13px}
  .navbar-nav .open .dropdown-menu>li>a {padding: 10px 15px 10px 25px;}
  .select-custom, .select-custom button{width:100% !important; margin-bottom: 20px; border-radius:0 !important}
  .table-responsive{border:1px solid #eee; box-shadow:0; border-top: none; overflow-y:hidden;}
  .alert.alert-custom{font-size: 12px;  text-align: left;}
  img.img-profile{width:32px; height:32px;  margin-right:5px;}
  .btn-form{float:none}
  .row.row-gallery .img-container .cell{height: 100%}
  .row.row-gallery .img-container .cell img{margin:0 auto; height:auto; min-height: none; width: 100%; max-width: 100%; max-height: inherit;}
  .list-inline-btn li{width:50%; margin: 0 0 10px 0}
  .list-inline-btn li .btn-group{margin: 0; padding: 0}
  .list-inline-btn li a,  .list-inline-btn li div, .list-inline-btn li input, .list-inline-btn li button{float:none; margin:0; width: 100%; padding-top: 12px; padding-bottom: 12px;}
}


@media only screen and (max-width : 480px) {
  ul.list-contact-links li {display:block; float:none; margin-bottom:10px}
  ul.list-contact-links li .btn{width:100%}
  .table-evento {display:block; padding:10px}
  .table-evento .cell{display:block; width:100%; text-align:left !important; float:none; padding:5px}
  .table-evento .tarifa{text-align:left !important;}
  .table-evento .cell .pull-right{float:none !important}
  .table-evento .cell.cell-short{width:auto;}
  .table-evento .cell .btn{width:100%}
  ul.list-steps li{ font-size:13px}
  .form-custom .btn-form .btn{width:100%; display: block; float: none; margin-bottom: 10px}
  .alert.alert-custom span{display: block}
  .tablewrap .cell.cell-short{width:50%;}
  .panel-btn{float:none; display:block; clear:both;}
  .panel-btn a.btn-custom, input.btn-custom, .btn.btn-xs-block{width:100%;  margin-top:10px; padding:10px !important}
  a.btn-custom{padding:10px}
  .input-group-btn a.btn-custom{margin-top: 0; padding: 6px 12px}
  .badge-challenge img{max-width:110px}
  .panel-plans .panel-plans-item, .panel-plans .panel-plans-item:nth-child(2){display:block; margin-right: 0; border:0; padding: 0}
  .container.container-full .logo img { max-width:160px; }
  .panel.panel-custom.panel-important .panel-heading .payment{float:none; text-align: left; display:block; clear: both; padding-top: 10px}
  .cartel-panel, .img-form{height:auto;}
  .list-btn a, .modal-footer .list-btn a, .modal-footer .list-btn .btn, .list-btn input, .modal-footer .list-btn input{float:none; margin:0 0 12px 0; width: 100%; padding-top: 12px; padding-bottom: 12px;}
  .list-btn-small a.btn, .list-btn-small input.btn{width:48% !important; display: inline; float: left; clear: none;}
  .list-inline-btn li{width:100%;}
  .list-inline-btn li{float: none; clear: both; display: block;}
  .list-inline-btn li a,  .list-inline-btn li div{float:none; margin:0; width: 100%; padding-top: 12px; padding-bottom: 12px;}
  .carousel-inner .item img{margin: 0 auto; min-height:inherit;}
  .carousel-inner .item{background: #f0f0f0; height: auto;}
  .modal-open .modal{display: none; overflow-x:auto !important}
  .modal-backdrop.in{opacity: 0 !important; position: relative !important; overflow-x:auto !important}
  .modal-open{position: relative !important; overflow-x:scroll !important; overflow-y:scroll !important; overflow:auto !important}
  .visible-xs-inline{display: block-inline}
  .form-custom .form-group div{margin-bottom: 20px}
}