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

* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;  }
body { font-size:13px; color:#333333; background-color: #FFF;  }

a {   color:#DF2929;  text-decoration:none; }
a:hover {   color:#DF2929; text-decoration:underline; }

a img {border: 0px;}
img {border: 0px; padding: 0px; margin: 0px;}


.botones01 span { font-weight: bold;  color:#FF5C37; padding: 2px 3px; font-size: 13px !important;  }
.botones01 span:hover { font-weight: bold;  color:#FF5C37; text-decoration:underline; padding: 2px 3px; font-size: 13px !important; }



	.enlaces-pie a {color: #FFFFFF !important; padding: 2px !important; margin-top: 2px !important; }
	.enlaces-pie a:hover {color: #333333 !important; background-color:#FFFFFF !important; }





#todo { width: 1050px; height: 100%;  padding-top: 10px; margin: 0px auto;}
#cabecera {width: 1050px; height: auto;  background-image:url(../images/degradadocabecera.jpg); background-repeat: repeat-x; background-position: top;  }

#franja-sub {width: 100% !important; height: 35px !important; background-color:#000000; margin-bottom: 10px; }


#titulo {width: 1050px; height: auto;}


.desc-prod-cab {width: 478px; height:auto; padding-top: 10px !important; background-image:url(../images/cab-desc.png); background-repeat: no-repeat; }
.desc-prod-pie {width: 478px; height:auto; padding-bottom: 12px; background-image:url(../images/pie-desc.png); background-repeat: no-repeat; background-position:bottom;}
.desc-prod-cont {width: 458px; height:auto; padding: 0px 10px; background-image:url(../images/trama-desc.png); }


#cuerpo {width: 1050px; height: auto;  }


.otras-images { width:auto; height:auto; background:#FFFFFF !important; padding: 2px !important; margin: 4px 2px 2px 2px!important; border: 1px solid #999999 !important;}

.otras-images:hover { width:auto; height:auto; background:#FFFFFF !important; padding: 1px !important; margin: 2px 2px 2px 2px!important; border: 2px solid #333 !important;}

	#titulo-cesta {width: 795px; height:auto; border: 1px solid #666; background:#CCCCCC; margin: 2px 2px 5px 2px; }
	#pie-cesta {width: 795px; height:auto; border: 1px solid #333333; background:#7F7F7F; margin: 2px 2px 5px 2px; color: #FFFFFF !important; text-align:right; font-size:14px; font-weight: bold;}
	.img-producto-titulo {width: 118px; height: 20px; text-align:center; color:#333; border-right: 1px solid #666666; padding-top: 4px;}
	.nombre-producto-titulo {width: 514px; height: 20px; text-align:center; color:#333; border-right: 1px solid #666666; padding-top: 4px;}
	.cantidad-producto-titulo {width: 70px; height: 20px; text-align:center; color:#333; border-right: 1px solid #666666; padding-top: 4px;}
	.precio-producto-titulo {width: 90px; height: 20px; text-align:center; color:#333; padding-top: 4px; }
	
		.producto-cesta {width: 795px; height:auto;   margin: 2px 2px 5px 2px; border-bottom: 1px dotted #666666; padding-bottom: 4px;}

	.img-producto a {text-decoration: none; background: none;}
	.img-producto div {padding: 2px; border: 1px solid #999999; margin: 0px; width: 113px; height: 113px;}
	.img-producto div:hover {padding: 1px; border: 2px solid #999999;}
    
	.nombre-producto {width: 515px; height: 113px; text-align:left; color:#333; border-right: 1px solid #CCCCCC; }
	.nombre-producto p {height: 154px; text-align:left !important; color:#333; padding: 0px 5px; }
	.cantidad-producto {width: 70px; height: 113px; text-align:center; color:#333; border-right: 1px solid #CCCCCC; }
	.precio-producto {width: 89px; height: 113px; text-align:center; color:#333; line-height: 105px;}    
    






#buscador { width:auto; height:25px; margin-bottom: 10px;}
.carrito {padding-top: 15px !important; font-size: 15px !important;  height: 15px;}

#col-img01 {width: 786px; height: auto !important;  margin: 0px 0px; }
#col-img01 img {margin: 3px 11px !important;}


#col-izq {width: 240px; height: auto;  float:left; margin-top: 10px; }
#col-centro {width: 800px; height: auto;  float:left; margin: 0px 5px;}
#col-drch {width: 160px; height: auto;  float:left; }

.titulo-central {width: 795px;  height:26px !important; padding-top: 5px; background-image:url(../images/trama-titulo.jpg);; padding-left: 10px; font-size: 16px; color: #333; font-weight:bold; }

.titulo-central a {color: #FFF !important; font-weight:bold !important;padding: 2px 3px; text-decoration: none !important; }
.titulo-central a:hover {background-color: #FFF !important; font-weight:bold !important; color: #FF5C37 !important }



.contenedor {width: 800px;  height:auto;}


.producto00 {width: 385px;  height:265px; margin: 5px; float: left; border: 2px solid #DADADA; padding: 0px 0px ;}
.datos00 {width: 190px;  height:263px; float: right; margin: 5px 0px 0px 0px; background-image:url(../images/cuadrodescrpicion.png); background-repeat:no-repeat;}
.datos-prod00 {width: 135px; height: 60px;  margin-left: 10px; font-weight: bold; line-height: 16px;}
.precio-prod00 {width: 135px; height: 50px; margin-top: 16px; font-size: 16px; font-weight: bold; margin-left: 9px;}
.titulo-prod00 {width: 134px; color: #FF6600 !important; font-weight:normal; padding: 15px 0px 0px 35px !important; font-size:16px;}
.caracteristicas-prod00 {width: 150px; color: #333333 !important; padding: 15px 10px 0px 10px !important;}
.detalles-prod00 { width: 167px; height: 37px; margin-top: 20px !important; margin-left: 8px !important; }



.datos01 {width: 200px;  height:278px; float: left; margin: 5px 0px; background-image:url(../images/cuadrodescrpicion3.png); background-repeat:no-repeat;}


.datos-prod01 {width: 135px; height: 60px;  margin-left: 10px; font-weight: bold; line-height: 16px;}
.precio-prod01 {width: auto; height: 20px; margin: 5px 0px !important; padding-right: 20px!important; font-size: 16px; font-weight: bold; margin-left: 9px;  text-align:center;}
.titulo-prod01 {width: 134px; height: 20px; color: #FF6600 !important; font-weight:normal; padding: 15px 0px 3px 35px !important; font-size:16px;}
.img-prod01 a img{width: 144px; color: #333333 !important; padding: 1px !important; border: 2px solid #DADADA; display:block;margin-left:  17px !important; margin-top: 0px !important;}
.img-prod01 a img:hover{width: 144px; color: #333333 !important; padding: 1px !important; border: 2px solid #333333;}





.detalles-prod01 { width: 167px; height: 37px; margin-top: -5px !important;}
.detalles-prod01 a {  margin-left: 14px !important; display:block; color:#333333 !important; }

.anadircesta a span {  width: 155px; height: 22px; background-image: url(../images/anadircesta.png) !important; background-repeat:no-repeat  !important; text-align:center; color:#333333 !important; font-size: 15px; padding-top: 4px; padding-right: 10px; margin-left: 13px; display:block; }
.anadircesta a span:hover { text-decoration: underline;}


.detallesprod a span { width: 155px !important; height: 25px !important; background-image: url(../images/detallesproducto.png)  !important; background-repeat:no-repeat  !important; text-align:center !important; color:#333333 !important; font-size: 15px !important; padding-top: 4px !important;  padding-right: 10px !important; margin-left: 13px !important;   display:block;}
.detallesprod a span:hover { text-decoration: underline;}


.detallesprod0 a span { width: 155px !important; height: 25px !important; background-image: url(../images/detallesproducto.png) !important; background-repeat:no-repeat !important; text-align:center !important; color:#333333 !important; font-size: 15px !important; padding-top: 4px !important;  padding-right: 10px !important; margin-left: 7px !important; margin-top: 15px !important;  display:block;}
.detallesprod0 a span:hover { text-decoration: underline;}





.titulo-desc01 {width: auto; height: 20px; color: #FF6600 !important; font-weight:normal; padding: 0px 0px 3px 0px !important; font-size:16px;}


.descripcion01 {width: 460px; height: auto; border: 2px solid #DADADA;  margin-top: 2px !important; padding: 10px !important;}
.cont-masinfo {width: 700px; height: auto; margin: 10px auto !important;}



.img-prod {width: 135px; height: 120px; border: 2px solid #666; margin: 9px 9px 5px 9px;}
.img-prod img {width: 135px; height: 120px; }



.prod-rel {width: 100%; height: auto; border-bottom: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1;  font-weight:normal; background-color: #F5EFE0; margin: 1px 0px;}

.prod-rel a, .prod-rel a p {color: #333333 !important;}
.prod-rel a:hover, .prod-rel a p:hover {color: #FF5C37 !important;}

.nombre-rel {width: 245px; height: auto; border-right: 1px  dotted #F2F2F2; padding-left: 5px !important;}
.ref-rel {width: 100px; height: auto; border-right: 1px dotted #F2F2F2; text-align:center !important;}
.precio-rel {width: 95px; height: auto; text-align: right !important; padding-right: 5px !important;}



.cont-cat {width: 233px; height:auto !important; padding-bottom: 5px;  }
.cont-cat p {width: 150px; height:26px !important; padding-top: 5px;  padding-left: 10px; font-size: 16px; color: #333; font-weight: bold; }
.cont-cat ul  {list-style:none; margin: 0px 0px 0px 0px;}
.cont-cat ul li  { width: 233px; height: auto; background-image:url(../images/cuadrocategorias.jpg); background-repeat:no-repeat; background-position:top; color: #FFFFFF !important;  }

.cont-cat ul li a p {    width: 200px; background: none; color: #FFFFFF !important;  text-decoration:none; font-size:13px;  margin: 0px 0px 3px 0px !important; padding: 4px 0px 0px 30px !important; height: 20px !important;  }
.cont-cat ul li a p:hover {color: #FFFFFF !important;  text-decoration:underline;}

.cont-cat ul li ul li {    width: 140px; height: auto; background: none !important;  }
.cont-cat ul li ul li a p {    width: 190px;  height: 10px; color: #333 !important; text-decoration:none; font-size:12px !important;  padding: 4px !important; font-weight: normal; background-color: #FFF !important; margin: 0px 0px 0px 30px !important; }
.cont-cat ul li ul li a p:hover {color: #333 !important; text-decoration:underline;}


.cajonera01 { width: 230px; height: auto; border: 2px solid #DADADA;}
.cajonera01-foto {margin: 0px auto; width: 215px; height: 233px;}
.info-cajonera01 {width: 210px; height:116px; background-image:url(../images/descripcionlateral.png); background-repeat:no-repeat; margin: 0px auto; margin-bottom: 10px !important; }

.cajonera02 { width: 224px; height: auto; background-image:url(../images/cuadroinformacion.jpg); padding: 5px;}
.cajonera02 ul li {background: none !important; color:#333 !important; width: auto !important; height: auto !important; }
.cajonera02 ul li a {color: #333333 !important; display:block; margin: 0px 5px !important; }
.cajonera02 ul li a p {border-bottom: 1px solid #DADADA; color:#333 !important; width: auto !important; height: 15px !important; background-image:url(../images/indicador.png); background-repeat:no-repeat; background-position: left center; padding-left: 12px !important;}


.cajonera02 ul li a p:hover {border-bottom: 1px solid #DADADA; color:#333 !important; width: 190px !important; height: 15px !important; background-image:url(../images/indicador.png); background-repeat:no-repeat; background-position: left center; padding-left: 12px !important; text-decoration:underline;}




.botones01 span { font-weight: bold;  color:#FF5C37; padding: 2px 3px; font-size: 13px !important;  }
.botones01 span:hover { font-weight: bold; background-color:#FF5C37; color: #FFF; padding: 2px 3px; }

.botones02 span { font-weight: bold; color:#FFF; padding: 2px 3px; font-size: 13px !important;  }
.botones02 span:hover { font-weight: bold; background-color:#FFF; color: #333; padding: 2px 3px; }


#creditos {width: 1050px; height: 30px;   text-align: center; font-size: 11px; color:#FFF;  margin: 0px auto; padding-top: 10px; background-color:#000000;  margin-bottom: 10px;}
#creditos a { color:#DF2929; text-decoration:none; padding: 0px 3px !important;}
#creditos a:hover { color:#FFFFFF; text-decoration:none; background-color:#DF2929;}


/*Login*/

	#usuario-nuevo {width: 263px; height: auto; border: 2px solid #333; padding: 0px 5px 5px 5px; margin: 5px; background-color: #DF2929 !important; margin:  25px 25px 25px 100px;}
	#usuario-antiguo {width: 263px; height: auto; border: 2px solid #333; padding: 0px 5px 5px 5px; margin: 5px; background-color:#B1B1B1; margin:  25px 20px;}
	.titulo-cuenta {background-color: #333; width: 262px; height: 20px; color:#FFFFFF; margin: 0px 0px; font-weight: bold; text-align:center; font-size:15px; }
	.texto-cuenta { color:#FFFFFF; line-height: 25px !important; margin-top: 5px; font-size:13px; font-weight:bold; }
	.texto-login { color:#FFFFFF; width: 240px;  height: auto; line-height: 25px !important; margin-top: 5px; font-size:13px; font-weight:bold; margin-left: 10px;}
	
	.recordar {background-color: #FFFFFF; color: #FF5C37 !important; text-align:center;}
	.recordar a {background-color: #FFFFFF; color: #DF2929 !important; padding: 3px;}
	.recordar a:hover {background-color: #DF2929 !important; color: #FFFFFF !important; text-decoration: none !important;}

/*Alta usuario*/

	#usuario-alta {width: 650px; height: auto; border: 2px solid #333; padding: 0px 15px 15px 15px; margin-left: 60px !important; margin-top: 10px !important; background-color: #DF2929;}
	.nota-alta {background-color: #FFFFFF; margin: 0px 0px; padding: 5px; font-weight: bold;}
	.titulo-alta {background-color: #333; width: 549px; height: 20px; color:#FFFFFF; margin: 0px 0px; font-weight: bold; text-align:center; font-size:15px; }
	.texto-alta { color:#FFFFFF; line-height: 25px !important; margin-top: 5px; font-size:13px; font-weight:bold; }
	.texto-alta-span { color:#FFFFFF !important;}

	.input-alta {width: 240px !important; border: 1px solid #333333 !important;}
	.input-alta2 {width: 600px !important; border: 1px solid #333333 !important;}
	.submit-alta {width: 240px !important; border: 1px solid #CCCCCC !important; background-color:#333333; color:#FFFFFF }
	.submit-alta:hover {width: 240px !important; border: 1px solid #333333 !important; background-color:#FFFFFF; color:#333333 }
	
	.recordar {background-color: #FFFFFF; color: #DF2929; text-align:center;}
	.recordar a {background-color: #FFFFFF; color: #DF2929; padding: 3px; text-decoration:none !important;}
	.recordar a:hover {background-color: #DF2929; color: #FFFFFF; text-decoration:underline !important;}



/*Pedido*/

.titulo-pedido { border-bottom: 1px solid #333333; background-color:#999; color: #FFFFFF!important; margin: 3px 5px; padding: 3px 5px; }
	.contenido-pedido { line-height: 20px; margin-left: 10px;}
	
	#titulo-prod-pedido { width: 780px; margin: 3px 6px; height: 20px; border-bottom: 1px solid #999999; background-color: #CCCCCC; color: #333333!important; padding-top: 3px;}
	#nombre-prod-pedido { width: 496px; border-right: 1px solid #F2F2F2; text-align:center; font-weight: bold;}
	#precio-unidad-prod-pedido { width: 80px; border-right: 1px solid #F2F2F2; text-align:center; font-weight: bold;}
	#cantidad-prod-pedido { width: 80px; border-right: 1px solid #F2F2F2; text-align:center; font-weight: bold;}
	#precio-prod-pedido { width: 120px; text-align:center; font-weight: bold;}


	.prod-pedido { width: 780px; margin: 3px 6px; height: auto; border-bottom: 1px solid #999999; background-color: #FFF; color: #666666 !important; padding-top: 0px;}
	.nombre-prod-pedido { width: 496px; border-right: 1px solid #F2F2F2; text-align:left; padding-left: 5px; font-weight: bold;}
	.precio-unidad-prod-pedido { width: 80px; border-right: 1px solid #F2F2F2; text-align:center; font-weight: bold;}
	.cantidad-prod-pedido { width: 80px; border-right: 1px solid #F2F2F2; text-align:center; font-weight: bold;}
	.precio-prod-pedido { width: 117px; text-align:right; font-weight: bold; padding-right: 3px;}

    #total-prod-pedido {width: 780px; margin: 3px 6px; height: auto; border-bottom: 1px solid #999999;  color: #333333!important; padding-top: 3px; }
    

	.impuestos-pedido { width: 95px; border: 1px solid #999999;  text-align:right; font-weight: bold;  padding-right: 5px; }
	.valor-prod-pedido { width: 115px; text-align:right; font-weight: bold; background-color: #CCCCCC; border: 1px solid #999999; padding-right: 8px;}




/*Carrito cabecera*/
#carrito01 { width:auto; height:20px;  background-image:url(../images/carrito2.png); background-repeat:no-repeat; background-position:left top; padding-left: 25px; padding-top: 3px; font-size:16px; margin: 0px 10px; }
#carrito-cab {width: 250px; height: auto;  margin-right: 10px;}
#carrito-cab p {width: auto; height: 14px;   padding-top: 7px; margin-bottom: 2px; color: #FFFFFF !important }
#carrito-cab div {width: auto; height: 25px; margin-top: 10px;}
.buscador {width: 100px; height: 17px; border: 1px solid #666666; background-color: #FFFFFF; padding-top:2px}


/*menu cabecera*/
#menu-cab {width: 1050px; height: 40px; padding-top: 0px;}


#menu-cab ul {width: auto; height: 40px; padding: 0px 10px; }

#menu-cab ul li {width: auto; height: 40px; float:left; text-decoration:none; list-style:none; }

#menu-cab ul li a {font-size:15px !important; color:#333 !important; }
#menu-cab ul li a:hover {font-size:15px !important; color:#333 !important}

#menu-cab ul li a p {width: auto; height: auto; padding: 0px 0px 0px 13px; text-align:center; background-image:url(../images/botonmenu.jpg); background-repeat:no-repeat; background-position:left center; margin: 8px; } 


#menu-cab ul li a p:hover {width: auto; height: auto; padding: 0px 0px 0px 13px;   background-image:url(../images/botonmenu.jpg); background-repeat:no-repeat; background-position:left center; margin: 8px; text-decoration:underline; }








/*menu columna Izquierda*/

#col-izq-titulo {width: 200px; height: 24px; background-image: url(../images/trama-boton.jpg);}
#col-izq-titulo p {color:#FFFFFF !important; font-weight: bold; padding: 3px 10px !important; text-align:center;}
 

#col-izq-cont ul {width: 200px; height: auto; }
#col-izq-cont ul li {width: auto; height:auto; list-style:none; border-bottom: 1px solid #999999;}
#col-izq-cont ul li a {text-decoration: none; color:#333333 !important; font-weight: bold;}
#col-izq-cont ul li a:hover {text-decoration: none; color:#333333 !important; font-weight: bold; }
#col-izq-cont ul li a p {width: auto; height:18px; text-align:left; padding: 4px 0px 3px 10px !important; background-image: url(../images/indicador.jpg); background-repeat:no-repeat; background-position: left; padding-left: 10px;}
#col-izq-cont ul li a p:hover { text-decoration:underline !important;}


#col-izq-cont ul li ul li {width: auto; height:auto; list-style:none; border-bottom: none;}

#col-izq-cont ul li ul li a p {width: auto; height:18px; text-align:left; padding: 4px 0px 3px 10px !important; background-image: url(../images/flechaa.jpg); background-repeat:no-repeat; background-position: left; padding-left: 10px; margin-left: 8px;}
#col-izq-cont ul li ul li a p:hover { text-decoration:underline !important;}

.desconectar {background-color: #FFFFFF !important;}
.desconectar:hover {background-color: #333333 !important;}


.clear { clear:both;}
.bold { font-weight:bold;}
.izquierda {float:left; padding: 0px; margin: 0px;}
.derecha {float:right; padding: 0px; margin: 0px;}
.block {display: block;}
.centro {margin: 0px auto !important;}



/*H1...*/
h2 {font-size: 16px;  font-weight: bold; border-bottom: 1px solid #333333; color:#333333; display:inherit; }
h5 {font-size: 16px;  font-weight: bold;  color:#345AA1; display:inherit;}
h1 {font-size: 16px;   font-weight: bold; color: #000000; display:inherit;}
h3 {font-size: 16px;  font-weight: bold; color:#0066CC; display:inherit; padding-left: 35px; }
h4 {font-size: 13px;  font-weight: bold; color: #345AA1; display:inherit;  }
h6 {font-size: 14px;  font-weight: bold; color: #333333; display:inherit;  padding-bottom: 5px; background-color:#FBFBFB;}
h7 {font-size: 14px;  font-weight: bold; color: #333366; display:inherit;  padding-bottom: 5px; background-color:#FFFFFF; }

/*formularios*/
#form {width: 370px; height: auto; margin-top: 10px;}
#datos {width: 370px; height: 400px;  margin-left: 15px; margin-top: 10px; }
#datos p {width: 370px; font-size:14px; padding-left: 10px;}
#tableform {width: 370px; height: auto; margin: 0px auto !important;}
#tableform2 {width: 140px; height: auto; margin: 0px auto !important;}
#tableform p, #tableform2 p { margin:5px 0px !important;}


.input-buscar { width: 80px; height: 18px; padding: 0px 5px 0px 3px; background-repeat: no-repeat; border: 1px solid #333; margin-top: 0px;}

.submit-buscar { border:1px solid #666; background-color:#666; color:#FFFFFF !important;}
.submit-buscar:hover { border:1px solid #CC0000; background-color: #CC0000; color:#FFFFFF !important;}



.input2 {width: 300px; border: 1px solid #546375; background-color:#FFFFFF;}
.input3 {width: 250px; border: 1px solid #546375; background-color:#FFFFFF;}
.input4 {width: 180px; border: 1px solid #546375; background-color:#FFFFFF;}
.input5 {width: 80px; height: 25px; border: 1px solid #546375; background-color:#FFFFFF; }

.envio {width: 144px; border: 1px solid #546375; margin: 0px auto; margin-top: 5px; background-color:#FFFFFF;}

.input2:hover, .input3:hover, .input4:hover, .input5:hover {border: 1px solid #FCB00C;  }
.envio:hover {background-color: #CCCCCC; color:#333333 !important; }