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

/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }
address, em { font-style:normal; }

/*---------------------------------------------------------------------------------*/
/* 1. NORMALIZATION 
/*---------------------------------------------------------------------------------*/

/* Background Color */

body { background:#0d0d0d url(../imagenes/bg.jpg) repeat-x top}

/* Typography */

body { 
	font:12px Arial, Helvetica, sans-serif;
	color:#787878;
}

/* Default link styles */

a:link { color:#005aff; text-decoration:none;}
a:visited { color:#609; text-decoration:none;}
a:hover, a:active { color:#fe8334;}

/* Classes for clearing floats */
.pusher { clear:both; }

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

/*---------------------------------------------------------------------------------*/
/* 2. STRUCTURE 
/*---------------------------------------------------------------------------------*/

#contenedor {
	width:980px;
	background:url(../imagenes/cornerTopLeft.gif) no-repeat top left;
	margin:10px auto;
	padding-top:15px;
	position:relative;
}

/* Encabezado 
/*---------------------------------------------------------------------------------*/

#contenedor #encabezado {
	background: #fff;
	border-left: solid 1px #7b7b7b;
	border-right: solid 1px #7b7b7b;
	height:65px;
}

#contenedor #encabezado h1 a {
	text-indent:-10000px;
	background:url(../imagenes/sprites.png) no-repeat 0 -70px;
	width:217px;
	height:47px;
	display:block;
	margin-left: 20px;
	padding-top:7px;
}

#contenedor #login {
	background:url(../imagenes/cornerTopRight.gif) no-repeat top right;
	text-align:right;
	position:absolute;
	top:0;
	right:0;
	width:800px;
	padding:15px 60px;
}

#contenedor .help {
	text-indent:-10000px;
	display:block;
	background:url(../imagenes/sprites.png) no-repeat -60px 0;
	height:26px;
	line-height:26px;
	width:25px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:100;
}

/* Menu 
/*---------------------------------------------------------------------------------*/

#menu {
	border-left: solid 1px #7b7b7b;
	border-right: solid 1px #7b7b7b;
	background:url(../imagenes/bgMenu.png) repeat-x;
	position:relative;
	z-index:150;
}

#menu ul.menu {
	display: block;
	height:53px;
	background:url(../imagenes/bgMenuRight.png) no-repeat right;
	position:relative;
}

#menu ul.menu li {
	display:block;
	float:left;
	height:53px;
	border-right: solid 1px #94cada;
	border-left: solid 1px #4f9eb4;
}

#menu ul.menu li.first { 
	background: url(../imagenes/bgMenuLeft.png) no-repeat top left;
	border-left:none;
}

#menu ul.menu li a {
	display:block;
	float:left; /* Esto es para IE6 */
	color:#fff;
	padding:0 20px;
	font:17px Georgia, "Times New Roman", Times, serif;
	height:53px;
	line-height:53px;
	
}

#menu ul.menu li a:hover, #menu ul.menul li.selected a:hover {
	display:block;
	color:#000;
	background:url(../imagenes/bgMenuOver.png) repeat-x top;
	height:53px;
	line-height:53px;
}

#menu ul.menu li.first a:hover, #menu ul.menu li.first.selected a { background:url(../imagenes/bgMenuLeftOver.png) left top; }

#menu ul.menu li.selected a { background:url(../imagenes/bgMenuOver.png) repeat-x top; color:#000; }



/* Contenidos 
/*---------------------------------------------------------------------------------*/


* html #wrapper, * html #wrapper #contenido, * html #wrapper #extra { height:400px; } /* Para IE6 */

#wrapper {
	background:#fff;
	border-left: solid 1px #7b7b7b;
	border-right: solid 1px #7b7b7b;
	min-height:400px;
}

#wrapper #contenido {
	display:inline;
	float:left;
	width:700px;
	padding:0 20px;
	border-right: solid 1px #f4f0ef;
	min-height:400px;
	position:relative;
}

#contenido #regAuth { 
	margin:20px 15px; background:url(../imagenes/icoLogin.png) no-repeat left;
	padding-left:45px;
	min-height:38px;
	line-height:38px;
	clear:both;
}

#wrapper #extra {
	display:inline;
	float:left;
	width:200px;
	padding:0 10px;
	min-height:400px;
	border-left: solid 1px #f4f0ef;
	border-collapse:collapse;
}

/* Pie 
/*---------------------------------------------------------------------------------*/

#pie {
	position:relative;
	min-height:209px;
	background:url(../imagenes/bgBottom.png) no-repeat top left;
}

#pie ul {
	padding:30px 0 0 20px;
}
#pie ul li {
	display:inline;
	float:left;
	width:190px;
	margin:15px 30px 0 0;
	padding-left:30px;
	background:url(../imagenes/sepBottom.png) top left no-repeat;
	min-height:135px;
}
#pie ul li.first { background:none; padding-left:0;}
#pie ul li.last { margin-right:0;}
#pie ul li h3 { color: #fff; background:none; padding-left:0; margin-top: 5px;}
#pie ul li p { margin:5px 0;}
#pie ul li a { color:#c4bfbf;}
#pie ul li a:hover { text-decoration:underline;}
#pie ul li p img { margin-right:10px;}
#pie p.credits { font-size:11px; position:absolute; left:10px; bottom:10px;}
/*---------------------------------------------------------------------------------*/
/* 3. CONTENTS 
/*---------------------------------------------------------------------------------*/

