/* BASE LAYOUT */
.container, #footer { clear: both; width: 975px; margin: 0 auto; }
	#main { min-height: 425px; _height: 425px; padding: 2em 0; }
		#wrapper { float: left; width: 100%; _display: inline; }
			#content { margin: 0 225px; }
		#navigation { float: left; width: 210px; margin-left: -975px; _display: inline; }
		#extra { float: left; width: 210px; margin-left: -210px; _display: inline; }
		/* home */
		#home #wrapper { float: right; }
			#home #content { margin: 0 0 0 660px; }
		#home #navigation { width: 330px; margin-right: -330px; margin-left: 0; }
		#home #extra { float: right; width: 290px; margin-right: -640px; margin-left: 350px; }
		/* ranking */
			#ranking #content { margin: 0 320px 0 0; }
				#ranking #rankingEscritores {
				float: right;
				}
				#ranking #rankingArticulos {
				float: left;
				}
				#ranking #rankingEscritores,
				#ranking #rankingArticulos {
				width: 48%;
				}
		#ranking #extra { width: 300px; margin-left: -300px; }
		/* leer */
			#leer #content { margin-right: 180px; }
		#leer #extra { width: 160px; margin-left: -160px; }
		/* registracion y escribir */
		#main #part1 { float: left; width: 38.8%; }
		#main #part2 { float: right; width: 58.8%; }
		#registracion #main .botones, body#escribir #main .botones { clear: both; }
		/* buscar */
		#buscar #wrapper {}
			#buscar #content { margin: 0 180px 0 320px; }
		#buscar #navigation { width: 300px; }
		#buscar #extra { width: 160px; margin-left: -160px; }
		/* panel */
			#panel #content { margin-right: 180px; }
		#panel #extra { width: 160px; margin-left: -160px; }
		/* creditos */
			#canje_creditos #content, #compra_creditos_paypal #content { margin: 0 680px 0 0; }
		#canje_creditos #extra, #compra_creditos_paypal #extra { width: 650px; margin-left: -650px; }
			#compra_creditos_paypal #comprar {
			float: left;
			}
			#compra_creditos_paypal #canjear {
			float: right;
			}
			#compra_creditos_paypal #comprar,
			#compra_creditos_paypal #canjear {
			width: 48%;
			}
		/* contacto y olvido */
			#contacto #content, #olvido #main form { margin: 0 400px 0 0; }
			#contacto #extra { width: 300px; margin-left: -300px; }
		/* legales */
			#condiciones-de-uso #content, #privacidad #content { margin-right: 0; }

/* SITE SPECIFIC LAYOUT */
#header {
padding: 1.4em 0 .8em;
background: #e2edfc;
}
	#header .logo {
	float: left;
	width: 230px;
	margin: 0;
	}
	#login {
	float: right;
	width: 470px;
	padding: .8em 0 0;
	}
		#login .error {
		position: absolute;
		margin: 24px 0 0 1.5em; @margin-left: -390px;
		font-weight: normal; font-size: 10px;
		}
		#login dl,
		#login dt,
		#login dd {
		float: left;
		margin: 0; padding: 0 0 0 .4em;
		}
			#login label {
			padding-left: .5em;
			color: #666;
			}
			#login input {
			border-color: #fff;
			font-size: 12px;
			}
			#login .nota {
			display: block;
			margin-top: .2em;
			font-size: 10px !important;
			}
		#login .botones {
		float: right;
		margin: 0;
		}
			#header .boton {
			border-color: #e2edfc; background: #e2edfc; color: #2e66b3;
			}
			#header .boton:focus,
			#header .boton:hover {
			color: #2d2b2d;
			}
	#dashboard {
	float: right;
	width: 740px;
	padding: 1.4em 0 0;
	text-align: right;
	}
		#dashboard p,
		#dashboard .nav {
		display: inline;
		margin: 0; padding: 0;
		}
			#dashboard .nav li {
			display: inline;
			margin: 0 0 0 2em;
			}
