/*Version 1.3
marzo 2024
redeban clave 387134

*/
*{	font-family:sans-serif;
	font-size:10.5pt;
}


body{
	width:100%; 
	border-style:none; 
	min-width:400px;
	border-width:0px; 
	background-color:rgba(0,0,0,0.0);  
	margin:0px 0px 0px 0px; 
	padding:0px;
	}



#div_inicio{border-style:dotted; border-width:0px;}

#div_logo{ 

}

#div_header{ 

}

#div_icono{	

}

#div_buscar{

	}

#div_nombre{	

}

.div_header_class{
	position:relative;
	display:block;	
	width:100%;
	min-width:400px;		
	background-color:rgba(0,40,60,0.90);
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,55,0,0.9);
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	font-size: 10pt;
}

.div_logo_class{
	position:relative;
	display:inline-block;	
	width:25%;
	min-width:320px;		
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,255,0,0.9);
	margin:1px 1px 1px 1px auto;
	padding: 1px 1px 1px 1px;	
	background-color:rgba(27, 167, 15, 0);
	vertical-align:middle;
}

.div_icon_class{	
	position:relative;
	display: inline-block;	
	width:70px;
	height:50px;		
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,255,0,0.0);
	margin:1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	vertical-align: middle;	
	background-color:rgb(177, 65, 45,0);
	cursor:pointer; 
	color:rgba(180,255,0,1);
	
}

.div_buscar_class{
	position:relative;
	display:inline-block;		
	width:42%;
	min-width:400px;
	min-height:50px;	
	margin:3px 1px 1px 1px auto;
	padding: 1px 1px 1px 1px;	
	background-color:rgba(224, 53, 68, 0);
	vertical-align: middle;
}

.input_buscar_txt_class{
	position:relative; 
	width:50%; 
	margin: 0px 0px 0px 0px; 
	padding:2px;  
	border-color: #007080; 
	border:1px none white;
	vertical-align:middle;
}

.option_class {
	font-size: 11pt;
	padding: 5px;

}

.div_nombre_class{
	position:relative;
	display:inline-block;	
	width:25%;
	min-width:400px;
	min-height:50px;
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,255,0,0.9);
	margin:0 auto;
	padding: 1px 1px 1px 1px;
	vertical-align: middle;
	background-color:rgba(189, 19, 152, 0);
}

.form_buscar_class{
	position:relative;
	display:inline-block;	
	width:95%;
	border-style:solid;	
	border-width:1px;
	border-color:rgba(0,255,0,0.99);
	border-radius: 20px 20px;	
	padding:0px;  
	vertical-align: middle;
	background-color:rgba(0,40,60,0.20);
}


.boton_buscar_class{
	position:relative; 
	display:inline-block;
	width:20%;
	min-width:50px; 
	margin:0 auto;
	padding: 3px;
	border-style:none;
	border-radius: 0px 10px 10px 0px; 
	color: rgba(0,20,80,0.9);
	background-color:rgba(240,240,240,0.9);
	vertical-align:middle;
	cursor:pointer;
}

.selector_busqueda_class{
	width:20%;
	min-width:50px; 
	color: rgba(0,20,80,0.9);
	background-color:rgba(240,240,240,0.90);
	border-style:none;
	cursor:pointer;
	text-align:center;
	padding: 4px;
	border-radius: 10px 0px 0px 10px;
	vertical-align: middle;

}

.nombreUserHeader_class{	
	color:#FFFFFF; 
	font-family:Georgia; 
	font-style:italic; 
	text-align:top; 
	margin: 0px 0px 0px 0px; 
}

.div_punto_trabajo_class{
	display:inline-block;
	margin: 0 auto;
	padding: 0px;
	cursor:pointer;
	vertical-align:middle;
}

.div_punto_trabajo_class:hover{
	background-color:rgba(200,200,200,0.5);
	
}



@media only screen and (max-width:650px){
	.div_header_class{
		position:relative;
		display:inline-block;
		width:100%;		
	}

	.div_logo_class{
		position:relative;
		display:inline-block;
		width:100%;		
	}

	.div_buscar_class{
		position:relative;
		display:inline-block;
		width:100%;	
		min-height:30px;
	}

	.div_nombre_class{
		position:relative;
		display:none;
		width:100%;		
	}

	.boton_buscar_class{
		
	}
}

.box-shadow{
	box-shadow: 1px 1px 5px 5px rgba(0,20,80,0.9);
}

.btn-cd-green{
	background-color:rgba(180,255,0,0.9);
	color:rgba(0,20,80,0.9);
	border: 0px solid black;
	font-weight:bold;
}
.btn-cd-green:hover{
	color:rgba(180,255,0,0.9);
	background-color:rgba(0,20,80,0.9);
}

.bg-cd{
	background-color:rgba(0,20,80,0.9);
	border-style:none;
}

.text_cd{
	color:white;
}
/*Barra de menu horizontal*/
.div_menu_horizonatal_class{
	position:relative;
	display:block;
	width:100%;	
	vertical-align:middle;
	background-color:transparent;
	padding:2px;
	margin: 3px 0px 0px 0px;
	/*background:linear-gradient(#507050 , #00D000);*/
}





.div_class_boton_menu{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	border-style:solid;	
	border-width:0px;
	text-decoration:none;
	color:rgba(0,30,90,1);
}

.tools_menu_horizontal_boton_class{
	position:relative;
	display:inline-block;
	height:30px;
	margin: 0px 2px 0px 2px; 
	padding:0px;
	vertical-align:middle;
	width:100%;
}

.tools_menu_horizontal_boton_class:hover{
	background-color:rgba(0,40,80,0.9);
	cursor:pointer;
	color:white;
}


.center_menu_horizontal_class{

	display:inline-block;

}



/* Ocultando simbolo menu de inicio utilizado para Celular*/

.div_icon_menu_cellphone_class{
	position:relative;
	display:none;
	width:70px;
	height:30px;
	background-color:rgba(0,20,80,1);
}



.imagen_menu_cellphone_class{
	position:relative; 
	display:inline-block; 
	width:50px; 
	height:28px;
    vertical-align:middle;
}

/* Div que contiene los nombres en letras del menu horizontal*/
.div_menu_horizonatal_items_class{
	position:relative;
	display:block;
	width:100%;	
	vertical-align:middle;
}



.input_icono_form_menu_horizontal{
	position:relative;
	display:inline-block;
	width:50px;
	vertical-align:middle;
}
.input_icono_form_menu_horizontal:hover{
	width:60px;
}


@media only screen and (max-width:650px){

	.div_icon_menu_cellphone_class{
		display:inline-block;
	}

	.div_menu_horizonatal_items_class{
		position:relative;
		display:inline-block;
		width:100%;
	}

}





/*caracteristicas de los botones div internos del menu principal desp*/
.div_class_boton_menu_inner{
    position: absolute;
	display:none;
	width:180px;	
	/*height:120px;*/
	border-style:none;
	border-width:0px;
	text-decoration:none;
	margin: 0px 0px 0px 0px; 
	padding:0px;
}


.form_menu_horizontal_boton_class{
	position:relative;
	display:inline-block;
	height:30px;
	margin: 0px 2px 0px 2px; 
	padding:5px;
	vertical-align:middle;
}

.form_menu_horizontal_boton_class:hover {
	background-color:rgba(0,200,0,0.00);
}

.form_menu_horizontal_boton_class:hover .div_class_boton_menu_inner{
	display:block;
	background-color:rgba(50,50,50,0.80);
	z-index:2;
}









.input_submit_form_menu_horizontal{
	position:relative; 
	display:block; 
	font-family:Tahoma; 
	font-size:80%; 
	font-weight:normal; 
	color:white; 
	margin: 0px 0px 0px 0px; 
	padding:0px 3px 0px 3px;  
	background-color:rgba(0,0,0,0.0);
	border-style:none;
	width:100%;
	height:30px;
	cursor:pointer;
	vertical-align:middle;
	text-decoration:none;
}



.label_aplicaciones_form_menu_horizontal_class{

	position:relative; 

	display:block; 

	font-family:Tahoma; 

	font-size:90%; 

	font-weight:normal; 

	color:white; 

	margin: 0px 0px 0px 0px; 

	padding: 8px 3px 0px 3px;  

	background-color:rgba(0,0,0,0.0);

	border-style:none;

	width:100%;

	height:30px;

	cursor:pointer;

	vertical-align:middle;

	text-decoration:none;

}



.input_submit_form_menu_header{

	position:relative; 

	display:block; 

	font-family:Tahoma; 

	font-size:80%; 

	font-weight:normal; 

	color:white; 

	margin: 0px 0px 0px 0px; 

	padding:0px 3px 0px 0px;  

	background-color:rgba(0,0,0,0.0);

	border-style:none;

	width:100%;

	height:30px;

	cursor:pointer;

	vertical-align:middle;

	padding: 0px 3px 0px 3px;

}

.input_submit_form_menu_header:hover{

	text-decoration: underline;

}



.input_image_carrito_form_menu_header{
	position:relative; 
	display:inline-block;
	font-family:Tahoma; 
	font-size:80%; 
	font-weight:normal; 
	color:white; 
	margin: 0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;  
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color:rgba(0,0,0,0.0);
	background-image:url("inicio/imagenes/iconos/carrito.png");
	background-size:contain;
	border-style:none;
	width:35px;
	height:35px;
	cursor:pointer;
	vertical-align:middle;

	border-radius: 0px;
}

.input_image_carrito_form_menu_header:hover{
	background-color:rgba(255,255,255,0.20);
}

.label_image_carrito_form_menu_header{
	margin: 0px 10px 0px 0px;
	vertical-align:middle;
	font-size:14pt;

}



.input_submit_form_menu_horizontal_myclient{

	position:relative; 

	display:block; 

	font-family:Tahoma; 

	font-size:80%; 

	font-weight:normal; 

	color:white; 

	margin: 0px 0px 0px 0px; 

	padding:0px 3px 0px 0px;  

	background-color:rgba(0,0,0,0.0);

	border-style:none;

	height:30px;

	cursor:pointer;

	vertical-align:middle;

	padding-left:5px;

}



.div_boton_menu_cliente_activo_class{

	position:relative; 

	display:block; 

	font-family:Tahoma; 

	font-size:80%; 

	font-weight:normal; 

	color:white;

	height:30px;

	margin: 0px 0px 0px 5px; 

	padding: 10px 0px 0px 0px; 

}



.input_submit_form_menu_horizontal:hover{

	background-color:rgba(0,160,0,0.70);

	cursor:pointer;



}



:-ms-input-placeholder{

	color:rgba(50,100,200,0.8);

	background-color:rgba(200,200,200,0.10);

}

::-ms-input-placeholder {

	color:rgba(50,100,200,0.8);

	background-color:rgba(200,200,200,0.10);

}

::placeholder{

	color:rgba(50,100,200,0.8);

	background-color:rgba(200,200,200,0.10);

}





.div_menu_todos_productos_barra_navegacion{

	display:none;

	position:relative;

	margin:0px;

	padding:0px;

	

}





.div_class_boton_menu_inner_desplegable{

    position: relative;

	width:100%;

	display:block;

	border-style:none;

	border-width:0px;

	border-collapse:collapse;

	text-decoration:none;

	margin: 0px 2px 0px 2px; 

	padding:0px;

}







@media only screen and (max-width:600px){

	.div_menu_todos_productos_barra_navegacion{



		display:inline;

	}	

}









.div_ciente_registrado{	

	position:relative;

	display:inline-block;

	width:80px;

	height:30px;

	vertical-align:middle;

	background-color:rgba(250,255,250,0.9);

	margin: 0px 0px 0px 0px; 

	padding:0px 0px 0px 0px;

	text-align:center;

	overflow:hidden;

}



