/*** Imaginarium.es ***/
/*presentation.css - linea grafica del site */

/*------------------------------------- ELEMENTOS GLOBALES -------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/bkg-page-top.gif) left top no-repeat;
	color: #666;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
}

a:link, .anchor a:visited { color: #3366cc }
a:visited { color: #919bae }
a:hover, a:focus, a:active { color: #064598 }

abbr, acronym { border-bottom: 1px dotted #666 }
img { border: 0 }

p, ol, ul, form,
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .8em 0;
	padding: 0;
}

/*--- Ocultar elementos ---*/
.hide { display: none }

/*--- Volver al normal flujo ---*/
.clr { clear: both }

/*--- Float a la izquierda ---*/
.floatL { float: left; margin: 0 8px 0 5px; }

/*--- Float a la derecha ---*/
.floatR { float: right }

/*--- Listado sin vinetas ---*/
.no-list { list-style: none }

/*--- Listado normal ---*/
.normal-list { margin: 0 0 20px 25px; font-size: 12px }
.normal-list li { margin-bottom: 1px }

/*--- Margen inferior ---*/
.margin-bottom { margin-bottom: 40px }

/*------------------------------------- TIPOLOGIAS DE ENLACES -------------------------------------*/

/*--- Enlace bevel gris pequeno ---*/
a.button-bevel-s {
	padding: 4px 0;
	background: url('../images/bkg-input-buttonL-s.gif') left center no-repeat;
}

a.button-bevel-s:link,
a.button-bevel-s:visited {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

	a.button-bevel-s span {
		padding: 4px 13px;
		background: url('../images/bkg-input-buttonR-s.gif') right center no-repeat;
	}
	
/*--- Enlace bevel blanco ---*/
a.button-white {
	padding: 3px 0;
	* padding: 0; /* para IEs */
	background: url('../images/bkg-input-buttonL-white.gif') left bottom no-repeat;
	
}

a.button-white:link,
a.button-white:visited {
	color: #3a71b8;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

	a.button-white span {
		padding: 3px 50px 3px 15px;
		background: url('../images/bkg-input-buttonR-white2.gif') right bottom no-repeat;
	}
	
/*--- Enlace bevel azul ---*/
a.button-blue {
	padding: 3px 0;
	* padding: 0; /* para IEs */
	background: url('../images/bkg-input-buttonL-blu.gif') left bottom no-repeat;
	
}

a.button-blue:link,
a.button-blue:visited {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

	a.button-blue span {
		padding: 3px 20px 3px 10px;
		background: url('../images/bkg-input-buttonR-blu.gif') right bottom no-repeat;
	}
	
/*--- Enlace bevel azulado ---*/
a.button-bluelight {
	padding: 3px 0;
	* padding: 0; /* para IEs */
	background: url('../images/bkg-input-buttonL-blulight.gif') left bottom no-repeat;
	
}

a.button-bluelight:link,
a.button-bluelight:visited {
	color: #3a71b8;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

	a.button-bluelight span {
		padding: 3px 15px 3px 5px;
		background: url('../images/bkg-input-buttonR-blulight.gif') right bottom no-repeat;
	}
	
/*------------------------------------- TIPOLOGIAS DE BOTONES -------------------------------------*/

/*--- Botones para aumentar o diminuir unidades ---*/
.up-down-buttons { height:20px; width: 13px }
.up-down-buttons a { display: block; height: 7px }
.up-down-buttons a.up { margin-bottom: 1px }

/*--- Boton formulario bevel gris ---*/
.button-gray {
	padding: 5px 0;
	background: url('../images/bkg-input-buttonL.gif') left center no-repeat;
}

	.button-gray input {
		border: 0;
		padding: 3px 14px;
		* padding: 3px 0; /* para IEs */
		background: transparent url('../images/bkg-input-buttonR.gif') no-repeat;
		background-position: right bottom;
		* background-position: right center; /* para IEs */
		font: bold 12px Arial, Helvetica, sans-serif;
		cursor: pointer;
	}

/*--- Boton formulario bevel azul ---*/
.button-blue {
	padding: 4px 0;
	background: url('../images/bkg-input-buttonL-blu.gif') left center no-repeat;
}

	.button-blue input {
		border: 0;
		padding: 3px 20px;
		* padding: 2px 0; /* para IEs */
		background: transparent url('../images/bkg-input-buttonR-blu.gif') no-repeat;
		background-position: right 2px;
		* background-position: right center; /* para IEs */
		color: #fff;
		font: bold 12px Arial, Helvetica, sans-serif;
		cursor: pointer;
	}
	
/*--- Boton formulario bevel azul light ---*/
.button-bluelight {
	padding: 4px 0;
	background: url('../images/bkg-input-buttonL-blulight.gif') left center no-repeat;
}

	.button-bluelight input {
		border: 0;
		padding: 3px 20px;
		* padding: 2px 0; /* para IEs */
		background: transparent url('../images/bkg-input-buttonR-blulight.gif') no-repeat;
		background-position: right 2px;
		* background-position: right center; /* para IEs */
		color: #3a71b8;
		font: bold 12px Arial, Helvetica, sans-serif;
		cursor: pointer;
	}





/*home.css - estilo home page */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* ESTILOS ESPECIFICOS */
.descripcion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ACACAC;
}

.usuario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #893E25;
}
.fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #893E25;
}
/* ESTILOS DE TABLAS */
table.contornogris {
	background-color: #B5A7A9;
}
td.linea {
	background-color: #EDE5DE;
}
td.descuento {
	font-family: Arial, Helvetica, sans-serif;
	color: #F02233;
	font-size: 20px;
	font-weight: bold;
	text-decoration:none;
}
td.textologin {
	font-family: Arial, Helvetica, sans-serif;
	color: #76B7D0;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}
td.precio4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	font-style: normal;
	color: #ffffff;
}
td.precio3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	font-style: normal;
	color: #F02233;
}
td.titulo9{
	font-family: Arial, Helvetica, sans-serif;
	color: #6E96D5;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
}

td.titulo10{
	font-family: Arial, Helvetica, sans-serif;
	color: #6E96D5;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

td.titulo2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #171795;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
td.titulo {
	font-family: Arial, Helvetica, sans-serif;
	color: #82C340;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
td.contenido {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;	
	color: #00B8CA;
}
td.txtreportajes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;	
	color: #000E78;
}
td.txtreportajes2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;	
	color: #000E78;
}
td.precio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	font-style: normal;
	color: #F02233;
}
td.seccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #969696;
	}
td.pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #9D56BE;
}
td.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	color: #84BC34;
}
p.pie2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	font-style: normal;
	color: #171795;
}
td.buscadorsup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	color: #84BC34;
}
td.txtunidades {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;	
	color: #6E96D5;
}
td.descuento {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #FFFEC6;
}
/* ESTILOS FORMULARIOS */
input.unidades {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #00048A;
	background-color: #ffffff;
	border: 1px solid #00048A;
	width:22px;
	height:15px;

}
input.busqueda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #89D401;
	background-color: #ffffff;
	border: 1px solid #89D401;
}
input.buscador{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8CACDE;
	background-color: #ffffff;
	border: 1px solid #8CACDE;
}
input.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #84BC34;
	background-color: #ffffff;
	border: 1px solid #84BC34;
}
select.buscador {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8CACDE;
	background-color: #ffffff;
	border: 1px solid #8CACDE;
}
select.busqueda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #95C244;
	background-color: #ffffff;
	border: 1px solid #95C244;
}
textarea.notas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B38D72;
	background-color: #ffffff;
	border-top: 1px solid #B5A9A9;
	border-right: 1px solid #D6CDCD;
	border-bottom: 1px solid #E8E0E0;
	border-left: 1px solid #D6CDCD;
}
select.formulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9D56BE;
	background-color: #ffffff;
	border-top: 1px solid #B5A9A9;
	border-right: 1px solid #D6CDCD;
	border-bottom: 1px solid #E8E0E0;
	border-left: 1px solid #D6CDCD;
}
textarea.formulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #518EC7;
	background-color: #CAD6D6;
	border: 1px solid #6C7171;
}

