@charset "UTF-8";
/* CSS Document */

<!-- CSS -->

* {
	transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	;
}
body {
	background-color: #DADADA;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet MS, Verdana, sans-serif;
}
p {
	font-family: Arial, Helvetica, sans-serif;
}
.container {
	background-color: #FFFFFF;
}

svg {width:100%
}
/*Estilos header*/

#icono_calendario {
	width: 93px;
	height: 88px;
	margin: 20px auto;
}
#titulo_pagina {
}
#titulo_pagina h1 {
	font-family: Trebuchet MS, Verdana, sans-serif;
	text-align: center;
	color: #00656a;
}
#titulo_pagina h2 {
	font-family: Trebuchet MS, Verdana, sans-serif;
	text-align: center;
	color: #00b9c5;
	font-size: 18px;
	line-height: 21px;
}
.palabra_calendario {
	letter-spacing: -2px;
}
.palabra_electoral {
	font-weight: bold;
}
.columna_logo_tribunal {
	background-color: #006368;
}
#logo_tribunal {
	width: 86px;
	height: 98;
	margin: 20px auto;
}
/*Termina estilos header*/


/*Estilos instrucciones*/

#instrucciones {
	background-color: #bce9ef;
	border-top: 3px solid #006368;
}
.bienvenido {
	padding-top: 8px;
	font-size: 24px;
	line-height: 24px;
	color: #6f5c9c;
	font-weight: bold;
}
.intro_texto {
	font-size: 14px;
	line-height: 16px;
	color: #222222;
}
.boton_inst {
	background-color: #006567;
	font-family: Trebuchet MS, Verdana, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

.separa_boton_inst {
	margin:12px 0;
}
.separa_boton_eve {
	margin:2px 0 10px 0;
}
.boton_inst a {
	display: block;
	padding: 4px;
	/*width:135px;
	height:24px;*/
	color: #FFFFFF;
	text-decoration: none;
}
.boton_inst a:hover {
	background-color: #EAEAEA;
	color: #006567;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.boton_inst img {
	padding-right: 5px;
	display: inline-block;
}
/*Termina estilos instrucciones*/

/*Acordeón lateral menu*/
.togglebox {
 background: #9fdbdf;
}

input[type="radio"] {
 position: absolute;
 opacity: 0;
}

.opcion_menu_lateral label {
 position: relative;
 margin: 0 auto;
 height: 50px;
 line-height: 50px;
 font-size: 16px;
 font-weight: bold;
 color: #005866;
 cursor: pointer;
}

.opcion_menu_lateral label:hover {
	color:#2c797b;
}

.opcion_menu_lateral label:after {
 top: 0px;
 right: 20px;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.opcion_menu_lateral {
	padding: 0 10px;
 border-bottom:5px solid #bee9ee;
 border-top:5px solid #bee9ee;
}

.espacio_inferior {
	padding-bottom:20px;
}

.contenido_menu_lateral {
background-color:FEFEFE;
 height: 0;
 overflow: hidden;
}

input[type="radio"]:checked ~ label {
 color: rgba(255, 255, 255, 0.8);
}

input[type="radio"]:checked ~ label:after {
 transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
}

input[type="radio"]:checked ~ .contenido_menu_lateral {
	height:auto;
}

.lista_menu_liga ul {
	
}

.lista_menu_liga li {
	padding:4px 4px 4px 0;
	border-bottom: 1px dashed #656565;
	font-family:Trebuchet MS, Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	list-style:url(../../../img/raquo.gif) outside;
	margin-left:17px;
}

.lista_menu_liga li a {
	color:#006566;
}

.lista_menu_liga li:last-child {
	border-bottom:none;
}
/*menu_checkbox estados*/

#checkbox_estados {
	font-family:Trebuchet MS, verdad, sans-serif;
	font-size:13px;
	color:#006566;
	font-weight:bold;
}

/*Estilos contenido principal*/



#contenido_principal {
	background-color: #Bee9ee;
}


