

body {
	background: #fff;
	margin: 0;
	padding: 0;
}
				/* SUPA GENERIC */
			
						img {
							border: 0;
						}
						
						p.clear {
							clear: both;
							margin: 0;
							padding: 0;
						}
				
				/* ENDS GENERICS */


#yello {
	width: 740px;
	margin: 0 auto;
	padding: 0 0 2em 0;
}


			#cabecera {
				background: #939 url(../images/head_bg.gif) repeat-x top;
				color: #fff;
				border-bottom: 4px solid #5F005F;
			}
			
						#cabecera img {
							display: block;
						}
						
						#cabecera h1 {
							margin: 0;
							width: 265px;
							float: left;
						}
						
						#cabecera h2 {
							width: 200px;
							float: right;
							margin: 14px 0 0 0;
					
						}
						
				
						
						
/* NAV */


.login {
	font: .7em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
	width: 409px;
	float: right;
	margin: 0;
	padding: 0.5em .2em .2em 1em;
}

				.login p {
					margin: 0;
				}
				
/*BUSCAR REF*/

#buscar_ref { width:240px; height:30px; background:url(../images/buscar_ref.jpg) no-repeat;}
.referencia {float: left; width: 64px; height: 17px; font-size: 11px; color: #993399; border: 0; background: transparent; margin: 6px 0 0 138px;}
.boton { float: left; width: 26px; height: 20px; border: 0; background: transparent; margin: 5px 0 0 10px; cursor:pointer;}

/* lista compra */

.lista_compra {margin-bottom:10px;}
/*.lista_compra a:hover, a { color:#993399; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}*/


/* home-promo */


.home-promo {
	margin: 0 0 0 0;
	padding-bottom: 20px;
}

			div.promo {
				float: right;
				width: 415px;
			}

			p.pro {
				margin: 0 0 .4em 0;
			}
			
			p.pro img {
				border: 1px solid #ccc;
				display: block;
			}
			
			
.cuerpo-dir-que-es {
	width: 305px;
	float: left;
	}
	
				.compra-por-linea {
					margin-right: 15px;
				}
	
				.compra-por-linea, .compra-por-tipo {
					width: 140px;
					float: left;
				}
				
				.compra-por-linea h3, .compra-por-tipo h3 {
					font: bold .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
					background: bottom repeat-x url(../images/linea_sombra.gif);
					text-transform: uppercase;
					margin: 0 0 0 0;
					padding: 0 0 .6em 0;
				}
				
				.compra-por-linea ul, .compra-por-tipo ul {
					list-style: url(../images/bullet.gif);
					font: .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
					color: #666;
				}
		
	
				.compra-por-linea h3 {
					color: #939;
				}
				
				.compra-por-tipo {
					color: #5F005F;
				}
				
				
				.que-es h3 {
					font: bold .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
					background: bottom repeat-x url(../images/linea_sombra.gif);
					text-transform: uppercase;
					margin: 0 0 0 0;
					padding: 1em 0 .6em 0;
				}
				
				.que-es p {
					font: .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
					color: #666;
				} 
				
				.address {
					background: #F466EC;
					color: #fff;
					padding: .4em;
					margin: 0 0 0 0;
				}
				
				.address h3 {
					font: bold .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					margin: 0.1em .7em 0 0;
					float: left;
				}
				
				.address p {
					font: .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
					margin: 0;
				}
				
				.imgright {
					float: right;
					margin: .5em .5em 0 1em;
				}
				
				
	/* noticias */
	
	.noticias-best {
		padding: 0 0 30px 0;
	}
	
	.noticias-last {
		width: 305px;
		float: left;
	}
	
					.noticias-last h3, .bestbuy h3, .last10 h3 {
						font: bold .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
						background: bottom repeat-x url(../images/linea_sombra.gif);
						text-transform: uppercase;
						margin: 0 0 0 0;
						padding: 0em 0 .6em 0;
					}
					
					.last10 h3 {
						width: 50%;
						margin-top: 20px;
					}
					
					.last10 {
						float: left;
						padding-bottom: 30px;
					}
					
					
		.bestbuy {
			width: 414px;
			float: right;
		}
		
		.noticias-best p, div#pie p, .last10 p {
			font: .7em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #666;
		}
		
		.noticias-best h4 {
			 font: bold .7em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
			 width: 260px;
			 margin: 0;
			 float: right;
		}
		
			.noticias-best p.lol {
				float: right;
				margin: 0;
				 width: 260px;
			}
					
				.imgleft {
					float: left;
				}
				
				.noticias-best img.imgleft {
					margin: 0 0 0 .5em;
				}
				
				.bestbuy table td img {
					padding: 1px;
					display: block;
				}
					
					.tabla-enlaces a {
						height: 70px;
						width: 70px;
						display: block;
						margin-right: .5em;
						margin-bottom: 2px;
					}
					
					.tabla-enlaces p {
						margin: 0 auto 1.3em auto;
						font: .7em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif !important;
						text-align: center;
						color: #666;
						}
				
					.tabla-enlaces a:link {	border: 1px solid #f1f1f1;	}
					.tabla-enlaces a:visited {	border: 1px solid #ccc;	}
					.tabla-enlaces a:active {	border: 1px solid #F466EC;	}
					.tabla-enlaces a:hover {	border: 1px solid #ccc;	}
					
					
					/* PIE DE PÁGINA */
					
					div#pie {
						border-top: 1px dotted #ccc;
					}
					
					div#pie img {
						float: left;
						margin: 0px 0px 0 0;
					}
					
					div#pie p.tool {
						float: left;						
					}
					
					div#pie p.made-by {
						float: right;						
						text-align: right;
					}
					
					/* POST */
					
					div#post {
						width: 515px;
						float: left;
						padding-bottom: 20px;
					}
					
					div#post h1 {
						margin: 0;
					}
					
					div#post h2 {
						color: #999;
						font: bold .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
						margin: 0 0 0 0;
					}
					
					div#post p {
						font: .8em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
						color: #666;
					}
					div#post li {
						font: .8em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
						color: #666;
					}
					 
					#menu {
						width: 195px;
						float: right;
					}
					
					#menu h3 {
						border-bottom: 3px solid #999;
						font: bold .8em "Trebuchet MS", Arial, Helvetica, san-serif;
						color: #FF66FF;
						margin: 0;
					}
					
					#menu .menu-body {
						background: #EDEAEA url(../images/menu1_bg.gif) bottom right no-repeat;
						padding: 10px;
					}
					
								.menu-body p {
									font: .7em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
									color: #333;
									margin: 0 10px 10px 10px;
								}
					
								.menu-body ul {
									list-style: url(../images/li_menu.gif);
									margin-top: 0;
									font: .7em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
								}
								
											.menu-body ul li {
												margin-bottom: 5px;
											}
											
											ul li.oferta {
												margin-top: 10px;
												margin-bottom: 5px !important;
												font-weight: bold !important;
											}
											
											.fondol {
												margin-bottom: 15px;
											}
											
												.fondol img {
													display: block;
												}
												
												
					#crumbed {
						font: .7em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
						color: #666;
					}
					
					
					
					/* PROD NAV */
					
					
					.prodnav {
						background: url(../images/linea_de_productos.gif) no-repeat top right;
					}
					
					.prodmain {
						margin: 10px auto;
					}
					
					.prodmain td img {
						display: block;
					}
					
					
					.prodmain .td1{
						padding-top: 50px;
					}
					
					.prodmain .td4{
						padding-top: 30px;
					}
					
					
					.last10 h3 {
						
					}
					
					.promain td img {
						margin: 5px auto;
					}
					
					.dolo td img.thumb {
						display: block;
						padding: 1px;
						width: 103px;
						height: 103px;
					}
					
					table.dolo td a {
						width: 105px;
						height: 105px;
						display: block;
						margin-right: 15px;
					}
					
					table.dolo td a:link {	border: 1px solid #f1f1f1;	}
					table.dolo td a:visited {	border: 1px solid #ccc;	}
					table.dolo td a:active {	border: 1px solid #F466EC;	}
					table.dolo td a:hover {	border: 1px solid #ccc;	}
					
					table.dolo td a.img_preview{
						border: 0;
						width: 30px;
						height: 30px;
						display: block;
						float:left;
					}
					
					table.dolo td img.subtitle {
						padding: 5px 0 15px 0;
					}
					
					div.productos h3 {
						font: bold .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
						background: bottom repeat-x url(../images/linea_sombra.gif);
						text-transform: uppercase;
						margin: 0 0 0 0;
						padding: 0em 0 .6em 0;
						color: #993399;
					}
					div.productos img {
						padding: 1px;
					display: block;
					}
				
				
				/* NAV LOLO */ 
				
				div#nav {
					margin: 0 auto 5px auto;
					padding: 0;
					height: 27px;
					list-style: none;
				/*	display: inline; */
				overflow: hidden;
				background-repeat: no-repeat;
				background-position: right;
				width: 610px;
				}
	
			#ulnav {
				padding-left: 0;
				margin: 0;
				}

			#ulnav li {
				margin: 0; 
				padding: 0;
  				list-style: none;
				display: inline;
				}

			#ulnav a {
				float: left;
				padding: 27px 0 0 0;
				overflow: hidden;
				height: 0px !important; 
				height /**/:27px; /* for IE5/Win only */
				}
	