@media only screen and (max-width:600px){
	.div_ciente_registrado{
		width:100%;;
	}	
}


#div_registro{ 
	position:relative;
	display:inline-block;
	width:70%;
	background:linear-gradient(#00F000,#007000);
	margin: -0px 0px -1px 0px;
}



.div_nuevos_productos_top {
	position:relative;
	display:inline-block;	
	width:20%;
	min-width:150px;
	background-color:rgba(255,255,0,0.5);
	border-style:double;	
	border-width:2px;
	border-color:rgba(0,255,0,0.9);
}





/* estilos para clase boton buscar*/

.boton_buscar{
	position:relative;
	top:0px;
	height:30px;
	background-image:url("inicio/imagenes/lupa_1.png");
	background-position: 1% 50%;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 20px;
}





/* estilo para centrar texto vertical y horizontal */

.centrar_texto{
	position:relative;
	display:inline-block;
	width: 100%;
	border-style:none;
	background-color:transparent;
	vertical-align: top;
	margin: 0px 0px 0px 0px; 
	padding:0; 
}



/* estilos y funciones aplicables a las subcatergorias del menu productos  position:sticky*/

.span_productos{

	background-color:rgba(200,200,200,0.9);

	position:relative;

	top:0px;

	color:black;



	vertical-align:middle;

	border-style:none;

	margin: 0px 0px 0px 0px; 

	padding:10px;

	text-align:center;

}



.span_productos:hover{

	background-color:rgba(100,100,100,0.8);

	text-decoration:none;

	color:white;

}



/* estilo aplicable a los dropdown del menu  */



.dropdown_productos {

	display: none;

	background-color:rgba(100,100,100,0.9);	

	z-index:1;

	margin: 0px 0px 0px 0px; 

	padding:0;

}



/* Clase para el menu desplegable principal cuando el mouse pasa sobre*/

.div_class_bot_menu:hover .dropdown_productos{

	position: relative;

	display: block;

	left:0px;

	top:0px;

	width:150px;

	z-index:1;

}



