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

/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-family:Verdana, Geneva, sans-serif;
	}
	
	#fixed {
   margin:0 auto;
   width:974px;   /* you can use px, em or % */
   text-align:left;
   padding:0 22px;
	}
	
	.clear {
	 clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
	}
	
	a img {
		border:0;
	}

	a {
		color:#369;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:837px;
		list-style:none;
		margin:10px 20px 0 0;
		padding:0;
		background:#aba197;
		padding:3px 0 4px 0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		text-align:center;
		font-size:11px;
		color:#fff;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		border-right:1px solid #fff;
	}
	#header ul li a:hover {
		font-weight:bold;
		background-color:#aba197;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		font-weight:bold;
	}
	
	#header .logo{
		margin:30px 0 10px 0px;
		width:771px;
		float:left;
	}
	
	#header .logosredes {
		margin-top: 33px;
		width: 66px;
		float: left
	}
	
	#header .logo_derecha{
		vertical-align:bottom;
		margin-top:19px;
		float:right;
	}
	
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* Full page settings */
	.fullpage {
		background:#fff;		/* page background colour */
	}
	.banner {
		margin:30px 0 20px;
	}
	h2 {
		color:#000;
		font-size:12px;
		font-weight:bold;
		margin-bottom:10px;
	}
	.linea {
		height:1px;
		width:100%;
		border-top:1px solid #e2dacf;
		display:block;
		clear:both;
	}
	.contenedor_destacados {
		background:#fff;
		min-height:390px;
	}
	.destacado {
		float:left;
		margin-right:27px;
		font-size:9px;
		width:232px;
	}
	
	.ultimo {
		margin-right:0;
		width:195px;
	}
	
	.destacado h3 {
		font-weight:bold;
		margin:0;
		padding:0;
		margin-top:8px;
		color:#781f07;
		line-height:1.5em;
		font-size:11px;
	}
	
	.destacado .autor {
		color:#a1978c;
		margin-top: 0px;
	}
	
	.destacado img {
	}
	
	.destacado .boton {
		vertical-align:bottom;
		height:10px;
		width:100px;
		margin:30px 0 0 0;
	}
	
	.destacado .boton a {
		color:#781f07;
		font-weight:bold;
		vertical-align:top;
		margin-top:3px;
		line-height:15px;
	}
	
	.destacado .boton a:hover {
		color:#333;
	}
	
	/* Editorial */
	
	.txt {
		font-size:11px;
		line-height:1.5em;
		width:974px;
	}
	
	.txt h3 {
		color:#E96E2E;
		width:250px;
	}
	
	.txt .volver {
		width:100px;
		float:right;
		text-align:right;
	}
	
	.txt .volver:hover {
		background:none;
	}
	
	.columna{
		float:left;
		width:100%;
	}
	
	
	/* Colecciones */
	.select {
    background: url("http://www.elhilodeariadna.org/assets/images/select.gif") no-repeat scroll 0 0 transparent;
    color: #fff;
    font: 12px/21px "Trebuchet MS",Arial,Helvetica,sans-serif;
    height: 21px;
    overflow: hidden;
    padding: 0 28px 0 8px;
    position: absolute;
    width: 180px;
	}
	
	.sep_styled {
    width: 50px;
	}
	
	.select_coleccion{
		margin:30px 0;
		float:left;
	}
	.select_coleccion h2{
	float:left;
	color:#000;
	margin:7px 20px 0 0;
	margin-right:20px;
	}
	
	.select_coleccion h2.revista{
		color:#000;
		font-size:12px;
		margin-right:100px;
	}
	
	.colecciones {
		border-bottom:1px solid #e2dacf;
		padding:11px 0;
		vertical-align:middle;
        float: left;
        width: 100%;
	}
	
	.colecciones.ultimo {
		border:0;
		padding:11px 0;	}
	
	.colecciones a {
		float:left;
		margin-right:80px;
                width: 200px;
                display: block;
	}
	
	.colecciones p {
		text-align:justify;
                float: right;
                width: 600px;
	}
	
	.box_libro {
		float:left;
		margin-top:20px;
                height: 430px;
                position: relative;
                float:left;
                /*width:277px;*/
                overflow:hidden;
	}
	
	.box_libro.pasador {
		height:330px;
	}
	
	.box_libro img {
	}
	
	.box_libro h4 {
		color:#C1272D;
		font-size:12px;
		
		top:250px;
		position:absolute;
		font-weight:normal;
	}
	
	.box_libro h4.revista{
		color:#000;
		text-transform:none;
		font-size:12px;
		font-family: Verdana, Geneva, sans-serif;
		text-align:center;
	}
	
	.volver {
		color:#ACA095;
		text-align:left;
		float:left;
		font-size:12px;
		font-style:italic;
		margin-top:5px;
	}
	
	.det_libro {
		width:300px;
		
	}
	
	.red {
		color:#C1272D;
	}
	
	.txt_libro {
		float:left;
		width:570px;
	}
	
	.txt_libro h2 {
		font-size:20px;
		font-weight:normal;
		line-height:1.5em;
	}
	
	.txt_libro  h3 {
		font-size:14px;
		color:red;
		margin-bottom:20px;
        width: 100%;
		font-weight:normal;
	}
	
	.txt_libro p{
		text-align:justify;
	}
	.prev{
            float:left;
            margin-top: 200px;
            margin-right: 10px;
        }
        .next{
             float:left;
             margin-top: 200px;
             margin-left: 10px;
        }
	.col_izq {
		float:left;
		width:400px;
	}
	
	.btn_libros {
		background:#ACA095;
		color:#fff;
		padding:7px 30px;
		float:left;
		font-family:12px;
		text-decoration:none;
		margin-top:10px;
	}
	
	.btn_libros:hover {
		background:#000;
	}
	
	
	/* Revista */
	.txt_revista {
		float:left;
		width:570px;
	}
	
	.txt_revista .tit {
		color:#E96E2E;
		margin:0;
	}
	
	.txt_revista .espaciado {
		margin:20px 0;
	}
	
	.detalle_revista {
		float:left;
		width:300px;
	}
	
	/* Forms */
	
	.form_contacto {
	}
	
	.form_contacto input {
		margin:5px 0 2px 15px;
		width:264px;
		border:1px solid #666;
	}
	
	.form_contacto.news input {
		width:300px;
	}
	
	.form_contacto select {
		margin-left:15px;
		border:1px solid #666;
		margin: 5px 0 2px 15px;
	    width: 264px;
		
	}
	
	.form_contacto.news select {
		width:300px;
	}
	
	.form_contacto .boton {
		width:80px;
		border:1px solid #666;
		background:#ABA197;
	}
	
	.form_contacto .form_ {
		border:1px solid #666;
		height:98px;
		width:300px;
		margin-top:5px;
	}
	
	.form_contacto label {
		width: 280px;
		padding-top:5px;
		padding-left:10px;
		vertical-align:middle;
		color:#F00;
		position:absolute;
		z-index:10;
	}
	.form_contacto label {
		width: 670px;
	}
	
	.form_contacto label.error {
		margin-left: -180px;
		width: auto;
		display: inline;
	}

	
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		font-size:10px;
		padding:10px;
		border-top:1px solid #E2DACF;
	}
	/* --> */
	
        .revistas {
            border-bottom: 1px solid #E2DACF;
            padding: 11px 0 17px;
            vertical-align: middle;
        }
        
		.autor-libro{
			padding:15px 0;
			float:left;
		}
		
		.autor-libro h2{
            color:red;
	    	font-size:16px;
            font-weight:normal;
			line-height:1.5em;
        }

        .autor-libro h3{
             font-weight:normal;
             color:red;
	     	 font-size:11px;
        }
        .autor-libro img{
            margin: 10px 20px 10px 10px;
            display: block;
            float: left;
        }

		#separador{
			clear:both;
			height:25px;
		}