*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
html, body{
	margin:0;
	padding:0;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	color:#CCCCCC;
}

#wrapper{
	width:960px;
	margin:0 auto;
	padding:0 20px;
	background:#000;
	overflow:auto;
}
a, a:visited{
	text-decoration:none;
	cursor:pointer;
}
h2{
	font-size:22px;
	letter-spacing:-1px;
	font-weight:normal;
	color:#FFF;
}
.floatleft{
	float:left !important;
}
.floatright{
	float:right !important;
}
.clearboth{
	clear:both !important;
}
.bott20{
	margin-bottom:20px;
}
.left20{
	margin-left:20px;
}
/*---------- HEADER ----------*/
#header{
	background:url(../imgs/linea-celeste.gif) repeat-x bottom center;
	padding:10px 0;
	overflow:auto;
	}
	#logo{
		float:left;
		margin:5px 0;
	}
	ul#nav-principal{
		float:left;
		margin:0 0 0 50px;
		}
		ul#nav-principal li{
			list-style-type:none;
			float:left;
			margin-right:5px;
			}
			
			ul#nav-principal li a{
				text-indent:-9999px;
				display:block;
				height:110px;
				}
				ul#nav-principal li.nav-galerias a{background:url(../imgs/menu-01-galerias.gif) no-repeat top left; width:108px;}
				ul#nav-principal li.nav-masvotadas a{background:url(../imgs/menu-02-masvotadas.gif) no-repeat top left; width:223px;}
				ul#nav-principal li.nav-galerias a:hover,
				ul#nav-principal li.nav-masvotadas a:hover{background-position:center left;}
				ul#nav-principal li.nav-activa a,
				ul#nav-principal li.nav-activa a:hover{background-position:bottom left;}
				
	#soyfan{
		float:right;
		margin-top:8px;
	}

	/*---------- BANNERTOP ----------*/
	#bannertop{
		clear:both;
		width:940px;
		margin:0 auto;
		}
		.bannertop-contenedor{
			height:115px;
			color:#FFF;
			text-align:center;
			vertical-align:middle;
			margin:10px 0;
			}
	/*---------- CUERPO ----------*/
	#cuerpo{
		width:780px;
		float:left;
		margin:10px 0 20px 10px;
		}
		.nav-paginacion{
			height:15px;
			padding:15px;
			background:#292929;
			}
			.nav-pag-indicador{
				float:left;
				}
				.nav-pag-indicador a{
					color:#DC0067;
					border-bottom:1px dotted #666666;
					}
					.nav-pag-indicador a:hover{
						color:#FFF;
						border-bottom:1px dotted #FFFFFF;
					}

				.nav-pag-indicador strong{
					color:#FFF;
					font-weight:bold;
					}
		.compartir-fb{
			float:left;
			font-size:9px;
			margin-left:40px;
			}
			.compartir-fb a{
				color:#999;
				text-decoration:none;
				}
				.compartir-fb a:hover{
				color:#FFF;
			}
			.compartir-fb .fb{
				display:block;
				display:inline-block;
				text-indent:-9999px;
				background:url(../imgs/fb-cuad.gif) no-repeat top left;
				width:19px;
				height:19px;
			}
			ul.nav-pag-paginas{
				font-family:Tahoma, Arial, sans-serif;
				font-size:10px;
				float:right;
				}
				ul.nav-pag-paginas li{
					list-style-type:none;
					float:left;
					padding:0 1px;
					}
					ul.nav-pag-paginas li a{
						display:block;
						padding:3px 5px;
						color:#CCC;
						text-decoration:none;
						}
						ul.nav-pag-paginas li a:hover{
							color:#FFF;
							background:#666;
						}
					ul.nav-pag-paginas li.pag-activa a{
						color:#000;
						background:#0083D7;
					}
					ul.nav-pag-paginas li.btn-nav a{
						display:block;
						padding:0;
						text-indent:-9999px;
						height:19px;
						width:84px;
						}
						ul.nav-pag-paginas li.anterior a{
							background:url(../imgs/btn-anterior.gif) no-repeat top left;
							margin-right:5px;
						}
						ul.nav-pag-paginas li.siguiente a{
							background:url(../imgs/btn-siguiente.gif) no-repeat top left;
							margin-left:5px;
						}
						ul.nav-pag-paginas li.btn-nav a:hover{
							background-position:bottom left;
						}

	/*---------- GALERIAS ----------*/
		.galeria-item{
			position:relative;
			margin:20px 0;
			font-family:Georgia, "Times New Roman", Times, serif;
			text-decoration:none;
			font-style:italic;
			}
				.galeria-item a img{
					opacity:0.3;
					border-top:3px solid #DE067B;
					border-bottom:3px solid #DE067B;
				}
				.galeria-item a:hover img{
					opacity:1;
					border-color:#000;
				}
				.galeria-item a:hover .gal-titulo{
					background:url(../imgs/galeria-over.gif) no-repeat top left;
					width:100%;
					height:100%;
					}
					.galeria-item a:hover .gal-titulo .gal-titgal,
					.galeria-item a:hover .gal-titulo .gal-fechagal{
						display:none;
					}
				
			.gal-titulo{
				padding:20px 20px 20px 50px;
				position:absolute;
				top:0;
				left:0;
				background:url(../imgs/galeria-flecha.gif) no-repeat 15px 30px;
				}
				.gal-titgal{
					letter-spacing:-1px;
					color:#FFF;
					font-size:36px;
					text-decoration:none;
				}
				.gal-fechagal{
					letter-spacing:normal;
					color:#DE067A;
					font-size:18px;
					text-decoration:none;
					margin-top:-10px;
				}
				
	/*---------- MINIATURAS ----------*/
	#miniaturas-titulo{
		background:url(../imgs/linea-celeste.gif) repeat-x bottom center;
		padding:5px 0 10px 0;
		overflow:auto;
		}
		#miniaturas-titulo h2{
			width:650px;
		}
		.miniaturas-fecha{
			color:#999;
			float:left;
			margin-right:8px;
		}
		#miniaturas-descr{
