/******************************************************
  Imaginarium.es
  Define el estilo de los modulos en Deco
******************************************************/
/*------------------------------------- MENU IZQUIERDO DECO DESPLEGABLE -------------------------------------*/
#menuDeco {
	width: 184px;
	margin: 0 0 14px 16px;
	background: url('../images-deco/bkg-menu-top.gif') left top no-repeat;
}

	#menuDeco .inner {
		width: 184px;
	}
		#menuDeco ul {
			margin: 0;
			padding-bottom: 1px;
		}

		#menuDeco li {
			font-size: 1.1em;
			font-weight: bold;
			list-style: none;
		}
		
		#menuDeco li.item1 { background: none }
		
			#menuDeco 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;
				border-bottom: 1px solid #c5cfdf;
			}
			
			#menuDeco li span.head big { font-size: 1.6em }
			
			/*--- Submenu ---*/
			#menuDeco-list li ul {
				background:#E4EBEC none repeat scroll 0%;
				border-bottom: 1px solid #c5cfdf;
				margin: 0 1px;
				padding: 6px 0 10px 0;
				background: #f0f3f7;
				font-size: 1.1em;
				font-weight: bold;
			}
			
				#menuDeco-list li ul li {
					margin-left: 10px;
					background: none;
					font-size: .95em;
				}
				
				#menuDeco-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;
				}

				#menuDeco-list li ul li a:link,
				#menuDeco-list li ul li a:visited {
					color: #7a7266;
					text-decoration: none;
				}
				
				#menuDeco-list li ul li a:hover { background: #fff url(../images/ico-arrow-right-small-dark.gif) 22px center no-repeat }
		#menuDeco .cierre {
			width: 184px;
			height:330px;
			background:url('../images-deco/bkg-menu-bottom.gif') left bottom no-repeat;
		}	
/*------------------------------------- FIN MENU IZQUIERDO DECO DESPLEGABLE -------------------------------------*/

/*------------------------------------- MENU IZQUIERDO DECO -------------------------------------*/
#deco-menu {
	width: 184px;
	margin-left: 16px;
	padding-top: 5px;
	background: #edf3f4 url('../images-deco/bkg-menu-top.gif') left top no-repeat;
}

	#deco-menu .inner {
		background: #edf3f4 url('../images-deco/bkg-menu-bottom.gif') left bottom no-repeat;
		height:580px;
	}
	
	#deco-menu ul { margin: 0; padding: 5px 0 5px 0 }
	#deco-menu ul li ul li {background: url('../images-deco/bkg-menu-dotted.gif') left bottom no-repeat; }
	
		#deco-menu li {
			margin: 0 7px 0 8px;
			font-size: 1.1em;
			font-weight: bold;
			list-style: none;
		}
		
			#deco-menu li a:link,
			#deco-menu li a:visited,
			#deco-menu li a.active {
				display: block;
				height: 19px;
				height /**/:/**/13px;
				padding: 6px 4px 0 7px;
				padding-bottom : 6px;
				color: #676f6f;
				text-decoration: none;
				text-transform: uppercase;
			}
			
			#deco-menu li a:hover,
			#deco-menu li a.active { background: #dce2e3 }

.footerLegal{
	clear: both;
	text-align:center;
	color:#064598;
	font-size:1.0em;
	padding-top:30px;
}

/*------------------------------------- CABECERA DECO -------------------------------------*/
#deco-header .logo {
	float: left;
	width: 103px;
	height: 87px;
}

#deco-header .title {
	float: left;
	width: 456px;
	background: url('../images-deco/bkg-header.gif') left top repeat-x;
}

.content-deco #deco-header .title { width: 651px }

	#deco-header .title .inner {
		padding: 5px 95px 35px 12px;
		background: url('../images-deco/header-bird.gif') right top no-repeat;
	}
	
	.content-deco #deco-header .title .inner {
		padding-bottom: 30px;
	}
	
	#deco-header .title h1 {
		float: none;
		margin: 0;
		padding: 9px 0 3px 0;
		color: #fff;
		font-size: 21px;
		font-weight: bold;
		line-height: 100%;
		text-transform: uppercase;
	}
	
	.content-deco #deco-header .title h1 {
		margin: 0;
		padding: 0;
	}
	
	#deco-header .title em {
		color: #c4f2f6;
		font-size: 15px;
		font-style: normal;
		font-weight: bold;
	}
	
		#deco-header .title em span { text-transform: uppercase }
		#deco-header .title em span.pipe { padding: 0 5px; font-weight: normal }
	
	#deco-header p {
		clear: both;
		position: relative;
		top: -10px;
		width: 500px;
		color: #333;
		font-size: 1.2em;
	}
	
