:root
	{
		--color_categoria: #000;
	}

a {text-decoration:none;}

body,html
	{
		font-family:verdana;
		font-size:10pt;
		margin:0;
		padding:0;
		width:100%;
		height:100%;
/*		overflow-x:hidden;  */
		padding:0;
		margin:0;
	}

.grid_cab_L		{padding:1px 5px;font-weight:bold;text-align:left;}
.grid_cab_R		{padding:1px 5px;font-weight:bold;text-align:right;}
.grid_cab_C		{padding:1px 5px;font-weight:bold;text-align:center;}
.grid_item_L	{font-size:10pt;padding:5px;text-align:left;}
.grid_item_R	{font-size:10pt;padding:5px;text-align:right;}
.grid_item_C	{font-size:10pt;padding:5px;text-align:center;}

.grid_cab_2		{grid-column: span 2;}
.grid_cab_3		{grid-column: span 3;}
.grid_cab_4		{grid-column: span 4;}
.grid_cab_5		{grid-column: span 5;}
.grid_cab_6		{grid-column: span 6;}




.fondo_negro
	{
	    position: fixed;
	    top: 0%;
	    left: 0%;
	    width: 100%;
	    height: 100%;
	    background-color:rgba(0,0,0,0.5);
	    z-index:10000;
	}

.mensaje
	{
		position:absolute;
		width:99%;
		max-width:500px;
		left:0;
		right:0;
		margin:80px auto;
		border:1px solid #000;
		background-color:#fff;
		-webkit-box-shadow: 2px 2px 15px rgba(0,0,0,0.8);
		-moz-box-shadow: 2px 2px 15px rgba(0,0,0,0.8);
		box-shadow: 2px 2px 15px rgba(0,0,0,0.8);
		z-index:10001;
	}
.msg-tit
	{
		background-color:#000;
		text-align:center;
		padding:2px 0;
		color:#fff;
		font-size:11pt;
	}

.msg-txt
	{
		text-align:center;
		margin:30px 10px 20px 10px;
	}

.msg-bot
	{
		margin-top:30px;
		text-align:center;
		padding-bottom:20px;
	}




.boton_verde
	{
		background-color: #38549c;
		color:#fff;
		padding:10px 30px;
		font-family: verdana;
		font-size:12pt;
		transition: all .3s linear;
		border:0;
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		cursor:pointer;
	}

.boton_verde:hover
	{
		color:#fff;
		background-color:#3c3c3c;
	}

.boton_verde2
	{
		background-color: #38549c;
		color:#fff;
		padding:3px 5px;
		font-family: verdana;
		font-size:10pt;
		transition: all .3s linear;
		border:0;
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		cursor:pointer;
	}

.boton_verde2:hover
	{
		color:#fff;
		background-color:#3c3c3c;
	}

.link-eliminar-cesta-mov
	{
		color:#fff;
		background-color:#FF0000;
		padding:2px 5px;
		border:0;
		outline: 0;
		font-weight:bold;
		font-family: 'Roboto Slab', serif;
		font-size:11pt;
		cursor:pointer;
		transition: all .2s linear;
		text-align:center;
		transition: all .2s linear;
		font-size:9pt;
	}

.boton-rojo
	{
		color:#fff;
		background-color:#FF0000;
		padding:5px 20px;
		border:0;
		outline: 0;
		font-weight:bold;
		font-family: 'Roboto Slab', serif;
		font-size:11pt;
		cursor:pointer;
		transition: all .2s linear;
		text-align:center;
		transition: all .2s linear;
	}

.boton-rojo:hover
	{
		background-color:#494948;
		color:#fff;
	}


.boton-verde3
	{
		color:#fff;
		background-color:#38549c;
		padding:5px 20px;
		border:0;
		outline: 0;
		font-weight:bold;
		font-family: 'Roboto Slab', serif;
		font-size:11pt;
		cursor:pointer;
		transition: all .2s linear;
		text-align:center;
		transition: all .2s linear;
	}

.boton-verde3:hover
	{
		background-color:#494948;
		color:#fff;
	}


.boton-gris
	{
		color:#000;
		background-color:#EAEAEA;
		padding:5px 20px;
		border:0;
		outline: 0;
		font-weight:bold;
		font-family: 'Roboto Slab', serif;
		font-size:11pt;
		cursor:pointer;
		transition: all .2s linear;
		text-align:center;
		transition: all .2s linear;
	}

.boton-gris:hover
	{
		background-color:#B4B4B4;
		color:#fff;
	}


