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

* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;  }
body {background-image: url(../images/fondo.jpg); background-repeat:repeat-x; font-size:13px; color:#333333; background-color: #F2F2F2;  }

a {   color:#FF5C37;  text-decoration:none; }
a:hover {   color:#FF5C37; 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; }



.bg_list_sub1 a {color: #333 !important; text-decoration:none !important;}
.bg_list_sub1 a:hover {color: #333 !important; text-decoration:underline !important;}

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

#titulo {width: 1000px; height: 82px;}
#lat-izq {width: auto; height: 82px; background-image: url(../images/cabeceraizquierda.png); background-repeat:no-repeat; padding-left: 13px;}
#lat-drch {width: auto; height: 82px; background-image: url(../images/telefonista.png); background-repeat:no-repeat; background-position:right; padding-right: 12px;}
#cont-titulo {width: 773px; height: 82px; background-image: url(../images/cabeceracentro.jpg);}

.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-cab {width: 1000px; height: auto; background-image:url(../images/cuadrocontenidoarriba.png); background-repeat:no-repeat; padding-top: 14px; margin-top: 10px;}
#cuerpo-pie {width: 1000px; height: auto; background-image:url(../images/cuadrocontenidoabajo.png); background-repeat:no-repeat; background-position:bottom; padding-bottom: 14px; }
#cuerpo {width: 990px; height: auto; background-image: url(../images/cuadrocontenidomedio.png); padding: 5px;   }


.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: 645px; height:auto; border: 1px solid #666; background:#CCCCCC; margin: 2px 2px 5px 2px; }
	#pie-cesta {width: 645px; 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: 364px; 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: 645px; 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: 365px; 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: 160px; height: auto;  float:left; }
#col-centro {width: 651px; height: auto;  float:left; margin: 0px 4px;}
#col-drch {width: 160px; height: auto;  float:left; margin-right: 3px; }

.titulo-central {width: 651px;  height:26px !important; padding-top: 5px; background-image:url(../images/titulo-cuerpo.png); background-repeat:no-repeat; padding-left: 10px; font-size: 16px; color: #FFFFFF;  }

.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: 651px;  height:auto;}
.producto {width: 157px;  height:255px; margin: 4px 2px 2px 3px; background-image:url(../images/cajaproductos2.png); background-repeat:no-repeat; float: left;}

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

.datos-prod {width: 135px; height: 60px;  margin-left: 10px; font-weight: bold; line-height: 16px;}
.datos-prod02 {width: 135px; height: 60px;  margin-left: 10px; font-weight: bold; line-height: 16px; }
.precio-prod {width: 135px; height: 50px; margin-top: 13px; font-size: 16px; font-weight: bold; margin-left: 9px;}



.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: 160px; height:auto !important; padding-bottom: 5px;  }
.cont-cat p {width: 150px; height:26px !important; padding-top: 5px; background-image:url(../images/titulo-seccion.jpg); background-repeat:no-repeat; padding-left: 10px; font-size: 16px; color: #FFFFFF; }
.cont-cat ul  {list-style:none; margin: 0px 0px 0px 0px;}
.cont-cat ul li  { width: 150px; height: auto; }
.cont-cat ul li a p {    width: 150px; background: none; color: #333333 !important; text-decoration:none; font-size:13px;  margin: 0px 0px 0px 0px !important; padding: 0px !important; height: auto !important;}
.cont-cat ul li a p:hover {color: #333333 !important; text-decoration:underline;}
.cont-cat ul li ul li {    width: 140px; height: auto;  }
.cont-cat ul li ul li a p {    width: 140px; background: none; color: #FF5C37 !important; text-decoration:none; font-size:11px !important;  padding: 2px 0px 2px 18px !important; font-weight: normal;   }
.cont-cat ul li ul li a p:hover {color: #333 !important; text-decoration:underline;}



.botones01 p { font-weight: bold; widht: 100%; height: 15px; margin-bottom: 3px; background-color:#DADADA; color:#333; padding: 2px 3px; font-size: 13px !important; text-align:center;  }
.botones01 p:hover { font-weight: bold; background-color:#FF5C37; color: #FFF; padding: 2px 3px; }

.botones02 p { font-weight: bold; widht: 100%; height: 15px;  text-align:center;  color:#FFF; padding: 2px 3px; font-size: 13px !important;  }
.botones02 p:hover { font-weight: bold; background-color:#FFF; color: #333; padding: 2px 3px; }

.botones03 p { font-weight: bold; widht: 100%; height: 30px; margin-bottom: 3px; background-color:#DADADA; color:#333; padding: 2px 3px; font-size: 13px !important; text-align:center;  }
.botones03 p:hover { font-weight: bold; background-color:#FF5C37; color: #FFF; padding: 2px 3px; }


#creditos {width: 796px; height: 10px;   text-align: center; font-size: 10px; color:#333333;  margin: 0px auto; padding-bottom: 10px;  }
#creditos a { color:#FF5C37; text-decoration:none; padding: 0px 3px !important;}
#creditos a:hover { color:#FFFFFF; text-decoration:none; background-color:#FF5C37;}


/*Login*/

	#usuario-nuevo {width: 263px; height: auto; border: 2px solid #333; padding: 0px 5px 5px 5px; margin: 5px; background-color: #FF5C37; margin:  25px 25px;}
	#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: #FF5C37 !important; padding: 3px;}
	.recordar a:hover {background-color: #FF5C37 !important; color: #FFFFFF !important; text-decoration: none !important;}

/*Alta usuario*/

	#usuario-alta {width: 630px; height: auto; border: 2px solid #333; padding: 0px 5px 5px 5px; margin: 5px; background-color: #FF5C37;}
	.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: #EF0E61; text-align:center;}
	.recordar a {background-color: #FFFFFF; color: #EF0E61; padding: 3px;}
	.recordar a:hover {background-color: #EF0E61; color: #FFFFFF;}



/*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: 640px; margin: 3px 6px; height: 20px; border-bottom: 1px solid #999999; background-color: #CCCCCC; color: #333333!important; padding-top: 3px;}
	#nombre-prod-pedido { width: 355px; 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: 640px; margin: 3px 6px; height: auto; border-bottom: 1px solid #999999; background-color: #FFF; color: #666666;!important; padding-top: 0px;}
	.nombre-prod-pedido { width: 355px; 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: 640px; 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;}
</style>




/*Carrito cabecera*/
#carrito-cab {width: 250px; height: 110px;  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: 1000px; height: 40px; padding-top: 11px;}
#menu-cab-izq {width: auto; height: 40px; background-image: url(../images/menu-cab01.png); background-repeat:no-repeat; padding-left: 18px;}
#menu-cab-drch {width: auto; height: 40px; background-image: url(../images/menu-cab02.png); background-repeat:no-repeat; padding-right: 18px; background-position:right;}

#menu-cab-cont {width: 967px; height: 40px; background-image: url(../images/menu-cab-relleno.png);}

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

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

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

#menu-cab-cont ul li a p {width: 190px; height: 28px; padding: 12px 0px 0px 0px; text-align:center; }
#menu-cab-cont ul li a p:hover {width: 190px; height: 28px; padding: 12px 0px 0px 0px;  background-image: url(../images/menu-cab-relleno2.png);}








/*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 {background: none; background-image: url(../images/buscar01.png); width: 80px; height: 18px; padding: 0px 5px 0px 20px; background-repeat: no-repeat; border: 0px; margin-top: 0px;}
.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; }