input.formulariocheck {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9D56BE;
}
option.formulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #518EC7;
	background-color: #D8E2E3;
}
/* ESTILOS LINKS */
a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a.seccion {
	color: #82C340;
	font-size: 10px;
	text-decoration:none;
}
a.seccion:hover {
	color: #82C340;
	text-decoration: underline;
	font-size: 10px;
}
a.links {
	color: #000E78;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
a.links:hover {
	color: #000E78;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
}
a.links2 {
	color: #C4179A;
	font-size: 11px;
	text-decoration:none;
}
a.links2:hover {
	color: #C4179A;
	text-decoration: underline;
	font-size: 11px;
}

a.submenu {
	color: #00B8CA;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
a.submenu:hover {
	color: #00B8CA;
	text-decoration: underline;
	font-size: 11px;
}
a.titulo {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
a.titulo:hover {
	color: #ffffff;
	text-decoration: underline;
	font-size: 11px;
}
a.mas {
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
}
a.mas:hover {
	color: #ffffff;
	text-decoration: underline;
	font-size: 10px;
}
a.menulateral {
	color: #B38D72;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
}
a.menulateral:hover {
	color: #B38D72;
	text-decoration: underline;
	font-size: 11px;
}
a.menulateral2 {
	color: #B38D72;
	font-size: 10px;
	font-weight: normal;
	text-decoration:none;
}

a.carpetas {
	color: #B38D72;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}

a.prioridadalta {
	color: #BB0B0B;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	font-weight:bold;	
}
a.prioridadalta:hover {
	color: #BB0B0B;
	text-decoration: underline;
	font-size: 11px;
	font-weight:bold;	
}
a.pie {
	color: #404A9A;
	font-size: 10px;
	font-weight: normal;
	text-decoration:none;
}
a.pie:hover {
	color: #404A9A;
	text-decoration: underline;
	font-size: 10px;
}
a.menusuperior {
	color: #03078B;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
a.menusuperior:hover {
	color: #89D401;
	text-decoration: none;
	font-size: 11px;
}

td.precioRebajado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	font-style: normal;
	color: navy;
}

/* Estilos encuestas */
td.titEncuesta {
	color:#F29300;
	font-family:arial;
	font-weight:bold;
	font-size:18px;
}

td.tit2Encuesta{
	color:#D50941;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
}

td.tit3Encuesta {
	color:#F29300;
	font-family:arial;
	font-weight:bold;
	font-size:14px;
}

td.tit4Encuesta{
	color:#D50941;
	font-family:arial;
	font-weight:bold;
	font-size:11px;
}
	
td.respEncuesta{
	color:#E7335F;
	font-size:12px;
	font-family:arial;
}

td.respEncuestaPeque{
	color:#E7335F;
	font-size:10px;
	font-family:arial;
}


td.respEncuestaNegrita{
	color:#E7335F;
	font-size:11px;
	font-family:arial;
	font-weight:bold;
}

td.titEncuestaInterior {
	color:#F29300;
	font-family:arial;
	font-weight:bold;
	font-size:24px;
}

.titEncuestaMedioInterior {
	color:#F29300;
	font-family:arial;
	font-weight:bold;
	font-size:16px;
}

a.titOtrasEncuestas{
	color:#D50941;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
}

a.titOtrasEncuestas:hover{
	color:#D50941;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	cursor:hand;
	/*text-decoration:none;*/
}

td.txtResultados{
	color:#401200;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
}

.txtPopRecomendar{
	color:#F29300;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
}

input.formularioreportajesNaranja {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F29300;
	background-color: #ffffff;
	border: 1px solid #F29300;
}

textarea.formularioreportajesNaranja{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F29300;
	background-color: #ffffff;
	border: 1px solid #F29300;
	scrollbar-family-color: #F29300;
	scrollbar-highlight-color: #F7DAAC;
	scrollbar-3dlight-color: #A0B8DC;
	scrollbar-darkshadow-color: #203851;
	scrollbar-shadow-color: #F7DAAC;
	scrollbar-arrow-color: #F7DAAC;
	scrollbar-face-color: #F29300;	
	
}

a.txtPopRecomendar:hover{
	color: #F29300;
	font-size: 12px;
	font-weight: bold;	
	text-decoration:none;
}





/*module.css - estilo modulos */

/*------------------------------------- IMAGEN RANDOM DE CABECERA -------------------------------------*/
#random-image {
	position: absolute;
	top: 77px;
	right: -14px;
	* z-index: -1; /* para el correcto funcionamiento del drop-down Living Imaginariun en IE */
}

/*------------------------------------- LOGOTIPO -------------------------------------*/
#header .logo {
	position: absolute;
	top: 62px;
	margin: 0;
	z-index: 500;
}

/*------------------------------------- SLOGAN -------------------------------------*/
#header .slogan {
	position: absolute;
	top: 0px;
	margin: 0 0 0 16px;
}
	
/*------------------------------------- BUSCADOR y TELEFONO -------------------------------------*/
#header .search-phone {
	position: absolute;
	top: 8px;
	right: 27px;
}

	#header .search-phone form { float: left; width: 235px }
	#header .search-phone form div { float: left; width: 168px }
	
		#header .search-phone label span {
			position: absolute;
			top: -1500em;
		}
		
		#header .search-phone label input {
			width: 125px;
			border: 0;
			/* padding: 4px 3px 0 3px; */
			padding: 4px 3px;
			* padding: 3px 3px; /* para IE 7 */
			background: #e0e8f6 url(../images/bkg-input-search.gif) left top repeat-x;
			color: #214189;
			font-size: 1.2em;
		}
		
		* html #header .search-phone label input { padding: 3px 3px; } /* para IE 6 */
		
		#header .search-phone .button {
			border: 0;
			background: #e0e8f6;
			margin-left: -3px;
			vertical-align: -6px;
			* vertical-align: -3px; /* para IE */
		}
		
		* html #header .search-phone .button { vertical-align: -3px; } /* para IE 6 */
		
		#header .search-phone form a { font-size: 1.1em; line-height: 95% }
		
		#header .search-phone form a:link,
		#header .search-phone form a:visited { color: #afc6e9 }
		
	#header .search-phone p { float: left }
		
/*------------------------------------- MENU CORPORATIVO -------------------------------------*/
#header ul.menu {
	position: absolute;
	top: 55px;
	left: 403px;
}

	#header ul.menu li {
		display: inline;
		padding-right: 10px;
		font-size: 1.1em;
		list-style: none;
	}
	
		#header ul.menu li a:link { color: #50668d }
		#header ul.menu li a:hover { color: #273a5d }
		
/*------------------------------------- USUARIO -------------------------------------*/
#header .user {
	position: absolute;
	top: 40px;
	left: 593px;
	width: 220px;
	height: 33px;
	padding: 4px 0 0 9px;
	background: url(../images/bkg-user-header.gif) left top no-repeat;
	color: #e6edff;
}

	#header .user img { float: left; margin-right: 20px }
	#header .user p { margin-bottom: 0; font-size: 1.2em; line-height: 100% }
	
	#header .user ul li {
		display: inline;
		margin-right: 8px;
		list-style: none;
	}
	
		#header .user ul li a:link,
		#header .user ul li a:visited {
			padding-right: 7px;
			background: url(../images/ico-arrow-right-small.gif) right 4px no-repeat;
			color: #afc6e9;
		}
		
		#header .user ul li a:hover { color: #dae9ff }

/*------------------------------------- CARRITO -------------------------------------*/
#header .shopping-cart {
	position: absolute;
	top: 40px;
	left: 816px;
	width: 147px;
	height: 33px;
	padding-top: 4px;
	background: url(../images/bkg-shopping-cart-header.gif) left top no-repeat;
}

	#header .shopping-cart a {
		margin-left: 55px;
		text-transform: uppercase;
	}
	
	#header .shopping-cart a:link,
	#header .shopping-cart a:visited { color: #dae9ff }
	
	#header .shopping-cart a:hover { color: #fff }
	
	#header .shopping-cart span { display: block; margin: 0 0 0 55px; color: #dceafd; font-size: .9em }
	#header .shopping-cart span strong { font: bold 1.1em "Trebuchet MS", Arial, sans-serif }
	
/*--- Modulo carrito ubicado en la columna derecha ---*/
#col-right .shopping-cart { margin-bottom: 10px; background: url('../images/bkg-cart-center.gif') left top repeat-y }
#col-right .shopping-cart .outer { width: 195px; background: url('../images/bkg-cart-top.gif') left top no-repeat }
#col-right .shopping-cart .inner { width: 184px; padding-bottom: 22px; background: url('../images/bkg-cart-bottom.gif') left bottom no-repeat }

	/* Encabezado modulo */
	#col-right .shopping-cart h2 {
		padding: 15px 6px 0 8px;
		color: #cc7946;
		font: bold 1.6em "Trebuchet MS", Arial, sans-serif;
		line-height: 100%;
		letter-spacing: -1px;
	}
	
		#col-right .shopping-cart h2 span {
			display: block;
			font-size: 1.2em;
			font-weight: normal;
		}
		
	/* Aviso de login */
	#col-right .shopping-cart .login {
		width: 147px;
		height: 47px;
		margin: 0 0 8px 10px;
		padding: 5px 8px;
		background: url('../images/bkg-cart-green.png') left top no-repeat;
		color: #333;
		font-size: 1.1em;
		line-height: 115%;
	}
	
		/*--- Necesario para IE 6: transparencia PNG ---*/
		* html #col-right .shopping-cart .login {
			_background-image: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='./images/bkg-cart-green.png');
		}
		
	/* Listado productos */
	#col-right .shopping-cart h3 { margin: 0 0 1px 10px; font-size: 1.1em }
	#col-right .shopping-cart ul { margin: 0 10px 6px 10px }
	#col-right .shopping-cart li {  color: #333; font-size: 1.1em; list-style: none; line-height: 110% }
	
	/* Total */
	#col-right .shopping-cart .total {
		border-top: 1px solid #cfd9e8;
		margin: 15px 10px 10px;
		padding-top: 5px;
		color: #333;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	#col-right .shopping-cart .total dl { height: 19px; margin-top: 0; padding: 0 3px; border-bottom: 1px solid #cfd9e8 }
	#col-right .shopping-cart .total dt { float: left }
	#col-right .shopping-cart .total dd { float: right }
	
	/* Ofertas */
	#col-right .shopping-cart .offer {
		margin: 0 5px 0 5px;
		padding-bottom: 5px;
		background: #ebeef2 url('../images/bkg-cart-offer-bottom.gif') left bottom no-repeat;
	}
	
		#col-right .shopping-cart .offer h3 {
			margin-left: 0;
			padding: 4px 0 7px 7px;
			background: url('../images/bkg-cart-offer-top.gif') left top no-repeat;
			color: #cc7946;
			font: bold 1.4em/100% "Trebuchet MS", Arial, sans-serif;
		}
		
		#col-right .shopping-cart .offer ul { margin: 0 7px }
		
		#col-right .shopping-cart .offer li {
			clear: both;
			height: 44px; /* para IE 6 */
			height /**/:/**/ auto; /* resto de navegadores */
			min-height: 44px;
			margin-bottom: 13px;
		}
		
		#col-right .shopping-cart .offer li img { float: left; border: 1px solid #b3bcc7; margin-right: 6px }
		#col-right .shopping-cart .offer li a { display: block; font-weight: bold }
		
		/* Gastos envio gratis */
		#col-right .shopping-cart .offer li.free-shipping { margin-bottom: 0 }
		#col-right .shopping-cart .offer li.free-shipping em { color: #cc7946; font-style: normal }
		
	/* Boton "ver carrito" */
	#col-right .shopping-cart .view-button { margin: 22px 0 0; text-align: center }

