/* CSS Document */

html {
	margin:0;
	padding:0;
	height:auto;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #111;
	background-color:#fff;
	text-align: center;
	margin:0;
	padding:15px 0 0 0;
	height:auto;
	}



 * {text-align: left; color:#4D4C4A; background-color: inherit;}

a, a:link, a:active, a:visited {color: #111;text-decoration:none;background-color: inherit;}
a:hover {text-decoration:underline;}
a.sensa:hover {text-decoration:none;}

ul, ul li  {
	list-style-type: none;
	margin:0;
	padding:0;
}

img {border:0;} 
.clr {clear:both;}
.clrright {clear:right;}
.clrleft {clear:left;}
.left { float:left;}
.right { float:right;}


form { margin: 0; padding: 0;}

#modelo1, #modelo2, #modelo3, #modelo4, #modelo5, #modelo6 
{ display:block; padding:10px; width:940px; margin:auto;}
#modelo1 {background-color:#D2D2D2;}
#modelo2 {background-color:#BBBBBB;}
#modelo3 {background-color:#8F8F8F;}
#modelo4 {background-color:#696969;}
#modelo5 {background-color:#1C517B;}
#modelo6 {background-color:#EEE3D1;}

#cuerpo { float:left;width:696px;margin-right:10px;}
#cabecera { display:block;}
#modelo1 #cabecera { background-color:#788861; display:block;}

#informacion { background-color:#FFFFFF; margin-top:4px;}
#informacion_cuerpo {padding:2px 3px 2px 3px; text-align:left; height:314px; margin:0;}

#texto {float: left; width:480px; display:block; padding:10px; height:295px;}
#texto p { margin:0 0 10px 0;}
/*
#texto ul li {float: left; border-bottom: dotted 1px #000; display:block; padding: 5px 0 0 0; height:92px;}
#texto ul li.medio {height:106px;}
#texto ul li.sinlinea {border-bottom:0;height:99px;}
*/
#texto ul li {float: left; border-bottom: dotted 1px #000; display:block; padding: 5px 0 0 0;}
#texto ul li img { float:left; margin-right:20px;} 
#texto ul li.sinlinea {border-bottom:0;}
#texto ul li a{ margin-right:10px;}

.mas, a.mas, a.mas:visited { float:right; background:url(../img/mas.gif) no-repeat 0 6px; padding:3px 0 3px 15px; color:#4D4C4A; text-decoration:underline;}
.masautor, a.masautor, a.masautor:visited { background:url(../img/mas.gif) no-repeat 0 6px; padding:3px 0 3px 15px; color:#4D4C4A; text-decoration:underline; display: block;}
a.mas:hover, a.masautor:hover { text-decoration:none;}




/* Menu */
#menu { height:30px; background-color:#e8e8e8; color:#000; margin:0; display:block; padding:0 0 0 0;}

#menu a, #menu a:link, #menu a:visited { padding:7px 0 2px 0; border-bottom: solid 4px #cacaca; height:16px; display:block;color:#253b14; margin:0;font-size: 1.1em;}
#menu a strong {color:#253b14;}

#menu a:hover,
#p1 #a1, #p2 #a2, #p3 #a3, #p4 #a4, #p5 #a5, #p6 #a2
 { text-decoration:none; border-bottom: solid 4px #C54920;}
 
#menu ul li { float:left; padding:0 30px 0 30px;}
#menu #a1 { margin-left:30px;}
#menu.coleccion #a1 { margin-left:90px;}

#flash { display:none;}
.conflash #menu {margin:0 20px 0 20px;padding:0 0 0 8px;}
.conflash #menu #a1 { margin-left:0;}
.conflash #menu .btop { display:none;}
.conflash #menu a, .conflash #menu a:link, .conflash #menu a:visited { padding:8px 0 2px 0; }
.conflash #sinflash { display:none;}
#cuerpo .conflash #flash { display: block;}


#modelo1 .btop, #modelo1 .btop span, #modelo1 .bbop, #modelo1 .bbop span
{background-image:url(../img/rec_gris1.gif);}
#modelo2 .btop, #modelo2 .btop span, #modelo2 .bbop, #modelo2 .bbop span
{background-image:url(../img/rec_gris2.gif);}
#modelo3 .btop, #modelo3 .btop span, #modelo3 .bbop, #modelo3 .bbop span
{background-image:url(../img/rec_gris3.gif);}
#modelo4 .btop, #modelo4 .btop span, #modelo4 .bbop, #modelo4 .bbop span
{background-image:url(../img/rec_gris4.gif);}
#modelo5 .btop, #modelo5 .btop span, #modelo5 .bbop, #modelo5 .bbop span
{background-image:url(../img/rec_azul.gif);}
#modelo6 .btop, #modelo6 .btop span, #modelo6 .bbop, #modelo6 .bbop span
{background-image:url(../img/rec_crema.gif);}

.btop, .btop span, .bbop, .bbop span {
    display: block;height: 1px;font-size: 1px; 
	background-color:inherit;
    background-repeat: no-repeat;
	background-position: left top;
	}
.btop span{background-position: right top;margin-left:1px;}
.bbop {background-position: left bottom;}
.bbop span {background-position: right bottom;margin-left:1px;}


/* *****************************  criticas  ************************************ */
#informacion_critica {padding:2px 3px 2px 3px; text-align:left; margin:0; background-color:#FFFFFF}
#informacion_critica_cuerpo { padding: 0 10px 10px 10px; background-color:#FFFFFF}
h1 { display:block; padding:5px; color:#FFFFFF; background-color:#DCDCDC; font:bold 13px Verdana, Arial, Helvetica, sans-serif; margin:0;}
h2, h3 { color:#C54920; font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:block; padding:5px 0 5px 0; border-top:dotted 1px #111;  border-bottom:dotted 1px #111; margin:15px 0;}
h2 em {color:#C54920;}
h3 { border-bottom:0;margin:15px 0 0 0;}
.cliticadestacada { background-color: #EBEDE7; padding:20px; display:block;}
.cliticadestacada p { margin-top:0;}
.critica, .cliticadestacada { margin-top:5px;}
.critica .imagen, .cliticadestacada .imagen { float:left; height:100%;}
.conimagen p { float:right; width:360px;}
.lineacritica { display:block; width:220px; margin:auto; border-bottom:dotted 1px #111; padding:5px 0;}
.video { text-align:center;}

/* ******************************* concurso *************************** */
#informacion_concurso {padding:2px 3px 2px 3px; text-align:left; background-color:#FFFFFF; height:430px;}
#informacion_concurso h2 { color:#000;border-top:dotted 1px #808080;  border-bottom:dotted 1px #808080;margin:1px 12px 1px 12px; padding:5px 0 5px 35px;
background: url(../img/concurso/flecha.gif) no-repeat; background-color:#ebede7;}

#textoconcurso {float: left; width:456px; display:block; height:295px; }
#textoconcurso ul li {float: left; display:block; padding:15px 0 20px 80px;width:400px; margin:1px 12px 1px 0;height:40px;}
#textoconcurso ul li.grislineas {border-top:dotted 1px #808080;  border-bottom:dotted 1px #808080;margin:1px 0 1px 0; background-color:#ebede7;height:130px;}
#textoconcurso ul li.grislineas span { margin:0 0 10px 0; display:block;}
#textoconcurso ul li form label { display:block; float:none; padding:1px 0 1px 0;width:320px;}
.portadaconcursos { float:left; padding-left:12px; }
.espacioconcursossinimg { float:left; padding-left:12px; width:30px; }
#textoconcurso ul li form label.botoncontinuar { display:block; padding: 10px 0 0 0; text-align:right;}
.campotexto { width:320px; border:1px solid #808080; background-color:#FFFFFF; height:75px;}
.continuarboton { display:block; padding: 15px 0 0 0; text-align:right; width:320px;}
.continuarparticipar {display:block; padding: 15px 0 0 0; text-align:center; width:320px;}
.koresp { padding-top:60px;}
.okresp { padding-top:40px;}

/* *****************************  elautor, ellibro  ************************************ */
.elautor { padding-bottom:5px;}
#p2 .elautor {border-bottom:dotted 1px #111;}
.elautor h2 { border:0; color:#253A14; padding:0;}
.elautor .right { padding:0 20px 0 20px;}
.obra { background-color: #EBEDE7; padding:10px; height:228px; margin:15px 0 15px 0; display:block;}
.libro { float:left;}
.infoobra { float:left; width:250px; display:block; border-right:dotted 1px #111; margin-top:15px; padding:0 10px;}
#p2 .infoobra {border-right:0;padding:10px 0; width:240px;}
h4 { padding:0; margin:0;font:bold 12px Verdana, Arial, Helvetica, sans-serif; }
h4 span { font-weight:normal; }
.infoobra ul li { padding:2px 0 2px 0;}
.comprar { float:right; padding:5px 20px 0 0;}
.precio { padding:10px 0 0 0;}
.precio span { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#E06A00;}
.sinopsisobra {float:left; width:220px; display:block; margin-top:15px; padding:0 0 0 20px;}
a.descargarsimbol, a.descargarsimbol:link, a.descargarsimbol:visited {background:url(../img/descargar.gif) no-repeat 0 6px; padding:3px 0 3px 15px; color:#4D4C4A; text-decoration:underline;}
a.descargarsimbol:hover { text-decoration:none;}
.imageneslibro { float:left; width:430px; text-align:center;padding:10px 0;}
.imagenellibro { display:inline;padding:0 5px;}
.linksub, a.linksub, a.linksub:link, a.linksub:visited, a.linksub:hover  { text-decoration:underline;font-style: italic; color:#4d4c4a;}

/* *****************************  libros  ************************************ */
.libros { color:#253a14; font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:block; padding:5px 0 5px 0; border-top:dotted 1px #111;  border-bottom:dotted 1px #111; margin:15px 0;}
.libros div {font:normal 11px Verdana, Arial, Helvetica, sans-serif;color:#253a14;}
.paginacion { text-align:right;font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding-bottom:3px;color:#253a14;}
.libros div a, .libros div a:link, .libros div a:visited,
.paginacion a, .paginacion a:link, .paginacion a:visited { color:#253a14; font:normal 11px Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}
.libros div a:hover, .paginacion a:hover { text-decoration:none;}

/* *****************************  menuderecha  ************************************ */
#menuderecha { float:left; background-color:#FFFFFF; height:auto;}
#menuderecha ul { padding:8px 8px 2px 8px;}
#menuderecha ul li { padding-bottom:9px;}

/* *****************************  form  ************************************ */
#recomienda { background-color:#e8e8e8; width:218px; margin:0 8px 7px 8px; display:block;height:175px}
#tituloform { background:url(../img/menu/fondo_titulo_form.gif) no-repeat 0 0; height:25px; padding:8px 0 0 8px; color:#FFFFFF;}
form label { display:block;  padding:6px 8px 6px 8px; float:left;}
form label span {width:95px;float:left; font-weight:bold; font-size:0.9em;}
.otrocolor { color:#49c5ba;}
.recomienda_campo { width:105px; float:left; border:0; background-color:#FFFFFF; font: normal 10px Verdana, Arial, Helvetica, sans-serif;}
.botonenviar { display:block; width:200px; padding: 7px 8px 6px 8px}
.botonenviar a { float:right; }

/* **************************** coleccion *************** */
/*
#textocoleccion {float: left; width:490px; display:block; padding:10px 0 0 10px; height:295px;}
#textocoleccion p { margin:20px 0 10px 0;}
#textocoleccion ul li {float: left; display:block; padding: 5px 0 0 0; height:82px;}
#textocoleccion ul li.medio {height:106px;border-top:dotted 1px #808080;  border-bottom:dotted 1px #808080;margin:1px 0 1px 0; background-color:#ebede7; padding:20px 0 0 12px;}
#textocoleccion ul li a{ padding-right:10px;}
#textocoleccion ul li.medio img { float:left; padding-right:20px;}*/


/* *****************************  pie  ************************************ */
#pie { display:block; text-align:center;height:38px;}
#pie span { padding:10px 0 0 80px; color:#fff; height:38px; display:block; float:left;}
#pie a, #pie a:link, #pie a:visited {color:#FFFFFF; text-decoration:underline;}
#pie a:hover { text-decoration:none;}
#pie #logo1 { float:left; display:block; width:144px; height:36px;}
#pie #logo2 { float:right; display:block; width:139px; height:37px;}
#modelo1 #pie #logo1 { background:url(http://queeselque.com/ulysses_moore/adjuntos/898_573_429_logo_montena_pie_4.jpg) no-repeat 0 0;}
#modelo1 #pie #logo2 { background:url(../img/pie/logo_gris1.gif) no-repeat 0 0;}
#modelo2 #pie #logo1 { background:url(http://queeselque.com/ulysses_moore/adjuntos/898_573_429_logo_montena_pie_4.jpg) no-repeat 0 0;}
#modelo2 #pie #logo2 { background:url(../img/pie/logo_gris2.gif) no-repeat 0 0;}
#modelo3 #pie #logo1 { background:url(http://queeselque.com/ulysses_moore/adjuntos/898_573_429_logo_montena_pie_4.jpg) no-repeat 0 0;}
#modelo3 #pie #logo2 { background:url(../img/pie/logo_gris3.gif) no-repeat 0 0;}
#modelo4 #pie #logo1 { background:url(http://queeselque.com/ulysses_moore/adjuntos/898_573_429_logo_montena_pie_4.jpg) no-repeat 0 0;}
#modelo4 #pie #logo2 { background:url(../img/pie/logo_gris4.gif) no-repeat 0 0;}
#modelo5 #pie #logo1 { background:url(http://queeselque.com/ulysses_moore/adjuntos/898_573_429_logo_montena_pie_4.jpg) no-repeat 0 0;}
#modelo5 #pie #logo2 { background:url(../img/pie/logo_azul.gif) no-repeat 0 0;}
#modelo6 #pie #logo1 { background:url(http://queeselque.com/ulysses_moore/adjuntos/898_573_429_logo_montena_pie_4.jpg) no-repeat 0 0;}
#modelo6 #pie #logo2 { background:url(../img/pie/logo_crema.gif) no-repeat 0 0;}
#modelo6 #pie span, #modelo6 #pie a, #modelo6 #pie a:link, #modelo6 #pie a:visited
{color:#111;}