
/* *********************** */
/* BEGIN: ABECEDARIO */


#abc{
	width : 			895px;
	position : 			relative;
	margin-top : 		5px;
	min-height: 		645px; 
	background:			transparent;
	margin-bottom:		35px;
}


	#abc .abc-loading{
		display:			none;
		width:				143px;
		height:				155px;
		position:			absolute;
		top:				240px;
		left:				375px;
		background:			url(img/loading-ABC.gif) no-repeat 0 0;
		
		z-index:			-2;
	}
	#abc.layerView .abc-loading{
		background-image:	url(img/loading.gif);
		left:				425px;
		width:				44px;
		height:				44px;
		z-index:			100;
	}
	




/****************************/
/*		MAIN LAYERS 		*/
/****************************/
#abc #abc-content{
	position : 			absolute;
	width : 			895px;
}

	#abc #abc-content p{
		color:			#000;
		font-size:		14px;
		font-family:	"FuturaLight", Verdana, Arial;
		padding:		15px;
	}

	#abc #abc-content p em{
		color:			#e20026;
	}





/****************************/
/*			MENU 			*/
/****************************/

#abc #menu-layers{
	position : 			absolute;
	top : 				0px;
	margin-top : 		0px;
	border-bottom:		5px solid #fff;
	display:			none;
	overflow:			hidden;
	width:				900px;
}


	#abc #menu-layers li{
		width : 				445px;
		height : 				75px;
		color : 				#FFF;
		font-family : 			FuturaRegular, Verdana, Arial;
		line-height: 			80px;
		text-align : 			center;
		font-size : 			2.6em;
		overflow:				hidden;
		text-transform: 		uppercase;
		
		-webkit-transition: 	background 0.2s ease-in-out;
		-moz-transition: 		background 0.2s ease-in-out;
		-o-transition: 			background 0.2s ease-in-out;
		-ms-transition: 		background 0.2s ease-in-out;
		transition: 			background 0.2s ease-in-out;
		
		
		-webkit-transition: 	width 0.7s ease-in-out;
		-moz-transition: 		width 0.7s ease-in-out;
		-o-transition: 			width 0.7s ease-in-out;
		-ms-transition: 		width 0.7s ease-in-out;
		transition: 			width 0.7s ease-in-out;
		
		
	}

	#abc.mosaicView #menu-layers #menu-title-abc{
		background: 			#e20026;
	}
	
	#abc #menu-layers a{
		display:				block;
		color:					#fff;
		text-transform: 		uppercase;
		margin:					9px 0 10px;
		height:					56px;
		line-height:			61px;
		width:					100%;
		
	}


	#abc #menu-title-abc{
		float : 				left;
	}
	
	#abc.listView #menu-title-abc,
	#abc.mosaicView #menu-title-abc{
		width: 					620px;
	}
	
	#abc #menu-title-guide{
		float : 				left;
		border-left: 			0
		margin-left:			5px;
	}
	
	#abc.listView #menu-title-guide,
	#abc.mosaicView #menu-title-guide{
		width: 					275px;
		background:				#fff;
		margin:					0;
	}
	
	#abc  #menu-title-guide a{
		background-position:	185px 0;
		background-repeat:		no-repeat;
	}
	
	#abc.listView #menu-title-guide a,
	#abc.mosaicView #menu-title-guide a{
		width:					185px;
		padding-right:			70px;
		color:					#000;
		background-image:		url(img/abc-nav-arrow-right.gif);
		
		
		
		-webkit-transition: 	width 0.7s ease-in-out;
		-moz-transition: 		width 0.7s ease-in-out;
		-o-transition: 			width 0.7s ease-in-out;
		-ms-transition: 		width 0.7s ease-in-out;
		transition: 			width 0.7s ease-in-out;
	}
	
	.ie7 #abc  #menu-title-guide a,
	.ie8 #abc  #menu-title-guide a{
		background-position:	185px 0 !important;
	}
	
	.ie7 #abc  #menu-title-guide a:hover,
	.ie8 #abc  #menu-title-guide a:hover{
		background-position:	185px -392px !important;
	}
	
	
	#abc.listView #menu-title-guide a:hover,
	#abc.mosaicView #menu-title-guide a:hover{
		color:					#e20026;
	}





/****************************/
/*		  CONTENT COVER		*/
/****************************/

#abc #abc-cover{
	position: 				absolute;
	overflow:				hidden;
	display:				none;
	height:					645px;
	position:				relative;
	width:					895px;
}

	#abc #abc-cover li{
		position: 			relative;
		position: 			absolute;
		left:				0;
		top: 				0;
		display: 			block;
		width:				445px;
		height:				645px;
		overflow:			hidden;
	}

	#abc #abc-cover li.guide{
		right:				0;
		left:				auto;
	}
	
	
		#abc #abc-cover a{
			display:		block;
			position:		absolute;
			top:			0;
			left:			0;
			width:			100%;
			height:			100%;
			z-index:		50;
			background:		url(img/abc-home-arrow-left.png) no-repeat transparent  center 215px;
			
		}

		#abc #abc-cover .guide a{
			background-image: url(img/abc-home-arrow-right.png);
		}

		#abc #abc-cover em{
			display:		block;
			font-family:	FuturaMedium, Verdana, Arial;
			font-size:		18px;
			color:			#fff;
			text-transform:	uppercase;
			text-decoration: underline;
			margin-top:		440px;
			text-align:		center;
			width:			255px;
			margin-left:	95px;
		}
		
		#abc #abc-cover .abc-img{
			display:		block;
			overflow:		hidden;
			width:			100%;
			height:			100%;
		}
		
			#abc #abc-cover .abc-img img{
				position:	relative;
				top:		0;
				left:		0;
				z-index:	-1;
			}

	#abc #abc-cover .guide{
		margin-left:		5px;
	}

	#abc #abc-cover .rollover{
		position:			absolute;
		display:			block;
		width:				100%;
		height:				100%;
		background-color:	rgba(226, 00, 38, 0);
		
		-webkit-transition: 	all 0.2s ease-in-out;
		-moz-transition: 		all 0.2s ease-in-out;
		-o-transition: 			all 0.2s ease-in-out;
		-ms-transition: 		all 0.2s ease-in-out;
		transition: 			all 0.2s ease-in-out;
		
	}

	#abc #abc-cover :hover .rollover{
		background-color:	rgba(226, 00, 38, 0.8);
	}
	
	.ie7 #abc #abc-cover :hover .rollover,
	.ie8 #abc #abc-cover :hover .rollover{
		background:			url(img/opacity.red.70-trans.png) repeat;
	}
	
	
	#abc #abc-cover.transition a{
		cursor:				default;
	}
	
	#abc #abc-cover.transition .rollover{
		background-color:	rgba(226, 00, 38, 0);
	}