/*------------------------------------- BARRA DE NAVEGACION -------------------------------------*/
#nav-bar {
	position: absolute;
	top: 118px;
	left: 16px;
	height: 76px;
	background: url(../images/nav-bkg.gif) left top no-repeat;
	z-index: 99;
}

	/*------------------- Menu nivel 1 -------------------*/
		#nav-bar li {
			position: relative;
			float: left;
			margin-top: 17px;
			background: url(../images/nav-bkg-arrow-line.gif) right -11px no-repeat;
			list-style: none;
		}
	
		#nav-bar li.first { background-image: url(../images/nav-bkg-line.gif) }
		
		/* Estilo enalces */
		#nav-bar li a,
		#nav-bar li span {
			display: block;
			float: left;
			padding: 8px 39px 5px 25px;
			font-size: 1.3em;
			font-weight: bold;
		}
		
		#nav-bar li a:link,
		#nav-bar li a:visited,
		#nav-bar span { color: #5A7481; text-decoration: none }

		/* Efecto hover */
		#nav-bar li:hover a.level1,
		#nav-bar li.sfhover a.level1,
		#nav-bar li:hover span.level1,
		#nav-bar li.sfhover span.level1 {
			background: url(../images/nav-bkg-link-on.gif) right top no-repeat;
			cursor: pointer;
		}
				
		#nav-bar li a.active { background: url(../images/nav-bkg-link-on.gif) right top no-repeat }
		
		/*--- Inicio ---*/
		#nav-bar li.first { background-image: url(../images/nav-bkg-line.gif) }
		
		#nav-bar li.first a {
			padding-bottom: 5px;
			padding-right: 15px;
			background: url(../images/nav-bkg-first-item.gif) left bottom no-repeat;
		}
	
		#nav-bar li.first a:hover,
		#nav-bar li.first a.active { background: url(../images/nav-bkg-first-item-on.gif) left bottom no-repeat }
	
		/*--- Item antes de Club ---*/
		#nav-bar li.arrow { background-image: url(../images/nav-bkg-arrow.gif) }
		#nav-bar li.arrow span { padding-right: 20px }
		
		/*#nav-bar li.arrow.sfhover span.level1*/
		#nav-bar li.arrow:hover span.level1 { background-image: url(../images/nav-bkg-link-on2.gif) }
		
	
		/*--- Club ---*/
		#nav-bar li.club { background: none }
	
		#nav-bar li.club a {
			position: relative;
			top: -17px;
			width: 80px;
			height: 36px;
			padding: 24px 0 0 16px;
			background: url(../images/nav-bkg-club.gif) right top no-repeat;
			text-transform: uppercase;
		}
	
		#nav-bar li.club a:hover {
			background: url(../images/nav-bkg-club-on.gif) right top no-repeat;
			color: #fff;
		}
		
			/*------------------- Menu nivel 2 -------------------*/
				#nav-bar li div.outer {
					display: none;
					position: absolute;
					top: 28px;
					left: -3px;
					width: 100%;
					margin-bottom: 0;
					background: url(../images/nav-bkg-corner-bl.png) left bottom no-repeat;
					z-index: 100;
				}
				
				#nav-bar li.first { width: 76px }
				#nav-bar li.item2 div.outer { width: 340px }
				#nav-bar li.item3 div.outer { width: 203px }
				#nav-bar li.item4 div.outer { width: 129px }
				#nav-bar li.item5 div.outer { width: 148px }
				#nav-bar li.arrow div.outer { width: 128px }
				
				#nav-bar li div.inner {
					margin-left: 11px;
					padding-bottom: 5px;
					background: url(../images/nav-bkg-corner-br.png) right bottom no-repeat;
				}
				
				#nav-bar li div.corner-tr {
					margin-top: 1px;
					padding-top: 10px;
					background: url(../images/nav-bkg-corner-tr.gif) right top no-repeat;
				 }
				
				#nav-bar ul div.floatMenu
				{
					float: left;
					/*width: 50%;*/
					margin-left: auto;
					background: url(../images/nav-bkg-corner-br.png) no-repeat;
														
				}

				#nav-bar ul ul.margin-left { margin-left: 50% }
				
				#nav-bar ul ul.float {
					float: left;
					width: 50%;
					margin-left: auto;
					background: none;
				}
				
				#nav-bar li li {
					float: none;
					margin-top: 0;
					background: none;
				}
				
					/* Efecto hover */
					#nav-bar li:hover div.outer,
					#nav-bar li.sfhover div.outer { display: block }
	
					#nav-bar li li a {
						float: none;
						display: inline;
						height: 9px;
						height /**/:/**/ auto;
						margin-left: 4px;
						padding: 1px 0 1px 8px;
						background: url(../images/ico-arrow-right-ultrasmall.gif) left center no-repeat;
						
						font-size: 1.1em;
						font-weight: normal;
					}
					
					#nav-bar li.arrow li a { width: auto }
					#nav-bar li li a:hover { text-decoration: underline }
		
/*------------------------------------- RASTRO DE MIGAS -------------------------------------*/
#breadcrumb {
	margin: -9px 0 15px 17px;
	color: #666;
	font-size: 1.1em;
}

	#breadcrumb span { color: #333; font-weight: bold }
	#breadcrumb a:link, #breadcrumb a:visited { color: #666 }
	#breadcrumb a:hover { text-decoration: none }
		
/*------------------------------------- MENU EDADES -------------------------------------*/
#age {
	width: 186px;
	margin: 0 0 14px 16px;
	background: url(../images/nav-toy-bkg-center.gif) left center repeat-y;
}

	#age .inner {
		width: 186px;
		background: url(../images/nav-toy-bkg-top.gif) left top no-repeat;
	}

		#age h2 {
			position: relative;
			padding: 5px 0 0 9px;
			color: #3e4b5f;
			font-size: 1.2em;
			font-weight: normal;
			line-height: 125%;
		}
		
			#age h2 span {
				font-size: 1.4em;
				font-weight: bold;
			}
			
		#age ul {
			margin: 0;
			padding-bottom: 1px;
			background: url(../images/nav-toy-bkg-bottom.gif) center bottom no-repeat;
		}

		#age li {
			font-size: 1.1em;
			font-weight: bold;
			list-style: none;
		}
		
		#age li.item1 { background: none }
		
			#age li span {
				display: block;
				width: 134px;
				height: 17px;
				height /**/:/**/ auto;
				margin: 0 1px;
				padding: 11px 0 5px 50px;
				background-position: 8px center;
				background-repeat: no-repeat;
				color: #333;
				line-height: 1;
				line-height /**/:/**/ auto;
				cursor: pointer;
			}
			
			#age li.item1 span { background-image: url(../images/nav-toy-ico-0-12.gif) }
			#age li.item2 span { background-image: url(../images/nav-toy-ico-1-3.gif) }
			#age li.item3 span { background-image: url(../images/nav-toy-ico-3-6.gif) }
			#age li.item4 span { background-image: url(../images/nav-toy-ico-6-8.gif) }
			#age li.item5 span { background-image: url(../images/nav-toy-ico-8.gif) }
			#age li.item6 span { padding-top /**/:/**/ 12px; padding-bottom /**/:/**/ 7px; background-image: url(../images/nav-toy-ico-todas.gif) }
			
			#age li span.head big { font-size: 1.6em }
			#age li span.selected { background-color: #f0f3f7; color: #7a7266 }
			
			#age li.item1 span.selected { background-image: url(../images/nav-toy-ico-0-12-on.gif) }
			#age li.item2 span.selected { background-image: url(../images/nav-toy-ico-1-3-on.gif) }
			#age li.item3 span.selected { background-image: url(../images/nav-toy-ico-3-6-on.gif) }
			#age li.item4 span.selected { background-image: url(../images/nav-toy-ico-6-8-on.gif) }
			#age li.item5 span.selected { background-image: url(../images/nav-toy-ico-8-on.gif) }
			#age li.item6 span.selected { background-image: url(../images/nav-toy-ico-todas-on.gif) }
			
			/*--- Submenu ---*/
			#age-list li ul {
				border-bottom: 1px solid #c5cfdf;
				margin: 0 1px;
				padding: 6px 0 10px 0;
				background: #f0f3f7;
				font-size: 1.1em;
				font-weight: bold;
			}
			
				#age-list li ul li {
					margin-left: 10px;
					background: none;
					font-size: .95em;
				}
				
				#age-list li ul li a {
					display: block;
					width: 130px;
					padding: 2px 0 2px 35px;
					background: transparent url(../images/ico-arrow-right-small-light.gif) 22px center no-repeat;
				}

				#age-list li ul li a:link,
				#age-list li ul li a:visited {
					color: #7a7266;
					text-decoration: none;
				}
				
				#age-list li ul li a:hover { background: #fff url(../images/ico-arrow-right-small-dark.gif) 22px center no-repeat }
				
/*------------------------------------- MENU IZQUIERDO CORPORATIVO -------------------------------------*/
#corporate-menu {
	width: 186px;
	margin-left: 16px;
	background: url('../images/bkg-menu-lft-center.gif') left bottom repeat-y;
}

	#corporate-menu .inner {
		padding-bottom: 90px;
		background: url('../images/bkg-menu-lft-bottom.gif') left bottom no-repeat;
	}
	
		#corporate-menu .inner h2 {
			padding: 9px 0 0 8px;
			background: url('../images/bkg-menu-lft-top.gif') left top no-repeat;
			color: #3e4b5f;
			font: bold 16px Arial, Helvetica, sans-serif;
		}
		
		#corporate-menu .inner ul { margin-left: 8px }
		
		#corporate-menu .inner ul li {
			margin-bottom: 1px;
			padding-left: 13px;
			background: url('../images/ico-arrow-dotted.gif') left 5px no-repeat;
			font: bold 12px Arial, Helvetica, sans-serif;
			list-style: none;
		}
		
			#corporate-menu .inner ul li a:link,
			#corporate-menu .inner ul li a:visited { color: #3e4b5f; text-decoration: none }
			
			#corporate-menu .inner ul li a.active, 
			#corporate-menu .inner ul li a:hover { color: #b1b9be }
		
		
				#corporate-menu .inner ul ul { margin: 5px 0 7px 15px }
		
					#corporate-menu .inner ul ul li {
						padding-left: 0;
						background: none;
						color: #8698b3;
						font-size: 11px;
						font-weight: normal;
						list-style: disc;
					}

/*------------------------------------- CLUB IMAGINARIUM (columna izquierda) -------------------------------------*/
#col-left .club-imaginarium {
	position: relative;
	width: 192px;
	margin: 0 0 8px 16px;
	background: url(../images/bkg-club-top.gif) left 5px no-repeat;
	color: #fff;
}

	#col-left .club-imaginarium .inner { background: url(../images/bkg-club-bottom.gif) left bottom no-repeat }
	
	#col-left .club-imaginarium img {
		float: right;
		width: 76px;
		margin-right: 1px;
	}

	#col-left .club-imaginarium h2 {
		padding: 12px 0 0 8px;
		font: normal 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
		#col-left .club-imaginarium h2 a:link,
		#col-left .club-imaginarium h2 a:visited {
			color: #fff;
			line-height: 100%;
		}
		
		#col-left .club-imaginarium h2 a:hover { text-decoration: none }

	#col-left .club-imaginarium p {
		margin: 0;
		padding: 0 8px 8px;
		color: #fff;
		font-size: 1.2em;
		line-height: 110%;
	}

/*------------------------------------- TIENDAS IMAGINARIUM y CATALGO DIGITAL (columna izquierda) -------------------------------------*/
#col-left .shop-catalog {
	width: 184px;
	margin-left: 16px;
	background: #e1e4ef url(../images/bkg-tiendas-top.gif) left top no-repeat;
	color: #666;
}

#col-left .shop-catalog .inner {
	padding: 8px 0;
	background: transparent url(../images/bkg-tiendas-bottom.gif) left bottom no-repeat }

	#col-left .shop-catalog div { clear: both; padding: 0 8px }
	#col-left .shop-catalog img { float: left; margin: 0 8px 14px 0 }
	
	#col-left .shop-catalog h2 {
		margin-bottom: 4px;
		font: bold 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

		#col-left .shop-catalog h2 a:link,
		#col-left .shop-catalog h2 a:visited {
			color: #333;
			line-height: 100%;
		}
		
		#col-left .shop-catalog h2 a:hover { text-decoration: none }
		
	#col-left .shop-catalog p {
		margin-bottom: 5px;
		font-size: 1.1em;
	}