/* Home 
/*---------------------------------------------------------------------------------*/

#wrapper #contenido.home { 
	background:url(../imagenes/eBook.jpg) top right no-repeat;
	width:740px;
	padding:0;
}

#contenido.home h1 {
margin-left: 15px;
}

#contenido.home h2 {
margin-left: 15px;
max-width: 1000px;
}

#contenido.home div.carouselBody {
margin-left: 15px;
}

#contenido #capabusqueda, #contenido #busquedaavanzada { 
	margin:0 15px;
}


#contenido #capabusqueda form { min-height:10px;} /* Para Explorer 7 */
* html #contenido #capabusqueda form { height:10px; }

#contenido #capabusqueda form input {
	display:inline;
	float:left;
}
#capabusqueda input.btSmall { text-transform:uppercase; }

#contenido #best {
	min-height:20px; /* PARA IE 7 */
	margin-left:20px;
	margin-top:10px;
}

#contenido #mejorvalorados, #contenido #autoresvalorados, #contenido #actividadamigos, #contenido #best div {
	display:inline;
	float:left;
	margin-right:40px;
	min-width:280px;
	max-width:320px;
}
#contenido #mejorvalorados ul.puntos li {
	position:relative;
	padding-left: 60px;
	min-height:80px;
	}
#contenido #mejorvalorados ul.puntos li img {
	padding:3px;
	border:solid 1px #ccc;
	position:absolute;
	top:0;
	left:0;
	width:52px;
	height:78px;
	}

#contenido div.bloqueinicio { 
	display:inline; 
	float:left; 
	margin-right:40px; 
	min-width:280px; 
	max-width:345px; 
 		}

#contenido .parrafodestacado {
	clear:both;
	border: solid 1px #f79922;
	margin:30px 15px;
	padding-bottom:15px;
}
#contenido .parrafodestacado strong {
	display:block;
	color:#fff;
	font-size:13px;
	height:22px;
	line-height:22px;
	padding:0 3px;
	background:url(../imagenes/bgOrangeFrame.png);
	margin-bottom:15px;
	
}

/* Nueva Home */

/* Login lateral --------------------- */

#extra #signin h2 {
	color:#787878;
	font-size:18px;
	text-align:center;
	padding-left:0;
	background:none;
	margin-bottom:10px;
	}
#extra #signin h2 span { color:#ffa801;}

#extra #signin .btOrange, #extra #signin .btBlue {
	display:block;
	width:140px;
	height:36px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font:18px Georgia, "Times New Roman", Times, serif;
	line-height:32px;
	margin-left:50px;
	} 
#extra #signin .btOrange { background:url(../imagenes/bgBtOrange.png) no-repeat center; }
#extra #signin .btBlue { background:url(../imagenes/bgBtBlue.png) no-repeat center; }

/* Contenido ------------------------------ */

#contenido p.slogan {
	text-align:center;
	color:#4ca7c1;
	font:30px Georgia, "Times New Roman", Times, serif;
	margin:70px 0 30px 0;
	}
#contenido p.slogan img { margin-bottom:8px; }

#contenido #recuadros {
	background: url(../imagenes/bgGradientHome.gif) repeat-x bottom;
	padding-bottom: 30px;
	padding-left:20px;
	}
#contenido #recuadros .frame {
	display:block;
	float:left;
	margin-right:40px;
	width:206px;
	height:254px;
	background:url(../imagenes/bgHomeFrame.gif) no-repeat center;
	position:relative;
	}
#contenido #recuadros .frame.last { margin-right:0;}

#recuadros .frame h3 {
	color:#575757;
	font:Georgia, "Times New Roman", Times, serif 18px;
	line-height:51px;
	padding-left:55px;
	margin:0;
	display:block;
	height:50px;
	}
#recuadros .frame h3#authors { background:url(../imagenes/icoAuthors.jpg) no-repeat 10px bottom;}
#recuadros .frame h3#readers { background:url(../imagenes/icoReaders.jpg) no-repeat 10px 8px;}
#recuadros .frame h3#news { background:url(../imagenes/icoNews.jpg) no-repeat 7px 5px;}

#recuadros .frame ul.arrows { margin:15px 10px 10px 18px; height:160px; }
#recuadros .frame ul.arrows li { 
	list-style:url(../imagenes/icoArrowGrey.gif);
	margin:8px 0 8px 10px;
}
#recuadros .frame ul.puntos { margin-top:15px;}
#recuadros .frame ul.puntos li a { line-height:1.5 !important;}
#recuadros .frame ul.puntos li a { width:140px;}
#contenido #recuadros .frame p {
	display:block;
	position:absolute;
	right:8px;
	bottom:6px;
	font-size:11px;
	font-weight:bold;
	margin:0;
	}