/*Menu etapas 3 botones*/
#menu_etapas {
	height: 148px;
}

.titulos_naranja {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 26px;
	color: #ff5d32;
	font-weight: bold;
	text-align: left;
}
.contenedor_botones {
	background-image: url(../../../img/lineas.png);
	background-repeat:no-repeat;
	width:335px;
	height: 148px;
	margin:0 auto;
}
#proceso_inicio {
	height: 63px;
	width: 266px;
	margin-right: 5px;
	margin-bottom: 4px;
	padding-right: 10px;
	padding-bottom: 54px;
	padding-left: 18px;
	padding-top: 30px;
	
}
.c_etapas {
	height: 148px;
	float: left;
}
.texto_btn {
	width:98px;
	font-family: "Trebuchet MS",  Verdana, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #333;
	height: auto;
	text-align: center;
	margin:0 5px 10px 5px;
}
.botones_etapas {
	height: 87px;
	width: 98px;
	margin:0 5px;
}

/*.botones_etapas a{ 
	}*/
	
.boton_amarillo {
	display:block;
height: 87px;
	width: 98px;
	background-image: url(../../../img/btn1.png);
}

.boton_amarillo:hover {
	background-image:url(../../../img/btn_1_b.png)
}

.boton_verde {
	display:block;
height: 87px;
	width: 98px;
	background-image: url(../../../img/btn2.png);
}

.boton_verde:hover {
	background-image:url(../../../img/btn_2_b.png)
}

.boton_rojo {
	display:block;
height: 87px;
	width: 98px;
	background-image: url(../../../img/btn3.png);
}

.boton_rojo:hover {
	background-image:url(../../../img/btn_3_b.png)
}

/*Mapa*/
/*Estilo agregado para correción del mapa en IE9*/
.full_width_svg {
	width:100%;
}
/*Estilo agregado para correción del mapa en IE9*/

.bck_try {
	background-color: #E9E0E1;
}
path {
	transition: .3s fill;
	fill: #757479;
}
path:hover {
	fill: #745d9f;
}
#navegacion_menu_lateral {
	background-color: #Bee9ee;
	padding-bottom:12px;
}
#instucciones_menu p {
	margin: 0;
	font-size: 13px;
	line-height: 15px;
}

.nota_menu {
	font-size:12px;
	color:#444444;
	text-align:center;
}
.left_text_float {
	width: 27px;
	height: 26px;
	float: left;
	margin-right: 5px;
}
#contenedor_mapa {
	position:relative;
	padding: 10px 15px;
}

.tooltipsy
{
    padding: 3px 5px;
    max-width: 120px;
    color: #EAEAEA;
    background-color:rgba(0,0,0,1.75);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	line-height:1;
	font-weight:bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
} 
#columna_mapa_acordeones {
	padding-bottom:15px;
	background-color:#dceff3;
}
.color_rojo {
	color: #f65c51;
}

.titulo_estado_listas{
	font-weight:bold;
	color: #f65c51;
	font-size:30px;
}
.borde_superior_principal {
	border-top: solid 3px #006368;
}
#menu_etapas_proceso {
	padding:15px 0;
	background-color: #FFFFFF;
}
#menu_etapas_proceso h3 {
	margin: 0;
	padding: 0;
}
.border-between > [class*='col-']:before {
	background: #006368;
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	width: 3px;
	top: 0;
}
.border-between > [class*='col-']:first-child:before {
	display: none;
}
.bck_borde_rojo {
	background: #006368;
}
/*Borde entre columnas*/

/*Estilos extra texto filtro búsqueda*/
#info_busqueda_filtro {
	font-size:11px;
	color:#555555;
	padding-bottom:10px;
}

.filtro_busqueda {
	color:#6f5c9c;
	font-weight:bold;
}
/*Acordeón CSS*/

