/***************INICIO ELEMENTOS COMBOS*******************/


/***inicio estilos generales*****/
.dropdown {}

.desplegable {
    cursor: pointer;
}
input[type=checkbox] {
    display: none;
}

label {
    display: inherit;
    font-weight:bold;
    padding-left: 5px;
}

label:hover, .totalNacionalMigas > span:hover{
    color: #EB9C4D;
    cursor: pointer;
}
/*
label:not(#iconoNotificacion, #departamentoLabel, #municipioLabel )::after {
    margin-left: 4px;
    content: url(../img/fdown.png);
}*/

ul.desplegable {
    display: none;
    margin-top: .1em;
}

ul.desplegable:not(.sinBol) li {
    list-style: none;
    padding-left: 1em;
    line-height: 1.7em;
    height: 2.3em;
}

ul.desplegable li a {
    text-decoration: none;
    color: #555;
    font-size: 88%;
    width: 100%;
    height: 100%;
    display: block;
}

ul.desplegable li:hover {	
/*	background-image: -webkit-linear-gradient(left, #EB9C4D, #FFCFA0); 
	background-image:    -moz-linear-gradient(right, #EB9C4D, #FFCFA0); 
	background-image:     -ms-linear-gradient(left, #EB9C4D, #FFCFA0); 
	background-image:      -o-linear-gradient(right, #EB9C4D, #FFCFA0); 
	background-image:         linear-gradient(right, #EB9C4D, #FFCFA0);
    background-image: linear-gradient(to right, #EB9C4D, #FFCFA0);	*/
    background-color: #FFCFA0;
  /*  color: #fff;*/
}

ul.desplegable li a:hover {
    font-weight: bold;
   /* color: #fff;*/
}

ul.desplegable li:nth-child(1) a {
    font-weight: bold;
}



.dropdown.opcActiva {
    background-color: #00b0ac;
    color: white;
    height: 3em;
}

.dropdown.opcActiva label {
    color: #EB9C4D;
} 

.dropdown li.opcActiva {
    background-color: unset;
}

li.opcActiva a {
    color: #00b0ac;
}

.dropdown.opcActiva input[type=checkbox]:checked~label {
    color: #fff;
}

.dropdown.opcActiva ul.desplegable {
    font-weight: normal;
}

/***fin estilos generales*****/


/***inicio estilos propios para Colombia*****/

/*Tenemos distintos tipos de dropdown:
	-historico de boletines
	-municipios
	-departamentos
	-mesas
	-....
*/



#desplegableHistorico{
	float:right;
	margin-left:10px;
}
.dropdown #municipio_toggle:checked~ul.desplegable,
.dropdown #departamento_toggle:checked~ul.desplegable,
.dropdown #boletines_toggle:checked~ul.desplegable,
.dropdown #notificaciones_toggle:checked~ul.desplegable {
    display: block;
    background-color: rgba(255, 255, 255, 0.9);	
    min-width: 140px;
    max-height: 17em;
    overflow: auto;
    border-radius: 4px;
    box-shadow: 1px 0px 7px 0px #ccc;
    margin-left: -14px;
    margin-top: 17px;
    border-top-left-radius: 0px;
    z-index: 99999;
    position: relative;
}

.dropdown #boletines_toggle:checked~ul.desplegable,
.dropdown #notificaciones_toggle:checked~ul.desplegable,
.dropdown #departamento_toggle:checked~ul.desplegable,
.dropdown #municipio_toggle:checked~ul.desplegable {
	position: absolute; 
	min-width: 280px;	
}

.dropdown #boletines_toggle:checked~ul.desplegable {
    top: 0;
    right: 5%;    
    max-width: 200px;
    max-height: 300px;    
}
.dropdown #notificaciones_toggle:checked~ul.desplegable {
    top: 5px;
    right: 0;   
 /*   max-width: 200px;
    max-height: 300px;*/
    list-style: none;
}

@media only screen and (max-width: 500px){


    .dropdown #municipio_toggle:checked~ul.desplegable {

        margin-left: -138px;
    }

    .dropdown #departamento_toggle:checked~ul.desplegable{

        margin-left: -49px;
    }


}

/*inicio - para historicos*/
label#boletinesLabel{
	color: #EB9C4D;
}

/* label#boletinesLabel::after { */
    /* content: url(../img/fdown_orange.png);/*crear un icono naranja*/ */
/* } */

/*fin - para historicos*/





/***************FIN ELEMENTOS COMBOS*******************/