/* Acceso
/*-----------------------------------------------------------------------------------*/

#loginAuth, #otherAuth {
	display:block;
	float:left;
	margin-top: 15px;
}
#loginAuth {
	padding-right:40px;
	border-right:dashed 1px #ccc;
	max-width:380px;
}
#LoginForm { margin-left:15px; }
#LoginForm .txtInput { width: 150px;}

#otherAuth { padding-left:35px; max-width:370px; }
#otherAuth ul { margin-left:15px; }
#otherAuth ul li { margin:5px 0; }
#otherAuth img { vertical-align:middle;}
#otherAuth li a { display:block;text-indent:-9000px; width:92px;}
a#facebook {
	background:url(../imagenes/login.png) no-repeat 0 0;
	height:30px;
}
a#google {
	background:url(../imagenes/login.png) no-repeat 0 -30px;
	height:30px;
}
a#twitter {
	background:url(../imagenes/login.png) no-repeat 0 -60px;
	height:22px;
}
a#yahoo {
	background:url(../imagenes/login.png) no-repeat 0 -83px;
	height:20px;
}
a#openid {
	background:url(../imagenes/login.png) no-repeat 0 -103px;
	height:28px;
}
#openidlogin { margin-left:15px;}

/* Configuracion
/*-----------------------------------------------------------------------------------*/

#accounts {
	float:left;
	max-width:380px;
	}

#accounts td a {
	display:block;
	line-height:30px;
	padding-left:92px;
	margin:5px 15px;
	}
/* Resultado de búsqueda 
/*---------------------------------------------------------------------------------*/

#busqueda ul { margin:0 0 10px 30px; clear:both; }
#biblioeteca ul { margin:0 0 10px 15px; clear:both; }
#busqueda ul li, #biblioeteca ul li, #listas ul li { list-style:url(../imagenes/ico.png);}
#deepsearch { clear:both; }


/* Libro 
/*---------------------------------------------------------------------------------*/

#libro { margin-left:15px; min-height:50px; position:relative; }
* html #libro { height:50px; }

#libro #libro_portada {
	display:inline;
	float:left;
	width:125px;
	padding-right:20px;
}

#libro #libro_portada img.portada { 
	padding:3px;
	border:solid 1px #ccc;
	width:120px;
}

#libro_portada p { text-align:center; line-height:2;}

#libro #datos_libro {
	display:inline;
	float:left;
	width:540px;
	padding-bottom:10px;
}

#datos_libro table { margin-left:15px;}
#datos_libro table th {
	color:#000;
	text-align:left;
	padding:2px 10px 2px 0;
}

#datos_libro p#checks { padding-top:8px; border-top: dashed 1px #ccc;}
#datos_libro p#checks label { margin-right:10px;}

/* Modulos página libro*/

.modulos { padding-bottom:10px; clear:both;}
*+html .modulos { min-height:10px;} /* Para IE *//
.modulos img { vertical-align:middle;}

.modulos h3 {
	font-size:16px;
	background:#FFA801;
	color:#000;
	margin:0;
	height:28px;
	line-height:25px;
	padding:2px 30px 2px 8px;
	background:#fff url(../imagenes/bgClasificador.gif) no-repeat top left;
	position:relative;
	}
.modulos h3 img { margin-right:5px;}
.modulos h3 span {
	display:block;
	height:17px;
	width:30px;
	line-height:29px;
	position:absolute;
	top:0;
	right:0;
	background:url(../imagenes/bgClasificador.gif) top right;
	text-align:center;
	padding-top:12px;
	}
.modulos h3 span a {
	display:block;
	background:url(../imagenes/icoDown.gif) no-repeat;
	width:9px;
	height:5px;
}
.modulos .frame { width:160px;}

div.border{ 
	background:url(../imagenes/bgFrame.gif) no-repeat bottom;
	padding:5px;
	min-height:95px;
}

input.btAdd {
	width:20px;
	height:20px;
	background:url(../imagenes/icoAdd.gif) no-repeat;
	border:none;
	margin-left:5px;
	cursor:pointer;
	}
a.btAdd {
	background:url(../imagenes/icoAdd.gif) no-repeat right;
	float:left;
	display:block;
	padding-right:25px;
	line-height:20px;
}

#libro_grupos { margin-right:10px; }
#contenido #listasres p { margin:5px;}
#nuevaetiqueta, #nuevalista { width:110px;}

#gruposres, #listasres {
	height: 110px;
	overflow: auto;
}


/* Valoracion */
#libro_valorar table { height:23px;}
#libro_valorar table th { color:#000;}
#libro_valorar table td.nota { 
	color:#000;
	font:18px "Trebuchet MS";
	padding: 0 10px;
}

