a{ cursor:pointer;}

.calendario_link :hover{ color:#FFFFFF; background-color:#009999; font-weight:bold; border-radius:15px; padding:1px; cursor:pointer;}
.calendario_link strong:hover{ color:#FFFF33; background-color:#009999; font-weight:bold; border-radius:15px; padding:1px; cursor:pointer;}

.campo_de_busqueda
{
   background: #F9FAFB !important;
   background: -webkit-linear-gradient(top, #CCD6E0 0, #EFF2F5 40%, #F2F5F7 50%, #F2F5F7 100%) no-repeat !important;
   background: -moz-linear-gradient(top, #CCD6E0 0, #EFF2F5 40%, #F2F5F7 50%, #F2F5F7 100%) no-repeat !important;
   background: -o-linear-gradient(top, #CCD6E0 0, #EFF2F5 40%, #F2F5F7 50%, #F2F5F7 100%) no-repeat !important;
   background: -ms-linear-gradient(top, #CCD6E0 0, #EFF2F5 40%, #F2F5F7 50%, #F2F5F7 100%) no-repeat !important;
   -svg-background: linear-gradient(top, #CCD6E0 0, #EFF2F5 40%, #F2F5F7 50%, #F2F5F7 100%) no-repeat !important;
   background: linear-gradient(to bottom, #CCD6E0 0, #EFF2F5 40%, #F2F5F7 50%, #F2F5F7 100%) no-repeat !important;
   border:1px solid #B9C2CB !important;
   margin:0 auto !important;
   width:15% !important;
   height:0.5em !important;

}

.texto_azul{font-weight: bold; font-size: 14px; color:#3F5369;}
.texto_azul_claro{font-weight: bold; font-size: 14px; color:#37D0FF;}
.texto_blanco{font-weight: bold; font-size: 14px; color:#fff;}
.texto_rojo{font-weight: bold; font-size: 14px; color:#FF0000;}
.texto_naranja{font-weight: bold; font-size: 14px; color:#FF9900;}
.texto_amarillo{font-weight: bold; font-size: 14px; color:#FFCC00;}
.texto_verde{font-weight: bold; font-size: 14px; color:#33CC33;}
.texto_verde_claro{font-weight: bold; font-size: 14px; color:#6EFF6E;}

.texto_azul_8{font-weight: bold; font-size: 8px; color:#3F5369;}
.texto_azul_claro_8{font-weight: bold; font-size: 8px; color:#37D0FF;}
.texto_blanco_8{font-weight: bold; font-size: 8px; color:#fff;}
.texto_rojo_8{font-weight: bold; font-size: 8px; color:#FF0000;}
.texto_naranja_8{font-weight: bold; font-size: 8px; color:#FF9900;}
.texto_amarillo_8{font-weight: bold; font-size: 8px; color:#FFCC00;}
.texto_verde_8{font-weight: bold; font-size: 8px; color:#33CC33;}
.texto_verde_claro_8{font-weight: bold; font-size: 8px; color:#6EFF6E;}

.texto_azul_10{font-weight: bold; font-size: 10px; color:#3F5369;}
.texto_azul_claro_10{font-weight: bold; font-size: 10px; color:#37D0FF;}
.texto_blanco_10{font-weight: bold; font-size: 10px; color:#fff;}
.texto_rojo_10{font-weight: bold; font-size: 10px; color:#FF0000;}
.texto_naranja_10{font-weight: bold; font-size: 10px; color:#FF9900;}
.texto_amarillo_10{font-weight: bold; font-size: 10px; color:#FFCC00;}
.texto_verde_10{font-weight: bold; font-size: 10px; color:#33CC33;}
.texto_verde_claro_10{font-weight: bold; font-size: 10px; color:#6EFF6E;}

.texto_azul_12{font-weight: bold; font-size: 12px; color:#3F5369;}
.texto_azul_claro_12{font-weight: bold; font-size: 12px; color:#37D0FF;}
.texto_blanco_12{font-weight: bold; font-size: 12px; color:#fff;}
.texto_rojo_12{font-weight: bold; font-size: 12px; color:#FF0000;}
.texto_naranja_12{font-weight: bold; font-size: 12px; color:#FF9900;}
.texto_amarillo_12{font-weight: bold; font-size: 12px; color:#FFCC00;}
.texto_verde_12{font-weight: bold; font-size: 12px; color:#33CC33;}
.texto_verde_claro_12{font-weight: bold; font-size: 12px; color:#6EFF6E;}

.texto_azul_14{font-weight: bold; font-size: 14px; color:#3F5369;}
.texto_azul_claro_14{font-weight: bold; font-size: 14px; color:#37D0FF;}
.texto_blanco_14{font-weight: bold; font-size: 14px; color:#fff;}
.texto_rojo_14{font-weight: bold; font-size: 14px; color:#FF0000;}
.texto_naranja_14{font-weight: bold; font-size: 14px; color:#FF9900;}
.texto_amarillo_14{font-weight: bold; font-size: 14px; color:#FFCC00;}
.texto_verde_14{font-weight: bold; font-size: 14px; color:#33CC33;}
.texto_verde_claro_14{font-weight: bold; font-size: 14px; color:#6EFF6E;}

.texto_azul_20{font-weight: bold; font-size: 20px; color:#3F5369;}
.texto_azul_claro_20{font-weight: bold; font-size: 20px; color:#37D0FF;}
.texto_blanco_20{font-weight: bold; font-size: 20px; color:#fff;}
.texto_rojo_20{font-weight: bold; font-size: 20px; color:#FF0000;}
.texto_naranja_20{font-weight: bold; font-size: 20px; color:#FF9900;}
.texto_amarillo_20{font-weight: bold; font-size: 20px; color:#FFCC00;}
.texto_verde_20{font-weight: bold; font-size: 20px; color:#33CC33;}
.texto_verde_claro_20{font-weight: bold; font-size: 20px; color:#6EFF6E;}


.texto_paginacion{
 -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:2px;
 background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#343434));
 background-image: -webkit-linear-gradient(top, #cccccc, #343434);
 background-image: -moz-linear-gradient(top, #cccccc, #343434);
 background-image: -ms-linear-gradient(top, #cccccc, #343434);
 background-image: -o-linear-gradient(top, #cccccc, #343434);
 background-image: linear-gradient(to bottom, #cccccc, #343434);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cccccc, endColorstr=#343434);
 margin:2px;
}

.texto_paginacion:hover{
 -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:2px;
 background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#343434));
 background-image: -webkit-linear-gradient(top, #ffffff, #343434);
 background-image: -moz-linear-gradient(top, #ffffff, #343434);
 background-image: -ms-linear-gradient(top, #ffffff, #343434);
 background-image: -o-linear-gradient(top, #ffffff, #343434);
 background-image: linear-gradient(to bottom, #ffffff, #343434);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#343434);
 margin:2px;
}

.texto_paginacion_activo{
-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #000; padding:3px;
 background-color: #878787; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#878787));
 background-image: -webkit-linear-gradient(top, #fafafa, #878787);
 background-image: -moz-linear-gradient(top, #fafafa, #878787);
 background-image: -ms-linear-gradient(top, #fafafa, #878787);
 background-image: -o-linear-gradient(top, #fafafa, #878787);
 background-image: linear-gradient(to bottom, #fafafa, #878787);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#878787);
 margin:2px;
}

.texto_fondo_naranja{
-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#E2A11D), to(#E2A11D));
 background-image: -webkit-linear-gradient(top, #E2A11D, #E2A11D);
 background-image: -moz-linear-gradient(top, #E2A11D, #E2A11D);
 background-image: -ms-linear-gradient(top, #E2A11D, #E2A11D);
 background-image: -o-linear-gradient(top, #E2A11D, #E2A11D);
 background-image: linear-gradient(to bottom, #E2A11D, #E2A11D);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E2A11D, endColorstr=#E2A11D);
 margin:2px;
}

.texto_fondo_rojo{
	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
	 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
	 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
	 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
	 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
	 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
	 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
	 margin:2px;
	}
	
.texto_fondo_rojo_10{
	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 10px;font-size:10px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
		background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
		background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
		background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
		background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
		background-image: -o-linear-gradient(top, #f62b2b, #d20202);
		background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
		margin:2px;
	}
			
.texto_fondo_rojo_8{
	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 8px;font-size:8px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
		background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
		background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
		background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
		background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
		background-image: -o-linear-gradient(top, #f62b2b, #d20202);
		background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
		margin:2px;
	}
				
		.texto_fondo_azul_20{
-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:20px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
 background-color: #37D0FF; background-image: -webkit-gradient(linear, left top, left bottom, from(#37D0FF), to(#005B8E));
 background-image: -webkit-linear-gradient(top, #37D0FF, #005B8E);
 background-image: -moz-linear-gradient(top, #37D0FF, #005B8E);
 background-image: -ms-linear-gradient(top, #37D0FF, #005B8E);
 background-image: -o-linear-gradient(top, #37D0FF, #005B8E);
 background-image: linear-gradient(to bottom, #37D0FF, #005B8E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#37D0FF, endColorstr=#005B8E);
 margin:2px;
}

.texto_fondo_azul{
-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
 background-color: #37D0FF; background-image: -webkit-gradient(linear, left top, left bottom, from(#37D0FF), to(#005B8E));
 background-image: -webkit-linear-gradient(top, #37D0FF, #005B8E);
 background-image: -moz-linear-gradient(top, #37D0FF, #005B8E);
 background-image: -ms-linear-gradient(top, #37D0FF, #005B8E);
 background-image: -o-linear-gradient(top, #37D0FF, #005B8E);
 background-image: linear-gradient(to bottom, #37D0FF, #005B8E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#37D0FF, endColorstr=#005B8E);
 margin:2px;
}

.texto_fondo_gris_20{
-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:20px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
 background-color: #37D0FF; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#767676));
 background-image: -webkit-linear-gradient(top, #cccccc, #767676);
 background-image: -moz-linear-gradient(top, #cccccc, #767676);
 background-image: -ms-linear-gradient(top, #cccccc, #767676);
 background-image: -o-linear-gradient(top, #cccccc, #767676);
 background-image: linear-gradient(to bottom, #cccccc, #767676);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cccccc, endColorstr=#767676);
 margin:2px;
}

.texto_fondo_gris{
-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
 background-color: #37D0FF; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#767676));
 background-image: -webkit-linear-gradient(top, #cccccc, #767676);
 background-image: -moz-linear-gradient(top, #cccccc, #767676);
 background-image: -ms-linear-gradient(top, #cccccc, #767676);
 background-image: -o-linear-gradient(top, #cccccc, #767676);
 background-image: linear-gradient(to bottom, #cccccc, #767676);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cccccc, endColorstr=#767676);
 margin:2px;
}


.texto_fondo_verde{ color:#0C0
	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
	 background-color: #00CC00; background-image: -webkit-gradient(linear, left top, left bottom, from(#00CC00), to(#007C00));
	 background-image: -webkit-linear-gradient(top, #00CC00, #007C00);
	 background-image: -moz-linear-gradient(top, #00CC00, #007C00);
	 background-image: -ms-linear-gradient(top, #00CC00, #007C00);
	 background-image: -o-linear-gradient(top, #00CC00, #007C00);
	 background-image: linear-gradient(to bottom, #00CC00, #007C00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00CC00, endColorstr=#007C00);
	 margin:2px;
	}
	
.texto_fondo_verde_10{ color:#0C0
	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:10px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
		background-color: #00CC00; background-image: -webkit-gradient(linear, left top, left bottom, from(#00CC00), to(#007C00));
		background-image: -webkit-linear-gradient(top, #00CC00, #007C00);
		background-image: -moz-linear-gradient(top, #00CC00, #007C00);
		background-image: -ms-linear-gradient(top, #00CC00, #007C00);
		background-image: -o-linear-gradient(top, #00CC00, #007C00);
		background-image: linear-gradient(to bottom, #00CC00, #007C00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00CC00, endColorstr=#007C00);
		margin:2px;
	}
		
.texto_fondo_verde_8{ color:#0C0
	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:8px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
		background-color: #00CC00; background-image: -webkit-gradient(linear, left top, left bottom, from(#00CC00), to(#007C00));
		background-image: -webkit-linear-gradient(top, #00CC00, #007C00);
		background-image: -moz-linear-gradient(top, #00CC00, #007C00);
		background-image: -ms-linear-gradient(top, #00CC00, #007C00);
		background-image: -o-linear-gradient(top, #00CC00, #007C00);
		background-image: linear-gradient(to bottom, #00CC00, #007C00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00CC00, endColorstr=#007C00);
		margin:2px;
	}
			
						
.texto_blanco_botellas{font-weight: bold; font-size: 8px; color:#fff;}
.texto_blanco_8{font-weight: bold; font-size: 8px; color:#fff;}
.texto_blanco_8_sin_padding{font-weight: bold; font-size: 8px; color:#fff; padding:0px !important;}
.texto_blanco_mensaje{font-weight: bold; font-size: 1.14em; color:#fff; background-color:#999; border-radius: 5px; padding:5px; font-size: smaller;}

.input_8{font-size: 8px !important; padding:0px !important;}
.input_10{font-size: 10px !important; padding:0px !important;}
.input_11{font-size: 11px !important; padding:0px !important;}
.input_12{font-size: 12px !important; padding:0px !important;}

.fila:hover{ background-color:#999; cursor:pointer;}
.fila_muestras:hover{ background-color:#999; cursor:pointer;}

#agregar_referencias li { padding:0; margin-left:10px; float:left;}




/*PARA LOS BOTONES DE LA PAGINACION*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.boton_desplegar
{
	
	background: url(../imagenes/boton_desplegar.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;
	display: inline-block;	
    border-style: none;

}

.boton_desplegar:hover
{
	
	background: url(../imagenes/boton_desplegar_pulsado.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;	
	display: inline-block;	
    border-style: none;

}

.boton_contraer
{
	
	background: url(../imagenes/boton_contraer.png) no-repeat;
	height: 25px !important;
	width: 25px !important;	
	vertical-align: middle;
	display: inline-block;	
    border-style: none;
	
}

.boton_contraer:hover
{
	
	background: url(../imagenes/boton_contraer_pulsado.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;	
	display: inline-block;	
    border-style: none;
	
}

.boton_primera_pagina
{
	
	background: url(../imagenes/boton_primera_pagina.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;
	display: inline-block;	
    border-style: none;
	
}

.boton_primera_pagina:hover
{
	
	background: url(../imagenes/boton_primera_pagina_pulsado.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;	
	display: inline-block;	
    border-style: none;
	
}

.boton_ultima_pagina
{
	
	background: url(../imagenes/boton_ultima_pagina.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;
	display: inline-block;	
    border-style: none;
	
}

.boton_ultima_pagina:hover
{
	
	background: url(../imagenes/boton_ultima_pagina_pulsado.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;	
	display: inline-block;	
    border-style: none;
	
}

.boton_pagina_menos
{
	
	background: url(../imagenes/boton_pagina_menos.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;
	display: inline-block;	
    border-style: none;
	
}

.boton_pagina_menos:hover
{
	
	background: url(../imagenes/boton_pagina_menos_pulsado.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;	
	display: inline-block;	
    border-style: none;
	
}

.boton_pagina_mas
{
	
	background: url(../imagenes/boton_pagina_mas.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;
	display: inline-block;	
    border-style: none;
	
}

.boton_pagina_mas:hover
{
	
	background: url(../imagenes/boton_pagina_mas_pulsado.png) no-repeat;
	height: 25px;
	width: 25px;	
	vertical-align: middle;	
	display: inline-block;	
    border-style: none;
	
}

/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/

/*PARA EL POPUP DE LOS MENSAJES EN PANTALLA*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/

.popup
{
	z-index:900;
	background:rgba(0,0,0,0);
	opacity:0;
	
}

.abre_popup
{
	top:0%;
	left:0%;
	min-height: 100%;
	min-width: 100%;
	position:fixed;
	z-index:900;
	opacity:1;
	

	background:rgba(0,0,0,0.4);

	transition: opacity  0.25s ease ;
	-moz-transition: opacity  0.25s ease ;
	-webkit-transition: opacity  0.25s ease ;
	-o-transition: opacity  0.25s ease ;

}


.contenedor_popup:first-child
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	z-index:901;
	background:#303F50;
	
	padding: 15px;
	border-radius:15px;
    box-shadow: 10px 10px 6px 2px #4F4F4F;
    display: none;
	
}

.contenedor_popup_subform_calendario
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index:901;
    background:#303F50;

    padding: 15px;
    border-radius:15px;
    overflow:auto;
    max-width:300px;
    height:auto;
    max-height:450px;
    box-shadow: 10px 10px 6px 2px #4F4F4F;
    display: none;
        
}

.popup_form
{
	z-index:800;
	background:rgba(0,0,0,0);
	opacity:0;
	height:0px;
}

.abre_popup_form
{
	top:0%;
	left:0%;
	min-height: 100%;
	min-width: 100%;
	position:fixed;
	z-index:800;
	opacity:1;

	background:rgba(0,0,0,0.4);

	transition: opacity  0.25s ease ;
	-moz-transition: opacity  0.25s ease ;
	-webkit-transition: opacity  0.25s ease ;
	-o-transition: opacity  0.25s ease ;

}


.contenedor_popup_form
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	z-index:901;
	background:#303F50;
	
	padding: 15px;
	border-radius:15px;
    overflow:auto;
    max-width:400px;
    height:auto;
    max-height:500px;
    box-shadow: 10px 10px 6px 2px #4F4F4F;
    display: none;
    

}

.contenedor_popup_subform
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	z-index:901;
	background:#303F50;
	
	padding: 15px;
	border-radius:15px;
    overflow:auto;
    max-width:900px;
    height:auto;
    width:90%;
    max-height:400px;
    box-shadow: 10px 10px 6px 2px #4F4F4F;
    display: none;
    

}

.popup_contacto_cliente
{
	
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	z-index:901;
	background:#303F50;
	
	padding: 15px;
	border-radius:15px;
    overflow:auto;
    max-width:300px;
    height:auto;
    max-height:450px;
    box-shadow: 10px 10px 6px 2px #4F4F4F;

}

.popup_botella
{
	
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	z-index:901;
	background:#303F50;
	
	padding: 15px;
	border-radius:15px;
    box-shadow: 10px 10px 6px 2px #4F4F4F;

}

/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/

/*PARA EL POPUP DE ACCESO*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/

.popup_acceso
{
	top:0%;
	left:0%;
	min-height: 100%;
	min-width: 100%;
	position:fixed;
	z-index:902;
	opacity:1;
	

	background:rgba(0,0,0,0.4);

	transition: opacity  0.25s ease ;
	-moz-transition: opacity  0.25s ease ;
	-webkit-transition: opacity  0.25s ease ;
	-o-transition: opacity  0.25s ease ;

}


.contenedor_popup_acceso
{
	display:block;
	max-width: 200px;
	height:auto;
	top:50%;
	left:50%;
    transform: translate(-50%, -50%);

	background:#303F50;
	
	padding: 15px;
	border-radius:15px;
	
	position:absolute;
    box-shadow: 10px 10px 6px 2px #4F4F4F;

}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/

/*PARA DESPLEGAR O CONTRAER LOS CAMPOS DE BÚSQUEDA*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.desplegado
{
	
	opacity:1;
	
	-webkit-transition: opacity 0.5s, height 0.5s ;
	-moz-transition: opacity 0.5s, height 0.5s;
	transition: opacity 0.5s, height 0.5s;
	
}
.oculto
{
	opacity:0;
	height: 5%;
	
	
}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/

/*BOTONES*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.boton_azul{
 border:none; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px; cursor:pointer;
 background-color: #37D0FF; background-image: -webkit-gradient(linear, left top, left bottom, from(#37D0FF), to(#005B8E));
 background-image: -webkit-linear-gradient(top, #37D0FF, #005B8E);
 background-image: -moz-linear-gradient(top, #37D0FF, #005B8E);
 background-image: -ms-linear-gradient(top, #37D0FF, #005B8E);
 background-image: -o-linear-gradient(top, #37D0FF, #005B8E);
 background-image: linear-gradient(to bottom, #37D0FF, #005B8E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#37D0FF, endColorstr=#005B8E);
 margin:2px;
}

.boton_azul:hover{

 border:none;  background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}

.boton_rojo{
 border:none; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px; cursor:pointer;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
 margin:2px;
}

.boton_rojo:hover{

 border:none;  background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}

.boton_naranja{
 border:none; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px; cursor:pointer;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f97506), to(#d45216));
 background-image: -webkit-linear-gradient(top, #f97506, #d45216);
 background-image: -moz-linear-gradient(top, #f97506, #d45216);
 background-image: -ms-linear-gradient(top, #f97506, #d45216);
 background-image: -o-linear-gradient(top, #f97506, #d45216);
 background-image: linear-gradient(to bottom, #f97506, #d45216);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f97506, endColorstr=#d45216);
 margin:2px;
}

.boton_naranja:hover{

 border:none;  background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#c4400a), to(#c4400a));
 background-image: -webkit-linear-gradient(top, #c4400a, #c4400a);
 background-image: -moz-linear-gradient(top, #c4400a, #c4400a);
 background-image: -ms-linear-gradient(top, #c4400a, #c4400a);
 background-image: -o-linear-gradient(top, #c4400a, #c4400a);
 background-image: linear-gradient(to bottom, #c4400a, #c4400a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c4400a, endColorstr=#c4400a);
}

.boton_verde{ color:#0C0
 border:none; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px; cursor:pointer;
 background-color: #00CC00; background-image: -webkit-gradient(linear, left top, left bottom, from(#00CC00), to(#007C00));
 background-image: -webkit-linear-gradient(top, #00CC00, #007C00);
 background-image: -moz-linear-gradient(top, #00CC00, #007C00);
 background-image: -ms-linear-gradient(top, #00CC00, #007C00);
 background-image: -o-linear-gradient(top, #00CC00, #007C00);
 background-image: linear-gradient(to bottom, #00CC00, #007C00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00CC00, endColorstr=#007C00);
 margin:2px;
}

.boton_verde:hover{ color:#0C0
 border:none; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; padding:5px;
 background-color: #007C00; background-image: -webkit-gradient(linear, left top, left bottom, from(#00CC00), to(#007C00));
 background-image: -webkit-linear-gradient(top, #007C00, #007C00);
 background-image: -moz-linear-gradient(top, #007C00, #007C00);
 background-image: -ms-linear-gradient(top, #007C00, #007C00);
 background-image: -o-linear-gradient(top, #007C00, #007C00);
 background-image: linear-gradient(to bottom, #007C00, #007C00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#007C00, endColorstr=#007C00);
 margin:2px;
}

a img {
    border: 0;
    box-shadow: 0px 0px 5px 0px #888888;
    border-radius: 5px;
    padding: 3px;
    background-color: #B9B9B9;
    margin: 3px;
    max-width: 20px;    
    
}

a img:hover {
    border: 0;
    box-shadow: 0px 0px 5px 5px #888888;
    border-radius: 5px;
    padding: 3px;
    background-color: #B9B9B9;
    margin: 3px;
    max-width: 20px;    
}

/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/


#div_clientes{ display:block;}


#scroll-to-top.displayed {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5 !important;
    z-index: 600;
}

#scroll-to-top:hover
{
    
    background: #3F5369;
    opacity: 1 !important;
}

#scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #3F5369;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#scroll-to-top .vantage-icon-arrow-up {
    font-size: 40px;
    display: block;
    width: 18px;
    height: 18px;
    color: #ffffff;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*PARA LA CABECERA ESTÁTICA DE LAS TABLAS*/
.cabecera_estatica          { overflow-y: auto; height: 100px; }
.cabecera_estatica thead th { position: sticky; top: 0; }

.cabecera_estatica  { border-collapse: collapse; width: 100%; }
.cabecera_estatica th, td { padding: 5px }
.cabecera_estatica th     { background:#303A4F; }
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/