/******************************************************
  Imaginarium.es
  Define el estilo de los modulos en home
******************************************************/

/*------------------------------------- PESTANAS PRODUCTOS mod (mas vendido, ofertas) -------------------------------------*/
#tab-2,
#tab-3,
#tab-4 { padding-left: 10px }

	#tab-2 .item,
	#tab-3 .item,
	#tab-4 .item {
		float: left;
		width: 22.7%;
		padding-right: 7px;
		background: url('../images/vert-line-gradient.gif') right top no-repeat;
		margin-right: 7px;
	}
	
	#tab-2 .item div.fijo-vertical,
	#tab-3 .item div.fijo-vertical,
	#tab-4 .item div.fijo-vertical
	{
		height: 82px;
		overflow: hidden;
	}
	#tab-2 .item.last,
	#tab-3 .item.last,
	#tab-4 .item.last { background: none; margin-right: 0 }

		#tab-2 .item p.img,
		#tab-3 .item p.img,
		#tab-4 .item p.img	{ width: 100px; height: 100px; margin-bottom: 2px; text-align: center }
		
		#tab-2 .item p.img img,
		#tab-3 .item p.img img,
		#tab-4 .item p.img img
			{ width: 100px; height: 100px }
		
		#tab-2 .item h3,
		#tab-3 .item h3,
		#tab-4 .item h3	{ margin-bottom: 0; font-size: 1.2em }
		
		/* #tab-2 .item p.age,
		#tab-3 .item p.age { margin-bottom: 6px; color: #666; font-size: 1em } */
		
		#tab-2 .item p.intro,
		#tab-3 .item p.intro,
		#tab-4 .item p.intro { height: 49px; margin-bottom: 7px; color: #6c798c; font-size: 1.1em; line-height: 110%; overflow: hidden; }
	
		#tab-2 .item p.price,
		#tab-3 .item p.price,
		#tab-4 .item p.price {
			float: left;
			width: 40px;
			margin-bottom: 6px;
			color: #f63a00;
			font-size: 2.2em;
			font-weight: bold;
			letter-spacing: -1px;
		}
	
			#tab-2 .item p.price span,
			#tab-3 .item p.price span,
			#tab-4 .item p.price span	{ font-size: 13px }
			
			#tab-2 .item p.price small.offer {
				display: block;
				color: #777;
				font-size: 11px;
				font-weight: normal;
				margin-top: -4px;
			}
			
				#tab-2 .item p.price small.offer strong {
					letter-spacing: 0;
					text-decoration: line-through;
				}
			
			#tab-3 .item p.price small.offer {
				display: block;
				color: #777;
				font-size: 11px;
				font-weight: normal;
				margin-top: -4px;
			}
			
				#tab-3 .item p.price small.offer strong {
					letter-spacing: 0;
					text-decoration: line-through;
				}
				
			#tab-4 .item p.price small.offer {
				display: block;
				color: #777;
				font-size: 11px;
				font-weight: normal;
				margin-top: -4px;
			}
			
				#tab-4 .item p.price small.offer strong {
					letter-spacing: 0;
					text-decoration: line-through;
				}	
	
		#tab-2 .item form,
		#tab-3 .item form,
		#tab-4 .item form {
			float: right;
			margin: 0px;
			margin-bottom:5px;
			* margin-top: 0px;
		}
	
			#tab-2 .item label input,
			#tab-3 .item label input,
			#tab-4 .item label input	{
				width: 1.6em;
				padding: 0 1px;
				color: #009900;
				font: bold 1em Verdana, Arial, Helvetica, sans-serif;
				text-align: right;
			}

			#tab-2 .item input,
			#tab-3 .item input,
			#tab-4 .item input { vertical-align: middle }
			
	/*--- Enlace "ver mas ofertas" ---*/
	#tab-3 .more-offer {
		clear: both;
		border-top: 4px solid #fff;
		padding: 5px 0 7px 0;
		background: url('../images/bkg-vermasofertas.gif') left bottom no-repeat;
		font-size: 1.1em;
		font-weight: bold;
		text-align: center;
	}
	#tab-2 .more-offer {
		clear: both;
		border-top: 4px solid #fff;
		padding: 5px 0 7px 0;
		background: url('../images/bkg-vermasofertas.gif') left bottom no-repeat;
		font-size: 1.1em;
		font-weight: bold;
		text-align: center;
	}

