body{
	background-color: #e8e3cf;
	margin: 0;
	padding: 0;
	color: #2c2c2c;
	height: 100%;
	/*font-family: 'Roboto', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
}
#content{
	max-width: 820px;
	min-width: 410px;
	margin: auto;
	padding-bottom: 60px;
	text-align: left;
	padding-top: 5px;
}

!body{
	padding-top: 100px;
}
#avisocookies{
	max-width: 820px;
	min-width: 410px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	background-color: #ffffcc;
	border: 2px solid #ffcc66;
	padding: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.clear{
	clear: both;
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	color: #336699;
}
a:hover{
	text-decoration: underline;
	color: #336699;
}
h3{
	border-bottom: 1px solid #000;
	font-size: 1.1em;
	color: #000;
}
#logo{
	float: left;
}
#panel {
    background: #252830;
    height: 86px;
    border-bottom: 4px solid #213141;
	border-top: 2px solid #ff6d06;
} 
#contpanel{
	max-width: 870px;
	min-width: 410px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
#panel h1{
	color: #fff;
	margin:0;
	padding-left: 15px;
}
#footer{
	background: #B2522B;
    border-top: 4px solid #96361e;
    text-align: center;
    color: #fff;
    font-size: 1em;
}
.foo{
	float: left;
	width: 390px;
	margin-bottom: 20px;
	margin-right: 15px;
}
.foo h4{
	margin: 0;
	margin-right: 20px;
}
a.autor{
	color: #ea8c42;
}
#footer a, footer a:hover{
	color: #fff;
	text-decoration: none;
}
ul.list {margin: 0px; padding: 9px 0px 0px 10px; list-style: none;margin-top: 10px;}
ul.list li {float: left; }
 
ul.list li a{
	background-color: #B2522B;
	padding: 7px;
	margin: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
}

ul.list a:hover{
	text-decoration:none;
	background-color: #666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	font-weight: bold;
}
ul.list a.pactivo{
	text-decoration:none;
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #555;
}
ul.list li.buscar {float: right; margin-right: 7px; position: relative; top: -25px;}
ul.list li.buscar input {border: 0px; color: #fff; font-size: 1em; margin: 5px; width: 220px;-moz-border-radius: 3px;
	-webkit-border-radius: 4px;
	background-color: #777;
	font-weight: bold;
	padding: 7px;
}
#inputbuscador:hover{
	color: #000;
	background-color: #fff;
}
ul.list li.buscar select{
	background-color: #fff;
	margin-left: 0;
	height: 30px;
}
#fblogin{
	position: absolute;
	right: 5px;
	top: 13px;
	text-align: right;
}
#fblogin a{
	text-decoration: none;
}
.form lIM Fell DW Pica, .form input, .form select{
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
.form input, .form select{
	background-color: #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 23px;
	border: 1px solid #ccc;
}
.form textarea{
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ccc;
}
.form lIM Fell DW Pica {
	text-align: right;
	width: 170px;
	padding-right: 20px;
}
.form br {
	clear: left;
}

html, body, #wrap {height: 100%; margin: 0; text-align: center;}
#wrap{
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-y;
	background-position: 50%;
}
body > #wrap {height: auto; min-height: 100%;}

#footer {
	position: relative;
	margin-top: -54px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
h2{
	border-bottom: 1px solid ;
	font-size: 1.1em;
}
#col1{
	text-align: justify;
	max-width: 680px;
	min-width: 340px;
}
#col2{
	float: right;
	margin-left: 15px;
	text-align: right;
	position: relative;
}
#freview textarea{
	width: 73%;
	height: 300px;
	background-color: #ddd;
	color: #000;
}
#freview{
	padding: 0;
	margin-bottom: 40px;
}

#loading {
    display: none; /* hidden */   
    left: 50%;
    margin-left: -100px;
    top: 0;
    width:150px;
    font-weight: bold;
    position: absolute;
    background-color: #b65626;
    padding: 5px;
    -webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
.error{
	color: #FF0000;
}
#buscador .entrada{
	width: 300px;
}
#buscador{
	width: 100%;
	text-align: center;
	float: right;
}
.buscar input{
	padding-left: 3px;
}