/********************************/
/*		CONTENT ABC MOSAIC		*/
/********************************/

ul#abc-mosaic{
	display : 					none;
	padding-top : 				75px;
	overflow:					hidden;
	width:						900px;
}


	#abc #abc-mosaic li{
		float : 				left;
		margin-right : 			5px;
		margin-top : 			5px;
		width : 				145px;
		height : 				155px;
		
	}
	
	.ie7 #abc #abc-mosaic li,
	.ie8 #abc #abc-mosaic li{
		cursor:					pointer;
	}

		#abc #abc-mosaic li a{
			position:			relative;
			display:			block;
			width : 			108pt;
			height : 			116pt;
			line-height: 		116pt;
			
			color : 			#FFF;
			font-family : 		FuturaLight, Verdana, Arial;
			font-size: 			92pt;
			text-align: 		center;
			overflow:			hidden;
			
			border:				0 solid #fff;
			
			
		}
		
		#abc #abc-mosaic li a:hover{
			/*font-size: 			105pt;*/
		}
		
			#abc #abc-mosaic li a em{
				display:			block;
				width : 			100%;
				height : 			100%;
				position:			relative;
				z-index:			15;
				margin:				0;
				
				
			}
			
			#abc #abc-mosaic li a .rollover{
				position:				absolute;
				display:				block;
				top:					0;
				left:					0;
				z-index:				10;
				
				width : 			108pt;
				height : 			116pt;
				
				
				-webkit-transition: 	all 0.7s ease-in-out;
				-moz-transition: 		all 0.7s ease-in-out;
				-o-transition: 			all 0.7s ease-in-out;
				-ms-transition: 		all 0.7s ease-in-out;
				transition: 			all 0.7s ease-in-out;
			}
			
			#abc #abc-mosaic li a:hover .rollover{
				width:					92pt;
				height:					100pt;
				
				top:					8pt;
				left:					8pt;
				
				background:				rgba(226, 0, 38, 0.7);
				
				-webkit-transition: 	all 0.3s ease-in-out;
				-moz-transition: 		all 0.3s ease-in-out;
				-o-transition: 			all 0.3s ease-in-out;
				-ms-transition: 		all 0.3s ease-in-out;
				transition: 			all 0.3s ease-in-out;
			}
			
			
			.ie7 #abc #abc-mosaic li a:hover .rollover,
			.ie8 #abc #abc-mosaic li a:hover .rollover{
				background:			url(img/opacity.red.70-trans.png) repeat;
			}
		
		#abc #abc-mosaic li a .abc-img{
			position:				absolute;
			display:				block;
			top:					0;
			left:					0;
			
			overflow:				hidden;
			
			width : 				108pt;
			height : 				116pt;
			
			
			
			-webkit-transition: 	all 0.7s ease-in-out;
			-moz-transition: 		all 0.7s ease-in-out;
			-o-transition: 			all 0.7s ease-in-out;
			-ms-transition: 		all 0.7s ease-in-out;
			transition: 			all 0.7s ease-in-out;
			
		}
		
		#abc #abc-mosaic li a:hover .abc-img{
			width:					92pt;
			height:					100pt;
			top:					8pt;
			left:					8pt;
			
			-webkit-transition: 	all 0.3s ease-in-out;
			-moz-transition: 		all 0.3s ease-in-out;
			-o-transition: 			all 0.3s ease-in-out;
			-ms-transition: 		all 0.3s ease-in-out;
			transition: 			all 0.3s ease-in-out;
		}
		
			#abc #abc-mosaic li a .abc-img img{
				position:			absolute;
				top:				-40px;
				left:				-40px;
				
				
				-webkit-transition: 	all 1.4s ease-in-out;
				-moz-transition: 		all 1.4s ease-in-out;
				-o-transition: 			all 1.4s ease-in-out;
				-ms-transition: 		all 1.4s ease-in-out;
				transition: 			all 1.4s ease-in-out;
			}
		
			#abc #abc-mosaic li a:hover .abc-img img{
				top:				-10px;
				left:				-10px;
				
				
				-webkit-transition: 	all 0.7s cubic-bezier(0.680, 0, 0.265, 1);
				-webkit-transition: 	all 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550);
				-moz-transition: 		all 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550);
				-o-transition: 			all 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550);
				-ms-transition: 		all 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550);
				transition: 			all 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550);
				
			}
		
			#abc #abc-mosaic li:nth-child(2n) a:hover .abc-img img{
				top:				-70px;
				left:				-70px;
			}
		
			#abc #abc-mosaic li:nth-child(3n) a:hover .abc-img img{
				top:				-40px;
				left:				-10px;
			}
		
			#abc #abc-mosaic li:nth-child(4n) a:hover .abc-img img{
				top:				-10px;
				left:				-70px;
			}
		
			 li:nth-child(5n) a:hover .abc-img img{
				top:				-10px;
				left:				-40px;
			}





/********************************/
/*		CONTENT LAYER LETRAS		*/
/********************************/

#abc .content-layer{
	display: 				none;
	position:				absolute;
	padding-top:			80px;
	width:					100%;
	oveerflow:				hidden;
}


	#abc .content-layer h2,
	#abc .content-layer h3{
		color:				#fff;
		position:			absolute;
		top:				0;
		left:				0;
		line-height:		1em;
	}
	
	#abc .content-layer h2{
		font-size:			250px;
		font-family:		"FuturaLight", Verdana, Arial;
		
		
	}
	
	#abc .content-layer h3{
		font-size:			24px;
		font-family:		"FuturaMedium", Verdana, Arial;
		text-decoration:	underline;
	}
		
		#abc .content-layer .plus{
			width:					60px;
			height:					55px;
			display:				block;
			background:				url(img/+.png) no-repeat 0px 0px;
			visibility:				visible;
			overflow:				hidden;
			position:				absolute;
			cursor:					pointer;
		}
		
		#abc .content-layer .plus.small{
			background:				url(img/+-small.png) no-repeat 0px 0px;
		}
		

		#abc .content-layer .focus-square{
			
			background:				url(img/focus.png) no-repeat 0 0;
			
			margin-left:			-7px;
			margin-top:				-7px;
			
			height:					190px;
			width:					190px;
			visibility:				hidden;
			
			cursor:					pointer;
			position:				absolute;
			
			
		}
		
		#abc .content-layer .focus-square.showing{
			background-image: 		url(img/focus-showing.png);
			cursor:					default;
		}
		
		#abc .content-layer .focus-square.hiding{
			background-image: 		url(img/focus-hiding.png);
			cursor:					default;
		}
		
		
		#abc .content-layer .expanded .focus-square{
			visibility:				visible;
		}
		
		
		#abc .content-layer .abc-img .hide-block{
			background:				#fff;
			position:				relative;
			z-index:				10;
		}
		
		#abc .content-layer .plus-content .text{
			background:				none;
			display:				none;
			position:				absolute;
			background:				#fff;
			width:					177px;
			
			
			
		}
		
		#abc .content-layer .plus-content.expanded .text{
		}	
		
			#abc .content-layer .plus-content .text .text-wrapper{
				background:			#fff;
			}
		
			#abc .content-layer .plus-content .text p{
				width:				147px;
				opacity:			0;
			}


