@charset "UTF-8";
/* CSS Document */

#wrap-sanfrancisco {
	position:relative;
	width:100%;
	height:100%;
	min-height:500px;
	min-width:1000px;
	background:#cb3a30 url('../images/nv.png') no-repeat left top;
}

#wrap-sanfrancisco a {
	color:#fff;
}

#wrap-sanfrancisco #tarjeta {
	background:#f9b882 url('../images/sanfrancisco/background.jpg') no-repeat center;
	width:1000px;
	height:450px;
	position:absolute;
	top:70%;
	left:15%;
	box-shadow:0px 20px 20px #111;
}

#wrap-sanfrancisco #categorias {
	width:100px;
	position:absolute;
	top:200px;
	left:-5px;
	line-height:16px;
}

#wrap-sanfrancisco #categorias li {
	
	display:block;
	text-align:right;
	
}

#wrap-sanfrancisco #categorias .musica a {
	color:#cb3a30;
	
}

#wrap-sanfrancisco #categorias a {
	color:#fff;
	}

#wrap-sanfrancisco #categorias a:hover {
	text-decoration:underline;
	
}



#wrap-sanfrancisco #pesebre {
	position:absolute;
	background:url('../images/sanfrancisco/pesebre.png') no-repeat right;
	width:133px;
	height:320px;
	top:160px;
	right:920px;
	
}

#wrap-sanfrancisco #pesebre:hover {
	background:url('../images/sanfrancisco/pesebre.png') no-repeat right, url('../images/desplegar.png') no-repeat left;
}



#wrap-sanfrancisco #natividad {
	background:url('../images/sanfrancisco/natividad.jpg') no-repeat left;
	width:300px;
	height:305px;
	position:absolute;
	top:123px;
	right:30px;
	border:1px solid #cb3a30;
}

#wrap-sanfrancisco #natividad:hover {
	background:url('../images/abrir-i.png') no-repeat left, url('../images/sanfrancisco/natividad.jpg') no-repeat left;
	cursor: move;
}

#wrap-sanfrancisco #cometa {
	background:url('../images/sanfrancisco/cometa.jpg') no-repeat left;
	width:304px;
	height:297px;
	position:absolute;
	top:130px;
	left:380px;
}

#wrap-sanfrancisco #cometa:hover {
	background:url('../images/abrir-d.png') no-repeat right, url('../images/sanfrancisco/cometa.jpg') no-repeat left;
	cursor:pointer;
}



#wrap-sanfrancisco #villancico-v {
	width:244px;
	height:297px;
	position:absolute;
	top:130px;
	left:120px;
}

#wrap-sanfrancisco #villancico-v:hover {
	background:url('../images/jalar-ladoi.png') no-repeat left top;
	cursor:pointer;
}

#wrap-sanfrancisco #villancico-g {
	background:#ea5a51;
	position:relative;
	top:-50px;
	left::-35px;
	width:468px;
	height:500px;
	padding:10px;
	border-radius:7px;
	z-index:102;
	box-shadow:0px 10px 10px #000;
	}


#wrap-sanfrancisco #villancico-play {
	position:absolute;
	bottom:5px;
	left:15px;
	width:auto;
	
}
#wrap-sanfrancisco #close-villancico {
	position:absolute;
	bottom:10px;
	left:442px;
	width:20px;
	min-height:20px;
	height:20px;
	border-radius:5px;
	color:#900;
	font-weight:bold;
	text-align:center;
	border:1px #900 solid;
	font-size:18px;
	cursor:pointer;
}

#wrap-sanfrancisco #radio {
	width:144px;
	height:97px;
	position:absolute;
	top:320px;
	left:450px;
}

#wrap-sanfrancisco #radio:hover {
	background:url('../images/jalar-abajo.png') no-repeat left;
	cursor:pointer;
	}
	
#wrap-sanfrancisco #cancionero {
	width:auto;
	padding:5px 20px 10px;
	position:absolute;
	top:430px;
	right:308px;
	text-align:center;
	background:#ea5a51;
	box-shadow:0px 10px 10px #000;
	border-radius:0 0 5px 5px;
}

#wrap-sanfrancisco #texto-uno {
	width:215px;
	position:absolute;
	top:120px;
	right:395px;
	color:#ea5a51;
	padding-top:20px;
	line-height:18px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#wrap-sanfrancisco #texto-dos {
	width:265px;
	position:absolute;
	top:110px;
	right:45px;
	color:#ea5a51;
	padding-top:15px;
	line-height:16px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}