body{
	background: url(/especiales/juego-de-tronos/img/bg-main.jpg) repeat;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a{
	text-decoration: none;
}
ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
@font-face {
    font-family: 'glosa_headlineroman';
    src: url('/especiales/juego-de-tronos/fonts/GlosaHeadline-Roman-webfont.eot');
    src: url('/especiales/juego-de-tronos/fonts/GlosaHeadline-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/juego-de-tronos/fonts/GlosaHeadline-Roman-webfont.woff2') format('woff2'),
         url('/especiales/juego-de-tronos/fonts/GlosaHeadline-Roman-webfont.woff') format('woff'),
         url('/especiales/juego-de-tronos/fonts/GlosaHeadline-Roman-webfont.ttf') format('truetype'),
         url('/especiales/juego-de-tronos/fonts/GlosaHeadline-Roman-webfont.svg#glosa_headlineroman') format('svg');
}
@font-face {
    font-family: 'glosablack';
    src: url('/especiales/juego-de-tronos/fonts/Glosa-Black-webfont.eot');
    src: url('/especiales/juego-de-tronos/fonts/Glosa-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/juego-de-tronos/fonts/Glosa-Black-webfont.woff2') format('woff2'),
         url('/especiales/juego-de-tronos/fonts/Glosa-Black-webfont.woff') format('woff'),
         url('/especiales/juego-de-tronos/fonts/Glosa-Black-webfont.ttf') format('truetype'),
         url('/especiales/juego-de-tronos/fonts/Glosa-Black-webfont.svg#glosablack') format('svg');
}
@font-face {
    font-family: 'prelo_condensedbook';
    src: url('/especiales/juego-de-tronos/fonts/PreloCondensed-Book-webfont.eot');
    src: url('/especiales/juego-de-tronos/fonts/PreloCondensed-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/juego-de-tronos/fonts/PreloCondensed-Book-webfont.woff2') format('woff2'),
         url('/especiales/juego-de-tronos/fonts/PreloCondensed-Book-webfont.woff') format('woff'),
         url('/especiales/juego-de-tronos/fonts/PreloCondensed-Book-webfont.ttf') format('truetype'),
         url('/especiales/juego-de-tronos/fonts/PreloCondensed-Book-webfont.svg#prelo_condensedbook') format('svg');
}
@font-face {
    font-family: 'prelo_condensedbold';
    src: url('/especiales/juego-de-tronos/fonts/PreloCondensed-Bold-webfont.eot');
    src: url('/especiales/juego-de-tronos/fonts/PreloCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/juego-de-tronos/fonts/PreloCondensed-Bold-webfont.woff2') format('woff2'),
         url('/especiales/juego-de-tronos/fonts/PreloCondensed-Bold-webfont.woff') format('woff'),
         url('/especiales/juego-de-tronos/fonts/PreloCondensed-Bold-webfont.ttf') format('truetype'),
         url('/especiales/juego-de-tronos/fonts/PreloCondensed-Bold-webfont.svg#prelo_condensedbold') format('svg');
}

.clear{
	clear: both;
}
.header{
	background: #ffc605;
	padding: 0;
	width: 100%;
}
	.ctn-header{
		margin: 0 auto;
		max-width: 1024px;
		padding: 5px 0;
		position: relative;		
	}
		.ctn-header span{
			background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -11px 0;
			display: block;
			height: 37px;
			margin: 0 auto;
			text-indent: -99999px;
			width: 175px;
		}
			.ctn-header span a{
				display: block;
				height: 37px;
			}
		#social{
			margin: 0;
			position: absolute;
			right: 0;
			top: 8px;
			z-index: 50;
		}		
		    #social ul {
		    	cursor: pointer;
		       	float: left;
		        list-style-type: none;
		        list-style-image: none;
		        margin: 0;
		        padding: 0;
		        text-align: center;            
		    }
		        #social li a#facebook {
		            background-position: 0 -36px;
		        }
		            /*#social li a#facebook:hover {
		               	background-position: 0 -117px;
		            }*/
		        #social li a#twitter {
		            background-position: -17px -36px;
					width: 32px;
		        }
		            /*#social li a#twitter:hover {
		            	background-position: -24px -117px;
		            }*/
		       	#social li a#google {
		           	background-position: -45px -36px;
					width: 34px;
		        }
		            /*#social li a#google:hover {
		                background-position: -50px -118px;
		            }*/
		        #social li{
		            display: inline-block;
		            margin: 0;
		            *display: inline;
		            zoom:1;
		        }
		            #social li a {
		                background-image: url(/especiales/juego-de-tronos/img/sprites.png);
		                border: 0;
		                display: block;
		                height: 28px; 
		                margin: 0;  
		                margin-right: -4px;                      
		                /*margin-bottom: 1px;*/
		                text-indent: -9999px;                          
		                width: 20px;
		           	}