/********************************/
/*		HORIZONTAL GRID		*/
/********************************/
#abc .content-layer.horizontal-grid{
	min-height:					565px;
}
	#abc .content-layer.horizontal-grid .abc-img{
		position:				absolute;
		top:					0;
		left:					0;
		width:					895px;
		height:					645px;
		overflow:				hidden;
		z-index:				-1;
	}
	
		#abc .content-layer.horizontal-grid .abc-img img{
			position:				absolute;
			top:					0;
			left:					0;
			
			
			margin-top:			-35px;
			margin-left:		-50px;
			
		}
	
	#abc .content-layer.horizontal-grid .abc-img.right{
		width:					445px;
		height:					565px;
		left:					450px;
		top:					80px;
	}
	
	#abc .content-layer.horizontal-grid .abc-img.right img{
			margin-top:			-115px;
			margin-left:		-500px;
		}
	
	
	#abc .content-layer.horizontal-grid .hide-block{
		position:				absolute;
		left:					445px;
		top:					80px;
		width:					450px;
		height:					565px;
		display:				block;
		background:				#fff;
		z-index:				10;
	}
	

/********************************/
/*		DOUBLE GRID		*/
/********************************/
#abc .content-layer.double-grid{
	min-height:					675px;
}
	#abc .content-layer.double-grid .abc-img{
		position:				absolute;
		top:					0;
		left:					0;
		width:					670px;
		height:					645px;
		overflow:				hidden;
		z-index:				-1;
	}
	
		#abc .content-layer.double-grid .abc-img .hide-block{
			float:					right;
			width:					225px;
			height:					575px;
			margin-top:				76px;
		}
	
	#abc .content-layer.double-grid .abc-img.right{
		top:					195px;
		left:					450px;
		width:					445px;
		height:					560px;
		overflow:				hidden;
		z-index:				-1;
	}
	
		#abc .content-layer.double-grid .abc-img img{
			position:				absolute;
			top:					0;
			left:					0;
			
			margin-left:			-40px;
			margin-top:				-20px;
			
		}
		
		#abc .content-layer.double-grid .abc-img.right img{
			margin-top:				-80px;
		}
	


/********************************/
/*		COMPOSITE GRID		*/
/********************************/
#abc .content-layer.composite-grid{
	min-height: 				555px;
}
	
	#abc .content-layer.composite-grid .abc-img{
		position:				absolute;
		top:					0;
		left:					0;
		overflow:				hidden;
		z-index:				-1;
	}
	
		#abc .content-layer.composite-grid .abc-img img{
			position:			absolute;
			top:				0;
			left:				0;
		}
	
	/* IMG 1 */
	
	#abc .content-layer.composite-grid .abc-img.img1{
		width:					445px;
		height:					235px;
		top:					80px;
	}
	
	#abc .content-layer.composite-grid .abc-img.img1.top{
		top:					0;
		width:					670px;
		height:					75px;
	}
	
	#abc .content-layer.composite-grid .abc-img.img1 img{
		margin-top:				-160px;
	}
	
	#abc .content-layer.composite-grid .abc-img.img1.top img{
		margin-top:				-80px;
	}
	
	
		#abc .content-layer.composite-grid .abc-img.img1 .hide-block{
			float:					right;
			width:					5px;
			height:					100%;
			background:				#fff;
			position:				relative;
			z-index:				10;
		}
	
	
	/* IMG 2 */
	
	#abc .content-layer.composite-grid .abc-img.img2{
		width:					295px;
		height:					195px;
		top:					320px;
	}
	
		#abc .content-layer.composite-grid .abc-img.img2 img{
			margin-top:			-75px;
			margin-left:		-30px;
		}
	
	/* IMG 3 */
	
	#abc .content-layer.composite-grid .abc-img.img3{
		width:					595px;
		height:					435px;
		top:					200px;
		left:					300px;
		z-index:				-5;
	}
	
		#abc .content-layer.composite-grid .abc-img.img3 img{
			margin-top:			-35px;
			margin-left:		-40px;
		}
	
		#abc .content-layer.composite-grid .abc-img.img3 .hide-block{
			float:					left;
			width:					150px;
			height:					120px;
		}
		
		#abc .content-layer.composite-grid .abc-img.img3 .hide-block.bottom{
			float:					right;
			width:					370px;
			height:					40px;
			margin-top:				395px;
			
		}
		
	
	#abc .content-layer.composite-grid .text{
		float:						right;
		margin-top:					520px;
		width:						370px;
	}
	
	#abc .content-layer.composite-grid .plus-content .text{
		margin:						0;
		width:						0;
	}
	
	#abc .content-layer.composite-grid .plus-content.expanded .text{
		margin:						0;
		width:						177px;
	}
	