.div_class_bot_menu:hover {

	background:linear-gradient(#00D000,#005000);

	color:white;

}



.bot_carrito{

background:linear-gradient(#00F000,#007000); 

border:none; 

width:50%; 

//box-shadow:0 0 5px 1px rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

color:#003000; 

margin: -17px -3px 0px -1px;}



.bot_Cuenta{

background:linear-gradient(#00F000,#007000); 

border:none; 

width:50%; 

//box-shadow:0 0 5px 1px rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

color:#003000; 

margin: 0px 0px 0px 0px;

}



.bot_Cuenta:hover {

	background:linear-gradient(#00E000,#007000);

	color:white;

    //box-shadow: 0 12px 16px 0 rgba(0,0,0,0.4), 0 10px 50px 0 rgba(0,0,0,0.9);

}

.bot_carrito:hover {	

	background:linear-gradient(#00D000,#007000);

	color:white;

    //box-shadow: 0 12px 16px 0 rgba(0,0,0,0.4), 0 10px 50px 0 rgba(0,0,0,0.9);

}



.bot_dropdown{

background:linear-gradient(#00F000,#007000); 

border:none; 

width:100%; 

height:30px;

box-shadow:0 0 5px 1px rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

color:black; 

margin: 5px 3px 1px -1px;

}



/* Menu vertical*/



.menu_vertical{

	position:relative;

	display:inline-block;

	width:200px;

	background-color:rgba(100,100,100,0.3);

	top:0px;

	left:0px;

	right:0px;

	color:black;

	border-style:solid;

	border-width:1px;

	border-color:rgba(200,250,200,0.8);

	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.5);

	vertical-align:top;

	z-index:2;



}



.subcategoria{

	position:relative;

	display:block;

	background-color:rgba(0,200,0,0.6);

	color:black;

	width:200px;	

	height:30px;

	top:0px;

	left:-8px;

	border-style:none;

	border-width:1px;

	padding:5px;

}

.subcategoria:hover{

	position:relative;

	background-color:rgba(100,200,100,0.8);

}



.subcategoria_drop{

	display:none;

}



.subcategoria:hover .subcategoria_drop{

	position:absolute;

	display:block;

	top:35px;

	width:200px;

	left:100px;

	background-color:rgba(220,220,220,0.8);	

	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.5);

	z-index:1;

}



.subcategoria_item{

	position:relative;

	top:0px;

	left:-8px;

	width:100%;

	height:18px;

	background-color:rgba(220,220,220,0.8);	



}



.subcategoria_item:hover{

	position:relative;

	display:online-block;

	top:0px;

	background-color:white;



}



/* Estilo para el input de elementos que llevan datos para el filtro de productos */

.class_input_menu{

	position:relative;

	display:online-block;

	background-color:transparent;

	vertical-align:middle;

	width:200px;

	top:-6px;

	height:30px;

	padding:0px;

	text-align:left;

	font-size:90%;

	border-style:none;

	border-bottom-style:none;

	border-bottom-color:green;

	border-bottom-width:1px;

}



.texto_rotando{

	position:relative;

	display:block;

	text-align:center;

	color:white;

	background-color:rgba(0,40,60,0.9);

	margin:0;

	padding:0;

}

/* div que contiene al menu vetical, al la imagenes cambiantes y a banner de nuevos productos */

.div_cuerpo {

	position:relative;

	display:block;

	width:100%;

	min-width:300px;

	top:0px;

	padding:0;

}





.div_banner_productos{

	position:relative;

	display:inline-block;

	width:100%;

	min-width:300px;

	background-color:transparent;

	vertical-align:top;

	padding:10px 0px 0px 0px;

	margin: 5px 0px 0px 0px;



}



.div_nuevos_productos_columas {
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding:1px;
}



.class_container {
	display:block;	
	background-color: rgba(20,110,200,0.0);
	width:100%;
	margin:0;
	padding: 0px;
	vertical-align:top;
}



.class_div_col_A_Productos_en_Tienda{
	position:relative;
	display:inline-block;
	width:100%;
	background-color:rgba(220,250,220,0.0);
	vertical-align:top;
	border-style:solid;
	border-color:rgba(0,40,60,0.9);
	border-width: 1px;
	margin:0px 0px 0px -1px;
	padding:0px;
}

.class_div_col_A{
	position:relative;
	display:inline-block;
	width:200px;
	background-color:rgba(220,20,20,0.0);
	vertical-align:top;
	border-style:solid;
	border-color:rgba(0,40,60,0.9);
	border-width: 0px;
	margin:5px 0px 0px 0px;
	padding:0px;
}

@media only screen and (max-width:800px){
	.class_div_col_A{
		position:relative;
		display:none;
		margin:0px;
	}
}

.div_productos_tienda{
	position:relative; 
	display:inline-block; 
	vertical-align:tex-middle; 
	color:rgba(0,30,80,0.9); 
	width:100%; 
	margin:0px; 
	padding:0px 0px 0px 0px;
	text-align:center;
	border-style:none;
	background-color:transparent;
}


.div_productos_tienda_texto{
	position:relative; 
	display:inline-block; 
	vertical-align:tex-middle; 
	color:rgba(0,30,80,0.9); 
	width:100%; 
 
	margin:0px; 
	padding:4px 0px 4px 0px;
	text-align:center;
	border-style:none;
	font-size:11pt;
	background-color:white;
	text-decoration:none;
}


.div_productos_tienda_texto:hover{
	background-color:rgba(0,30,80,0.9); 
	color:white;
	font-weight:bold;
	cursor:pointer;
}





/*******************************************************/

/* SECCION PARA COLUMNA B*/

.class_div_col_B{
	position:relative;
	display:inline-block;
	width: 70%;
	min-width:400px;
	background-color:rgba(20,250,20,0.0);
	text-align: center;
	margin:5px;
	padding:0px;
	vertical-align:top;
	z-index:1;

}


.div_slide_imagenes_class{
	position:relative;
	display:inline-block;
	background-color:rgba(0,40,60,0.0);
	width:100%;
	height:50%;
	min-width:300px;
	margin:0;
	padding:0px 0px 0px 0px;
	border-style:solid;
	border-color:rgba(0,40,60,0.0);
	border-width: 1px;
}





@media only screen and (max-width:768px){
	.class_div_col_B{
		width: 100%;
		margin:0px;
	}
}


.div_nuevos_productos{
	position:relative;
	display:inline-block;
	width:100%;
	min-width:300px;
	background-color:rgba(200,200,220,0.1);
	text-align: center;
	margin:10px 0px 0px 0px;
	padding: 0;	
	vertical-align:top;
	border-style:solid;
	border-color:rgba(0,40,60,0.4);
	border-width: 1px;	
}



.div_nuevos_productos_titulo{
	height:40px;
	border-style:none;
	border-bottom-style:solid;
	background-color:rgba(250,250,250,0.5);
	border-color:rgba(0,40,60,0.6);
	border-width: 1px;
	padding-top:10px;
	padding-left:30px;
	text-align:left;
}



.div_producto_nuevo_1{

	position:relative;

	display:inline-block;

	width:180px;

	height:250px;

	background-color:rgba(220,220,250,0.0);

	text-align: center;

	padding: 0;	

	vertical-align:middle;

	margin-top:0px;

	cursor:pointer;

	border-radius:10px;

	margin:10px;

	overflow:hidden;

}





.div_producto_nuevo_1:hover{

	background-color:rgba(150,200,250,0.1);

	box-shadow: 0px 0px 2px 2px rgba(20,20,50,0.6);

}



/* offset-x | offset-y | blur-radius | spread-radius | color */

/* box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */

.div_productos{	
	position:relative;
	display:inline-block;
	width:200px;
	height:360px;
	vertical-align:top;
	border-style:solid;
	border-width:1px;
	border-color:rgba(20,250,20,0.1);	
	background-color:white; 
	padding:2px;
	margin-bottom:10px;
	margin-right:5px;
	margin-left:5px;

	box-shadow: 2px 2px 10px 0px rgba(20,50,20,0.6);
}

.class_texto_titulo_productos{
	position:relative;
	display:block;
	width:100%;

	font-size:medium;
	color:#004060;
    text-align:center;
	vertical-align:text-top;
	padding:0px;
	margin:0px;
	
	background-color:rgba(0,210,0,0.0);
}

.texto_titulo_productos{
	position:relative;
	display:inline-block;
	vertical-align:top;
	border-style:none;
	text-align:center;
	width:194px;

	font-style:normal;
	font-weight:bold;
	background-color:transparent;
	color:#004060;
	margin:0px;

}


.div_img_productos{
	position:relative;
	display:inline-block;
	width:160px;
	height:100px;
	margin:0px;
	padding:0px;
	color:green;
    align-items:center;	
	background-color:white; 
	overflow:hidden;
}


@media only screen and (max-width:650px){

	.div_productos{	

		position:relative;

		display:inline-block;

		width:200px;

		padding:10px;

	}



}





.div_productos_descripcion{	

	position:relative;

	display:inline-block;

	width:90%;

	height:350px;

	vertical-align:top;

	border-style:solid;

	border-width:1px;

	border-color:rgba(20,150,120,0.0);	

	background-color:white; 

	padding:10px;

	margin-bottom:10px;

	margin-right:5px;

	margin-left:5px;

	top:0px;

	box-shadow: 2px 3px 3px 3px lightgray;

}



.div_descripcion_productos{

	position:relative;

	display:inline-block;

	width:45%;

	background-color:transparent; 

	vertical-align:top;

	padding:10px;

	border-left-style:solid;

	border-left-color:gray;

	border-left-width:0px;



}



.div_img_productos_iconos{

	position:relative;

	display:inline-block;

	width:50px;

	height:50px;

	background-color:white;

	border-style:solid;

	border-width:1px;

	border-color:rgba(150,150,100,0.2);

}







.div_img_productos_descripcion{

	position:relative;

	display:inline-block;

	width:48%;

	height:355px;

	margin:0px;

	padding:0px;

	top:0px;

	left:0px;

	margin-right:30px;

	color:green;

    align-items:center;	

	background-color:white; 

	overflow:hidden;

}



.div_img_productos_descripcion:hover{

	

	background-color: white; 

	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.5);

	

	transition:all 500ms ease-in;

	-moz-transform: scale(2);

	-webkit-transform: scale(2);

	transform: scale(2);

	transform-origin: 0% -10%;

	z-index:1;

}



@media only screen and (max-width:768px){



	.div_img_productos_descripcion{

		width: 95%;

		margin:0px;

		padding: 0px;

	}



	.div_descripcion_productos{

		width: 95%;

		margin-top:25px;

	}

	.div_productos_descripcion{	

		height:auto;

	}

}












.div_icono_pdf{

	position:relative;

	display:block;

	width:180px;

	height:25px;

	margin:0px;

	padding:0px;

	top:-20px;

	left:0px;

	color:black;

    align-items:center;	

	background-color:white; 

	overflow:hidden;

	

	

}



.div_icono_pdf:hover{

	background-color:rgba(0,210,0,0.1);	

	color:green;

}



.div_productos:hover{
	transition:all 200ms ease-in;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.1);
	z-index:1;
}



.div_img_productos:hover{



    align-items:center;	

	background-color:smoke; 

}









.class_texto_subtitulo_productos{

	position:relative;

	display:block;

	width:100%;

	height:55px;

	top:-20px;

	left:0px;

	font-size:small;

	font-stretch:expanded;

	color:black;

    text-align:justify;

	vertical-align:bottom;

	padding:5px;

	margin:0px;

	background-color:rgba(200,200,200,0.1);

	

}

@media only screen and (max-width:768px){



	.class_texto_subtitulo_productos{

		width:90%;

	}



}



.texto_titulo_productos_descripcion{

	position:relative;

	display:inline-block;

	vertical-align:top;

	top:0px;

	border-style:none;

	width:100%;

	text-align:center;

	font-style:normal;

	font-size:large;

	font-weight:bold;

	background-color:transparent;

	color:#004060;

}




input::-webkit-inner-spin-button {
	-moz-appearance: button;
	-webkit-appearance: auto;
	width:40px;
	height:60px;
	margin:0px;
}



.class_boton_agregar_ver_detalles{
	position:relative;
	display:block;
	background-color:rgba(180,250,0,0.0);
	border-style:solid;
	border-width:1px;
	border-color:rgba(180,250,0,0.9);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
	width:90%;
	min-width:150px;
	height:35px;
	font-stretch:condensed; 
	border-radius: 15px 15px 15px 15px;	
	font-family:Helvetica;
	font-weight:bold;
	font-size:11pt;
}

.div_directory_list_class{
	position:relative;
	display:block;
	background-color:rgba(180,250,0,0.0);
	border-style:solid;
	border-width:1px;
	border-color:rgba(180,250,0,0.0);	
	width:100%;
	min-width:150px;
	max-width:500px;
	height:30px;
	font-stretch:condensed; 
	border-radius: 5px 5px 5px 5px;	
	font-family:Helvetica;
	font-weight:bold;
	font-size:13pt;
	margin-bottom:0px;
	color: rgba(0,40,80,1);
	text-align: left;
}

.div_directory_list_class:hover{
	border-bottom-style:2px solid;
	border-color:rgba(180,250,0,0.8);	
	background-color:rgba(0,0,250,0.1);
}

.boton_imprimir_class{
	position:relative;
	display:inline-block;
	align-items: center;	
	background: linear-gradient(90deg, rgba(150,180,250,0.9), rgba(250,250,250,0.9));
	border-style:solid;
	border-width:3px;
	border-color:rgba(180,250,0,0.9);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
	min-width:150px;
	max-width:500px;
	font-stretch:condensed; 
	border-radius: 15px 15px 15px 15px;	
	font-family:Helvetica;
	font-weight:bold;
	font-size:12pt;
	margin:10px auto;
	padding: 5px 20px;	
	vertical-align:top;
}

.class_boton_agregar_al_carrito{
	position:relative;
	display:inline-block;
	align-items: center;	
	background: linear-gradient(90deg, rgba(180,250,0,0.9), rgba(250,250,250,0.9));
	border-style:solid;
	border-width:3px;
	border-color:rgba(180,250,0,0.9);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
	min-width:150px;
	font-stretch:condensed; 
	border-radius: 15px 15px 15px 15px;	
	font-family:Helvetica;
	font-weight:bold;
	font-size:12pt;
	margin:10px auto;
	padding: 10px 20px;
}

#div_agregar {
	position:relative;
	display:block;
	width:100%;
	margin:5px 0px 5px 0px;	
	padding:0px;
}



.div_agregar_cantidad_class{
	position:relative;
	display:inline-block;
	width:95%;
	background-color:rgba(250,250,250,0.7);
	border-radius: 20px 20px 10px 10px;
	border-style:solid;
	border-width:2px;
	border-color:rgba(180,250,0,1);
	margin:5px auto;
	padding:0px;

}



.div_boton_menos_class{
	position:relative;
	display:inline-block;
	width:40px;
	background-color:transparent;
	color:red;
	height:40px;
	vertical-align:middle;
}


.class_cantidad_agregar_al_carrito{

	position:relative;

	display:inline-block;

	width:250px;

	min-width:40px;

	height:60px;

	text-align:center;

	padding:0px;

	margin:5px;



	font-family: Helvetica;

	font-size: 80%;

	font-weight:bold;

	font-style: normal;

	border-style:none;

	background-color:rgba(220,220,220,0.2);

	vertical-align:middle;

	border-style:solid;

	border-width:1px;

	border-color:rgba(0,200,0,0.3);

	border-radius:10px;

}



.div_boton_mas_class{
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	background-color:transparent;
	color:blue;
	vertical-align:middle;
}

.img_signo_class{
	width:100%;
	border-radius: 20px 20px 20px 20px;
}



.img_signo_class:hover{

	background-color:rgba(50,50,50,0.2);

}





.class_boton_agregar_al_carrito:hover {
	background: linear-gradient(90deg, rgba(180,250,0,0.9), rgba(0,40,80,0.9));
	color:white;
	border-style:none;
	cursor:pointer;
	transform: translateY(-3px);
}


.class_boton_agregar_al_carrito:active {
	background: linear-gradient(90deg, rgba(180,250,0,0.9), rgba(0,40,80,0.9));
	color:yellow;
	border-style:solid;
	cursor:pointer;
	transform: translateY(-1px);
}

.class_boton_agregar_ver_detalles:hover {
	background-color:rgba(20,200,0,0.9);
	color:white;
	border-style:none;
	cursor:pointer;
}





/* Clases para el pied de pagina */

.div_class_footer {

	position:relative;

	display:block;

	//background:linear-gradient(#C0D0C0,#A0B0A0);

	background-color:rgba(0,80,100,0.9);

	color:black;

}



.div_class_subfooter {

	position:relative;

	display:inline-block;

	width:23%;

	vertical-align:top;

	min-width:220px;

	margin:5px 5px 5px 5px;

	padding:20;

	

}

.div_class_subfooter_1 {
	position:relative;
	display:block;
	width:100%;
	vertical-align:top;
	margin:0;
	padding:0;
	color:white;
}



.div_nuestros_productos{

	position:relative;

	display:inline-block;

	width:100%;

	vertical-align:top;

	margin:0;

	padding:10;

	background-color:rgba(0,80,100,0.2);

	

}



.div_nuestros_productos_inner {

	position:relative;

	display:inline-block;

	width:45%;

	min-width: 400px;

	vertical-align:top;

	margin:0;

	background-color:rgba(250,250,250,0.9);

	

}



.div_fabricantes{

	display:inline-block;

	position:relative;

	background-color:rgba(250,250,250,0.1);

	width:90%;

	max-width:180px;

	margin:0px;

	padding:0px;

	

}



.div_banner_fabricantes{

	display:block;

	position:relative;

	background-color:greenyellow;

	width:95%;

	margin:0px;

}



@media only screen and (max-width:768px){

	.div_banner_fabricantes{

		width:97%;

	}

}





.div_box_fabricante_inBanner{
	position:relative; 
	display:inline-block; 
	vertical-align:top; 
	text-decoration:none; 
	width:19%;
	margin:0;
	padding:0;
}


.class_boton_subcategoria{
	position:relative;
	display:inline-block;
	background-color:rgba(180,250,0,1);
	border-style:solid;
	border-width:1px;
	border-color:green;	
	width:170px;
	height:20px;
	font-family:Monospace;
	font-stretch:condensed;
	border-radius: 15px 15px 15px 15px;	
	font-weight:normal;
	cursor:pointer;	
	margin:1px;
	padding:0px;
}

.class_boton_subcategoria:hover {
	background-color:rgba(20,200,0,0.9);
	color:white;
}



/* Estilos para mostar los item buscados */
.div_contenedor_item_buscado_class{
	position:relative;
	display:inline-block;
	width:22%;
	min-width:200px;
	height:500px;
	background-color:rgba(255,255,255,1);
	box-shadow: 0px 3px 5px 3px rgba(0,20,60,0.1);
	padding:0px;
	margin:10px 15px 5px 15px;
	overflow:hidden;
	text-decoration:none;
}

.div_contenedor_item_buscado_class:hover{
	transition:all 200ms ease-in;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.1);
	z-index:1;
}

.text_no_underline_class{
	text-decoration:none;
}

.div_header_item_buscado_class{
	position:relative;
	display:block;
	width:100%;
	background-color:rgba(0,25,25,0.3);
	margin:0px 0px 5px 0px auto;
	padding:8px;
	font-family: Helvetica;	
	font-size: 10pt;
	font-weight:bold;
	font-style: normal;
	max-height:50px;
	color:rgba(0,20,60,1);
	text-align:center;
	text-decoration:none;
}



.div_imagen_item_buscado_class{
	position:relative;
	display:block;	
	width:100%;
}



.letra_valor_unitario_class{
	position:relative;
	display:block;
	font-family: Helvetica;	
	font-size: 13pt;
	font-weight:bold;
	font-style: oblique;
	color:blue;
	margin:0px;
	padding:10px;
}





.div_descripcion_item_buscado_class{
	position:relative;
	display:block;
	width:95%;	
	margin:0px 0px 5px 0px;
	padding:5px;
	background-color:rgba(25,25,25,0.0);
	height:110px;
	overflow:auto;
	color:rgba(20,20,30,0.9);
	vertical-align:middle;
}






.div_costo_item_buscado_class{

	position:relative;

	display:block;

	width:100%;

	margin:2px 0px 1px 0px;

	

	font-family: sans-serif;

	font-size: 90%;

	font-weight:bold;

	font-style: oblique;

	background-color:rgba(25,205,25,0.1);

	background-color:rgba(25,25,25,0.0);

	vertical-align:center;

	color:blue;

	max-height:150px;

}



.valor_item_buscado{
	position:relative;
	display:block;
	width:100%;
	margin:5px 0px 5px 0px;
	font-family: sans-serif;
	font-size: 100%;
	font-weight:bold;
	font-style: oblique;
}


