@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px}

@media only screen and (min-width: 1001px) {
	
	#oferta { position:absolute; left:0; top:0px; padding:5px 10px ; background:#F00; border-radius:5px; color:#FFF; text-align:center;  font-size:13px; z-index:200 }
	
	
#header	 { width:100%; height:80px;   float:left; }
.header	 { width:100%; height:80px;  position:fixed; top:0px; left:0px; z-index:10}

#header2 { width:98vw ; height:50px; margin-left:auto; margin-right:auto;  position:relative }

#logo { height:50px; object-fit:cover; position:absolute; left:0px; top:0px }
#buscar { width:620px; height:50px; border-radius:5px; background:#fff; margin-left:400px; margin-top:15px; border:solid thin #666; }

#header3 { position:absolute; right:20px ; top:0px ; padding:2px; height:50px }

#nombrecliente { font-size:11px; font-weight:700; text-align:end; line-height:15px}


	
	
	#borrarlista { position:absolute ; width:15px; height:15px; border-radius:15px; background:#666; color:#FFF; left:455px ; top:17px; font-size:9px; line-height:15px; border:none; opacity:.8}
	#borrarlista:hover {opacity:1}
	
	#autocomplete { width:450px ; height:20px ; font-size:14px ; color:#333 ; font-weight:400; float:left ; margin-top:15px; border:none; margin-left:10px  }
	
	#botonfiltro { position:absolute; float:left; margin-top:5px;  padding:4px 12px; border-radius:4px; font-size:14px; color:#FFF ; background:#333}
	
	#ubicacion {width:250px ; height:20px ; font-size:16px ; color:#333 ; font-weight:500; float:left ; margin-top:20px; border:none;  }
	
	
	
	::placeholder { color:#999}
		:focus {
outline: 0;
}


#correo {width:400px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC}

#borrarlistacorreo {position:absolute ; right:205px; top:170px; width:15px; height:15px; border-radius:15px; background:#666; color:#FFF;  font-size:9px; line-height:15px; border:none; opacity:.8}


.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto;  }
.autocomplete-suggestion { padding: 10px 5px; font-size: 14px; white-space: nowrap; overflow: hidden;  }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff;  }








#botonbuscar { width:200px ; height:40px ; background:#002A8D ; border-radius:10px ; float:left ; margin-left:20px; color:#fff; font-size:16px; border:none; cursor:pointer; margin-top:10px}

#iconobuscar { width:18px ; height:18px ; filter: grayscale(1); float:left ; margin-top:18px; margin-left:30px; margin-right:20px; object-fit:cover}
	#banner {width:100% ; height:450px ; background:linear-gradient(90deg, rgba(134,30,203,1) 0%, rgba(118,29,253,1) 50%, rgba(207,69,252,1) 100%) ; float:left; position:relative; overflow:hidden}



#menucategorias { width:100% ; height:50px; float:left;  }
#menucategorias1 { width:97vw ; height:50px; margin:0 auto; position:relative  }

#menucategorias2 { width:100% ; float:left; height:15px; font-size:15px; color:#333; font-weight:bold; margin-top:20px; margin-bottom:0px }

.dropdown-content2 {
  display: none;
  position: absolute;
  z-index: 1;
   padding:25px; background:#FFF; border-radius:5px; border: thin solid #666; top:55px; left:0px
}

#myButton2 {float:left; width:200px; line-height:50px;   font-size:13px ; letter-spacing:2px;   font-weight:600; margin-left:20px; text-decoration:none; cursor:pointer; float:left }


#menucategorias3 { padding: 5px; font-size:14px; color:#000; margin-right:10px; float:left; text-decoration:none}
#menucategorias3:hover { border-radius:5px; background: #F1F1F1; color:#333}

#menucategorias3 font { font-size:5px; padding:5px  }