/********************************/
/*		MOSAIC GRID		*/
/********************************/
	
	#abc .content-layer.mosaic-grid .abc-img{
		position:				absolute;
		top:					0;
		left:					0;
		overflow:				hidden;
		z-index:				-1;
	}
	
		#abc .content-layer.mosaic-grid .abc-img img{
			position:			absolute;
			top:				0;
			left:				0;
		}

	/* IMG 1*/
	#abc .content-layer.mosaic-grid .abc-img.img1,
	#abc .content-layer.mosaic-grid .plus-content .abc-img{
		width:					670px;
		height:					515px;
	}
	
		#abc .content-layer.mosaic-grid .abc-img.img1 img{
			margin-top:			-80px;
		}
		
		#abc .content-layer.mosaic-grid .plus-content .abc-img img{
			margin-top:			-15px;
			margin-left: 		-15px;
		}
	
	
		#abc .content-layer.mosaic-grid .abc-img.img1 .hide-block,
	#abc .content-layer.mosaic-grid .plus-content .abc-img .hide-block{
			float:					right;
			margin-top:				76px;
			width:					230px;
			height:					445px;
		}

	/* IMAGE MOSAIC */

	#abc .content-layer.mosaic-grid .abc-img-mosaic{
		float:					right;
		margin-top:				75px;
		width:					450px;
		position:				relative;
		margin-right: 			5px;
	}
	
		#abc .content-layer.mosaic-grid .abc-img-mosaic > li{
			float:				left;
			margin-left:		5px;
			margin-top:			5px;
		}
	
		#abc .content-layer.mosaic-grid .abc-img-mosaic .abc-img,
		#abc .content-layer.mosaic-grid .abc-img-mosaic .void{
			position:			relative;
			width:				145px;
			height:				75px;
			z-index:			0;
		}
		
			#abc .content-layer.mosaic-grid .abc-img-mosaic .abc-img img{
				margin-top:		-20px;
				margin-left:	-5px;
				width:			155px;
			}
		
		
		#abc .content-layer.mosaic-grid .abc-img-mosaic .abc-img.double,
		#abc .content-layer.mosaic-grid .abc-img-mosaic .void.double{
			height:				155px;
		}
		
		#abc .content-layer.mosaic-grid .abc-img-mosaic .void img{
			display:			none !important;
		}
		
		#abc .content-layer.mosaic-grid .abc-img-mosaic .abc-img.last{
			margin-top:			45px;
		}

		#abc .content-layer.mosaic-grid .plus-content .abc-img{
			display:			block;
			visibility:			hidden;
		}

		#abc .content-layer.mosaic-grid .plus-content.expanded .abc-img{
			display:			block;
		}
		
		
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique{
	}
		
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .abc-img img{
		margin-top:			0;
		margin-left:		0;
		width:				auto;
	}
		
	#abc .content-layer.mosaic-grid .abc-img.img1 img{
		margin-left:			-40px;
	}
	
	
	
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img5 img,
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img6 img{
		margin-top:			-80px;
	}
	
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img7 img,
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img8 img,
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img9 img{
		margin-top:			-160px;
	}
	
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img10 img,
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img11 img{
		margin-top:			-240px;
	}
	
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img12 img{
		margin-top:			-280px;
	}
	
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img3 img,
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img5 img,
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img8 img,
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img11 img{
		margin-left:			-150px;
	}
	
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img4 img,
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img6 img,
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img9 img,
	#abc .content-layer.mosaic-grid .abc-img-mosaic.unique .img12 img{
		margin-left:			-300px;
	}
		
		
		
/****************************/
/*		   LINES 			*/
/****************************/

#abc #lines{
	position : absolute;
	margin-left : 5px;
}


#abc #lines #main-horizontal{
	width : 895px;
	height : 5px;
	margin-top : 75px;
	background-color: #FFF;
}


/************************************************/
/*			SIDE NAVIGATION						*/
/************************************************/
#abc-navigation-menu{
	background:			#fff;
	width:				75px;
	position:			absolute;
	z-index:			30;
	top:				435px;
	display:			none;
}
	#abc.layerView #abc-navigation-menu{
		display:		block;
	}
	
	#abc.layerView.loading #abc-navigation-menu{
		display:		none;
	}
	
	

 
	#abc-navigation-menu li{
		width:			100%;
		height:			64px;
		margin-bottom:	6px;
		overflow:		hidden;
		cursor:			pointer;
		display:		none;
	}

	#abc-navigation-menu .mosaic{
		background:		url(img/abc-nav-mosaic.gif) no-repeat 0 -79px;
		height:			42px;
		margin:			12px 0 18px 12px;
		width: 			42px;
	}

	#abc-navigation-menu .mosaic:hover{
		background-position: center -4px;
	}

	#abc-navigation-menu .next{
		background:		url(img/abc-nav-arrow-down.gif) no-repeat 5px 0;
	}

	#abc-navigation-menu .previous{
		background:		url(img/abc-nav-arrow-up.gif) no-repeat 5px 0;
	}
	
	.abc-extra-menu{
		background:			#fff;
		padding:			10px;
		overflow:			hidden;
		position: 			absolute;
    	right: 				0;
    	z-index: 			20;
	}
	
	.ie7 .abc-extra-menu{
		max-width:			110px;
	}
	
		.abc-extra-menu li{
			margin:				6px 6px 7px 11px;
			background:			#fff;
			float: 				right;
		}
	
			.abc-extra-menu li a{
				display:		block;
				width:			42px;
				height:			42px;
				overflow:		hidden;
				cursor:			pointer;
				float:			left;
				
			}
	
			.abc-extra-menu .info{
				background:		url(img/abc-nav-info.gif) no-repeat 0 0;
			}
			
			.abc-extra-menu .video{
				background:		url(img/abc-nav-video.gif) no-repeat 0 0;
			}

			.abc-extra-menu .info :hover,
			.abc-extra-menu .video :hover{
				background-position: center 3px;
			}
	
	.double-grid .abc-extra-menu{
		top:				680px;
	}
	
	.horizontal-grid .abc-extra-menu{
		top:				570px;
	}
	
	.composite-grid .abc-extra-menu{
		top:				520px;
	}
	


/************************************************/
/*			SPECIFIC STYLES FOR LETTERS			*/
/************************************************/


/* A */

#abc #content-A h2{
	top:				120px;
	left:				140px;
}

#abc #content-A h3{
	top:				380px;
	left:				120px;
}

#abc #content-A-plus-1 .plus{
	top:				248px;
	left:				525px;
}
#abc #content-A-plus-1 .focus-square{
	top:				200px;
	left:				200px;
}

#abc #content-A-plus-2 .plus{
	top:				168px;
	left:				675px;
}
#abc #content-A-plus-2 .focus-square{
	top:				220px;
	left:				200px;
}


#abc #content-A-plus-3 .plus{
	top:				168px;
	left:				826px;
}
#abc #content-A-plus-3 .focus-square{
	top:				210px;
	left:				200px;
}


#abc #content-A-plus-4 .plus{
	top:				248px;
	left:				675px;
}
#abc #content-A-plus-4 .focus-square{
	top:				200px;
	left:				200px;
}


#abc #content-A-plus-5 .plus{
	top:				248px;
	left:				826px;
}
#abc #content-A-plus-5 .focus-square{
	top:				200px;
	left:				180px;
}


#abc #content-A-plus-6 .plus{
	top:				329px;
	left:				525px;
}
#abc #content-A-plus-6 .focus-square{
	top:				190px;
	left:				180px;
}


#abc #content-A-plus-7 .plus{
	top:				329px;
	left:				675px;
}
#abc #content-A-plus-7 .focus-square{
	top:				200px;
	left:				190px;
}


