/*************************************************************************************************************************************/
/*  Documento de estilos CSS  ********************************************************************************************************/
/*  Autor: PORTEL Servicios Telemáticos, S.A.  ***************************************************************************************/
/*  Versión: 2.1.0 *******************************************************************************************************************/
/*************************************************************************************************************************************/
*{
	box-sizing: border-box;
}
.titulo_nivel_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0466a5;
	/*color: #560e77;*/
	/*color: #7cabd5;*/
	text-decoration: none;
	text-transform: uppercase;
	/*line-height: 50px;*/
}



#contenido-centro-grid .titulo_nivel_1 {
	font-size: 15px;
}





.titulo_nivel_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0062ae;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 15px;
}

#contenido-centro-grid .titulo_nivel_2 {
	font-size: 10px;
	color: #666;
	text-transform: none;
}

.titulo_nivel_3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}

.titulo_nivel_4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}

.texto_general {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.texto_errores {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: red;
	text-decoration: none;
}

.texto_mensaje_informativo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: green;
	text-decoration: none;
}

.pie_de_pagina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #888888;
	text-decoration: none;
}

.enlace_general {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	/*color: #00CCCC;*/
	color: #5ca2d6;
	text-decoration: none;
	cursor:pointer;
}


.tabla{
	border-top:#CCCCCC 1px solid;
    border-left:#CCCCCC 1px solid;
    border-right:#CCCCCC 1px solid;
    border-bottom:#CCCCCC 1px solid;
	
}



.tabla_fila_titulo{
	
	height:10px;

}

.tabla_fila_no_titulo{
	
	height:12px;
	background-color:#FFFFFF;

}

.tabla_fila_no_titulo_over{
	
	height:12px;
	background-color:#0062ae;

}

.tabla_fila_no_titulo_alterna{
	
	height:12px;
	background-color:#EEEEEE ;

}

.tabla_fila_no_titulo_alterna_over{
	
	height:12px;
	background-color:#0062ae;

}



.tabla_enlace_titulo_celda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #797979;
	text-decoration: none;
	vertical-align:middle;
}



.tabla_celda_titulo{

    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    margin: 0px;
    cursor: default;
    color:#797979;  
    white-space: nowrap;  
    background-color:#E3E0D0;
    border-bottom:#CCCCCC 2px solid;
    vertical-align:middle;


}

.tabla_celda_contenido{

    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    padding: 3px;
    margin: 0px;
    cursor: default;
    color:#000000;  
    white-space: normal;  
    vertical-align:top;
}


.detalle_tabla{
	
	
	border-top:#0062ae  1px solid;
    border-left:#0062ae  1px solid;
    border-right:#0062ae  1px solid;
    border-bottom:#0062ae  1px solid;
	
}

.detalle_fila_titulo{
	
	height:10px;

}

.detalle_fila_no_titulo{
	
	height:12px;
	background-color:#FFFFFF;
	border:0;

}

.detalle_celda_titulo{

font:10px Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

text-align: left;

padding: 8px 15px;

cursor: default;

color:#FFFFFF;

white-space: nowrap;

/* background-color:#3C78AA; */

background-color: #0466a5;

vertical-align:middle;

text-transform: uppercase;
}

.detalle_celda_subtitulo{

    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    padding: 3px;
    cursor: default;
    color:#797979;  
    white-space: nowrap;  
    background-color:#E3E0D0;
    vertical-align:middle;

}

.detalle_celda_subtitulo_centrado{

    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    cursor: default;
    color:#797979;  
    white-space: nowrap;  
    background-color:#E3E0D0;
    vertical-align:middle;

}

.detalle_celda_resaltado{

    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    cursor: default;
    color:#797979;  
    white-space: nowrap;      
    vertical-align:middle;

}

.detalle_celda_contenido{

    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
    padding: 3px;
    cursor: default;
    color:#000000;  
    white-space: normal;  
    vertical-align:middle;
    border:0;
}

.detalle_celda_contenido_centrado{

    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    padding: 3px;
    cursor: default;
    color:#000000;  
    white-space: normal;  
    vertical-align:middle;
}

.detalle_subtabla{
	
	border-top:#E3E0D0  1px solid;
    border-left:#E3E0D0 1px solid;
    border-right:#E3E0D0 1px solid;
    border-bottom:#E3E0D0 1px solid;
}


.login_titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	/*color: #3C78AA;*/
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}

.login_tabla{
	
width: 100%;
}

.login_fila_titulo{
	
	height:10px;

}

.login_fila_no_titulo{
	
	height:12px;
	

}

.login_celda_titulo{

    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    padding: 3px;
    cursor: default;
    color:#FFFFFF;  
    white-space: nowrap;  
    background-color:#0062ae;
    vertical-align:middle;

}