#costoenvio { font-size:15px; letter-spacing:2px; width:900px ; text-align:center ; height:15px; border-left: solid #FFF  thin ; margin-top:15px; float:left}





	#fomulario2 { width:440px ; height:460px ; margin-top:0px; margin-left:auto ; margin-right:auto; padding-left:20px;  padding-top:30px; }
    
    	#inputtipo2 { width:440px; height:40px; float:left; margin-top:30px; text-align:center; font-size:14px; font-weight:500}
	
    	#inputtipo1 #letero1 { width:300px ; height:20px; font-size:14px ; font-weight:500; color:#333;  }
	#inputtipo1 #inputa { width:400px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC }
	
#ojo { padding:10px 8px ; margin-top:1px; background:#333; color:#FFF; float:left; margin-left:10px; cursor:pointer ; border-radius:5px; letter-spacing:-1px ; font-weight:500}
	#ojo:hover { opacity:0.8}
	
	#inputtipo1 #inputd { width:320px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC; float:left;   }
	
	#inputtipo1 #inputdx { width:320px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC; float:left;   }
	
	#inputtipo1 #inputdx2 { width:320px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC; float:left;   }
   
    	#inputtipo1 #letero1 { width:300px ; height:20px; font-size:14px ; font-weight:500; color:#333;  }

#letero2 { width:100% ; height:20px; font-size:20px ; font-weight:500; color:#333; text-align:center; float:left; margin-bottom:30px   }
	#inputtipo1 { width:400px; height:90px; float:left; margin-right:30px}


  #botoncrear2 { padding:10px 30px ; background:#541168; color:#FFF; border-radius:5px ; font-weight:500; float:left; margin-left:130px  }


	#boton1 { float:left; border-radius:5px ; padding:5px 20px ; font-size:14px ;  color:#333; text-align:center; font-weight:600; margin-left:20px; text-decoration:none}



.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
   width:200px; padding:20px; background:#FFF; border-radius:5px; border: thin solid #666; top:65px; right:90px
}


#botonesmicuenta1 { width:160px; float:left; font-size:16px; margin-bottom:20px ; color:#333;}




#myButton {float:left; border-radius:5px ; padding:5px 15px ; font-size:12px ;  text-align:center; font-weight:500; margin-left:20px; text-decoration:none; }



	#boton2 {float:left; border-radius:5px ; padding:5px 15px ; font-size:12px ;  text-align:center; font-weight:500; margin-left:20px; text-decoration:none; cursor:pointer ; text-decoration:none}
	
	#boton2 span { padding:4px; text-align:center; height:30px; width:30px; background:#000; color:#FFF; border-radius:30px; font-size:13px; }

#boton2  img { width:25px; object-fit:cover; margin-right:5px}


#boton3 {float:left; border-radius:5px ; padding:5px 45px ; text-indent:15px; font-size:14px ;  text-align:center; font-weight:600; margin-left:10px;  cursor:pointer ; border: thin solid #999; background: #FFF; background-image: url(../imagenes/varios/carrito-de-compras.png); background-repeat:no-repeat; background-position:15% 45% ; background-size:18px; margin-top:10px }

	#boton4, #mySelect {float: right; border-radius:5px ; min-width: 100px; max-width:180px;padding:5px 10px ; font-size:14px ;  text-align:center; font-weight:600; margin-left:10px; text-decoration:none; cursor:pointer ; text-decoration:none}


.mySelect {float:left; border-radius:5px ; padding:5px 10px ; min-width: 100px; max-width:100px; font-size:13px ;  text-align:center; font-weight:600; margin-left:10px; text-decoration:none; cursor:pointer ; text-decoration:none}


.opciones {
	
  display: flex;
  flex-direction: row; margin-left:10px 
  
}

label {
  display: block;
  margin-right: 5px;
  padding: 1px;
  border: 2px solid #ccc; height:30px; width:30px; border-radius:5px
}

label.brillo {
  border: 2px solid rgba(255,239,20,1);
  
  box-shadow: 0px 0px 5px 0px rgba(255,239,20,1);
}

