/*
*--------------------------------------------------------------------------------------------
|   Css Version: 1.1                                                                        |
|   @JesusPv                                                                                |
|   07/07/2017                                                                              |
*--------------------------------------------------------------------------------------------
|   Css Version: 1.0                                                                        |
|   @JesusPv                                                                                |
|   10/02/2017                                                                              |
---------------------------------------------------------------------------------------------
|  * Carrera: 9ª CARRERA CINÉPOLIS®                                                         |
---------------------------------------------------------------------------------------------


/*------------------------------------------------------- MENU PRINCIPAL -------------------------------------------------------*/




.contenedor100 {
    background-color: #00142f; /*<-- Color del menu, linea superior izquierda antes de redes sociales*/
}

.social-header {
    position: relative;
    float: right;
    width: auto;
    height: 45px;
    background-color: #00142f  !important; /*<-- Color del menu de ICONOS de redes sociales parte superior*/
}

#container_fluid_menu {
    background-color:#00142f; /*Color del contenedor del logo y letras del menu*/
}

#container-fluid{
    background-color: #061b38; /*Color del contenedor del logo y letras del menu*/
}

.navbar-inverse, .top-header-space {
    background-color: #00142f !important; /*Color debajo del contenedor del logo y letras del menu*/
    border-color: #00142f !important;/*Color del borde del menú*/
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
  background-color: #2157b8;
}

/* --------------------------------------------Color fondo todo el documento -------------------------------------------------*/
body, #wrapper{
    /*background-image: url(http://www.carreracinepolis.com/Content/img/img-bground.jpg); /* background del proceso de inscripción * /
    background-attachment: fixed;*/
    background-color: #061b38;
    color:white !important;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
}

.row{
    margin-right: 1px;
    margin-left: 1px;
}
.row h3{
    color: #fbc32a;
}
fieldset h2{
    color: #fbc32a;
}


/* BOTON DE INSCRIPCIÓN */
.btn-default, .boton_inscripciones,.btnR, .boton {
    background-color: #4a90e2 !important; /*Color del boton*/
    color: white !important ;                     /*Color de letra dentro del boton*/ 
    cursor: pointer;
    font-family: "Raleway",sans-serif;
    width: 100%;
    max-width: 364px;
    border-radius:5px;
}

.btn-default:hover{
  color:white !important;
  background-color:#2157b8  !important;
}
.boton_inscripciones:hover {
  color: white !important;
  background-color:#2157b8  !important;
}

/* ESTILO DE BOTONES */
.btnR, .boton {
    font-size: 14px;
    font-weight: 600;
    min-height: 48px;
    padding: 16px 20px;
    position: relative;
    text-align: center;
    transition: all 0.2s linear 0s;
    width: 364px;
    border: 0px solid transparent;
    border-radius: 5px;
}


/*-------------------------------------------------------PIE DE PÁGINA-------------------------------------------------------*/
.footer_titulo {
    color: #fbc32a; /*<-- Color de los titulos del footer*/
}

.footer_secciones_link {
    color: #4a90e2 !important; /*<-- Color de los links a otras páginas dentro del footer*/
}

.footer_container, #container_fluid_copyright, .copyright_container{ /* Contenedor del footer */
    color: aliceblue; /* Color de letras del footer */
    background: #00142f !important;
}

footer{
background-color: transparent!important;
}
/*FIN PIE DE PÁGINA*/

/*==============================================INICIA CSS DETALLE DEL EVENTO=======================================================*/
#eventdetail_release_container_event, .container_eventos_detalles, #content{
  position:relative;
  height:auto;
/*Color del Fondo del detalle de los eventos y contenedores en pasos de inscripción */    
  background-color:#00142f;
/*  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.7);*/
  margin:30px auto 0 auto;
  padding:15px 20px 20px 20px;
  }
tr:nth-child(even){
    background-color:#00142f; /*Color de tablas del formulario multiple (recomendado colocar el mismo color que "#eventdetail_release_container_event, .container_eventos_detalles, #content".) */
}

/*---------------------------------------Imagen Header----------------------------------------------------*/
#eventdetail_release_image_header, .container_header_contacto{
  position:relative;
  height:285px;
  background: url(headerTR.png) no-repeat center;/*<-- Al ingresar al evento se mostrara en la parte superior del mismo, al verlo en dispositivos móviles solo tomará el centro de la imagen, la misma imagen será utilizada para el proceso de inscripción y resultados*/
  background-size: cover;
  margin:0 auto 0 auto;
  }