/*------------------------------------- LIVING IMAGINARIUM (columna derecha) -------------------------------------*/
.living-imaginarium {
	position: relative;
	* position: static; /* se devuelve el STATIC a IE por su correcto funcionamiento */
	width: 186px;
	margin-bottom: 8px;
	z-index: 10;
}

	.living-imaginarium .inner {
		padding-bottom: 1px;
		background: url(../images/bkg-living-imag-bottom.png) center bottom no-repeat;
	}
	
	* html .living-imaginarium .inner { background-position: left bottom }
	
		.living-imaginarium .living-head {
			width: 170px;
			padding: 11px 8px 1px 8px;
			background: url(../images/bkg-living-imag-top.png) center top no-repeat;
		}
	
		/*--- Necesario para IE 6: transparencia PNG ---*/
		* html .living-imaginarium .living-head {
			_background-image: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='./images/bkg-living-imag-top.png');
		}
	
		.living-imaginarium .living-list {
			margin: 0 1px;
			padding: 0 8px 1px 8px;
			background: #ccc3b5 url(../images/bkg-living-imag-bottom.png) center bottom no-repeat;
		}

			.living-imaginarium h2 { margin-bottom: 3px }

			/*--- Drop-Down ---*/
			.living-imaginarium #nav li {
				position: relative;
				width: 170px;
				height: 21px;
				padding: 3px 0 0 7px;
				background: url(../images/bkg-drop-down-living.gif) left top no-repeat;
				font-size: 1.1em;
				list-style: none;
				cursor: pointer;
			}
		
				.living-imaginarium li ul {
					display: none;
					position: absolute;
					top: 21px;
					left: 0;
					width: 172px;
					padding: 3px 0 11px 0;
					background: #f6f6f6 url(../images/bkg-drop-down-living-bottom.gif) center bottom no-repeat;
				}
			
					.living-imaginarium #nav li li {
						width: auto;
						height: auto;
						padding: 0 10px;
						background: none;
						font-size: 1em;
						line-height: normal;
						cursor: default;
					}
				
						.living-imaginarium #nav li li a {
							display: block;
							height: 10px;
							height /**/:/**/ auto;
							padding: 1px 0 1px 10px;
							background: url(../images/ico-arrow-right-small-light.gif) left 5px no-repeat;
							font-weight: bold;
						}
					
						.living-imaginarium #nav li li a:link,
						.living-imaginarium #nav li li a:visited {
							color: #645438;
							text-decoration: none;
						}
					
						.living-imaginarium #nav li li a:hover { text-decoration: underline }


				/* Efecto hover */
				.living-imaginarium #nav li:hover ul,
				.living-imaginarium #nav li.sfhover ul { display: block }
			
			/*--- Preview ---*/
			.living-imaginarium ul.items li {
				clear: both;
				margin-bottom: 13px;
				font-size: 1.1em;
				list-style: none;
			}
	
				.living-imaginarium ul.items h3 { margin-bottom: 1px; font-size: 1.1em }
				.living-imaginarium ul.items h3 img { float: left; margin: 0 4px 4px 0 }
		
				.living-imaginarium ul.items h3 a:link,
				.living-imaginarium ul.items h3 a:visited { color: #645438 }
		
				.living-imaginarium ul.items h3 a:hover { text-decoration: none }
				.living-imaginarium ul.items p { margin-left: 50px; color: #fff; line-height: 110% }

/*------------------------------------- SERVICIOS IMAGINARIUM (columna derecha) -------------------------------------*/
.service-imaginarium {
	position: relative;
	background: url(../images/bkg-service-imaginarium-top.gif) left top no-repeat;
	width: 199px;
	margin-bottom: 8px;
	z-index: 5;
}

/*--- Necesario para IE 6: transparencia PNG ---*/
 * html .service-imaginarium {
	background-position: 1px top;
}

	.service-imaginarium .inner {
		width: 199px;
		padding: 6px 0 6px 0;
		background-image: url(../images/bkg-service-imaginarium-bottom.gif);
		background-position: left bottom;
		background-position /**/:/**/ -1px bottom;
		background-repeat: no-repeat;
	}

		.service-imaginarium h2 {
			margin: 0 0 7px -2px;
			padding-left: 8px;
			color: #fff;
			font: normal 1.8em 'Trebuchet MS', Arial, Helvetica, sans-serif;
		}
		
		/* Listado servicios */
		.service-imaginarium ul {
			margin: -8px 1px 8px 0;
			margin-right /**/:/**/ 2px;
			padding: 8px 0 22px 0;
			background: url('../images/bkg-servicios-imaginarium.gif') right top no-repeat;
		 }
		
		.service-imaginarium ul li {
			margin: 0 0 3px 2px;
			padding-left: 8px;
			font-size: 1.2em;
			font-weight: bold;
			list-style: none;
		}
		
			.service-imaginarium ul li a:link,
			.service-imaginarium ul li a:visited { color: #fff }
		
			.service-imaginarium ul li a:hover { text-decoration: none }
			
		/* Promocion */
		.service-imaginarium .promo { margin: -15px 21px 0 5px; text-align: center }
		
		.service-imaginarium .promo a:link,
		.service-imaginarium .promo a:visited { color: #3a4a0a; text-decoration: none }
		
		.service-imaginarium .promo a:hover { text-decoration: underline }
		.service-imaginarium .promo img { margin-bottom: 1px }
		.service-imaginarium .promo h3 { margin-bottom: 2px; padding: 0 4px; font-size: 1.4em; line-height: 100% }
		.service-imaginarium .promo p { color: #fff }
		
/*------------------------------------- PROMOCIONES (columna derecha) -------------------------------------*/
.promos {
	float: left;
	width: 196px;
	margin-bottom: 10px;
	background: url('../images/bkg-promo-top.gif') left top no-repeat;
	color: #fff;
}

	.promos .inner {
		float: left;
		width: 184px;
		background: url('../images/bkg-promo-bottom.gif') left bottom no-repeat;
	}
	
		.promos .inner h2 {
			padding: 15px 0 0 10px;
			font: normal 1.8em/110% "Trebuchet MS", Arial, sans-serif;
		}
		
		.promos .inner ul { margin: 0 10px 20px 10px }
		.promos .inner li { clear: both; margin-bottom: 10px; font-size: 1.1em; line-height: 110%; list-style: none }
		.promos .inner img { float: left; border: 1px solid #75883a; margin-right: 5px; }
		.promos .inner li a:link, .promos .inner a:visited { color: #75883a; font-weight: bold }
		.promos .inner li a:hover { color: #62742c }
		
		.promos .inner p { margin-bottom: 11px; text-align: center; color: #fff; font-size: 1.1em; font-weight: bold }
		.promos .inner p a:link, .promos .inner p a:visited { color: #fff }

/*------------------------------------- BANNER PROMOCIONES (columna derecha) -------------------------------------*/
#col-right .banner-promo p { margin-bottom: 7px; clear:both; float:left; }

/*------------------------------------- COMPRA POR CATALOGO (columna derecha) -------------------------------------*/
.buy-catalog {
	width: 196px;
	height: 193px;
	margin-bottom: 5px;
	background: url(../images/bkg-compra-por-catalogo.gif) left top no-repeat;
	color: #fff;
}

	.buy-catalog .inner { padding: 12px 8px }
	
	.buy-catalog h2 {
		width: 150px;
		margin-bottom: 5px;
		padding-top: 5px;
		font: normal 1.8em/110% "Trebuchet MS", Arial, sans-serif;
	}
	
	.buy-catalog form {
		margin-bottom: 0;
		font-size: 1.2em;
	}
	
		.buy-catalog label span { display: block; width: 130px }
		.buy-catalog label input { width: 75px; margin-top: 5px }

		.buy-catalog input.button {
			width: 37px;
			height: 22px;
			border: 0;
			background: transparent url(../images/bkg-button-orange.gif) top left no-repeat;
			color: #fff;
			font: bold 1em Arial, Helvetica, sans-serif;
			text-align: center;
		}
		
/*------------------------------------- CATEGORIAS RELACIONADAS (columna derecha) -------------------------------------*/
.rel-category {
	margin-bottom: 8px;
	background: url('../images/bkg-categoria-relacionada-C.gif') left top repeat-y;
}

	.rel-category .outer {
		height: 134px; /* para IE 6 */
		height /**/:/**/ auto; /* resto de navegadores */
		min-height: 134px;
		background: url('../images/bkg-categoria-relacionada-B.gif') left bottom no-repeat;
	}
	
	.rel-category .inner {
		height: 134px; /* para IE 6 */
		height /**/:/**/ auto; /* resto de navegadores */
		min-height: 134px;
		color: #f47a54;
		background: url('../images/bkg-categoria-relacionada.gif') left top no-repeat;
	}

	/*--- Encabezado ---*/
	.rel-category h2 {
		margin-bottom: 9px;
		padding: 5px 10px 0 10px;
		color: #fff;
		font: normal 1.8em/105% "Trebuchet MS", Arial, sans-serif;
	}
	
	/*--- Listado ---*/
	.rel-category ul { margin: 0 0 0 10px; padding-bottom: 10px }
	.rel-category li { margin-bottom: 1px; font-size: 1.2em; list-style: none }
	.rel-category a:link, .rel-category a:visited { color: #fff; font-weight: bold }
	.rel-category a:hover { color: #fde4dd }
	
/*------------------------------------- CONTENIDOS RELACIONADOS (columna derecha) -------------------------------------*/
.rel-content {
	width: 184px;
	margin-bottom: 8px;
	padding-bottom: 35px;
	background: #e3e9f4 url('../images/bkg-contenido-relB.gif') left bottom no-repeat;
}

	.rel-content .inner { background: url('../images/bkg-contenido-relT.gif') left top no-repeat }
	
	/*--- Encabezado ---*/
	.rel-content h2 {
		margin-bottom: 9px;
		padding: 5px 10px 0 10px;
		color: #064598;
		font: normal 1.8em/105% "Trebuchet MS", Arial, sans-serif;
	}
	
	/*--- Item ---*/
	.rel-content .item { margin: 0 10px }
	.rel-content .item h3 { margin-bottom: 4px; font-size: 1.2em }
	.rel-content .item p { font-size: 1.1em; line-height: normal }
	
/*------------------------------------- LO MAS BUSCADO (columna derecha) -------------------------------------*/
.top-search {
	width: 184px;
	margin-bottom: 8px;
	background: #e1e7ee url('../images/bkg-topsearch-top.gif') left top no-repeat;
}

	.top-search .inner {
		background: url('../images/bkg-topsearch-bottom.gif') left bottom no-repeat;
	}
	
	/*--- Encabezado ---*/
	.top-search h2 {
		margin-bottom: 9px;
		padding: 5px 10px 0 10px;
		color: #768698;
		font: normal 1.8em/105% "Trebuchet MS", Arial, sans-serif;
	}
	
	/* Nube tags */
	.top-search p { margin-bottom: 0; padding: 5px 10px 10px; font-size: 1.2em }
	
	.top-search p a:link, .top-search p a:visited { color: #3b4c5f; text-decoration: none }
	.top-search p a:hover { text-decoration: underline }
	
	.top-search p a.x-small { font-size: .8em }
	.top-search p a.small { font-size: .9em }
	.top-search p a.medium { font-size: 1.2em }
	.top-search p a.large { font-size: 1.4em }
	.top-search p a.x-large { font-size: 1.6em }
	
/*------------------------------------- LO MAS VISITADO (columna derecha) -------------------------------------*/
.top-view {
	width: 184px;
	margin-bottom: 8px;
	background: #eef1f5 url('../images/bkg-topview-top.gif') left top no-repeat;
}

	.top-view .inner {
		padding-bottom: 8px;
		background: url('../images/bkg-topview-bottom.gif') left bottom no-repeat;
	}

	/*--- Encabezado ---*/
	.top-view h2 {
		margin-bottom: 9px;
		padding: 5px 10px 0 10px;
		color: #768698;
		font: normal 1.8em/105% "Trebuchet MS", Arial, sans-serif;
	}
	
	/* Lista */
	.top-view ul { margin: 0 0 0 27px }
	.top-view li { margin-bottom: 3px; font-size: 1.2em }
	.top-view li a:link, .top-view li a:visited { color: #3b4c5f }
	
/*------------------------------------- MARCO AZUL CON LOGO IMAGINARIUM EN LA ESQUINA SUPERIOR DERECHA -------------------------------------*/
#view-shopping-cart .summary { position: relative }
#view-shopping-cart .summary .outer { background: url('../images/bkg-view-cart-C.gif') left top repeat-y }
#view-shopping-cart .summary .inner { padding: 4px 6px; background: url('../images/bkg-view-cart-B.gif') left bottom no-repeat }
#view-shopping-cart .summary .inner.bkg-simple { background: url('../images/bkg-view-cart-B2.gif') left bottom no-repeat }

#view-shopping-cart .summary.floatL,
#view-shopping-cart .summary .outer.floatL,
#view-shopping-cart .summary .inner.floatL { margin: 0 }

/*--- Mensaje inicial (fondo gris) ---*/
#view-shopping-cart .summary .message-reply {
	position: relative;
	height: auto;
	margin: 3px 0px 28px 0;
	background: #f1f2f4 url('../images/bkg-view-cart-login-T.gif') left top no-repeat;
}

#view-shopping-cart .summary .message-reply-inner {
	padding: 18px 18px 10px 18px;
	background: url('../images/bkg-view-cart-login-B.gif') left bottom no-repeat;
}

	#view-shopping-cart .summary .message-reply p { color: #333; font-size: 1.2em }
	
/*------------------------------------- LOGIN -------------------------------------*/
#login {
	margin-left: 16px;
	color: #333;
}

	/*--- Encabezado H1 ---*/
	#login h1 {
		width: 953px;
		margin-bottom: 0;
		padding-bottom: 22px;
		background: url('../images/bkg-rnd-L-top.gif') left bottom no-repeat;
		color: #064598;
		font: normal 2.9em Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
	}
	
	/*--- Marco esquinas redondeadas ---*/
	#login .frame,
	#login .frame .frame-outer,
	#login .frame .frame-inner { float: left; width: 953px }
	
	#login .frame { background: url('../images/bkg-rnd-L-center.gif') left top repeat-y }
	#login .frame .frame-inner { padding: 5px 20px 20px; background: url('../images/bkg-rnd-L-bottom.gif') left bottom no-repeat }

	#login p { font-size: 1.2em; line-height: 145% }
	#login p.free { margin: 1.3em 0 }
	#login p.obligatory { margin-bottom: 1.4em; font-size: 1.1em }

	/*--- Formulario de acceso --*/
	#login form { width: 910px }
	
		/* Fieldset */
		#login fieldset {
			width: 910px;
			border: 0;
			margin: 0;
			padding: 0 0 30px 0;
		}
		
		#login fieldset.borderB { border-bottom: 1px solid #ecf0f5 }
	
			#login fieldset fieldset { padding-bottom: 0 }
	
		/* Leyenda */
		#login legend {
			margin: 0 0 .8em 0;
			padding: 0 0 .3em 0;
			color: #064598;
			font: bold 1.4em Arial, Helvetica, sans-serif;
		}
		
		#login legend.datos-acceso { margin-bottom: 0 }
		
			#login fieldset fieldset legend {
				margin: 0;
				padding: 0;
				color: #333;
				font-size: 1.2em;
				font-weight: normal;
			}
		
			#login legend span {
				display: block;
				width: 910px;
				border-bottom: 1px solid #ecf0f5;
			}
	
		/* Etiqueta */
		#login label {
			display: block;
			position: relative;
			width: 140px;
			height: 27px;
			font-size: 1.2em;
			text-align: right;
		}
		
		/* Campo */
		#login label input,
		#login label select { position: absolute; left: 158px; top: -3px }
		
		#login label input { width: 217px }
		#login fieldset.hijos input { width: 169px }
		#login label input.large { width: 403px }
		#login label input.small { width: 147px }
		#login label input.x-small { width: 62px }
		#login label input.smallest { width: 40px }
		
		#login label select { width: 222px }
		#login label select.small { width: 152px }
		
		/* Campo radiobutton y checkbox */
		#login label.radio,
		#login label.check { display: inline; width: auto; text-align: left }
		
		#login label.radio input,
		#login label.check input { position: static; width: auto }
		
		/* Fondo gris */
		#login form .bkg-gray { padding: 11px 0 18px 0; background: #f1f2f4 }

		/* Imagen de bienvenida */
		#login div.img-bienvenida { position: relative; margin-top: 21px; font-size: 1.2em }
		
			#login div.img-bienvenida .txt { display: block; margin-left: 18px }
			#login div.img-bienvenida .img { display: block; position: absolute; top: -8px; left: 158px }
			#login div.img-bienvenida .user { position: absolute; top: 4px; left: 9px }
			#login div.img-bienvenida a { display: block; position: absolute; top: 0; left: 300px }
			
		/* Texto de ayuda */
		#login label .help { color: #7e7e7e; font-size: .9em }
			
		/* Nombre */
		#login label.nombre { float: left }
		
		/* Alias */
		#login label.alias { position: relative; top: -3px; margin-left: 400px; width: 380px; text-align: left }
		#login label.alias input { position: static; width: 120px; margin: 0 7px }
		#login label.alias .help { display: block; position: absolute; top: 0; left: 170px; width: 120px; line-height: 110% }
		
		/* Fecha de nacimiento */
		#login label.fecha { height: 22px }
		#login label.fecha input.dia { text-align: center }
		#login label.fecha input.mes { margin-left: 53px; text-align: center }
		#login label.fecha input.ano { margin-left: 106px; text-align: center }
		#login label.fecha .help { position: absolute; top: 1px; left: 338px; width: 130px; text-align: left }
		
		/* Hombre */
		#login label.hombre { margin: 0 15px 0 154px }
		
		/* Telefono */
		#login label.telefono { float: left; margin-top: 8px }
		
		/* Movil */
		#login label.movil { width: 90px; margin: 8px 0 0 312px }
		#login label.movil input { left: 100px }
		
		/* Numero */
		#login label.numero { float: left }
		
		/* Piso */
		#login label.piso { width: 80px; margin-left: 230px }
		#login label.piso input { left: 90px }
		
		/* Codigo postal */
		#login label.cp { float: left }
		
		/* Poblacion */
		#login label.poblacion { width: 80px; margin-left: 230px }
		#login label.poblacion input { left: 90px; width: 240px }
		
		/* Provincia */
		#login label.provincia select { width: 231px }
		
		/* Hijos: Primer apellido */
		#login label.h-apellido1 { float: left }
	
		/* Hijos: Segundo apellido */
		#login label.h-apellido2 { width: 110px; margin-left: 338px }
		#login label.h-apellido2 input { left: 120px }
		
		/* Hijos: fecha */
		#login label.h-fecha .help { top: 22px; left: 157px }
		
		/* Sexo */
		#login fieldset.hijos { position: relative }
		
		#login .h-sex {
			position: absolute;
			top: 54px;
			* top: 81px;
			left: 190px;
		}
		
		/* Tabla hijos */
		#login .son-list { margin: 3.5em 0 15px 18px }
		#login .son-list table { border-collapse: collapse; border: 0 }
		
			#login .son-list table th {
				height: 28px;
				padding: 0 30px 0 20px;
				background-color: #dee6ef;
				color: #333;
				font-size: 1.2em;
				text-align: center;
			}
			
			#login .son-list table th.first { background: #dee6ef url('../images/bkg-view-cart-thL.gif') left top no-repeat; text-align: left }
			#login .son-list table th.last { background: #dee6ef url('../images/bkg-view-cart-thR.gif') right top no-repeat; text-align: left }
			
			#login .son-list table td {
				height: 28px;
				* height: 20px; /* para IEs */
				border-bottom: 1px solid #ecf0f5;
				padding: 7px 30px 0 20px;
				color: #333;
				font-size: 1.2em;
			}
			
		/* Temas de interes */
		#login .temas-interes {
			margin-top: 2em;
			* margin-top: 0;
			* padding-top: 2em;
		}
		
		#login .temas-interes legend span {
			width: 141px;
			* width: 134px;
			border: 0;
			text-align: right;
		}
		
			#login .temas-interes div { position: relative; top: -17px; float: left; width: 230px }
			#login .temas-interes div.first { margin-left: 78px; margin-left /**/:/**/ 154px }
			#login .temas-interes div label { display: block; height: auto }
			
		/* Checkbox finales: "Acepto..." */
		#login .accept { margin-bottom: 4em; padding-top: .8em }
		#login .accept label { display: block; width: auto; height: auto }
		
		/* Botones */
		#login .button-bluelight { background-image: url('../images/bkg-input-buttonL2-blulight.gif') }
		#login .button-blue { margin-left: 15px }
		#login .button-blue input { * padding-right: 5px }
		
		/* Datos personales */
		#login p.datos-personales {
			margin: 2em 0 2em 0;
			color: #666;
			font-size: 1.1em;
			line-height: normal;
		}
		
	/*--- Errores ---*/
	#login .errors {
		width: 833px;
		margin-bottom: 2em;
		padding: 10px 15px 10px 60px;
		border: 1px dashed #ff0000;
		background: url('../images/ico-warning.gif') 5px 8px no-repeat;
		color: #ff0000;
	}
	
		#login .errors h2 { margin-bottom: .3em; font-size: 1.6em }
		#login .errors ul { margin: 0 0 0 25px; font-size: 1.2em }
		
	#login input.error { border: 1px solid #ff0000; background: #f8eeee }
	
	/*--- Mensajes de activacion y respuestas ---*/
	#login .message { margin-bottom: 6em }
	#login .message h2 { margin: 1em 0 .5em 0; color: #064598; font-size: 1.4em }
	#login .message p.link { margin-top: 2em }
	
	#login .message p.link a:link,
	#login .message p.link a:visited { margin-left: 0 }
	
	/*--- Recordatorio password ---*/
	#login .pwd form { padding-top: 2em }
	
	#login .pwd label {
		clear: both;
		width: auto;
		height: 30px;
		color: #064598;
		font-size: 1.4em;
		font-weight: bold;
		text-align: left;
	}
	
		#login .pwd label input { left: 270px }
		#login .pwd label.socio { float: left }
		
		#login .pwd form div {
			display: inline;
			margin-left: 19px;
			color: #333;
			font-size: 12px;
			font-weight: normal;
		}
		
			#login .pwd label div input { position: static; width: auto }
			
	#login .pwd .button-blue { margin-left: 271px }
	
	/*--- Formulario de login ---*/
	#login .login {
		padding-bottom: 20px;
		background: url('../images/img-login.jpg') 550px -11px no-repeat;
	}

		#login .login label.invitado { margin-bottom: 1.4em }
		#login .login label input,
		#login .login label select { left: 230px }
	
		#login .login label.check {
			display: block;
			top: -6px;
			margin-left: 226px;
			color: #333;
			font-size: 1.2em;
			font-weight: normal;
		}
	
		#login .login .button-blue { margin-left: 231px }
		#login .login .button-blue input { * padding-right: 10px }
		
		/* Enlace "Olvido contrasena" */
		#login .login .olvido-pwd {
			width: 340px;
			border-top: 1px solid #ecf0f5;
			margin-top: 1.4em;
			padding-top: 1em;
			margin-left: 231px;
			font-weight: bold;
		}
	