.modal-content #close { font-size:34px; border:none;  background:none; margin-left:730px;  color:#F00; opacity:1 ; width:34px ; height:34px; text-shadow:none;}
	.modal-content { width:800px}

#fotoproductolist { width:90px; height:90px; object-fit:cover; margin:10px; float:left}
#inputtable { width:50px; height:40px; text-align:center; padding:4px; font-size:14px; font-weight:600; border-radius:2px}

/* aAREA DE PRODUCTO */
	
	#cuerpoproducto { width:900px; height:240px; margin-left:auto; margin-right:auto ; background:#fff; border-radius:5px; border:thin solid #CCC }
	#fotoproducto { width:180px; height:180px; object-fit:cover; margin:10px; float:left}
	#datosproducto { width:480px ; height:210px;  float:left; margin-top:20px; margin-right:10px; border-right:thin solid #999}
	
	#datosproducto1 { width:460px ; font-size:18px; font-weight:700; line-height:17px; margin-bottom:15px} 
	#datosproducto2 { width:460px ; font-size:18px; font-weight:500; line-height:17px; margin-bottom:15px}
	#datosproducto2 font { padding:2px 10px; border-radius:3px;}
	#botonesproducto { width: 200px; height:220px;  float:left; margin-top:10px; }
	
	#botonesproducto1 { width:195px; font-size:14px; text-align:center ; background:#069; color:#FFF; padding:7px 4px; border-radius:5px; height:35px; margin-top:10px; float:left; text-decoration:none}
	
	
	
	
	
	
	
	#tablabotonesproducto { width:180px; margin-left:10px; margin-top:20px }
	
	#tablabotonesproducto  td{ font-size:14px; color:#333; font-weight:bold }
	#tablabotonesproducto tr { height:36px}
	
	
	
	#cajacolor { width:800px; height:100px; background: #CC0; margin-left:auto; margin-right:auto}
	#cajacolor p { width:100% ; height:30px; font-size:18px; color:#333;  font-weight:500; float:left}
	#cajacolor1 {width:800px; height:40px; float:left }
	
	
	
	
	
	
	#colorprodcuto1, #colorprodcuto2,#colorprodcuto3, #colorprodcuto4, #colorprodcuto5, #colorprodcuto6 { width:40px; height:40px ; float:left; margin-right:20px}
	#colorprodcuto1nombre { width:300px ; height:40px; padding:5px; float:left ; margin-right:20px; border-radius:5px}
	#limpiarcolor { width:40px; height:40px; font-size:10px; text-align:center; text-decoration:none ; color:#F00 ; font-weight:bold; float:left; cursor:pointer; line-height:9px; padding-top:10px; margin-right:30px }
	
	
	
	
	
	
	
	
	#guardarprodcuto { position:fixed; right:40px; bottom:50px; border-radius:10px; height:40px; text-align:center; font-size:12px; background:#069; color:#FFF; padding:3px 10px}
	
	#guardarprodcuto:hover {box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);}





#table { width:700px; padding:20px 0px}




#procesarpro {font-size:14px;  padding:7px 9px; border-radius:4px; color:#FFF; background:#333; margin-top:20px; }









#elimnarpro { font-size:20px; color:#F00; text-decoration: none;  text-align:center }








#cuerpo {width:100%; padding-top:50px; padding-bottom:1px; background: #FDFDFD ; float:left; overflow:hidden}



#bannerspublicidadlargo { width:100%; height:100px; float:left}
#bannerspublicidadlargo1 { width:98.9vw; height:100px; object-fit:cover; margin-left:auto; margin-right:auto}

#clasifica { width:1000px; height:40px;   margin-left:auto; margin-right:auto ; margin-bottom:40px;  }

#clasifica1 { font-size:16px ; font-weight:600 ; text-decoration:none; padding:5px; float:left}