#sliders {
	display:block;
	width:351px;
	margin-top:15px;
	margin-right:10px;
	/*background:url(../imagenes/bgClasificador.gif) no-repeat top;*/
}
#sliders form { 
	padding:5px 0;
	background:url(../imagenes/bgClasificadorSmall.gif) no-repeat bottom;
}
*+html #sliders form { padding-left:10px;}
#sliders table { margin:0px 10px 10px 20px;}
#sliders table th {
	color:#000;
	text-align:left;
	width:75px;
	text-transform:uppercase;
	padding-right:10px;
}
#sliders table th, #sliders table td { padding:3px 0 }

#sliders table input { text-align:center; margin-right:5px;}
#sliders .slider {
	height: 12px; 
	position: relative; 
	width: 150px;
}
#sliders .form_widget_amount_slider { 
	background:#F0EDE0;
	border-left:1px solid #9D9C99;
	border-top:1px solid #9D9C99;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	height:4px;
	width: 150px; position: absolute; bottom: 0px;
}
#sliders table td.nota {
	padding:0 8px;
	width:30px;
	height:23px;
	line-height:23px;
	font-size:13px;
	color:#000;
	font-weight:bold;
	background:url(../imagenes/sprites.png) no-repeat -93px 3px;
	text-align:center;
}
#sliders .info { 
	display:block;
	background:url(../imagenes/sprites.png) no-repeat -40px 0;
	width:16px;
	height:16px;
	text-indent:-10000px;
}

#sliderComplejo, #sliderDivertido, #sliderRiguroso, #sliderSorprende { width:36px;}
/* Valoracion amigos */
#libro_valoramigos { margin-right:10px; width:351px;}
#libro_valoramigos div#puntos { background:url(../imagenes/bgClasificadorSmall.gif) no-repeat bottom; padding:10px 15px;}
#libro_valoramigos ul {
	display:block;
	margin-left:0;
	min-height:100px; /* Esto es para IE */
	
}

#libro_valoramigos ul.puntos li {
	display:block;
	float:left;
	width:125px;
	margin-right:10px;
}
*+html #libro_valoramigos ul.puntos li { margin:2px 0;}
#libro_valoramigos ul.puntos li a { width:70px;}



/* Comprar libro */
#libro_comprar {
	position:absolute;
	top:10px;
	right:15px;
	z-index:100;
}
#libro_comprar a {
	font-size:14px;
	display:block;
	line-height:24px;
	background:url(../imagenes/icoCart.gif) no-repeat right;
	padding-right: 32px;
}

/* Enlaces compra */
#enlacescompra {
	background-color: #fff;
	border: solid 1px #95c1e7;
	padding-left: 15px;
	background:#fff url(../imagenes/bgTips.png) repeat-x bottom;
}
#enlacescompra li { list-style:url(../imagenes/ico.gif); margin-left:10px;}
#enlacescompra a {
	background:none;
	padding-right: 0px;
	font-size:12px;
	
}


/* Listas */
#libro_listas form {
	padding: 10px 0;
	margin-top:10px;
	border-top: dashed 1px #ccc 
}

ul.arrows li {
		list-style:url(../imagenes/ico.png);
		margin-left:30px;
	}

ul.arrowsSmall li {
	list-style:url(../imagenes/icoArrowsSmall.gif);
	margin:5px 0 5px 20px;
}

#libros ul { 
	margin-left:15px;
	padding-bottom:5px;
	border-bottom:dashed 1px #ccc;
}
#libros form {
	float:left;
	margin-top: 5px;
	}

#libros .compartelo { float:right; margin-top:8px;}
#libros .back {
	clear:both;
	padding-top:15px;
	}

/* Etiquetas */
#libro_etiquetas, #insertedtags { margin-top:38px; }
#libro_etiquetas h3 { margin-bottom:0;}
#libro_etiquetas #nube { white-space:normal}
#nuevotag_a {
	display:block;
	height:33px;
	line-height:33px;
	background:url(../imagenes/icoAddTag.gif) no-repeat left;
	padding-left:50px;
}
#libro_nuevotag { padding:10px 0; margin-top:10px; border-top: dashed 1px #ccc }
#libro_nuevotag #cptSuggester, #libro_nuevotag .btSmall { float:left;}

/* Comentarios */
#libro_comentarios ul, #debate_comentarios ul { margin-left:15px; width:560px;}
#libro_comentarios li { margin-bottom: 10px;}
#libro_comentarios .cuerpo_comentario {
	width:490px;
	min-height:45px;
	border:solid 1px #EEEDED;
	background:#F5F5F5 url(../imagenes/icoComment.gif) no-repeat 5px 5px;
	padding:5px 5px 5px 60px;
}
#libro_comentarios .cuerpo_comentario.karma {
	background:#FFEFD0 url(../imagenes/icoCommentMoreKarma.gif) no-repeat 5px 5px;
	border:solid 1px #FFCB68 ;
	}
#libro_comentarios #mejor_valorado .cuerpo_comentario { background:#F5F5F5 url(../imagenes/icoBestComment.png) no-repeat 5px 5px;}
* html #libro_comentarios .cuerpo_comentario { height:55px; }
#libro_comentarios .cuerpo_comentario span { color:#000; padding-right:5px;}
#libro_comentarios .bajo_comentario { float:left;}
#libro_comentarios .derecha_comentario { float:right;}