.imagen_rotando_class{	
	position:relative;
	display:block;
	width:100%;
}



/********************  Contenedor General para mostrar detalles de un solo producto  *******/

.div_contenedor_detalles_item_buscado_class{
	position:relative;
	display:inline-block;
	width:100%;
	min-width:400px;
	background-color:rgba(0,50,0,0.1);
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.0);
	padding:0px;
	margin:10px 0px 10px 0px auto;
	overflow:hidden;
}



.div_imagen_detalles_producto_buscado_class{
	position:relative;
	display:inline-block;
	width:40%;
	min-width:300px;
	margin:10px auto;
	background-color:transparent;	
	vertical-align:middle;
}



.div_cerrar_imagen_ampliada_class{
	position:fixed;
	display:none;
	width:80px;
	height:80px;
	top:5px;
	color:rgba(255,0,0,0.5);
	background-color: rgba(0,40,90,0.7);
	cursor:pointer;
	border-radius:20px;
	vertical-align:middle;
	margin: 0 auto;
}





.div_imagen_principal_producto_buscado_class{
	position:relative;
	display:inline-block;
	width:100%;
	background-color:transparent;
	border-radius:30px;
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	padding:0px;
	margin:0px;
}

#imagen_principal_id{
	cursor:pointer;
	transition:0.5s;
}
.imagen_principal_class{	
	width:100%;
	min-width:300px;
	border:0px; 
	border-radius:30px;
	margin:0px 0px 0px 0px;	
}



.imagen_auxiliar_class{
	width:50px;
	border-style:solid;
	border-width:1px; 
	border-radius:30px;
	border-color:rgba(0,0,0,0.1);
}

.imagen_auxiliar_class:hover{	
	width:50px;
	border:0px; 
	border-radius:30px;	
	box-shadow:0px 0px 3px 5px rgba(0,0,0,0.15);

}


.div_imagenes_auxiliares_producto_buscado_class{
	position:relative;
	display:inline-block;	
	width:100%;
	margin:5px 0px 5px 0px;
	padding:5px 5px 0px 0px;
	vertical-align:middle;
	overflow:hidden;
	z-index:2;
}

.div_descripcion_producto_buscado_class{
	position:relative;
	display:inline-block;
	width:48%;
	min-width:400px;
	vertical-align:top;
	margin:10px;
	background-color:rgba(0,0,0,0.0);
}

.div_descripcionProducto_class{
	position:relative;
	display:block;
	width:100%;
	vertical-align:top;
	margin:0 auto;
	background-color:rgba(250,250,250,0.9);
	text-align: right;
	padding: 5px;
}

.div_labelDescripcionProductoItem_class{
	position:relative;
	display:inline-block;
	width:25%;
	vertical-align:top;
	margin:10px 0px 0px 10px;
	background-color:rgba(250,250,250,0.9);
	text-align: right;
	padding: 5px;
	font-weight:bold;
}
.div_descripcionProductoItem_class{
	position:relative;
	display:inline-block;
	width:72%;
	vertical-align:top;
	margin:10px 0px 0px 0px;  
	background-color:rgba(250,250,250,0.9);
}

.div_descripcion_tecnica_producto_buscado_class{
	position:relative;
	display:inline-block;
	width:100%;
	vertical-align:middle;
	margin: 0px 0px 10px 0px auto;
	background-color:rgba(240,240,240,0.1);
	overflow-y:auto;
}

.div_descripcion_descuentos_producto_buscado_class{
	position:relative;
	display:inline-block;
	width:70%;
	vertical-align:middle;
	margin:10px;
	background-color:rgba(0,0,0,0.2);
}



.div_datasheet_producto_class{
	position:relative;
	display:inline-block;
	width:25%;
	vertical-align:middle;
	margin:0px;
	background-color:rgba(0,100,0,0.0);
}

.div_descripcion_comercial_producto_buscado_class{

	position:relative;

	display:inline-block;

	width:100%;

	vertical-align:bottom;

	margin:0px;

	background-color:rgba(0,0,0,0.0);

}

@media only screen and (max-width:1100px){

	.div_contenedor_detalles_item_buscado_class{

		width:95%;

	}

	.div_imagen_detalles_producto_buscado_class{

		width:95%;

	}

	.div_descripcion_descuentos_producto_buscado_class{

		width:95%;

	}





	.div_descripcion_producto_buscado_class{

		width:100%;

		margin:0px;

		padding:5px;

	}

	.imagen_principal_class{	

		width:100%;

	}

}





@media only screen and (max-width:650px){

	.div_contenedor_detalles_item_buscado_class{

		padding:0px;

		margin:0px 0px 0px 0px;

	}

	.div_imagen_detalles_producto_buscado_class{

		width:95%;

	}

	.div_descripcion_producto_buscado_class{

		width:100%;

		margin:0px;

		padding:3px;

	}

	.imagen_principal_class{	

		width:100%;

	}

}



/*********************************************************/

/* CLASES PARA LA COLUMNA C */

.class_div_col_C{
	position:relative;
	display:inline-block;
	/*display:none; Eliminar esta opcion cuando tenga contenido */

	width: 15%;
	background-color:rgba(20,250,20,0.00);
	text-align: center;
	margin:1px;
	padding:0px;
	vertical-align:top;
	
}

.div_noticia_col_c_class{
	width: 100%;
	cursor:pointer;
	box-shadow: 5px 5px 5px rgba(0, 40, 80, 0.3);
}



@media only screen and (max-width:1100px){

	.class_div_col_C{

		width: 100%;

	}

	.div_noticia_col_c_class{

		width: 45%;

		display:inline-block;

		vertical-align:top;

	}



}



@media only screen and (max-width:650px){

	.class_div_col_C{

		width: 100%;

	}

	.div_noticia_col_c_class{

		width: 100%;

	}

}





/*************************************************************/



.div_form_iniciar_sesion_class{

	position:relative;

	display:block;

	width:100%;

	margin:0px;

	padding:0px 0px 20px 0px;

	height:300px;

	background-color:rgba(200,200,200,0.6);

	background-image:url('inicio/imagenes/internet_de_las_cosas_9.jpg');

	background-position: center; /* Center the image */

	background-repeat: no-repeat; /* Do not repeat the image */

	background-size: contain; /* Resize the background image to cover the entire container */

}



.form_iniciar_sesion_class{

	position:relative;

	display:block;

	width:300px;

	

	background-color:rgba(255,255,255,0.8);

	border-radius:20px;

	border-width:1px;

	border-style:solid;

	border-color:rgba(0,250,0,0.5);

	box-shadow: 0px 0px 3px 5px rgba(20,20,20,0.1);

	top:20px;

}



.form_iniciar_sesion_class:hover{

	background-color:rgba(255,255,255,1);

}

.form_iniciar_sesion_class:active{

	background-color:rgba(255,255,255,1);

}

.form_recuperar_crednciales_class{
	position:relative;
	display:none;
	width:300px;
	background-color:rgba(255,255,255,0.8);
	border-radius:20px;
	border-width:1px;
	border-style:solid;
	border-color:rgba(0,250,0,0.5);
	box-shadow: 0px 0px 3px 5px rgba(20,20,20,0.1);
	top:20px;
}



.label_recuperar_credenciales_class{
	font-style:italic; 
	color:rgba(0,40,80,0.9);
	font-size: 12px;
	margin: 5px;
	vertical-align:middle;
}



.label_recuperar_credenciales_class:hover{
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
}





@media only screen and (max-width:650px){

	.form_iniciar_sesion_class{

		width:90%;

	}

}

	

.class_submit_registrarse{

	position:relative;

	display:inline-block;

	border-radius:5px;

	border-width:1px;

	border-color:rgba(0,40,80,0.8);

	height:30px;

	vertical-align:middle;

}



.class_submit_registrarse:hover{

	background-color:rgba(0,40,100,0.9);

	border-width:0px;

	color:white;

	cursor:pointer;

}

	

.textoInformacion{

	position:relative;

	display:inline-block;

	width:45%;

	min-width:200px;

	text-align:center;

	color:rgba(0,20,80,0.9);

	font-weight:bold;

	font-size:small;

}



@media only screen and (max-width:650px){

	.textoInformacion{

		width:90%;

	}

}



.div_items_form{

	position:relative;

	display:inline-block;

	max-width:400px;

	margin:10px;

	background-color:transparent;

	vertical-align:top;

	

}



@media only screen and (max-width:650px){

	.div_items_form{

		width:90%;

	}



}



.link_mantener_sesion_iniciada_class{

	position:relative;

	display:block;

	width:200px;

	border-radius:5px;

	border-width:1px;

	border-style:solid;

	border-color:rgba(0,40,80,0.8);

	height:30px;

	vertical-align:middle;

	text-decoration:none;

	color:rgba(0,40,80,0.8);

	padding:5px;

}



.link_mantener_sesion_iniciada_class:hover{

	background-color:rgba(0,40,100,0.9);

	border-width:0px;

	color:white;

	cursor:pointer;

}







/***************  ADMINISTRACION AREA    ******************/

.div_producto_tabla_admon_class{
	position:relative;
	display:block;
	width:100%;
}

.producto_inventario_class{
	position:relative;
	display:block;
	border-bottom-style:solid;
	border-bottom-color:blue;
	border-bottom-width:1px;
	margin:5px;
}

.campos_item_class{
	position:relative;
	display:inline-block;
	border-style:dotted;
	border-width:1px;
}



#tabla_admon_todos_los_productos {
  font-family: Helvetica, sans-serif;
  font-size:10pt;
  border-collapse: collapse;
  width: 100%;
}

#tabla_admon_todos_los_productos td, #tabla_admon_todos_los_productos th {
  border: 1px solid #ddd;
  padding: 3px;
  max-width: 150px;
  text-align:justify;
  overflow:auto;
  column-width:50px;

}


#tabla_admon_todos_los_productos tr:nth-child(even){
	background-color: #f2f2f2;
	cursor:pointer;
	}



#tabla_admon_todos_los_productos tr:hover {
    background-color: #D0D0D0;
	cursor:pointer;
	}



#tabla_admon_todos_los_productos th {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  background-color: #4CAF50;
  color: white;

}

.div_cliente_encontrado_class:hover{
	background-color:white;
}


.input_campo_inventario_class{
	position:relative;
	display:inline-block;
	column-width:50px;
	height:50px;
	border-style:none;
	background-color:greenyellow;
}



.boton_actualizar_inventario_class{
	position:relative;
	display:inline-block;
	background-color:rgba(180,250,0,1);
	border-style:solid;
	border-width:1px;
	border-color:green;	
	font-stretch:condensed;
	border-radius: 10px 10px 10px 2px;	
	font-weight:bold;
	padding: 15px 15px;
	width:100px;
	margin:10 auto;
	cursor:pointer;	
	
}



.boton_actualizar_inventario_class:hover{

	background-color:background-color:rgba(180,250,0,5);

}


.div_contenedor_item_actualizar_class{
	position:relative;
	display:block;
	width:100%;
	min-width:400px;
	background-color:rgba(0,30,80,1);
	box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.5);
	color: rgba(220,230,220,1);
	padding:0px;
	margin:5px 0px 5px 0px auto;
	overflow:hidden;
}

.div_header_item_actualizar_class{
	position:relative;
	display:block;
	width:100%;
	background-color:rgba(25,25,25,0.0);
	margin:0px 0px 5px 0px;
	padding-top:5px;
	font-family: Helvetica;	
	font-size: 14pt;
	font-weight:bold;
	font-style: normal;
	max-height:50px;
}