#select1, #select2 { font-size:16px; color:#333; padding:5px; border-radius:4px; border:thin solid #333; float:right}


#cuerpocontent { width:1265px;  padding-top:1px; padding-bottom:1px;  min-height:800px;   margin-left:auto; margin-right:auto }


#condiciones { width:800px; font-size:14px; font-weight:600; color:#333; padding:15px 20px ; border-radius:10px; margin-top:50px; margin-right:auto; margin-left:auto}



#cuerpoa { min-height:400px; max-height:9999999999px; background:#fff; width:833px; float:left;   }


#cuerpoa1 { padding:25px; font-size:16px; color:#333; background:#fff;  float:left; margin-top:40px }


#cuerpob { height:400px; width:400px; background:#FFF; float:left; margin-left:30px; padding:20px; border-radius:10px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }


.cuerpob { height:400px; width:400px; background:#FFF; position:fixed;  right:8%; top:100px;   padding:40px 20px; border-radius:10px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }


#cuerpoc { display:none}

.cuerpoc { display:none}

#cuerpob1  { font-size:20px; line-height:19px; margin-bottom:10px; font-weight:600}
#cuerpob4 {font-size:12px; letter-spacing:3px; margin-bottom:5px; font-weight: 600; color:#fff; padding:2px 6px ; background:#F00; text-align:center; border-radius:3px; width:100px}
#cuerpob2 {font-size:23px; margin-bottom:2px; font-weight: bold; color:#F00}
#cuerpob2 font {font-size:16px; margin-bottom:5px; font-weight:400; color:#666; text-decoration:line-through}
#cuerpob5 {font-size:16px; margin-bottom:5px; font-weight:500; color: #0C3; width:340px }
#cuerpob6 {font-size:18px; margin-bottom:5px; font-weight:600; color: #333 }
#cuerpob7 { margin-bottom:5px;   height:50px; margin-top:10px;  background:#FF0 }
#cuerpob8 {font-size:14px; margin-bottom:5px; font-weight:500; color: #333; width:340px}
#colorstock { width:30px; height:30px ; border-radius:3px; float:left; margin-right:10px ; border:thin solid #CCC}








#cuerpo2 { width:99%; float:left; height:450px;  margin-top:40px; }

#indetex {width:100%; float:left; margin-top:20px; font-size:26px ; color:#333; text-align:center; font-weight:bold  }

#cajaclasificacion { width:100%; float:left; margin-top:20px}



  
  #cajaclasificacion1 {
  min-width: 600px;
  max-width: 1300px; 
  display: flex;
  justify-content: center;  /* Alineación horizontal */
  align-items: center; /* Alineación vertical */
  margin: 0 auto; /* Centrar horizontalmente */
  
}




#cajaclasificacion2 {
  width: 300px;
  height: 400px;
  float: left;
  position: relative;
  border-radius: 10px;
  margin-right: 10px;
  margin-left: 10px;
  transition: transform 0.3s ease;
}

#cajaclasificacion2:hover {
  transform: scale(0.95); /* Reduce un 5% el tamaño en hover */
}

#cajaclasificacion3 {  height:400px;width:300px; object-fit:cover; border-radius:10px}


#cajaclasificacion4 { position:absolute; width:250px; font-size:22px; line-height:21px; text-align:center; color:#FFF; font-weight:bold; top:200px;text-shadow: 0px 3px 8px #532416; left:50%; transform: translate(-50%, 0);text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}















	#footer {width:100%; height:240px;  float:left; padding-top:40px; background:#333; margin-top:50px}
	
	#footer1 {width:1310px; height:160px ; margin-left:auto; margin-right:auto}
	#footer1 tr { height:28px ; font-size:14px; line-height:13px}
	#footer2 font  { font-size:22px;font-weight:600 ; line-height:21px}
	#footer4 a { text-decoration:none; color:#333}
	#footer3 a { text-decoration:none; color:#333}
	
	#footer2, #footer3, #footer4 ,#footer5 { width:325px; height:160px ; float:left; color:#333; }
	
	
	#pieimagen { width:35px; margin-right:10px; margin-top:10px;  }
	#pieimagen:hover { width:33px}
	
	
	#piesolgan { width:100% ; height:50px; float:left; background: #333}
	#piesolgan1 { width:1300px ; height:50px; margin:0 auto; border-top: thin solid #CCC}
	#piesolgan2 { width:300px; margin-left:1000px; text-decoration:none; color:#CCC; text-align: right; padding-top:10px; float:left}
}