.login_celda_contenido{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	padding: 3px;
	cursor: default;
	/* color:#000000; */
	white-space: normal;
	vertical-align:middle;
}


.etiqueta_dato {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	text-align:left;
}

.valor_dato {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	
}


.campo_obligatorio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	border: 0;
	
}

.campo_opcional {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	vertical-align: bottom;
	border: 0;
}

.campo_nota{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic; 
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	
	
}

.boton_over-login { 
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color: #1d9ddc;
	background-color: #26759c;
	cursor:pointer;	padding: 5px 20px;
	overflow:visible;
	display: block;
	margin: 10px auto 0 auto;
	min-width:200px;
	display: inline-block;
}

.boton-login {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color: #1d9ddc;
	background-color: #1d9ddc;
	padding: 5px 20px;
	overflow:visible;
	display: block;
	margin: 10px auto 0 auto;
	min-width:200px;
	display: inline-block;
}
.boton_over { 
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color: #1d9ddc;
	background-color: #26759c;
	cursor:pointer;	padding: 5px 20px;
	overflow:visible;
	display: block;
	display: inline-block;
}

.boton {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color: #1d9ddc;
	background-color: #1d9ddc;
	padding: 5px 20px;
	overflow:visible;
	display: block;
	display: inline-block;
}

.input_text {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#9097CF;
	margin-top:0px;
	margin-bottom:0px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    resize: vertical;
}



.input_text_readonly {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#CCCCCC;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#EEEEEE;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.input_textarea {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#9097CF;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	margin-right:0px;
	resize: none;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.input_textarea_disabled {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #888888;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	margin-right:0px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.input_radio {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;
	margin-top:4px;
	margin-bottom:1px;
	padding-left:0px;
	margin-left:0px;
	height:10px;
}


.input_radio_disabled {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;
	margin-top:4px;
	margin-bottom:1px;
	padding-left:0px;
	margin-left:0px;
	height:10px;
}

.input_check {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;
	margin-top:4px;
	margin-bottom:1px;
	padding-left:0px;
	margin-left:0px;
	height:10px;
}

.input_check_disabled {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;
	margin-top:4px;
	margin-bottom:1px;
	padding-left:0px;
	margin-left:0px;
	height:10px;
}


.input_select_normal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 200px;
	color: #000000;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#9097CF;
	margin-top:0px;
	margin-bottom:0px;
}

.input_select_normal_disabled{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 200px;
	color: #888888;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#CCCCCC;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#FFFFFF;
	
}

.input_select_grande{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 350px;
	color: #000000;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#9097CF;
	margin-top:0px;
	margin-bottom:0px;
}

.input_select_grande_disabled{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 350px;
	color: #888888;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#CCCCCC;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#FFFFFF;
}

.input_select_extensible{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#9097CF;
	margin-top:0px;
	margin-bottom:0px;
}

.input_select_extensible_disabled{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #888888;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#CCCCCC;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#FFFFFF;
}


.lista{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	list-style-type:disc;
}

.lista_enumerada{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	list-style-type:decimal;
}


.cabecera{

/* background-image:url('../img/cabecera.jpg'); */

/* background-position:left top; */

/* background-repeat:no-repeat; */

/* text-align:right; */

/* padding: 0px 0px 0px 0px; */

/* margin: 0px 0px 0px 0px; */

/* width: 800px; */

/* height: 68px; */

/* overflow: hidden; */
}


.menu{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 800px;
	overflow: hidden;
	text-align:center;
}

.titulo_servicio{
	/*padding: 47px 0px 0px 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0466a5;
	text-decoration: none;
	text-transform: uppercase;*/

    padding: 47px 0px 0px 0px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    /* margin: 0 auto 0 auto; */
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
	
}	

.menuselect{ 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   width: 100px;
   color: #ffffff;
   background-color:#0062ae; 
   margin-top:0px;
   margin-bottom:0px;
   margin-left: 0px;
   margin-right: 0px;
   border-style:solid;
   border-left-width:1px;
   border-right-width:1px;
   border-top-width:1px;
   border-bottom-width:1px;
   border-color:#4F7CA6;    	   
		   
}



.oculto{
	display: none;
}

.visible{
	display: block;
}


.blinking{
	text-decoration: blink;	
}

/********************************************************************/
/* Autor: Antonio Murillo											*/
/* Version: 20151027												*/
/* Quitar el color del fondo de la tabla y poner un borde grueso    */
/********************************************************************/
.tabla_tarea{
	border:0;
	width:723px;
	margin:5px 5px 0px 5px;
}

.tabla_tarea_solicitado{
	border:solid 10px;
	width:723px;
	margin:5px 5px 0px 5px;
	border-color: #B5E610;
} 

.tabla_tarea_anulado{
	border:solid 10px;
	width:723px;
	margin:5px 5px 0px 5px;
	border-color: #000000;
}