/*------------------------------------- INTRO DECO -------------------------------------*/
.intro { clear: both }
	
	.intro .gallery {
		float: left;
		width: 395px;
	}

	.intro .txt {
		float: left;
		width: 332px;
	}
	
		.intro .txt h2 {
			margin: 0 0 10px 18px;
			color: #333;
			font-size: 21px;
			letter-spacing: -1px;
		}
		
		.intro .txt p {
			margin-left: 18px;
			color: #333;
			font-size: 1.4em;
		}

/*------------------------------------- LISTA PRODUCTOS -------------------------------------*/
#deco-product { clear: both }

	/*--- Columna productos (izquierda) ---*/
	#deco-product .items-list {
		float: left;
		width: 568px;
		margin-top: 10px;
	}
	
		/* Item */
		#deco-product .items-list .item {
			position: relative;
			float: left;
			width: 268px;
			_height: 193px;
			min-height: 193px;
			margin: 0 11px 11px 0;
			background: url('../images-deco/bkg-box-top-home.gif') left top no-repeat;
		}
		
			#deco-product .items-list .item h3 {
				margin: 0;
				padding: 8px 10px 2px 10px;
				font-size: 1.6em;
			}
			
				#deco-product .items-list .item h3 a:link { text-decoration: none }
				
			#deco-product .items-list .item p {
				margin: 0 10px 8px 10px;
				color: #333;
				font-size: 1.1em;
				line-height: 1.1em;
			}
			
			#deco-product .items-list .item .img {
				position: absolute;
				bottom: 0;
			}
			
		/* Venta exclusiva */
		#deco-product .items-list .exclusive {
			clear: both;
			width: 547px;
			background: #064598 url('../images-deco/bkg-boxblue-top.gif') left top no-repeat;
			color: #fff;
		}
		
			#deco-product .items-list .exclusive .inner {
				background: url('../images-deco/bkg-boxblue-bottom.gif') left bottom no-repeat;
			}
			
				#deco-product .items-list .exclusive .inner .txt {
					padding: 10px 0 12px 12px;
					background: url('../images-deco/bkg-boxblue-right.gif') right bottom no-repeat;
					font-size: 1.2em;
					font-weight: bold;
				}
				
					#deco-product .items-list .exclusive .inner .txt p { margin: 0 120px 0 0 }
					
						#deco-product .items-list .exclusive .inner .txt em {
							display: block;
							padding-top: 11px;
							font-size: 18px;
							font-style: normal;
							text-transform: uppercase;
						}
	
	/*--- Columna banners (derecha) ---*/
	#deco-product .deco-promos {
		float: left;
		width: 185px;
		margin-top: 15px;
	}

/*------------------------------------- CATEGORIA PRODUCTO -------------------------------------*/
/*--- Paginacion ---*/
.product-results h2 span { color: #93ba00 }

/*--- Link producto ---*/
.product-list .item h3 a:link { color: #f6006e; text-decoration: none }
.product-list .item h3 a:visited { color: #bd0055; text-decoration: none }
.product-list .item h3 a:hover { color: #bd0055; text-decoration: underline }

/*--- Precio ---*/
.product-list .item p.price { color: #00a0ac }

/*------------------------------------- FICHA PRODUCTO -------------------------------------*/
#data-sheet .tabs-nav {
	background-image: url('../images/tabs-bkg-top-deco.gif') !important;
}

#data-sheet .prod-img a:link { color: #f6006e }
#data-sheet .prod-img a:visited { color: #bd0055 }
#data-sheet .prod-img a:hover { color: #bd0055 }

	/*--- Descarga manual ---*/
		#data-sheet .manuales_pdf {
		 float:left;
		 font-weight: bold;
		 padding:5px;
		 border:1px solid #c30;
		 width:400px;
		 margin:0px 0px 20px 10px;
		}
		
		#data-sheet .manuales_pdf a {
		 font-weight: bold;
		 font-size: 1.2em;
		 /*float: none;
		 padding: 18px 10px 10px 50px;
		 background: url('../images/bkg-download.gif') 0 0 no-repeat;
		 border-top:1px solid #c30;
		 border-bottom:1px solid #c30;*/
		}
		
	#data-sheet .manual a:link { color: #f6006e }
	#data-sheet .manual a:visited { color: #bd0055 }
	#data-sheet .manual a:hover { color: #bd0055 }

/*--- Leyenda iconos ---*/
#data-sheet .prod-icons { margin-top: 13px }
#data-sheet .prod-icons a:link { color: #f6006e }
#data-sheet .prod-icons a:visited { color: #bd0055 }
#data-sheet .prod-icons a:hover { color: #bd0055 }

#data-sheet .prod-info li.price span { color: #00a0ac }