/*------------------------------------- PROMOCIONES -------------------------------------*/
.promo { clear: both }
.promo .item { float: left; margin-bottom: 16px }
	
	/*--- Promo pequno ---*/
	.promo .small {
		width: 247px;
		height: 127px;
		background: url(../images/bkg-promo-small.gif) left top no-repeat;
	}
	
		.promo .small h2 {
			position: relative;
			margin: 3px 9px;
			font-size: 1.4em;
			z-index: 2;
		}
		
			.promo .small h2 a:link,
			.promo .small h2 a:visited {
				color: #f74d19;
				text-decoration: none;
			}
		
				.promo .small h2 span {
					padding-left: 98px;
					font-size: 1.3em;
					font-weight: normal;
				}
			
				.promo .small h2 a:link span,
				.promo .small h2 a:visited span { color: #064598 }
			
		.promo .small img { margin: -24px 0 0 4px }
		
	/*--- Promo grande ---*/
	.promo .large {
		width: 303px;
		height: 127px;
		margin-left: 8px;
		background: url(../images/bkg-promo-large.gif) left top no-repeat;
	}
	
		.promo .large h2 {
			position: relative;
			width: 75%;
			margin: 3px 9px;
			font-size: 1.7em;
			z-index: 2;
		}
		
			.promo .large h2 a:link,
			.promo .large h2 a:visited {
				color: #064598;
				text-decoration: none;
			}
		
				.promo .large h2 a:link span,
				.promo .large h2 a:visited span { color: #f74d19 }
			
		.promo .large img { margin: -42px 0 0 6px }
	
/*------------------------------------- CONTENIDOS -------------------------------------*/
.contents {
	clear: both;
	float: left;
	width: 246px;
	background: url(../images/bkg-contenidos-center.gif) left top repeat-y;
}

	.contents .inner {
		float: left;
		/*padding-bottom: 8px;*/
		background: url(../images/bkg-contenidos-bottom.gif) left bottom no-repeat;
	}
	
		.contents .inner div {
			margin-bottom: 6px;
			padding-right: 20px;
		}
	
		.contents h2 {
			margin-bottom: 5px;
			padding: 6px 9px 0 9px;
			background: url(../images/bkg-contenidos-top.gif) left top no-repeat;
			color: #064598;
			font-size: 1.8em;
			font-weight: normal;
		}
		
		.contents .img {
			clear: both;
			float: left;
			width: 55px;
			margin: 7px 10px 0 4px;
			margin-left /**/:/**/ 8px;
		}
		
		.contents h3 {
			margin-bottom: 2px;
			padding-top: 7px;
			color: #333;
			font-size: 1.4em;
		}
		
		.contents div ul { float: left }
		
		.contents div li {
			margin-left: 20px;
			margin-left /**/:/**/ 15px;
		}
		
		.contents p a,
		.contents li a { font-size: 1.1em }
	
/*------------------------------------- AREA FAMILIAS -------------------------------------*/
.area-family {
	float: left;
	width: 303px;
	margin-left: 8px;
	background: url(../images/bkg-area-familias-center.gif) left top repeat-y;
	*margin-left:4px;	
}
	
	.area-family .inner {
		float: left;
		width: 303px;
		background: url(../images/bkg-area-familias-bottom.gif) left bottom no-repeat;
	}
	
		.area-family .inner h2 {
			margin-bottom: 5px;
			padding: 6px 9px 0 9px;
			background: url(../images/bkg-area-familias-top.gif) left top no-repeat;
			color: #064598;
			font-size: 1.8em;
			font-weight: normal;
		}
		
		/*--- Family World ---*/
		.area-family .family-world {
			width: 293px;
			margin: 0 6px 12px 6px;
			padding-bottom: 10px;
			border-bottom: 1px solid #dcdcd9;
		}
				
		.area-family .family-world p {
			width: 195px;
			margin: -70px 0 0 3px;
			font-size: 1.1em;
			line-height: 120%;
		}
		
			.area-family .family-world p a { display: block }
			
		/*--- Otros ---*/
		.area-family .item {
			float: left;
			width: 135px;
			margin-left: 9px;
		}
		
		.area-family .last { margin-left /**/:/**/ 14px }
		
			.area-family .item .img {
				float: left;
				margin: 0 2px 3px 0;
				margin-right /**/:/**/ 5px;
			}
			
			.area-family .item h3 {
				margin-bottom: 3px;
				color: #333;
				font-size: 1.3em;
			}
			
			.area-family .item p {
				clear: both;
				margin: 0 4px 8px 0;
				* margin-bottom: 0; /* para IE */
				font-size: 1.1em;
			}
			
			.margenDescargas{

            margin-left:3px;

			}