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

/*------------------------------------- PESTANAS PRODUCTOS -------------------------------------*/
#tab-2 { padding-left: 10px }

	#tab-2 .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.last { background: none; margin-right: 0 }

		#tab-2 .item p.img { margin-bottom: 2px; text-align: center }
		#tab-2 .item h3 { margin-bottom: 0; font-size: 1.2em }
		#tab-2 .item p.age { margin-bottom: 6px; color: #666; font-size: 1em }
		#tab-2 .item p.intro { margin-bottom: 7px; color: #6c798c; font-size: 1.1em; line-height: 110% }
	
		#tab-2 .item p.price {
			float: left;
			margin-bottom: 6px;
			color: #f63a00;
			font-size: 2.2em;
			font-weight: bold;
			letter-spacing: -1px;
		}
	
			#tab-2 .item p.price span { font-size: 13px }
	
		#tab-2 .item form {
			float: right;
			margin: 8px 0 0;
			* margin-top: 4px;
		}
	
			#tab-2 .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 { vertical-align: middle }

/*------------------------------------- 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: 10px;
			padding-right: 20px;
		}
	
		.contents h2 {
			margin-bottom: 9px;
			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;
}
	
	.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;
			}