/*------------------------------------- NUESTRAS TIENDAS -------------------------------------*/
.worldmap .required { margin-left: 160px }
.worldmap .required span { color: #064598; font-size: 14px }

#login .worldmap {
	padding-bottom: 70px;
	background: url('../images/mapamundi-tiendas.gif') 410px 10px no-repeat;
}

#login .worldmap.no-back { background: none }

	#login .worldmap label input,
	#login .worldmap label select { left: 160px }

	#login .worldmap .cp { width: 120px }
	#login .worldmap .cp input { width: 100px }

	#login .worldmap .pwd .button-blue { margin-left: 160px }
	#login .worldmap .pwd .button-blue input { * padding-right: 10px }

	#login .worldmap .pwd .msg-tiendas { margin-left: 160px }
	
	#login .worldmap h2 {
		color: #064598;
		font-size: 18px;
		line-height: 105%;
	}
	
	#login .worldmap h2.results { margin-top: 70px }
	
		#login .worldmap h2 span { color: #6689b7 }
		#login .worldmap h2.results small { display: block; font-size: 12px }

	/*--- Tabla resultados --*/
	#login .worldmap table {
		border-collapse: collapse;
		width: 900px;
	}
	
		/* Encabezado de celda */
		#login .worldmap table th {
			height: 28px;
			padding: 0 10px;
			background-color: #dee6ef;
			color: #333;
			font-size: 1.2em;
			text-align: left;
		}
		
		#login .worldmap table th.first { background: #dee6ef url('../images/bkg-view-cart-thL.gif') left top no-repeat }
		#login .worldmap table th.last { background: #dee6ef url('../images/bkg-view-cart-thR.gif') right top no-repeat }

		/* Celda de dato */
		#login .worldmap table td {
			height: 29px;
			* height: 21px; /* para IEs */
			border-bottom: 1px solid #ecf0f5;
			padding: 4px 12px 0 12px;
			color: #333;
			font-size: 1.2em;
		}
		
		#login .worldmap table tr.last td {
			border-bottom: 0;
			padding-bottom: 14px;
			* padding-bottom: 9px; /* para IEs */
		}
		
	/*--- Ficha tienda ---*/
	.worldmap .data-sheet { float: left; width: 317px; font-size: 1.2em }
	.worldmap .data-sheet dl { margin-top: 12px }
	.worldmap .data-sheet dl p { margin: 12px 0 0; font-size: 12px !important }
	.worldmap .data-sheet dt { font-weight: bold }
	.worldmap .data-sheet dd { margin: 0 0 12px 0 }
	
	.worldmap .data-sheet a.button-bluelight {
		padding-left: 20px;
		background-image: url('../images/bkg-input-buttonL-blulight.gif') !important;
	}
	
	.worldmap .data-sheet a.button-blue { margin-left: 0 !important }
	.worldmap .map { float: left; padding: 15px 0 38px 0 }
	
