@charset "iso-8859-2";
/* CSS Document */

.fondo {
/*background: transparent url(../images/web/fondo_de.png) no-repeat top left;
background-position: 10px 0px; */
}


/* --------------------------------- */
/* CABECERA */
/* --------------------------------- */

.cabecera{
/* margin:0px; 
background-color:#445544;*/
height:22px;
line-height:22px;
/* line-height: 22px; */
}
/* --------------------------------- */
/* LOGO */
/* --------------------------------- */
.logo {
margin:0px;
padding-left:10px;
}

/* --------------------------------- */
/* BANNER */
/* --------------------------------- */

#publicidad{
/*background-color:#554455;

 height:100%; */
margin: 10px;
font-size:0px;

}
#publicidad .banner {
width: 468px;
height:100%;
 /*background-color:#225522;  */
margin-left:auto;
margin-right:auto;
}

#publicidad img{
/* border:2px solid #000000; */
}

/* --------------------------------- */
/* MENU */
/* --------------------------------- */

.contenedorMenu {
/* height:550px;  altura maxima  en 1024x768 */
height:550px;
/*background-color: #868686;*/
}

.contenedorMenu img{
margin-top:10px;
margin-left:22px;
/*background-color: #868686;*/
}

.logo img{
margin-top:10px;
margin-left:22px;
/*background-color: #868686;*/
}


/* --------------------------------- */
/* CONTENIDO */
/* --------------------------------- */

					/* CABECERA CONTENIDO */
					/* --------------------------------- */
					
					.cabeceraProductos {
					/* background-color:#554444; */
					color: #ffffff;
					height:33px;
					/*background-color: #DFDFDF;*/ 
					font-size:0px;
/*							background: url(../images/web/borde_arriba.png) no-repeat;
							background-position: 2px 0px;
							behavior: url("iepngfix.htc");*/
/*							background: url(../images/web/borde_p_sup.png) no-repeat;
							behavior: url("iepngfix.htc");*/
					}
					.pieProductos {
					/* background-color:#554444; */
					color: #ffffff;
                                        height:33px;
					float:right;
					/* margin-right:25px; */
					/*background-color: #ff0000;*/ 
							background: url(../images/web/borde_abajo.png) no-repeat;
							background-position: 0px 0px;
							behavior: url("iepngfix.htc");
					}
					.paginacion{
					/* background-color:#554444; */
					/*modificado por fadi por el momento */
					text-align:right;
        		/*	text-align:center;	*/	    
				    padding-top:5px;
					padding-right:50px;
					}
					
					/* ETIQUETA */
					/* --------------------------------- */
					
					#titulogeneral{
					padding: 0px;
					/*background-color: #ffffff; */
					height:33px;
					margin-left:30px; 
							/* background: transparent url(../images/web/cab.png) no-repeat !important; 		 */

   				
					}
					
					#titulogeneral p{
					margin:0px;
					/*color:#eda222;*/
					color:#ffffff;
					font-size:18px;
					height:33px;
					/* padding-left:50px; */
					text-align:center;
					
					}
					#titulogeneral img{
					/* padding: 0px; */
					/*background-color: #334433;*/
					height:33px;
					margin-left:0px;
					
					}
					
					/* BUSCADOR */
					/* --------------------------------- */
					
					#buscador{
					/*background-color: #334433;*/
					/*background: transparent url(../images/fondo-buscador.gif) no-repeat bottom right;*/
					padding-right:10px;
					margin-top:10px;
					float:right;
					width: 270px;
					margin-right:30px;
					text-align: right;
					/*height:33px;*/
					color:#999999;
					font-size:14px;
					
					}
					
					#buscador p {
					
					}
					
					#buscador input{
					font-size:6pt;
					margin-left:10px;
					}
					
					#buscador form{
					padding: 7px 30px 0px 30px;
					}
					
					/* CAPA CONTENEDORA PRODUCTOS */
                    /* --------------------------------- */					
					.fondoProductos {
                     /*background-color:#ff0000;*/
					background: url(../images/web/top.png) repeat-y;
					
					
					behavior: url("iepngfix.htc");					  
                    }
					/* PRODUCTOS */
                    /* --------------------------------- */
                    
                    .centrado {
					margin-left: auto;
					margin-right: auto;
					padding-top:10px;
					width: 640px;
					/*border: thin solid #FFFFFF;*/
					height:427px;				
					
					/*
					Here we apply the fix to just one element.
					You can do the same with CLASS selectors...
					*/
/*					      background: url(../images/web/borde_p_sup.png) no-repeat;
					cursor: pointer;
					
					behavior: url("iepngfix.htc");*/
					
					/* background-image: url(../images/web/back.png) !important;
					background-image: none;
					filter: none !important;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/web/back.png"); */
					 /*background-color:#f3f3f3; */
					/* border:2px solid #ffffff; */
                    }
                    
      
                    
                    .producto {
                    height:125px;

                    margin-bottom:10px;
                    padding-top:7px;
					padding-bottom:0px;
                    /*background-color:#e2bb63;
					background-color:#333333;*/
                    text-align:center;
					
					background-image: url(../images/web/fondop.png);
					background-repeat:no-repeat;
					background-position: bottom;
					behavior: url("iepngfix.htc");
                    }

                    .productoPag {
                    height:123px;
                    margin-bottom:0px;
                    padding-top:5px;
					padding-bottom:0px;
                   /* background-color:#e2bb63;*/
                    text-align:center;
/*					
					background-image: url(../images/web/etiqueta.png);
					background-repeat:no-repeat;
					background-position: bottom;
					behavior: url("../iepngfix.htc");*/
                    }

                    .producto img{
                    /*border:2px solid #ffffff;*/
					margin:0px;
					padding:0px;
                    }

                    ul {
                    color:#ffffff;
                    list-style:none;
                    margin:0;
                    padding:0;
                    font-size:7pt;
                    }
					
                    li {
                    width: 100px;
                    margin:0px;
                    padding-left:5px;
					padding-top:0px;
                    /* padding:0px; */
                    /* border:1px solid #CCCCCC; */
                    float:left;
                    text-align:left;
                    list-style:none; /* background-color:#fff;  */        
                    }
                    
                    li.derecha {
                    width: 25px;
					margin:0px;
                    padding-left:0px;
                    padding-right:0px;
					padding-top:0px;
                    text-align:right;
                    border:1px solid #CCCCCC;
					background-color:#3f3f3f;
                    }
					
					.detallepro {
					margin:0px;
					padding:0px;
					float:left;
					padding-left:5px;
					/* font-size:7pt; */
					font-size:9px;
                                        color:#FFFFFF;
					text-align:left;
					width: 106px;
                                        
					}

					.icopro {
					margin:0px;
					padding:0px;
					padding-right:5px;
					padding-top:5px;
					float:right;
					width: 20px;

					}
					.productoPag {
					color:#3f3f3f;
					}
					
					
					  