#libro_comentarios h4, #nuevocomentario h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color:#000;
	background:none;
	padding-left:none;
	font-weight:bold;
	margin-bottom:5px;
}

#libro_comentarios h4 { margin-left:15px;}
#nuevocomentario #ComentaLibro, #crealistas, #creagrupos { margin-left:15px;}
#nuevocomentario .btSendComment { display:block; }

#debate_nuevo_comentario #ComentaDebate { margin-left:15px;}
#crealistas, #creagrupos { 
	height:18px;
	line-height:18px;
	display:block;
	float:left;
	padding-right:20px;
	margin-bottom:50px;
}
#crealistas { background:url(../imagenes/icoNew.png) no-repeat right center; }
#creagrupos { background:url(../imagenes/icoAddGroup.png) no-repeat right center;}


/* Noticias
/* --------------------------------------------------------------------------------*/
.news {padding-bottom:30px;}
.news li {
	padding-left:87px;
	margin:20px 0;
	position:relative;
	clear:both
}
* html .news li { height:10px; } /* PARA IE6 */

.news h3 {
	background:none;
	font:14px "Trebuchet MS";
	padding:0;
	margin:0;
	font-weight:bold;
}
#contenido .news li p { margin:0;}
.news li .votos {
	display:block;
	width:67px;
	height:50px;
	background:url(../imagenes/sprites.png) no-repeat -69px -127px;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	padding-top:15px;
}
.news li .votos.published { 
	background:url(../imagenes/sprites.png) no-repeat -137px -127px;
	color:#fff; 
}
.news li .votos span {
	display:block;
	color:#000;
	font:30px Georgia, "Times New Roman", Times, serif;
	line-height:23px;
}
.news li .votos.published span { color:#fff;}

.news li .votalo {
	display:block;
	width:67px;
	height:28px;
	background:url(../imagenes/sprites.png) no-repeat 0 -127px;
	position:absolute;
	top:67px;
	left:0;
	text-align:center;
	line-height:28px;
}
.news li .votalo a {
	background:url(../imagenes/icoCheck.png) no-repeat left;
	padding-left:15px;
}
#contenido .news li .fechapost {
	font-size:11px;
	margin:5px 0;
}
#contenido .news .contenidopost { 
	margin:15px 0 5px 0; 
	border-bottom: dashed 1px #ccc;
}
#contenido .news .contenidopost p { margin:10px 0;}

#contenido .news .piepost {
	float:left;
}
#contenido .compartelo img { vertical-align:middle; }
#contenido .compartelo { float:right;}
#nuevocomentario { padding-top:15px;}
#libro_nuevo_comentario form { margin:10px 15px 30px 15px;}

/* Publicar noticias 
/*----------------------------------------------------------------------------------*/

#publicar ul { 
	margin-left:40px;
	border: solid 1px #f79922;
	padding:5px 10px;
}
#publicar ul li { margin: 2px 0; }

#publicar form { margin:20px 15px 20px 40px; }
#publicar #Post1_url { width:500px;}

/* Perfil
/* --------------------------------------------------------------------------------*/

/* Perfil */

#perfil, #grupo { position:relative;}


#fotousuario, #fotogrupo {
	display:block;
	border:solid 1px #ccc;
	width:100px;
	padding:3px;
	position:absolute;
	left:15px;
	top:0px;
	text-align:center;
	z-index:10;
}
#fotousuario a, #fotogrupo { font-size:10px;}

#UploadFoto { margin-top: 10px;}

#datosperfil, #datosgrupo { margin-left:15px; padding-left:130px;}
#contenido #datosperfil p, #contenido #datosgrupo p { margin-left: 15px;}
#datosperfil h, #datosgrupo h3 { 
	margin-left: 15px;
	font: 13px Arial, Helvetica, sans-serif;
	color:#000;
	background:none;
	font-weight:bold;
	padding:0 0 5px 0;
	border-bottom: solid 1px #ccc;
}
#datosgrupo #divopcion input, #datosgrupo #divopcion form{
	display:block;
	float:left;
	}

#addamigo, #cambiofoto {
	display:block;
	position:absolute;
	z-index:20;
	width:460px;
	background:#fff url(../imagenes/bgTip.png) repeat-x bottom;
	border:solid 1px #ccc;
	top:20px;
	left:30px;
	padding-bottom:10px;
}
#cambiofoto { left:20px; width: 330px;}

#addamigo h3, #cambiofoto h2 {
	margin:0;
	padding:0;
	background:url(../imagenes/bgSubMenuOver.png) repeat-x bottom;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#fff;
	line-height:24px;
	padding-left: 3px;
}
#formadd { margin: 10px 0 0 15px;}


/* Modificar Perfil */

#perfil form#ModificaPerfil { margin-left:15px; padding-left:130px;}

