/* Almanaque */
 #papel{
	  filter: drop-shadow(0px 0px 300px rgba(0, 0, 0, 0.3));
 }
 #selector{
	 position:relative;
	 height:50px;
	 top:-10px;
	 font-family:verdana, tahoma;
	 font-size:15px;
	 font-weight:bold;
 }
.butDescPDF
	{
		

			position:relative;
			width:160px;
			cursor: pointer;
			height:50px;
			border:none;
			cursor:pointer;
			font-family:Tahoma, Verdana;
			font-weight:bold;
			font-size: 15px;				
			text-decoration:none;
			border-radius:5px;
			border-width:0px;
			background:url('pago-pdfymp.svg');					
			background-size: 150px 44px;
			background-position: 6px center;
			background-color: green;
			background-repeat: no-repeat;
			color:white;
			
	}
	.sl_alma{
		width:160px;
		height:30px;
	}
	.botApAlma{
		width:160px;
		height:30px;
		border:none;
		background-color:green;
		color:white;
		font-family:tahoma,verdana;
		font-weight:bold;
		margin-top:10px;	
		border-radius:5px;
	}
	#botonesdescarga{
		position:relative;
		width:160px;
		margin-left:auto;
		margin-right:auto;
	}
	.labels{
		font-family:verdana, tahoma;
		font-wight:bold;
		font-size:12px;
		text-decoration:none;
		position:relative;
		top:-10px;
	}
	.boton{
		width:180px;
		heigth:30px;
		border-radius:5px;
	}
	.inpText{
		width:130px;
		heigth:30px;
		border-radius:5px;
		font-family:tahoma, verdana;
		font-size:30px;
		font-weight:bold;
		margin-top:10px;
	}
.tiqueta{
	font-family:tahoma, verdana;
	font-size:13px;
	font-weight:bold;
	color:rgb(100,100,100);
	}