.contenedor{
	margin: 0 auto;
	position: relative;
	width: 1024px;
}
	.contenedor h1{
		background: url(/especiales/juego-de-tronos/img/bg-titulo.png) no-repeat 0 0;
		height: 100px;
		margin: 20px auto;
		width: 537px;
		text-indent: -99999px;
	}
	.contenedor h2{
		font: 18px/22px 'glosa_headlineroman';
		margin: 0 auto;
		text-align: center; 
		width: 537px;
	}
	ul.menu{
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;	
		margin: 10px auto;
		padding: 12px 0;	
		text-align: center;		
	}
		ul.menu li{
			cursor: pointer;
			display: inline-block;
			font: 18px/14px 'glosablack';
			margin: 0 10px;
			text-align: center;
			vertical-align: top;
		}
			i.left{
				background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -201px 0;
				display: inline-block;
				height: 13px;
				margin-right: 5px; 
				vertical-align: top;
				width: 14px;
			}
			i.right{
				background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -221px 0;
				display: inline-block;
				height: 13px;
				margin-left: 5px; 
				vertical-align: top;
				width: 14px;
			}
		ul.menu li:hover{
			color: #cc2030;
		}

	/** main personajes **/
		
	.main-personajes{
		margin: 0 auto;
		position: relative;
		width: 1024px;
	}
		.box-main-leyendas{
			margin: 15px auto;
			width: 875px;
		}
			.box-leyenda-1{
				background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat 0 -205px;
				display: inline-block;
				height: 129px;
				vertical-align: top;
				width: 188px;
			}
			.box-leyenda-2{
				background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat 0 -338px;
				display: inline-block;
				height: 129px;
				vertical-align: top;
				width: 174px;
			}
			ul.escudos{
				border-top: 1px solid #000;
				display: inline-block;
				margin: 8px 0 0 -4px;
				padding-top: 10px;
				position: relative;
				vertical-align: top;
				width: 500px;
			}
				ul.escudos li{
					color: #000;
					display: inline-block;
					font: 12px/10px 'prelo_condensedbook';
					margin: 0 17px 10px;
					text-align: center;
					vertical-align: top;
				}
					li.stark,
					li.lannister,
					li.baratheon,
					li.targaryen,
					li.tully,
					li.greyjoy,
					li.arryn,
					li.tyrell,
					li.martell,
					li.guardia,
					li.salvajes,
					li.consejeros{
						width: 45px;
					}
					li.guardia{
						margin: 0 0 !important;
						width: 82px;  						
					}
						li.stark span,
						li.lannister span,
						li.baratheon span,
						li.targaryen span,
						li.tully span,
						li.greyjoy span,
						li.arryn span,
						li.tyrell span,
						li.martell span,
						li.guardia span,
						li.salvajes span,
						li.consejeros span{
							display: inline-block;
							vertical-align: top;
							height: 35px;							
							width: 34px;
						}						
							li.stark span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -194px -216px;						
							}
							li.lannister span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -194px -259px;						
							}
							li.baratheon span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -194px -303px;						
							}
							li.targaryen span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -194px -344px;						
							}
							li.tully span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -194px -384px;						
							}
							li.greyjoy span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -194px -426px;						
							}
							li.arryn span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -233px -216px;							
							}
							li.tyrell span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -233px -259px;							
							}
							li.martell span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -233px -303px;							
							}
							li.guardia span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -233px -344px;							
							}
							li.salvajes span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -233px -384px;							
							}
							li.salvajes span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -233px -384px;							
							}
							li.consejeros span{
								background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -233px -426px;							
							}
				ul.escudos i{
					background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -221px 0;
					display: block;
					height: 13px;
					position: absolute;
					right: -20px;
  					top: -7px;
					width: 14px;
				}
		.box-info{			
			position: absolute;
		}
			.box-info h3{
				background: #fff;
				display: inline-block;
				font: 11px/10px 'glosablack';
				margin: 5px 0;
				padding: 5px;
				vertical-align: top;				
			}
				.box-info ul{
					font: 13px/15px 'prelo_condensedbook';
				}
					.box-info ul li{
						display: inline-block;
						margin-bottom: 2px;
						vertical-align: top;
					}
						.box-info ul li i{
							border-radius: 15px;
							display: inline-block;
							height: 10px;
							margin: 0 5px 0 -15px;						
							vertical-align: top;
							width: 10px;
						}
							i.temporada-1{
								background: #ED1C24;	
							}
							i.temporada-2{
								background: #F15B40;
							}
							i.temporada-3{
								background: #F58466;
							}
							i.temporada-4{
								background: #F9AA8F;
							}
								.box-info-stanis{
									top: 535px;
									width: 170px;
								}
								.box-info-sansa{
									left: 115px;
									top: 470px;
									width: 175px;
								}
								.box-info-bran{
									left: 210px;
									top: 420px;
									width: 160px;
								}
								.box-info-arya{
									left: 300px;
									top: 390px;
									width: 165px;
								}
								.box-info-jon{
									left: 410px;
									top: 380px;
									width: 170px;
								}
								.box-info-daenerys{
									left: 505px;
									top: 380px;
									width: 150px;
								}
								.box-info-tyrion{
									left: 625px;
									top: 390px;
									width: 135px;
								}
								.box-info-cersei{
									left: 730px;
									top: 410px;
									width: 120px;
								}
								.box-info-jaime{
									left: 830px;
									top: 450px;
									width: 120px;
								}
								.box-info-myrcella{
									left: 920px;
									top: 520px;
									width: 140px;
								}
			.box-secundario{
				position: absolute;
				width: 101px;
			}				
				.box-texto-secundario{

				}	
					.box-texto-secundario span{
						display: inline-block;
						font: 11px/12px 'glosablack';
						vertical-align: top;
					}
					.box-texto-secundario p{
						font: 13px/15px 'prelo_condensedbook';
						margin: 0;
					}	
						.box-secundario-1,
						.box-secundario-2,
						.box-secundario-3{
							left: 440px;				
							top: 440px;				
						}	
						.box-secundario-4{
							left: 260px;				
							top: 440px;	
						}
						.box-secundario-5{
							left: 605px;				
							top: 440px;	
						}
						.box-secundario-6{
							left: 350px;				
							top: 430px;	
						}
						.box-secundario-7{
							left: 430px;				
							top: 420px;	
						}
						.box-secundario-8{
							left: 430px;				
							top: 420px;	
						}
						.box-secundario-9{
							left: 575px;				
							top: 420px;	
						}
						.box-secundario-10{
							left: 470px;				
							top: 405px;	
						}
			.main-viajes{
				margin: 0 auto;
				position: absolute;
				top: 250px;
			  	width: 1024px;
			}
				ul.viajes{
					border: 1px solid #000;
					border-radius: 5px;
					margin: 20px auto;
					padding: 10px 5px;
					text-align: center;
					width: 500px;
				}
					ul.viajes li{
						cursor: pointer;
						display: inline-block;
						font: 14px/12px 'prelo_condensedbook';
						margin: 0 10px;
						vertical-align: top;
					}
						li.capital i{
							background: url(/especiales/juego-de-tronos/img/sprites.png) no-repeat -239px -3px;
							display: inline-block;
							height: 12px;
							margin: 0 2px;
							vertical-align: top;
							width: 13px;
						}
						li.leyenda-arya i{
							background: #5B7382;
							display: inline-block;
							height: 3px;
							margin: 4px 2px;
							vertical-align: top;
							width: 40px;
						}
						li.leyenda-tyrion i{
							background: #FDB518;
							display: inline-block;
							height: 3px;
							margin: 4px 2px;
							vertical-align: top;
							width: 40px;
						}
						li.leyenda-myrcella i{
							border-top: 3px dotted #FCB32A;
							display: inline-block;
							height: 3px;
							margin: 4px 2px;
							vertical-align: top;
							width: 40px;
						}
						li.leyenda-daenerys i{
							background: #CA2030;
							display: inline-block;
							height: 3px;
							margin: 4px 2px;
							vertical-align: top;
							width: 40px;
						}
				.main-viajes img{
					margin: 0 43px;
				}
				.viaje-arya{
					background: url(/especiales/juego-de-tronos/img/viaje-arya.png) no-repeat 0 0;
					height: 150px;
					left: 230px;
					position: absolute;
					top: 277px;
					width: 313px;
				}
				.viaje-tyrion{
					background: url(/especiales/juego-de-tronos/img/viaje-tyrion.png) no-repeat 0 0;
					height: 269px;
					left: 230px;
					position: absolute;
					top: 453px;
					width: 259px;
				}
				.viaje-myrcella{
					background: url(/especiales/juego-de-tronos/img/viaje-myrcella.png) no-repeat 0 0;
					height: 271px;
					left: 88px;
					position: absolute;
					top: 454px;
					width: 214px;
				}
				.viaje-daenerys{
					background: url(/especiales/juego-de-tronos/img/viaje-daenerys.png) no-repeat 0 0;
					height: 557px;
					left: 360px;
					position: absolute;
					top: 166px;
					width: 544px;
				}
			.main-dragones{
				font: 13px/15px 'prelo_condensedbook';
				margin: 0 auto;
				position: absolute;
				top: 250px;
			  	width: 1024px;
			}	
				.box-texto-drogon,
				.box-texto-rhaegal,
				.box-texto-viserion{
					left: 234px;
					position: absolute;
					top: 166px;
				  	width: 110px;				  
				}	
					.box-texto-drogon span,
					.box-texto-rhaegal span,
					.box-texto-viserion span{
						display: block;
						font: 13px/15px 'prelo_condensedbold';
						text-transform: uppercase;
					}	
					.box-texto-drogon p,
					.box-texto-rhaegal p,
					.box-texto-viserion p{
						margin: 0;
					}	
				.medida-drogon {
				  left: 45px;
				  position: absolute;
				  top: 200px;
				}
				.huevo-1{
					background: url(/especiales/juego-de-tronos/img/huevo-1.png) no-repeat 0 0;
					height: 85px;
					left: 15px;
					position: absolute;
					top: 310px;
					width: 65px;
				}
				.huevo-2{
					background: url(/especiales/juego-de-tronos/img/huevo-2.png) no-repeat 0 0;
					height: 85px;
					left: 100px;
					position: absolute;
					top: 310px;
					width: 65px;
				}	
				.huevo-3{
					background: url(/especiales/juego-de-tronos/img/huevo-3.png) no-repeat 0 0;
					height: 85px;
					left: 190px;
					position: absolute;
					top: 310px;
					width: 65px;
				}	
				.dragon-2{					
					position: absolute;
					right: 90px;
					top: 275px;
				}
					.box-texto-rhaegal{
						left: 878px;
						top: 255px;
						width: 165px;
					}
				.dragon-3{					
					position: absolute;
					right: 395px;
					top: 255px;
				}
					.box-texto-viserion{
						left: 600px;
						top: 255px;
					}
				#video-dragones{
					/*left: 275px;	
					position: absolute;
					top: 205px;	*/							
				}
.active{
	color: #cc2030;
}
.btn-click{
	left: 85px;
	position: absolute;
	top: 140px;
}
.btn-click-nombre{
	left: 25px;
	position: absolute;
	top: 18px;
}
.btn-click-video{
	cursor: pointer;
	right: 25px;
	position: absolute;
	top: 18px;
}
.previo-video{
	cursor: pointer;
	right: 20px;
	position: absolute;
	top: 70px;
}
.overlay{
	background: url(/especiales/juego-de-tronos/img/bg-trans.png) repeat;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}
	.box-video{
		height: 450px;
		margin: 310px auto 0;
		position: relative;
		width: 900px;
	}
	.btn-cerrar{	
		cursor: pointer;	
		position: absolute;
		right: -15px;
		top: -15px;
		z-index: 25;
	}