/*------------------------------------- SERVICIO ESPECIAL EMPRESAS Y COLECTIVOS -------------------------------------*/
.farm-service h1 { margin-bottom: 0 }
.farm-service h2 { height: 26px; font-size: 12px !important }

/*--- Texto introduccion ---*/
.farm-service .message-reply { position: relative }
.farm-service .message-reply p { font-size: 1.4em !important }
.farm-service .message-reply p big { font-weight: bold }
.farm-service .message-reply ul { margin-left: 20px }
.farm-service .message-reply ul.second { position: absolute; top: 47px; left: 280px }

	.farm-service .message-reply li {
		margin-bottom: 2px;
		padding-left: 20px;
		background: url('../images/ico-arrow-big.gif') left 4px no-repeat;
		font-size: 1.2em;
		font-weight: bold;
		list-style: none;
	}
	
/*--- Servicios ---*/
.farm-service .service { margin: 0 13px }

	.farm-service .service .item {
		position: relative;
		border-bottom: 1px solid #ecf0f5;
		height: 160px;
		height /**/:/**/ auto;
		min-height: 160px;
		margin-bottom: 15px;
		padding-bottom: 12px;
	}
	
	.farm-service .service .item.first { padding-bottom: 45px }
	.farm-service .service .item.conventions { height: 175px; height /**/:/**/ auto; min-height: 175px }
	.farm-service .service .item.last { border-bottom: 0; padding-bottom: 30px }
	
	.farm-service .service .item h3 {
		margin-bottom: 0;
		color: #064598;
		font-size: 1.9em;
	}
	
	.farm-service .service .item h4 {
		margin-bottom: 13px;
		color: #6689b7;
		font-size: 1.2em;
	}
	
	.farm-service .service .item p { font-size: 1.2em }
	.farm-service .service .item p.top { margin: 0 }
	.farm-service .service .item ul { margin-left: 25px; font-size: 1.2em }
	
	.farm-service .service .item .txt {
		position: absolute;
		top: 0;
		left: 238px;
		width: 480px;
	}
	
	/* Nico Silver */
	.farm-service .service .item .txt .item-buy {
		float: left;
		height: 135px;
		border-right: 2px solid #c3c3c3;
		margin-top: 8px;
		padding-top: 5px;
		text-align: center;
	}
	
	.farm-service .service .item .txt .item-buy.cien { width: 150px; padding-right: 13px }
	
	.farm-service .service .item .txt .item-buy.cincuenta { width: 135px; padding: 5px 13px 0 13px }
	.farm-service .service .item .txt .item-buy.cincuenta img { margin: 7px 0 }
		
	.farm-service .service .item .txt .item-buy.treinta { border-right: 0; width: 125px; padding-left: 13px }
	.farm-service .service .item .txt .item-buy.treinta img { margin: 13px 0 }
	
		.farm-service .service .item .txt .item-buy p.price {
			float: left;
			margin-bottom: 0;
			color: #f63a00;
			font-size: 2.2em;
			font-weight: bold;
			letter-spacing: -1px;
		}
	
			.farm-service .service .item .txt .item-buy p.price span { font-size: 13px }
	
		.farm-service .service .item .txt .item-buy form {
			float: right;
			margin: 8px 0 0;
			* margin-top: 4px;
		}
	
			.farm-service .service .item .txt .item-buy label input {
				width: 1.6em;
				padding: 0 1px;
				color: #009900;
				font: bold 1em Verdana, Arial, Helvetica, sans-serif;
				text-align: right;
			}

			.farm-service .service .item .txt .item-buy input { vertical-align: middle }

/*------------------------------------- MINI SITES -------------------------------------*/
#minisites { margin-left: 17px }

/*------------------------------------- SECCION CONTENIDOS -------------------------------------*/
#contents-section { margin: 0 15px 0 5px }

	#contents-section h1 {
		margin-bottom: 15px;
		color: #064598;
		font: normal 2.5em Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
	}
	
	#contents-section h2 {
		margin-top: 30px;
		margin-bottom: 8px;
		color: #064598;
		font-size: 19px;
		font-weight: normal;
		line-height: 105%;
	}
	
	#contents-section p {
		color: #333;
		font-size: 1.2em;
	}
	
