body {
	font-family: arial;
	font-size:12px;
}

input {
	font-size:16px;
}

#pdir {width:300px;}
/*#pobs {width:300px; height:100px; resize:none;}*/

select {
	font-size:16px;
}

#cuerpo {
	position: relative; 
	width:100%; 
	height:90%; 
	/*background-color:white; */
	overflow-x:hidden; 
	overflow-y:auto; 
	opacity:0; 
	transition: opacity 0.5s
}

#paginatotal {
	position: absolute; 
	width:100%; 
	height:100%; 
	overflow: hidden; 
	/*background: #E6E6E6 url("../images/otros/fondo.jpg") no-repeat right bottom;*/
	background-size: auto 100%;
	z-index: -1;
}

#cabeza {
	position: relative; 
	width:100%; 
	height:100px; 
	/*background-color:white;*/
	z-index: 2; 
	/*transition: height 0.5s;*/
}

#canastita {
	position: absolute; 
	height:auto; 
	width:auto; 
	right:20px; 
	bottom:30px; 
	padding:0px; 
	padding-bottom:-5px; 
	text-align:right;
}

#dincanasta {
	font-size:14px; 
	font-weight: bolder;
}

#numcanasta {
	position: absolute; 
	right:-15px;
	top:15px;
	background-color: blue; 
	color:white; 
	border-radius: 10px; 
	float:right; 
	margin-left: -5px; 
	height:20px; 
	width:20px; 
	line-height: 20px; 
	text-align:center;
}

#cajacarrito { 
	float:right; 
	padding-right: 5px; 
	line-height: 30px; 
	background-color:red; 
	background: linear-gradient(0deg, rgba(157,0,0,1) 0%, rgba(255,0,0,1) 39%, rgba(213,0,0,1) 100%);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:14px; 
	color:white;
}

#logocarrito {
	border-radius:15px; 
	float:left; 
	padding:5px; 
	height:20px; 
	width:20px;
}

#cintillo {
	position:absolute; 
	width:100%; 
	bottom:0px; 
	height: auto; 
	background-color: gray;
}

#cola {
	position: relative; 
	width: 100%; 
	height: auto; 
	background-color:#1C1C1C; 
	color: white; 
	/*border:solid 1px black;*/
}

#telon {
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
	height: 0%; 
	width: 100%; 
	overflow: hidden; 
	z-index: 9; 
	perspective: 400px;
	background-color:rgba(255,255,255,0);
	transition: background-color 0.25s;
}

#grupofotos {
	position: absolute; 
	top: 15px; 
	left: 10px; 
	/*transition: height 0.5s;*/
}

.menu {
	position: relative;
	padding:10px;
	color:white;
	width:auto;
	font-size:14px;
	cursor:pointer;
}
.menu:hover {
	color:yellow;
}

.submenu {
	position: relative;
	padding:10px;
	width:auto;
	font-size:14px;
	background-color:white;
	cursor:pointer; 
}
.submenu:hover {
	background-color:#CECECE;
}

.menuproductos {
	position: absolute; 
	background-color: white; 
	opacity:0; 
	height: 0px; 
	border: solid 1px gray; 
	border-top: solid 0px gray; 
	overflow:hidden; 
	transition: opacity 0.25s, height 0.25s;
}

#cabeceraventana {
	position:relative; 
	width:100%; 
	min-height:40px; 
	background-color:gray;
}

#tituloventana {
	color:white; 
	padding: 7px; 
	font-size:16px;	
}

.cierraventana {
	position: absolute; 
	right:4px; 
	top: 4px; 
	background-color: white; 
	padding:2px; 
	font-family: arial black; 
	font-weight:bolder; 
	text-align:center; 
	width:25px; font-size:20px; 
	border-radius: 15px; 
	/*border-top-right-radius: 15px; */
	color: red; 
	cursor: pointer;
}

#ventana {
	position: absolute; 
	width: 0px; 
	left: 40%; 
	height: 0px; left: 50%; 
	margin-left: 0px; 
	top: 50%; opacity: 0; 
	background-color: white; 
	overflow: hidden; 
	border-radius: 5px; 
	border-top-right-radius: 18px; 
	box-shadow: 0px 0px 18px #888888; 
	transition: opacity 0.5s, transform 0.5s, left 0.5s;
	transform: rotateY(15deg);
}

#ventana2 {
	position: absolute; 
	width: 0px; 
	height: 0px; left: 50%; 
	margin-left: 0px; 
	top: 50%; opacity: 0; 
	background-color: white;
	overflow: hidden; 
	border-radius: 5px; 
	border-top-right-radius: 18px;
	box-shadow: 0px 0px 18px #888888; 
	z-index: 10; 
	transition: opacity 0.25s;
}