.fl{
	float: left;
}
.cb{
	clear: both;
}
.llh{
	min-height: 100px;
	text-align: left;
}
.llh img{
	margin: 5px;
	margin-top: 0;
}
.titlista{
	font-size: 1em;
	font-weight: bold;
}
.puntualista{
	font-size: 2em;
	font-weight: bold;
	float: right;
}
.nota{
	border: 1px solid #ccc;
	margin: 10px 0 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #ddd;
	text-align: left;
	padding: 10px 10px 0 10px;
}
.getm{
	text-align: center;
	width: 100%;
}
.avatarperfil{
	float: right;
	text-align: right;
	width: 150px;
}

#menu{
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
#menu li{
	margin: 2px;
	padding: 2px;
}
#menu li a{
	display: block;
	background-color: #2b88c2;
	color: #fff;
	padding: 5px;
	width: 95px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#menu li a:hover{
	background-color: #df8007;
}
#menu li .activo{
	background-color: #df8007;
	width: 110px;
}
a img{
	border: 0;
}
.nota img{
	margin-right: 10px;
}
#contenedorlistas{
	
}
#contenedorlistas2{
	height: 650px;
	width: 450px;
	background-image: url(../img/listbg2.jpg);
	position: relative;
}
#cuerpolistas{
	position: absolute;
	top: 65px;
	padding: 0 25px 0 25px;
}
.itlibreria{
	margin: 0;
	height: 123px;
	float: left;
	width: 77px;
	text-align: center;
	position: relative;
}
.librarydel{
	display: none;
}
.comentario{
	padding: 10px;
	padding-top: 3px;
	background: #eee;

	margin: 15px 0 15px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.comentario img{
	margin-right: 10px;
}
.comentario textarea{
	width: 95%;
}
.comentariorese{
	margin-left: 28px;
	border-top: 1px dotted #ccc;
	padding-top: 5px;
 	margin-top: 5px;
}
.comentariorese img{
	float: left;
	margin: 0;
	padding: 0;
}
.comentariorese p{
		margin-left: 28px;
		margin-top: 3px;
}
.formcomenrese{
	margin-left: 56px;
}
.titulores{
	font-weight: bold;
}
.votante{
	width: 170px;
	float: left;
	text-align: left;
}
.btnborrar{
	visibility: hidden;
}
.autorficha{
	float: left;
	width: 60px;
}
.librobport{
	float: left;
	padding-right:20px;
}
.librobpunt{
	float: right;
	font-size: 2em;
	font-weight: bold;
}
.librob{
	width: 800px;
	padding: 20px;
}
.contvotos{
	min-height: 100px;
	float: left;
	margin: 15px;
	width: 380px;
}
#busquedareal, #busquedarautor, #busquedareditorial{
	margin-left: 190px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.correo{
	min-height: 45px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
}
.noleido{
	font-weight: bold;
}
.correoautor{
	float: left;
}
.contenedorm{
	margin-left: 50px;
	margin-bottom: 10px;
}
#tooltip {
    padding: 4px;
    background: #000;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
    text-align: left;
    font-size: 11px;
    color: #ccc;
    font-weight: bold;
}