.acordeon-toggle {
	cursor: pointer;
	width:100%;
	text-align:center;
	font-size:15px;
	color:rgba(242,241,241,1.00);
	
}

.bloque_naranja {
	background-color: #fe8000;
}
.bloque_verde {
	background-color: #00945a;
}
.bloque_rojo {
	background-color: #ff1f48;
}

.bloque_naranja:hover {
	background-color:#EC7700;
}
.bloque_verde:hover {
	background-color:#00814E;
}
.bloque_rojo:hover {
	background-color:#E81E43;
}

.acordeon-content {
	display: none;
}
.acordeon-content.default {
	display: block;
}
.acc_preparacion {
	color: #FFFFFF;
	background-color: #fe8000;
}
.acc_jornada {
	color: #FFFFFF;
	background-color: #00945a;
}
.acc_resultados {
	color: #FFFFFF;
	background-color: #ff1f48;
}
.acc_etapa {
	padding-top: 15px;
	margin: 0 20px;
	font-size: 12px;
	color: #EAEAEA;
}
.acc_titulo {
	margin: 0 20px;
	font-size: 24px;
	font-weight: bold;
	padding-bottom:10px;
}

/*fin acordeones*/
.evento_calendario {
	padding: 10px;
	min-height: 70px;
	border-bottom: 1px dashed #777777;
	clear: both;
}
.eventos_etapa li:nth-child(even) {
	background-color: #d7d8d9;
}
.eventos_etapa li:nth-child(odd) {
	background-color: #c6eaee;
}
.eventos_etapa li:hover {
	background-color: #EDEDED;
}
.fecha_evento_cal {
	width: 60px;
	height: 60px;
	background-color: #FFFFFF;
	margin: -10px 20px 10px 10px;
	float: left;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-o-border-bottom-right-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.num_dia {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.nom_mes {
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #004b5c;
}

/*Actualizado 5 nov*/
.acto_tema_evento {
	float: left;
}
.nom_categoria {
	font-weight: bold;
	color: #004b5c;
}
.nom_resultado {
	font-weight: normal;
	color: #515151;
}

.estado_fecha {
	margin-left:15px;
}

.fecha_indica_estado {
	background-color:#014962;
	color:#FFFFFF;
	padding:2px 3px 1px 3px;
	font-size:12px;
}

.nom_estado_evento {
	color:#014962;
	font-weight:bold;
	font-size:12px;
}
.botones_evento_cal {
	width:120px;
	float:left;
	margin: 0 0 0 20px;
}
.bloque_head_etapas {
	float:left;
}
.seleccion_dropdown_extras {
	float:right;
	margin:10px 15px 0px 15px;
	padding-bottom:10px;
}

.seleccion_tema_drop {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
} /*Modificada*/
.forma_drop {
   width: 220px;
   }

.forma_drop select{
	color:#EAEAEA;
	background: transparent;
   width: 220px;
   padding: 5px;
   font-size: 13px;
   line-height: 1;
   border: 0;
   border-radius: 0;
}

.forma_drop:hover {
}

.forma_drop:focus {
}

#seleccion_etapa1 option{
	background-color:#fe8000;
}

#seleccion_etapa2 option{
	background-color:#00945a;
}


#seleccion_etapa3 option{
	background-color:#ff1f48;
}
/*Agregado 5 nov*/
#seleccion_edo1 option{
	background-color:#fe8000;
}

#seleccion_edo2 option{
	background-color:#00945a;
}


#seleccion_edo3 option{
	background-color:#ff1f48;
}
/*fin de Agregado 5 nov*/

.clear {
	clear: both;
}
/* Termina Estilos principal*/

/*Footer*/
#pie_pagina {
	color: #a7a5ab;
	background-color: #003837;
}



#logo_pie {
	margin:15px;
}

.small_txt_foot {
	color:#FFFFFF;
	font-size:12px;
}

.info_pie_izq {
	margin:15px 0;
	float:left;
	text-align:left;
}