#contenidoventana {
	position: relative; 
	width:100%; 
	background-color:white; 
	overflow-y: auto;
	box-sizing: border-box;
	border-bottom:solid 5px gray;
	border-left:solid 5px gray;
	border-right:solid 5px gray;
}

#nombreventana {
    font-weight:bolder;
    font-size:18px;
}

#precioventana {
	position:relative; 
	font-size:20px;
}

.ofertaestilo {
    position:absolute; 
    left:15px; 
    top:15px; 
    height:25px;
    background-color:yellow; 
    line-height:25px;
    border-radius:5px;
    font-size:18px;
    padding-left:3px;
    padding-right:3px;
}

#entradabusqueda {
	width:150px;
	font-size:14px;
	border:none;
	outline: none;
	padding-left:10px;
	padding:5px;
}

#entradabusqueda2 {
	width:150px;
	font-size:18px;
	border-radius: 15px;
	border:none;
	outline: none;
	padding-left:10px;
	padding:5px;
}

/* width */
/*::-webkit-scrollbar {
  width: 15px;
}*/

/* Track */
/*::-webkit-scrollbar-track {
  background: white; 
}*/
 
/* Handle */
/*::-webkit-scrollbar-thumb {
  background: #FF6600; 
}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
  background: #B45F04; 
}*/

.clasemenu {
	position: relative;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	font-size:20px;
	font-weight:bolder;
	cursor: pointer;
	background-color:white;
	border-bottom:solid 2px gray;
	border-right:solid 2px gray;
	white-space:nowrap;
}

.clasemenu:hover {
	background-color: gray;
	color: white;
}

.marcosubcuadro {
	cursor:pointer;
	padding: 10px;
}

.cuadroproducto {
	padding: 10px;
}

.ncanasta {
	position: absolute; 
	right:-10px; 
	top:-10px; 
	background-color: blue; 
	color:white; 
	font-size:12px; 
	border-radius: 10px; 
	width:20px;
	height:20px;
	line-height: 20px;
	text-align:center;
}

.lcanasta {
	border-radius:0px; 
	height:20px;
	width:20px;
	float:right; 
	padding:5px;
}

.cuadroEntradaProd {
	position:absolute; 
	left:45px;
	padding:5px;
	background-color:gray;
	overflow:hidden;
	width:0px;
	opacity:0;
	transition: all 0.2s;
}

.lpulgar {
	border-radius:0px; 
	height:20px;
	width:20px;
	float:right; 
	padding:5px;
}

.lalmacen {
	font-size:14px;
}

.lcolor {
	border-radius:10px; 
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	font-weight:bolder;
	color:white;
	border:solid 1px #A4A4A4;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.cColor {
	position:absolute; 
	box-sizing: border-box;
	left:0px; 
	opacity:0; 
	bottom:10px; 
	text-align:center; 
	padding:0px; 
	width:100%; 
	height:0px; 
	overflow:hidden; 
	border-radius:5px; 
	background-color:white; 
	box-shadow: 0px 0px 0px 0px #E6E6E6; 
	transition: all 0.5s
}

.nombrecuadro {
	/*padding:5px;*/
	color: #353535;
}

.tablacuadro {
	/*padding:5px; */
	font-size:15px;
}
.preciocuadro {
	text-align:right;
	color: blue;
	font-weight:bolder;	
	font-size:16px;
}

.almacencuadro {
	font-size:14px;
	text-align:right;
}
.tablasocial {
	height:30px;
	/*float:left;*/
}

.tablaenviando {
	position: relative; 
	display: inline-block; 
	width:100%; 
	height:95%; 
	overflow-y:auto; 
	font-size:16px;
	text-align:center;
}

#estiloventana {
	position: relative; 
	/*display: inline-block;*/ 
	width:100%; 
	height:50%; 
	overflow-y:auto; 
	font-size:16px;
	padding:10px;
	box-sizing:border-box;
}

#ord1 {
	position: relative; 
	width: 100%; 
	height: auto; 
	background-color: #E5E5E5;
	text-align: right;
	box-sizing: border-box;
	border-bottom:3px solid gray;
}

#ord1 table {
	position:relative;
	/*float:right;*/
	width: 100%; 
	height:30px;
	border-spacing:0;
	border-collapse: separate;
}

#ord1 table tr td {
	padding: 10px;
	text-align: right;
}

#ord2 {
	position:relative; 
	width:100%; 
	height:60px; 
	overflow:auto;
}

#ord3 {
	position:relative; 
	background-color:#CECECE; 
	height:65px; 
	width:100%; 
	text-align:right;
	padding-right:10px;
	box-sizing: border-box;
	border-top:3px solid gray;
}