/* --------------------------------- */
/* PIE DE PAGINA */
/* --------------------------------- */

.pie{
margin:0px;
padding:0px;
/* margin-top:10px; */
/*background-color:none;*/
height:22px;
/*line-height:22px;*/
/* line-height: 22px;
border:2px solid #333333; */
}

.pie p{
color:#eda222;
/*background-color:none;*/
font-size:12px;
/* padding-left:50px; */
text-align:center;
padding-left:250px;
}

/* --------------------------------- */
/* VARIOS */
/* --------------------------------- */

.vespa {
}

/* --------------------------------- */
/* PANTALLA DETALLE PRODUCTO */
/* --------------------------------- */

body#productoDetalle {
background:none;
margin:0px;
padding:0px;
background-color: #222;

}
.fondoDetalle {
background-color: #222;
position:absolute;
margin:0px;
padding:0px;
height:402px;
width:379px;
z-index:1;
left:0px;
top:0px;
}
.fondoDetalleT {
background-color: #222;
color:#f3f3f3;
position:absolute;
margin:0px;
padding:0px;
height:402px;
width:379px;
z-index:1;
left:0px;
top:0px;
}
.bordeDetalle {
position:absolute;
margin:0px;
padding:0px;
height:402px;
width:200px;
z-index:2;
left:379px;
top:0px;

}
.infoDetalle {
/*background-color:#999999;*/
/*position:absolute;*/
position:absolute;
margin:0px;
margin-left:379px;
padding:0px;
height:402px;
width:170px;
padding-left:30px;
z-index:3;
}
.infoDetalle img{
/*margin-left:30px;*/
/*margin-right:30px;*/
margin-top:10px;
margin-bottom:0px;
}
.infoDetalle p{
padding:0px;
/*padding-left:30px;*/
/*padding-right:20px;*/
/*margin-right:25px;*/
margin-top:5px;
/*margin-bottom:25px;*/
color:#eda222;
 /* background-color:#3f3f3f; */
}

.carrito {
margin-left:auto;
margin-right:auto;
margin: 0px 10px 10px 0px;
width:125px;
height:31px;
background:#000 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#eda222;
font-size:11px;
font-weight:bold;
border:solid 1px #eda222;
}

/* - formulario detalle producto ------------------------------------- */