.info_pie_der {
	margin:15px 0;
	float:right;
	text-align:right;
	font-size:12px;
	color:#F6F6F6;
}
/*Ajustes responsivo*/


/* lg*/
@media (min-width: 1200px) {
#titulo_pagina h1 {
	margin-top:10px;
	margin-bottom:5px;
	font-size: 70px;
	line-height: 80px;
}
#titulo_pagina h2 {
	margin-top:5px;
	margin-bottom:5px;
	font-size: 30px;
	line-height: 30px;
}
#introduccion {
	padding-top: 7px;
}
.bienvenido {
	margin-top: 20px;
}
.intro_texto {
	margin-top: 20px;
	padding-left: 44px;
	border-left: 2px solid #6f5c9c;	
}
/*Actualizado 5 nov*/
.acto_tema_evento {
	width:600px;
}
.info_pie_izq {
	float:left;
	text-align:left;
}

.info_pie_der {
	float:right;
	text-align:right;
}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
#titulo_pagina h1 {
	margin: 10px 0;
	font-size: 60px;
	line-height: 68px;
}
#titulo_pagina h2 {
	font-size: 24px;
	line-height: 27px;
	margin-top:10px;
}
.bienvenido {
	margin-top: 20px;
}
#introduccion {
	padding-top: 7px;
}
.intro_texto {
	margin-top: 20px;
	padding-left: 18px;
	/*border-left: 2px solid #6f5c9c;*/
	
}

.opcion_menu_lateral label {
	font-size:14px;
}

#checkbox_estados {
	font-size:11px;
}

/*Actualizado 5 nov*/
.acto_tema_evento {
	width:500px;
}
.info_pie_izq {
	float:left;
	text-align:left;
}

.info_pie_der {
	float:right;
	text-align:right;
}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
#titulo_pagina h1 {
	margin: 22px 0 4px 0;
	font-size: 48px;
	line-height: 54px;
}
#titulo_pagina h2 {
	font-size: 21px;
	line-height: 24px;
}
.bienvenido {
	margin: 0;
	margin-top: 12px;
}
.intro_texto {
	margin-top: 10px;
}
#menu_etapas {
	padding-top:15px;
}

.bloque_head_etapas {
	float:none;
}
.seleccion_dropdown_extras {
	float:none;
	
}

/*Actualizado 5 nov*/
.acto_tema_evento {
	float: none;
	width:500px;
}
.botones_evento_cal {
	float:none;
	clear:left;
	width:120px;
	margin:15px auto 0;
}
.info_pie_izq {
	float:left;
	text-align:left;
}

.info_pie_der {
	float:right;
	text-align:right;
}
}

/* xs */
@media (min-width: 474px) and (max-width:767px) {
#titulo_pagina h1 {
	font-size:36px;
	margin-top: 30px;
}
#titulo_pagina h2 {
	font-size: 18px;
	line-height: 21px;
	margin-top:10px;
}
.bienvenido {
	margin: 0;
	margin-top: 12px;
}
.intro_texto {
	margin-top: 10px;

}
.border-between > [class*='col-']:before {
	background: #006368;
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	width: 0;
	top: 0;
}

#menu_etapas {
	padding-top:15px;
	padding-bottom:15px;
}

.bloque_head_etapas {
	float:none;
}
.seleccion_dropdown_extras {
	float:none;
	
}

/*Actualizado 5 nov*/
.acto_tema_evento {
	float: none;
	width:400px;
}
.botones_evento_cal {
	float:none;
	clear:left;
	width:120px;
	margin:15px auto 0;
}
.fecha_evento_cal {
	margin: -10px auto 10px;
	float:none;
}
#pie_pagina {
	color: #a7a5ab;
	background-color: #003837;
	text-align: center;
}

.info_pie_izq {
	float:none;
	text-align:center;
}

.info_pie_der {
	float:none;
	text-align:center;
}
}

