/*
*--------------------------------------------------------------------------------------------
|   Css Version: 1.1                                                                        |
|   @JesusPv                                                                                |
|   07/07/2017                                                                              |
*--------------------------------------------------------------------------------------------
|   Css Version: 1.1                                                                        |
|   @JesusPv                                                                                |
|   03/07/2018                                                                              |
---------------------------------------------------------------------------------------------
|  * Carrera: Cinepolis Morelia 2018                                                         |
---------------------------------------------------------------------------------------------

/*----------------------------------------- MENU ----------------------------------------------------*/
.container-fluid, .navbar-inverse {
    background-color: #12af0a; /* Color de fondo del menu principal*/
    border-color: #12af0a;
}
.navbar-inverse .navbar-nav > li > a {
    color: #0124a7 !important; /* Font color del los items del menu */
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {
    background-image: -webkit-linear-gradient(top, #8BC34A 0%, #00ff13 100%);
    background-image: -o-linear-gradient(top, #8BC34A 0%, #00ff13 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8BC34A), to(#00ff13));
    background-image: linear-gradient(to bottom, #8BC34A 0%, #00ff13 100%);
}

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

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #000000;
    color: #e1002f;
    border: 1px dotted #E1002F;
}

.social-header {
    position: relative;
    float: right;
    width: auto;
    height: 45px;
    background-color: #096505;
}

.container_header_eventos_detalle_thumbs{
   background-color: blue !important;  /*back cintillo nombre del evento */
}

body {
    color: #fff;
    background-color: #2a7cb3;
}

.panel-title {
    background-color: #107a98; /*Color de fondo de los panales*/
    color: #1c364d;
}
.panel-title:hover {
        background-color: #2d6474;/*Color de fondo de los panales al pasar el raton encima del div*/
        color: aliceblue;
    }

.boton_inscripciones, .btnloginInscripcion, .btn-default {
    background-color: #d606e7 !important;
}
.titleSocialLinks{
        color: #2d6474 !important;
    border-bottom: Solid #d606e7 !important;
    
}

.container_header_secciones_eventos_detalle{
    background-color: forestgreen !important;
    background: url() forestgreen;
}

.footer_container {
    background: url() #12af0a;
}
/*paso1*/
/*=========================================================================================================*/
.top-header-space{
    background-color: #9d4545;
}
#wrapper {
    background-color: blue; /* background del fondo */
}

#content {
    background-color: #8e2a2a;
}
/*=========================================================================================================*/
/*paso2*/
/*=========================================================================================================*/

label {
    color: #00ffdd !important;
}


.select_form_contacto {
    background-color: #49ce1a;
    border: solid 1px #00bbfd;
    color: #ad2b2b;
}


/*=========================================================================================================*/
/*paso3*/
/*=========================================================================================================*/

.tituloSectionInscripcionPaso2 {
    color: aliceblue;
    background-color: #2c4922 !important;
}




/*
Inamovibles
-Logo de Total running en el menú superior
-Logos de redes sociales en la parte superior derecha
-Logos de redes sociales en la parte inferior de la página (antes del footer)
-Logo inamobible del footer (escala de grises)





*/



/*---------------------------------------Imagen Header----------------------------------------------------*/
/* Imagen de los patrocinadores*/
/*En caso de no haber inscripciones el sigiente div da estilo a la leyenda " No hay numeros disponibles"*/
#divMsgNoHayInscripciones{
    color: #D9002D;
    font-size: 25px;
    text-align: center;
    padding-top: 40px;
    
}


 /** Comienza ediciÃ³n del acordeon de la convocatoria **/
    div.panel {
    color: #fff; /*<-- Color de la fuente*/
    background-color: #00285d; /*<-- Color de fondo dentro del acordeon */
    max-height: none;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 1;
    }
            
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
        max-width: 820px;
        min-width: 300px;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        
        border-color: #D9002D;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: white;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

/* ----- v CAN BE DELETED v ----- */

.demo {
    padding-top: 5px;
    padding-bottom: 20px;
}
/** FINALIZA ediciÃ³n del acordeon de la convocatoria **/

/** FINALIZA ediciÃ³n del acordeon de la convocatoria **/
/*================================================ INICIA PASO 2 ====================================================*/

#Ins2DetallesCarrea .itemImgEvento { 
    display: none;  /*Elimina la imagen repetida en el paso 2*/
}
/*================================================ INICIA PASO 2 ====================================================*/

/*================================================ 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(217, 0, 45,.4);
   box-shadow:none;
}  

.tituloSectionInscripcionPaso2{
    color: aliceblue;
    background-color: #D9002D;
    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: #fff;
    text-align: left;
}
.labelIns {
    color: #49ce1a;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

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

@media screen and (max-width: 480px) {
    #Ins2DetallesCarrea, #Ins2InfoCarrera, #Ins2InfoPersonal {
        width: 100%;
        border: 1px solid rgba(217, 0, 45,.4);
    }
}

 
/*========================================= FINALIZA PASO 4 (confirmaciÃ³n) =============================================*/

/* --------------- prueba ocultar tiempo estimado --------------------
#spnSelectEstimados, #hraeRegRange{
visibility: hidden;    
height: 2px;
}
 --------------- prueba ocultar tiempo estimado --------------------*/