/**/		display:none;
			width:650px;
			clear:both;
			}
			#miniaturas-descr p{
				clear:both;
				padding:5px 0;
				font-size:12px;
				line-height:130%;
			}
		.btn-mas, .btn-cerrar{
			float:left;
			overflow:none;
			color:#999;
			font-size:10px;
			height:14px;
			padding:0 0 0 16px;
			cursor:pointer;
			letter-spacing:normal;
			}
			.btn-mas:hover, .btn-cerrar:hover{
				background-position:bottom left;
				color:#FFF;
			}
			.btn-mas{background:url(../imgs/btn-mas.gif) no-repeat top left;}
			.btn-cerrar{background:url(../imgs/btn-cerrar.gif) no-repeat top left; margin:5px 0;}
	#btn-volver{
		float:right;
		margin-top:10px;
		}
		#btn-volver a{
			display:block;
			height:21px;
			overflow:auto;
			text-indent:-9999px;
			}
			#btn-volver a:hover{
				background-position:bottom left;
			}
			.volv-gal a{background:url(../imgs/btn-volver-galeria.gif) no-repeat top left; width:170px;}
			.volv-alb a{background:url(../imgs/btn-volver-album.gif) no-repeat top left; width:140px;}
	ul#miniaturas{
		overflow:auto;
		margin-bottom:10px;
		clear:both;
		}
		ul#miniaturas li{
			position:relative;
			float:left;
			margin:10px;
			list-style-type:none;
			}
			ul#miniaturas li span.video{
				position:absolute;
				top:0;
				right:0;
				text-indent:-9999px;
				background:url(../imgs/miniatura-video.gif) no-repeat top left;
				height:32px;
				width:32px;
			}
			ul#miniaturas li a{
				width:100px;
				height:100px;
				display:block;
				padding:5px;
				background:url(../imgs/fd-miniatura.gif) no-repeat top left;
				}
				ul#miniaturas li a:hover{
					background-position:bottom left;
				}
				
	/*---------- AMPLIACION ----------*/
	#ampliacion{
		text-align:center;
		margin:15px 0;
		}
		#ampliacion img{
			background:url(../imgs/fd-diag.gif) repeat top left;
			padding:10px;
		}
	#piefoto{
		border-top:1px dotted #666;
		border-bottom:1px dotted #666;
		height:30px;
		padding:10px 0;
		}
		#piefoto .compartir-fb{
			margin:7px 0 0 0;
		}
		#piefoto .btn-trompada{
			float:right;
			text-indent:-9999px;
			}
			#piefoto .btn-trompada a{
				background:url(../imgs/btn-trompada.gif) no-repeat top left;
				width:130px;
				height:31px;
				display:block;
				}
				#piefoto .btn-trompada a:hover{
					background-position-x:left;
					background-position-y:-31px;
				}
				#piefoto .btn-trompada a.votado, #piefoto .btn-trompada a.votado:hover{
					background-position:bottom left;
				}

		/*---------- COMENTARIOS ----------*/
		#form-comentario{
			margin:20px 0;
			overflow:auto;
			}
			#form-comentario .tit-form-comentario{
				margin:10px 0;
				clear:both;
				text-indent:-9999px;
				background:url(../imgs/tit-deja-comentario.gif) no-repeat top left;
			}
			#form-comentario .campo-form{
				width:650px;
				margin-right:15px;
				float:left;
				background:#292929;
				border:1px solid #494949;
				padding:10px;
				}
				#form-comentario label{
					display:block;
				}
				#form-comentario input, #form-comentario textarea{
					margin:5px 0 10px 0;
					color:#CCCCCC;
					font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
					padding:3px;
					background:#000000;
					border:1px solid #494949;
				}
				#form-comentario input{
					width:250px;
					height:20px;
				}
				#form-comentario textarea{
					width:350px;
					height:80px;
				}
			#form-comentario #enviar-comentario{
				margin-top:70px;
				}
				#form-comentario #enviar-comentario input{
					border:none;
					display:block;
					width:90px;
					height:19px;
					text-indent:-9999px;
					overflow:hidden;
					background:url(../imgs/btn-enviar.gif) no-repeat top left;
					cursor:pointer;
					}
					#form-comentario #enviar-comentario input:hover{
						background-position:bottom left;
					}
		#comentarios{
			border-top:1px dotted #666;
			padding-top:10px;
			}
			.tit-comentarios{
				margin:15px 0;
				float:left;
				text-indent:-9999px;
				width:186px;
				background:url(../imgs/tit-comentarios.gif) no-repeat top left;
			}
			ul#paginacion-comentarios{
				margin-top:10px;
				float:right;
				font-size:10px;
				}
				ul#paginacion-comentarios li{
					float:left;
					list-style-type:none;
					}
					ul#paginacion-comentarios li a{
						padding:3px 5px;
						margin:1px;
						display:block;
						color:#999;
						}
						ul#paginacion-comentarios li a:hover{
							background:#333;
							color:#FFF;
						}
					ul#paginacion-comentarios li.com-activo a{
						color:#000;
						font-weight:bold;
						background:#666;
					}
					ul#paginacion-comentarios li.btn-pag-com a{
						padding:0;
						margin:6px;
						text-indent:-9999px;
						display:block;
						width:13px;
						height:13px;
						overflow:hidden;
						}
						ul#paginacion-comentarios li.com-ant a{background:url(../imgs/fl-ant.gif) no-repeat top left}
						ul#paginacion-comentarios li.com-sig a{background:url(../imgs/fl-sig.gif) no-repeat top left}
						ul#paginacion-comentarios li.btn-pag-com a:hover{
							background-position:bottom left;
						}
			ul#listado-comentarios{
				margin:15px 0;
				}
				ul#listado-comentarios li{
					list-style-type:none;
					clear:both;
					padding:15px 0;
				}
				ul#listado-comentarios .comentario-datos{
					font-size:10px;
					width:140px;
					float:left;
					padding:20px 20px 0 0;
					text-align:right;
					color:#999;
					}
					ul#listado-comentarios li .comentario-datos strong{
						color:#CCC;
						font-weight:bold;
					}
					ul#listado-comentarios li .com-fecha{
						font-size:9px;
					}
					ul#listado-comentarios li#no-hay-comentarios{
						}
						ul#listado-comentarios li#no-hay-comentarios .comentario-texto{
							background:none;
							font-size:15px;
							background-color:#292929;
							width:100%;
							text-align:center;
							border:2px solid #494949;
							padding:15px 0;

						}
						ul#listado-comentarios li#no-hay-comentarios .comentario-datos{
							display:none;
						}
				ul#listado-comentarios .comentario-texto{
					float:left;
					background:url(../imgs/comentario-top.gif) no-repeat top left #292929;
					width:587px;
					padding:30px 15px 20px 15px;
				}
				
	/*---------- MAS VOTADAS----------*/

	ul#masvotadas{
		overflow:auto;
		margin-bottom:10px;
		clear:both;
		}
		ul#masvotadas li{
			position:relative;
			float:left;
			margin:8px;
			list-style-type:none;
			}
			ul#masvotadas li .masvotadas-votos{
				height:20px;
				padding:5px 0 0 25px;
				margin:5px 0;
				background:url(../imgs/masvotadas-icono.gif) no-repeat 5px center #333333;
				}
				ul#masvotadas li .masvotadas-votos strong{
					color:#FFF;
					font-weight:bold;
				}
			ul#masvotadas li span.video{
				position:absolute;
				top:0;
				right:0;
				text-indent:-9999px;
				background:url(../imgs/miniatura-video.gif) no-repeat top left;
				height:32px;
				width:32px;
			}
			ul#masvotadas li a{
				width:130px;
				height:130px;
				display:block;
				padding:5px;
				background:url(../imgs/fd-masvotada.gif) no-repeat top left;
				}
				ul#masvotadas li a:hover{
					background-position:bottom left;
				}

	/*---------- SIDEBAR ----------*/
	#sidebar{
		width:150px;
		float:right;
		margin:10px;
	}