/*IMAGEN LOGO EVENTO*/
#eventdetail_release_logo_event{
  position:relative;
  width:140px;
  height:140px;
  background: url(http://stage.cinepolis.com/carrera-cinepolis-2016/Content/img/lg-carrera.svg) no-repeat center center / 90%;/*<-- Al ingresar al evento se mostrará en la parte superior delante del header y antes del nombre del evento*/
  background-color: #00142f;/*<-- Color de fondo del logotipo*/
  border:solid 2px white; /*Grosor y color del borde del logotipo del Evento */ 
  float:left;
  padding: 10px;
  margin-left:20px;
  margin-top:-80px;
  }
.container_header_secciones_eventos_detalle_titulos{
    color: #f1bb33; /*Color de texto del titulo del evento*/
}

#eventdetail_release_container_detail{
    background-color: #9b204d; /*<-- Color del contenedor del titulo del evento*/
}

#eventdetail_release_container{
  background:transparent;/*<-- Color de fondo del contenedor de los datos (dos franjas del color, una debajo del nombre del evento y la otra arriba de los patrocinadores*/
  z-index:1;
  }

#eventdetail_release_detail_title{
  position:relative;
  width:100%;
  height:auto;
  line-height:25px;
  font-family: "Raleway",sans-serif;/*<--Tipografía de los Titulos (Detalles eventos, Descripcion, Patrocinadores)*/
  font-weight: 400;
  color:#302f2f; /*<--Color Titulos (Detalles eventos, Descripcion, Patrocinadores)*/
  font-size:25px;
  text-shadow: 0px 4px 5px rgb(175, 173, 173);
}

/*.container_event_sidebar*/
#eventdetail_release_sidebar{
  background-color:#00142f;/*<--color de fondo columna derecha detalles*/
  width:259px;
  height:auto;
  padding:10px 20px 35px 20px;
  margin:10px auto;
  border: 1px solid rgba(33, 87, 184,.2);
}

/*.boton INSCRIBETE AQUÍ*/
#eventdetail_release_boton_inscription{
  position:relative;
  width:auto;
  height:35px;    
  background-color:#4a90e2; /*<--- Color del boton situado en el contenedor de la segunda columna */
  cursor:pointer;
  color:blue;             /*<--- Color de letra del boton en el contenedor de la segunda columna  */
  font-size:15px;
  font-family: 'Raleway', sans-serif; 
  font-weight:600;
  text-align: center;
  line-height:35px;
  margin-top:20px;
  transition: all 0.2s linear 0s;
  letter-spacing:1px;
}

/*.boton_inscripciones:hover{*/
#eventdetail_release_boton_inscription:hover{
  background-color:#2157b8 ; /*<--- Color del boton situado en el contenedor de la segunda columna al pasar el raton sobre el elemento*/
  color:white;        /*<--- Color de letra del boton situado en el contenedor de la segunda columna al pasar el raton sobre el elemento*/
  text-decoration: none;

  }

#eventdetail_release_boton_inscription a:hover{
  text-decoration: none;
  color:white; 
  }


.container_proximos_eventos_titulos{
 color: #fbc32a;
}

/*.border_bottom_negro*/
#eventdetail_release_separation_border{
  position:relative;
  width:100%;
  height:1px;
  background: rgba(33, 87, 184,.2); /*<--- Color Lineas de división entre segmentos dentro del evento*/
}

/*----------------------------Detalle del texto dentro del evento-----------------------------------------------*/  
/*.texto_bold_detalle_evento*/
#eventdetail_release_text_bold, #divSectionInscripcionPaso1{
  position:relative;
  width:100%;
  height:auto;
  line-height:25px;
  font-family: "Raleway",sans-serif;
    font-weight: 600;
  /*color:black !important; /*<--- Color de letra del texto dentro del evento*/
  font-size:15px;

}
/*Espacio entre texto y titulos*/
.padding_texto_bold_detalle_evento{
  position:relative;
  padding: 0 0 15px 0;

}

/*.descripcion_detalle_evento a{*/
#eventdetail_release_text_bold a{
    color: gray; /*<-- Color de cualquier link dentro del apartado DESCRIPCION*/
}

#eventdetail_release_text_bold a:hover{
    color: #2157b8; /*<-- Color de cualquier link dentro del apartado DESCRIPCION al posicionar el raton sobre el elemento (hover)*/
    text-decoration: underline;
}

/*==============================================TERMINA CSS DETALLE DEL EVENTO=======================================================*/



/*============================================== INICIA FORM DE INSCRIPCIÓN=======================================================*/

label{
 color: white !important;   /*Color de letra dentro del formulario*/
 display: block;
}

label.error{
  font-size:.6em;
  color:lightgray;

}


.form-control, .select_form_contacto, .input_form_contacto{
    background-color: white !important; /*Color de fondo de los input de los formularios*/
    border: none;
    color: #222;
    

}