#abc #content-A-plus-8 .plus{
	top:				329px;
	left:				826px;
}
#abc #content-A-plus-8 .focus-square{
	top:				220px;
	left:				200px;
}


#abc #content-A-plus-9 .plus{
	top:				409px;
	left:				525px;
}
#abc #content-A-plus-9 .focus-square{
	top:				200px;
	left:				180px;
}


#abc #content-A-plus-10 .plus{
	top:				409px;
	left:				675px;
}
#abc #content-A-plus-10 .focus-square{
	top:				210px;
	left:				200px;
}


#abc #content-A-plus-11 .plus{
	top:				449px;
	left:				826px;
}
#abc #content-A-plus-11 .focus-square{
	top:				200px;
	left:				200px;
}


#abc #content-A .plus-content .text{
	top:				75px;
	left:				443px;
	width:				452px;

}
	#abc #content-A .plus-content .text p{
		width:				405px;
	}

/* B */

#abc #content-B h2{
	top:				208px;
	left:				160px;
}

#abc #content-B h3{
	top:				330px;
	left:				600px;
}

#abc #content-B-plus .plus{
	top:				210px;
	left:				820px;
}

#abc #content-B .focus-square{
	top:				120px;
	left:				200px;
}

#abc #content-B .text{
	top:				120px;
	left:				445px;
}

#abc #content-B .text{
	width:				445px;
	height:				160px;
}

#abc #content-B .text p{
	width:				330px;
}

/* C */

#abc #content-C h2{
	top:				188px;
	left:				571px;
}

#abc #content-C h3{
	top:				427px;
	left:				555px;
}

#abc #content-C-plus .plus{
	top:				403px;
	left:				326px;
}

#abc #content-C .focus-square{
	top:				220px;
	left:				160px;
}

#abc #content-C .text{
	top:				402px;
	left:				160px;
}

#abc #content-C .text{
	height:			245px;
}

/* D */

#abc #content-D h2{
	top:				247px;
	left:				154px;
}

#abc #content-D h3{
	top:				685px;
	left:				590px;
}

#abc #content-D-plus .plus{
	top:				408px;
	left:				785px;
}

#abc #content-D .focus-square{
	top:				205px;
	left:				635px;
}

#abc #content-D .text{
	top:				387px;
	left:				635px;
}

#abc #content-D .text{
	height:			375px;
}

/* E */

#abc #content-E h2{
	top:				240px;
	left:				165px;
}

#abc #content-E h3{
	top:				343px;
	left:				590px;
}

#abc #content-E-plus-1 .plus{
	top:				110px;
	left:				280px;
}

#abc #content-E-plus-1 .focus-square{
	top:				115px;
	left:				145px;
}

#abc #content-E-plus-1 .text{
	top:				297px;
	left:				145px;
}

#abc #content-E-plus-1 .text{
	height:			350px;
}

#abc #content-E-plus-2 .plus{
	top:				110px;
	left:				655px;
}

#abc #content-E-plus-2 .focus-square{
	top:				115px;
	left:				525px;
}

#abc #content-E-plus-2 .text{
	top:				297px;
	left:				525px;
}

#abc #content-E-plus-2 .text{
	height:			350px;
}

/* F */

#abc #content-F h2{
	top:				240px;
	left:				165px;
}

#abc #content-F h3{
	top:				343px;
	left:				590px;
}

#abc #content-F-plus-1 .plus{
	top:				130px;
	left:				280px;
}

#abc #content-F-plus-1 .focus-square{
	top:				115px;
	left:				140px;
}

#abc #content-F-plus-1 .text{
	top:				297px;
	left:				140px;
}

#abc #content-F-plus-1 .text{
	height:			350px;
}

#abc #content-F-plus-2 .plus{
	top:				130px;
	left:				750px;
}

#abc #content-F-plus-2 .focus-square{
	top:				115px;
	left:				600px;
}

#abc #content-F-plus-2 .text{
	top:				297px;
	left:				600px;
}

#abc #content-F-plus-2 .text{
	height:			350px;
}

/* G */

#abc #content-G h2{
	top:				230px;
	left:				120px;
}

#abc #content-G h3{
	top:				333px;
	left:				570px;
}

#abc #content-G-plus .plus{
	top:				173px;
	left:				328px;
}

#abc #content-G .focus-square{
	top:				120px;
	left:				200px;
}

#abc #content-G .text{
	top:				120px;
	left:				450px;
}

#abc #content-G .text{
	width:				445px;
	height:			200px;
}

#abc #content-G .text p{
	width:				330px;
}

/* H */

#abc #content-H h2{
	top:				238px;
	left:				175px;
}

#abc #content-H h3{
	top:				370px;
	left:				555px;
}

#abc #content-H-plus .plus{
	top:				105px;
	left:				795px;
}

#abc #content-H-plus .focus-square{
	top:				318px;
	left:				330px;
}

#abc #content-H-plus .text{
	top:				318px;
	left:				512px;
	height:				177px;
}

#abc #content-H-plus .text{
	width:				385px;
}
#abc #content-H-plus .text p{
	width:				345px;
}


/* I */

#abc #content-I h2{
	top:				140px;
	left:				206px;
}

#abc #content-I h3{
	top:				382px;
	left:				100px;
}

#abc #content-I-plus .plus{
	top:				92px;
	left:				375px;
}

#abc #content-I .focus-square{
	top:				140px;
	left:				133px;
}

#abc #content-I .text{
	top:				120px;
	left:				443px;
	width:				452px;
	height:				200px;
}

#abc #content-I .text p{
	width:				330px;
}


/* J */

#abc #content-J h2{
	top:				70px;
	left:				80px;
}

#abc #content-J h3{
	top:				420px;
	left:				500px;
}

#abc #content-J-plus-1 .plus{
	top:				91px;
	left:				383px;
}

#abc #content-J-plus-1 .focus-square{
	top:				100px;
	left:				200px;
}

#abc #content-J-plus-1 .text{
	top:				80px;
	left:				450px;
}

#abc #content-J-plus-2 .plus{
	top:				333px;
	left:				231px;
}

#abc #content-J-plus-2 .focus-square{
	top:				329px;
	left:				110px;
}

#abc #content-J-plus-2 .text{
	top:				520px;
	left:				95px;
}

#abc #content-J-plus-3 .plus{
	top:				212px;
	left:				828px;
}

#abc #content-J-plus-3 .focus-square{
	top:				320px;
	left:				500px;
}

#abc #content-J-plus-3 .text{
	top:				116px;
	left:				auto;
	right:				0;
}

#abc #content-J-plus-3 .text p{
	text-align:			right;
}

/* K */

