
#top-bar{
    background-color: white;
}

.webSite_title{
    color: #fff !important; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
    
}

.webSite_subTitle{
    color: white !important; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
.EventResult_eventTitle{
    color: white !important; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
.eventResult_eventName, .eventResult_loaderboardName{
    color: black!important; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
#wrapper{
    background: url('http://www.marcate.com.mx/system/application/views/general/asset/img/background/background3Original_1300pxX1300px.jpeg') fixed center center; background-size: 100% !important;
}

.eventResult_containerResult{
    background-color: white;   
    -webkit-box-shadow: 4px 4px 5px 0px rgba(194,192,194,1);
-moz-box-shadow: 4px 4px 5px 0px rgba(194,192,194,1);
box-shadow: 4px 4px 5px 0px rgba(194,192,194,1);

}
.divider{
        margin: 5px 0;
        color: #89bc4e;
        
}
.divider:after,
.divider.divider-center:before,
.divider.divider-center.divider-short:before {
	border-top: 1px solid #89bc4e;
}


.entry-meta li i{
    color: #98be50 !important;
    margin-left: -20px !important;   
}

.testimonial {
    position: relative;
    padding: 10px;
    background-color: #f1efef;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

@media (max-width: 992px) {
.container {
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    }
}
#webSite_marcateLogo{
    width: 200px;
}

#webSite_marcateSlogan{
    font-style: italic; 
    color: grey;
}

.webSite_marcateSlogan .eventResult_detailtext{
     font-style: italic; 
    color: grey;
}

.webSite_itemSubtitle{
    color: #f0ad4e !important;
}

.webSite_footer{
    background: url('//media.marcate.com.mx/webAsset/site/marcate.com.mx/v2015/img/blackPattern5.jpg') repeat-y ; 
    padding: 20px; background-size: cover;
}


/*----------------------------------------------------*/
/*EVENT RESULT*/
/*----------------------------------------------------*/
.eventResult_headImage{
background: url('//media.marcate.com.mx/webAsset/site/marcate.com.mx/v2015/img/reg/typing1.jpg') no-repeat center; 
    background-size: cover; 
    padding: 60px;    
}
.webSite_iconWhite{
    color: white;
    
}

.eventResult_imageEventResult{
  width:100%;   
}

.eventResult_titleResult a{
    color: grey;
}

.eventResult_titleResult a:hover{
    transition-duration: .5s;
    color: #89bc4e;
}

.eventResult_columnButtonEventResult{
    position: absolute;
    bottom: 0;
}
.eventResult_buttonEventResult{
    
}
.eventResult_columnImageEventResult img {
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:100%;
}
.eventResult_columnImageEventResult:hover img {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
}



h2{
    border-bottom: 2px solid red !important;
}

.sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover {
    background-color: red !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.feature-box .fbox-icon i, .feature-box .fbox-icon img {
    background-color: red;
}


/*----------------------------------------------------------
        Cambios especificos para Marcate
------------------------------------------------------------*/
.feature-box.fbox-center.fbox-small .fbox-icon i {
    font-size: 20px;
    line-height: 52px;
}
.feature-box.fbox-center.fbox-small .fbox-icon {
    width:  55px;
    height: 55px;
}


.webSite_itemFooter{
    color: #888;
}

.webSite_itemTitle{
    color:#98be50;
    font-style: italic;
}

.bib{position: relative; 
    top: 0px; 
    right: 0; 
    font-size: 40px; 
    color: black; 
    line-height: 40px;
}
.eventResult_detailSubtitle{
    font-size: 20px;
}

element.style {
    cursor: pointer;
    min-height: 75px;
}

.eventResult_containerPerson{
    background-color: #ffebeb;
}