html	{font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color:#000000; 
		background-image:url(Imatges/fondoGeneral.gif)
}


#main {
	/*height: 554px;*/
	width: 954px;
	position:absolute;
	top: 5%;
	left: 50%; /*set to a negative number 1/2 of your height*/
	margin-left: -477px; /*set to a negative number 1/2 of your width*/
	border: 1px none #ccc;
}

/* Index*/
#Header {
	position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url(Imatges/Base/logoOK.png);
	height: 110px;
}
#TopMenu {
	position: relative;
	width: 100%;
	background-image: url(Imatges/Base/fondos/fondoMainCenterpng.png);
	background-repeat: repeat-y;
}

#Content {
	position: relative;
	width: 100%;
	background-image: url(Imatges/Base/fondos/fondoMainCenterpng.png);
	background-repeat: repeat-y;
	height: auto;
	overflow: hidden;
	padding-left: 25px;
	padding-right: 25px;
}

#BottomMenu {
	position: relative;
	width: 100%;
	background-image: url(Imatges/Base/fondos/fondoMainCenterpng.png);
	background-repeat: repeat-y;
}
#Footer {
	position: relative;
	width: 100%;
	background-image: url(Imatges/Base/barrasBottom.png);
	background-repeat: no-repeat;
	height: 50px;
}

/* Menu General*/
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #FF0000;
}
a:hover {
	text-decoration: none;
	color: #EF6D00;
}
a:active {
	text-decoration: none;
}

/* Menu derecho*/
#menuDerecha {
	left: 685px;
	top: 17px;
	width: 220px;
	z-index: 1;
	height: 100%;
	position: absolute;
}


#menuDerechaCatalogo {
	top: 17px;
	width: 220px;
	z-index: 1;
	height: 100%;
	float:right;
	padding-right:40px;
	padding-top: 8px;
}

#textoHome {

	width: 220px;
	z-index: 1;
	height: 100%;
	position: relative;
}

#menuDerechoTop {
	background-image: url(Imatges/menuDerecha/Top.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	top: 0px;
	height: 28px;
	margin-bottom: -15px;
	*margin-bottom: 0px;
}
#menuDerechoCenter {
	position: relative;
	width: 100%;
	top: 0px;
	background-repeat: repeat-y;
	background-image: url(Imatges/menuDerecha/Center.gif);
}

#menuDerechoBottom {
	background-image: url(Imatges/menuDerecha/Bottom.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	bottom: 0px;
	top: 0px;
	height: 28px;
	margin-top: -15px;
}

#menuDerechoContent {
	position: relative;
	width: 175px;
	left: 20px;   /*Para todos los navegadores excepto Internet Explorer.*/
	*padding-top: -20px;
	*padding-bottom: -50px;
	color: #FFFFFF;
	text-align: left;

}

.textoMenuDerecho a:link {
	 color:#FFF;
}

.textoMenuDerecho a:visited {
color:#FFF;

}

.textoMenuDerecho a:hover{
	color:#CCCCCC;
}

.textoMenuDerecho {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 25px;
	list-style-type: none;
	text-indent: -20px;
	color: #999;
}

/*Mi compra*/

#compraTop {
	background-image: url(Imatges/Mi%20compra/top.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	top: 0px;
	height: 28px;
}
#compraCenter {
	position: relative;
	width: 100%;
	background-repeat: repeat-y;
	background-image: url(Imatges/Mi%20compra/center.gif);
	color: #FFFFFF;
	top: 0px;
}
.miCompra {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}


#compraBottom {
	background-image: url(Imatges/Mi%20compra/bottom.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	bottom: 0px;
	top: 0px;
	*top: -8px;
	height: 28px;
	left: 0;
}

#cesta {
	left: 670px;
	top: 17px;
	width: 220px;
	z-index: 1;
	background-repeat: no-repeat;
}
.TituloPedido {
	font-size: 16px;
	color: #FFFFFF;
	border-bottom-width: 100%;
	border-bottom-style: none;
	text-align: center;
	white-space: normal;
	position: relative;
	top: -25px;
	*top: -30px;
}