.div_form_item_actualizar_class{
	position:relative;
	display:block;	
	width:100%;
	margin: 0 auto;
}



.div_select_envio_opciones_class{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	border-style:solid;	
	border-width:2px;
	text-decoration:none;
	margin:5px;
	background-color:white;
	border-radius:10px;
	border-color:rgba(0,40,80,0.9);
	color:rgba(0,40,80,0.9);
	height:30px;
	cursor:pointer;
	font-size: 10pt;
	width:95%;
	overflow:hidden;
}



.div_select_envio_opciones_class:hover{
	background-color:rgba(0,40,80,0.9);
	border-radius:10px;
	border-color:rgba(0,40,80,0.0);
	color:white;
}



.div_boton_general_index_class{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	border-style:solid;	
	border-width:1px;
	text-decoration:none;
	margin:5px;
	background-color:white;
	border-radius:10px;
	border-color:rgba(0,40,80,0.0);
	color:rgba(0,40,80,0.9);
	height:30px;
	cursor:pointer;
}

.div_boton_general_index_class:hover{
	background-color:rgba(0,40,80,0.9);
	border-radius:10px;
	border-color:rgba(0,40,80,0.0);
	color:white;
}


.div_boton_descargar_factura_admon_class{
	position:relative;
	display:none;
	vertical-align:middle;
	border-style:solid;	
	border-width:1px;
	text-decoration:none;
	margin:0px;
	background-color:white;
	border-radius:10px;
	border-color:rgba(0,40,80,0.0);
	color:rgba(0,40,80,0.9);
	cursor:pointer;
}

.input_nit_gasto_class{
	width:100%;
}
.input_valor_gasto_class{
	width:100%;
}
.input_nit_concepto_class{
	width:300px;;
}

.img_temporalView_class{
	width:100%;
	height: auto;
	object-fit: contain;
}

/* BOTONES PARA CLASES CSS VENTAS*/
.div_boton_ventas_admon_class{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	border-style:solid;	
	border-width:1px;
	font-size:10pt;
	text-decoration:none;
	font-weight:bold;
	margin:2px;
	padding: 10px 15px 10px 15px;
	background-color:white;
	border-radius:3px;
	border-color:rgba(0,40,120,0.9);
	color:rgba(0,40,80,0.9);
	cursor:pointer;
	transition: all 0.3s ease;
}

.div_buscarProveedor_class{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	border-style:solid;	
	border-width:1px;
	box-shadow: 1px 1px 8px 3px rgba(0,200,255,1);
	background-color: rgba(0,40,80,1);
	font-size:10pt;
	text-decoration:none;
	margin:20px auto;	
	padding: 5px 10px 5px 10px;
	width:50%;
}

.div_consultarFacturasProveedor_class{
	position:relative;
	display:none;
	vertical-align:middle;
	border-style:solid;	
	border-width:1px;
	box-shadow: 1px 1px 8px 3px rgba(0,200,255,1);
	background-color: rgba(0,40,80,1);
	font-size:10pt;
	text-decoration:none;
	margin:10px;
	padding: 0px 10px 3px 10px;
	width:800px;
	max-height:200px;
}

.table_resultadoProveedores_class{
	position:absolute;
	display:inline-block;
	background-color:rgba(0,32,96,1);
	font-size:7pt;
	color:white;
	margin: 3px;
	vertical-align:top;
	border: 5px solid rgba(160,255,30,1);
	left:150px;
	z-index:2;
}

.div_resultadoBuscarProveedores_class{
	position:absolute;
	display:inline-block;
	width:1200px;
}

.div_infoProveedor_class{
	position:relative;
	display:inline-block;
	width: auto;
	margin: 5px auto;
}

.div_contenedorProveedor_class{
	width: auto;
	background-color:transparent;
	margin: 10px auto;
}

.input_compras_class{
	position:relative;
	display:inline-block;
	border-style:none;	
	background-color:transparent;
	border-bottom-style: solid;
	border-bottom-width:1px;
	border-bottom-color: white;
}

.input_infoProveedor_class{
	position:relative;
	display:inline-block;
	border-style:none;	
	background-color:transparent;
	border-bottom-style: solid;
	border-bottom-width:1px;
	border-bottom-color: white;
	color:rgba(200,250,50,1);
	width:100px;
	margin: 0 auto;
	text-align:center;
}

.div_productosFacturaCompras_class{
	width: 99%;
}

.impuestoProductoCompra{
	background-color:rgba(0, 40, 90,1);
	color:rgba(160,255,30,1);
}

.div_inputsProductos_class{
	position:relative;
	display:inline-block;
	border-style:none;	
	background-color:transparent;
	
	color:rgba(200,250,50,1);
	padding: 3px;
	margin:3px;
}
.div_inputsProveedores_class{
	position:relative;
	display:inline-block;
	border-style:none;	
	background-color:transparent;
	
	color:rgba(230,230,250,1);
	padding: 3px;
	margin:3px;
}

.displayBlock_class{
	display:block;
}


#input_skuProductoCompra_id{
	width: 80px;
	text-align:center;
	display:block;
}

#input_partNumberProductoCompra_id{
	width: 200px;
	text-align:center;
	display:block;
}

#input_cantidadProductoCompra_id{
	width: 50px;
	text-align:center;
	display:block;
}
#input_valorProductoCompra_id{
	width: 80px;
	text-align:center;
	display:block;
}
#input_descuentoProductoCompraPorcentaje_id{
	width: 80px;
	text-align:center;
	display:block;
}
#input_descuentoProductoCompra_id{
	width: 80px;
	text-align:center;
	display:block;
}

#input_impuestoProductoCompra_id{
	width: 100px;
	text-align:center;
	display:block;
}
#checkboxImpuestoIncluido_id{
	width: 70px;
	text-align:center;
	display:block;
}

#select_impuestoProductoCompra_id{
	width: 90px;
	text-align:center;
	display:block;
}

#input_totalProductoCompra_id{
	width: 120px;
	text-align:center;
	display:block;
}
#boton_agregarProductoFacturaCompra_id{
	width: 100px;
	height:50px;
	font-weight:bold;
	font-size: 11pt;
}

	

#input_numeroIdentificacionProveedor_id{
	width: 85px;
	text-align:right;
}

#input_dvProveedor_id{
	width: 20px;
	text-align:center;
}
#input_raszonSocialProveedor_id{
	width: 300px;
	text-align:center;
}

.div_boton_ventas_admon_class:hover{
	background-color:rgba(0,40,80,0.9);
	border-radius:10px;
	border-color:rgba(220,220,220,0.90);
	color:white;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    transform: translateY(-3px);
}

.div_boton_ventas_admon_class:active {
  transform: translateY(1px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}


.preview_images_class{
	position:relative;
	display:inline-block;	
	width:100px;
	vertical-align:middle;
	margin:5px 5px 5px 5px;
}


.div_producto_actualizar_class{
	position:relative;
	display:inline-block;	

	vertical-align:middle;
	margin:0 auto;
}



.div_producto_actualizar_subcategoria_class{
	position:relative;
	display:inline-block;	
	width:180px;
	vertical-align:middle;
	margin:5px 0px 5px 5px auto;
}



.div_producto_actualizar_todas_las_imagenes_class{
	position:relative;
	display:block;	
	width:99%;
	vertical-align:middle;
	border-style:solid;
	border-size:2px;
	margin:10px auto;
}



.entradaTexto_IniciarSesion{
	width:100%;
}


.input_sku_actualizar_class{
	position:relative;
	display:inline-block;	
	width:100%;
	margin:0 auto;
}

.input_fabricante_actualizar_class{
	position:relative;
	display:inline-block;	
}

.descripcion_servicio_class{
	position:relative;
	display:inline-block;
	width:30%;
	border:1px solid rgba(180,255,0,0);
	margin: 1px 15px 1px 15px;
}

.video_servicio_class{
	width:100%;
	border:1px solid rgba(180,255,0,1);
}

.p_servicio_descripcion_class{
	color: rgba(0,30, 80, 1);
	font-size: 12pt;	
}



.texto_header_class{
	position:relative;
	display:block;
	font-family: Helvetica;	
	font-size: 80%;
	font-weight:normal;
	font-style: normal;
	border:none;
	color:gray;
	margin:0 auto;
}

.div_registroVentasAdmon_class{
	margin: 10px auto;
}

.div_vender_local_class{
	position:absolute;
	display:none;	
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.6);
	overflow-y:auto;
	z-index:2;
	padding:10px;
	max-height:90%;
	margin: 0 auto;
}

.div_vender_local_class:hover{
	background-color:white;
}


.div_Area_Trabajo_OC_class{
	position:absolute;
	display:none;	
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.6);
	overflow-y:auto;	
	padding:10px;
	max-height:95%;
	height:80%;
	color:rgba(230,230,230,0.9);
	background-color:rgba(250, 250, 250, 0.9);
	z-index:1;
}


.confirm-button {
  position: relative;
  display: inline-block;  
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, #e9ebe9, #FFFFFF);
  color: rgba(0,40,90,1);
  font-size: 1.2rem;
  font-weight: bold;
  border: none;
  border-radius: 30px;
  padding: 10px 30px;
  box-shadow: 0 4px 10px rgba(250, 250, 250, 0.2);
  cursor: pointer;

}


.div_mostar_informacion_cliente_encontrado_class{
	display:none;
	position:absolute;
	z-index:3;
	background-color:rgba(180,255,20,1);
	color:rgba(0,40,80,1);
	padding: 3px;
	
}


.div_label_compras_class{
	color:white;
}


.div_explorardor_archivos_class{
	position:absolute;
	display:none;	
	box-shadow: 0px 3px 5px 5px rgba(0,0,0,0.4);
	background-color:rbga(200,40,90, 1);	
	z-index:1;
	height:90%;
}

.div_resultado_explorardor_archivos_class{
	position:absolute;
	text-align:left;
	background-color:rbga(0,40,90, 1);
	overflow-y:auto;
	z-index:1;
	width:100%;
	height:90%;
}


.div_cierre_caja_imagen_preview_gasto_class{
	position:absolute;
	display:none;	
	box-shadow: 10px 3px 10px 5px rgba(190,190,190,0.6);
	overflow-y:auto;
	background-color:rgba(0,220,220,1);
	border-style:solid;
	border-radius:20px;
	z-index:3;	

}

.div_resultado_compras_class{
	position:relative;
	display:block;
	width:100%;
	height:50%;
	overflow-y:hidden;
	background-color:rgba(0,40,80,1);
	z-index:4;	
}

.div_boton_cerrar_class{
	position:relative;
	display:inline-block;
	bottom:5px;
	width:100px;
	height:30px;
}



/****************************************************************/

.letra_cantidad_disponible_class{
	position:relative;
	display:block;
	font-family: Helvetica;	
	font-size: 11pt;
	font-weight:normal;
	font-style: normal;
	color:rgba(0,30,80,1);
	margin:0px;
}

.font_bold{
	font-weight:bold;
}

.p_inline{
	display:inline-block;
	color:rgba(0,30,80,1);
	margin: 0px 10px 0px 10px; 
}



.letra_tiempo_envio_class{
	position:relative;
	display:block;
	font-family: Helvetica;	
	font-size: 9pt;
	font-weight:normal;
	font-style: normal;
	color:red;
	margin:0px;
}

a{
      text-decoration:none;
   }


.letra_descripcion_item_buscado_class{
	font-family: Helvetica;	
	font-size: 11pt;
	font-weight:normal;
	font-style: normal;
	text-decoration:none;
	max-height:100px;
	text-align:justify;
}