@media (min-width: 0px) and (max-width:473px) {
	#titulo_pagina h1 {
		font-size:30px;
		margin:20px 0 10px 0;
	}
	#titulo_pagina h2 {
	font-size: 18px;
	line-height: 18px;
	margin:0 0 2px 0;
}
	.border-between > [class*='col-']:before {
	background: #006368;
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	width: 0;
	top: 0;
}
#menu_etapas {
padding-top:15px;
padding-bottom:15px;
}

.bloque_head_etapas {
	float:none;
}
.seleccion_dropdown_extras {
	float:none;
	
}

.fecha_evento_cal {
	margin: -10px auto 10px;
	float:none;
}

/*Actualizado 5 nov*/
.acto_tema_evento {
	float: none;
	width:300px;
}

.botones_evento_cal {
	float:none;
	clear:left;
	width:120px;
	margin:15px auto 0;
}
#pie_pagina {
	color: #a7a5ab;
	background-color: #003837;
	text-align: center;
}

.info_pie_izq {
	float:none;
	text-align:center;
}

.info_pie_der {
	float:none;
	text-align:center;
}
}




/*modales guia*/
.figura1 {
	
	padding-top: 10px;
	padding-bottom: 15px
}


.titulo_ayuda {
	font-family: "Trebuchet MS",  Verdana, sans-serif;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
	color: #00656a;
}

#icono_ayuda {
	width: 52px;
	height: 81px;
	margin:0 auto;
	background-color: rgba(255,255,255,1);
	background-image: url(../../../img/icono_usuario_modal.png);
	
}
.boton_interior {
	max-width: 200px;
	margin:0 auto;
	}
.contenedor_acto_modal {
	padding: 15px;
	background-color: #d7d8d9;
}

.contenedor_acto_modal > div {
	margin-bottom:5px;
}

.alerta_resultados {
	color:#990000;
	font-style:italic;
	text-align:center;
	font-size:16px;
}


#boton_limpiar_busqueda {
	padding-top:10px;
}

	

.btn_limpiar {
	width:100%;
	text-align:center;
	border:1px solid transparent;
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  color: #555555;
  font-size: 12px;
  background: #f2f5f7;
  padding: 6px;
  text-decoration: none;
}
.btn_limpiar:hover {
  background: #9fdbdf;
  text-decoration: none;
}

.btn_limpiar:active {
  background: #88c2c6;
  color:#FFFFFF;
  text-decoration: none;
}

/*Agregado 8 Dic*/
.acc_head_no_results {
	padding-top: 15px;
	margin: 0 20px;
	font-size: 15px;
	color: #EAEAEA;
}
/*Fin Agregado 8 Dic*/

/*Agregado 8 Dic*/
.acc_sin_resultados {
	color: #FFFFFF;
	background-color: #555555;
}
/*Fin Agregado 8 Dic*/

.boton_juris_calendario {
	width:120px;
	padding:5px 10px;
	background-color: #006567;
	font-family: Trebuchet MS, Verdana, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	text-decoration:none;
}

.boton_juris_calendario a {
	color:#FFF;
	text-decoration:none;
}

.boton_juris_calendario a:hover  {
	color:#ccc;
	text-decoration:none;
}
.boton_detalles_cal {
	margin-left:10px;
	padding:2px 10px;
	background-color: #006567;
	font-family: Trebuchet MS, Verdana, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	text-decoration:none;
	display: inline-block;/*gadiel blancas cambio*/
}

.boton_detalles_cal a {
	color:#FFF;
	text-decoration:none;
}

.boton_detalles_cal a:hover  {
	color:#ccc;
	text-decoration:none;

}
.scroll-top {
    width: 100px;
    height: 80px;
    opacity: 0.5;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none; 
    text-indent: -9999px; /* Oculta el texto del enlace */
    z-index: 1000; /* Evita que otros elementos esten por encima */
    background: url('../img/up.png') no-repeat;
  }