.noProductos {
	color:#FFFFFF;
	text-align: center;
}
.hr1 {
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-size: xx-small;
	border: thin solid #FFFFFF;
	position: absolute;
	top: -5px;
	width: 170px;
	*top:-5px;
    *left: 0px; /*Para internet Explorer.*/
}



/*Pantalla Segmentación*/
.textMenu {
	font-size: 95%;
	font-weight: bold;
	color: #000000;
}


#segmentos {
	position: relative;
	width: 70%;
	background-repeat: no-repeat;
	background-position: top;
	height: 160px;
	background-image: url(Imatges/fondoPortlet.gif);
	margin-left: 5px;
	float: left;
}

#texto {
	position: absolute;
	height: 77px;
	width: 273px;
	left: 13px;
	top: 41px;
	*top: 51px;
	color: #FFFFFF;
}
.detalleTexto {
	font-size: 16px;
	color: #000000;
}

#flash {
	position: relative;
	width: 312px;
	left: 43px;
	top: 18px;
	height: 121px;
}

#foto {
	position: absolute;
	width: 178px;
	top: -3px;
	right: 33px;
	height: 172px;
}



/*plantilla Catalogo*/
#catalogo {
	width: 900px;
padding-left: 20px;
	position: relative;
	overflow: hidden;
	height: 100%;
	top: -5px;
}

#mosaico {
	width: 295px;
	margin-left: 8px;
	margin-top: 0px;
	height: 220px;
	background-image: url(Imatges/mosaico0707.gif);
	background-repeat: no-repeat;
	float: left;
	padding-left: 10px;
}


#mosaico h1 {
	font-size: 140%;
	font-weight: bold;
	color: #3399FF;
	width: 80%;
	height: 20px;
	padding-left: 22px;
	padding-top:20px;   /*Para todos los navegadores excepto Internet Explorer.*/
    *padding-top:30px; /*Para internet Explorer.*/

}

#fotoProd {
	position: relative;
	height: 125px;
	top: -135px;
	*top: -152px;
	float: right;
	left: -35px;
}
#mosaico p {
	color: #000000;
	text-align: left;
	font-size: 90%;
	width: 105px;
	height: 110px;
	position: relative;
	left: 22px;
	top: 5px;
	/*padding-top: 10px;*/
	*top: -5px;
	line-height: 10px;
}

#mosaicoFooter {
	position: relative;
	height: 15px;
	width: 150px;
	left: 0px;
}

#mosaico #tabla #carrito img{

}
#mosaico #tabla {
	position: relative;
	left: 15px;
	top: -18px;
	*top: -165px;
	width: 265px;
	*width: 250px;
	
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #mosaico #tabla { left: 10px;
	top: -145px; }
}

.precioDetalles {
	font-size: 120%;
	font-weight: bold;
	color: #FF0000;
	width: 100%;   /*Para todos los navegadores excepto Internet Explorer.*/
    *padding-top:25px; /*Para internet Explorer.*/
}

.precio {
	font-size: 140%;
	font-weight: bold;
	color: #FF0000;
	width: 100%;   /*Para todos los navegadores excepto Internet Explorer.*/
    *padding-top:25px; /*Para internet Explorer.*/
}
.fondocruz {
	background-image: url(Imatges/cruz.png);
	background-repeat: no-repeat;
	background-position: 10px;
	font-size: 150%;
	font-weight: bold;
	color: #FF0000;
}
.preciosProductos {
	font-size: 150%;
	font-weight: bold;
	color: #FF0000;
}

.disponibilidad {
	font-size: 100%;
	color: #FF0000;   /*Para todos los navegadores excepto Internet Explorer.*/
    *padding-top:25px; /*Para internet Explorer.*/
}
.gastosEnvio {
	font-size: 120%;
	font-weight: bold;
	color: #FF0000;   /*Para todos los navegadores excepto Internet Explorer.*/
    *padding-top:25px; /*Para internet Explorer.*/
}