#abc #content-K h2{
	top:				130px;
	left:				150px;
}

#abc #content-K h3{
	top:				375px;
	left:				170px;
}

#abc #content-K .plus{
	position:			absolute;
	top:				140px;
	left:				735px;
}

#abc #content-K .focus-square{
	top:				170px;
	left:				595px;
}

#abc #content-K .text{
	top:				352px;
	left:				595px;
}

#abc #content-K .text{
	height:			295px;
}


/* L */

#abc #content-L h2{
	top:				140px;
	left:				143px;
}

#abc #content-L h3{
	top:				382px;
	left:				118px;
}

#abc #content-L-plus .plus{
	top:				170px;
	left:				460px;
}

#abc #content-L .focus-square{
	top:				170px;
	left:				175px;
}

#abc #content-L .text{
	top:				120px;
	left:				443px;
	width:				452px;
	height:				200px;
}

#abc #content-L .text p{
	width:				330px;
}

/* M */

#abc #content-M h2{
	top:				145px;
	left:				130px;
}

#abc #content-M h3{
	top:				400px;
	left:				100px;
}

#abc #content-M .plus{
	top:				385px;
	left:				625px;
}

#abc #content-M .focus-square{
	top:				200px;
	left:				500px;
}

#abc #content-M .text{
	top:				382px;
	left:				500px;
}

#abc #content-M .text{
	height:			270px;
}

/* N */

#abc #content-N h2{ 
	top:				232px;
	left:				143px;
}

#abc #content-N h3{
	top:				332px;
	left:				580px;
}

#abc #content-N-plus .plus{
	top:				210px;
	left:				820px;
}

#abc #content-N .focus-square{
	top:				120px;
	left:				190px;
}

#abc #content-N .text{
	top:				120px;
	left:				450px;
}

#abc #content-N .text{
	width:				445px;
	height:			183px;
}

#abc #content-N .text p{
	width:				330px;
}

/* O */

#abc #content-O h2{ 
	top:				204px;
	left:				352px;
}

#abc #content-O h3{
	top:				464px;
	left:				366px;
}

#abc #content-O-plus .plus{
	top:				268px;
	left:				680px;
}

#abc #content-O-plus .focus-square{
	top:				120px;
	left:				530px;
}

#abc #content-O-plus .text{
	top:				302px;
	left:				530px;
}

#abc #content-O-plus .text{
	width:				370px;
}
#abc #content-O-plus .text p{
	width:				330px;
}


/* P */

#abc #content-P h2{
	top:				140px;
	left:				173px;
}

#abc #content-P h3{
	top:				382px;
	left:				138px;
}

#abc #content-P-plus .plus{
	top:				170px;
	left:				677px;
}

#abc #content-P .focus-square{
	top:				120px;
	left:				175px;
}


#abc #content-P .text{
	top:				120px;
	left:				443px;
	width:				452px;
	height: 			160px;
    padding-top: 		40px;
}

#abc #content-P .text p{
	width:				330px;
}

/* Q */

#abc #content-Q h2{ 
	top:				72px;
	left:				50px;
}

#abc #content-Q h3{
	top:				543px;
	left:				440px;
}

#abc #content-Q-plus .plus{
	top:				245px;
	left:				710px;
}

#abc #content-Q-plus .focus-square{
	top:				300px;
	left:				570px;
}
 
#abc #content-Q-plus .text{
	margin-top: 		520px !important;
    position: 			static;
	width:				370px;;
}

#abc #content-Q-plus .text p{
	width:				330px;
}

/* R */

#abc #content-R h2{
	top:				240px;
	left:				165px;
}

#abc #content-R h3{
	top:				415px;
	left:				605px;
}

#abc #content-R-plus .plus{
	top:				230px;
	left:				700px;
}

#abc #content-R .focus-square{
	top:				205px;
	left:				565px;
}

#abc #content-R .text{
	top:				387px;
	left:				565px;
}

#abc #content-R .text{
	height:			375px;
}


/* S */

#abc #content-S h2{
	top:				200px;
	left:				600px;
}

#abc #content-S h3{
	top:				440px;
	left:				585px;
}

#abc #content-S .plus{
	top:				445px;
	left:				208px;
}

#content-S .focus-square{
	top:				300px;
	left:				240px;
}

#content-S .text{
	top:				484px;
	left:				240px;
}

#abc #content-S .text{
	height:			161px;
}

/* T */

#abc #content-T h2{
	top:				75px;
	left:				82px;
}

#abc #content-T h3{
	top:				420px;
	left:				500px;
}

#abc #content-T-plus-1 .plus{
	top:				87px;
	left:				375px;
}

#abc #content-T-plus-1 .focus-square{
	top:				110px;
	left:				240px;
}

#abc #content-T-plus-1 .text{
	top:				90px;
	left:				450px;
	width:				370px;
}

#abc #content-T-plus-2 .plus{
	top:				222px;
	left:				755px;
}

#abc #content-T-plus-2 .focus-square{
	top:				250px;
	left:				600px;
}
 
#abc #content-T-plus-2 .text{
	margin-top: 		520px !important;
    position: 			static;
	width:				370px;
}

#abc #content-T-plus-1 .text p,
#abc #content-T-plus-2 .text p{
	width:				330px;
}


/* U */

#abc #content-U h2{
	top:				73px;
	left:				45px;
}

#abc #content-U h3{
	top:				180px;
	left:				219px;
}

#abc #content-U-plus .plus{
	top:				365px;
	left:				480px;
}

#abc #content-U-plus .focus-square{
	top:				400px;
	left:				330px;
}
 
#abc #content-U-plus .text{
	margin-top: 		520px !important;
    position: 			static;
	width:				370px;
}

#abc #content-U-plus .text p{
	width:				330px;
}


/* V */

#abc #content-V h2{
	top:				230px;
	left:				145px;
}

#abc #content-V h3{
	top:				570px;
	left:				544px;
}

#abc #content-V-plus .plus{
	top:				165px;
	left:				660px;
}

#abc #content-V .focus-square{
	top:				180px;
	left:				550px;
}

#abc #content-V .text{
	top:				362px;
	left:				550px;
}

#abc #content-V .text{
	height:			290px;
}


/* W */

#abc #content-W h2{
	top:				257px;
	left:				582px;
}

#abc #content-W h3{
	top:				490px;
	left:				610px;
}

#abc #content-W-plus-1 .plus{
	top:				92px;
	left:				378px;
}

#abc #content-W-plus-1 .focus-square{
	top:				100px;
	left:				200px;
}
 
#abc #content-W-plus-1 .text{
	top:				80px;
	left:				450px;
	width:				370px;
}