html{
	overflow: hidden;
}
	svg{border: none;}
		.boton{
			width:160px;
			height:30px;
			border-radius:5px;
			margin-bottom:10px;
		}
		.txtmini{
			font-size:10px;
			color:white;
			background-color:black;
			border:0px;
		}
		.disp_nodo{
			color:white;
			border:none;
			background-color:transparent;
		}
		
		.icono_val_def{
			position:relative;
			top:-25px;
			left:-135px;
		}
			
		#menu 
		{
			position: absolute;
			left:0px;
			top:40px;
			width:200px;
			height:700px;
			background-color:bisque;
			padding:0px;
		}
	
		#submenu_box2{
			position: absolute;
			right:0px;
			top:40px;
			width:200px;
			height:700px;
			background-color:bisque;
			
			
		}
		
		
		#cabecera {
			position: absolute;
			left:0px;
			top:0px;
			width:100%;
			height:40px;
			background-color:black;
		}
		
		.diapositiva {
				padding:10px;
				margin:5px;
				width:100px;
				height:100px;
				border-width: thin;
				border-style: solid;
				border-color: black;
				border-radius:5px;
				
			}
			#galeria{
				width:100%;
				height:1000px;
				background-color:white;
				border-top:5px solid gray;
				
			}
		#formas{
			background-color:black;
			color:white;
			border:none;
			margin-top:7px;
			
		}
		#listado_ids{
			background-color:black;
			color:white;
			border:none;
			margin-top:7px;
			
		}
		#menu_archivos{
			background-color:black;
			color:white;
			border:none;
			margin-top:7px;
			
		}
			
		#repositorio{
			position:absolute;
			top:550px;
			
		}
		.resize_marcas{
			
			fill:black;
			stroke-width:0;
		}
		.selector{
			width:160px;
			height:30px;
			border-radius:5px;
			margin-bottom:10px;
			font-size:12px;
		}
		
		
		.form_menu{
			padding:15px;
			padding-top:45px;
			margin-bottom:5px;
			font-size:15px;			
			background-color:gray;
			border-width: 0;
			border-color: black;			
			border-radius:0px;
		}
		.form_menu_alma{			
			margin-bottom:5px;
			font-size:15px;			
			background-color:gray;
			border-width: 0;
			border-color: black;			
			border-radius:0px;
		}
		.controles{
			font-size:10px;
			margin-top:-30px;
			
		}
		.class_guia_h{
			stroke: blue; 
			stroke-dasharray: 500,1000;
			fill: none;
			stroke-width: 100;			
		}
		
		/* Esre es el recuadro transparente que recibe el evento de arrastre sobre las guias */
		.class_guia_vb{
			cursor:e-resize;
			stroke: transparent; 
			stroke-dasharray: none;			
			stroke-width: 600;
		}
		
		/* Esre es el recuadro transparente que recibe el evento de arrastre sobre las guias */
		.class_guia_hb{
			cursor:n-resize;
			stroke: transparent; 
			stroke-dasharray: none;			
			stroke-width: 600;	
			
		}
		
		
		.form-range{
			position:relative;
			width:110px;
			top:-20px;
			
			
		}
		
		.selectores{
			width:35px;
			border-radius:5px;
			margin: 5px;
			position:relative;
			top:-30px;
			font-size:9px;
		}
		.marcadores{
			stroke: blue; 
			stroke-dasharray: 500,1000;
			fill: none;
			stroke-width: 100;
		}
		.menu{
			background-color:black;
			color:white;
			border:none;
			width:70px;
			margin-top:5px;
		}
		
		
		
		#tablero
		{
			position: absolute;
			left:200px;
			top:40px;
			width:950px;
			height:500px;
			
		}
		.titulos-controles{
			width:20px;
			background-color:transparent;
			font-size:10px;
			border:0px solid;
		}
		.collapsible {
		  background-color: #777;
		  color: white;
		  cursor: pointer;
		  padding: 18px;
		  width: 100%;
		  border: none;
		  text-align: left;
		  outline: none;
		  font-size: 15px;
		}
		.collapsable {
		  background-color: #777;
		  color: white;
		  cursor: pointer;
		  padding: 10px;
		  width: 100%;
		  height:40px;
		  border: none;
		  text-align: left;
		  outline: none;
		  font-size: 15px;
		}


		.active, .collapsible:hover {
		  background-color: #555;
		}

		.content {
		  padding:20px 0px 20px 20px;
		  display: none;
		  background-color: #f1f1f1;
		}
		.contentDisp {
		  padding:20px 0px 20px 20px;
		  background-color: #f1f1f1;
		}
		.contentZoom {
		  padding:20px 0px 20px 20px;
		  background-color: #f1f1f1;
		}
		#listado_ids{
		font-size:10px;
		background-color:white;
		color:black;
		border-radius:5px;
		width:180px
		}
		#list_select{
		font-size:10px;
		background-color:white;
		color:black;
		border-radius:5px;
		width:180px
		}
		
		.cabecera_opciones{
			width:205px;
			background-color:rgb(50,50,50);
			border:none;
			position:relative;
			left:-20px;
			margin-bottom:10px;
			margin-top:10px;
			color:white;
			font-weight:bold;
			
		
		}
		#feriadosTxt{
	width:160px;
	font-family:tahoma, verdana;
	font-size:11px;
	}
	
.imgselect-container {
      width: 160px;
      position: relative;
      font-family: sans-serif;
    }

    .imgselect-selected {
      border: 1px solid #ccc;
      padding: 10px;
      cursor: pointer;
      background: white;
    }

    .imgselect-options {
      display: none;
      position: absolute;
      width: 100%;
      border: 1px solid #ccc;
      background: white;
      z-index: 1000;
      max-height: 200px;
      overflow-y: auto;
    }

    .imgselect-option {
      padding: 5px;
      display: flex;
      align-items: center;
      cursor: pointer;
    }

    .imgselect-option img {
      width: 200px;
      height: 80px;
      margin-right: 10px;
    }

    .imgselect-option:hover {
      background-color: #f0f0f0;
    }