/* estos estilos no estan en sedeelectronica y deberian estar, si los tiene arcos en su sedelectronica local*/
/*Sombras CSS3*/
.mitaddchacontent, .mitadizdacontent div, .textoslateralderecho a, .cajafichadatos, .tabladatos, .cajaeconomica, .buscador-opendata, .columnas-datos, .fichadatos-opendata, .opinion, .encuesta, .calendario, .cajabuscadorsia, .oficina-virtual, .posit_1, .formulario, .buscador_avanzado, .compartir, .formulario_suscripcion .doscolumnas_pequenna  {border: 1px solid #d0d0d0; box-shadow: 0px 0px 8px #ccc; padding: 15px; margin-bottom: 1em;}

.search {
    padding-right: 20;
}

/*Para que al pasar el ratón sobre la fila de un grid se resalte*/
tr.filaGridResaltada:hover
{
    background-color: rgb(253, 227, 196);
}

/* Estilos que no figuran de la ruta de estilos general */
.left_footer_atreo 
{
padding: 2.55em 3em;
float: left;
}

.logoFeder_atreo
{
padding: 1.55em 2em;
float:left;
display:block;
width:200px;
}

.right_footer_atreo 
{
padding: 2.55em 3em;
float: right;
} 

/*Para ocultar el título del menú*/
.cabOptionsMenu
{
    display:none;
}

/*Para ocultar el título del rastromigas*/
.ruta br, .ruta .tituloRuta
{
    display:none;
}

/*Para que el rastro migas aparezca a la derecha de "Estás en:" */
.premigapan
{
    float:left;   
}
/*Para que el rastromigas tenga un pequeño margen tras el "Estás en:" */
.migapan
{
    margin-left:5px;
}

/* Para que los checkbox adquieran las propiedades que deberían tener al estar en un span */
.formulario span.radio input 
{ 
    width: auto; 
    float: left; 
    border: 0; 
    display: inline;
    margin-top: 0 !important;
}
.formulario label.radio 
{
    /*margin-right: 30px; */
    margin-top: 0 !important;
    min-width: 80px; 
}

/* Para que las imágenes de ordenación del grid se muestren bien */
.formulario .tabladatos th input.flecha_ordenacion
{
    width: 10px;
    height: 11px;
    display:inline;
    float: right;
} 

img.flecha_ordenacion
{
    width: 10px;
    height: 11px;
    display:inline;
    float: right;
} 

/*.tabladatosPlus table td { padding: 1px 1px; }*/
/*.tabladatosPlus table td span{ font-size: 1em; }*/
/*.tabladatosPlus table td { font-size: 1em; }*/

/*
.formulario .tabladatos th a
{
    float: left;
    display: inline;   
}
*7

/* Para que el icono de guardar ocupe lo que tiene que ocupar */
/*
.formulario .tabladatos input.boton_guardar
{
    width: 19px;
    height: 16px;
    border-style: none;
}
*/


/*.formulario INPUT.botonPnlAcciones
{
    border-right-width:0px;
    margin-bottom: 3px;
    width: 25% !important;
    border-top-width : 0px;
    border-bottom-width : 0px;
    border-left-width : 0px;
}*/

.formulario legend 
{ 
width:100%; 
} 

.formulario legend span 
{ 
width:100%; 
}

.paraCheckBoxRight input {float:right;}

/* estilos que deberian estar en sedelectronica pero no estan , solo estan en el local de arcos de su fichero sedelectronica*/
/*Buscador de procedimientos*/
.buscadorinferior h2 {  padding-bottom: 1em;}
.buscadorinferior .cajafichadatos { background: #f5f5f5 url(https://sedeaplicaciones.minetur.gob.es/EstilosSedeElectronica/Sitecollectionimages/SedeElectronica/fn-buscador.png) repeat-x bottom center; padding-left: 3em;}
.buscadorinferior .cajafichadatos h2 { padding-top: 0; color: #818181; padding-bottom: 0.75em;} 
.center_completo .buscadorinferior { width: 75%; background: none;}

.panelOverflow
{
    overflow-x:auto;    
    overflow-y:hidden;
    min-height:0%;
    /*width:700px;*/
}

/*Para que la celda de la derecha del grid de ficheros me permita poner el borde izquierdo invisible */
.tabladatos table td.celda_invisible
{
    border-left: none;
}
/*Para que las imágenes del grid no tengan borde y ocupen 16x16 */
.tabladatos table td.celda_invisible input
{
    border: none;
    width: 16px;
    height: 16px;
}

.tabladatosPlus { padding: 1px 1px;}

/*.tabladatosPlus2 table th {width: 115px;  font-size: 1.1em; line-height: 1.15em;}*/
/*.tabladatosPlus2 table th {font-size: 1em !important; }*/
.tabladatosLetraMenor table {font-size: 0.8em !important;} 

/*.tabladatos table th {width: 115px;  font-size: 1.15em; line-height: 1.15em;}*/
.tabladatosAnchoColumna table th {width: 70px !important;}

/*.tabladatos table th, .tabladatos table td { border-left: 1px solid #d2d2d2; text-align: left;}*/
.tabladatosCentrar table th, .tabladatosCentrar table td { text-align: center !important;}

.col-12-centrado {text-align:center; font-weight:bold;}

.anchoColumna200 {width:200px !important;}
.anchoColumna180 {width:1800px !important;}

.borderIzquierda {border: 1px solid #d0d0d0 !important;}
.borderArriba {border-top: 1px solid #d0d0d0 !important;}
.quitarImagenFondo {background:none !important;}

.limitarCaracteres {
    width:81%;
    /*height:200px;*/
    /*background-color:orange;*/
    color:white;
    /*font-size:24pt;*/
    overflow:hidden;
    /*white-space:nowrap;*/
    white-space: pre-wrap;
    text-overflow: ellipsis;
}

/* Para que las imágenes de ordenación del grid se muestren bien */
/*
.formulario .tabladatos th input.flecha_ordenacion
{
    width: 10px;
    height: 11px;
    display:inline;
    float: right;
} 
*/

.formulario .tabladatos th a
{
    float: left;
    display: inline;   
}

.tabladatos th a
{
    color:#555;
}

/* Para que el icono de guardar ocupe lo que tiene que ocupar */
.formulario .tabladatos input.boton_guardar
{
    width: 19px;
    height: 16px;
    border-style: none;
}

/*Estilos cabecera extra de los informes dinámicos*/
/*Para que la celda de la derecha del grid de ficheros me permita poner el borde izquierdo invisible */
.tabladatos table td.cabeceraExtra
{
    background-image: url(../App_Themes/AppExterna/imagesExterna/fn-tabla-th.png);
    background-repeat:repeat;
    background-attachment:scroll;
    padding-top:3px;
    padding-bottom:5px;
    text-align:center;
}

.tabladatos table td.cabeceraExtra span
{
    font-size:12px;
    padding-bottom:0px;
    color:#555;
}

.tabladatos table tr:first-child td.cabeceraExtra
{
    border-top-width:0px;
}

.tabladatos table td span.acceso-libre, .tabladatos table td span.certificado-digital, .tabladatos table td span.user-pwd, .tabladatos table td span.codigo-expediente, .tabladatos table td span.clave {  font-size: 1em; white-space: nowrap; padding-top: 0.35em; padding-left: 40px;display: block; height: 30px;} 

/* */
.procedimientos table th.nombre {width: 200px;}
.masprocedimientos { text-transform: uppercase; font-size: 0.95em; text-align: right; font-weight: bold; padding-top: 0.85em;}


/* estilos anteriores */


.EnlaceGridRISP
{
	font-family: Verdana, sans-serif;                        
	font-size: 1em; 
	font-weight:bold;            
	text-align: center;     
	text-decoration:underline !important;               
	color:#ffe;                        
	background: none;                         
	margin: 0;                        
	padding: 0;                        
	border: none;                        
	cursor: pointer; 
	width: auto;                                               
}

.EnlaceGridAzulRISP
{
	font-family: Verdana, sans-serif;                        
	font-size: 10px; 
	font-weight:bold;            
	text-align: left;     
	text-decoration:underline !important;                       
	color:#006699;                        
	background: none;                        
	margin: 0;                        
	padding: 0;                        
	border: none;                        
	cursor: pointer; 
	width: auto; 
	vertical-align:text-bottom;                                              
}


/*
a:hover {
  text-decoration: underline;
}
*/

.SubrayadoUli
{
  text-decoration: underline;
}

.search {
    padding-right: 20;
}

/* Fichas */
.cajafichadatos dl, .detallesperfil dl {border-bottom: 1px dotted #888888;}
.cajafichadatos dt, .detallesperfil dt {width: 200px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.35em; color: #285286; float: left; clear: left; padding-top: 5px;}
.cajafichadatos dd, .detallesperfil dd{margin-left: 200px; padding-top: 10px; padding-bottom: 3px;}
.cajafichadatos dd, .cajafichadatos dt, .detallesperfil dd, .detallesperfil dt { margin-bottom:10px; border-top: 1px dotted #888;}
.cajafichadatos { margin-bottom: 2em; overflow: hidden;}
.cajafichadatos fieldset {}
.cajafichadatos label {display: inline; float: left ;width: 35%; position: relative; padding-bottom: 15px; }
.ms-formfieldvaluecontainer .cajafichadatos label {width: auto;}
.cajafichadatos label span.aclaracionsalto {font-size:0.75em; color: #555; font-style: italic; float: left; position: absolute; top: 20px; left: 0; }
.cajafichadatos input, .cajafichadatos select {display: inline; float: left; width: 61%;}
.cajafichadatos input, .cajafichadatos select option{/* padding-left: 5px;*/ }
.cajafichadatos .lineaformulario { overflow: hidden;}
.cajafichadatos .boe select {margin-right: 2%; width: auto;}
.cajafichadatos .entrecajas {display: inline-table; float: left; margin-left: 0; margin-right: 10px; padding-top: 3px;}
.cajafichadatos dd { overflow: hidden;}




/* Para que cuando hay dos o más botones dentro de un párrafo, salgan en línea */
p.parrafo_botones
{
    text-align:center;
    width: 596px;
}
.parrafo_botones input.botonbuscar
{
    margin-right:10% !important;
    float:none !important;
    margin-left: 0px !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.modalPopup .botonbuscar,
.modalPopupNoSize .botonbuscar
{
    float:none !important;    
}


.cajaformularioinfo a:hover, a.file2.encuestaico:hover, .boton-nueva-busqueda a:hover, .boton-participa a:hover, a.botonbuscar:hover {opacity: 0.75;}
/*input.botonbuscar, a.botonbuscar, input.botonRespuesta2, input.botondescargar
{ background:#285286 url(https://sedeaplicaciones.minetur.gob.es/EstilosSedeElectronica/Sitecollectionimages/SedeElectronica/fn-buscar-azul.png) repeat-x right top; 
  border: 0; color: #fff !important; text-transform: uppercase;  width: auto !important; padding: 0.65em 1em; font-size: 0.95em; float:none !important; 
  cursor: pointer; font-weight: bold;}
input.botonbuscar2
{ background:#285286 url(https://sedeaplicaciones.minetur.gob.es/EstilosSedeElectronica/Sitecollectionimages/SedeElectronica/fn-buscar-azul.png) repeat-x right top; 
  border: 0; color: #fff !important; text-transform: uppercase;  width: auto !important; padding: 0.65em 1em; font-size: 0.95em; float: right !important; 
  cursor: pointer; font-weight: bold;}*/

/* a.botonbuscar { text-decoration: none;}*/ /*ya viene de sedelectronica*/
.formulario input.botonbuscar { width: 25% !important; margin: 1em 35%; border: 0;}
/*.formulario input.botonbuscar2 { width: 33% !important; margin: 1em 35%; border: 0;}*/
.formulario input.botonbuscar2 { width: auto !important; margin: 1em 35%; border: 0;}
.cajabuscadorsia input.botonbuscar {margin: 1em 1.45em 3em 0;}
.aplicaciones a.botonbuscar { margin-top: 0; text-decoration: none;}
.opinion .botonbuscar { float: right !important; /*margin-left: 40px;*/}



/* por siaca---pendiente de quitar*/
/*.tabladatos table th { background: url(https://sedeaplicaciones.minetur.gob.es/EstilosSedeElectronica/Sitecollectionimages/SedeElectronica/fn-tabla-th.png) no-repeat top right; color: #555; padding-left: 11px; height: 44px; }*/

/* Para que la lista de enlaces a cada fase de un expediente salga en negrita si es el actual */
.fase_actual
{
    font-weight: bold;   
}

/* Para que cuando haya paginación, la página actual se ponga negrita y en blanco */
.paginado li.actual a
{
    font-weight: bold;
    color: White;   
}

.quitar_padding
{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.quitar_padding a
{
    color: #555;
}

/*.tabladatosPlus table td span{ font-size: 1em; } */
/*.tabladatos table td span*/

.tabladatosPlus table td { padding: 1px 1px; }
.tabladatosPlus table td span{ font-size: 1em; }

.quitar_padding2 table tr td
{
    padding-top: 0px; 
    padding-bottom: 0px;
    height : 5px;
    vertical-align: middle;
}

.quitar_span table tr td span
{
    display:none;
}

/*.quitar_padding2 div table tr
{
    padding-top: 0px; 
    padding-bottom: 0px;
    height : 30px;
}*/

/*
#containerTextFases
{
    position: absolute;
    bottom: 0px;
}

#containerTextFases.mostrarTodasFases
{
    position: relative;
}
*/

.labelDescriFase {font-family: Georgia,"Times New Roman",Times,serif; color: #666; font-size: 1.65em; border-bottom: 1px dotted #666;margin-bottom: 1em; line-height: 1.45em; word-wrap:break-word; min-width: 500px;}

.labelText {width:89%;float:left;text-align:left;}

/*Estilos para la imagen de la eliminar fechas de los textbox de busqueda*/
.fotoLimpiarFechas
{
    height:22px;
    /*width:22px;*/
    margin-top:3px;
    cursor:pointer;
    cursor: hand;
}
.fotoLimpiarFechasAlinearTextbox
{
    position:relative;
    top:7px;
}


.subirArchivoMaxWidth
{
    max-width:89%;
} 

.formulario  input.cargar-archivo { width: 89%;}

.download {
    text-transform: none !important; 
    font-weight: normal !important; 
    padding: 0.45em 1.55em 0.45em 2.25em !important; 
    font-family: Georgia,"Times New Roman",Times,serif !important; 
    font-size: 1.15em !important; 
    border: 1px solid #ccc !important; 
    color: #000 !important; 
    text-decoration: underline !important; 
    margin: 0 0.25em !important;
    background: #ddd url(../App_Themes/AppExterna/imagesExterna/download.png) no-repeat 12px 9px !important;
}

/*
.entreFilasDoble{width: 100%;height: 20px;float: left;}
.entreFilasMedio{width: 100%;height: 10px;float: left;}
*/

/*
.ComboOblxxx {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:10px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFDC3;
	border: 1px solid #6590E5;
	height:18px;}
*/

/*
.comboTest
{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-family:Arial, Helvetica, sans-serif;
    border-top-color:#aaa;
    border-right-color:#aaa;
    border-bottom-color:#aaa;
    border-left-color:#aaa;
    border-top-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    box-sizing:border-box;
    height:28px;
}
*/


/*div.LineaFormulario{width:89%;float:left;text-align:left;}*/

/*
input.BtnFirmarEnviar
{
    margin-right:10% !important;
    float:none !important;
    margin-left: 0px !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}
*/

/*.formulario input.botonbuscarIniciar { width: 35% !important; margin: 1em 35%; border: 0; text-align:center}*/

/*
.botonTabla
{
    width:25% !important;
    margin-left:15%;
    margin-bottom:1em;
    padding:0.45em 1em;
}

.botonAjusteCentrado
{
    margin-left:35%;
    margin-right:35%;
}
*/

.col-0 {float:left; padding: 5px; box-sizing: border-box;}
.col-0 {width: 3.33333333%;}
.col-0-1 {float:left; padding: 5px; box-sizing: border-box;}
.col-0-1 {width: 5%;}

.col-1-mitad {float:left; padding: 5px; box-sizing: border-box;}
.col-1-mitad {width: 4.166666665%;}

.col-6-50 {float:left; padding: 5px; box-sizing: border-box;}
.col-6-50 {width: 56.5555555%;}

/* formularios price */
.col-1-1, .col-11-1, .col-2-1 {float:left; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom:0px; box-sizing: border-box;}
.col-1-1 {width: 8.33333333%;}
.col-11-1 {width: 91.66666667%;}
.col-2-1 {width: 16.66666667%;}

.col-12-1 {float:left; padding: 5px; box-sizing: border-box; padding-left: 0px !important;}
.col-12-1 {width: 100%;}

.col-4-1 {float:left; padding: 5px; box-sizing: border-box; padding-left: 7px !important;}
.col-4-1 {width: 33.33333333%;}

.col-8-1 {float:left; padding: 5px; box-sizing: border-box; padding-left: 7px !important; padding-right: 0px !important;}
.col-8-1 {width: 66.66666667%;}

input.boton-gris1 {text-transform: uppercase; font-size: 0.95em; cursor: pointer; font-weight: bold; color: #fff; width: auto; float: right; margin-top: 0.3939em;} /*margin: 0.3939em 0.55em;}*/
input.boton-gris1 {background: #ddd url(../SiteCollectionImages/SedeElectronica/fn-boton.png) repeat-x; color: #000;border: 1px solid #ccc; padding: 0.65em 1em;}

input.boton-gris2 {text-transform: uppercase; font-size: 0.95em; cursor: pointer; font-weight: bold; color: #fff; width: auto; float: left; margin-top: 0.3939em;} /*margin: 0.3939em 0.55em;}*/
input.boton-gris2 {background: #ddd url(../SiteCollectionImages/SedeElectronica/fn-boton.png) repeat-x; color: #000;border: 1px solid #ccc; padding: 0.65em 1em;}

input.boton-gris3 {text-transform: uppercase; font-size: 0.95em; cursor: pointer; font-weight: bold; color: #fff; width: auto; float: ; margin: 1em 0.55em;}
input.boton-gris3 {background: #ddd url(../SiteCollectionImages/SedeElectronica/fn-boton.png) repeat-x; color: #000;border: 1px solid #ccc; padding: 0.65em 1em;}

/* Loading style="margin-top:0px; margin-bottom:0px;"*/
/* .modalBackground {background-color: #fff;} */

/* Modal partido para comparacion de datos */
.modalBackground {
	background-color:Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.updateProgress 
{ 
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    width: 200px;
    height: 110px;
}

.updateProgress div
{
    text-align: center;
    margin: 10% 0px;
}

.h1RISP  
{
    width:100%;
    color:#666; 
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size:1.6em; 
    margin-top:15px; 
    margin-bottom:10px;
    border-bottom-color: currentColor;
    border-bottom-width: 0px;
    border-bottom-style: none;
    text-align: center;
}

div.titleFormRISP, div.titleFormErroresRISP
{
	background: URL(../imagenes/fnTitulos02.gif) bottom left repeat-x;
	height:26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #006699;
	border-left:#F0F0F0 solid 1px;
	width:100%;
}

.titleFormRISP div{padding-left:9px;padding-top:6px;padding-bottom:0px;padding-right:9px;float:left;}
.titleFormRISP div img{padding-left:1px;padding-top:1px;border:#E98D00 solid 1px;background-color:#fff;float:left;margin-top:5px;margin-right:5px;}
div.intTitleFormLRISP{padding-left:9px;padding-top:6px;padding-bottom:0px;padding-right:9px;float:left;width:50%; text-align:left;}
.EtiqNormRISP
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 12px;
	vertical-align:40%;
}
.ComboRISP {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:10px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #6590E5;
	height:25px;}	

.FieldsetRISP 
{text-align: center;color : #333;font-family: "Verdana, Arial, Helvetica, sans-serif";font-size:10px;font-weight:normal; height: 94.6px; border-top-width: 2px;}

.entreFilasDobleRISP {width:100%;height:20px;float:left;}

/*estilos de usercontrol dino*/
.CustomComboBoxStylePLUS .ajax__combobox_textboxcontainer input 
{
	
	/*font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:10px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFDC3;
	border: 1px solid #6590E5;
	/*border: solid 1px Red;*/
	/*height:13px;*/
	width:400px;
    /*background-color: #ADD8E6;
    border: solid 1px Blue;
    border-right: 0px none;*/
}

.CustomComboBoxStylePLUS2 .ajax__combobox_textboxcontainer input 
{
	
	/*font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:10px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFDC3;
	border: 1px solid #6590E5;
	/*border: solid 1px Red;*/
	/*height:13px;*/
	width:353px;
    /*background-color: #ADD8E6;
    border: solid 1px Blue;
    border-right: 0px none;*/
}


.pnlAcciones
{
 list-style:none;   
}

/* Botonera para el panel de realizar acciones */

.botonPnlAcciones 
{
    /*margin-right: 35% !important;   */
    float:none !important;
}

A.botonPnlAcciones:hover
{
  opacity:0.75;   
}

INPUT.botonPnlAcciones
{
    padding-bottom : 0.65em;
    border-right-width :0px;
    text-transform: uppercase;
    padding-left: 1em;
    width: auto !important;
    padding-right: 1em;
    /*background:url(../App_Themes/AppExterna/imagesExterna/backgroundboton.png) #f78f08 no-repeat right top;*/
    margin-bottom: 3px;
    border-top-width:0px;
    border-bottom-width: 0px;
    color:#fff !important;
    font-size:0.95em;
    border-left-width:0px;
    cursor: pointer;
    font-weight:bold;
    padding-top: 0.65em;
}

A.botonPnlAcciones
{
    padding-bottom : 0.65em;
    border-right-width :0px;
    text-transform: uppercase;
    padding-left: 1em;
    width: auto !important;
    padding-right: 1em;
    /*background:url(../App_Themes/AppExterna/imagesExterna/backgroundboton.png) #f78f08 no-repeat right top;*/
    border-top-width:0px;
    border-bottom-width: 0px;
    color:#fff !important;
    font-size:0.95em;
    border-left-width:0px;
    cursor: pointer;
    font-weight:bold;
    padding-top: 0.65em;
}

A.botonPnlAcciones
{
  text-decoration:none;
}

.formulario INPUT.botonPnlAcciones
{
    border-right-width:0px;
    margin-bottom: 3px;
    width: 25% !important;
    border-top-width : 0px;
    border-bottom-width : 0px;
    border-left-width : 0px;
}


/* Fin de botonera para el panel de realizar acciones */

.checkAncho input { width:auto !important; }

.logo2 {border:0 none !important; padding-right: 1.2em !important;}


img.fotoLimpiarFechas {margin: 15px 0;}

p.lineaformulariocorta { padding-top: 3em !important;}

.botonbuscar2 
{
    font-family: inherit !important;
}

p.parrafo_botones
{
    text-align:center;
    /*width: 596px;*/
}
.parrafo_botones input.botonbuscar
{
    margin-right:10% !important;
    float:none !important;
    margin-left: 0px !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}


a.iconoAyuda
{
    background: url(../Imagenes/ic-info.png) no-repeat left top;
    padding-left: 25px;
}

.hiddenLegend {
  opacity: 0;
}