.gastosEnvio a:link {
	 color:#FF0000;
}
.gastosEnvio a:hover{
	color:#FF0000;
}
.tituloDetalles {
	font-size: 150%;
	font-weight: bold;
	color: #3399FF;   /*Para todos los navegadores excepto Internet Explorer.*/

    *padding-top:25px; /*Para internet Explorer.*/
	text-align: left;
}
#fondoDetalles {
	position: absolute;
	height: 550px;
	width: 550px;
	background-image: url(Imatges/fondoDetalles.gif);
}
#contentDetalles {
	position: absolute;
	height: 452px;
	width: 464px;
	top: 48px;
	left: 36px;
}
.precioDetallesGrande {



	font-size: 140%;
	font-weight: bold;
	color: #FF0000;
	width: 100%;   /*Para todos los navegadores excepto Internet Explorer.*/
    *padding-top:25px; /*Para internet Explorer.*/
}
.gastosEnvio a {

	 color:#FF0000;
}

/*Pantalla Pedido*/
#cestaOk {
	position: relative;
	width: 800px;
	left: 6%;
	right: 5%;
}
#headerPedido {
	position: relative;
	height: 70px;
	width: 100%;
	background-image: url(Imatges/pantallaPedido/fondoTop.gif);
	background-repeat: no-repeat;
}
#contentCesta {
	background-image: url(Imatges/pantallaPedido/fondoCenter.gif);
	background-repeat: repeat-y;
	position: relative;
	width: 100%;
}
#footerCesta {
	background-image: url(Imatges/pantallaPedido/fondoBottom.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 206px;
	width: 100%;
	bottom: 0px;
	background-position: top;
}
#contenidoPedido {
	position: relative;
	width: 90%;
	left: 40px;
}
.lineaCelda {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	color: #FF0000;
	font-size: 110%;
}





#botones {
	width: 90%;
	left: 40px;
	position: relative;
	bottom: -30px;
}
.titPedido {
	font-size: 18px;
	color:#FFFFFF;
	text-transform: uppercase;
}
.nombreProducto {
	font-size: 12px;
	color: #FF0000;
}
.cantidad {
	font-weight: bold;
}
#botonTotalCopia {
	color: #FFFFFF;
	width: 230px;
	text-align: left;
	height: 60px;
	background-image: url(Imatges/pantallaPedido/FondoTotal2.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	background-position: center center;
	position: relative;
}
#contentTotal {
	position: relative;
	height: 25px;
	width: 180px;
	top: 20px;
	left: 25px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

/*Pantalla Quienes Somos*/
#headerCorporativa {
	position: relative;
	height: 70px;
	width: 100%;
	background-image: url(Imatges/Pantalla%20Quienes%20Somos/FondoTop.gif);
	background-repeat: no-repeat;
}
#contentCorporativa {
	background-image: url(Imatges/Pantalla%20Quienes%20Somos/FondoCenter.gif);
	background-repeat: repeat-y;
	position: relative;
	width: 100%;
	top: 0px;
}
#footerCorporativa {
	background-image: url(Imatges/Pantalla%20Quienes%20Somos/FondoBottom.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 337px;
	width: 100%;
	bottom: 0px;
	top: 0px;
}

#imagenes {
	left: 380px;
	position: relative;
	bottom: 0px;
	width: 350px;
}
#contenidoCorporativa {
	position: relative;
	width: 70%;
	left: 110px;
	color: #999999;
	font-size: 150%;
	text-align: center;
}
.titCorporativa {
	font-size: 16px;
	color: #EF6D00;
	font-weight: bold;
}

#tituloCorporativa {
	position: relative;
	bottom: 0px;
	text-align: center;
	left: 320px;
	top: 50px;
	height: 25px;
	left:320px;   /*Para todos los navegadores excepto Internet Explorer.*/


    *left:0px; /*Para internet Explorer.*/
	width: 100%;
	z-index: auto;
	visibility: visible;
}

/*Pantalla datos Personales*/
#titulo {
	position: relative;
	bottom: 0px;
	width: 716px;
	text-align: center;
	left: 40px;
	top: 30px;
	background-image: url(Imatges/pantallaPedido/TituloPedido.gif);
	height: 37px;
}
.fondoCeldas {
	background-image: url(Imatges/Pantalla%20datos%20Personales/FondoCeldasDatos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	width: 350px;
	height: 55px;
	*height: 55px;
	padding-left: 15px;
	font-size: 120%;
}
.fondoCeldaGrande {
	background-image: url(Imatges/Pantalla%20datos%20Personales/fondoCeldasGrande.gif);
	background-repeat: no-repeat;
	color: #000000;
	text-align: left;
	vertical-align: baseline;
	padding-left: 15px;
	font-size: 120%;
	height: 140px;
	*height:115px;
	width: 715px;
	padding-top: 10px;
	*padding-top: 20px;
}
.textDireccion {
	vertical-align: top;
}

.textoSuperior {
	color: #FF0000;
	font-size: 140%;
	margin-left: 25px;
	text-align: center;
}

.checkBox {
	border: 1px solid #FF0000;
	background-color: #FFFFFF;
	height: 20px;
	width: 20px;
}

/*Pantalla Identificacion*/

#inscribete {
	position: relative;
	width: 270px;
	left: 72px;
	float: left;
}
#test {
	position: absolute;
}