#abc #content-W-plus-2 .plus{
	top:				330px;
	left:				227px;
}

#abc #content-W-plus-2 .focus-square{
	top:				330px;
	left:				110px;
}
 
#abc #content-W-plus-2 .text{
    position: 			static;
	float: 				left;
    margin-left: 		95px;
    margin-top: 		440px !important;
}

#abc #content-W-plus-3 .plus{
	top:				210px;
	left:				825px;
}

#abc #content-W-plus-3 .focus-square{
	top:				350px;
	left:				330px;
}
 
#abc #content-W-plus-3 .text{
	margin-top: 		520px !important;
    position: 			static;
	width:				370px;
}

#abc #content-W-plus-3 .text p,
#abc #content-W-plus-1 .text p{
	width:				330px;
}


/* X */

#abc #content-X h2{
	top:				200px;
	left:				600px;
}

#abc #content-X h3{
	top:				435px;
	left:				570px;
}

#abc #content-X-plus .plus{
	top:				175px;
	left:				400px;
}

#abc #content-X-plus .focus-square{
	top:				200px;
	left:				256px;
}

#abc #content-X-plus .text{
	top:				382px;
	left:				256px;
}

#abc #content-X-plus .text{
	height:			270px;
}


/* Y */

#abc #content-Y h2{
	top:				240px;
	left:				145px;
}

#abc #content-Y h3{
	top:				540px;
	left:				160px;
}

#abc #content-Y-plus .plus{
	top:				360px;
	left:				708px;
}

#abc #content-Y-plus .focus-square{
	top:				220px;
	left:				560px;
}

#abc #content-Y-plus .text{
	top:				402px;
	left:				560px;
}

#abc #content-Y-plus .text{
	height:			360px;
}



/* Z */

#abc #content-Z h2{
	top:				240px;
	left:				165px;
}

#abc #content-Z h3{
	top:				350px;
	left:				530px;
}

#abc #content-Z-plus .plus{
	top:				105px;
	left:				795px;
}

#abc #content-Z-plus .focus-square{
	top:				398px;
	left:				375px;
}

#abc #content-Z-plus .text{
	top:				398px;
	left:				557px;
	height:				177px;
}

#abc #content-Z-plus .text{
	width:				340px;
}
#abc #content-Z-plus .text p{
	width:				300px;
}



/* END: ABECEDARIO */
/* *********************** */





/* ****************************** */
/* BEGIN: GUIDE */

#abc.guide{
	background:			none;
}


#abc.guide #menu-layers{
	position:			static;
	display:			block;
}

	#abc.guide #menu-title-abc{
		width:			220px;
	}
	
		#abc.guide #menu-title-abc a{
			color:		#000;
			display:	block;
			width:		100%;
			height:		56px;
			margin:		9px 0 10px;
			line-height: 61px;
			background:	#fff url(img/abc-nav-arrow-left.gif) no-repeat 0 0;
			width:		210px;
			
		}
		
		#abc.guide #menu-title-abc a:hover{
			color:		#e20026;
		}
		
	.ie7 #abc  #menu-title-abc a,
	.ie8 #abc  #menu-title-abc a{
		background-position:	0 0 !important;
	}
	
	.ie7 #abc  #menu-title-abc a:hover,
	.ie8 #abc  #menu-title-abc a:hover{
		background-position:	0 -392px !important;
	}
	
	#abc.guide #menu-title-guide{
		width:			670px;
		background:		#E20026;
		color:			#fff;
	}


#guide-mosaic{
	width:				900px;
}

	#guide-mosaic li{
		float:			left;
		width:			220px;
		height:			360px;
		margin-left:	5px;
		margin-top:		30px;
	}
	
		#guide-mosaic li em{
			font-size:		22px;
			color:			#e20026;
			border-top:		1px dotted #000;
			border-bottom:	1px dotted #000;
			display:		block;
			line-height:	35px;
			text-align:		center;
			margin-bottom:	10px;
		}
	
		#guide-mosaic li .abc-img{
			position:		relative;
			display:		block;
			width:			220px;
			height:			155px;
			overflow:		hidden;
		}
		
		#guide-mosaic li.double .abc-img{
			height:			315px;
		}
		
		
		#guide-mosaic li .abc-img img{
			position:		absolute;
			z-index:		-1;
			top:			0;
			left:			-20px;


			-webkit-transition: all 1300ms cubic-bezier(0.570, 0.000, 0.175, 1.000);
   -moz-transition: all 1300ms cubic-bezier(0.570, 0.000, 0.175, 1.000);
    -ms-transition: all 1300ms cubic-bezier(0.570, 0.000, 0.175, 1.000);
     -o-transition: all 1300ms cubic-bezier(0.570, 0.000, 0.175, 1.000);
        transition: all 1300ms cubic-bezier(0.570, 0.000, 0.175, 1.000); /* custom */



		}
		
		#guide-mosaic a:hover .abc-img img{
			left:			-158px;
				
			-webkit-transition: all 700ms cubic-bezier(0.215, 0.045, 0.165, 1); /* older webkit */