.contents-section h1 {
	margin-bottom: 0;
	padding-bottom: 22px;
	background: url('../images/bkg-search-top.gif') left bottom no-repeat;
	color: #064598;
	font: normal 2.9em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

	.contents-section .summary .inner { padding: 4px 20px 45px 13px !important }

		.contents-section h2.subtitle {
			color: #064598;
			font: normal 19px/19px Arial, Helvetica, sans-serif;
		}
		
		.contents-section p,
		.contents-section ul { color: #333; font-size: 1.2em }
		
		/*--- Imagen Descargas ---*/
		.contents-section img.descargas { position: relative; margin: 6px 0 0 30px }
		
		/*--- Tabla Descargas ---*/
		.contents-section table.descargas {
			border-collapse: collapse;
			width: 722px;
			margin-top: 30px;
		}

			/* Encabezado de celda */
			.contents-section table.descargas th {
				height: 28px;
				padding: 0 10px;
				background-color: #dee6ef;
				color: #333;
				font-size: 1.2em;
				text-align: left;
			}

			.contents-section table.descargas th.first { background: #dee6ef url('../images/bkg-view-cart-thL.gif') left top no-repeat; text-align: left }
			.contents-section table.descargas th.last { width: 100px; background: #dee6ef url('../images/bkg-view-cart-thR.gif') right top no-repeat }

			/* Celda de dato */
			.contents-section table.descargas td {
				height: 28px;
				* height: 23px; /* para IEs */
				border-bottom: 1px solid #ecf0f5;
				padding: 3px 12px 0 12px;
				color: #333;
				font-size: 1.2em;
			}
			
			.contents-section table.descargas td.right {
				padding-right: 30px;
				text-align: right;
			}

			.contents-section table.descargas tr.last td {
				border-bottom: 0;
				padding-bottom: 14px;
				* padding-bottom: 9px; /* para IEs */
			}
			
				.contents-section table.descargas td a { font-weight: bold }
				
			/* Preguntas descarga */
			.contents-section .descargas h2 { margin-top: 26px }
			
			.contents-section .descargas h3 {
				margin: 14px 0 5px 0;
				color: #064598;
				font-size: 1.4em;
			}
			
			.contents-section .descargas .lector-mp3 {
				position: relative;
				float: right;
				width: 185px;
				height: 203px;
				margin: 7px 0 10px 20px;
				background: url('../images/img-descargas-bkg-lector.gif') left top no-repeat;
				text-align: center;
			}
			
				.contents-section .descargas .lector-mp3 h2 {
					margin: 11px 0;
					font-size: 1.4em;
					
				}
				
			.contents-section .descargas .volver { font-weight: bold }
			.contents-section .descargas .volver.bottom { margin-top: 25px }

/*------------------------------------- BUSQUEDA AVANZADA -------------------------------------*/
#search { color: #333 }

	#search h1 {
		margin-bottom: 0;
		padding-bottom: 22px;
		background: url('../images/bkg-search-top.gif') left bottom no-repeat;
		color: #064598;
		font: normal 2.9em Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
	}

	#search p { font-size: 1.2em }
	
	/*--- Marco esquinas redondeadas ---*/
	#search .frame,
	#search .frame .frame-outer,
	#search .frame .frame-inner { width: 735px; width /**/:/**/ 755px }
	
	#search .frame { background: url('../images/bkg-search-center.gif') left top repeat-y }
	#search .frame .frame-inner { padding: 10px 0 50px 20px; background: url('../images/bkg-search-bottom.gif') left bottom no-repeat }
	
	/*--- Formulario de busqueda avanzada ---*/
	#search form.search-form { padding: 1.5em 0 .8em 0 }

		#search form.search-form fieldset { border: 0; margin: 0; padding: 0 }
		#search form.search-form legend { margin: 0 0 15px 0; padding: 0; color: #333 }
	
			#search form.search-form legend span {
				display: block;
				width: 705px;
				border-bottom: 1px solid #ecf0f5;
				padding-bottom: 1px;
				color: #064598;
				font-size: 1.4em;
				font-weight: bold;
			}
		
			#search form.search-form fieldset fieldset legend span {
				width: 145px;
				* width: 138px;
				border-bottom: 0;
				color: #333;
				font-size: 1.2em;
				font-weight: normal;
				text-align: right;
			}
	
		/* Etiqueta */
		#search form.search-form label {
			position: relative;
			display: block;
			width: 145px;
			height: 28px;
			font-size: 1.2em;
			text-align: right;
		}
	
		/* Campo*/
		#search form.search-form label input,
		#search form.search-form label select {
			position: absolute;
			top: -3px;
			left: 155px;
		}
	
		#search form.search-form label.texto input { width: 300px }
		#search form.search-form label.categoria select { width: 230px }
	
		/* Precio y Buscar en */
		#search form.search-form fieldset fieldset.precio,
		#search form.search-form fieldset fieldset.buscar-en {
			position: relative;
			height: 50px;
		}
	
		#search form.search-form fieldset fieldset.buscar-en.contenido { height: 88px }
	
		#search form.search-form fieldset fieldset.precio div.position,
		#search form.search-form fieldset fieldset.buscar-en div.position {
			position: absolute;
			top: -33px;
			* top: -2px;
			left: 151px;
		}
	
			#search form.search-form fieldset fieldset.precio div.position div,
			#search form.search-form fieldset fieldset.buscar-en div.position div { float: left; width: 130px }
		
			#search form.search-form fieldset fieldset.precio label,
			#search form.search-form fieldset fieldset.buscar-en label { height: auto; width: auto; text-align: left }
		
			#search form.search-form fieldset fieldset.precio label input,
			#search form.search-form fieldset fieldset.buscar-en label input { position: static }
		
		/* Valores */
		#search form.search-form label.valores { height: 90px }
	
			#search label.valores .help {
				position: absolute;
				width: 200px;
				left: 460px;
				color: #7e7e7e;
				font-size: .9em;
				text-align: left;
			}
		
				#search form.search-form label.valores .help tt {
					border: 1px solid #ccc;
					padding: 0 5px;
					background: #f4f4f4;
					font-size: 1.2em;
					line-height: 145%;
				}
	
		/* Botones */
		#search form.search-form .button { margin: .8em 0 0 155px }
		
	/*--- Resultados de busqueda avanzada ---*/
	#search h2.results-reference {
		float: left;
		width: 50%;
		height: 50px;
		margin-bottom: 0;
		color: #064598;
		font-size: 1.8em;
	}
	
		#search h2.results-reference small { display: block; font-size: 12px; line-height: 140% }
		#search h2.results-reference span.color-light { color: #6689b7 }
	
	#search div.button { padding-top: 5px }
	
	#search p.breadcrumbs-res {
		clear: both;
		width: auto;
		height: 25px;
		margin-bottom: 0;
		color: #064598;
		font-size: 12px;
		font-weight: bold;
	}
	
		#search p.breadcrumbs-res em {
			padding: 1px 7px;
			background: #f7f7f7;
			font-style: normal;
		}
		
			#search p.breadcrumbs-res em .color-light { color: #6689b7 }
	
	#search .category-result {
		clear: both;
		height: 145px;
		padding-top: 1em;
		* padding-top: .6em;
	}
	
		/* Listado categorias */
		#search .category-result .item {
			float: left;
			width: 23.4%;
			width /**/:/**/ 23%;
			margin-right: 9px;
		}
		
		#search .category-result .item.contents { width: 33% }
		#search .category-result h3 { margin-bottom: .15em; font-size: 1.4em }
			
		#search .category-result .border {
			height: 90px;
			border: 1px solid #ccc;
			padding: 4px 5px;
			overflow: auto;
		}
		
		#search .category-result li { font-size: 1.2em }
		
	/* Listado resultados contenido */
	#search .contents-list { padding: 1.5em 0 }
	#search .contents-list ul { margin-left: 25px }
	
	#search .contents-list li {
		margin-bottom: 3px;
		padding-left: 14px;
		background: url('../images/ico-arrow-big.gif') 0 3px no-repeat;
		font-size: 1.2em;
		font-weight: bold;
		list-style: none;
	}
	