.boton_negro
	{
		background-color:#3c3c3c;
		color:#fff;
		padding:10px 30px;
		font-family: verdana;
		font-size:12pt;
		transition: all .3s linear;
	}

.boton_negro:hover
	{
		color:#fff;
		background-color: #000
	}

.boton_negro2
	{
		background-color: #3c3c3c;
		color:#fff;
		padding:3px 5px;
		font-family: verdana;
		font-size:10pt;
		transition: all .3s linear;
		border:0;
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		cursor:pointer;
	}

.boton_negro2:hover
	{
		color:#fff;
		background-color:#000;
	}

.boton_ficha
	{
		background-color: #000;
		color:#fff;
		padding:13px 30px;
		font-family: verdana;
		font-size:12pt;
		transition: all .3s linear;
		border:0;
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		cursor:pointer;
	}

.boton_ficha:hover
	{
		color:#fff;
		background-color:#3c3c3c;
	}


.titulo-cat
	{
		display:table;
		margin:30px auto 0 auto;
		text-align:center;
		font-size:14pt;
		font-weight:bold;
	}

.nuevo_cat
	{
		display:grid;
		width:98%;
		max-width:900px;
		margin: 30px auto;
		grid-template-columns:1fr 1fr;
		grid-gap:0 10%;
	}

.select1	{text-align:left;}
.select2
	{
		text-align:right;
		float:right;
		border:1px solid red;
	}


.select-css {
	display: block;
	font-size: 16px;
	font-family: 'Verdana', sans-serif;
	font-weight: 400;
	color: #444;
	line-height: 1.3;
	padding: .4em 1.4em .3em .8em;
	width:100%;

	box-sizing: border-box;

	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
	border-radius: .3em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
  display: none;
}
.select-css:hover {
  border-color: #888;
}
.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
.select-css option {
  font-weight:normal;
}


.classOfElementToColor:hover {background-color:red; color:black}

.select-css option[selected] {
    background-color: orange;
}


/* OTROS ESTILOS*/
.styled-select { width: 240px; height: 34px; overflow: hidden; background: url(new_arrow.png) no-repeat right #ddd; border: 1px solid #ccc; }



.sidebar-box select{
display:block;
padding: 5px 10px;
height:42px;
margin:10px auto;
min-width: 225px;
-webkit-appearance: none;
height: 34px;
/* background-color: #ffffff; */
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;}


























.ele-cat-vena
	{
		display:table;
		width:98%;
		max-width:900px;
		border-bottom:3px solid var(--color_categoria);
		margin:30px auto;
	}

.ele-cat-vena .ele-izq-venta
	{
		float:left;
		border-top:2px solid var(--color_categoria);
		border-right:2px solid var(--color_categoria);
		border-left:2px solid var(--color_categoria);
		padding:2px 10px;
	}


@media (min-width: 900px)
	{
		.div-venta
			{
				display:grid;
				width:100%;
				max-width:900px;
				margin:30px auto;
				grid-template-columns:repeat(4,1fr);
				grid-gap:20px;
			}
	}
@media (max-width: 900px) and (min-width:540px)
	{
		.div-venta
			{
				display:grid;
				width:100%;
				max-width:900px;
				margin:30px auto;
				grid-template-columns:repeat(2,1fr);
				grid-gap:20px;
			}
	}

@media (max-width: 540px)
	{
		.div-venta
			{
				display:grid;
				width:100%;
				max-width:900px;
				margin:30px auto;
				grid-template-columns:repeat(1,1fr);
				grid-gap:20px;
			}
	}

.class_articulo
	{position:relative;overflow:hidden;}


.etiqueta_agotado
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		background-color:#ff0000;
		color:#fff;
		text-align:center;
		z-index:10;
		font-size:13pt;
		font-weight:bold;
		-ms-transform: rotate(-45deg); /* IE 9 */
		-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
		transform: rotate(-45deg);
		margin-top:30px;
		margin-left:-60px;
		-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
		-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
		box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
	}


@media (min-width: 700px)
	{
		.etiqueta_agotado_ficha
			{
				position:absolute;
				width:100%;
				background-color:#ff0000;
				color:#fff;
				text-align:center;
				font-size:13pt;
				font-weight:bold;
				-ms-transform: rotate(-45deg); /* IE 9 */
				-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
				transform: rotate(-45deg);
				margin-top:30px;
				margin-left:-140px;
				-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
				-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
				box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
			}
		.etiqueta_agotado_movil_ficha
			{display:none;}
	}

@media (max-width: 700px)
	{
		.etiqueta_agotado_ficha
			{
				display:none;
			}

		.etiqueta_agotado_movil_ficha
			{
				width:100%;
				background-color:#ff0000;
				text-align:center;
				font-size:13pt;
				font-weight:bold;
				color:#fff;
			}



		}