#search {
padding: .5em 0;
border-top: 1px solid #fff;
background: #c3e3f3;
}
	#search form { width: 975px; margin: 0 auto; }
		#search dl, #search dt, #search dd, #search .botones { display: inline; margin: 0; }
		#search input, #search select { font-size: 12px !important; }
		#search .form { float: left; }
		#search .buscador-filtros { float: right; margin-right: 332px; }
			#search .buscador-filtros dd { padding-right: .4em; }
		#search #Keywords { width: 140px; }
		#search .botones { float: left; }
			#search .boton { border-color: #c3e3f3; background: #c3e3f3; color: #2e66b3; }

#footer {
padding: 3em 0;
color: #6e727c;
font-size: .8em;
}
	#footer .copyright {
	float: left;
	margin: 0;
	line-height: 1.1;
	}
	#footer .nav {
	float: right;
	margin: 0;
	}
		#footer .nav li {
		display: inline;
		margin: 0 0 0 .4em; padding: 0 0 0 .4em;
		border-left: 1px solid #6e727c;
		line-height: 1.1;
		}

/* MISC CLASSES AVAILABLE SITE-WIDE */

.clearfix { overflow: auto; @overflow: visible; zoom: 1; }
.clear { clear: both; height: 0; }

.oculto { position: absolute; top: -999em; left: -999em; } legend.oculto { display: none; }

.fila-primero { margin-left: 0 !important; padding-left: 0 !important; border-left: none !important; }
.columna-primero { margin-top: 0 !important; padding-top: 0 !important; border-top: none !important; }
.fila-ultimo { margin-right: 0 !important; padding-right: 0 !important; border-right: none !important; }
.columna-ultimo { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }

