/*  
Theme Name: La aventura de convertirse en familia
Theme URI: 
Description: 
Version: 1.0
Author: Fernando Díaz y Leticia Bonetti
Author URI: 

	La aventura de convertirse en familia

*/

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address, em { font-style:normal }

hr {
display: none;}

/* more varnish stripping as necessary... */


body {
background: #fff;
text-align: center;
font: 0.8em/1.2 verdana, sans-serif;
color: #666;}

h2 {
color: #DA089D;
font-size: 1.3em;
margin-bottom: 10px;}

body a {
color: #09C;
text-decoration: underline;}

a:hover, a:focus, a:active {
color: #069;}

#page {
width: 760px;
margin: 0 auto;
text-align: left}

#branding {
height: 100px;
padding: 80px 0 20px 0;
background: #fff;
font-family: helvetica, arial, sans-serif;
background: url(images/branding.png) no-repeat right top;}

#branding h1 {
color: #DA089D;
font-size: 30px;
width: 315px;
line-height: 30px;}

#branding h1 a {
color: #DA089D;
text-decoration: none; }

#branding p {
text-transform: uppercase;
font-size: 16px;
padding-top: 10px;
font-weight: bold;}

#nav {
width: 760px;
position: absolute;
top: 0;}

#nav ul {
display: block;
padding-right: 200px;
font-size: 70%;
border-top: 6px solid #999;
}

#nav ul li {
display: block;
float: left;
text-transform: uppercase;
padding: 5px 10px 3px 10px;
border-left: 1px solid #ccc;}

#nav ul li a {
display: block;
float: left;
color: #666;
text-decoration: none;
}

#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active {
color: #DA089D;}

#nav-access {
position: absolute;
top: -9999px;
left: -9999px;}

#description {
background: #f5f5f5;
padding: 20px;
font: 1.5em/1.2 georgia, "times new roman", times, serif ;
margin-bottom: 20px;}

#description p {
padding: 0;
margin: 0;}

#description em {
color: #DA089D}

#content {
font-size: 90%;
line-height: 1.5;
}




#wrapper {
float: left;
width: 100%; 
background: url(images/separador.png) repeat-y center top;}

#content-main {
margin: 0 200px;
padding: 0 20px;}

#content-sub {
width: 200px;
float: left;
margin-left: -760px;}

#content-sup {
width: 200px;
float: left;
margin-left: -200px;}

/* libros*/

#content-main ol li {
margin-bottom: 20px;}

#content-main ol ul {
padding: 10px 0}

#content-main ol ul li {
text-transform: uppercase;
display: inline;}

.libro-izquierda h3 {
padding-left: 123px;
position: relative;}

.libro-izquierda h3 img {
position: relative;
left: -123px;
margin-right: -123px;
float: left;
top: -7px;}

.libro-izquierda p {
padding-left: 123px;}

.libro-izquierda ul {
margin-left: 123px;}

.libro-izquierda ul li {
margin-right: 8px;}

.libro-derecha {
text-align: right;}

.libro-derecha h3 {
padding-right: 120px;
position: relative;}

.libro-derecha h3 img {
position: relative;
right: -120px;
margin-left: -120px;
float: right;
top: -7px;}

.libro-derecha p {
padding-right: 120px;}

.libro-derecha ul {
margin-right: 120px;}

.libro-derecha ul li {
margin-left: 8px;}

/*termina libros*/

/*articulos*/

#content-sub ol li {
margin-bottom: 10px;}

#content-sub form {
padding-top: 20px;}

#content-sub #searchsubmit {
margin-top: 7px;}

/*termina articulos*/

/*enlaces */

#content-sup h3 {
text-transform: uppercase;
border-bottom: 1px solid #ccc;
padding-bottom: 4px;
margin-bottom: 5px;}

#content-sup h3 a {
text-decoration: none;
color: #069;}

#content-sup ul li {
margin-bottom: 20px;}

#content-sup ul ol li, #content-sup ul ul li {
margin-bottom: 10px;}

/*termina enlaces*/


.intro {
background: #f5f5f5;
padding: 15px;
margin: 0 0 20px 0;}


/*empieza estilo articulos*/

.articulos h2 {
padding-bottom: 10px;}
.articulos li {
border: 1px solid #f5f5f5;
padding: 4px 4px 12px 4px;
margin-bottom: 10px;
clear: left;}

.articulos li li {
border: none;
margin: 10px 10px 0 10px;
padding: 0;}


.articulos ul li h3 {
padding: 10px 15px;
text-transform: none;
background:#f5f5f5;
}

.articulos li li h4 {
font-weight: normal;
margin-bottom: 3px;}

.articulos h3 {
text-transform: uppercase;
margin: 0;}

.indice {
margin: 5px 0 0 0;
padding-bottom: 20px;
float: left;}


.indice li {
display: block;
border: none;
padding: 0;
width: 253px;
clear: none;
float: left;}

/*empieza estilo libros*/

.libro p.intro {
margin-bottom: 0;}

.libro p.intro em {
font-style: italic;}

.libro h3 {
text-transform: uppercase;
margin: 15px 0 10px 0;}

#content.libro ol li p {
margin: 0 0 0 10px;
font-style: italic;}