.div_costo_item_buscado_class{
	position:relative;
	display:block;
	width:100%;
	margin:2px 0px 1px 0px;
	font-family: sans-serif;
	font-size: 90%;
	font-weight:bold;
	font-style: oblique;
	background-color:rgba(25,205,25,0.1);
	background-color:rgba(25,25,25,0.0);
	vertical-align:center;
	color:blue;
	max-height:150px;
}



.valor_item_buscado{
	position:relative;
	display:block;
	width:100%;
	margin:5px 0px 5px 0px;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight:bold;
	font-style: oblique;
}

.td{
	 border: 1px solid #ddd;
}

#myCar {
	
  border-collapse: collapse;
  width: 100%;
  background-color:rgba(200,200,200,0.0);
  margin:0px;
}

#myCar td, #myCar th {
  border: 1px solid #ddd;
  padding: 0px;
  max-width: 150px;
  overflow:auto;
}


#myCar tr:nth-child(even){background-color: #f2f2f2;}

#myCar tr:hover {
	background-color: #dddddd;
	cursor:pointer;
}



#myCar th {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  background-color: rgba(0,40,80,0.9);
  color: white;
}

#myCar th {
	font-size: 14px;
}

#myCar td{
	font-size: 14px;	
	color:rgba(0,40,80,0.9);
}


.div_modificar_cantidad_class{
	position:absolute;
	display:none;
	border-color:green;
	border-style:solid;
	border-width: 1px;
	padding:5px;
	margin:2px;
	vertical-align:top;
	box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.8);
	width:140px;
	font-family:serif;
	font-size:13pt;	
	border-radius:5px;
	z-index:3;
}

.input_nueva_cantidad_class{
	position:relative;
	display:block;
	font-family:serif;
	font-size:14pt;
	border-style:none;
	border-width: 0px;
	width:100px;
	padding:3px;
	margin:5px;
	color::rgba(0,40,80,0.95);
	text-align:center;
	border-radius:5px;
}

.boton_modificar_cantidad_class{
	position:relative;
	display:block;
	font-family:sans-serif;
	font-size:12pt;
	border-style:none;
	width:90px;
	border-width: 0px;
	color:rgba(255,255,255,0.9);
	background-color:rgba(0,40,80,0.95);
	cursor:pointer;
	margin:5px;
	padding:3px;
	border-radius:5px;
}


.div_agregar_direccion_envio_class{
	position:absolute;
	display:none;
	border-color:green;
	border-style:solid;
	border-width: 1px;
	padding:5px;
	margin:0px;

	vertical-align:top;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.8);

	width:200px;
	font-family:serif;

	font-size:12px;	
	z-index:1;
	background-color:rgba(250,250,250,0.8);
}



.div_boton_mostrar_agregar_direcciones_class{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	border-style:solid;	
	border-width:1px;
	text-decoration:none;
	margin:10px;
	background-color:white;
	border-radius:5px;
	border-color:rgba(0,40,80,0.6);
	color:rgba(0,40,80,0.9);
	font-family: sans-serif;
	cursor:pointer;
	font-size:14px;
	padding:5px 10px 5px 10px;

}



.div_boton_mostrar_agregar_direcciones_class:hover{
	background-color:rgba(0,40,80,0.9);
	border-radius:10px;
	color:white;	
	border-color:rgba(240,240,240,0.9);
}





.div_usuario_direcciones_envio_class{
	position:relative;
	display:inline-block;
	border-color:rbga(0,40,80,0.8);
	border-style:solid;
	border-width: 1px;
	padding:5px;
	margin:5px;
	vertical-align:top;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.5);
	color:rgba(0,40,80,1);
	font-family:serif;
	font-size:13px;
	width:240px;
	height:340px;
	border-radius:5px;
	background-color:rgba(240,240,240,0.95);
}



.div_usuario_datos_direcciones_class{
	position:relative;
	display:block;
	padding:0px 5px 5px 5px;
}	

	

.label_info_direcciones_class{
	position:relative;
	display:inline-block;
}


.div_usuario_informacion_cuenta_class{
	position:relative;
	display:inline-block;
	border-color:rbga(0,40,80,0.8);
	border-style:solid;
	border-width: 1px;
	border-radius:5px;
	padding:5px;
	margin:5px;
	vertical-align:top;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.5);
	color:rgba(0,40,80,1);
	font-family:serif;
	font-size:12px;
	width:240px;
	height:340px;
	background-color:white;
}

	

.div_usuario_cuenta_class{
	position:relative;
	display:block;
	padding:0px 5px 5px 5px;

}	

	

.div_usuario_informacion_cuenta_class:hover{
	background-color:rgba(255,255,255,0.95);
	border-width: 1px;
}	



.label_info_cuenta_class{
	position:relative;
	display:block;
	font-weight:bold;
	margin:5px 0px 0px 3px;

}

.label_editar_direccion_class{
	position:absolute;
	display:inline-block;
	font-weight:normal;
	margin:5px 20px 0px 20px;	
	vertical-align:bottom;
	bottom:5px;
	left:10px;
}



.label_eliminar_direccion_class{
	position:absolute;
	display:inline-block;
	font-weight:normal;
	margin:5px 20px 0px 20px;	
	vertical-align:bottom;
	bottom:5px;
	right:10px;
}


.label_eliminar_direccion_class:hover{
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

.label_editar_direccion_class:hover{
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}
	
	
.div_form_actualizar_informacion_cuenta_class{
	position:absolute;
	display:none;
	border-color:black;
	border-style:dashed;
	border-radius:10px;
	border-width: 1px;
	padding:10px;
	margin:10px;
	box-shadow: 0px 3px 5px 5px rgba(0,0,0,0.5);

}

	

.div_contenedor_form_crear_cuenta_class{
	position:relative;
	display:inline-block;
	width:95%;
	background-color:rgba(0,40,60,0.0);	
}

	

.div_form_registro{
	position:relative;
	display:inline-block;
	background-color:rgba(0,40,150,0.0);
}

		

.input_text_class {
	position:relative;
	display:inline-block;
	background-color:rgba(220,220,220,0.3);
	width:180px;
	height:30px;
	border-radius:10px;	
	border-style:solid;
	border-width:1px;
	border-color:rgba(0,0,0,0.3);
	margin:0px 5px 5px 0px;
	padding-left: 5px;
}	



.select_tipo_cuenta_class{
	position:relative;
	display:inline-block;
	background-color:rgba(0,0,0,0.0);
	width:180px;
	height:30px;
	border-radius:10px;	
	border-style:solid;
	border-width:1px;
	border-color:rgba(0,0,0,0.3);
	margin:0px 5px 5px 0px;
	padding-left: 5px;
}


.div_inputs_form_class{
	position:relative;
	display:inline-block;
	background-color:rgba(0,0,0,0.0);
	width:400px;
}

	

.div_input_direcciones_class{
	position:relative;
	display:inline-block;
	background-color:rgba(0,0,0,0.0);
	width:400px;
	vertical-align:top;
}



.texto_informacion_crear_cuenta{
	position:relative;
	display:block;
	width:95%;
	min-width:200px;
	text-align:center;
	color:rgba(0,20,80,0.9);
	font-weight:bold;
	font-size:12px;
}

.submit_crear_usuario_class{
	position:relative;
	display:none;
	width:180px;
	height:30px;
	border-radius:10px;	
	border-style:solid;
	border-width:1px;
	background-color:rgba(0,0,0,0.0);
	border-color:rgba(0,40,80,0.4);
	color:rgba(0,40,80,0.8);
	margin:5px 5px 5px 5px;
	text-align:center;
}	

.submit_crear_usuario_class:hover{
	background-color:rgba(0,40,80,0.9);	
	color:white;
}

.boton_editar_informacion_usuario_class{
	position:relative;
	display:inline-block;
	width:180px;
	height:30px;
	border-radius:10px;	
	border-style:solid;
	border-width:1px;
	background-color:rgba(0,0,0,0.0);
	border-color:rgba(0,40,80,0.4);
	color:rgba(0,60,200,0.9);
	margin:5px 5px 5px 5px;
	text-align:center;	
}



	

.boton_editar_informacion_usuario_class:hover{
	background-color:rgba(0,40,80,0.9);	
	color:white;
}

	

.p_usar_direccion_de_facturacion_class{
	position:relative;
	display:inline-block;
	width:75%;
	min-width:200px;
	text-align:left;
	color:rgba(0,20,80,0.9);
	font-weight:normal;
	font-size:12px;
	vertical-align:middle;
}

#checkbox_form_usar_direccion_facturacion_id{
	vertical-align:middle;
}	

	

/************  APLICACION SERVICIOS  *****************/ 

.div_contenedor_menu_servicios_ampliado{
	position:relative;
	display:block;
	background-image:linear-gradient(rgba(255,255,255,0.3), rgba(170,170,170,0.6));
	padding:5px;

}	

	

.div_iconos_grandes_class{
	position:relative;
	display:inline-block;
	background-image:linear-gradient(rgba(255,255,255,0.2), rgba(170,170,170,0.7));
	width:180px;
	height:200px;
	cursor:pointer;
	border-radius:10px;
	margin:10px;
	overflow:hidden;
	color:white;
	border-style:none;
	border-width:2px;
	border-color:rgba(0,250,0,0.5);
}	



.div_iconos_grandes_class:hover{
	background-image:linear-gradient(rgba(170,170,170,0.5),rgba(255,255,255,0.2));
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
	color:gray;
}

	

	

.div_contenedor_servicio_ampliado{
	position:relative;
	display:block;
	background-image:linear-gradient(rgba(170,170,170,0.7), rgba(255,255,255,0.3));
	width:100%;
	height:400px;
}



.div_descripcion_servicio_class{
	position:relative;
	display:block;
	background-color:rgba(0,0,0,0.0);
}



.div_descripcion_servicio_texto_class{
	position:relative;
	display:none;
	width:100%;
}



.div_titulo_servicio_class{
	position:relative;
	display:block;
	width:100%;
	background-color:rgba(0,0,0,1);	

}



.texto_titulo_servicio_class{
	position:relative;
	display:block;
	width:100%;
	color:#FFFFFF; 
	margin:0px; 
	padding:0px;
}



.div_pcbs_introduccion_class{
	position:relative;
	display:block;
	color:#004080; 
	margin:0px; 
	padding:0px;
	background-color:rgba(0,0,0,1);
}



.div_imagen_descripcion_pcb  {

	position:relative;

	display:inline-block;

	color:#004080; 

	margin:0px; 

	padding:0px;

	width:28%;

	

}



.div_texto_descripcion_pcb{
	position:relative;
	display:inline-block;
	color:#A0A0A0; 
	margin:0px; 
	padding:0px;
	width:28%;
}



.div_pcbs_clase_class{
	position:relative;
	display:block;
}



.div_pcb_option_description_class{
	position:relative;
	display:inline-block;
	width:24%;
	vertical-align:top;
}



.div_protoripado_inicio_class{
	position:relative;
	display:inline-block;
	width:100%;
	vertical-align:middle;
	background-image:linear-gradient(rgba(0,40,80,0.1), rgba(0,0,0,0));
}

.img_protoripado_inicio_class{
	position:relative;
	display:inline-block;
	width:20%;
	vertical-align:middle;
	color:rgba(0,0,0,0.9);
}

.div_texto_protoripado_inicio_class{
	position:relative;
	display:inline-block;
	width:50%;
	vertical-align:middle;
	color:rgba(0,0,0,0.9);
}

.p_texto_prototipado_inicio_class{
	position:relative;
	display:block;
	width:70%;
	vertical-align:middle;
	color:rgba(0,0,0,0.9);
}