#ord3 table {
	position:relative;
	float:right;
	font-size:16px;
	border-spacing:0;
	border-collapse: separate;
}

#ord3 table tr td {
	padding: 2px;
}

#ord4 {
	position:relative; 
	width:100%; 
	height:auto; 
	/*overflow:auto;*/
}

#ord4 table {
	position:relative;
	float:left;
	font-size:16px;
	height:30px;
	border-spacing:0;
	border-collapse: separate;
}

#ord4 table tr td {
	padding: 5px;
}

#ord5 {
	position:relative; 
	width:100%; 
	height:auto; 
	overflow:auto;
}

#tablaorden {
	font-size:14px;
	width:100%;
	border-spacing:0;
	border-collapse: separate;
}

#tablaorden td {
	padding: 5px;
}

.separadorlinea {
	height:1px;
	border-bottom:solid 2px gray;
}

#listadoorden {
	background-color: gray; 
	color: white;
}

.lineaorden {width:50px;}
.orfoto {width:70px;}
.orprecio {width:30px;}
.orimpuesto {width:30px;}
.ortotal {width:30px;}

.botonelimina {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color:red;
	color:white;
	/*border-radius: 15px;*/
	font-weight:bolder;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor: pointer;
}

.terminos {
	position: relative;
	padding-top:3px; padding-bottom:3px;
	width:auto;
	font-size:12px;
	cursor:pointer;
	color: #757575;
	display: inline-block;
}

.noselect {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

#cajafoto {
	position:relative; 
	text-align:center; 
	width:100%; 
	height:auto; 
	text-align:center;
}

#botonagregar {
	position:absolute; 
	top: 5px; 
	font-size:14px;
}

#cintafotos {
	position:relative; text-align:center; width:100%; height:auto;
	overflow:auto;
}

.corre1 {
	position: absolute;
	width:30px;
	height:30px;
	top: 45%;	
	left: 5px;
	padding: 10px;
	font-size:50px;
	font-weight:bolder;
	border-radius: 30px;
	line-height:25px;
	color:gray;	
	background-color:rgba(255, 255, 255, 0.7);
	border:solid 2px gray;
	font-family: Trebuchet MS;
	cursor:pointer;
}

.corre2 {
	position: absolute;
	width:30px;
	height:30px;
	top: 45%;	
	right: 5px;
	padding: 10px;
	font-size:50px;
	font-weight:bolder;
	border-radius: 30px;
	line-height:25px;
	color:gray;	
	background-color:rgba(255, 255, 255, 0.7);
	border:solid 2px gray;
	font-family: Trebuchet MS;
	cursor:pointer;
}

#paginaentera {
	position: absolute; 
	width:100%; 
	height:100%; 
	overflow: hidden; 
	/*background-color: white; */
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 18px #888888;
}

.pie_titulo {
	font-size:16px;
	position: relative;
	padding:10px;
	width:75%;
	border-bottom:solid 1px white;
}
.pie_pieza {
	position: relative;
	padding:5px;
	padding-left:20px;
	font-size:14px;
	color: #A4A4A4;
}

.grupopies {
	position: relative; 
	float: left;
	width: 200px;
}

.cuadro {
	position: relative;
	float:left;
	color:gray;
	font-size:14px;
	opacity: 0;
	height:auto;
	transition: opacity 0.5s;
}

.subcuadro {
	position: relative;
	float:left;
	color: black;
	font-size:14px;
	opacity: 0;
	height:auto;
	transition: opacity 0.5s;
}