-webkit-transition: all 700ms cubic-bezier(0.215, 0.045, 0.165, 1.070);
   -moz-transition: all 700ms cubic-bezier(0.215, 0.045, 0.165, 1.070);
    -ms-transition: all 700ms cubic-bezier(0.215, 0.045, 0.165, 1.070);
     -o-transition: all 700ms cubic-bezier(0.215, 0.045, 0.165, 1.070);
        transition: all 700ms cubic-bezier(0.215, 0.045, 0.165, 1.070); /* custom */
		}
		
		#guide-mosaic li a{
			display:		block;
		}
		
	
	#guide-mosaic li a .rollover{
		width:				100%;
		height:				100%;
		background:			url(img/abc-nav-arrow-white-right.png) transparent no-repeat -70px center;
		position:			absolute;
		top:				0;
		left:				0;
		/*visibility:			hidden;*/
		display:			block;


				-webkit-transition: 	all .8s ease-in-out;
				-webkit-transition: 	all .8s ease-in-out;
				-moz-transition: 		all .8s ease-in-out;
				-o-transition: 			all .8s ease-in-out;
				-ms-transition: 		all .8s ease-in-out;
				transition: 			all .8s ease-in-out;

	}
	
	
	#guide-mosaic li a:hover .rollover{
		visibility:			visible;
		background-position: 82px center;
		background-color:	rgba(226, 00, 38, 0.8);

		
				-webkit-transition: 	all .8s ease-in-out;
				-webkit-transition: 	all .8s ease-in-out;
				-moz-transition: 		all .8s ease-in-out;
				-o-transition: 			all .8s ease-in-out;
				-ms-transition: 		all .8s ease-in-out;
				transition: 			all .8s ease-in-out;
	}
	
	
	.ie7 #guide-mosaic li a .rollover, 
	.ie8 #guide-mosaic li a .rollover{
		background:			url(img/abc-guide-mosaic-rollover.png) transparent no-repeat center -500px;
		cursor:				pointer;
	}
	
	.ie7 #guide-mosaic li a:hover .rollover, 
	.ie8 #guide-mosaic li a:hover .rollover{
		background-position: center;
	}
	
	
	/* ****************************** */
	/* Begin: GUIDE CONTENT */
	.guide-content{
		overflow:			hidden;
	}
	
	
	.guide-content-row {
		margin: 0 0 20px 85px;
		width: 810px;
		clear: both;
		float: right;
		position:			relative;
	}

	.guide-content-row.head {
		padding: 40px 0 0 0;
	}
	
	.guide-content-row.head .pic-nav {
		width: 			125px;
		height: 		250px;
		border-top: 	dotted 1px #000000;
		border-bottom: 	dotted 1px #000000;
		position:		absolute;
		top:			0;
		margin-top: 	40px;
		z-index:		50;
	}
	
	.ie7 .guide-content-row.head .pic-nav{
		left:			0;
	}
	
	.guide-content-row.head .pic-nav ul li a {
		display: 				block;
		width: 					68px;
		margin: 				25px 0 0 27px;
		font-size: 				1px;
		text-indent: 			-999em;
		height:					56px;
	}
	
	.guide-content-row.head .pic-nav ul li a.thumbs-link {
		background: 			transparent url(img/abc-nav-mosaic.gif) no-repeat 0 0px;
		width:					42px;
		height: 				42px;
		margin-left:			38px;
	}
	
	.guide-content-row.head .pic-nav ul li a.right-link {
		background: 			transparent url(img/abc-nav-arrow-right.gif) no-repeat 0 0;
	}
	
	.guide-content-row.head .pic-nav ul li a.left-link {
		background: transparent url(img/abc-nav-arrow-left.gif) no-repeat -3px 0;
	}
	
	.guide-content-row.head .pic-nav ul li a.rss-link {
		height: 35px;
		border-top: dotted 1px #000000;
		background: transparent url(img/sprite-nav-imagenes.png) no-repeat 0 -223px;
	}
	
	.guide-content-row.head .pic-container {
		width: 669px;
		margin-left: 140px;
		border-top: dotted 1px #000000;
	}
	
	.guide-content-row.head .pic-container h3 {
		font-size: 26px;
		line-height: 50px;
		border-bottom: dotted 1px #000000;
		margin-bottom: 20px;
	}
	
	.guide-content-row.body {
		width: 670px;
		padding-left: 143px;
	}
	
	.guide-content-row.body .text-container {
		width: 520px;
		padding: 20px 0 0 0;
		float: left;
		border-top: dotted 1px #000000;
	}
	
	.guide-content-row.body .text-container h4 {
		color: #000000;
		font-size: 14px;
		margin: 20px 0 4px 0;
	}
	
	.guide-content-row.body .text-container p {
		padding: 0 30px 20px 0;
		font-family: "FuturaLight", Verdana, Arial;
		color: #000000;
		font-size: 14px;
		line-height: 160%;
	}
	
	.guide-content-row.body .text-container a, .guide-content-row.body .text-container a:visited, .guide-content-row.body .text-container a:hover {
		color: #E20026;
		text-decoration: underline;
	}

	.guide-content-row.body .text-container #pic-slider {
		padding: 			5px 20px 20px 0;
		float:				left;

	}
	
	.guide-content-row.body .text-container #pic-slider a{
		width:			220px;
	}

	.guide-content-row.body .text-container a.top-link {
		font-size: 16px;
		color: #E20026;
		font-family: "FuturaMedium", Verdana, Arial;
		text-transform: uppercase; 
		display: block;
		line-height:  220%;
		vertical-align: middle;
		text-decoration: none;
		border-top: dotted 1px #000000;
	}
	
	.guide-content-row.body .enlacesRelacionados{
		position:				relative;
		margin-top: 			10px;
	}
	
		.guide-content-row.body .enlacesRelacionados ul{
			border-top: 		1px dotted #000000;
		}
	
			.guide-content-row.body .enlacesRelacionados a.top {
			    background-image: url(img/abc-back-to-top.gif);
			}
	

	.guide-content-row.body .text-actions {
		width:  				135px;
		margin-left: 			533px;
		top:					0;
		background:				#fff;
	}
	
	.guide-content-row.body .text-actions a.location-link {
		display: block;
		height:  35px;
		border-top: dotted 1px #000000;
		border-bottom: dotted 1px #000000;
		line-height: 35px;
		font-size: 14px;
		color: #000000;
		font-family: "FuturaMedium", Verdana, Arial;
		background: transparent url(img/ico-pin.png) no-repeat 18px 7px;
		text-align: center;
	}
	
	.guide-content-row.body .text-actions .dropdown-container {
		border-bottom: dotted 1px #000000;
	}
	
	.guide-content-row.body .text-actions a.dropdown-link {
		font-size: 			16px;
		color: 				#E20026;
		font-family: 		"FuturaMedium", Verdana, Arial;
		text-transform: 	uppercase;
		display: 			block;
		line-height:  		80px;
		vertical-align: 	middle;
		text-align: 		left;
		margin-left: 		40px;
	}
	
	.guide-content-row.body .text-actions .dropdown-container .dropdown-share {
		height: 			0px;
		overflow: 			hidden;
		margin-left:		20px;
		text-align:			left;
		position:			relative;
	}
	
	.dropdown-share .fb {
		height: 35px;
	}
	
	.dropdown-share .fb iframe {
		margin-top: -40px;
	}
	
	
	.dropdown-share .twitter {
		line-height: 30px;
		vertical-align: middle;
	}
	
	.dropdown-share .gp {
		line-height: 30px;
		vertical-align: middle;
	}
	
	.ie7 .dropdown-share .gp{
		display:				none;/* no support for IE7 */
	}
	
	
	
	.modal-content a.close{
		background-image:		url(img/abc-close.gif);
		width:					23px;
		height:					23px;
		right:					-28px;
	}
	
	.modal-content a.close:hover{
		background-position:	0 -23px;
	}
	
	a.zoom .rollover{
		background-image:		url(img/zoom-rollover.png);
	}
	
	
	/* End: GUIDE CONTENT */
	/* ****************************** */
	
div.tabs { display:none;  }	
	
	
	
	
	
	
	