/****  SECCION PARA PAGOS ******/
.td_valor_tabla_carrito_class{
	text-align:right;
}

.div_mostrar_carrito_class{
	position:relative;
	display:inline-block;
	width:60%;
	min-width:300px;

}

@media only screen and (max-width:650px){
	.div_mostrar_carrito_class{
		position:relative;
		display:inline-block;
		width:100%;
	}
}

.div_informacion_pago_class{
	position:relative;
	display:inline-block;
	width:39%;
	vertical-align: top;
}



.div_QR_bancolombia_class{
	position:absolute;
	display:none;
	width: 96%;	
	top:5px;
	border-style:solid;	
	border-width:1px; 
	border-color:rgba(0,255,0,0.9);  
	box-shadow:1px 1px 5px 10px rgba(0,20,40,0.6);
	border-radius:20px;
	z-index:1;
}
	

.boton_input_Bancolombia_class{
	position:relative;
	display:inline-block;
	height:40px;
	border-radius: 10px;
	background-color:white;
	color:rgba(0,40,80,0.9);
	padding:3px;
	border-style:none;
	font-size:14pt;
	min-width:300px;
	cursor:pointer;
	margin:5px;
}



.boton_input_Bancolombia_class:hover{	
	background-color:rgba(0,40,80,0.9);
	color:white;
}





.div_opciones_envio_class{

	position:relative;

	display:inline-block;

	width:400px;

	vertical-align:top;

	background-color:rgba(0,255,0,0.0);  

	border-color:rgba(0,255,0,0.9);  

	box-shadow:0px 0px 1px 1px rgba(0,20,40,0.6);

	margin:5px 0px 5px 0px;

	padding:5px;	

	overflow:hidden;

}



.div_informacion_valores_iconos_pago_class{

	position:relative;

	display:inline-block;

	vertical-align:top;

	width:400px;



	background-color:rgba(0,255,0,0.0);  

	border-color:rgba(0,255,0,0.9);  

	box-shadow:0px 0px 1px 1px rgba(0,20,40,0.6);

	margin:5px 0px 5px 0px;

	padding:5px;	

	

}



.div_informacion_valores_class{

	position:relative;

	display:inline-block;

	width:400px;

	vertical-align:top;

	

}



.div_iconos_medios_pago_class{

	position:relative;

	display:block;

	width:400px;

	vertical-align:middle;

}





.class_boton_QR_Bancolombia{

	position:relative;

	display:inline-block;

	width:50%;

	min-width:180px;

	max-width:300px;

	min-height:50px;

	background-image: linear-gradient(to bottom right, rgba(0,250,0,0.8), white, yellow);

	background-position:center;

	border-style:none;

	cursor:pointer;	

	box-shadow: 5px 5px 5px 0px rgba(150,180,0,0.5);

	border-radius:20px;

	color:rgba(0,40,80,0.9);

	font-weight:bold;

	margin:5px;

}

.class_boton_QR_Bancolombia:hover{	

	background-color:rgba(150,180,0,0.8);

	box-shadow: 5px 5px 0px 0px rgba(150,180,0,0.5); 

	text-align:middle;

	color:rgba(0,100,100,0.9);

}





.div_QR_bancolombia_imagen_class{

	position:relative; 

	display:inline-block; 

	width:400px; 

	min-width:200px;

	vertical-align:middle;

	background-color:rgba(250,250,250,0.9);

	color:rgba(0,40,80,0.8);

}



.div_input_referencia_davivienda_class{

	position:relative; 

	display:inline-block; 

	width:400px; 

	min-width:200px;

	vertical-align:bottom

}



@media only screen and (max-width:780px){

	.div_QR_bancolombia_imagen_class{

		width:100%; 

	}

	.div_input_referencia_davivienda_class{

		width:100%; 

	}

}


.class_boton_pagar{
	position:relative;
	display:inline-block;
	width:60%;
	min-width:180px;	
	background-repeat:no-repeat;
	background-position:center;
	background-image: linear-gradient(to bottom right, rgba(150,180,0,0.9), white, yellow); 
	
	border-style:none;
	cursor:pointer;	
	box-shadow: 5px 5px 5px 0px rgba(150,180,0,0.5);
	border-radius:20px;
	color:rgba(0,100,100,0.9);
	font-weight:bold;
}



.class_boton_pagar:hover{	
	background-color:rgba(150,180,0,0.8);
	box-shadow: 5px 5px 0px 0px rgba(150,180,0,0.5); 
	color:rgba(0,100,100,0.9);
}

.p_totales_carrito_class{
	display:inline-block;
	width:45%;
	color:rgba(0,40,80,0.8);
	font-size:13pt;
	font-weight:bold; 	
	margin:5px;
	padding:3px;
	background-color:transparent;
	border-style:none;
}



.form_actualizar_totales_carrito_class{
	position:absolute;
	display:fixed;
	color:rgba(80,80,80,0.8);
	font-size:10pt;
	font-weight:bold; 	
	margin:5px;
	padding:3px;
	top:0px;
	left:0px;
	background-color:transparent;
	border-style:none;
	z-index:2;
	text-decoration:underline;

}

.form_actualizar_totales_carrito_class:hover{
	cursor:pointer;
	color:rgba(0,40,80,0.9);
}





.p_descuento_iva_carrito_class{
	display:inline-block;
	width:300px;
	color:rgba(0,40,80,0.8);
	font-size:12pt;
	font-weight:bold; 	
	margin:0px;
	padding:5px;
	color:orange;
}

.p_total_pagar_sin_iva_carrito_class{
	display:inline-block;
	width:300px;
	color:rgba(0,40,80,0.8);
	font-size:11pt;
	font-weight:bold; 
	margin:10px;
	padding:10px;
	color:greenyellow;
	background-color:rgba(0,40,80,0.99);
	border-radius:10px;
}


.div_contendedor_producto_mostrar_parcial_class{
	position:relative;
	display:block;
	width:100%;	
	min-height:100px;
	font-size:12pt;
	margin: 5px 0px 5px 0px;
}

.div_contendedor_producto_mostrar_parcial_class:hover{
	border-color:rgba(0,0,0,0.2);
	border-style:solid;
	border-width:1px;
}

.div_item_carrito_class{
	position:absolute;
	display:block;
	width:10%;
	top:5px;
	left:5px;
	font-size:11pt;
	color:rgba(100,100,100,1);
	text-align:left;		
}

.div_valor_producto_carrito_class{
	position:absolute;
	display:block;
	background-color:rgba(100,100,100, 0);
	width:50%;	
	bottom:5px;
	right:5px;
	font-size:10pt;
	font-weight:bold;
	color:rgba(0,20,80,1);
	text-align:right;		
}

.div_cantidad_producto_carrito_class{
	position:absolute;
	display:block;
	background-color:rgba(100,100,100, 0);
	width:50%;	
	bottom:40%;
	right:5px;
	font-size:11pt;
	font-weight:bold;
	color:rgba(0,20,80,1);
	text-align:right;
}

.div_part_mumber_carrito_class{
	position:absolute;
	display:block;
	background-color:rgba(100,100,200, 0);
	width:80%;	
	top:1px;
	left:20px;
	font-size:10pt;
	font-weight:normal;
	color:rgba(0,20,80,1);
	text-align:center;
}

.div_sku_carrito_class{
	position:absolute;
	display:block;
	background-color:rgba(100,100,200, 0);
	width:50px;	
	bottom:5px;
	left:20px;
	font-size:11pt;
	font-weight:normal;
	color:rgba(0,20,80,1);
	text-align:left;
}

.div_imagen_carrito_parcial_class{
	position:absolute;
	display:block;
	background-color:rgba(100,200,100,0);
	width:60%;	
	top:18px;
	left:40px;
	z-index:-1;
}


.boton_eliminar_producto_class{
	position:absolute;
	display:block;
	width:30px;
	top:5px;
	right:5px;
	
}

.boton_pagar_ahora_carrito_parcial_class{
	position:relative;
	display:inline-block;
	width:120px;
	color:rgba(0,20,80,1);
	background-image:linear-gradient(closest-side at 20% 45%, rgba(200,255,0,3) , rgba(0,30,90,0.2));
	font-size:10pt;
	cursor:pointer;
	padding:5px;
	margin:5px;
	border-style:none;
}

.boton_pagar_ahora_carrito_parcial_class:hover{
	color:white;
	background-color:rgba(0,30,90,1);
}



/*************COTIZACIONES**************************/

.div_cotizaciones_class{
	position:relative;
	display:inline-block;
	background-color:rgba(0,40,80,0.85);
	font-size:9pt;
	font-weight:normal;
	color:white;
	margin: 5px;
	vertical-align:top;
	border: 0px solid white;	
}


/******************  RESPOSE SECCION ******************/
.class_tabla_oc_admon{
	position:relative;
	display:inline-block;
	background-color:rgba(0,40,80,0.85);
	font-size:9pt;
	font-weight:normal;
	color:white;
	margin: 5px;
	vertical-align:top;
	border: 0px solid white;
}

.tr_tabla_header_oc_admin_class{
	text-align:center;
	background-color:rgba(180,255,0,1);
	color:rgba(0,30,90,0.9);
}

.tr_fila_reporte_cierre_caja_class:hover{
	background-color:white;
	color:rgba(0, 30, 80, 0.9);
	cursor:pointer;
}

.tabla_oc_cliente_class{
	position:relative;
	display:block;
	background-color:rgba(240,240,240,1);
	font-size:9pt;
	font-weight:normal;
	color:rgba(0,20,80,1);
	margin:5px;
	vertical-align:top;
	padding:2px;
}

.div_botones_opciones_oc_class{
	position:relative;
	display:inline-block;
	background-color:rgba(240,240,240,1);
	font-family:Times;
	font-size:10pt;
	font-weight:normal;
	color:rgba(0,40,80,0.80);
	margin:5px;
	vertical-align:top;
	border-radius:5px;
}

.div_boton_opciones_oc_class{
	position:relative;
	display:block;
	width:220px;
	background-color:rgba(0,40,80,1);

	font-family:sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:rgba(240,240,240,0.80);
	margin:5px;
	padding:5px;
	vertical-align:middle;
	border-radius:5px;
}

.div_boton_opciones_oc_class:hover{
	cursor:pointer;
	font-size:10pt;
}

.class_tabla_header_oc_admon{
	position:relative;
	display:block;
	background-color:rgba(0,40,80,0.90);
	font-family:sans-serif;
	font-size:10pt;
	font-weight:normal;
	color:white;
	margin:0px;
	vertical-align:top;
	border: 1px solid gray;
}

.div_label_OC_class{
	position:relative;
	display:block;
	background-color:rgba(0,40,80,0.75);
	font-family:sans-serif;
	font-size:13pt;
	font-weight:bold;
	color:white;
	margin:3px;
}

.labelAdminTitle_class{
	position:relative;
	display:block;
	background-color:rgba(0,40,80,0.9);
	font-family:sans-serif;
	font-size:13pt;
	font-weight:bold;
	color:white;
	margin:2px;
}

.class_tabla_respuesta{
	position:relative;
	display:block;
	width:500px;
	background-color:rgba(0,50,0,0.1);
	font-family:serif;
	font-size:10px;
	color:rgba(0,40,100,1);
	margin:10px;
}

.tr_orden_compra_header_class{
	padding: 0px;
	border-collapse:separate;
	margin: 5px;
}

.th_oc_header_class{



}

.td_oc_header_class{

}

table, th, td {
  border: 1px solid white;
  
  padding:2px 5px 2px 5px;
  text-align:center;
}

