/* Refactored 23/1/2012: This now MUST be placed in mergeCompressAndObfuscate.properties
@import url(/css/generic.css);
@import url(/css/header.css);
@import url(/css/footer.css);
*/

a.options {font-size:14px;color:#666666;text-decoration:none;display:block;padding: 4px 0 4px 28px}
a.options:hover {text-decoration:underline}
a.link_under {font-size:12px;color:#3399cc;text-decoration:underline}
a.bloquear {font-size:11px;color:#999999;background:transparent url(/img/bloquear.gif) no-repeat}
a.mensaje {background:transparent url(/img/mensaje.gif) no-repeat}
a.guino, a.invitar {background:transparent url(/img/ver_album.gif) no-repeat}
a.editar {background:transparent url(/img/editar.png) no-repeat; cursor: pointer;}
a.permisos {background:transparent url(/img/permisos.png) no-repeat; cursor: pointer;}
a.anadir {background:transparent url(/img/amigo.gif) no-repeat}
a.me-lo-guardo {background:transparent url(/img/guardo.gif) no-repeat}
a.comentar {background:transparent url(/img/comentar.gif) no-repeat}
a.recomendar {background:transparent url(/img/recomendar.gif) no-repeat}
a.felicitacion {background:transparent url(/img/felicitacion.gif) no-repeat}
a.me-lo-quedo {background:transparent url(/img/contenidos/simbolo1.gif) no-repeat scroll 0% 50%}
a.para-facebook {background:transparent url(/img/contenidos/facebook.gif) no-repeat scroll 0% 50%}
a.muevelo {background:transparent url(/img/contenidos/simbolo5.gif) no-repeat scroll 0% 50%}
a.compartir {background:transparent url(/img/compartir.gif) no-repeat}
a.votar {background:transparent url(/img/votar.gif) no-repeat}
a.enganchar {background:transparent url(/img/enganchar.gif) no-repeat}

strong.conectado {color:#d70c1b}

.border-bottom {border-bottom:2px solid #d70c1b; margin:0px; padding:0px}
.border-top {border-top:2px solid #d70c1b; margin:15px 0px 0px 0px; padding:0px}
.left {float:left}
.right {float:right}
.items-paginado {font-size:11px; color:#999}


div.paginado {float:left;width:97%}
div.paginado ul{float:right;padding:3px 0}
div.paginacion span, div.paginaciondetalle span {display:inline;float:right}
div.paginacion span.items-paginado-left {line-height: 22px; font-size: 13px;}
div.paginado ul li {float:left; padding: 0 5px}
div.paginado ul li, div.paginado ul li a {color:#5A5A5A;font-weight:bold}
div.paginado ul li a:hover, div.paginado ul li a.visited {color:#d00}

div.titulo {
border-bottom:2px solid #D70C1B;
float:left;
margin-bottom:0px;
position:relative;
width:99%;
}

div.titulo h2 {
color:#D70C1B;
float:none;
font-size:24px;
font-weight:normal;
}

..wait,.wait *{
cursor: wait;

}

/* -------- STAR RATING ---------*/

.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{background: url(/img/alt_star.gif) top left repeat-x}

.star-rating{
position:relative;
width:105px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
padding:0;
}
.star-rating a,
.star-rating .current-rating,
#main-body .star-rating a{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{background-position: left bottom}
.star-rating a.one-star{width:20%;z-index:6}
.star-rating a.two-stars{width:40%;z-index:5}
.star-rating a.three-stars{width:60%;z-index:4}
.star-rating a.four-stars{width:80%;z-index:3}
.star-rating a.five-stars{width:100%;z-index:2}
.star-rating .current-rating{z-index:1;background-position: left center}
#votoOK{font-size:85%;padding-left:7px}
div.votoOK {border-top:#ccc 1px dotted;margin-top:2px}






#flash_header {
float:left;
height:107px;
margin-top:0px;
width:480px;
}



.box {
background:url(/img/box_smaller_bottom.png) left bottom no-repeat;
float:right;
width:170px;
padding-bottom:25px;
}
.box h3 {
background:url(/img/box_smaller_top.png) left top no-repeat;
min-height:10px;
height:auto !important;
height:10px;
}
.box p {
padding:0 10px;
text-align:right;
color:#909090;
font-weight:bold;
}

#join-container {clear:both}



header:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}




/* -------- SIDEBAR ---------*/

#sidebar-left {width: 244px; color:#999999; font-size:90%;}
#sidebar-left {float:left}
#sidebar-right {float:right; padding:0px; position:relative; right:-10px; width:220px; color:#999999; font-size:90%;}

.box-side {
	float: left;
	width: 235px;
	height: auto;
	padding: 0px 0px 30px 0px;
	color:#999999;
	
}
.inner-box-side{
	background:url(/img/da-el-cante/bg-etiquetas2.png) no-repeat bottom left; 
	float: left; 
	width:100%;
	padding-bottom: 20px;
}

.box-side h2 {
	font-size:120%;
	font-weight:bold;
	line-height:normal;
	padding:12px 50px 5px 20px;
	margin-bottom:0;
	border:medium none;
	background:transparent url(/img/da-el-cante/h3-etiquetas2.png) no-repeat;
}

.box-side h3 {padding:0px 30px 5px 20px; font-size:100%; text-align:justify;}
.box-side p {padding:5px 10px 5px 20px;}
.box-side p a {font-size:12px; color:#999999; text-decoration:underline;}
.box-side ul {list-style:none; padding: 0px 10px 5px 20px; font-size: 11px;}
.box-side ul#perfil {padding: 0px 10px 0px 20px;}

#amigos{margin:10px 0 0 0}
#mis-amigos a.amigos-en-comun {color:#999999; text-decoration:underline; padding-left:20px}

#amigos li {
float:left;
width: 94px;
min-height: 87px;
margin:0px 6px 6px 0px;
line-height:1.5em;
padding-bottom:3px;
background-color:#999;
}

#amigos li a {
display:block;
color:#fff;
font-size:11px;
text-decoration:none;
}

#amigos li a img{
float:left;
height: 94px;
width: 94px;
margin:0px; 
}
#amigos li a span {padding:0px 0px 0px 4px;}

#amigos li strong {display:block}

#amigos li.ver_mas, #amigos li.administrar {
width:90%;
text-align:right;
min-height:0px;
height:auto !important;
height:0px;
padding-top:10px;
background:none;}

#amigos li.ver_mas a {color:#1f80b1; text-decoration:underline}
#amigos li.administrar a {color:#999999; padding:0px 0px 0px 15px; line-height:1.3em; float:right}
#amigos li.administrar a span {display:block; height:auto; padding:2px 15px 3px 0px}

#perfil li.perfil-actions {border-bottom:medium none}

.perfil-actions a{font-size:11px;color:#999999;line-height:1.5em;cursor:pointer}
.denunciar {background:url(/img/perfil/denunciar.gif) no-repeat top left}
.romper {background:transparent url(/img/romper.gif) no-repeat;	padding-left:20px}

#perfil li a.boton_personal_side {padding: 0px 0px 0px 4px; margin-bottom:5px; text-align: center;}
#perfil li a.boton_personal_side span {padding: 0px 0px 2px 0px}

.boton_personal_side, .boton_personal_side span {display:block; height:20px; background:transparent url(/img/perfil/boton_personal.png) no-repeat;}
.boton_personal_side {background-position: left top}
.boton_personal_side span {background-position: right top}

#perfil li {width:90%; padding:7px 0; border-bottom:#ccc thin dotted}
#perfil li em {font-size:150%; font-style:normal}

li.perfil_img img{width: 175px; height: 175px; background-color: #EEE; border: 1px solid #BEBEBE; margin-left: 4px;}




/* -------- PERFIL ---------*/

#main-content-perfil {width:670px; padding:0px}
#mis-fotos-placeholder, #mis-videos-placeholder {position:relative}
#mis-fotos-placeholder {top: -15px;left:-10px}
#mis-videos-placeholder {top: -10px;left:-10px}
div.wrap-foto {height:329px;width:223px;color:#909090}
div.wrap-video {height:285px;width:223px;color:#909090}

ul.foto-listado, ul.video-listado {
line-height:1em;
padding-bottom:4px;
position:relative;
width:223px;
font-size:10px;
}

ul.foto-listado li, ul.video-listado li {width: 224px; padding:2px 0}

li.foto-small {
height:224px;
width:224px;
line-height:224px;
font-size:12px;
_font-size:200px;
text-align:center;
background-color:#f0f0f0;
position:relative;
padding-top: 0px !important;
}

ul.video-listado li.video-small {
height:167px;
width:223px;
line-height:167px;
text-align:center;
background-color:#f0f0f0;
position:relative;
padding-top: 0px !important;
}

ul.microvideo-listado {
height:70px;
width:70px;
line-height:70px;
text-align:center;
background-color:#f0f0f0;
position:relative;
padding-top: 0px !important;
}
 
li.foto-small a img, ul.video-listado li.video-small a img {vertical-align:middle} 
ul.foto-listado li.foto-votos, ul.video-listado li.video-votos {position:relative; clear:both; padding: 7px 0px 5px 0px; margin-bottom:3px; line-height:2em; border-bottom:1px dotted #CCCCCC}
ul.foto-listado li.foto-votos span.categoria, ul.video-listado li.video-votos span.categoria {bottom:0px}
ul.foto-listado li.link_under a, ul.video-listado li.link_under a {color:#1F80B1;font-size:11px;text-decoration:underline}
li.foto-meta, li.foto-comentarios, li.video-meta, li.video-meta2 {font-size:10px}
span.categoria {position:absolute; right:0px; top:5px}
ul.video-listado li.video-small a img.video-play {position:absolute; height:51px; width:51px; top:62px; left: 85px; z-index:490}
ul.video-listado li.video-small a img.icono-lola {position:absolute; height:44px; width:44px; top:-20px; left: 185px}
ul.foto-listado li.foto-votos span.star-rating-small, ul.video-listado li.video-votos span.star-rating-small {position:relative;top:3px}
ul.foto-listado li.foto-small a img.video-play {position:absolute; height:51px; width:51px; top:62px; left: 85px; z-index:490}

/* -------- MAIN CONTENT ---------*/

.notificacion { clear:both; width:944px; height:25px; margin:0px; background:url(/img/perfil/notificacion.png) no-repeat top right; padding: 0px;}
.notificacion p { height:20px;  padding-bottom:0px; padding-top:5px; text-align:center; font-size:11px; color:#eeeeee}
.notificacion p.ok {background:url(/img/perfil/notificacion.png) no-repeat top left}
.notificacion p.ups {background:url(/img/perfil/notificacion.png) no-repeat bottom left}

h2.bienvenido {
padding-bottom:3px;
font-size:16px;
font-weight:normal;
color:#777777;
border-bottom: 2px dotted #CCCCCC}

p.texto-actualizacion-datos {
padding:0 0 7px 0px;
font-size:90%; 
text-align:justify; 
color:#5a5a5a;
}

p.texto-actualizacion-datos span {
display:block;
height:25px;
text-indent:-1000000px;
background:transparent url(/img/perfil/actualizacion_datos.png) no-repeat;
}

.section-title {
float:left;
width:100%;
background:#d70c1b url(/img/title_pix.png) repeat-x bottom;
min-height:64px;
}
.section-title div {padding:4px 13px 30px 13px}
.title-con-subtitulo div {padding:10px 13px 30px 13px}
.title-con-subtitulo h2 {padding-bottom:5px}
#happing-map {
min-height:31px;
height:31px;
background:#d70c1b;
margin-bottom:5px;
}
#flash-mini-content {
margin-top:10px;
margin-bottom:25px;
}
.section-title h2 {
color:#FFFFFF;
font-size:160%;
font-weight:normal;	
float:left;
}

.section-title h3 {
color:#d70c1b;
font-size:16px;
font-weight:bold;
padding-top:20px;
float:left;	
}

.section-title h4 {
color:#FFFFFF;
font-size:100%;
font-weight:normal;	
clear:both;
padding:5px 0 10px 0;
border-top:#ccc 1px dotted;
}

.section-title a {padding:5px 0px 0px 0px;color:#FFFFFF;font-weight:bold}
.section-title span {color:#fff; padding:0px 8px}
.section-title a:hover, .section-title a.active {text-decoration:underline}
.section-title ul {	float:right;padding-top:5px;padding-left:15px}
.section-title ul li {float:left; padding-left:10px}

.album-box-wrap {
float:left;
width:100%;
background:transparent url(/img/main_box_bottom.png) no-repeat bottom left;
}

.album-box {
float:left;
width:100%;
padding: 10px 10px;
background: transparent url(/img/main_box_top.png) no-repeat ;
}

.album-box p {
float:left;
padding:0 10px 20px 10px;
width:90%;
}

.album-box ul {
float:left;
list-style:none;
margin:0;
padding:10px 10px;
width:100%;
}

.album-box li {	float:left;	width:70%;	padding:5px 0}
.album-box li.img { float: left; width:151px}
li.titulo {border-bottom:#ccc thin dotted}

li.titulo a {
font-size:12px;
color:#3399cc;
font-weight:bold;
text-decoration:none;
}

.album-box li.cant_fotos {
color:#999999;
font-weight:bold;
text-transform:uppercase;
}

.album-box li.fecha_crea {font-size:10px;color:#339999;}

.album-box li.ver_album {margin-top:20px}
.album-box li.ver_album a {padding: 2px 0 0 25px; background:transparent url(/img/ver_album.gif) no-repeat 0 0}

/* -------- ALBUM ---------*/

.album {float:left;padding: 0px 0px 10px 0px}

.album-vacio em, .album-vacio em {font-style:normal; color:#d70c1b}

.album ul.foto-lista {list-style:none}
.album ul.foto-lista li {
float:left;
width:115px;
height:162px;
margin:10px 7px;
}

.foto-lista li a img {
background-color:#EEE;
border:1px solid #BEBEBE;
}

.album ul.foto-lista-perfil li {
float:left;
width:115px;
margin:5px 14px 5px 0px;
}

.foto-lista-perfil li a img {
width:113px;
height:113px;
background-color:#EEE;
border:1px solid #BEBEBE;
}

.video-lista-perfil li {float:left;height:162px;margin:5px 14px 5px 0px;width:115px}

.video-lista-perfil li a img {
width:113px;
height:85px;
background-color:#EEE;
border:1px solid #BEBEBE;
}

.album-vacio { float:left; padding:30px 10px 0px 152px; min-height:140px; height:auto !important; height:168px; color:#999; background:transparent url(/img/personajes/personaje-aviso-1.png) no-repeat 0px 10px}
.album-vacio#microvideo-vacio {	padding:80px 70px 0px 232px; color:#999; background:transparent url(/img/personajes/personaje-aviso-1.png) no-repeat scroll 90px 50px}

.album-vacio  p.aviso { font-size:32px; font-weight:bold; padding-bottom:10px; color:#909090}
.album-vacio  p.sugerencia { font-size:14px; padding-bottom:5px}
.album-vacio  p.links { font-size:11px; padding-top:20px}
.album-vacio  p.links a { font-size:11px}
.album-vacio  em { color:#D70C1B; font-style:normal}
.album-vacio p.nota {padding-bottom:35px; font-size:14px}

#album-vacio-personal-videos {background:transparent url(/img/personajes/personaje-aviso-4.png) no-repeat 0px 10px}
#album-vacio-personal-fotos {background:transparent url(/img/personajes/personaje-aviso-3.png) no-repeat 0px 10px}
#album-vacio-mis-amigos {padding:40px 120px 0px 232px; background:transparent url(/img/personajes/personaje-aviso-1.png) no-repeat scroll 90px 20px}
#album-vacio-frases {padding:40px 120px 0px 232px; background:transparent url(/img/personajes/personaje-aviso-1.png) no-repeat scroll 90px 20px}

#flash-meloquedo {float:left}

p.amigos-vacio {font-size:13px; width:160px}

div.listado {float:left; padding:10px 0px; width:100%}

/* -------- FOTO DETALLE ---------*/

#foto {width:100%;margin:30px 0;}

#foto_options {float:left; width:100%}
#foto_options ul {float:left; list-style:none; margin-top:20px}

#foto p {
color:#666666;
width:97%;
padding:20px 0;
margin-bottom:20px;
text-align:justify;
border-bottom:#ccc thin dotted;
float:left;
}

.med-album-box-wrap {
float:left;
width:76%;
margin-top:20px;
background:transparent url(/img/med_box_bottom.png) no-repeat bottom left;
}

.med-album-box {
float:left;
width:100%;
padding: 10px 0px;
background: transparent url(/img/med_box_top.png) no-repeat ;
}

.med-album-box p {float:left;padding:0 10px 20px 10px;width:90%}
.comment {float:left;margin:5px 0}
a.comment_img {float:left; background: transparent url(/img/soporte_foto_comment.png) no-repeat; height:80px; width:80px; padding:10px}

/* -------- COMENTARIOS ---------*/
div.comentarios {width:645px}
div.paginacion-comentarios {float: left; width: 670px; height:15px; height:auto !important; min-height:15px;  padding:3px 10px 3px 10px; background: url(/img/fondo-comentarios.jpg) repeat-x bottom #F0F0F0; margin:20px 0px}
div.paginacion-comentarios p {color:#756f6f; float:left; font-family: LucidaGrandeBold, Helvetica, Arial, sans-serif;}
div.paginacion-comentarios ul {float:right}
div.paginacion-comentarios ul li {display:inline}
div.paginacion-comentarios ul li a {font-size:90%; color:#999}
div.paginacion-comentarios ul li a:hover, div.paginacion-comentarios ul li a.current {color:#D70C1B}

div.wrap-comentarios {background:transparent url(/img/comment_bottom_new.png) no-repeat scroll left bottom; float:left; padding-bottom:5px; width:545px}
div.comentario { background:transparent url(/img/comment_top_new.png) no-repeat; float:left; width:545px}
div.comentario dl {width:100%;float:left; padding: 8px 0px 0px 30px;color:#7C7C7C}
div.comment {width:100%}
div.comentario dt {font-size:100%; font-weight:normal; width:100%}
div.comentario dt span.conectado {color:#D70C1B; padding-left:5px; font-size:90%}
div.comentario dt span.identidad {padding-left:5px; font-size:90%; color:#D70C1B}
div.comentario dd {margin-top:5px; text-align:left}
div.comentario dd.datos-usuario {font-size:90%; margin-top:3px;}
div.comentario dd.datos-comentario {font-size:90%;}
div.comentario dd.textoComentario  {padding:3px 0px}
div.comentario dd.textoComentario p {clear:both; padding-bottom:0px !important}
div.comentario dd.votar {float:right; margin:0; padding:0}
.comentario-actions a {color:#909090; background: transparent url(/img/editar-eliminar-reportar.png) no-repeat; padding: 4px 0px 4px 21px}
.comentario-actions a.eliminar-comentario {background-position:0px -24px;}
.comentario-actions a.reportar-comentario {background-position:0px -49px; padding-left: 35px;}
.comentario-actions a.editar-comentario {background-position:0px 0px}

/* -------- VIDEO DETALLE ---------*/

.video {float:left}
.video_meta {float:left}
.table-action {margin-bottom:70px}
.metadata {border-top:1px dotted #CCCCCC}
.metadata li { border-bottom:1px dotted #CCCCCC; padding:4px 0pt}
.metadata span { 
float:right; 
display:block;
margin-top:10px;
padding-right:50px;
text-align:left; 
line-height:25px; 
font-size:95%;
letter-spacing:0.7px}

/* -------- VIDEOS ---------*/

.video_duracion, .video_votos {font-size:11px}
.video_fecha, .video_vistas, .video_comentarios {font-size:10px}
.video_comentarios {position:relative}
.video_comentarios img {position:absolute; top:-10px; right:0}
li.video-small {position:relative}
li.video-small a img.video-play {position:absolute; height:27px; width:27px; top:30px; left: 40px; z-index:490}
li.video-small a img.icono-lola {position:absolute; height:44px; width:44px; top:-20px; left: 75px}
.rating {font-size:11px}
img.rating {border:0px none;vertical-align:top}

#BlogSearchResults .album-vacio {width:290px; padding: 30px 10px 0px 222px; background-position: 70px 10px}

img.rating-small {height:11px; width:52px; background: url(/img/star-rating-small.gif) no-repeat top left}

img.rating-10 {background-position: 0px 0px}
img.rating-9 {background-position: 0px -11px}
img.rating-8 {background-position: 0px -22px}
img.rating-7 {background-position: 0px -33px}
img.rating-6 {background-position: 0px -44px}
img.rating-5 {background-position: 0px -55px}
img.rating-4 {background-position: 0px -66px}
img.rating-3 {background-position: 0px -77px}
img.rating-2 {background-position: 0px -88px}
img.rating-1 {background-position: 0px -99px}
img.rating-0 {background-position: 0px -110px}

/* -------- AMIGOS ---------*/

li.datos { border-bottom:1px #ccc dotted;margin-bottom: 10px;padding-bottom:5px}
li.img {float:left; width:180px}
li.actions {float:right; width:166px; margin-top:5px}
li.romper {width:166px; float:right; border-top:1px #ccc dotted; margin-top:40px; padding-top:5px}

#mis-amigos-container {float:left; padding:15px 10px; width:620px}
#mis-amigos-container h3 a {float:left; margin-bottom:15px; font-size:18px; color:#666666; font-weight:normal; text-decoration:underline}

/* -------- HAPPING CONTROL ---------*/

#contenido {width:640px; padding:0 10px}
#contenedor-subidos, #contenedor-enviados {float:left; padding:10px 0px 30px 0px}
div.contenedor-tabla {float:left; padding:12px 0px; width:649px}
#contenedor-subidos h3, #contenedor-enviados h3 {padding-bottom:7px; margin-bottom:7px; font-size:18px; font-weight:normal; color:#d70c1b}
#contenedor-subidos h4, #contenedor-enviados h4 {padding:7px 0px; font-size:14px}
#contenedor-subidos h4, #contenedor-enviados h4, #contenedor-subidos p, #contenedor-enviados p {float:left;width:480px}

#contenedor-subidos a.accionHapping, #contenedor-enviados a.accionHapping {
display:block;
float:right;
height:24px;
width:110px;
padding: 5px 0px 0px 18px;
margin-top:10px;
color:#999999;
background:transparent url(/img/boton_accion_happing.png) no-repeat}
div.contenedor-tabla table, #contenedor-subidos table, #contenedor-enviados table {float:left; margin-top:15px}
div.contenedor-tabla table td, #contenedor-subidos table td, #contenedor-enviados table td {height:40px; border-bottom:1px dotted #cccccc; vertical-align:top; padding:4px 0px 0px 0px; font-size:11px}
div.contenedor-tabla table td a, #contenedor-subidos table td a, #contenedor-enviados table td a {font-size:12px}
div.contenedor-tabla table th, #contenedor-subidos table th, #contenedor-enviados table th {height:32px; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc; vertical-align:middle}
div.contenedor-tabla table.tabla-detalles th, #contenedor-enviados table.tabla-detalles th {border-top:medium none}
div.contenedor-tabla table.tabla-detalles th, #contenedor-enviados table.tabla-detalles th, #contenedor-enviados table.tabla-detalles td {height:25px}
div.contenedor-tabla table.tabla-detalles td, #contenedor-enviados table.tabla-detalles td {font-size: 11px; border:medium none}
a.masDetalles {display:block; width:28px; height:40px; background:transparent url(/img/ayuda_mas.gif) no-repeat -2px 10px}
a.menosDetalles {display:block; width:28px; height:40px; background:transparent url(/img/ayuda_menos.gif) no-repeat -2px 10px}
div.contenedor-tabla table th b {font-weight:bold}
table td .radioArea, table td .radioAreaChecked, table td .checkboxArea, table td .checkboxAreaChecked {float:none; top:25%}
div.contenedor-tabla table td a img {padding-bottom:4px}
div.contenedor-tabla table td input {position:relative; top:25%}
#tabs {
float:left;
width:100%;
margin-top:15px;
border-bottom:#d70c1b solid 3px;
}
#tabs li {float:left}
#tabs li a {
float:left;
padding:0px 0px 0px 11px;
margin:0px 4px 2px 0px;
background:transparent url(/img/tab_gris.gif) no-repeat left top;
}
#tabs li a span {
display:block;
padding:4px 11px 3px 0px;
margin:0px;
font-size:11px;
color:#fff;
background:transparent url(/img/tab_gris.gif) no-repeat right top;
}
#tabs li a:hover, #tabs li a.current {background-position: left -100px;text-decoration:none}
#tabs li a:hover span, #tabs li a.current span {background-position: right -100px}

#botones.sin-borde {border-top: medium none;width:640px}

#botones.sin-borde .buttonSubmit, #botones.sin-borde .buttonSubmitHovered, #botones.sin-borde .buttonSubmitDisabled {font-size:15px}

div.contenedor-tabla-textos {float:left; padding:100px 0px 10px 220px; width:420px; color:#999999}
div.contenedor-tabla-textos h3 {font-size:43px; padding-bottom:5px}
div.contenedor-tabla-textos h4 {font-size:21px; color:#d70c1b; padding:5px 0px 10px 0px}
div.contenedor-tabla-textos  p {font-size:14px; padding:10px 0px}
div.admin_frases div.left, div.admin_frases div.paginado {width:640px}

#sinFrase {float:left; padding-bottom:50px; background:url(/img/frases-admin-sinfrase.jpg) no-repeat 0 0}

/* -------- ADMIN PERFIL ---------*/
	
#main-content.admin_datos {width:650px;
padding:0px 20px 0px 0px}

#form-container.admin_datos {width:100%; line-height:1.2em}
#form-container.admin_datos #botones_inferiores,  #botones_inferiores {width:640px; margin-bottom:10px; padding: 12px 0 7px; border-top: medium none; border-bottom:2px solid #D70C1B; float:left; text-align:right}
#form-container.admin_datos #botones_inferiores a, #botones_inferiores a {float:left; font-size:11px; padding-top:12px; text-decoration:underline}
#form-container.admin_datos #botones_inferiores .buttonSubmit, #form-container.admin_datos #botones_inferiores .buttonSubmitHovered, #form-container.admin_datos #botones_inferiores .buttonSubmitDisabled { padding: 0px 20px}
#form-container.admin_datos h2 {width:640px; border: medium none; margin-bottom:5px}
#form-container.admin_datos p {font-size:small}
#form-container.admin_datos label {color:#666666}

#form-container.admin_datos .validation-advice, #form-container.admin_datos .validation-advice * {z-index:500}

#form-container.admin_datos .validation-advice p {
font-size:12px;
color:#FFFFFF;
padding:0pt 15px 15px 35px}

div.admin_datos h2.titular {
width:640px;
}

h4.admin {
font-size:14px;
font-weight:normal;
color:#555555;
padding-bottom:5px;
margin-bottom:15px;
width:640px;
border-bottom:#ccc thin dotted;
}

#form-container.admin_datos p.txtBloqueo {color:#d70c1b; padding:15px 0px}
#form-container.admin_datos p.txtLegal, .admin_datos p.txtLegal, p.txtLegal {float:left; width:640px; margin-bottom: 20px; font-size:10px; line-height:1.1em}
#form-container.admin_datos p.txtLegal a, .admin_datos p.txtLegal a, p.txtLegal a {font-size:10px}
#form-container.admin_datos div.otra {border-top:thin dotted #ccc; padding:20px 0px; margin:17px 0px}
#form-container.admin_datos div.privacidad_opciones {padding-top:20px}
#form-container.admin_datos div.privacidad_opciones p {color:#444444; margin-bottom:5px}
#form-container.admin_datos div.privacidad_opciones ul {padding-top:5px}
#form-container.admin_datos div.privacidad_opciones ul li {padding:3px 5px 7px 20px}
#form-container.admin_datos div.privacidad_opciones ul li.sexo {padding-bottom:15px}
#form-container.admin_datos div.privacidad_opciones ul li span{font-size:11px; position:relative; top:13px; left:-98px}
#form-container.admin_datos div.privacidad_opciones ul li label {float:left; width:356px; line-height:1em}
#form-container.admin_datos input.outtaHere {position:absolute}
#main-content.admin_datos #botoneraAdmin a {text-decoration:none}

div.admin_datos_content {
width:405px;
padding-left:134px;
padding-right:116px;
}

div.admin_datos_content em {color:#d70c1b;font-style:normal}
div.admin_datos_content a {text-decoration:underline}

#admin_home {padding-bottom:20px; margin-bottom:10px}
#admin_home dl dt{padding-top:5px}
#admin_home dl dt{margin-top:5px}
#admin_home dl dt a{font-size:16px}

#form-container.admin_datos div.pregunta_wrap {width:387px}
#form-container.admin_datos div.pregunta_wrap label {font-size:16px}
#form-container.admin_datos div.pregunta_wrap {padding-top:20px; margin-top:10px; border-top:#ccc thin dotted; line-height:1.7em}

#datos_cancel {padding-top:40px; padding-bottom:40px}
#form-container #datos_cancel label {display:block; width:380px; line-height:1.3em}
#admin_correo {padding-top:36px; padding-bottom:25px}
#admin_contrasena {padding-top:40px; padding-bottom:50px}


#botoneraAdmin {
height:46px;
margin:0pt;
padding:10px 0pt 0pt 0px;
clear:both;
}
#botoneraAdmin li {float:left;margin-right:5px}
#botoneraAdmin li a {
color:#fff;
float:left;
font-size:14px;
text-decoration:none;
height:36px;
background:transparent url(/img/tab_off.png) no-repeat left top;
padding-left:5px;
}
#botoneraAdmin li a span {
background:transparent url(/img/tab_off.png) no-repeat right top;
float:left;
height:36px;
width:105px;
padding:5px 15px 5px 0px;
text-align:center;
cursor:pointer;
}
#botoneraAdmin li a:hover  {background:transparent url(/img/tab.png) no-repeat left top}
#botoneraAdmin li a.active {background:transparent url(/img/tab.png) no-repeat left top}
#botoneraAdmin li a:hover span {background:transparent url(/img/tab.png) no-repeat right top}
#botoneraAdmin li a.active span {background:transparent url(/img/tab.png) no-repeat right top}

div.etiquetas {border-top:#ccc thin dotted; padding-top:10px}
div.etiquetas p.baja {padding:20px 0px}
.listado-usuarios * { position:static}
.listado-usuarios {float:left; width:100%;}

/* -------- CAJA LOGIN ---------*/

#mi-foto { position:relative; cursor:pointer }
.overlay {
/*position: relative;*/
visibility: none;
top: 1px;
left: 1px;
width: 175px;
height: 175px;
z-index: 100;
color:#FFF;
text-align:center;
font-size:16px;
font-weight:bold;
}
.overlay div.background {
top:0;
left:0;
width: 175px;
height: 175px;
position: absolute;
opacity: 0.5;
filter: alpha(opacity=50);
background-image: url(/img/black-50.png);
background-repeat: repeat;
z-index:-1;
}
.overlay div.status {
position:absolute;
width: 175px;
top: 70px;
left:0;
}
.overlay div.button {
position:absolute;
top: 145px;
left: 39px;
width: 109px;
height: 20px;
background:url(/img/bt_pdf.png) no-repeat;
text-align: center;
font-size: 12px;
font-weight:normal;
padding-top:3px;
}
.overlay div.button:hover{background-position: 0px -26px;}
.avatar-balloon {
position:absolute;
z-index:1000;
width:139px;
background:url(/img/perfil/avatar_baloon_bottom.gif) left bottom no-repeat;
}
.avatar-balloon h3 {
background:url(/img/perfil/avatar_baloon_top.gif) left top no-repeat;
padding:0; margin:0; font-size:0;
height:8px;
line-height:0;
}
.avatar-balloon p {padding:0 10px 22px 10px}

span.ajax_waiting_buscador {
text-align:center; 
padding-top:180px; 
display:block; 
width:100%;
}

/* -------- HAZ HAPPING ---------*/

#flash-happingmap { position:relative }
.tag-cloud LI { display: inline}
.tag-cloud SPAN { position: absolute; left: -999px; width: 990px; font-size:10%}
.tag-cloud .impopular { font-size: 85%}
.tag-cloud .no-tan-popular { font-size: 100%}
.tag-cloud .medianamente-popular { font-size: 120%}
.tag-cloud .popular { font-size: 140%}
.tag-cloud .very-popular { font-size: 160%}
.tag-cloud .ultra-popular { font-size: 170%}

/* -------- 10 SEGUNDOS ---------*/

#main-content.microblog {
color:#999999;
padding-right:20px;
width:650px;
}

h2.titular{
color:#D70C1B;
float:left;
font-size:24px;
font-weight:normal;
width:100%;
padding-bottom:3px;
}

h3.subtitular {
color:#D70C1B;
float:left;
font-size:16px;
font-weight:normal;
padding-bottom: 6px;
}

#actualizados h2 {
background:url(/img/microvideo/10segundos.png) no-repeat;
height:49px;
padding:0;
}
#main-content.microblog div.paginado ul li, #main-content.microblog div.paginado ul li a, #main-content.microblog .items_paginacion {
font-size:11px;
font-weight:normal;
}

.box-side dl.bloque-microvideo ul {padding:5px 0px 10px 0px; font-size:10px;clear:both}
.box-side dl.bloque-microvideo ul li {position:relative; padding:1px 0px}
.box-side dl.bloque-microvideo ul li a {text-decoration:underline; font-size:11px}
.box-side dl.bloque-microvideo ul li img.cat {position:absolute; left:130px; top:-7px}

dl.bloque-microvideo {border-bottom:1px dotted #CCCCCC;margin:0 15px 12px 15px;padding-bottom:12px;width:153px}
dl.bloque-final {margin:0 15px 0 15px;padding-bottom:0;border-bottom:none}
dl.bloque-microvideo dt {padding-bottom:10px;font-size:16px;color:#d70c1b}
dl.bloque-microvideo dt i {display:block; font-size:13px; font-weight:bold; font-style:normal; color:#909090}

a.microvideo-boton {
display:block;
height:24px;
width:151px;
padding:5px 0px;
margin:0px;
font-size:12px;
color:#fff;
text-align:center;
background:url(/img/microvideo/boton-bg.png) no-repeat;
}
a.microvideo-boton:hover {text-decoration:none}
dd.texto-vacio {font-size:13px}
dd.link {padding-top:5px}
dd.link a {text-decoration:underline;font-size:11px;font-weight:normal}

/* -------- LISTADO USUARIO ---------*/

div.usuario-wrap, div.microvideo-wrap {clear:both; padding:20px 0 0 0px;}
dl.usuario-detalle {width:635px; float:left;}
.usuario-detalle dt {float:left; width:105px; height:100px;}
.usuario-detalle dd {border-bottom:1px dotted #ccc; float:left; width:530px; margin-right:0px; line-height:1.7em; font-size:11px;}
.usuario-detalle dd em {color:#d70c1b; font-size:10px; font-style:normal;}
.usuario-detalle dd.usuario-info a {padding-right:5px; float:left; font-size:13px;}
.usuario-detalle dd.usuario-info em {padding-right:5px;}
.usuario-detalle dd span.info {float:left; width:300px;}
.usuario-detalle dd span.actions {float:right; width:140px; text-align:left; line-height:1.5em; margin-bottom:3px;}
.usuario-detalle dd span.micro {width:190px;}
.usuario-detalle dd span.actions a {padding:3px 0px 3px 25px; font-size:11px; color:#999999;}
.usuario-detalle dd span.actions a.last {border-right:medium none;}
.usuario-detalle dd span.actions a.mensaje {background-position: 0 2px;}
.usuario-detalle dd span.actions a.romper {background-position: 2px 1px;}
.usuario-detalle dd span.actions a.anadir {background-position: 0px 1px;}
.usuario-detalle dd span.actions a.enganchar {background:url(/img/microvideo/engancharme.gif) no-repeat 2px 2px;}
.usuario-detalle dd span.actions a.desenganchar {background:url(/img/microvideo/desengancharme.gif) no-repeat 2px 2px;}
.usuario-detalle dd span.actions a.sincronizar {background:url(/img/microvideo/sincro.gif) no-repeat;}
.usuario-detalle dd.usuario-extras { border-bottom:medium none;}
.usuario-detalle dd.usuario-extras a.eliminar {display:block; padding-top:5px;}
.usuario-detalle dd.ultima-linea {border-bottom:medium none;}

.microvideo-wrap dl.usuario-detalle {width:635px; float:left;}
.microvideo-wrap .usuario-detalle dt {float:left; width:165px; height:165px;}
.microvideo-wrap .usuario-detalle dd {width:465px;}
.microvideo-wrap .usuario-detalle dd span.info {width:250px;}
.microvideo-wrap .usuario-detalle dd.titulo-video .info a {text-decoration:underline;}
.microvideo-wrap .usuario-detalle dd span.actions {width:185px;}
.microvideo-wrap .usuario-detalle#usuariomicro dd span.actions {width:180px;}

/* -------- TABS FILTROS ---------*/

#container ul.categories {
list-style:none;
font-size:11px;
float:left;
width:100%;
}
#container ul.categories li {
display:inline;
float:left;
padding:6px 3px 0 0;
}
#container ul.categories a {
color:#FFF;
background:#AAA;
text-decoration:none;
padding:0px 3px;
}
#container ul.categories a:hover, #container ul.categories a.current {background:#D70C1B}


/* -------- PAGINACION ---------*/

div.wrap-paginacion {float:left; width:99%;}
div.wrap-paginacion div.titulo {width:100%; padding-right:0px;}
div.paginacion {float:left;width:100%}
div.paginacion a.back {font-size:11px;text-decoration:underline;padding:5px 0;display:block;width:auto}
div.paginacion ul {padding:1px 0pt; font-size:11px; float:right; }
div.paginacion span {float:none}
.top {margin-bottom:6px;border-bottom:2px solid #D70C1B}
.bottom {border-top:2px solid #D70C1B;margin-top:8px;padding-bottom:20px}
div.paginacion ul li {float:left; padding: 0px 8px 0px 0px; line-height:1.7em}
div.paginacion ul li, div.paginacion ul li a, div.paginacion ul li input {color:#ababab}
div.paginacion ul li input { text-align: center; width: 28px; color: #DC0021; border: none;}
div.paginacion ul li form {display:inline}
div.paginacion ul li a:hover, div.paginacion ul li a.current {color:#D70C1B}
div.paginacion ul li a img {padding:4px 0px}
div.paginacion ul li.pag-actual{font-size: 13px;}
p.rastro, #form-container p.rastro {float:left; font-size:11px; color:#1F80B1; padding-top:15px}
p.rastro a, #form-container p.rastro a{font-size:11px; text-decoration:underline !important}
.wrap-paginacion p.rastro {padding-top:3px}
.spacerBottom{height:30px; clear:both}
.spacerTop{height:20px; clear:both}
.video-actions a, .foto-actions a {color:#7c7c7c;background: transparent url(/img/editar-eliminar-reportar.png) no-repeat;padding: 4px 0px 4px 25px;font-size:11px}
.video-actions a.editar-video, .foto-actions a.editar-foto {background-position:0px 0px;}
.video-actions a.eliminar-video, .foto-actions a.eliminar-foto {background-position:0px -24px;}
.video-actions a.reportar-video, .foto-actions a.reportar-foto {background-position:0px -49px; padding-left: 35px;}
div.anadir-media {text-align:right; float:right; padding-right:0px}
div.anadir-media .buttonSubmit, div.anadir-media .buttonSubmitHovered, div.anadir-media .buttonSubmitDisabled {font-size:13px}


/*Botones paginacion*/
a.pag-anterior { background:url(/img/pag.png) no-repeat -50px 0px; width: 26px; height: 24px; display: block;}
a.pag-anterior:hover { background-position: -50px -24px;}
a.pag-siguiente { background:url(/img/pag.png) no-repeat -26px 0px; width: 26px; height: 24px; display: block;}
a.pag-siguiente:hover { background-position: -26px -24px;}




/*Enviar felicitacion*/
div.enviar-felicitacion {width:370px; height:auto !important; height:250px; min-height:250px; padding:20px 0px 0px 150px; color:#7c7c7c;}

#enviar-felicitacion-enhorabuena{background: transparent url(/img/personajes/personaje-aviso-3.png) no-repeat 0 20px;} 
#enviar-felicitacion-enhoramala {background: transparent url(/img/personajes/figura-eliminar.png) no-repeat 0 20px;}
    
div.enviar-felicitacion h2 {font-size:34px; font-weight:bold; color:#7c7c7c; padding-bottom:10px;}
div.enviar-felicitacion h3 {font-size:24px; font-weight:normal; color:#d70c1b; padding-bottom:17px;}
div.enviar-felicitacion p {font-size:14px; padding-bottom:20px;}

#enviar-felicitacion-form {width:500px;}
#enviar-felicitacion-form ul {padding-top:12px;}
#enviar-felicitacion-form li {padding-bottom:7px;}
#enviar-felicitacion-form p {font-size:14px; color:#7c7c7c;}
#form-container #enviar-felicitacion-form label {font-size:14px; color:#7c7c7c;}
#enviar-felicitacion-form span {display:block; text-align:right; width:320px; font-size:10px;color:#ababab;}
#enviar-felicitacion-form p.legal {font-size:11px; line-height:1.2em; padding-bottom:3px; color:#ababab;}

/*Reportar Contenido*/

#reportar-contenido {
	background:transparent url(/img/personajes/figura-denuncia.png) no-repeat scroll 0px 0px;
	margin-top:0px;
	width:370px;
	height:170px;
	height:auto !important;
	min-height:170px;}

#reportar-contenido {float:left; left:45%; padding:18px 0px 5px 150px;}
#reportar-contenido p {padding: 10px 5px 10px 0px;}
#reportar-contenido div.validation-advice p {padding: 0px 15px 15px 35px}
#reportar-contenido p.hecho {font-size:34px;}
#reportar-contenido p.validarFrase {font-size:24px; line-height:normal; width:330px;}
#reportar-contenido p.hacerAhora {font-size:20px;}
#reportar-contenido label.label-denunciar {line-height:1.2em; display:block;}
#reportar-contenido div.contenedor-textarea {padding:5px 0px}