.boton {
	position: relative;
	color:white;
	border: none;
	padding-left:3px;
	padding-right:3px;
	text-align: center;
	height: 25px;
	background-color:gray;
	
	line-height: 25px;
	cursor: pointer;
	font-size:12px;
	white-space:nowrap;
	outline:none;
	transition: background 0.5s;
	font-weight: bolder;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

.pboton {
	color:white;
	border: none;
	padding: 5px;
	background-color:gray;
	cursor: pointer;
	font-size:14px;
	white-space:nowrap;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

.rsocial {
	width:30px; 
	height:30px; 
	border-radius:20px; 
	cursor:pointer;
}

.nombrecat {
	position: relative; 
	padding:10px;
}

.totalcat {
	position:absolute; 
	background-color:gray; 
	color:white; 
	top:-25px; 
	right: 5px; 
	width:auto; 
	height:20px; 
	padding-right:6px;
	padding-left:6px;
	border-radius:20px; 
	line-height:20px;
}

.tipofoto {
	text-align:center;
	background-color: white;
}

.tiposubfoto {
	text-align:center;
	background-color: white;
}

.submarco {
	position: relative; 
	border-radius:60px; 
	border:solid 1px #BDBDBD;
	overflow: hidden;
}

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

.marco {
	position: relative; 
	border-radius:5px; 
	border:solid 0px #F5D0A9;
	overflow: hidden;
}

.pMarco {
	position:relative; 
	padding:10px; 
	color:gray; 
	box-shadow: 0px 0px 8px 3px #BDBDBD; 
	border:solid 2px gray;
	font-size:14px;
}

.productomarco {
	padding:10px; 
	border:solid 2px #BDBDBD; 
	border-radius:2px; 
	background-color: white; 
	cursor:pointer;
	transition: background-color 0.25s, border 0.25s;
}

.productomarco:hover {
	/*background-color: #F6E3CE;*/
	border:solid 2px #848484;
}

#fondocat {
	position:relative;
	width: 100%;
	/*background: white url("../../../fotos/otros/catmenu.jpg") no-repeat fixed bottom;
	background-size: 100% auto;*/
}

.minifoto {
	background-color: white;
	border: solid 1px gray;
	width: 100%;
	height: 100%;
	cursor:pointer;
}

.pagtitulo {
	padding:10px; 
	padding-left:30px;
	font-weight:bolder; 
	font-size:16px;
	text-align: left;
	background-color:gray;
	background: linear-gradient(90deg, rgba(119,119,119,1) 0%, rgba(166,166,166,1) 100%);
}

.separador {
	position:relative; 
	width:100%; 
	/*height:3px; 
	background-color:red;*/
}
 
#session {
	position: absolute; 
	height:auto; 
	width:auto; 
	right:10px; 
	top:2px; 
	cursor: pointer;
	font-size:14px;	
	color:white;
	border-radius:5px;
}

#parte1 {
	position: relative;
	float:left;
	background-color:white;
	box-sizing: border-box;
	/*border-left: solid 5px #FF6600;
	border-bottom: solid 5px #FF6600;*/
}

#parte2 {
	position: relative;
	float:left;
	overflow-y:auto; 
	overflow-x:hidden;
	/*background-color: #F6E3CE;*/
	padding:10px; 
	font-size:16px;
	box-sizing: border-box;
	/*border-bottom: solid 5px #FF6600;*/
}

#pie {
	position: absolute; 
	width:100%; height:0px; 
	bottom: 0px; 
	background-color:white; 
	color: white; 
	overflow:hidden; 
	transition: height 0.5s; 
	border-top: solid 0px gray;
}

.anuncio {
	top: 0px;
	position: absolute;
	opacity:0; 
	width: 100%;
	height: 100%;
	transition: opacity 2s; 
	z-index: 0;
}

.contenedor {
  width: 50%;
  position: relative;
  border: solid 1px black;
}

.marcocuadro {
	padding: 10px;
	box-sizing: content-box;
	font-size:16px;
}

.anterior, .siguiente {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.anterior {
  left: 0;
  border-radius: 3px 0 0 3px;
}


.siguiente {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.anterior:hover, .siguiente:hover {
  background-color: rgba(0,0,0,0.8);
}

.puntoanuncio {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .puntoanuncio:hover {
  background-color: #717171;
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .anterior, .siguiente, .text {font-size: 11px}
}

#barradecarga {
	position: relative;
	padding-top: 10px;
	padding-bottom: 20px;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	box-sizing: border-box;
}

.textocarga {
	padding:10px;
	background-color:red;
	color:white;
}

#tablapaginas {
	border-spacing: 8px;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

#tablapaginas td {
	border: solid 2px white;
	padding: 5px;
	width: 30px;
	height: 30px;
	color: white;
	background-color: gray;
	text-align: center;
	cursor: pointer;
}

#paginaactual {
	background-color: red;
}

#minitelon {
	position:absolute; 
	left: 0px; 
	top: 0px; 
	height: 100%; 
	width: 0px; 
	z-index: 10;
	background-color: gray;
	background: rgba(0, 0, 0, 0.3)
}

#minimenu {
	position: relative;
	overflow-y: auto; 
	overflow-x: hidden; 
	height: 100%; 
	width: 0px; 
	background-color: gray; 
	transition: width 0.5s;
}

.tituloespecificaciones {
	color:red;
}

.tablaespecificaciones {
	width:100%;
	padding:15px;
	border-collapse: collapse;
}

.esp1 {width:100px; white-space: nowrap; border: 1px solid #ddd;}
.esp2 {border: 1px solid #ddd;}

#cajafiltro {
	position:relative;
	padding:5px;
	font-size:14px;
	text-align:right;
	width: 100%;
	background-color:#6E6E6E;
	color:white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#selectorden {
	font-size:14px;
	color:#585858;
	padding:5px;
}

#mapid {
	width: 100%; height: 0px;
	transition: height 0.5s;
}

.linknoDec {
	text-decoration: none;
	color:white;
}