/* Amigos */
#amigos { width:300px;}
#amigos, #solicitudes, #buscamigos form, #grupos ul, #buscagrupos form, #miembros ul, #perfiles ul, #webamigas ul { margin: 0 0 20px 15px;}
#amigos ul li, #grupos ul li, #miembros ul li, #perfiles ul li, #solicitudes ul li { margin:5px 0;}
#webamigas ul li { margin:8px 0;}
#amigos ul li img, #grupos ul li img, #miembros ul li img, #perfiles ul li img, #solicitudes ul li img,  #webamigas ul li img { 
	padding:3px;
	border: solid 1px #ccc;
	vertical-align:middle;
	margin-right:8px;
}
#webamigas ul li img { width:250px;}
#perfiles ul li img { margin-bottom:8px; }

/*
#perfiles ul li {
		float:left;
		margin-right:10px;}

#perfiles .perfilnick {
	display:block;
	width:60px;
	text-align:center;
	}*/
	
.percent {
	display:block;
	font-weight:bold;
	font: 16px Georgia, "Times New Roman", Times, serif;
	color:#000;
	width:60px;
	text-align:center;
	}

#buscamigos, #buscagrupos { 
	position:absolute;
	top:45px;
	right:20px;
	width:360px;
	border-left: dashed 1px #ccc;
	border-bottom: dashed 1px #ccc;
	border-right: dashed 1px #ccc;
	padding-left:20px;
	background:#fff url(../imagenes/bgTip.png) bottom repeat-x;
}

/* Solicitudes */

#solicitudes ul li { 
	clear:both;
	}

#solicitudes .textosolicitud {
	margin:5px 0;
	font-style:italic;
	}

#solicitudes .delUser a {
	display:block;
	background:url(../imagenes/icoUserDel.png) no-repeat right;
	padding-right:20px;
	line-height:16px;
	float:left;
	margin-bottom	:15px;
	margin-right:15px;
	}
#solicitudes .addUser a {
	display:block;
	background:url(../imagenes/icoUserAdd.png) no-repeat right;
	padding-right:20px;
	line-height:16px;
	float:left;
	margin-bottom	:15px;
	margin-right:15px;
	}

/* Grupos */
#grupos { width: 300px; }
#grupo form { margin-left:15px;}
#gruposres ul {
	padding-bottom: 10px;
	border-bottom:dashed 1px #ccc;
}
#contenido #divopcion { margin-left:0;}

#grupo form#EditarGrupo { padding-left:130px;}

/* Listas */

#listas ul { margin: 0 0 20px 30px;}
#lista { margin-left:15px; }

/* Debates */
#debate {
	padding-bottom:15px;
	}
#debate form { margin-left:15px;}
#debates .addComment a { 
	display:block;
	background:url(../imagenes/icoAddComment.gif) no-repeat right center;
	line-height:30px;
	padding-right:37px;
	float:left;
	margin-bottom:20px;
}

#debate .fechapost {
	font-size:11px;
	margin:5px 0 5px 15px;
}
#debate .contenidopost { 
	margin:15px 0 0 15px; 
	border-bottom: dashed 1px #ccc;
}
#debate .contenidopost p { margin:10px 0;}

#debate .piepost {
	float:left;
	margin-left:15px;
	margin-top:5px;
}
#debate .compartelo { margin-top:5px;}

/* REVISAR ESTO */

#debate_comentarios { clear:both;}
#debate_nuevo_comentario{ margin-left:15px;}

/* Mensajes 
/*----------------------------------------------------------------------------------*/

#sendmail form, #mensaje { margin-left: 15px;}

#mensaje table th, #mensaje table td { border-bottom: dashed 1px #ccc; padding:3px 5px;}
#mensaje .noBorder { 
	border:none;
}
.btReply, .btDelete {
	display:block;
	float:right;
	width:29px;
	height:29px;
	text-indent:-9000px;
	margin:5px;
}
.btReply { background:url(../imagenes/sprites.png) no-repeat 0 -155px;}
.btDelete { background:url(../imagenes/sprites.png) no-repeat -29px -155px; }

#formImporter { margin-left:15px;}
#amigos form table { margin-left:15px;}
#amigos #seleccionar {
	display:block;
	padding:5px 0;
	float:left;
	background:url(../imagenes/icoCheck.png) no-repeat right;
	padding-right: 17px;
	}
/* Recomendaciones 
/*----------------------------------------------------------------------------------*/

#biblioeteca {
	float:left;
	width:440px;
}
#biblioeteca ul.puntos li { list-style:none; list-style-image:none; margin:5px 0;}
#biblioeteca { margin-left:15px; }
#biblioeteca ul.puntos li a {
	display:inline;
	float:none;
	line-height:23px;
	margin-bottom:5px;
}

#nubepersonal {
	display:block;
	width:210px;
	float:right;
	background:url(../imagenes/bgTags.png) no-repeat top;
	margin-left:15px;
}
#nubepersonal h3 { margin:10px 15px;}
#contenido #nubetagspersonal {
	background:url(../imagenes/bgTags.png) no-repeat bottom;
	margin:0;
	padding:0 15px 20px 30px ;
}

/* Concurso 
/*----------------------------------------------------------------------------------*/