.div-venta>div
	{
		padding:10px;
		border:1px solid #ccc;
		text-align:center;
		transition: all .2s linear;
	}

.div-venta>div:hover
	{
		border:1px solid #38549c;
	}
.div-venta a
	{color:#000;}

.div-img-venta
	{width:180px;height:250px;text-align:center;}
.div-img-venta	img
	{object-fit: cover;width:180px;height:250px;}

.div-tit-venta
	{font-size:14pt;color:#525252;}

.div-pre-venta
	{font-size:13pt;color:#000;font-weight:bold;margin-top:5px;}


.opc-cat-index
	{
		display:grid;
		margin-top:20px;
		grid-template-columns:repeat(2,1fr);
		width:100%;
		grid-gap:0 20px;
	}

.ico-cat-index-izq	{text-align:right;}
.ico-cat-index-der	{text-align:left;}
.div-producto_agotado-index	{grid-column: span 2;}





.precio_ficha
	{
		font-size:18pt;

	}

@media (min-width: 700px)
	{
		.ficha
			{
				display:grid;
				width:100%;
				max-width:900px;
				grid-template-columns:1fr 1fr;
				grid-gap:30px;
				margin:30px auto 0 auto;
			}
		.ficha_img
			{
				position:relative;
				overflow:hidden;
			}
	}

@media (max-width: 700px)
	{
		.ficha
			{
				display:grid;
				width:100%;
				max-width:900px;
				grid-template-columns:1fr;
				grid-gap:30px;
				margin:30px auto 0 auto;
			}

		.ficha_img
			{
				position:relative;
				display:table;
				width:96%;
				margin:0 auto;
				overflow:hidden;

			}
		.ficha_der
			{
				display:table;
				width:96%;
				margin:0 auto;
			}
	}


.tira_imagen
	{
		display:grid;
		grid-template-columns:repeat(5,1fr);
		grid-gap:10px;
		margin-top:7px;
	}

.tira_imagen>div
	{
		border:0px solid #ccc;
		text-align:center;
	}

.img-ficha
	{
		width:100%;
	}

.img-thumb
	{
	 	width:100%;
	}

.ficha	p
	{margin:0;padding:0;}



.grid-num-unidades
	{
		display:grid;
		grid-template-columns:38px 50px 38px auto;
		margin:5px auto;
		grid-gap:0;
	}

.insert-cesta
	{padding-left:20px;}

.grid-cesta-rrss
	{
		display:grid;
		grid-template-columns:repeat(3,60px);
		margin:5px auto;
		grid-gap:0;
	}

.grid-cesta-rrss>div
	{
		text-align:center;
	}

.div-caja-num-ped
	{
		margin:0px auto;
		border:1px solid #ccc;
		padding-top:3px;
	}

.div-caja-num-ped	input
	{
		border:0;
		text-align:center;
		width:40px;
		height:24px;
		font-size:12pt;
	}

.flechas-caja
	{
		font-size:14pt;
		text-align:center;
	}

.flechas-caja	a
	{
		background-color:#38549c;
		display:block;
		color:#fff;
		height:38px;
		width:38px;
		padding-top:2px;
		transition: all .2s linear;
	}

.flechas-caja	a:hover
	{
		background-color:#494948;
		color:#FFF;
	}


.div-insertar-ficha
	{
		margin-top:50px;
		text-align:center;
	}

.caja-caracteristicas
	{
		display:table;
		margin:-15px auto 0 auto;
		width:96%;
		max-width:900px;
		border:0px solid red;
		text-align:justify;
		padding:0 10px;;
	}



.insertado-cesta
	{
		position:fixed;
		width:90%;
		margin:4em auto;
		padding-bottom:10px;
		max-width:300px;
		left:0;
		right:0;
		background-color:rgba(255,255,255,.9);
		border:1px solid #000;
		z-index:10001;
		-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
		-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
		box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:35%;
	}
.txt-inser-cesta
	{
		text-align:center;
		font-size:12pt;
		padding:10px 0 0 0 ;
		font-weight:bold;
	}

.ico-ok-cesta
	{
		display:table;
		width:80%;
		margin:10px auto;
		border:0px solid red;
		text-align:center;
	}

.bot-insert-cesta
	{
		display:grid;
		width:90%;
		margin:10px auto;
		grid-template-columns:repeat(2,1fr);
	}

.bot-insert-cesta>div
	{
		text-align:center;
	}


.cont-cesta
	{
		display:table;
		width:98%;
		max-width:800px;
		margin:40px auto;
	}


@media (min-width: 650px)
	{
		.grid-cesta
			{
				display:grid;
				grid-template-columns:40px auto 90px 100px 80px 60px;
			}
		.cont-cesta-mov{display:none;}
	}


@media (max-width: 650px)
	{
		.grid-cesta{display:none;}

		.cont-cesta-mov
			{
				display:grid;
				margin:20px auto;
				width:96%;
				max-width:600px;
				grid-template-columns:auto 100px;
				font-size:10pt;
			}
	}

.caja-sel-uni-cesta
	{
		display:grid;
		grid-template-columns:repeat(3,auto);
	}

.boton-sel-cesta-final
	{
		display:block;
		text-align:center;
		font-size:10pt;
		background-color:#38549c;
		padding:0px 1px 4px 1px;
		transition: all .2s linear;
		cursor:pointer;
		color:#fff;
	}

.boton-sel-cesta-final:hover
	{
		background-color:#494948;
		color:#fff;
	}



.div-cont-importes
	{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		width:100%;
		max-width:800px;
		margin:0 auto;
	}


.grid-cesta-resultados
	{
		float:right;
		display:grid;
		grid-template-columns:180px 120px;
		margin-top:20px;
		grid-gap:5px 0;
	}

.grid-cesta-resultados>div
	{
		padding:3px 10px 0 10px;
		border-bottom:1px solid #38549c;
	}

.grid-cesta	p
	{margin:0;padding:0;}

.cab-cesta-grid_L	{background-color:#7d3b33;color:#fff;font-weight:bold;text-align:left;padding:0 5px;margin:0}
.cab-cesta-grid_C	{background-color:#7d3b33;color:#fff;font-weight:bold;text-align:center;padding:0 5px;margin:0}
.cab-cesta-grid_R	{background-color:#7d3b33;color:#fff;font-weight:bold;text-align:right;padding:0 5px;margin:0}

.item-cesta-grid_L	{text-align:left;padding:0 5px;}
.item-cesta-grid_C	{text-align:center;padding:0 5px;}
.item-cesta-grid_R	{text-align:right;padding:0 5px;}


.total-cesta
	{
		text-align:right;
		font-size:12pt;
	}

.concepto_cesta_total
	{
		font-size:16pt;
		text-align:right;
		padding-right:00px;
		font-weight:bold;
	}

.concepto_cesta
	{
		text-align:right;
		padding-right:0px;
		font-weight:bold;
		font-size:10pt;
	}

.total_concepto
	{
		text-align:right;
		font-size:12pt;
	}



.fila-cat-venta
	{
		display:table;
		width:100%;
		max-width:800px;
		border-bottom:1px solid #ccc;
		margin:50px auto 0 auto;
		font-size:12pt;
	}


.link-cat-venta
	{
		float:left;
		margin-left:3px;
	}

.link-cat-venta	a
	{
		display:block;
		color:#000;
		padding:5px 10px;
		transition: all .2s linear;
		margin-top:3px;

	}

.link-cat-venta		a:hover
	{
		color:#fff;
		background-color:#38549c;
	}

.div-rotate
	{
		float:left;
		width:15px;
		height:15px;
		border-top:1px solid #ccc;
		border-right:1px solid #ccc;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top:8px;
	}

.cont-cat-venta
	{
		float:left;
		padding:5px 10px;
		margin-top:3px;
	}

.tit-cesta-vacia
	{
		text-align:center;
		padding:40px 0;
		color:#A4A4A4;
		font-size:20pt;
	}

.tit-cesta-realizar
	{
		margin:20px auto;
		font-size:17pt;
		color:#000;
		text-align:center;
		font-weight:bold;
		margin-top:3em;
	}

.class-icono-cesta
	{
		position:relative;
	}
.link-num-cesta
	{
		position:absolute;
		border:0px solid red;
		left:0;
		right:0;
		margin:0 auto;
		text-align:center;
		font-size:12pt;
		color:#fff;
		margin-top:8px;
		width:60%;
		background-color:rgba(33,83,160,.8);
	}

.datos-personales
	{
		display:table;
		margin:30px auto;
		width:100%;
		max-width:700px;
		border:0px solid red;
	}
.datos-personales	p
	{margin:1em 0 0 0;padding:0;text-align:center;}

.grid-datos-personales
	{
		display:grid;
		grid-template-columns: 1fr;
		grid-gap:30px;
	}


.grid-datos-personales>div
	{
		border:1px solid #ccc;
		padding:10px;
	}

.select_pagos
	{
		display:table;
		margin:1em auto;
	}