/* Copyright 2013-2016 Start Bootstrap :: Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 * Creative Design License - Tonic + Makko IT
*/

/* Global Styles */
html, body {height: 100%;}
body {padding-top: 70px;}
h2{text-transform: uppercase;color: #66cbff;font-weight: bold;font-size: 20px;}
.space20{padding-top: 30px;padding-bottom: 30px;}
.space50{padding-top: 60px;padding-bottom: 60px;}
.btn-primary{background-color: #ffcc00;padding-left: 10%;padding-right: 10%;border: 1px solid #ffcc00;border-radius: 15px;text-transform: uppercase;font-size: 11px;font-weight: bold;}
.btn-lightblue{background-color: #66cbff;padding-left: 10%;padding-right: 10%;border: 1px solid #66cbff;border-radius: 15px;text-transform: uppercase;font-size: 11px;font-weight: bold;}
.btn-back{background-color: #66cbff;padding-left: 3%;padding-right: 3%;border: 1px solid #66cbff;border-radius: 15px;text-transform: uppercase;font-size: 11px;font-weight: bold;}

.oclock_blue{background-color: #004799;color: #fff;}
.oclock_cblue{background-color: #009de0;}
.oclock_lightblue{background-color: #66cbff;color: #fff;}
.oclock_grey{background-color: #f0f0f0;}
.oclock_dgrey{background-color: #42454c;}
.oclock_yellow{background-color: #ffcc00;}

.oclock_pgrey{color: #444;}

.navbar{background-color: #fff;}
.navbar-collapse{background-color: #fff;}
.navbar-toggle .icon-bar{background-color: #666;}
.navbar-header img{width: 255px;margin-top: -8px;}

.admin-menu{text-align: right;width: 60%;margin: 0 0 0 auto;padding: 4px 0;}
.admin-menu a{border: 1px solid #009de0;border-radius: 12px;margin: 3px 5px;padding: 2px 14px;font-size: 10px;text-transform: uppercase;}
.admin-menu a:hover{text-decoration: none;background-color: #009de0;color: #fff;}

header.carousel{height: 50%;}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {height: 100%;}
header.carousel .fill {width: 100%;height: 100%;background-position: center;background-size: cover;}

img#oclockScroll{width: 3%;padding-top: 10px;}
.oclockSponsors{padding: 40px 0 0 0;}
#oclockVideo{width: 22%;position: absolute;top: -70px;right: 0px;}

.oclock-run-item{background-color: #42454c;padding: 10px 15px;}
span.run-date{color: #fe9900;text-transform: uppercase;font-size: 12px;}
.oclock-run-item p{color: #fff;text-transform: uppercase;font-weight: bold;font-size: 13px;margin-top: 5px;}
.oclock-run-detail{padding: 10px 0 15px 0;}
.oclock-run-detail p{color: #999999;line-height: 1;margin: 0;padding: 0;text-transform: uppercase;font-size: 11px;}

.img-portfolio {margin-bottom: 0px;}
.img-cliente, .img-portfolio2{margin-bottom: 20px;}
.img-hover:hover {opacity: 0.8;}


.show-image {position: relative;background: rgba(0, 0, 0, 0.9);transition: background 0.5s ease;}
.show-image a.btn-detalles{display:none;position:absolute;top:43%;left:12%;width: 76%;font-size: 11px;font-weight: bold;}
.show-image:hover img{opacity:0.3;}
.show-image:hover a.btn-detalles{display: block;}


/* Footer Styles */
footer {margin: 50px 0 0 0;padding-top: 20px;}
.footerLogo img{float: left;width: 10%;margin-right: 20px;}
.footerLogo p{line-height: 1;font-size: 12px;padding-top: 10px;}
a#copyright, a#poweredby{font-size: 12px;color: #66cbff;}
a#coypright:hover, a#poweredby:hover{color: #66cbff;text-decoration: none;}
.footerCopy{padding-top: 15px;}
.footerMenu p a{font-weight: bold;text-transform: uppercase;color: #fefffe;}
.footerAdminMenu p{font-size: 12px;}
.footerAdminMenu p a{text-transform: uppercase;color: #66cbff;}


/* Gens 4 all */
.oclockSeccionIntro{position: relative;}
.oclockSeccionIntro img{z-index: 1;}
.oclockSeccionIntro h1{position: absolute;top: 30%;left: 15%;z-index: 10;font-size: 70px;text-transform: uppercase;color: #fff;font-weight: bold;}

/* About Us */
.oclockUs{position: relative;}
.img-bottom-lock{position: absolute;bottom: 0px;left: 4%;width: 43%;}
.oclockMision p{color: #fffefe;width: 90%;margin: 0 auto;line-height: 1.4;}

.oclockValoresImg{width: 70%;}
.oclockValores h2{margin-top: 23%;margin-bottom: 30px;}
.oclockValores p{text-transform: uppercase;color: #42454c;line-height: 0.8;font-size: 20px;}
.oclockValores p span{color: #66cbff;}

.oclockServicios{}
.oclockServicios h2{color: #fff;}
.oclockServicios h3{color: #fff;font-weight: normal;}
.oclockServicios p{color: #444444;line-height: 0.9;}
.oclockServicios p span{color: #fff;}

/* Events */
.oclockEventDescr{text-transform: uppercase;padding-top: 50px;padding-bottom: 30px;}
.oclockEventDescr h1{color: #67cdfe;margin: 5px 0 10px 0;font-weight: bold;}
.oclockEventDescr p{color: #999;line-height: 0.7;}
.oclockEventDescr p span{color: #fe9a00;}

.control-group label{color: #66cbff;text-transform: uppercase;font-size: 11px;font-weight: normal;}
.form-control{color: #009cdf;border: 1px solid #009cdf;border-radius: 17px;}
	.list-group-item{text-transform: uppercase;}
	.list-group-item:first-child{border-radius: 0;}
	.list-group-item:last-child{border-radius: 0;}
	.list-group-item, button.list-group-item{background-color: #F0F0F0;}
	.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{background-color: #ffcc00;border-color: #ffcc00;color: #444;z-index: 2;}
	
	.oclockEventData{text-transform: uppercase;line-height: 0.9;}
	.oclockEventData h3{color: #65cefe;font-size: 15px;}
	.oclockEventData p{color: #444;font-size: 12px;}
	.oclockEventData span{}


/* Resultados */
.oclock-CatRes{background-color: #ffcc00;text-align: center;}
.oclock-CatRes h2{color: #444;font-size: 14px;padding: 5px 0 30px 0;}
.oclock-CatRes p{color: #fefefe;text-transform: uppercase;font-size: 18px;font}
.oclock-CatRes p span{color: #444;font-size: 12px;}
.oclockThirdP, .oclockFirstP, .oclockSecondP{background-color: #ff9900;}
.oclockThirdP img, .oclockFirstP img, .oclockSecondP img{width: 80%;vertical-align: bottom;}
.oclockThirdP{padding: 10px 0;}
.oclockFirstP{padding: 30px 0;}
.oclockSecondP{padding: 20px 0;}


/* Contacto */
.oclockContacto{padding-top: 20px;padding-bottom: 10px;}
.oclockContacto h1{color: #66cbff;font-weight: bold;font-size: 25px;}
.oclockContacto p{line-height: 0.6;color: #454545;}
.oclockContacto p span{}

.oclockContactoForma{padding-top: 40px;padding-bottom: 30px;}
.oclockContactoForma h2, .oclockContactoForma p{color: #fff;text-align: center;}
.oclockContactoForma form input[type="text"]{color: #009de0;border-radius: 0;}
.oclockContactoForma form textarea{color: #009de0;border-radius: 0;}


/* Login */
.loginOclock{}
.loginOclock h1{color: #64ccff;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.loginOclock form input[type="text"], .loginOclock form input[type="password"]{border-radius: 0px;background-color: #f0f0f0;border: none;}
.loginOclock a{}
.loginOclock .btnRegistro{background-color: #fff;padding-left: 16%;padding-right: 16%;border: 1px solid #65cdff;border-radius: 15px;text-transform: uppercase;font-size: 11px;font-weight: bold;color: #65cdff;}
.loginOclock .btnFacebook{background-color: #004799;padding-left: 16%;padding-right: 16%;border: 1px solid #004799;border-radius: 15px;text-transform: uppercase;font-size: 11px;font-weight: bold;color: #fff;margin-bottom: 10px;}

/* Registro */
.oclockRegWelcome h1{text-align: center;color: #67ccff;text-transform: uppercase;font-size: 18px;font-weight: bold;}


.oclockRegistroForma{padding-top: 40px;padding-bottom: 30px;text-align: center;}
.oclockRegistroForma h3{color: #999;font-size: 14px;text-align: left;padding-left: 15px;}
.oclockRegistroForma label span{font-size: 14px;font-weight: bold;}
.oclockRegistroForma form input[type="text"], .oclockRegistroForma form input[type="password"]{color: #009de0;border-radius: 0;background-color: #f0f0f0;}
.oclockRegistroForma form select{color: #009de0;border-radius: 0;background-color: #f0f0f0;}
.oclockRegistroForma form select:focus, .oclockRegistroForma form input[type="text"]:focus, .oclockRegistroForma form input[type="password"]:focus{background-color: #fff;}
.oclockRegistroForma form textarea{color: #009de0;border-radius: 0;}

.btn-cancel{background-color: #fff;color: #029de0;text-transform: uppercase;border: 1px solid #029de0;border-radius: 15px;font-size: 11px;padding-right: 9%;padding-left: 9%;}

/* Privacidad */
.oclockPrivacidad{padding-top: 20px;padding-bottom: 10px;}
.oclockPrivacidad h1{color: #66cbff;font-weight: bold;text-align: center;}


/* Usuario */
.oclockUsrPerfil{background-color: #ffcc00;}
.oclockUsrPerfil h2{color: #444;text-align: center;font-size: 14px;margin-bottom: 30px;}

.oclockProfileInfo{}
.oclockProfileInfo h2{margin-top: 0px;padding-top: 0px;}
.oclockProfileInfo p{line-height: 1;color: #999;}
.oclockProfileInfo p span{color: #66cbff;}

.oclockBack{padding-top: 10px;}
.oclockBack a{color: #ffcc00;}

.oclockUsrResultado{background-color: #f0f0f0;}
.oclockUsrResultado h2{color: #444;font-size: 14px;}
.oclockUsrResultado h3{color: #65cdff;text-transform: uppercase;margin-bottom: 30px;}
.oclockWhiteResult{background-color: #fff;color: #444;padding-top: 20px;padding-bottom: 20px;}
.oclockWhiteResult span, .oclockWhiteResult abbr{color: #ffcb01;font-size: 40px;text-transform: uppercase;font-weight: bold;}

.oclockYellowResult{background-color: #ffcc00;color: #444;padding-top: 20px;padding-bottom: 20px;position: relative;}
.oclockYellowResult img{width: 100%;position: absolute;top: 5%px;left: 0px;z-index: 1;}
.oclockYellowResult span, .oclockYellowResult abbr{color: #fff;font-size: 40px;text-transform: uppercase;font-weight: bold;}

.oclockWhiteTimeResult{background-color: #fff;color: #444;padding-top: 30px;padding-bottom: 30px;}
.oclockWhiteTimeResult span{color: #ffcb01;font-size: 20px;text-transform: uppercase;}

.oclockResParcial{color: #444;padding-top: 30px;padding-bottom: 30px;}
.oclockResParcial span{color: #ffcb01;font-size: 20px;text-transform: uppercase;}

#tabs_evento a{cursor: pointer;}


/* ADMIN STYLES */

.nav_active{background-color: #ffcc00;}
.nav_active a{color: #333;}

.oclockWhiteListing{background-color: #fff;color: #444;padding-top: 30px;padding-bottom: 30px;}
.oclockWhiteListing h4{font-size: 13px;line-height: 1;margin: 0 0 15px 0;padding: 0;}
.oclockWhiteListing h4 span{color: #ffcb01;font-size: 25px;text-transform: uppercase;}
.oclockWhiteListing p{text-transform: uppercase;color: #444;line-height: 1;font-size: 11px;}
.oclockWhiteListing p span{color: #ffcb01;font-size: 13px;}

.file-control{width: 100%;}
.form_dashboard{float:left;}

.img-presponsive{width: 100%;display: block;border: 1px solid #000;}

/* Org Styles */



/* Payment Styles */
.oclockPayment{background-color: #009de0;}
.oclockPayment h2{color: #fff;text-align: center;font-size: 16px;margin-bottom: 10px;margin-top: 20px;}
.oclockPayment h3{color: #fff;text-align: left;font-size: 15px;text-transform: uppercase;padding-bottom: 15px;}
.oclockPayment h4{color: #fff;font-size: 14px;text-transform: uppercase;padding-bottom: 10px;}
.oclockPayment p{color: #fff;}


/**/


/* Responsive Styles */
@media(max-width:991px){
	.img-bottom-lock{display: none;}
    .customer-img, .img-related {margin-bottom: 30px;}
}

@media(max-width:767px) {
    header.carousel .carousel{height: 70%;}
}

@media(max-width:767px){
	body{padding-top: 50px;}
    .navbar-header img{width: 154px;height: auto;}
    #oclockVideo{display: none;}
    .oclockValores{text-align: center;}
}

@media(max-width:767px){
	.admin-menu{display: none;}
	.oclockSeccionIntro h1{
        font-size: 2em;
    }
}

/* Pricing Page Styles */
.price {display: block;font-size: 50px;line-height: 50px;}
.price sup {top: -20px;left: 2px;font-size: 20px;}
.period {display: block;font-style: italic;}


/* 404 Page Styles */
.error-404 {font-size: 100px;}

/*OXXO*/
.opps-red{color: red;}
.pt-1 {
	padding-top: 1em;
}

.pl-1 {
	padding-left: 1em;
}

.pr-1 {
	padding-left: 1em;
}
.pr-2 {
	padding-left: 1.5em;
}

.pt-2 {
	padding-top: 1.5em;
}

.mt-0 {
	margin-top: 0;
}
.mt-1 {
	margin-top: 1em;
}

.mt-2 {
	margin-top: 1.5em;
}

.m-auto {
	margin: auto;
}

.m-0 {
	margin: 0;
}

.mb-2 {
	margin-top: 1.5em;
}
.my-2 {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

.mx-1 {
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}
.mx-2 {
	margin-left: 1.5em;
	margin-right: 1.5em;
}

.d-flex {
	display: flex;
	flex: 0 0 auto;
}

.flex-nowrap{
	flex-wrap: nowrap;
}

.mr-1 {
	margin-right: .5em;
}
.mr-2 {
	margin-right: 1em;
}

.ml-auto{
	margin-left: auto;
}



/*  (¯`·._.··¸.-~*´¨¯¨`*·~-.,-( Resultados virtuales  )-,.-~*´¨¯¨`*·~-.¸··._.·´¯)  */
:root {
	--color-rv: rgb(96 97 101);
}
.container__parciales #wrp_txt_subir_resultados {
	/*opacity: 0;
	visibility: hidden;
	height: 1px;*/
}


.container__parciales .container {
	height: 1px;
	opacity: 0;
	transition: all 0.3s;
}
.container__parciales.mostrar .container {
	height: auto;
	opacity: 1;
}
.container__parciales {
	background-color: #42454c;
	color: #fff;
	padding: 3.7rem;
	height: 1px;
	opacity: 0;
	transition: all 0.3s;
}
.container__parciales.mostrar {
	height: auto;
	opacity: 1;
}
.container__parciales .wrp__numeracion {
	display: inline-block;
	float: left;
	position: relative;
	top: 8px;
}

.container__parciales .list-group-item {
	background-color: transparent;
	border: transparent;
}


.container__parciales .btn-secondary {
	background-color: var(--color-rv);
	border: 1px solid;
	color: white;
}

.container__parciales .btn-secondary:hover,
.modal-resultados-virtuales .btn-secondary:hover{
	color: white;
}

.mt-3 {
	margin-top: 2.75rem;
}
.modal-resultados-virtuales .btn-secondary  {
	background-color: var(--color-rv);
	border: 1px solid white;
	color: white;
}


.modal-resultados-virtuales {
}

.modal-resultados-virtuales {
	background-color: var(--color-rv);
	color: white;
}

.modal-resultados-virtuales .modal-header {
	border-bottom-color: rgb(120 120 121);
}
.modal-resultados-virtuales .modal-footer {
	border-top-color: rgb(120 120 121);
}

/*  (¯`·._.··¸.-~*´¨¯¨`*·~-.,-( END . Resultados virtuales  )-,.-~*´¨¯¨`*·~-.¸··._.·´¯)  */

.btn-primary.btn-resultado-virtual:hover {
	color: #d9534f;
	background-color: white;
}

.btn-primary.btn-resultado-virtual {
	background-color: #d9534f;
	border-color: #d9534f;
}


/*  (¯`·._.··¸.-~*´¨¯¨`*·~-.,-(  BLOCK UI )-,.-~*´¨¯¨`*·~-.¸··._.·´¯)  */

.blockUI.blockOverlay{
	z-index: 1080 !important;
}
.blockUI.blockMsg.blockPage{
	z-index: 1081 !important;
}