.tabla_tarea_incidencia{
	border:solid 10px;
	width:723px;
	margin:5px 5px 0px 5px;
	border-color: #ED1C24;
}

.tabla_tarea_validado{
	border:solid 10px;
	width:723px;
	margin:5px 5px 0px 5px;
	border-color: #C3C3C3;
} 

.tabla_tarea_pend_presupuesto{
	border:solid 10px;
	width:723px;
	margin:5px 5px 0px 5px;
	border-color: #FFFF80;
} 

.tabla_tarea_pend_factura{
	border:solid 10px;
	width:723px;
	margin:5px 5px 0px 5px;
	border-color: #A349A4;
}

.tabla_tarea_coordinado{
	border:solid 10px;
	width:723px;
	margin:5px 5px 0px 5px;
	border-color: #FFDDE8;
}

.tabla_tarea_finalizado{
	border:solid 10px;
	width:723px;
	margin:5px 5px 0px 5px;
	border-color: #3F48CC;
}

.tabla_tarea_pendCapit{
	border:solid 10px;
	width:723px;
	margin:5px 5px 0px 5px;
	border-color: #99D9EA;
}

.tabla_tarea_pendAmpl{
	border:solid 10px;
	width:723px;
	margin:5px 5px 0px 5px;
	border-color: #FFBF00;
}

.anuncio_texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}

/* Hack */
login-table {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -300px;
}
.login-table {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgba(255,255,255,.95);
    width: 400px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -200px;
    overflow: hidden;
    top: 20%;
	-webkit-box-shadow: 0px 0px 55px -9px rgba(0,0,0,0.68);
	-moz-box-shadow: 0px 0px 55px -9px rgba(0,0,0,0.68);
	box-shadow: 0px 0px 55px -9px rgba(0,0,0,0.68);
}
.input_text_login {
    font-size: 1.5em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #AAA !important;
    border-style:solid;
    border-width: 1px;
    border-color: #CCC;
    margin-top:0px;
    margin-bottom:0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px;
    background-color: #FFFFFF !important;
}
.table-logo-app {
	width: 100%;
    text-align: center;
}




/*************************************************/
/* Header										 */

.logo_header{
    display: block;
    height: 85px;
    width: 350px;
    /* margin-top: -15px; */
    float: left;
    background-image: url(./../img/logo-teleport-cabecera.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.logo_puerto{
    display: block;
    height: 95px;
    width: 350px;
    float: right;
    margin-top: -5px;
    background-image: url(./../img/logo-puerto-cabecera.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.cabecera{
	background-image:url('./../img/cabecera.png');
	background-position:left top;
	background-repeat:repeat-x; 
	/* text-align:right; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 85px;
	/* overflow: hidden; */
}
.cabecera_login{
	background-image:url('./../img/cabecera_login.png');
	background-position:left top;
	background-repeat:repeat-x; 
	/* text-align:right; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 85px;
	/* overflow: hidden; */
}
.pie_app{
	position: absolute;
	top: 55px;
	left: 95px;
	z-index: 10;
}
.login-table .pie_app{
	margin-top: 23px;
	left: 90px;
}
.pied_user {
    margin-top: 15px;
    left: -85px;
    width: 300px;
    text-align: left;
    font-size: 10px;
    position: absolute;
    text-transform: uppercase;
    display: block;
    line-height: 8px;
}
.arrow_box {
	position: relative;
	background: #2d6d97;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 0px;
}
.arrow_box:after {
	bottom: 100%;
	left: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(45, 109, 151, 0);
	border-bottom-color: #2d6d97;
	border-width: 6px;
	margin-left: -6px;
}

.arrow_box li {
	padding: 0px 0px;
	border-bottom:1px solid rgba(255,255,255,.1); 
	margin: none;
	list-style: none;
}
.arrow_box li:last-child { 
	border:none; 
} 
.arrow_box li:hover {
	border-bottom:1px solid rgba(255,255,255,.3); 
}
.arrow_box li:hover:last-child {
	border-bottom:none; 
}
.arrow_box li .enlace_general{
	color: rgba(255,255,255,.80);
	font-weight: normal;
	font-size: 11px;
	display: block;
	width: 100%;
	padding: 5px 15px;
}
.arrow_box li .enlace_general:hover{
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,.1);
}


#snackbar {
  visibility: hidden; 
  min-width: 250px; 
  margin-left: -125px; 
  background-color: #333; 
  color: #fff; 
  text-align: center; 
  border-radius: 5px; 
  padding: 16px;
  position: fixed; 
  z-index: 1; 
  left: 50%; 
  top: 30px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  transform: translateX(-17%);
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
  animation: fadein 0.5s, fadeout 0.5s 3.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

@keyframes fadeout {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}