#ulnav a:hover {
	background-position: 0 -27px;
	}

#ulnav a:active, #nav a.selected {
	background-position: 0 -54px;
	}
	
#thome a  {
	width: 45px;
	background: url(../images/inicio_nav.gif) top left no-repeat;
	}	
	
#tempresa a  {
	width: 71px;
	background: url(../images/laempresa_nav.gif) top left no-repeat;
	}
	
#tprods a  {
	width: 78px;
	background: url(../images/productos_nav.gif) top left no-repeat;
	}
	
#ttarifas a  {
	width: 55px;
	background: url(../images/tarifas_nav.gif) top left no-repeat;
	}
	
#tpreguntas a  {
	width: 129px;
	background: url(../images/preguntas_nav.gif) top left no-repeat;
	}
	
#tcontactar a  {
	width: 70px;
	background: url(../images/contactar_nav.gif) top left no-repeat;
	}
	
#tdistribuidores a  {
	width: 90px;
	background: url(../images/distribuidores_nav.gif) top left no-repeat;
	}
	
#teventos a  {
	width: 62px;
	background: url(../images/eventos_nav.gif) top left no-repeat;
	}
	
	
.text1 {
		font: .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #993399;
		}
.text2 {
		font: .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #666;
		}
.text3 {
		font: .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #333;
		}
		