#content.libro ol li #ussuu {
width: 303px;
margin: 0 10px 10px 0;
float: left;}

.libro ol li {
border: 1px solid #f5f5f5;
padding: 4px 4px 12px 4px;
margin-bottom: 10px;}


.libro h4 {
padding: 10px 15px;
margin-bottom: 8px;
text-transform: none;
background:#f5f5f5;
}


.libro ol li li {
display: inline;
border: none;
padding: 0;
margin: 0 12px 0 0;
}

.libro ol li ol {
margin: 0 0 5px 10px;
}



.libro ol {
margin-bottom: 5px;}

.libro ol li a {
text-transform: uppercase;
margin: 0 0 0 10px;}

.libro ol li ol li ol {
margin-left: 0;
padding-left: 0;}


/*empieza estilo en papel*/

#content.enpapel .intro {
margin: 0;}

.llamada {
background: #f5f5f5;
padding: 0 15px 15px 15px;
font-size: 9px;
margin-bottom: 20px;
}

#content.enpapel h3 {
text-transform: none;
font-size: 14px;
color: #DA089D;
border: none;
margin-bottom: 12px;}

#content.enpapel img {
margin: 20px 0;}


.enpapel #content-sup ul li {
margin-bottom: 0;}

#content.enpapel ul {
margin-bottom: 15px;
}

#content.enpapel ul li{
display: inline;
margin-right: 7px;}

#content.enpapel .precio {
font-weight: bold;
text-align: center;}

#content.enpapel .precio em {
font-size: 20px;
display: block;
}

#content.enpapel .aclaracion{
font-size: 9px;
text-align: center;
}

#content.enpapel h5 {
margin-top: 15px;}

#content.enpapel #wrapper img {
display: block;
text-align: center;
margin: 0 auto;}

div#content.enpapel form {
padding: 0;
margin-top: 5px;
text-align: center;}

div#content.enpapel #content-main, 
div#content.enpapel #content-sub, 
div#content.enpapel #content-sup {
overflow: hidden;}

/*termina estilo en papel*/

/*empieza estilo capitulos online*/



#content.capitulo a {
text-transform: uppercase;
display: block;
text-align: center;
margin-top: 15px;}

#content.capitulo .cap-nav {
text-align: right;
width: 640px;
margin: 5px auto 5px auto;}

#content.capitulo .cap-nav a {
display: inline;
text-align: right;
margin-left: 15px;
text-decoration: none;
font-weight: bold;}

#content.capitulo .cap-nav a:hover, #content.capitulo .cap-nav a:focus, #content.capitulo .cap-nav a:active {
color: #069;}

#content.capitulo #online {
width: 640px;
height: 400px;
margin: 0 auto;
text-indent: -9999px;}

#content.capitulo {
margin-top: 25px;}

#content.capitulo h2, #content.capitulo h3 {
width: 640px;
margin:0 auto;
text-align: left;} 

#content.capitulo h2 {
margin-bottom: 0px;}


#content.capitulo h3 {
margin-bottom: 5px;}

/*termina estilo capitulos online*/

/*empieza estilo opiniones*/

#content.opiniones ul {
list-style: none;}

#content.opiniones ol {
margin: 25px 0;}

#content.opiniones ol li {
border: 1px solid #eee;
margin-top: 25px;
padding: 15px 18px;}

#content.opiniones ol li p.comment-metadata {
margin-top: 10px;
color: #DB0E9B;}

#content.opiniones .intro-form {
float: left;
width: 250px;}


#content.opiniones form {
float: left;
width: 390px;
margin-left: 50px;}

#content.opiniones form textarea {
width: 340px;
}

#content.opiniones form p {
margin-bottom: 10px;}


/* empiezan estilos listado de librerias */

#content.librerias h3 {
text-transform: uppercase;
margin: 0;
padding-left: 10px;}

#content.librerias ul.indice {
margin: 5px 0 0 0;
padding: 0 10px 20px 10px;
float: left;}

#content.librerias .indice li {
display: block;
border: none;
padding: 0;
margin-bottom: 10px;
width: 153px;
clear: none;
float: left;}

#content.librerias ul {
clear: both;}

#content.librerias h4 {
text-transform: uppercase;
margin: 20px 0 0 0;
padding: 5px 5px 5px 10px;
background: #eee;
}

#content.librerias h5 {
margin-bottom:4px;
color: #006699;
font-size: 12px;
border-top: 1px solid #eee;
padding: 10px 0;}

#content.librerias li li {
margin-left: 15px;}

#content.librerias ul ul ul {
margin: 0 0 22px 5px;}

#content.librerias li li li h6, #content.librerias li li li p {
display: inline;}


/* empiezan estilos nav-sub */

#nav-sub {
clear: both;
width: 100%;
padding: 20px 0;
font-size: 90%;}

#nav-sub ul {
text-align: right;
padding-top: 15px;
border-top: 1px solid #ccc;
padding-right: 5px;}

#nav-sub ul li {
display: inline;
text-transform: uppercase;
margin-left: 12px;}

#nav-sub ul li a {
text-decoration: none;
color: #999;}

#nav-sub ul li a:hover, #nav-sub ul li a:focus, #nav-sub ul li a:active {
text-decoration: underline;
color: #069;}