#identifiquese {
	position: relative;
	width: 450px;
	left: 120px;
	float: left;
}

#headerInscribete {
	background-image: url(Imatges/Pantalla%20Identificacion/fondoVerdeTop.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 100%;
	position: relative;
}
#ContentInscribete {
	background-image: url(Imatges/Pantalla%20Identificacion/fondoVerdeCenter.gif);
	background-repeat: repeat-y;
	position: relative;
	width: 100%;
}
#footerInscribete {
	background-image: url(Imatges/Pantalla%20Identificacion/fondoVerdeBottom.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 55px;
	width: 100%;
	top: -15px;
	*top: -10px;
}
#headerIdentifiquese {

	background-image: url(Imatges/Pantalla%20Identificacion/fondoNaranjaTop.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 100%;
	position: relative;
}
#ContentIdentifiquese {

	background-image: url(Imatges/Pantalla%20Identificacion/fondoNaranjaCenter.gif);
	background-repeat: repeat-y;
	position: relative;
	width: 100%;
}
#footerIdentifiquese {

	background-image: url(Imatges/Pantalla%20Identificacion/fondoNaranjaBottom.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 60px;
	width: 100%;
	top: -20px;
	*top: -20px;
}
#textoCliente {
	color: #E79210;
	text-align: center;
	position: relative;
	width: 100%;
	font-size: 140%;
}
#contenidoInscribete {
	position: relative;
	width: 80%;
	left: 27px;
	color: #FFFFFF;
	font-size: 150%;
	text-align: center;
	line-height: 25px;
}
.pastillaVerde {
	background-image: url(Imatges/Pantalla%20Identificacion/pastillaVerde.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 300px;
	background-position: center;
	font-size: 90%;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;

	*padding-top: 75px;
	padding-top: 0px;

	*padding-left: 40px;
	line-height: 18px;
}
.pastillaBlanca {
	background-repeat: no-repeat;
	background-position: center;
	width: 415px;
	height: 20px;
	*padding-left: 25px;
}

#contenidoIdentifiquese {

	position: relative;
	width: 85%;
	left: 40px;
	color: #FFFFFF;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	top:-20px;
}

/* Pantalla Hacerme Socio*/

#tituloSocio {
	position: relative;
	bottom: 0px;
	width: 716px;
	text-align: center;
	left: 40px;
	top: 45px;
	background-image: url(Imatges/Pantalla%20Socio/TituloSocio.gif);
	height: 37px;
	background-repeat: no-repeat;
	background-position: center;
}
#headerSocio {
	position: relative;
	height: 90px;
	width: 100%;
	background-image: url(Imatges/Pantalla%20Socio/top2.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#contentSocio {
	background-image: url(Imatges/Pantalla%20Socio/fondoCenter.gif);
	background-repeat: repeat-y;
	position: relative;
	width: 100%;
	top: 0px;
	background-position: center;
}
#footerSocio {
	background-image: url(Imatges/Pantalla%20Socio/fondoBottom.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 111px;
	width: 100%;
	bottom: 0px;
	top: -5px;
	background-position: center;
}
#contenidoSocio {
	position: relative;
	width: 90%;
	left: 40px;
}
.fondoCeldasSocio {
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	width: 350px;
	height: 45px;
	*height: 45px;
	padding-left: 15px;
	font-size: 120%;
}
#botonesSocio {
	width: 90%;
	left: 40px;
	position: relative;
	bottom: -5px;
}
.textoSocio {
	font-size: 140%;
	color: #FFFFFF;
}
.textoSocio p {
	padding-right: 10px;
	padding-left: 10px;
}


