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
}

#datoscuerpo {
	background-color:rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 18px #888888; 
}

#paginatotal {
	position: absolute; 
	width:100%; 
	height:100%; 
	overflow: hidden; 
	/*background-color:#D3D3D3;*/
	background-image: linear-gradient(to top, #D3D3D3, white);
	/*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;*/
	background-color:rgba(255, 255, 255, 1);
	z-index: 2; 
	/*transition: height 0.5s;*/
}

#canastita {
	position: absolute; 
	height:auto; 
	width:auto;
	min-width:70px; 
	right:15px; 
	top:5px; 
	padding:0px; 
	text-align:center;
}

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

#numcanasta {
	position: absolute; 
	background-color: blue; 
	top:0px;
	font-size:12px;
	color:white; 
	border-radius: 20px; 
	right:-25px;
	padding:5px;
	/*float:right; 
	margin-left: -5px; */
	width:auto; 
	min-width:15px;
	text-align:center;
}

#cajacarrito {
	/*border-radius:15px; 
	float:right; */
	position:relative;
	padding-bottom: 10px; 
	right:0px;
/*	margin-left:-15px;*/
	width:30px;
	height:30px;
	/*line-height: 30px; 
	background-color:green; */
	font-size:18px; 
	color:white;
}

#logocarrito {
	/*border-radius:15px; 
	float:left; 
	padding:5px; */
	/*background-color:green; */
	position:relative;
	right:5px;
	height:auto; 
	width:auto;
}

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

#cola {
	position: relative; 
	width: 100%; 
	height: auto; 
	background-color:#1C1C1C; 
	color: white;
	background: url("../../../fotos/fondopie.jpg") no-repeat right top;
	/*background-size: 100% auto;
	border:solid 1px black;*/
}

#telon {
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
	height: 0%; 
	width: 100%; 
	overflow: hidden; 
	z-index: 8; 
	opacity:0; 
	background-color: white; 
	transition: opacity 0.25s;
}

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

.menu {
	position: relative;
	padding:10px;
	font-size:14px;
	width:auto;
	cursor:pointer;
	float:left;
	white-space: nowrap;
	/*
	background-color:#3399cc;
	transition: background-color .5s;*/
	
	background-color:green;
	background-size: 0% 100%;
	color:#fff;
	/*display:inline-block;
	outline:none;
	padding:10px 30px;*/
	text-align:center;
	text-decoration:none;
	transition: background-color .5s;
}

.menu:hover {
	background-color:white;
	color: green;
	background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,.7) 100%);
	background-repeat:no-repeat;
	background-size: 200% 100%; 
	transition:background-size 1s, background-color 1s;
}

.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:green;
}

#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: 5px; 
	border-top-right-radius: 15px; 
	color: green; 
	cursor: pointer;
}

#ventana {
	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: 9; 
	transition: opacity 0.25s;
}

#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 green;
	border-left:solid 5px green;
	border-right:solid 5px green;
}

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

#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:18px;
	border:none;
	outline: none;
	padding-left:10px;
	padding:5px;
	border-radius:20px; border:solid 2px green;
}

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

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

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

/* 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 green;
	border-right:solid 2px green;
	white-space:nowrap;
}

.clasemenu:hover {
	background-color: green;
	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-top-right-radius:15px;
	border-bottom-right-radius:15px;
	height:20px;
	width:20px;
	float:right; 
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.lpulgar {
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	height:20px;
	width:20px;
	float:right; 
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;

}

.lalmacen {
	font-size:14px;
}

.nombrecuadro {
	/*padding:5px;*/
}

.tablacuadro {
	/*padding:5px; */
	font-size:15px;
}
.preciocuadro {
	text-align:right;
	color: #0B0B61;
	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;
}

#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;
}

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

#ord3 table tr td {
	text-align:center;
	padding: 5px;
}

#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:16px;
	width:100%;
	border-spacing:0;
	border-collapse: separate;
}

#tablaorden td {
	padding: 5px;
}

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

#listadoorden {
	background-color: green; 
	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;
}

.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.5);
	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: 250px;
}

.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:12px;
	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:green;
	
	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:green;
	cursor: pointer;
	font-size:14px;
	white-space:nowrap;
	border-radius:5px;
	-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:blue; 
	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:5px; 
	border:solid 1px green;
	overflow: hidden;
}

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

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

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

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

#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:15px;
	padding-right:15px;
	font-weight:bolder; 
	font-size:22px;
	text-align: left;
}

.textolinea {
	position: relative;
	border-bottom: solid 1px gray;
	text-align: left;
}

.textotitulo {
	top:7px;
	border-bottom: solid 3px green;
}

.separador {
	position:relative; 
	width:100%; 
	/*height:3px; 
	background-color:red;*/
}
 
#session {
	position: relative; 
	height:auto; 
	width:auto; 
	min-width:30px
	cursor: pointer;
	font-size:16px;	
	/*background-color:green;*/
	padding:5px;
	color:green;
	border-radius:5px;
	cursor:pointer;
}

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

#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 green;*/
}

#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;
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	font-size: 18px;
	color: white;
	background-color: #F0F0F0;
	border: solid 0px #F0F0F0;
	cursor: pointer;
	box-sizing: border-box;
}

#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;
	background-color: gray;
	text-align: center;
	cursor: pointer;
}

#paginaactual {
	background-color: green;
}

#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: green; 
	transition: width 0.5s;
}

.tituloespecificaciones {
	color:red;
}

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

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

#cajafiltro {
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	color:white;
	font-size:14px;
	text-align:center;
	width: 100%;
	background-color:green;
}

.bg {
  animation:slide 50s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:52s;
}

.bg3 {
  animation-duration:55s;
}

/*@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}*/