#contenido ul.books li {
	display:block;
	width:200px;
	text-align:center;
	float:left;
	margin:10px;
}
#contenido ul.books li img {
	display:block;
	padding:3px;
	border: solid 1px #ccc;
	margin-left:37px;
	margin-bottom:8px;
}

#contenido ul.books li a { display:block;}

/*---------------------------------------------------------------------------------*/
/* 4. STYLES 
/*---------------------------------------------------------------------------------*/

/* Headings 
/*---------------------------------------------------------------------------------*/

#contenido h1 {
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin:20px 0;
	color:#000;
	}
h2, h3 {
	color:#FFA801;
	margin:20px 0;
	background:url(../imagenes/icoArrows.gif) no-repeat left;
	padding-left: 15px;
}
h2 { display:block; font: 20px Georgia, "Times New Roman", Times, serif; max-width:540px; }
h3 { font: 18px Georgia, "Times New Roman", Times, serif; }
#datos h4 { color:#000;
	margin-left:15px;}

#contenido p { 
	margin:15px 0 15px 15px;
	
}

/* Forms 
/*---------------------------------------------------------------------------------*/

input.btShort, input.btSmall, input.btSendComment {
	text-align:center;
	border:none;
	margin-left:10px;
	font:14px "Trebuchet MS";
	color:#fff;
	font-weight:bold;
}
input.btShort{
	background:url(../imagenes/sprites.png) no-repeat -140px 0;
	width:59px;
	height:28px;
}

input.btSmall{
	background:url(../imagenes/sprites.png) no-repeat 0 -40px;
	width:82px;
	height:28px;
}
input.btSendComment {
	background:url(../imagenes/sprites.png) -100px -40px;
	width:146px;
	height:30px;
	margin:3px 0 0 0 ;
}

a.upvote {
	display:block;
	float: left;
	width:13px;
	height:11px;
	background:url(../imagenes/sprites.png) no-repeat 0 0;
	margin-right:2px;
	margin-top:2px;
}
a.upvote:hover { background:url(../imagenes/sprites.png) no-repeat 0 -11px;}

a.downvote {
	display:block;
	float: left;
	width:13px;
	height:11px;
	background:url(../imagenes/sprites.png) no-repeat -20px 0;
	margin-right:6px;
	margin-top:2px;
}

a.downvote:hover { background:url(../imagenes/sprites.png) no-repeat -20px -11px;}

textarea { font:12px Arial, Helvetica, sans-serif; width: 490px;}

#formRegistro { margin-left:15px;}

form .edit {
	border:none;
	background:#fff;
	color:#005aff;
	font:12px Arial, Helvetica, sans-serif;
	background:url(../imagenes/icoEdit.png) no-repeat right;
	padding-right:16px;
	
	}
/* Frames 
/*---------------------------------------------------------------------------------*/

#contenido .parrafodestacado {
	background:url(../imagenes/bgOrangeFrame.png) repeat-x top;
	border: solid 1px #f79922;
	margin:30px 15px;
	padding-bottom:15px;
	padding-left:10px;
}
#contenido .parrafodestacado strong {
	display:block;
	color:#fff;
	font-size:13px;
	height:22px;
	line-height:22px;
	margin-bottom:15px;
	
}

/* Lateral 
/*---------------------------------------------------------------------------------*/

#extra p, #extra ul, #extra iframe { margin-left: 15px;}

#publicidad { text-align:center; }
#publicidad h2 { text-align:left; }
#publicidad a { margin-left:15px;}

/* Lists 
/*---------------------------------------------------------------------------------*/

ul.puntos { margin-left:15px; }
ul.puntos li { min-height:10px;}
* html ul.puntos li { height:10px;}
ul.puntos li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
ul.puntos li span {
	display:block;
	float:left;
	width:35px;
	height:23px;
	line-height:23px;
	/*padding:5px 10px;*/
	font-size:13px;
	color:#000;
	font-weight:bold;
	background:url(../imagenes/sprites.png) no-repeat -100px 0;
	margin-right:10px;
	text-align:center;
	margin-bottom:5px;
}

ul.puntos li a {
	display:block;
	float:left;
	line-height:23px;
	width:220px;
	margin-bottom:5px;
}

ol { margin:0 0 15px 35px ;}
ol li { list-style:decimal; margin:5px 0;}

fieldset ol li { list-style:none; margin:5px 0;}
fieldset ol { margin:0;}

/* Tips
/* ------------------------------------------------------------------------------------*/

div.ventanayuda {
	display: block;
	position: absolute;
	width: 300px;
	background: #fff url(../imagenes/bgTip.png) repeat-x bottom;
	margin-top: -25px;
	margin-left: 25px;
	font-size: 10px;
	border: 1px solid #2b9cea;
	border-top:none;
}
.ventanayuda h2 {
	display: block;
	background: url(../imagenes/bgHeaderTip.png) repeat-x top;
	color: #fff;
	margin:0;
	font:13px Arial, Helvetica, sans-serif;
	height:25px;
	line-height: 25px;
	font-weight:bold;
}

.ventanayuda p {
	padding: 3px 15px 3px 3px
}