.container_form_row_input_left{
  border:none;
}

/*.form-control,.input_form_contacto {
  margin:9px auto;
}*/

#Ins2InfoPersonal{
    color: aquamarine !important;
}

/* Color del texto para códigos promocionales INVALIDOS*/
#lMSGCodigo{
 color: #a22741;   
}

/*Border error input formulario*/
.form-control.error, .sm-form-control.error{
    border-color: #E42C3E; 
    border-width: 2px;
}
/*========================================= INICIA FORM DE INSCRIPCIÓN multiple====================================================*/
#eventRaceImg{
    width: 260px;
}

.headercolumn{
 background-color: #0b5ba1 !important;   
 color: aliceblue;
}

#divIframeAmex div{
    color: red;
    font-size: 14px;
}

.container_header_secciones_titulo{
  color:#fbc32a;
}



/*================================================ INICIA PASO 4 (confirmación) ====================================================*/

#Ins2DetallesCarrea, #Ins2InfoCarrera,#Ins2InfoPersonal{
   float: left;
   margin: 10px;
   padding: 10px;
    width: 350px;
   max-width: 500px;
   height: 515px;
   border: 1px solid rgba(33, 87, 184,.2);
   box-shadow:none;
}  

.tituloSectionInscripcionPaso2{
    color: aliceblue;
    background-color: #0b5ba1;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    text-align: -webkit-center;
    margin-bottom: 15px;
    font-weight: bold;
}

#spnExoneracion{
  font-size: .8em;
}

.labelvalor {
    color: #4a90e2;
    text-align: left;
}
.labelIns {
    color: #fbc32a;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

#view_faqs_faq .linkOscuro{
  padding: 10px 0;
  border-bottom 1px solid rgba(33, 87, 184,.4);
}

@media screen and (max-width: 480px) {
    #Ins2DetallesCarrea, #Ins2InfoCarrera, #Ins2InfoPersonal {
        width: 100%;
        border: 1px solid rgba(33, 87, 184,.2);
    }
}
/*========================================= FINALIZA PASO 4 (confirmación) =============================================*/


/* 

Azul             #2157b8 
Azul Claro       #4a90e2
Azul Oscuro      #00142f
Amarillo         #fbc32a
Azul  borde rgba(33, 87, 184,.2)


*/

/*================================================ INICIA RESULTADOS====================================================*/
#result_container_event_section, #result_container_event{
    background-color: #00142f !important; /*Contenedor de los datos de resultado*/
}
.fontColorRojo{
  color:  #fbc32a  !important;   /*Color de letra */
}
.fontColorBlanco{
    color: white !important; /*Color de letra */
}

.fontColorGris{
    color: #4a90e2 !important; /*Color de letra */
}

.fontColorVerde{
  color: #fbc32a !important; /*Color de letra */
}
.table_blue_resultados a{
    color: white !important; /*Color de titulo de tabla hombres (lado izquierdo) */
}

.table_blue_resultados thead tr:nth-child(1){
    background-color: #053A70; /*Color de Filas titulo hombres (lado izquierdo) */
}

.table_blue_resultados tbody tr:nth-child(2n){
    background-color: #0c213e !important; /*Color de Filas hombres cuerpo (lado izquierdo) */
}

.boton_general{
    background-color: #4a90e2 !important; /*Color de fondo de los botones*/
    
}

.boton_general:hover{
    background-color: #2157b8 !important; /*Color de fondo de los botones*/
    color: white;
}

.table_blue_resultados thead tr:nth-child(2){
    background-color: #9ad3ef !important; /*Color de Filas hombres thead (lado izquierdo) */
    color: #053a70 !important;
}



/************************ TABLA ROJA (LADO DERECHO) ***********************/
.table_red_resultados thead tr:nth-child(1) {
    background-color: #ffcb06 !important; /*Color de Filas titulo Mujeres (lado derecho) */
}

.table_red_resultados thead tr:nth-child(2) {
    background-color: #f3da7c !important;/*Color de Filas Mujeres (lado derecho) */
    color: #987803 !important;
}

.table_red_resultados tbody tr{
    background-color: #3c382b !important; /*Color de Filas Mujeres (lado derecho) */
}
.table_red_resultados tbody tr:nth-child(2n){
    background-color: #585134 !important; /*Color de Filas Mujeres (lado derecho) */
}

.table_red_resultados a{
    color: white !important;
}
/************************ TERMINA TABLA ROJA (LADO DERECHO) ***********************/
.table_red_resultados a:hover, .table_blue_resultados a:hover{
    color: #ffcb06 !important; /* Hover Nombres dentro de ambas tablas (red & blue) */
}
/*================================================ FINALIZA RESULTADOS====================================================*/