span.tip {
    border-bottom: 1px solid #eee;
}
.librosportada{
	float: left;
	text-align: center;
	width: 81px;
	position: relative;
}
.tooltiplibrosportada{
	position: absolute;
	left: -50px;
	top: -80px;
	width: 150px;
	color: #fff;
	background-color: #000;
	border: 1px #ccc solid;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px;
	font-size: 0.8em;
	z-index: 2;
}
#paginador .sine, #paginador a{
	padding: 3px;
	color: #2b88c2;
	background-color: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: bold;
}
#paginador a:hover, #paginador .actual{
	padding: 3px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #ccc;
	background-color: #2b88c2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: bold;
}
.contcorreo{
	padding-left: 50px;
}
.amigoscont{
	width: 330px;
	display: inline-table;
	margin: 5px;
}
.infoamigo{
	margin-left: 50px;
	margin-top: 0;
	padding-top: 0;
}
#nmail{
	background-image: url(../img/nmail.png);
	padding: 5px 5px 5px 0;
	background-repeat: no-repeat;
	text-align: left;
}
#nmail a{
	color: #fff;
	text-decoration: none;
}
.lportadalista{
	display: inline;
	margin: 10px;
	width: 200px;
}
textarea{
	font:  87%/140% Arial, Helvetica;
}
.aviso{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f0c808;
	border: 2px solid #db8020;
	text-align: center;
	font-weight: bold;
	margin: 5px;
	padding: 3px;
}
.comenperfil{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #ddd;
	border: 2px solid #ccc;
	min-height: 90px;
	margin: 15px 0 15px 0;
	padding: 7px;
}
* html .comenperfil{
	background-color: #ddd;
	border: 2px solid #ccc;
	height: 90px;
	margin: 15px 0 15px 0;
	padding: 7px;
}
#puntuacionficha{
	position: absolute;
	top: 9px;
	right: 140px;
	width: 200px;
	text-align: right;
	padding: 7px;
	background-color: #fff;
}
#puntuacion{
	font-size: 3em;
}
#nvotos{
	font-size: 1em;
}
#cmenu{
	width: 100px;
	float: left;
}
#topf{
	text-align: center;
	margin-top: 16px;
	padding: 0px;
}
#contentWrap{
	width: 100%;
	margin: 0 auto;
}
#contentLeft li {
	list-style: none;
	margin: 0;
	padding: 3px;
}
#contentLeft{
	float: left;
	margin-top: 0;
}
#contentWrap h2{
	cursor: move;
}
a.borrarModulo {
    display:none;
    width:16px;
	height:15px;
	text-indent: -999999px;
	background:url(../css/delete.gif) top left no-repeat;
	float: right;
}
a.borrarModulo:hover {
	background-position:0 -16px;
}
#book h2{
	font-size: 1.1em;
}
.comentres{
	margin-left: 6px;
}
ul.list a.social{
	background-color: #bbb; 
}
#fblogin a{
	padding: 5px;
	margin: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
}
.sugeafin{
	float:left;
	min-height: 50px;
	width: 260px;
}
.sugeafin img{
	float: left;
	margin-right: 5px;
}
.libroshistorial{
	min-height: 110px;
	float: left;
	width: 380px;
	margin: 10px 10px 10px 0;
}
.selectline{
	display: inline;
}
#listasficha{
	display: none;
}
#listasficha ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}
#listasficha ul li{
	
}
#listasficha h4{
	margin: 0;
}
.container {
        margin: 16px 0 20px 0;
        background: #fff;
}


#navCircle {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #000;
}

#navCircle li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navCircle a:link, #navCircle a:visited {
        float: left;
        font-size: 1em;
        line-height: 14px;
        font-weight: bold;
        padding: 0 10px 9px 10px;
        text-decoration: none;
}

#navCircle a:link.active, #navCircle a:hover {
        padding-bottom: 6px;
        color: #000;
        /*background: url(../img/Circle.gif) no-repeat bottom center;*/
}
.foolibros{
	list-style: none;
	padding: 0;
	margin: 5px 15px 5px 5px;
	float: left;
}
.listabuscador{
	float: left;
	width: 400px;
	min-height: 160px;
}
.listabuscador img{
	margin: 8px;
	margin-top: 0;
}
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 1em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; text-align: left; max-width: 350px;}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
.middle{
	vertical-align: middle;
}
.resaltadobusqueda{
	color: #96361e;
}
.contenidocomerese{
	color: #555;	
}
.rnmlista a{
	color: #ccc;
	font-size: 0.9em;
}
#submenusuario{	
	position: absolute;
	z-index: 5;
	top: 42px;
	right: 70px;
	background-color: #252830; 
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0;
	padding: 0;
}
#submenusuario ul{
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
}