/* Pantalla FAQ*/

#menuAtencion {
	position: relative;
	width: 170px;
	left: 22px;
	top:2px;   /*Para todos los navegadores excepto Internet Explorer.*/
    *top: 3px; /*Para internet Explorer.*/
	padding-bottom: -30px;
	*padding-bottom: 1px;/*Para internet Explorer.*/
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;

}
#headerFaq {
	position: relative;
	height: 40px;
	width: 100%;
	background-image: url(Imatges/Pantalla%20Socio/fondoTop.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.RespuestaFaq {
	color: #FFFFFF;
	font-size: 120%;
}
.RespuestaFaq p {padding:0 10px}

.textoSocio a {

	 color:#FFFFFF;
}
.textoSocio a:link {
	 color:#FFFFFF;
}
.textoSocio a:hover{
	color:#000000;
}
.textoSocio a:active{
	color:#000000;
}

/* Pantalla Comentarios*/
#headerComentarios {
	position: relative;
	height: 60px;
	width: 100%;
	background-image: url(Imatges/Pantalla%20Comentarios/top2.gif);
	background-repeat: no-repeat;
}
#contentComentarios {
	background-image: url(Imatges/Pantalla%20Comentarios/center2.gif);
	background-repeat: repeat-y;
	position: relative;
	width: 100%;
	top: 0px;
}
#footerComentarios {
	background-image: url(Imatges/Pantalla%20Comentarios/bottom2.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 65px;
	width: 100%;
	bottom: 0px;
	top: -33px;

}
#contenidoComentarios {
	position: relative;
	width: 90%;
	left: 40px;
}
#Consultas {
	left: 670px;
	top: 17px;
	width: 220px;
	z-index: 1;
	height: 200px;
	background-image: url(Imatges/PastillaConsultas300709.png);
}
#ConsultasTop {
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	top: 0px;
	height: 28px;
}
#ConsultasCenter {
	position: relative;
	width: 100%;
	top: 0px;
	background-repeat: repeat-y;
}

#ConsultasBottom {
	position: relative;
	width: 100%;
	bottom: 0px;
	top: 0px;
	height: 28px;
}
#textoConsultas {
	position: relative;
	width: 177px;
	left: 19px;
	top:-15px;   /*Para todos los navegadores excepto Internet Explorer.*/
    *top: -12px; /*Para internet Explorer.*/
	padding-bottom: 1px;
	*padding-bottom: 1px;/*Para internet Explorer.*/
	font-size: 120%;
	color: #FFFFFF;
	text-align: center;

}
.pastillaBlancaComentarios {
	background-repeat: no-repeat;
	background-position: center;
	width: 415px;
	height: 30px;
	padding-left: 50px;
	padding-top: -10px;
	color: #FFFFFF;
}

.pastillaBlancaComentariosGrandes {
	background-repeat: no-repeat;
	background-position: center;
	width: 415px;
	height: 100px;
	padding-left: 50px;
	*padding-top: 10px;
	padding-top: 0px;
	color: #FFFFFF;
}

.hr2 {
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-size: xx-small;
	border: thin solid #FFFFFF;
	position: relative;
	top: -5px;
	width: 450px;
	*top:-15px;
    *left: 0px; /*Para internet Explorer.*/
}
.Rubricss {
	font-size: 100%;
	color: #FFFFFF;
	font-weight: bold;
	text-indent: 20px;
	
}
.lineaBlanca {
	background-image: url(Imatges/lineaBlanca.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
																																																		
#textoDetalle {
	position: absolute;
	width: 118px;
}
.linea {
	background-image: url(Imatges/lineaBlanca.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}


.olvidado {font-size: 90%; color: #000000; font-weight: normal; }

.olvidado a:hover {color:#FFFFFF; }

.olvidado a {color: #000000; }

.fundoPunteado {
	background-image: url(imatges/topics/fondoPunteado.gif);
	background-repeat: repeat-y;
	background-position: center center;
}
.textoMenuDerechoHome {
	color: #FFFFFF;
	text-align: center;
	line-height: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
}
.redAlert {
	color: #FF0000;
	font-weight: bold;
}
.dummyCell {
	font-size: 5%;
}