#tabla_kardex_id tr:nth-child(even){background-color: rgba(0,40,80,0.5);}


#tabla_kardex_id tr:hover {
	background-color: #dddddd;
	color:rgba(0,40,80,0.8);
	cursor:pointer;
}



.respuesta_label_class{
	font-weight:bold;
	text-align:right;
}


.div_shadow {
	box-shadow: 5px 3px 8px white;
	padding: 3px;
	font-size:12px;
}

/****************  APLICACIONES  *********************/
.div_descripcion_ppv_class{
	position:relative; 
	display:inline-block; 
	width:25%; 
	min-width:400px; 
	vertical-align:top; 
	text-align:justify;
	padding: 15px;
}

@media only screen and (max-width:1200px){
	.div_descripcion_ppv_class{
		width:95%;
	}
}

.iframe_rastrear_envio_class{
	width:100%;
	height:600px;
}

.resultado_busqueda_instantanea_class{
	position:fixed;
	display:block;
	width:360px;
	background-color:rgba(250,250,250,0.9);
	font-family:sans-serif;
	font-size:10pt;
	color:rgba(0,40,80,0.9);
	left:100px;
	max-height:400px;
	overflow:auto;
	z-index:2;
}



.div_contenedor_busqueda_class{
	position:relative;
	display:inline-block;
	width:200px;
}


.div_seccion_actualizar_estado_oc_class{
	position:relative;
	display:inline-block;
	font-size:11pt;
	color:rgba(0,40,80,0.8);
	background-color:rgba(0,0,0,0.0);
	text-decoration:none;
	vertical-align:top;
	margin: 10px auto;
	
	overflow:hidden;
	padding: 5px;
}

.div_input_file{
	max-width:450px;
	font-size:9pt;
}



.label_seccion_actualizar_estado_oc_class{
	position:relative;
	display:block;
	font-size:10pt;
	color:white;
	margin-bottom: 0px;
	background-color:rgba(0,40,80,0.8);
}

.td_numero_oc_class{
	max-width: 180px;
	max-height: 35px;
	overflow-x:hidden;	
}

.td_numero_oc_class:hover{
	background-color:rgba(0,40,80,0.9);
	cursor:pointer;
}

.img_soporte_gasto{
	width:200px;
	height:200px;
	background-color:transparent;
	object-fit: conver;
	color:white;
}



/*Clase para mostrar el encabezado de la lista completa de ordenes*/

.tr_ordenes_compra_header_class{

	

}



.tr_ordenes_compra_lista_class{
	font-size: 9pt;	

}



.tr_ordenes_compra_lista_class:hover{

	background-color:rgba(255,255,255,0.9);
	cursor:pointer;	
	color:rgba(0,40,80,0.9);

}



/*Clase para mostrar el encabezado de una orden de compra*/





.tr_orden_compra_direccion_facturacion_class{
	position:relative;
	display:block;
}


.tr_orden_compra_direccion_envio_class{

	position:relative;
	display:block;
}

.btnCerrarRT{
	position:absolute;
	top:8px;
	right:8px;
}

.celda_justificada_derecha_class{
	text-align:right;
}



.option_direcciones_class{
	width:200px;
}



.td_estado_cierre_caja_class:hover{
	background-color:rgba(200,200,200,0.9);
	cursor:pointer;
	color:rgba(0,40,80,0.9);

}





.div_validar_ciudades_class{

	position:absolute;

	display:none;

	width:400px;

	

	background-color:rgba(250,250,250,0.8);

	border-bottom-color:rgba(0,40,80,0.8);

	border-bottom-width:1px;

	border-bottom-style:solid;

	z-index:1;

}



.div_opciones_ciudades_encontradas_class{

	position:relative;

	display:block;

	font-size:10pt;

	color:rgba(0,40,80,0.8);	

	margin-bottom: 3px;	

}



.div_opciones_ciudades_encontradas_class:hover{

	background-color:rgba(0,40,80,0.8);

	color:white;

	cursor:pointer;

}



.div_resultado_buscar_class{

	position:absolute;

	display:block;

	width:360px;

	background-color:rgba(250,250,250,0.9);

	font-family:sans-serif;

	font-size:10pt;

	color:rgba(0,40,80,0.9);

	left:100px;

	max-height:400px;

	overflow-y:auto;	

	z-index:2;

}



.div_resultado_asistente_buscar_producto_class{

	position:relative;

	display:block;

	width:100%;

	vertical-align:middle;

}



.div_resultado_asistente_buscar_producto_class:hover{

	background-color:rgba(0,40,80,0.3);

	cursor:pointer;

}



.div_resultado_asistente_buscar_descipcion_class{

	position:relative;

	display:inline-block;

	font-size:9pt;

}



.div_resultado_asistente_buscar_imagen_class{
	width:50px;
	max-height:50px;
	vertical-align:middle;
}	



.label_alerta_class{
	position:relative;
	display:block;
	border-color:red;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	padding:5px;
	margin:10px;
	background-color:rgba(220,220,200,0.9);
}







/******************FACTURACION*******************/

.div_boton_facturacion_class{

	position:relative;
	display:inline-block;
	vertical-align:middle;
	border-style:solid;	
	border-width:1px;
	text-decoration:none;
	margin:5px;
	background-color:white;
	border-radius:3px;
	border-color:rgba(0,40,80,0.0);
	color:rgba(0,40,80,0.9);
	cursor:pointer;
}



.div_boton_facturacion_class:hover{
	background-color:rgba(0,40,80,0.9);
	border-radius:3px;
	border-color:rgba(0,40,80,0.0);
	color:white;
	margin: 3px;
}





.div_secciones_agregar_centro_facturacion_class{

	position:relative;
	display:inline-block;
	font-size:10pt;
	color:rgba(0,40,80,0.8);
	background-color:rgba(0,0,0,0.0);
	text-decoration:none;
	vertical-align:bottom;
	width:110px;
}

.label_seccion_agregar_centro_facturacion_class{
	position:relative;
	display:block;
	font-size:10pt;
	color:rgba(0,40,80,0.8);
	margin-bottom: 0px;
	background-color:white;
	width:100%;
}



.tr_traslado_producto_class{
	
}

.tr_traslado_producto_class:hover{
	background-color:rgba(200,200,200,0.5);
}

.td_status_aprobado_traslado_producto_class{
	
	background-color:rgba(0,255,0,0.9);
}


.td_status_aprobado_traslado_producto_class:hover{
	cursor:pointer;
	
	background-color:rgba(255,255,255,0.9);
	color:rgba(0,40,80,0.9);
}

.td_status_traslado_producto_class{
	cursor:pointer;
	
	background-color:rgba(170,170,170,0.9);
	color:rgba(0,40,80,0.9);
}

.td_status_traslado_producto_class:hover{
	cursor:pointer;
	
	background-color:rgba(255,255,255,0.9);
	color:rgba(0,40,80,0.9);
}



/******** CHAT BOT ***********************************************/

.div_main_chatBOT_class {
	display:none;
	position:fixed;
	bottom: 1px;
	right: 1px;
	width: 250px;
	height: 450px;
	border: 3px solid rgba(200,255,0,1);
	
	box-shadow:0 5px 5px 1px rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	background-color:rgba(0,40,80,0.9);
	color:white;	
	border-radius: 20px 20px 0px 20px;
	z-index:10;
}

.div_icon_chatBOT_class {
	position: fixed;
	bottom: 1px;
	right: 20px;
	width: 80px;
	height: 60px;
	border: 3px solid #73AD21;
	
	box-shadow:0 5px 5px 1px rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	background-color:rgba(0,40,80,0.9);
	color:white;	
	border-radius: 20px 20px 0px 20px;
	z-index:10;
	cursor:pointer;
}

.image_bot_class{
	width: 50px;
	height:50px;
	margin:5px;
}

.textarea_chatBOT_class{
	resize: none;
	border:none;
	background-color:rgba(250,250,250,0.9);
	color:rgba(0,40,80,0.99);
	margin:5px;
}

.div_conversacion_chatBOT_class{
	width: 250px;
	height:320px;
	background-color:rgba(250,250,250,0.8);
	overflow-y:scroll;
	
}

.boton_enviar_mensaje_chatBOT_class{
	position:absolute;
	bottom: 1px;
	right: 5px;
	color: rgba(0,40,90,0.9);
	background-color:rgba(200,255,0,0.99);
	cursor:pointer;
	border:none;
	border-radius:3px;
	height:25px;
}

.boton_enviar_mensaje_chatBOT_class:hover{
	font-weight: bold;
}

.div_por_mensaje_class{
	display:block;
	position:relative;
	width: 200px;
	background-color:rgba(255,255,255,1);
	color:rgba(0,40,90,0.9);
	font-size:9pt;
	border-radius:7px 0px 7px 7px;
	border:none;
	margin:2px 1px 1px 20px;
	overflow-x:hidden;
}


.div_para_mensaje_respuesta_class{
	display:block;
	position:relative;
	width: 200px;
	background-color:rgba(220,255,0,1);
	color:rgba(0,40,90,0.9);
	font-size:9pt;
	border-radius:7px 0px 7px 7px;
	border:none;
	margin:2px 20px 1px 1px;
	overflow-x:hidden;
}

.boton_cerrar_mensaje_chatBOT_class{
	position:absolute;
	top: 0px;
	left: 0px;
	color: rgba(255,40,90,0.9);
	background-color:rgba(200,250,0,0.99);
	cursor:pointer;
	border:none;
	border-radius:15px 0px 15px 0px;
	height:30px;
	width:45px;
	
}


/*******  CHAT ONLINE ADMON ******/
.div_Area_Trabajo_Chat_class{
	position:absolute;
	display:none;	
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.6);
	overflow-y:auto;
	z-index:1;
	padding:10px;
	max-height:80%;
	color:rgba(0,250,20,0.9);
	
}

.div_boton_cerrar_area_chats_class{
	position:absolute;
	display:block;	
	box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.6);
	overflow-y:auto;
	z-index:1;
	padding:3px;
	color:rgba(250,230,230,0.9);
	background-color:rgba(0,50, 90,0.99);
	top:10px;
	right:5px;
	width:80px;
	border:none;
	cursor:pointer;
}

.div_boton_cerrar_area_chats_class:hover{
	background-color:rgba(250,230,230,0.9);
	color:rgba(0,50, 90,0.99);
}

.agotado_mark_class{
	position:absolute;
	top: 20px;
	right: 10px;
	
}

#div_qr_input_id{
	color:rgba(0,32,96,1);
	width: 400px;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.6);
}

#div_qr_image_output_id{
	color:rgba(0,32,96,1);
	width: 400px;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.6);
}

#input_qrString_id{
	color:rgba(0,0,0,0.7);
	display:block;
	font-size: 12pt;
	width:95%;
	margin:10px;
}
#input_qrStringName_id{
	color:rgba(0,0,0,0.7);
	display:block;
	font-size: 12pt;
	width:95%;
	margin:10px;

}
#label_qrStringInputName_id{
	color:rgba(0,0,0,0.7);
	display:block;
	font-size: 12pt;
	width:95%;
	margin:10px;
	font-weight:bold;
}
#label_qrStringInput_id{
	color:rgba(0,0,0,0.7);
	display:block;
	font-size: 12pt;
	font-weight:bold;
}

#div_qrGenerarInput_id{
	vertical-align:middle;	
	font-size: 18pt;
	font-weight:bold;	
	cursor:pointer;
	border-radius:7px 7px 7px 7px;
	padding:10px;
	margin: 5px auto;
}

.myRemisionToPrint_class{
	width:420px;
	height:300px;
	
	margin: 0 auto;

}