@media only screen and (max-width: 1000px) {
	#oferta { position:absolute; left:0; top:0px; padding:13px 30px ; background:#F00; border-radius:15px; color:#FFF; text-align:center;  font-size:39px; z-index:200 }
	
	
	
	#indetex {width:100%; float:left; margin-top:80px; font-size:50px ; color:#333; text-align:center; font-weight:bold  }

	
	#cajaclasificacion { width:1000px; float:left; margin-top:100px}


#cajaclasificacion1 { width:900px; margin-left:70px; padding-top:0px; padding-bottom:0px; background:#FF0}



#cajaclasificacion2 { width:400px; height:500px; float:left; position:relative; border-radius:20px;  margin-right:50px; margin-bottom:50px}


#cajaclasificacion3 {  height:500px;width:400px; object-fit:cover; border-radius:20px}


#cajaclasificacion4 { position:absolute; width:370px; font-size:45px; line-height:40px; text-align:center; color:#FFF; font-weight:bold; top:200px;text-shadow: 0px 6px 16px #532416; left:50%; transform: translate(-50%, 0);text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}


	
	
	#header	 { width:1000px; height:370px;   float:left; border: dashed thin #666}
.header	 { width:1000px; height:370px;  position:fixed; top:0px; left:0px; z-index:10}
	
	#logo { height:90px; object-fit:cover; position:absolute; left:20px; top:80px;  }
	#buscar { width:900px; height:100px; border-radius:10px; background:#fff; margin-left:50px; margin-top:200px; border:solid thin #666}
	
	#iconobuscar { display:none}
	
	
	#borrarlista { position:absolute ; width:45px; height:45px; border-radius:45px; background:#666; color:#FFF; left:75px ; top:230px; font-size:35px; line-height:40px; border:none; opacity:.8}
	
	
	#autocomplete { width:700px ; height:80px ; font-size:30px ; color:#333 ; font-weight:400; float:left ; margin-top:15px; border:none; margin-left:90px ; letter-spacing:-1px }
	
	
	
	
.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto;  }
.autocomplete-suggestion { padding: 25px 10px; font-size: 29px; letter-spacing:-1px; white-space: nowrap; overflow: hidden;  }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff;  }

		::placeholder { color:#999}
		:focus {
outline: 0;
}
	
	
	
	#botonfiltro { position:absolute; top:220px; right:50px; padding:8px 24px; border-radius:10px; font-size:28px; color:#FFF ; background:#333}
	
	
	#header3 { position:absolute; right:20px ; top:60px ; padding:2px; height:50px }
	
	#nombrecliente { font-size:11px; font-weight:700; text-align:end; line-height:15px}


		#boton2 {float:left; border-radius:10px ; padding:18px 30px ; font-size:29px ;  text-align:center; font-weight:600; margin-left:20px; text-decoration:none; cursor:pointer ; text-decoration:none ; }
	
	#boton2 span { padding:8px 12px; margin-left:10px; text-align:center; height:60px; width:60px; background:#000; color:#FFF; border-radius:60px; font-size:30px}

#boton2  img { width:60px; object-fit:cover}

#boton2 font {display:none}

	#myButton {float:left; border-radius:10px ; padding:18px 30px ; font-size:29px ;  text-align:center; font-weight:600; margin-left:30px; text-decoration:none; cursor:pointer ;  }
	
	#myButton font { display:none}
	
.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
   width:380px; padding:50px 20px; background:#FFF; border-radius:5px; border: thin solid #666; top:120px; right:5px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}

#nombrecliente { font-size:22px; font-weight:700; text-align:end; line-height:30px}


#botonesmicuenta1 { width:340px; float:left; font-size:35px; margin-bottom:50px ; color:#333;}



#fomulario2 { width:600px;height:1060px ; margin-top:0px; margin-left:auto ; margin-right:auto;   padding-top:30px;  }


	#inputtipo1 { width:600px; height:160px; float:left; margin-bottom:40px; }

#inputtipo1 #letero1 { width:580px ; height:50px; font-size:30px ; font-weight:500; color:#333;  }
	#inputtipo1 #inputa { width:600px; height:100px; border-radius:10px; font-size:30px ; padding:15px; color:#666; border: 2px solid #CCC }
	
	#letero2 { width:100% ; height:40px; font-size:40px ; font-weight:500; color:#333; text-align:center; float:left; margin-bottom:60px   }

#inputtipo1 #resultado { font-size:24px}

#borrarlistacorreo {position:absolute ; right:115px; top:320px; width:40px; height:40px; border-radius:40px; background:#666; color:#FFF;  font-size:35px; line-height:40px; border:none; opacity:.8}


#ojo { padding:30px 20px ; font-size:28px; margin-top:1px; background:#333; color:#FFF; float:left; margin-left:20px; cursor:pointer ; border-radius:10px; letter-spacing:-1px ; font-weight:500}
	#ojo:hover { opacity:0.8}
	
	#inputtipo1 #inputd { width:430px; height:100px; border-radius:10px; font-size:30px ; padding:15px; color:#666; border: thin solid #CCC; float:left;   }
	
	#inputtipo1 #inputdx { width:430px; height:100px; border-radius:10px; font-size:30px ; padding:15px; color:#666; border: 2px solid #CCC; float:left;   }
	
	#inputtipo1 #inputdx2 { width:430px; height:100px; border-radius:10px; font-size:30px ; padding:15px; color:#666; border: 2px solid #CCC; float:left;   }
	
	
	#inputtipo2 { width:600px; height:40px; float:left; margin-top:60px; text-align:center; font-size:32px; font-weight:500}
.modal-content #close { font-size:70px; border:none;  background:none; margin-left:680px;  color:#F00; opacity:1 ; width:70px ; height:70px; text-shadow:none;}

.modal-content { width:800px; left:50%; top:150px; transform:translate(-50%,0px); padding-bottom:40px}






 #botoncrear2 { padding:20px 60px ; background:#541168; color:#FFF; border-radius:10px ; font-weight:500; float:left; margin-left:130px; font-size:30px; margin-top:30px  }


#correo {width:600px; height:100px; border-radius:10px; font-size:30px ; padding:15px; color:#666; border: thin solid #CCC}

#bannerspublicidadlargo { width:1000px; height:160px; float:left; overflow:hidden}
#bannerspublicidadlargo1 { width:102vw; height:160px;  object-fit:cover; margin-left:auto; margin-right:auto}
#cuerpo {width:1000px; padding-top:50px; padding-bottom:1px; background: #FDFDFD ; float:left}


#cuerpocontent { width:1000px;  padding-top:1px; padding-bottom:1px;  min-height:800px;   margin-left:auto; margin-right:auto }

#clasifica { width:900px; min-height:80px; max-height:200px;    margin-left:auto; margin-right:auto ; margin-bottom:80px; margin-top:60px  }

#clasifica1 { font-size:26px ; font-weight:600 ; text-decoration:none; padding:5px; float:left; margin-bottom:40px}



#select1, #select2 { font-size:25px; color:#333; padding:15px 10px; border-radius:4px; border:thin solid #333; float:right; background:#FFF}



/* aAREA DE PRODUCTO */
	
	#cuerpoproducto { width:900px; max-height:770px; min-height:470px; margin-left:50px ; background:#fff; border-radius:15px; border:thin solid #CCC; margin-top:30px; float:left; padding-bottom:30px }

#fotoproducto { width:300px; height:300px; object-fit:cover; margin:20px; float:left}

#datosproducto { width:520px ;    float:left; margin-top:40px; margin-bottom:20px; margin-right:10px; }
	

#datosproducto1 { width:100% ; font-size:34px; font-weight:700; line-height:35px; margin-bottom:30px} 
	#datosproducto2 { width:100%  ; font-size:30px; font-weight:500; line-height:30px; margin-bottom:20px}
	#datosproducto2 font { padding:4px 14px; border-radius:6px;}
	
	
	
	#botonesproducto { width: 520px;  float:left; margin-top:0px; padding-left:0px;  }
	
	#botonesproducto1 { width:195px; font-size:14px; text-align:center ; color:#FFF; padding:7px 4px; border-radius:5px; height:35px; margin-top:10px; float:left; text-decoration:none}
	



#tablabotonesproducto { width:550px;   }
	#tablabotonesproducto tr { height:90px; font-size:29px; letter-spacing:1px}


#boton4, #mySelect { float:right; border-radius:5px ; min-width: 300px; max-width:340px;padding:15px 20px ; font-size:32px ;  text-align:center; font-weight:400;  text-decoration:none; cursor:pointer ; text-decoration:none; background:#FFF}


.mySelect {float:right; border-radius:5px ; padding:15px 20px ; min-width: 300px; max-width:340px; font-size:32px ;  text-align:center; font-weight:400; text-decoration:none; cursor:pointer ; text-decoration:none; background:#FFF}

.opciones {
	
  display: flex;
  flex-direction: row; margin-left:0px 
  
}

label {
  display: block;
  margin-right: 35px;
  padding: 1px;
  border: 4px solid #ccc; height:60px; width:80px; border-radius:10px
}

label.brillo {
  border: 4px solid rgba(255,239,20,1);
  
  box-shadow: 0px 0px 25px 0px rgba(255,239,20,1);
}





#boton3 {float:left; border-radius:10px ; padding:30px 92px ; letter-spacing:2px; text-indent:40px; font-size:28px ;  text-align:center; font-weight:600; margin-left:0px;  cursor:pointer ; border: thin solid #999; background: #FFF; background-image: url(../imagenes/varios/carrito-de-compras.png); background-repeat:no-repeat; background-position:15% 45% ; background-size:36px; margin-top:40px; margin-left:135px }









#cuerpoa { min-height:400px; max-height:9999999999px; background:#fff; width:950px; margin-left:25px; float:left; border:2px dashed #CCCCCC;  }


#cuerpoa1 { width:920px; padding:40px; margin-left:10px; font-size:35px; line-height:37px; color:#666; background:#fff;  float:left; margin-top:40px }


#cuerpoc { height:900px; width:946px; background:#FFF; float:left; margin-left:0px; padding:50px 40px; border-bottom: solid 1px #999; border-top: solid 1px #999 }



#cuerpob { display:none }
.cuerpob { display:none }


#cuerpob1  { font-size:44px; margin-bottom:40px; font-weight:600}
#cuerpob4 {font-size:32px; margin-bottom:10px; font-weight:500; color:#666}
#cuerpob2 {font-size:60px; margin-bottom:4px; font-weight: bold; color:#F00}
#cuerpob2 font {font-size:32px; margin-bottom:10px; font-weight:400; color:#666; text-decoration:line-through}


#cuerpob5 {font-size:32px; margin-bottom:10px; font-weight:500; color: #0C3 }
#cuerpob6 {font-size:36px; margin-bottom:10px; font-weight:600; color: #333 }
#cuerpob7 { margin-bottom:10px;   height:100px; margin-top:20px;  }
#cuerpob8 {font-size:27px; margin-bottom:10px; font-weight:500; color: #333; width:800px }

#colorstock { width:60px; height:60px ; border-radius:10px; float:left; margin-right:20px ; border:thin solid #CCC}

#table { width:750px; padding:20px 0px}

#fotoproductolist { width:90px; height:90px; object-fit:cover; margin:10px; float:left}

#inputtable { width:90px; height:60px; text-align:center; background:#FFF; padding:8px; font-size:33px; font-weight:500; border-radius:4px; margin-right:40px; margin-left:40px}


#tablaname { width:350px; padding-right:10px; color:#666;  font-size:29px; line-height:29px; letter-spacing:-1px;}

#tablaname font { padding:6px 15px; border-radius:4px; font-weight:600 }


#tablaname1 { height:250px ; border-bottom: thin #CCC solid}

#elimnarpro { font-size:40px; color:#F00; text-decoration: none; width:140px; text-align:center }
#tablaname3 { font-size:27px; color:#333; font-weight:600; margin-right:40px; width:250px; text-align:center}

#procesarpro {font-size:24px; letter-spacing:-1px; padding:18px 18px; border-radius:4px; color:#FFF; background:#333; margin-top:20px; float:left}


#cuerpo2 { width:1000px; float:left; height:900px;  margin-top:80px; }









	#footer {width:1000px; height:1340px;  float:left; padding-top:100px; background:#333; margin-top:150px}
	
	#footer1 {width:900px; height:1120px ; margin-left:auto; margin-right:auto ; }
	#footer1 tr { height:60px ; font-size:30px; line-height:40px}
	#footer2 font  { font-size:50px;font-weight:600 ; line-height:50px}
	#footer4 a { text-decoration:none; color:#333}
	#footer3 a { text-decoration:none; color:#333}
	#footer2 { width:900px; height:300px ; float:left; color:#333;}
	 #footer5 { width:900px; height:400px ; float:left; color:#333;  }
	 #footer3, #footer4 { width:446px; height:400px ; float:left; color:#333; }
	 
	 
	 
	#pieimagen { width:80px; margin-right:20px; margin-top:50px;  }
	#pieimagen:hover { width:75px}
	
	
	
	#piesolgan { width:1000px ; height:100px; float:left; background: #333}
	#piesolgan1 { width:900px ; height:100px; margin:0 auto; border-top: thin solid #CCC}
	#piesolgan2 { width:700px; margin-left:200px; text-decoration:none; color:#CCC; text-align: right; padding-top:20px; float:left; font-size:30px}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

#costoenvio { font-size:25px; width:600px ; text-align:center ; margin-top:30px; height:25px; border-left: solid #FFF  thin; float:left}


#menucategorias { width:1000px ; height:100px; float:left;  }
#menucategorias1 { width:97vw ; height:100px; margin:0 auto; position:relative  }

#menucategorias2 { width:100% ; float:left; height:33px; font-size:33px; color:#333; font-weight:bold; margin-top:40px; margin-bottom:30px }

.dropdown-content2 {
  display: none;
  position: absolute;
  z-index: 1;
   padding:50px 25px; background:#FFF; border-radius:5px; border: thin solid #666; top:110px; left:0px
}

#myButton2 {float:left; width:300px; line-height:100px;   font-size:28px ;   font-weight:600; margin-left:20px; text-decoration:none; cursor:pointer; float:left }


#menucategorias3 { padding: 10px; font-size:30px; width:46%; color:#000; margin-right:20px; float:left; text-decoration:none}
#menucategorias3:hover { border-radius:10px; background: #F1F1F1; color:#333}

#menucategorias3 font { font-size:10px; padding:10px  }


#condiciones { width:900px; font-size:28px; font-weight:600; color:#333; padding:30px 40px ; border-radius:10px; margin-top:50px; margin-right:auto; margin-left:auto}



	
	}