p.warning {
	color: #C00 !important;
	font: bold 15px Arial !important;
}


.regalos h3 {
	font: bold .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: bottom repeat-x url(../images/linea_sombra.gif);
	text-transform: uppercase;
	margin: 0 0 0 0;
	padding: 0em 0 .6em 0;
}

.regalos h3 {
/*	width: 200px;*/
	margin-top: 20px;
}
					
.regalos {
	float: right;
	width: 40%;
	padding-bottom: 30px;
}					
		
.regalos p {
	font: .7em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
}

input.precio {
	border: 0px;
	text-align: right;
	font-size: 9px !important;
	font-weight: bold;
	width: 50px;
}

/*EVENTO*/

#columna_evento { float:right; width:195px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.evento { margin:5px 0px; }
.evento .titol{ border-bottom:3px #999 solid; color:#ff66ff; font-size:16px;}
.evento .contenido { background:#edeaea url(../images/bg_eventos.jpg) no-repeat bottom; font: 11px #999 "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 10px 10px 20px 10px;}


#wrapper_event {background: url(../images/../images/eventos_tituloazul.jpg) no-repeat top left; 
width: 515px; 
float: left; 
padding:40px 0 20px 0;
margin-top:10px;

}

#wrapper_event .txt_event { 
	color:#999;
	font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;}
	
	#wrapper_event .txt_event .txt_event_titular{
	color:#999;
	font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
		}
#wrapper_event .galeria_event { margin:10px 0px; height:284px; width:512px; background: url(../images/bg_galeria.jpg) no-repeat;}
#wrapper_event .video_event { background:#edeaea; padding:10px; margin:10px 0px; width: 409px;}

/*GALERIA*/

.gallerycontainer{
float:right;
width:80px;
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
float: left;
border: 3px solid #ffffff;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color:#ededea;
}

.thumbnail:hover img{
border: 3px solid #993399;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -430px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