/*------------------------------------- QUIENES SOMOS -------------------------------------*/
.quienes-somos h1 {
	margin-bottom: 0;
	padding-bottom: 22px;
	background: url('../images/bkg-search-top.gif') left bottom no-repeat;
	color: #064598;
	font: normal 2.9em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

	.quienes-somos .summary .inner { padding: 4px 20px 45px 13px !important }

		.quienes-somos h2.subtitle {
			color: #064598;
			font: normal 19px/19px Arial, Helvetica, sans-serif;
		}
	
		.quienes-somos .img-quienes {
			float: right;
			position: relative;
			margin-top: -42px;
			padding-left: 20px;
		}
	
		.quienes-somos p,
		.quienes-somos ul { color: #333; font-size: 1.2em }

		/*--- Objetivos Imaginarium ---*/
		.quienes-somos ul.objective {
			position: relative;
			height: 80px;
			margin-top: 20px;
		}
		
			.quienes-somos ul.objective li {
				padding: 9px 15px 11px 33px;
				color: #6689b7;
				list-style: none;
				line-height: 14px;
			}
		
			.quienes-somos ul.objective li.item1 {
				width: 148px;
				background: url('../images/bkg-quienes-1.gif') left top no-repeat;
			}
		
			.quienes-somos ul.objective li.item2 {
				position: absolute;
				top: 0;
				left: 205px;
				width: 218px;
				padding-left: 41px;
				background: url('../images/bkg-quienes-2.gif') left top no-repeat;
			}
			
		/*--- Valores Imaginarium ---*/
		.quienes-somos .values {
			position: relative;
			width: 718px;
			height: 110px;
			background: url('../images/bkg-quienes-3.jpg') left top no-repeat;
		}
		
			.quienes-somos .values ul {
				float: left;
				margin: 22px 25px 0 0;
				color: #bcccde;
			}
			
				.quienes-somos .values li { margin: 0 0 1px 33px }
				.quienes-somos .values li span { color: #6689b7; font-weight: bold }
				
		.quienes-somos .values-link {
			margin-left: 35px; 
			color: #bcccde;
			font-weight: bold;
		}
		
		/*--- Listado iconos de valores ---*/
		 .quienes-somos .icons-value {
			float: left;
			width: 735px;
			margin-top: 4px;
		}
		
		.quienes-somos .icons-value .item {
			float: left;
			width: 245px;
		}
		
			/* Icono */
			.quienes-somos .icons-value .item .img { float: left; text-align: center }
			.quienes-somos .icons-value .item .img img { margin-bottom: 4px }
			
			/* Texto */
			.quienes-somos .icons-value .item .txt { margin: 0 25px 0 68px }
			.quienes-somos .icons-value .item .txt h2 { margin-bottom: 5px; color: #064598; font-size: 14px }
			.quienes-somos .icons-value .item .txt a { font-weight: bold }
			
			/* Tooltip */
			#tooltip {
				position: absolute;
				z-index: 3000;
				width: 322px;
				padding-top: 11px;
				background: #1c56a1 url('../images/bkg-val-masinfo-top.gif') left top no-repeat;
				/* opacity: 0.85; */
				text-align: left;
			}
			
			#tooltip h3 { margin: 0 }
			
			#tooltip strong {
				display: block;
				margin-bottom: 5px;
				padding: 0 0 0 10px;
				color: #fff;
				font-size: 14px;
			}
			
			#tooltip p {
				margin: 0;
				padding: 0 10px 15px 10px;
				background: url('../images/bkg-val-masinfo-bottom.gif') left bottom no-repeat;
				color: #9bb6db;
				font-size: 11px;
				line-height: normal;
			}

/*------------------------------------- INFORMACION FRANQUICIA -------------------------------------*/
.quienes-somos .message-reply { width: 732px }

.quienes-somos .img-franquicia { position: relative }
.quienes-somos .tit-franquicia { margin: 20px 0 6px 0; color: #064598; font: normal 19px Arial, Helvetica, sans-serif }
.quienes-somos .tit-franquicia.marginT0 { margin-top: 0 }
.quienes-somos .font-size-14 { font-size: 14px !important }
.quienes-somos .franquicia-form h2 { margin: 20px 0 6px 0; color: #064598; font: normal 19px Arial, Helvetica, sans-serif }
.quienes-somos .franquicia-form .required { margin-bottom: 20px; margin-left: 0; font-size: 1.1em }

/* Fieldset y legend */
.quienes-somos .franquicia-form { margin-bottom: 20px }
.quienes-somos .franquicia-form fieldset { border: 0; margin: 0 0 20px 0; padding: 0 }
.quienes-somos .franquicia-form legend { margin: 0 0 12px 0; * margin-left: -5px; padding: 0 }

	.quienes-somos .franquicia-form legend span {
		display: block;
		width: 720px;
		border-bottom: 1px solid #ecf0f5;
		padding-bottom: 1px;
		color: #064598;
		font-size: 1.4em;
		font-weight: bold;
	}

	/* Etiqueta */
	.quienes-somos .franquicia-form label {
		display: block;
		position: relative;
		width: 135px;
		height: 26px;
		position: relative;
		color: #333;
		font-size: 1.2em;
		text-align: right;
	}

	/* Campos */
	.quienes-somos .franquicia-form label input,
	.quienes-somos .franquicia-form label select {
		position: absolute;
		top: -2px;
		left: 146px;
		width: 257px;
	}
	
	.quienes-somos .franquicia-form label input.small { width: 161px }
	
	/* Codigo Postal */
	.quienes-somos .franquicia-form label.cp input { width: 94px }
	
	/* Telefono */
	.quienes-somos .franquicia-form label.telefono { margin-top: 25px }

	/* Datos comerciales */
	.quienes-somos .franquicia-form p { margin-left: 40px }
	.quienes-somos .franquicia-form .radio p { margin-top: 18px; margin-bottom: 6px }
	.quienes-somos .franquicia-form .radio label { width: auto; height: 18px; margin-left: 143px; text-align: left }
	.quienes-somos .franquicia-form .radio label input { position: static; width: auto }

	/* Observaciones */
	.quienes-somos .franquicia-form label.observaciones { margin-top: 20px }
	
	.quienes-somos .franquicia-form label textarea {
		position: absolute;
		top: -2px;
		left: 146px;
		width: 485px;
		height: 120px;
	}
	
	/* Boton de envio */
	.quienes-somos .franquicia-form .button { margin: 120px 0 0 146px }
	.quienes-somos .franquicia-form .button input { * padding-right: 10px }

/*------------------------------------- TRABAJA CON NOSOTROS -------------------------------------*/
.quienes-somos .cv-select {
	border-bottom: 1px solid #ecf0f5;
	margin: 20px 0;
	padding: 8px 0 30px 93px;
	background: url('../images/bkg-cv-form.jpg') left top no-repeat;
}

	.quienes-somos .cv-select p span { color: #7dbb47; font-size: 14px }
	.quienes-somos .cv-select h2 { color: #7dbb47; font-size: 25px }
	
	.quienes-somos .cv-select ul { margin-left: 15px; color: #9dd869 }
	.quienes-somos .cv-select li { margin-bottom: 2px; font-weight: bold }
	
	/*--- Formulario ---*/
	.quienes-somos .cv-form h3 {
		color: #064598;
		font: normal 19px Arial, Helvetica, sans-serif;
	}
	
	.quienes-somos .cv-form .required { margin: 20px 0; font-size: 1.1em }
	
		/* Donde trabajar */
		.quienes-somos .cv-form .select {
			float: left;
			width: 388px;
			background: url('../images/bkg-cv-arrow.gif') right top no-repeat;
		}

			.quienes-somos .cv-form .select select { width: 190px }
	
			.quienes-somos .cv-form .select .button { margin-left: 146px }
			.quienes-somos .cv-form .select .button p { margin-top: 3px; font-size: 1.1em }
	
		.quienes-somos .cv-form .results { float: left; margin-left: 20px }
		.quienes-somos .cv-form .results table { width: 300px }

			.quienes-somos .cv-form .results table caption {
				border-bottom: 1px solid #ccc;
				margin-bottom: 3px;
				padding-bottom: 4px;
				color: #333;
				font: bold 1.2em Arial, Helvetica, sans-serif;
				text-align: left;
			}
	
			.quienes-somos .cv-form .results table td { color: #333; font-size: 1.2em }

				.quienes-somos .cv-form .results table td a {
					padding-left: 12px;
					background: url('../images/ico-arrow-big.gif') left center no-repeat;
					font-weight: bold;
					}
			
		/* Fieldset y legend */
		.quienes-somos .cv-form fieldset { border: 0; margin: 0 0 20px 0; padding: 0 }
		.quienes-somos .cv-form legend { margin: 0 0 12px 0; * margin-left: -5px; padding: 0 }

			.quienes-somos .cv-form legend span {
				display: block;
				width: 720px;
				border-bottom: 1px solid #ecf0f5;
				padding-bottom: 1px;
				color: #064598;
				font-size: 1.4em;
				font-weight: bold;
			}
	
		/* Etiqueta */
		.quienes-somos .cv-form label {
			display: block;
			position: relative;
			width: 135px;
			height: 26px;
			position: relative;
			color: #333;
			font-size: 1.2em;
			text-align: right;
		}

			/* Campos */
			.quienes-somos .cv-form label input,
			.quienes-somos .cv-form label select {
				position: absolute;
				top: -2px;
				left: 146px;
				width: 257px;
			}
	
			.quienes-somos .cv-form label input.small { width: 168px }
	
		/* Tablas */
		.quienes-somos .cv-form fieldset table { margin: 20px 0 0 8px }
		.quienes-somos .cv-form fieldset table th { color: #333; font-size: 1.2em; font-weight: normal; text-align: left }
		.quienes-somos .cv-form fieldset table td { padding: 2px 16px 2px 0 }
		.quienes-somos .cv-form fieldset .button-gray input { width: 63px }

	
		/* DNI */
		.quienes-somos .cv-form label.dni { float: left }
		.quienes-somos .cv-form label.letra { margin-left: 170px }
		.quienes-somos .cv-form label.dni input { width: 123px }
		.quienes-somos .cv-form label.letra input { width: 32px }

		/* Sexo */
		.quienes-somos .cv-form fieldset fieldset.sexo { position: relative; height: 26px; margin: 4px 0 0 98px }
		.quienes-somos .cv-form fieldset fieldset.sexo legend { margin: 0; color: #333; font-size: 1.2em }
		.quienes-somos .cv-form fieldset fieldset.sexo div { position: absolute; top: -16px; * top: -2px; left: 45px }
		.quienes-somos .cv-form fieldset fieldset.sexo label { display: inline }
		.quienes-somos .cv-form fieldset fieldset.sexo label input { position: static; width: auto }

		/* Codigo Postal */
		.quienes-somos .cv-form label.cp input { width: 94px }

		/* Fecha de nacimiento */
		.quienes-somos .cv-form label.fecha { height: 26px; margin-top: 25px }
		.quienes-somos .cv-form input.dia { width: 40px; text-align: center }
		.quienes-somos .cv-form input.mes { width: 40px; margin-left: 53px; text-align: center }
		.quienes-somos .cv-form input.ano { width: 62px; margin-left: 106px; text-align: center }
		.quienes-somos .cv-form label.fecha .help { position: absolute; top: 2px; left: 326px; width: 130px; color: #7e7e7e; font-size: .95em; text-align: left }

		/* Formacion */
		.quienes-somos .cv-form fieldset.formacion table { margin-top: 0 }
		.quienes-somos .cv-form fieldset.formacion table select { width: 282px }

		/* Experiencia */
		.quienes-somos .cv-form fieldset.experiencia label { display: inline; margin-left: 8px }
		.quienes-somos .cv-form fieldset.experiencia label input { position: static; width: auto }
		.quienes-somos .cv-form fieldset.experiencia table td input { margin-left: 0 }
		.quienes-somos .cv-form fieldset.experiencia table td input.dia,
		.quienes-somos .cv-form fieldset.experiencia table td input.mes { width: 20px }
		.quienes-somos .cv-form fieldset.experiencia table td input.ano { width: 45px }

		/* Idiomas */
		.quienes-somos .cv-form fieldset.idiomas table { margin-top: 0 }
		.quienes-somos .cv-form fieldset.idiomas table th.first { padding-right: 16px }
		.quienes-somos .cv-form fieldset.idiomas table th select,
		.quienes-somos .cv-form fieldset.idiomas table td select { width: 127px }

		/* Informatica */
		.quienes-somos .cv-form fieldset.informatica label { width: 272px; margin-left: 158px; text-align: left }
		.quienes-somos .cv-form fieldset.informatica label select { left: 273px; width: 158px }

		/* Adicional */
		.quienes-somos .cv-form fieldset.adicional { border-bottom: 1px solid #ecf0f5; margin-bottom: 25px; padding-bottom: 15px }
		.quienes-somos .cv-form fieldset.adicional fieldset { position: relative; height: 23px; border-bottom: none; margin: 0 0 0 158px; * margin-left: 152px; padding-bottom: 0 }
		.quienes-somos .cv-form fieldset.adicional fieldset legend { margin: 0; color: #333; font-size: 1.2em }
		.quienes-somos .cv-form fieldset.adicional fieldset div { position: absolute; top: -18px; * top: -4px; left: 150px }
		.quienes-somos .cv-form fieldset.adicional fieldset label { display: inline }
		.quienes-somos .cv-form fieldset.adicional fieldset label input { position: static; width: auto; margin-left: 10px }

		/* Fichero */
		.quienes-somos .cv-form fieldset.fichero { margin: 20px 0 0 144px }
		.quienes-somos .cv-form fieldset.fichero input { width: 316px }

		/* Boton de envio */
		.quienes-somos .cv-form .button { margin: 20px 0 10px 291px }
		.quienes-somos .cv-form .button input { * padding-right: 10px }

/*------------------------------------- PAGINA DE ERROR -------------------------------------*/
#error-page h1 {
	margin-bottom: 15px;
	color: #064598;
	font: normal 2.5em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

#error-page .message { float: left; width: 430px; margin-right: 20px }
#error-page .img {  }
#error-page p { color: #333; font-size: 1.2em }

/*------------------------------------- PIE DE PAGINA -------------------------------------*/
#footer .list {
	float: left;
	min-height: 150px;
	height: 150px;
	height /**/:/**/ auto;
	border-right: 1px solid #b1b2b2;
	margin: 15px 20px 0 20px;
	padding-right: 40px;
}

#footer .list.first { margin-left: 35px; margin-left /**/:/**/ 70px }

#footer .list.last {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

	#footer .list h2 {
		margin-bottom: 7px;
		color: #333;
		font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
		
	#footer .list li {
		list-style: none;
		font-size: 1.1em;
		padding: 1px 0 0;
	}
	
	#footer .list li.telephone { margin: 13px 0; color: #333 }
	#footer .list li.telephone span { display: block; font-size: .9em }
	
		#footer .list li a:link,
		#footer .list li a:visited { text-decoration: none }
		
		#footer .list li a:hover { text-decoration: underline }

#footer .logo-copy { clear: both; padding-top: 20px }

	#footer .logo-copy .copy {
		float: left;
		margin: 0 0 0 30px;
		padding-top: 30px;
		color: #565656;
		font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	#footer .logo-copy .logos { float: right; margin-right: 40px }
	#footer .logo-copy .logos img { vertical-align: middle }
	#footer .logo-copy .logos .quality { margin-right: 11px }
	#footer .logo-copy .logos .consum { margin-right: 11px }
	#footer .logo-copy .logos .imaginarium { margin-left: 75px }
	#footer .logo-copy .logos .imaginarium img { margin-top: 17px }






/*layout.css - define las estructuras de las diferentes plantillas */

/*------------------------------------- WRAPPER -------------------------------------*/
#wrapper {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* vuelve al correcto alineamiento del texto */
}

/*------------------------------------- CABECERA (HEADER) -------------------------------------*/
#header {
	height: 185px;
	background: url(../images/bkg-header.gif) left top no-repeat;
}

/*------------------------------------- COLUMNAS (CONTENT) -------------------------------------*/
#content {
	clear: both;
	/*-- Los backgrounds definidos simplemente sirven como preload --*/
	background-image: url(../images/nav-bkg-first-item-on.gif);
	background-image: url(../images/nav-bkg-first-item-on.gif);
	background-image: url(../images/nav-bkg-club-on.gif);
	background-image: url(../images/nav-bkg-corner-br.png);
	background-image: url(../images/nav-bkg-corner-bl.png);
	background-position: -1500em -1500em;
	background-repeat: no-repeat;
}

	#content #col-left { float: left; width: 208px; margin-right: 4px }
	#content #col-center { float: left; width: 755px }
	#content #col-right { float: left; width: 195px; margin-left: 10px; margin-left /**/:/**/ 14px }
	
	#content #col-right.home { margin-top: 50px }

/*------------------------------------- PIE DE PAGINA (FOOTER) -------------------------------------*/
#footer {
	clear: both;
	float: left;
	width: 100%;
	border-top: 20px solid #fff;
	border-top /**/:/**/ 40px solid #fff;
	background: #d9d9d7 url(../images/bkg-page-bottom.gif) center top repeat-x;
}

	#footer .inner {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		text-align: left; /* vuelve al correcto alineamiento del texto */
	}