* {
margin: 0;
padding: 0;
}


/* --------------
BEGIN posicion elementos
principales
-----------------/////////*/

body {
background: #666 url(../img/fondo_home.jpg) repeat-x top left;
}

.clear {
clear: both;
}

#wrapper {
	position: absolute;
	width: 720px;
	height: 100%;
	left: 50%;
	margin-left: -360px;
	margin-top: 20px;
}

#content {
/*width: 520px;*/
padding: 1em 0em 1em 0;
}

#principal {
float: left;
background: #fff;
}

.secContent {
padding: 0;
margin: 0;
float: right;
width: 510px;
}

#title {
position: relative;
margin-top: 70px;
border-left: 12px solid #C03;
z-index: 4;
}

#title p {
margin: 0px 0 0 30px;
}

#title p.construccion {
margin: 12px 0 5px 33px;
}

#copy {
position: absolute;
bottom: 0px;
left: 12px;
}

#copy p .separator {
margin: 0px 10px;
}

#fotohome {
border: 1px solid #000;
position: relative;
width: 720px;
bottom: 0;
}

#menu {
border: 1px solid #c03;;
padding-left: 19px;
display: block;
background: #c03;
clear: both;
}

.leftMenu {
width: 150px;
float: left;
padding: 0;
margin: 0;
}

#pie {
clear: both;
border-top: 1px dotted #e96;
padding: 1em 0;
}

.libroObra {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

#prev, #next {
margin-left: 35px;
float: left;
}
/* --------------
END posicionamiento elementos
principales
-----------------/////////*/

/*-------------------------
------- BEGIN TYPE --------
-------------------------*/
body {
font-family: Georgia, Times, Serif;
font-size: 12px;
line-height: 1.4em;
}

h1 {
float: left;
font-family: Georgia, serif;
font-size: 3em;
font-weight: normal;
/*letter-spacing: 0.05em;*/
line-height: 1em;
color: #000;
margin-top: 1em;
padding: 0.1em  0 0.15em 0;
border-left: 15px solid #c03;
}

h1.obra {
float: none;
}
h1 .fechaTitulo {
font-size: 0.3em;
color: #c03;
}

h2 {
font-family: Georgia, serif;
padding: 0 0 0.4em 35px;
font-size: 1.5em;
line-height: 1.54em;
font-weight: bold;
color: #c03;
}

h3 {
font-family: Georgia, serif;
letter-spacing: 0.2em;
font-size: 0.8em;
text-transform: uppercase;
margin: 1.2em 0;
padding: 0 0 0 35px;
}

#content  h1 {
padding-left: 18px;
}
#content  h3, h4, p {
padding-left: 35px;
}

p {
font-size: 1.2em;
line-height: 1.4em;
padding-right:3em;
padding-bottom:1em;
}

p#volver {
float: right;
margin-top: 0.3em;
}

#title p {
font-size: 11px;
}
.libroObra p {
margin: 0;
padding: 0;
}
p.detalles {
color: #c03;
margin-bottom: 0.6em;
}
p.detalles strong {
color: #000;
}

p .separador {
font-family: verdana;
font-size: 0.8em;
padding: 0 4px;
color: #000;
}
p.entradilla{
font-size: 1.7em;
font-style: italic;
}
p.pregunta {
font-style: italic;
color:#c03;
}
p .versalitas {
font-variant: small-caps;
letter-spacing: 0.15em;
}
#title p.construccion{
font-size: 19px;
color: #C03;
}

#copy p {
font-size: 10px;
color: #C03;
}

#copy p .separator {
margin: 0px 10px;
color: #000;
}
#copy p .secondary {
color: #666;
}

.fecha {
font-weight: bold;
font-size: 0.7em;
}
#menu {
font-family: font-family: Georgia, serif;
color: #fff;
font-size: 1.1em;
}

#subMenu {
font-family: Arial, Helvetica, sans;
color: #c03;
font-size: 0.9em;
letter-spacing: 0.1em;
}