/* ESTILOS DE CONTENIDOS */	

	h1, h2, h3, h4, h5, h6  {
	color: #404348;
	font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	.destacado { color: #2e66b3; }
	a.nota, span.nota { font-size: 11px !important; }
	.fechayhora { color: #6E727C; font-weight: normal; }
	
	h1 .link-mas, h2 .link-mas {
	position: relative; top: -0.1em; @top: 0em;
	margin-left: 6px;
	font-weight: normal; font-size: 14px;
	}
	.link-mas a { text-decoration: none; }
	
	.bajada {
	font-size: 16px;
	}
	.copete {
	}
	
	.nota-al-pie {
	color: #666;
	font-size: 11px; line-height: 1.2 !important;
	}
	p.nota-al-pie {
	margin-top: 2em;
	}
	
	.faq {
	margin-bottom: 2em;
	}
		.faq dt {
		color: #2e66b3;
		font-weight: normal; font-size: 16px; line-height: 1;
		}
	
	.lista-tags { margin-bottom: 1.2em; }
	.lista-tags a { color: #6e727c; text-decoration: none; text-transform: capitalize; white-space: nowrap; }
	.lista-tags a:hover { text-decoration: underline }
	
	/* imagenes */
	.thumb {
	padding: 2px;
	border: 1px solid #777; background: #fff;
	vertical-align: middle;
	}
	
	/* navegacion listas */
	.nav, .nav ul, .nav ol {
	list-style: none;
	padding-left: 0;
	}
	
	.botones {
	text-align: left;
	}
		.botones a {
		font-size: 1.4em !important;
		text-decoration: none;
		}
	
	.bullet { font-weight: bold; font-size: 1.1em !important; }
	
	.cta {
	display: block;
	padding: 8px 10px;
	background: #e1edfb;
	text-align: center;
	font-size: 18px !important; line-height: 1;
	text-decoration: none;
	}
	
	/* item articulos */
	.rank-pos {
	float: left; clear: left;
	width: 1.2em;
	font-weight: bold; font-size: 24px;
	letter-spacing: -1px;
	}
		.rank-pos a { text-decoration: none; }
	
	.item {
	padding: .5em;
	border-width: 0 1px 1px 0; border-style: solid;
	}	
	.articulo { border-color: #efefef; background: #f1f1f1; }
	.escritor { border-color: #e0edf9; background: #e1edfb; }
	
		.item dt {
		margin: 0 0 .2em;
		color: #2e66b3;
		font-weight: normal; font-size: 1.5em; line-height: 1;
		}
			.item dt a { display: block; text-decoration: none; }
			.item .thumb {
			float: left;
			width: 70px; height: 70px; overflow: hidden;
			margin-right: 10px;
			}
			.itemThumb30x30 .thumb {
			width: 30px; height: 30px;
			}
		.item dd {
		margin: 0 0 0 86px;
		}
		.itemThumb30x30 dd {
		margin-left: 46px;
		}
			.item p {
			margin: 0 0 .2em;
			line-height: 1.2;
			}
			.item .autor {
			margin-bottom: .6em;
			}
			.item .ranking {
			margin-bottom: 0;
			line-height: 13px;
			}
	
	.nav-articulos li {
	margin-bottom: .2em; padding: .5em; line-height: 36px;
	background: #f4f4f4;
	}
	.nav-articulos .item-impar { } .nav-articulos .item-par { background: #f2f2f2; }
		.nav-articulos a { text-decoration: none; }
		.nav-articulos .titulo { float: left; margin: 0; }
		.nav-articulos .opciones { float: right; }
	
	/* item comentarios */
	.comentario { padding: .6em 1em; }
	.comentario.item-impar { background: #e2edfc; } .comentario.item-par { background: #f4f4f4; }
		.comentario dd { margin-top: .2em; margin-bottom: 0; }
		
	/* item amigo */
	.lista-amigos li {
	margin-bottom: .2em; padding: .5em; line-height: 24px;
	background: #e1edfb;
	}
	#panel .lista-amigos li {
	line-height: 36px;
	}
		.lista-amigos a { text-decoration: none; }
		.lista-amigos .titulo {
		float: left;
		margin: 0;
		}
		.lista-amigos .opciones {
		float: right;
		}
		.lista-amigos form {
		clear: both;
		width: 60%;
		margin: 0 0 0 40px;
		line-height: 1.2;
		}
			.lista-amigos .form input,
			.lista-amigos .form textarea {
			width: 98.4%;
			}
	
	/* item mensaje privado */	
	.lista-mensajes li {
	margin-bottom: .2em; padding: .5em; line-height: 36px;
	background: #f4f4f4;
	}
	.lista-mensajes .nuevo { background: #e2edfc; }
		.lista-mensajes a { text-decoration: none; }
		.lista-mensajes .titulo { float: left; margin: 0; }
		.lista-mensajes .opciones { float: right; }
		.lista-mensajes .mensaje {
		clear: both;
		line-height: 1.4;
		}
			
	/* caja buscador */
	#main .buscador dl { margin: 0; }
		#main .buscador dt { position: absolute; top: -999em; left: -999em; }
		#main .buscador .buscador-filtros dt { position: static; float: left; width: 70px; }
		#main .buscador .buscador-filtros dd { margin-left: 75px; }
		.buscador-filtros label { padding-right: .4em; }
		#main .buscador #Keywords { width: 97.6%; }
		#main .buscador #tipoObra, #main .buscador #genero { width: 100%; }
	
	/* definiciones */
	.definiciones {}
		.definiciones dt {
		display: inline; /* IE float fix */
		float: left;
		width: auto;
		padding-right: .5em;
		}
		.definiciones dd {
		display: block;
		}

	/* paginado */
	.paginado {
	padding: .4em 0;
	color: #6E727C;
	text-align: center;
	}
		.paginado a, .paginado .actual { padding: 0 .3em; }
		.paginado a { text-decoration: none; }
		.paginado .actual { color: #333; }

	/* formularios */
	input, textarea, select {
	border: 1px solid #b3b3b3;
	background: #fff;
	color: #6e727c;
	font-size: 14px;
	}
	input, textarea {
	padding: .2em;
	}
	select {
	padding: .12em .12em .14em .1em;
	}
	input:focus, textarea:focus, select:focus {
	border-color: #6E727C;
	color: #2d2b2d;
	}
	.radio, .chkbx {
	width: 13px !important; height: 13px;
	margin: 0; padding: 0 !important;
	border: 0 none; background: transparent none;
	}
	
	dl.form {
	}
		.form dt {
		color: #6e727c;
		font-weight: normal;
		}
			.form dt label {
			color: #2e66b3;
			}
				.form dt .nota { color: #6e727c; }
		.form dd {
		min-height: 25px; _height: 25px;
		}
	
	ul.form {
	list-style: none outside;
	padding-left: 0;
	}
		.form li {
		}
	
	.form-lista {
	list-style: none outside;
	padding-left: 0;
	}
		.form-lista li {
		margin: 0 0 .2em; padding-left: 18px;
		}
			.form-lista li .radio, .form-lista li .chkbx {
			margin-left: -18px;
			}
	.form .form-lista {
	margin-bottom: 0;
	}
		.form .form-lista li {
		line-height: 25px;
		}
	
	.form-lista-inline {
	list-style: none outside;
	padding-left: 0;
	}
		.form-lista-inline li {
		display: inline;
		margin-right: 1em;
		}
		.form .form-lista-inline li {
		line-height: 25px;
		margin-bottom: 0;
		}
	
	.botones {
	margin: .5em 0;
	text-align: right;
	}
		.boton {
		padding: .2em; @overflow: visible;
		border: 1px solid #6E727C; border-color: #B3B3B3 #404348 #404348 #B3B3B3;
		background: #6E727C;
		color: #f4f4f4;
		font-weight: bold;
		cursor: pointer;
		}
		.boton:focus, .boton:hover {
		background: #404348;
		color: #fff;
		}
	
	.error {
	color: #C00;
	font-weight: bold;
	}
	
	/* tablas */
	table {
	}
		th, td {
		padding: .6em .4em;
		}
		thead th {
		padding-bottom: .4em;
		font-size: 16px;
		}
		td {
		border-bottom: 4px solid #fff;
		background: #e2edfc;
		}

/* ESTILOS DE PAGINAS PARTICULARES */

	/* HOME */
	#articulos-azar, #articulos-top, #bienvenida { padding: 0 0 1em; }
	#home #content h2 { font-size: 13px; }
	
	#home #extra .buscador #Keywords { width: 283px; @width: 280px; }
		#home #extra .buscador #tipoObra, #home #extra .buscador #genero { width: 215px; }
	
	/* REGISTRACION y ESCRIBIR */
	#registracion #content dt label, #escribir #content dt label { font-size: 16px; }
	
	#part1 .form input,
	#part1 .form textarea { width: 98%; }
	#part1 .form select { width: 100%; }
	#part2 .form input,
	#part2 .form textarea { width: 98.5%; }
	#part2 .form select { width: 100%; }
	
	#registracion #main .form #Dia { width: 4em; }
	#registracion #main .form #Mes { width: 10em; }
	#registracion #main .form #Anio { width: 5em; }
	#escribir #capaTipo .radio {
	margin-right: .4em;
	}
	#escribir #capaTipo .capitulo {
	width: 74%;
	}
	#escribir #Resumen {
	height: 8em;
	}
	#registracion #Biografia {
	height: 16em;
	}
	#escribir #Contenido {
	height: 20em;
	}
	
	#escribirForm-Creditos {
	float: left;
	width: 22%;
	}
		#escribir #Creditos {
		width: 90px;
		}
	#escribirForm-Estado {
	float: left;
	width: 46%;
	}
		#escribirForm-EstadoRestringido {
		float: right;
		width: 50%;
		margin: -28px 0 0;
		}
	#escribirForm-EstadoComentario {
	float: right;
	width: 30%;
	}
			
	.acepto {
	clear: both;
	margin: 2em 0 1em;
	}
	.acepto em.destacado {
	display: block;
	margin: 0 0 -10px; @margin: 0 0 5px;
	font-style: normal; font-size: 24px;
	}
	
	/* LEER */
	#articulo-intro {
	padding: 0 0 1em;
	}
		#articulo-intro .thumb {
		float: left;
		margin-bottom: .6em;
		}	
		#articulo-intro-txt {
		padding-left: 216px;
		}
			#articulo-intro h1 {
			margin: 0 0 .2em;
			font-weight: normal; font-size: 24px; line-height: 1;
			}
			#articulo-intro p {
			margin: 0 0 .2em;
			}
			#articulo-intro .autor {
			margin-bottom: .6em;
			}
			#articulo-intro .ranking {
			margin-top: .6em;
			line-height: 16px;
			}
				#articulo-intro .ranking a {
				background: url(../images/estrella01.gif) no-repeat 0 1px;
				}
					#articulo-intro .ranking img {
					vertical-align: middle;
					}
					#articulo-intro .ranking a:hover img, #articulo-intro .ranking a.hover img {
					visibility: hidden;
					}
			#articulo-intro .addthis_toolbox {
			margin-top: 1em;
			line-height: 16px;
			}
				
	#articulo-texto {
	padding: 0 0 2em;
	/* No seleccionable  -moz-user-select: none; -khtml-user-select: none; user-select: none;*/
	}
		.articulo-capitulo {
		margin: 0 0 .4em;
		}
			.articulo-capitulo h2 {
			float: left;
			}
			.articulo-capitulo .nav-capitulos {
			float: right;
			margin: 0;
			font-size: 16px;
			}
				.articulo-capitulo .nav-capitulos strong, .articulo-capitulo .nav-capitulos a { padding-left: .4em; }
		#articulo-texto p {
		font-size: 16px;
		}
	#articulo-comentarios {
	}
		#articulo-comentarios form { padding: 1em 0; zoom: 1; } 
			#articulo-comentarios h3 {
			margin-top: 1em;
			font-weight: normal; font-size: 18px;
			}
			#articulo-comentarios #Comentario { width: 98.6%; height: 6.4em; }
		
	.nav-leer {
	padding: 0 0 1em;
	}
		.nav-leer li {
		margin-bottom: .4em;
		}
			.nav-leer a {
			font-size: 16px; line-height: 1;
			text-decoration: none;
			}
	
	#leer #navigation .form input {
	width: 96.5%;
	}
			
	.articulos-relacionados { padding: 1em 0; }
	.articulos-relacionados h2 { font-weight: normal; font-size: 18px; }
	
	/* BUSCAR */
	.filtro-fecha { margin-bottom: 0; }
		.filtro-fecha li { display: inline; padding-right: .6em; }
	
	#resultados-busqueda { padding: 1em 0; }
	
	/* PERFIL DE USUARIO */
	#perfil-intro { padding: 0 0 1em; }
		#perfil-intro .thumb { float: left; margin: 0 1em .5em 0; }
		#perfil-intro h1 { margin: 0 0 .2em; font-weight: normal; font-size: 26px; line-height: 1; }
		#perfil-intro .definiciones { /*clear: left;*/ }
			#perfil-intro .definiciones dd { margin-bottom: .2em; }
	
	#perfil-bio { padding: 1em 0; }
	
	#usuarios #extra ul.nav { margin-bottom: 1.6em; }
	
	/* PANEL DE CONTROL */	
	#panel #navigation .nav-leer { padding-bottom: 0; }
		#main #navigation .form dd {
		min-height: 20px; _height: 20px;
		}
			#panel #navigation .form input,
			#panel #navigation textarea {
			width: 98.5%;
			}
			#panel #navigation #Biografia {
			height: 6em;
			}
	#panel #navigation #creditos { margin-top: 2em; }
		
	#panel #content .nav { margin: 0 0 2em; }
	#panel #content .titulo-panel .nav, #panel #content .titulo-panel .nav li { margin: 0; }
	
	.titulo-panel {}
		.titulo-panel h1 {
		float: left;
		}
		.titulo-panel .acciones {
		float: right;
		}
			.titulo-panel .acciones a { font-size: 16px; }
	
	/* CREDITOS */
	#creditos-info,
	#canje {
	padding: 1em 0;
	}
		#canje dt label { font-size: 16px; }
		#canje_creditos #content .form input { width: 97.6%; }
	
	/* LEGALES */
	#condiciones-de-uso h2, #privacidad h2 {
	margin-top: 1.4em;
	font-weight: normal; font-size: 18px;
	}
	
	/* CONTACTO y OLVIDO DE CONTRASENA */
	#olvido #main label, #contacto #main label {
	font-size: 16px;
	}
	#olvido #main .form input, #contacto #main .form input {
	width: 98.4%;
	}
	#contacto #main textarea {
	width: 98.4%; height: 4.8em;
	}