.formdetalle {/*padding-left:30px;*/width:140px;background:#3f3f3f; color:#fff;}
.formdetalle label {display:block;font-weight:bold;} 
.formdetalle legend {font-size:120%;} 
.formdetalle fieldset {border:none;} 
.formdetalle input, textarea, select {border:solid 1px #eda222;	color:#F4C980; 	background-color:#333333;} 
/* .formdetalle input:focus, textarea:focus, select:focus{background:#FFF799;}  */


/* - formulario cesta compra ------------------------------------- */

.capaCentrado {	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
} 

.pedido {
	background-color: #222;
	width:543px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	text-align: left;
}
.pedido h1 {
font-size:16px;
font-weight:bold;
margin-bottom:8px;
color:#eda222;
}
.pedido p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #eda222;
padding-bottom:10px;
}
.colA, .colB, .colC{
	color:#eda222;
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;

}
.visibles , .pedido textarea, .pedido select {
	display: block;
	margin-top: 3px;
	border:solid 1px #eda222;
}
.colA {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 235px;
	clear: left;
}
.colA input {
	float: left;
	width: 235px;
	padding: 0px;
	color:#F4C980;
	background-color:#333333;
}	
	
.colB {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 235px;

}
.colB input {
	float: left;
	width: 235px;
	padding: 0px;
	color:#F4C980;
	background-color:#333333;
}	
.colC {
	float: left;
	width: 480px;
	margin: 0px 0px 0px 0px;
	clear: left;
}
.colC input, .colC textarea {
	float: left;
	width: 480px;
	padding: 0px;
	color:#F4C980;
	background-color:#333333;
}
.error {
background-color:red;
color:#fff;
}

.botonCentrado{
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
.seleccion {
	color:#F4C980;
	background-color:#333333;
}

.pedido button{
margin-left:auto;
margin-right:auto;
margin: 0px 10px 10px 0px;
width:125px;
height:31px;
background:#000 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#eda222;
font-size:11px;
font-weight:bold;
border:solid 1px #eda222;
}
.button{
margin-left:auto;
margin-right:auto;
width:125px;
height:31px;
background:#000 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#eda222;
font-size:11px;
font-weight:bold;
border:solid 1px #eda222;
}
/* - estilo de producto en lista de la cesta de la compra ------------ */

.productoLista {  
	list-style:none;
	margin:0;
	padding-left:10px;
	/*padding-right:10px;*/
	/*padding:0;*/
	/* width:579px; */
	width:552px;
	height:20px;
	background-color:#222;
}
.productoLista li{  
	margin:0px;
	padding:0;
	float:left;
	height:20px;
}
.productoListaCar {
	display:block;
	width:70px;
	padding:4px 0;
	text-decoration:none;
	text-align:left;
	color:#eda222;
	
	height:20px;
	vertical-align:middle;
}
.lisDetpro, .lisBorra{
width:20px;

}
.listNombre {
width:100px;
text-align:center;

}
.listCaract {
width:100px;
text-align:center;
}
.listCantidad {
width:49px;
text-align:center;
}
.listPrecio {
width:50px;
text-align:left;
}

/* - color de pruebas ------------------------------------------------ */
.color {
background-color:#222;;
 color:#000;
}
.colorb {
 background-color:#ff0000;
}

/* ------------------------------------------------------------------- */
/** modificar el color del link **/
a:link {
/*color: #FFFFFF;*/
color:#FFFF00;
text-decoration: none;
}
a:visited {
color:#FFFF00;
text-decoration: none;
}

img
{
  border:0;
}

.pruebas{color:#FFFFFF;}


/* botones de formularios */

.carritoCompra {
  background-image:url(../image/varios/anadircesta.png);
  background-repeat:no-repeat;
  height:22px;
  width:132px;
  background-position:center;
  border:none;
  behavior: url("iepngfix.htc");	
}
.seguirCompra {
  background-image:url(../image/varios/seguircomprando.png);
  background-repeat:no-repeat;
  height:22px;
  width:132px;
  background-position:center;
  border:none;
  behavior: url("iepngfix.htc");	
}
.iniciarCompra {
  background-image:url(../image/varios/iniciarcompra.png);
  background-repeat:no-repeat;
  height:22px;
  width:132px;
  background-position:center;
  border:none;
  behavior: url("iepngfix.htc");	
}
.borrarFormu {
  background-image:url(../image/varios/borrarformu.png);
  background-repeat:no-repeat;
  height:22px;
  width:132px;
  background-position:center;
  border:none;
  behavior: url("iepngfix.htc");	
}
.realizarCompra {
  background-image:url(../image/varios/realizarpedido.png);
  background-repeat:no-repeat;
  height:22px;
  width:132px;
  background-position:center;
  border:none;
  behavior: url("iepngfix.htc");	
}
.botonescentrado {
margin-left:auto;
margin-right:auto;
width:268px;
align:center;

}
.botonizq {
margin-left:200px;
margin-right:10px;
}
.total {
width:200px;
margin-left:350px;
margin-right:5px;
color:#eda222;
font-size:11px;
font-weight:bold;

text-align:right;
}

#caract {
width:150px;
height:100px;
margin-bottom:20px;

}

#caract ul, li {
        list-style-type: none;
}

#caract ul {
        margin: 0;
        padding: 0;
		
}

#caract li {
        margin: 0;
        padding: 0;
		width:70px;
		height:25px;
        float: left;
        text-decoration: none;
        display: block;
        /* text-align: left; */

		height:20px;
		padding-top:2px;
		color:#eda222;
		font-size:12px;
}

#caract li.caracDer { 
        margin: 0;
        padding: 0;
		width:80px;
		text-align:right;
		height:25px;

}
#textoProducto {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	color:#fff;
}
/* ------------------------------------------------------------------- */
/* FIN CSS 																														 */
/* COMPATIBLES CON ie6+ - Firefox - Safary - NetScape - Opera - Chrome */
/* Utilizando 960 css grid en 12 columnas + modificaciones             */
/* ------------------------------------------------------------------- */