#submenusuario li a{
	display: block;
	color: #fff;
	padding: 5px;
	width: 95px;
	text-decoration: none;
	padding: 7px 25px 7px 15px;
}
#submenusuario li a:hover{
	background-color: #555;
}
#submenusuarioficha{	
	position: absolute;
	z-index: 5;
	display: none;
	background-color: #252830; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0;
	padding: 0;
}
#submenusuarioficha ul{
	list-style:none;
	margin:0;
	padding:10px 0 10px 0;
}

#submenusuarioficha li a{
	display: block;
	color: #fff;
	padding: 5px;
	width: 95px;
	text-decoration: none;
	padding: 7px 25px 7px 15px;
}
#submenusuarioficha li a:hover{
	background-color: #555;
}
.boton{
	background-color: #555;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	font-weight: normal;
	display: block;
	margin: 0;
	font-size: 0.9em;
	text-align: center;
	max-width: 160px;
}
.boton:hover{
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background-color:#252830;
}
.fechapref{
	color: #777;
}
.eventolist{
	min-height: 50px;
	padding: 15px;
	margin: 5px 0 5px 0;
}
.avtrsocial{
	float: left;
}
.a2cl{
	float: left;
	width: 100px;
	margin: 0;
}
.a2c{
	margin-left: 110px;
}
.avtrl{
	margin: 5px;
	display: inline;
	min-height: 100px;
}
.tour{
	float: left;
	width: 410px;
	min-height: 130px;
}
.slider{
	margin-left: 47px;
}
.reseSliderG{
	height: 210px;
	width: 830px;
}
.reseSliderS{
	width: 390px;
	float: left;
	min-height: 210px;
	margin:7px;
}
.sliderlistas{
	margin: 0;
	padding: 0;
	height: 5px;
}
.sliderul{
	margin-left: 47px;
	width: 730px;
}
.sliderVotos{
	width: 700px;
	max-height: 200px;
}
.reseSliderU{
	width: 390px;
	float: left;
	height: 49px;
	margin:7px;
}
.reseSliderGU{
	height: 250px;
	width: 830px;
}
#frevb{
	float: left;
}
#index h2{
	border-bottom: 1px solid #ccc;
	font-size: 1.1em;
}
#fblogin a, #fblogin a:hover{
	font-weight: bold;
}
h1{
	color: #000;
	border-bottom: 1px solid #000;
}
#content h1{
	font-size: 1.1em;
}
#sliderPrinc p, #sliderPrinc h4{
	margin: 0;
	margin-bottom: 3px;
}
label{
	margin-left: 7px;
}
#sliderPrinc .botones{
	text-align: center;
}
#nolog{
	background-color: #ffffcc;
	border: 2px solid #ffcc66;
	padding: 10px;
	padding-bottom: 3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 3px;
}
.siguienteslider, .siguientefalso{
	-moz-border-radius: 4px;
	-webkit-border-radius: 6px;
	background-color: #f0c808;
	border: 1px solid #db8020;
	margin: 5px;
	padding: 3px;
	color: #fff;
	color: white;
	cursor: pointer;
	font-weight: bold;
}
.siguientefalso:hover{
	color: #fff;
	text-decoration: none;
}
#panel h1{
	color: #fff;
	border: 0;
}
.medio{
		vertical-align: middle;
}
.pubcl{
	position: absolute;
	top: 0;
	right: 0;
}
.titulolistalibro{
	font-weight: bold;
	font-size: 1.1em;
}
.separadorlistas{
	display: inline-block;
    *display: inline;/* for IE7*/
    *zoom:1;/* for IE7*/
    min-width: 150px;
}
.portadalibropeque{
	max-width: 100px;
	max-height: 100px;
}
.portadalibro{
	max-width: 190px;
	max-height: 190px;
}
.avatar{
	max-width: 150px;
	max-height: 150px;
}
.avatar2{
	max-width: 40px;
	max-height: 40px;
}
.avatar3{
	max-width: 20px;
	max-height: 20px;
}