/*---------- PIE ----------*/

#pie{
	clear:both;
	background:url(../imgs/linea-celeste.gif) repeat-x center 10px;
	padding:30px 0 20px 0;
	overflow:auto;
}
#logopie{
	float:left;
	}
	#logopie img{
		float:left;
	}
	#logopie .copy{
		float:left;
		padding:6px 0 0 8px;
		color:#999999;
		font-size:9px;
	}
#urlgamba a{
	cursor:pointer;
	text-indent:-9999px;
	float:left;
	display:block;
	margin:0 auto;
	width:244px;
	height:33px;
	overflow:hidden;
	margin:0 0 0 120px;
	background:url(../imgs/urlgamba.gif) no-repeat top left;
	}
	#urlgamba a:hover{
		background-position:bottom left;
	}
ul#sociales{
	float:right;
	}
	ul#sociales li{
		list-style-type:none;
		float:right;
		margin-left:30px;
		}
		ul#sociales li a{
				text-decoration:none;
				color:#999999;
				font-size:9px;
				padding:6px 0 0 34px;
				display:block;
				height:22px;
			}
		ul#sociales li.soc-twitter a:hover,
		ul#sociales li.soc-facebook a:hover{
				color:#FFF;
				background-position:bottom left;
			}
		ul#sociales li.soc-twitter a{
			background:url(../imgs/sociales-twitter.gif) no-repeat top left;
			}
		ul#sociales li.soc-facebook a{
			background:url(../imgs/sociales-facebook.gif) no-repeat top left;
			}