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

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

#wrap-fontibon a {
	color:#828c8b;
}

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

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

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

#wrap-fontibon #categorias .musica a {
	color:#fff;
	
}

#wrap-fontibon #categorias a {
	color:#828c8b;
	}

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

#wrap-fontibon #tira-v {
	width:685px;
	height:60px;
	position:absolute;
	bottom:20px;
	left:110px;
}

#wrap-fontibon #tira-v:hover {
	cursor:pointer;
	background:url('../images/jalar-arriba.png') right no-repeat;
}


#wrap-fontibon #tira-g {
	position:relative;
	width:685px;
	top:110px;
	left:105px;
	padding:0 10px;
	z-index:102;
	background:#828c8b;
	border-radius:5px;
	box-shadow:0px 10px 10px #111;
	}
	
#wrap-fontibon #close-tira {
	position:absolute;
	bottom:10px;
	right:10px;
	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-fontibon #radio {
	min-width:85px;
	min-height:85px;
	position:absolute;
	bottom:20px;
	left:20px;
}

#wrap-fontibon #radio:hover {
	cursor:pointer;
	background:url('../images/jalar-abajo.png') bottom no-repeat;
}

#wrap-fontibon #cancionero {
	width:auto;
	padding:5px 20px 10px;
	position:absolute;
	top:450px;
	left:88px;
	text-align:right;
	background:#c9bc78;
	box-shadow:0px 10px 10px #000;
	border-radius:0 0 5px 5px;
	text-align:center;
}

#wrap-fontibon #cancionero a {
	color:#fff;
}