#pie {
color: #666;
font-size: 0.6em;
letter-spacing: 0.1em;
}

#prev, #next {
font-size: 0.8em;
}
/*---------------------------
------ END TYPE -------------
---------------------------*/


/*Begin CabClubcultura------------------------------------------------------------*/
#cabecera {
width: 100%;
height: 44px;
background: #000;
}

#menuCabecera{
width: 538px;
position: absolute;
left: 221px;
top: 0;
}

#menuAutores {
background-color: #000;
width: 538px;
height: 17px;
}

#buscador {
padding-top: 5px;
float: right;
width: 145px;
height: 22px;
}

input.texto {
width: 83px;
height: 17px;
float: left;
border-style: none;
margin-right: 6px;
background: #ddd;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000;
background-position: left top;
}

/* END CabClubcultura------------------------------------------------------------*/
/* END CabClubcultura------------------------------------------------------------*/

/* BEGIN LISTS------------------------------------------------------------*/
ul{
list-style-type: none;
padding:0;
margin:0;
}

#menu  ul {
background: #c03;

}

#menu ul li {
background: #c03;
display: block;
float: left;
margin: 0.5em 0;
padding: 0 1em 0 1em;
border-right: 1px solid #ebb;
}

#subMenu  ul {
padding:0;
margin:0;
list-style-type: none;
}

#subMenu ul li {
display: block;
float: left;
margin: 0.5em 0;
padding: 0 1em 0 1em;
border-right: 1px solid #fac;
}
.leftMenu ul {
color: #c03;
list-style-type: disc;
}

.leftMenu li {
font-size: 0.8em;
line-height: 1.5em;
font-family: Verdana, Sans;
padding-bottom: 0.8em;
margin-left: 35px;
}


/* END LISTS------------------------------------------------------------*/
/* BEGIN LINKS------------------------------------------------------------*/
a {
outline:none;
}
a:link, a:visited {
text-decoration: none;
color: #000;
}

#menu  ul a {
padding:0;
margin:0;
}
#menu  ul a:link, #menu  ul a:visited  {
color: #ebb;
}
#menu  ul a:active, #menu  ul a:hover  {
color: #fff;
}

#subMenu  ul a {
padding:0;
margin:0;
}
#subMenu  ul a:link, #subMenu  ul a:visited  {
color: #000;
}
#subMenu  ul a:active, #subMenu  ul a:hover  {
color: #c03;
}

a.comprar {
display: block;
font-size: 0.9em;
padding: 5px 0;
}
a.comprar:link, a.comprar:visited {
font-style: italic;
color: #c03;
border-bottom: 10px solid #fff;
}
a.comprar:active, a.comprar:hover {
font-style: italic;
border-bottom: 10px solid #c03
}
a:hover, a:active {
color: #c03;
}

.leftMenu a {
}
.leftMenu a:hover, .leftMenu a:active {
background: #c03;
color: #fff;
}

#prev a:hover, #prev a:active,
#next a:hover, #next a:active {
color: #fff;
background: #c03;
}

#volver a {
padding: 0.2em 1em;
}

#volver a:link, #volver a:visited {
font-family: Verdana, Arial, sans;
font-size: 0.7em;
background: #c03;
color: #ebb;
}
#volver a:hover, #volver a:active {
color: #fff;
}
/* END LINKS------------------------------------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
/* BEGIN IMAGES --------------------*/
#header {
background: #000;
padding: 0;
margin: 0;
}
#header img {
width: 720px;
background: #000;
margin: 0;
padding: 0;
}
img {
float: right;
margin: 0 0px 10px 10px;
}

img.articulo {
margin-right: 0;
border-right: 15px solid #c03;
}
.libroObra img {
padding-bottom: 5px;
float: none;
margin: 0 10px 0 0;
border: none;
}
/* END IMAGES --------------------*/