.productoBasicoImagenYFondo {font-size: 20px;display: inline-table; width:250px;text-align:center;background-size: auto 60%,100%;background-position: center,center;background-repeat:no-repeat,no-repeat;}
.productoBasicoImagenYFondo tr:nth-child(1) {height:125px;vertical-align:top}
.productoBasicoImagenYFondo tr:nth-child(2) {height:125px;vertical-align:bottom;}
.productoBasicoImagenYFondo tr div {width:90%;margin:0px auto;}
.productoBasicoImagenYFondo tr:nth-child(1) div span{color:rgb(0, 0, 0); font-size: 25px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoImagenYFondo tr:nth-child(2) div span{color:rgb(255, 255, 255); font-size: 23px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}

.productoBasicoImagenEsFondo {font-size: 20px;display: inline-table;width:250px;text-align:center;background-size: cover;background-position: center;}
.productoBasicoImagenEsFondo tr:nth-child(1) {height:125px;vertical-align:top}
.productoBasicoImagenEsFondo tr:nth-child(2) {height:125px;vertical-align:bottom;}
.productoBasicoImagenEsFondo tr div {width:90%;margin:0px auto;}
.productoBasicoImagenEsFondo tr:nth-child(1) div span {color:rgb(255, 255, 255); font-size: 25px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoImagenEsFondo tr:nth-child(2) div span {color:rgb(255, 255, 255); font-size: 23px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}

.productoBasicoDescripcionImagenYFondo  {font-size: 20px;display: inline-table;width:300px;text-align:center;background-size: auto 80%,100%;background-position: center,center;background-repeat:no-repeat,no-repeat;}
.productoBasicoDescripcionImagenYFondo tr:nth-child(1) {height:150px;vertical-align:top}
.productoBasicoDescripcionImagenYFondo tr:nth-child(2) {height:150px;vertical-align:bottom}
.productoBasicoDescripcionImagenYFondo tr div {width:85%;margin:0px auto;}
.productoBasicoDescripcionImagenYFondo tr:nth-child(1) div span {color:rgb(255, 255, 255); font-size: 25px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoDescripcionImagenYFondo tr:nth-child(2) div:nth-child(1) span {color:rgb(255,255 ,255 ); font-size: 20px; font-family:"Times New Roman", Times, serif;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoDescripcionImagenYFondo tr:nth-child(2) div:nth-child(2) span {color:rgb(255, 255, 255); font-size: 25px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}

.productoBasicoDescripcionImagenEsFondo  {font-size: 20px;display: inline-table; height:300; width:300px;text-align:center;background-size: cover;background-position: center;}
.productoBasicoDescripcionImagenEsFondo tr:nth-child(1) {height:150px;vertical-align:top}
.productoBasicoDescripcionImagenEsFondo tr:nth-child(2) {height:150px;vertical-align:bottom}
.productoBasicoDescripcionImagenEsFondo tr div {width:90%;margin:0px auto;}
.productoBasicoDescripcionImagenEsFondo tr:nth-child(1) div span {color:rgb(255, 255, 255); font-size: 35px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoDescripcionImagenEsFondo tr:nth-child(2) div:nth-child(1) span {color:rgb(255,255 ,255 ); font-size: 20px; font-family:"Times New Roman", Times, serif;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoDescripcionImagenEsFondo tr:nth-child(2) div:nth-child(2) span {color:rgb(255, 255, 255); font-size: 25px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}

.productoBasicoDescripcionPedidoImagenYFondo  {font-size: 15px;display: inline-table; height:400px; width:400px;text-align:center;background-size: auto 75%,100%;background-position: center,center;background-repeat:no-repeat,no-repeat;}
.productoBasicoDescripcionPedidoImagenYFondo tr:nth-child(1) {height:200px;vertical-align:top}
.productoBasicoDescripcionPedidoImagenYFondo tr:nth-child(2) {height:200px;vertical-align:bottom}
.productoBasicoDescripcionPedidoImagenYFondo tr div {width:85%;margin:0px auto;}
.productoBasicoDescripcionPedidoImagenYFondo tr:nth-child(1) div span {color:rgb(255,255, 255); font-size: 35px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoDescripcionPedidoImagenYFondo tr:nth-child(2) div:nth-child(1) span {color:rgb(255,255 ,255 ); font-size: 20px; font-family:"Times New Roman", Times, serif;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoDescripcionPedidoImagenYFondo tr:nth-child(2) div:nth-child(2) span  {position:relative;top:-20px;left:30px;color:rgb(0, 0, 0); font-size: 25px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoDescripcionPedidoImagenYFondo img {position:relative;top:3px;left:30px;width:80px; }




.productoBasicoDescripcionPedidoImagenEsFondo  {font-size: 10px;display: inline-table; height:300px; width:300px;text-align:center;background-size: cover;background-position: center;background-repeat: no-repeat;}
.productoBasicoDescripcionPedidoImagenEsFondo tr:nth-child(1) {height:150px;vertical-align:top}
.productoBasicoDescripcionPedidoImagenEsFondo tr:nth-child(2) {height:150px;vertical-align:bottom}
.productoBasicoDescripcionPedidoImagenEsFondo tr div {width:85%;margin:0px auto;}
.productoBasicoDescripcionPedidoImagenEsFondo tr:nth-child(1) div span {color:rgb(255,255, 255); font-size: 25px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoDescripcionPedidoImagenEsFondo tr:nth-child(2) div:nth-child(1) span {color:rgb(255,255 ,255 ); font-size: 15px; font-family:"Times New Roman", Times, serif;text-shadow:0 0 5px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoDescripcionPedidoImagenEsFondo tr:nth-child(2) div:nth-child(2) span  {color:rgb(0, 0, 0); font-size: 25px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1);}
.productoBasicoDescripcionPedidoImagenEsFondo img {position:relative;top:3px;left:150px; width:100px; }
@media (max-width: 1080px){
	.productoBasicoDescripcionPedidoImagenEsFondo tr:nth-child(2) div:nth-child(1) span { font-size: 20px; }
    .productoBasicoDescripcionPedidoImagenEsFondo tr:nth-child(2) div:nth-child(2) span { font-size: 35px; }

	
}
 
.negocioSimple {font-size: 10px;display: inline-table; height:300px; width:300px;text-align:center;background-size: cover;background-position: center;}
.negocioSimple tr:nth-child(1) {height:30px;background-color: rgb(0,0, 0);}
.negocioSimple tr:nth-child(2) {height:95px;}
.negocioSimple tr:nth-child(3) {height:40px;background-color: rgb(22,255, 255);}
.negocioSimple tr:nth-child(4) {height:20px;background-color: rgb(255,33, 255);}

.negocioSimple tr:nth-child(1) td   {}
.negocioSimple tr:nth-child(2) td   {}
.negocioSimple tr:nth-child(3) td   {}
.negocioSimple tr:nth-child(4) td   {}

.negocioSimple tr:nth-child(1) td div {height:40px;}
.negocioSimple tr:nth-child(2) td div {height:190px;}
.negocioSimple tr:nth-child(3) td div {height:40px;}
.negocioSimple tr:nth-child(4) td div {height:30px;}

.negocioSimple tr:nth-child(1) td div span {color:rgb(255,255, 255); font-size: 40px; font-family:'Arial', cursive;}
.negocioSimple tr:nth-child(2) td div span {color:rgb(255,255, 0);   font-size: 25px; font-family:'Arial', cursive;}
.negocioSimple tr:nth-child(3) td div span {display: inline;color:rgb(255,0, 255);   font-size: 15px; font-family:'Arial', cursive;}
.negocioSimple tr:nth-child(4) td div span {color:rgb(0,255, 255);   font-size: 25px; font-family:'Arial', cursive;}



  
 
 
 
 
 .paneldetallesfondo{z-index:9000; background-color: rgba(0,0,0,.8);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;pointer-events:none;transition: all 1s;}
.paneldetallesventana{z-index:9000;background-color:black;width:1057px;height:500px;margin:auto auto auto auto;border:5px solid black;}
.paneldetallesventanalibro{z-index:9000;background-color:black;width:890px;height:500px;margin:auto auto auto auto;border:5px solid black;}

.paneldetallesizquierda{display:inline-table;width:500px;height:500px;background-size:cover;background-position:center; }
.paneldetallesizquierdalibro{display:inline-table;width:330px;height:500px;background-size:contain;background-position:center;background-repeat: no-repeat; }
.subdivision{height:250px}
.acopladobajo{width:500px}
.barracerrar{width:40px;height:40px;margin:auto auto 0 0;background-size:cover;background-position:center;font-size:40px; }
.barraprecio{display:inline-flex;width:350px;height:100px;}
.barrapreciolibros{display:inline-flex;width:210px;height:100px;}
.barraprecio span{margin: auto auto auto auto;}
.barrapreciolibros span{margin: auto auto auto auto;}
.barrapedido{display:inline-flex;float:right;width:100px;height:100px;background-size:cover;background-position:center;text-align:center;}
.barrapedido span{margin: auto auto auto auto;font-size:20px;color:white;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}
.barracarrito{display:inline;float:right;width:100px;height:100px;background-color:white;}

.paneldetallescentro{display:inline-table;width:400px;height:500px; }
.barratitulo{width:400px;   }
.barradescripcion{width:400px;font-size: 30px; }
.barradescripcion2{ width:400px;  font-size: 25px; }

.paneldetallesderecha{width:120px;height:500px;display:inline-table;}
.barraversiones{width:120px;height:500px;overflow-y:scroll}
.barraversiones2{width:120px;height:500px;overflow-y:scroll}
.fotoversion{width:100px;height:100px;background-size:cover;background-position:center;}
.fotoversionlibros{width:100px;height:450px;background-size:contain;background-position:center;}
@media (max-width: 1080px){
.paneldetallesventana{width:900px;height:1200px;margin:auto auto auto auto;}
.paneldetallesventanalibro{width:900px;height:1200px;margin:auto auto auto auto;}

.paneldetallesizquierda{width:600px;height:900px;}
.paneldetallesizquierdalibro{width:600px;height:900px;}
.subdivision{width:600px;height:450px}
.acopladobajo{width:600px;height:450px}
.barracerrar{width:100px;height:100px;font-size:100px;}
.barraprecio{width:530px;height:160px;}
.barrapreciolibros{width:530px;height:160px;}
.barraprecio span{margin: auto auto auto auto;}
.barrapreciolibros span{margin: auto auto auto auto;}
.barrapedido{width:160px;height:160px;}
.barracarrito{width:160px;height:160px;}

.paneldetallescentro{width:900px;height:500px; }
.barratitulo{width:900px;  }
.barradescripcion{width:900px;  }
.barradescripcion2{width:900px; }

.paneldetallesderecha{width:900px;height:250px;display:inline;}
.barraversiones{width:900px;height:300px;}
.barraversiones2{width:900px;height:280px;}
.fotoversion{width:220px;height:220px;border:2px solid black;}
.fotoversionlibros{width:220px;height:280px;border:2px solid black;}

}







.VentanaC1fondo{z-index:100000000000; background-color: rgba(0,0,0,.8);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;pointer-events:none;transition: all 1s;}
.VentanaC1ventana{text-align:center;background-image:url('imagenes/maderahorizontal.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;width:1050px;height:500px;margin:auto auto auto auto;border:5px solid black;}

.VentanaC1izquierda{text-align:center;display:inline-table;width:700px;height:500px;background-size:cover;background-position:center; margin:0 auto;}
.subdivisionC1{height:250px}
.barratituloC1{width:700px;   }
.barradescripcionC1{width:700px;display:inline-flex; }
.barradescripcion2C1{ width:500px;display:inline-flex;  }
.acopladobajoC1{width:700px;}
.barraprecioC1{display:inline-flex;width:350px;height:100px;}
.barraprecioC1 span{margin: auto auto auto auto;}
.barrapedidoC1{display:inline-flex;float:right;width:100px;height:100px;background-size:cover;background-position:center;text-align:center;}
.barrapedidoC1 span{margin: auto auto auto auto;font-size:20px;color:white;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}
.barracarritoC1{display:inline;float:right;width:100px;height:100px;background-color:white;}

.VentanaC1centro{display:inline-table;width:500px;height:500px; }
@media (max-width: 1080px){
.VentanaC1ventana{width:900px;height:1200px;margin:auto auto auto auto;}

.VentanaC1izquierda{width:900px;height:900px;}
.subdivisionC1{width:900px;height:450px}
.acopladobajoC1{width:900px;height:450px}
.barracerrarC1{width:100px;height:100px;font-size:100px;}
.barraprecioC1{width:730px;height:300px;}
.barraprecioC1 span{margin: auto auto auto auto;}
.barrapedidoC1{width:160px;height:160px;}
.barracarritoC1{width:160px;height:160px;}

.VentanaC1centro{width:900px;height:500px; }
.barratituloC1{width:900px;  }
.barradescripcionC1{width:900px;  }
.barradescripcion2C1{width:900px; }


}







.VentanaD1fondo{z-index:100000; background-color: rgba(0,0,0,.8);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;pointer-events:none;transition: all 1s;}
.VentanaD1ventana{background-color:black;width:1057px;height:500px;margin:auto auto auto auto;border:5px solid black;}

.VentanaD1izquierda{display:inline-table;width:500px;height:500px;background-size:cover;background-position:center; }
.subdivisionD1{height:250px}
.acopladobajoD1{width:500px}
.barracerrarD1{width:40px;height:40px;margin:auto auto 0 0;background-size:cover;background-position:center;font-size:40px; }
.barraprecioD1{display:inline-flex;width:350px;height:100px;}
.barraprecioD1 span{margin: auto auto auto auto;}
.barrapedidoD1{display:inline-flex;float:right;width:100px;height:100px;background-size:cover;background-position:center;text-align:center;}
.barrapedidoD1 span{margin: auto auto auto auto;font-size:20px;color:white;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}
.barracarritoD1{display:inline;float:right;width:100px;height:100px;background-color:white;}

.VentanaD1centro{display:inline-table;width:400px;height:500px; }
.barratituloD1{width:400px;   }
.barradescripcionD1{width:400px;font-size: 30px; }
.barradescripcion2D1{ width:400px;  font-size: 25px; }

.VentanaD1derecha{width:120px;height:500px;display:inline-table;}
.barraminiaturasD1{width:120px;height:500px;overflow-y:scroll}
.barraminiaturas2D1{width:120px;height:500px;overflow-y:scroll}
.miniaturasD1{width:100px;height:100px;background-size:cover;background-position:center;}




#miVentana:target{opacity:1;pointer-events:auto;}
#DetallesC1:target{opacity:1;pointer-events:auto;}
#DetallesD1:target{opacity:1;pointer-events:auto;}
#ventanalibro:target{opacity:1;pointer-events:auto;}