/* Tables
/* ---------------------------------------------------------------------------------*/

.wwFormTable td { padding: 2px 0;}
.wwFormTable th, .wwFormTable td.tdLabel {
	padding:4px 10px 2px 0;
	text-align:left;
	color:#000;
	vertical-align:top;
	font-weight:bold;
}
.wwFormTable input[type=text], .wwFormTable select, .wwFormTable textarea {
	border: 1px solid #ccc;
	color:#787887;
	}
.mail { margin-left:15px;}
.mail th, .mail td { padding: 2px 5px; vertical-align:middle;}
.mail th {
	text-align:left;
	color:#000;
	background:url(../imagenes/bgTab.png) center repeat-x;
	border-bottom: solid 1px #ccc;
}
.mail th#for { min-width:100px;}
.mail th#subject { width: 500px;}
.mail td { border-bottom: dashed 1px #ccc; }


/* Paginación
/* ------------------------------------------------------------------------------------*/

.paginacion { padding:10px 15px; border-top:dashed 1px #ccc; clear:both; }
.paginacion .totales { float:left; line-height:20px;}
.paginacion .pages { float:right;}
.paginacion .pages a {
	display:block;
	height:20px;
	padding:2px 5px;
	line-height:20px;
	text-align:center;
	border:solid 1px #ccc;
	float:left;
	margin:0 2px;
}
.paginacion a.pgactiva, .paginacion .pages a:hover {
	background:url(../imagenes/bgTip.png) repeat-x bottom;
	color:#000;
	font-weight:bold;
}
.paginacion .pages a:hover { font-weight:normal;}


/* Misc.
/* ------------------------------------------------------------------------------------*/
.floatRight { float:right;}
.floatLeft { float:left; }
.back a {
	display:block;
	background:url(../imagenes/icoBack.png) no-repeat;
	height:16px;
	line-height:16px;
	padding-left:22px;
}

.bookmark a {
	display:block;
	background:url(../imagenes/icoBookmark.png) no-repeat;
	height:16px;
	line-height:16px;
	padding-left:22px;
}

strong { color: #000;}

.errorform {
	font-weight:bold;
	color:#C00;
}

.delete img { vertical-align:middle; }

.pie {
	text-align:right;
	border-top:dashed 1px #ccc;
	padding-top:10px;
	}
	
#aviso {
	font-weight:bold;
	color:#C00;
	margin:10px 0;
	padding:5px;
	border:dashed 1px #C00;
	background-color:#FFE9B9;
	position:relative;
	}
#aviso p { margin:5px;}
#aviso a.close {
	display:block;
	padding:2px 3px;
	position:absolute;
	top:0;
	right:0;
	color:#fff;
	background:#C00;
	}
#contenido.home #tip { margin-left:15px; margin-right:15px;}
#tip {
	color:#000;
	font-weight:bold;
	font: 16px Georgia, "Times New Roman", Times, serif;
	margin:10px 0;
	padding:5px 5px 5px 55px;
	border:solid 1px #95c1e7;
	background:#FFF url(../imagenes/bgTips.png) repeat-x bottom;
	position:relative;
	min-height:54px;
	}
#tip span#icoTips {
	position:absolute;
	bottom:0;
	left:8px;
	height:61px;
	width:40px;
	display:block;
	background:url(../imagenes/icoTips.png) no-repeat;
	}
#tip p { margin:5px; line-height:1.3;}
#tip a.close {
	display:block;
	width:16px; 
	height:16px;
	line-height:16px;
	text-align:center;
	position:absolute;
	top:2px;
	right:2px;
	color:#fff;
	background:url(../imagenes/icoClose.png) no-repeat;
	font: 12px Verdana, Geneva, sans-serif;
	font-weight:bold;
	}
.seeMore, .groupGo {
	display:block;
	background:url(../imagenes/icoZoomMore.gif) no-repeat right;
	padding-right:20px;
	float:left;
	font-weight:bold;
	}
.seeMore { background:url(../imagenes/icoZoomMore.gif) no-repeat right; }
.groupGo { background:url(../imagenes/icoGroupGo.gif) no-repeat right; }

.off { display:none; }
.on { display:block; }

#contenido p.close {
	padding-top:8px; 
	border-top: dashed 1px #ccc;
	text-align:right;
	margin-left:0;
}

#datos .gift a:hover {
	opacity: 0.5;
	}
	
#datos a.gift {
	opacity: 1;
	background-image:none;
 	 padding-left:15px;
	}
	
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#contenido #libros ul.puntos li {
	position:relative;
	padding-left: 60px;
	min-height:80px;
	}
.smallibro {
	padding:3px;
	border:solid 1px #ccc;
	position:absolute;
	top:0;
	left:0;
	width:52px;
	height:78px;
	}
	
.loadingScreenWindow .ui-dialog-titlebar-close {
	display: none;
}

/*** ESTILOS RSS ***/

ul.rsslist li {
	background:url(../imagenes/rss_icon.gif) no-repeat left;
	padding-left: 34px;	
}