/*
Hoja de estilos web adolfo garcia-ortega
Autor: Juan Astasio Soriano
v 1.1
21 enero 2008
*/

* {
margin: 0;
padding: 0;
}


#alrededor {
width: 100%;
height: 100%;
}

#wrapper {
width: 720px;
position: relative;
left: 50%;
margin-left: -360px;
padding: 0;
}

#brandingWrap {
position: relative;
top: 0;
left:0;
width : 100%;
height: 48px;
}

#branding {
	background-color: #000;
	width: 800px;
	position: relative;
	left: 0;
	top: 0;
	height: 50px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#cabeceraClub {
	background-color: #000;
	position: relative;
	top: 0;
	left: 0;
	width: 225px;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
#cabeceraClub a img {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 225px;
}


#menuCabecera{
position: absolute;
left: 219px;
top: 0;
background: #000;
}

#menuAutores {
	position: absolute;
	top: 26px;
	background-color: #000;
	width: 538px;
	height: 17px;
	left: -5px;
}
#menuAutores p {
	height: 50px;
	width: 600px;
}
#menuAutores p a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	width: 150px;
	display: inline;
}


#formClub {
padding: 5px;
background: #000;
width: 538px;
margin: 0;
}

input {
position: relative;
margin-bottom: 4px;
top: -12px;
left: 0;
float: right;
}

#image {
margin-right: 8px;
}

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

#cabMenu {
width: 100%;
}


/*
texto primcipal
*/


h1 {
font-family: Georgia, Times, serif;
font-style: normal;
font-size: 30px;
line-height: 35px;
font-weight: normal;
margin-bottom: 10px;
border-bottom: 6px solid #000;
padding-bottom: 10px;
}

h1 .autor {
font-family: Georgia, Times, serif;
font-style: italic;
font-size: 0.7em;
line-height: 1.2em;
font-weight: normal;
color: #fa0;
}

h2 {
      font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: normal;
}
h2 em {
font-style: normal;
}
h2 a:link, h2 a:visited{
color: #000;
}
h2 a:hover, h2 a:active  {
color: #fa0;
}

h3 {
       font-family: Georgia, Times, serif;
       color: #999;
       font-weight: normal;
       font-size: 1em;
       line-height: 1.2em;
       margin: 10px 0;
       padding: 0px 0 0px 0;
       border-bottom: 1px solid #000;
}

hr {
border:  3px solid #000;
margin: 0 0 1em 0;
}

img {
float: right;
margin: 0px;
padding: 10px;
background: #fff;
}

img.articulo {
margin: -10px 12px 0 -5px ;
float: left;
padding: 0;
}

img.articulo2 {
margin: 0px 0px 0 5px ;
float: right;
padding: 0;
}

a {
outline-style: none;
}


a:link {
       text-decoration: none;
       color: #000;   
}

a:link.subir, a:visited.subir {
color: #000;
       display: block;
       font-family: verdana,arial,helvetica,sans-serif;
       font-size: 9px;       
       text-align: right;    
       padding-top: 5px;
       border-top: 6px solid #000;
}

a:hover.subir{
       color: #fa0;
       line-height: 12px;
       text-indent: 9px;
       text-decoration: underline;  
       text-align: right;
}

blockquote p {
color: #000;
font-family: Georgia, Times, serif;
font-style: italic;
font-size: 22px;
line-height: 28px;
text-indent: -8px;
width: 200px;
margin: 22px 0 33px 0;
}

blockquote p .autor {
display: block;
margin-top: 26px;
font-family: Georgia, Times, serif;
font-style: italic;
text-align: left;
font-size: 16px;
}

p {
       font-family: verdana,arial,helvetica,sans-serif;
       font-size: 12px;
       line-height: 18px;
       text-indent:12px;
margin-bottom: 12px;      
}

p.first {
       text-indent: 0;       
}

p.dialogo {
       text-indent: 0;     
       padding: 0 50px;     
}

p.dialogoTocho {
       text-indent: 0;     
       padding: 35px 50px 0 50px;     
}

p.firstTocho {
       text-indent: 0;
margin-top: 35px;       
}

.numRomano {

font-family: Georgia, Times, Serif;
font-variant: small-caps;
font-style: normal;
letter-spacing: 2px;
font-weight: bold;
}

.numRomanoParentesis {
font-variant: normal;
font-style: normal;
font-weight: bold;
letter-spacing: 4px;
font-size: 0.8em;
clear: right;
}


p.pregunta {
font-weight: bold;
text-indent: 0;
color: #fa0;
margin-top: 14px;
margin-left: 0px;  
}

p.lastparrafo {
padding-bottom: 12px;
}

p.respuesta {
text-indent: 0;
margin: 6px 0 18px 0px;
}
p.pregunta strong, p.respuesta strong {
font-weight: normal;
       color: #000;
       
}

p.bloque {
font-family: Georgia, Times, serif;
font-size: 24px;
text-align: center;
color: #fa0;
margin: 0 0 0 0;
}
.ingles {
color: #fA0;
}
 

ol {
margin: 24px 0 12px 0;
padding: 0 0 0 12px;
}

ol li {
font-family: Georgia;
font-style: italic;
font-size: 14px;
line-height: 22px;
margin: 10px 0 0 24px;
}

ol li strong {
      padding: 0px 0px;
      color: #ffaa00;
      font-weight: bold;
}

ol.listaLibros  {

list-style-position: outside;
margin: 20px 0 0 36px;
}

ol.listaLibros li {
color: #fa0;
font-family: Georgia;
font-style: normal;
font-size: 11.5px;
list-style-type: decimal;
line-height: 18px;
margin: 5px 0 0 0;
}

ol.listaLibros li a {
background: #fff;
}

ol.listaLibros li.conImg {
width: 200px;

}


ol.listaLibros li img {
float: left;
padding: 0;
margin: 10px 0 0 0;
border: 0
}



.liImgLibro{
margin: 15px 0 0 0;
float: left;

}

.imgLibroTit{
width: 180px;
float: left;
margin: 0;
padding: 0;
}
.imgLibroTit .autorLista{
display: block;
}

.imgLibro{
float: left;
width: 110px;
margin: 0;
padding: 0;
}

.imgLibro img {
margin: 0;
padding: 0;
}



.tituloLibro {
color: #000;
font-variant: small-caps;
letter-spacing: 2.5px;
font-weight: normal;
font-size: 12px;
}

.autorLista {
font-weight: bold;
}


#column{
display: none;

}

#columnRight{
display: none;

}

/*Los siguientes id son para la sombra
del contenido prpal*/
/*
#column{
position: absolute;
    width: 20px;
height: 100%;
left: -20px;
background: url(../img/sombra_ventana.png) repeat-y left top;
}

#columnRight{
    position: absolute;
    left: 720px; 
    width: 20px;
    height: 100%;
    background: url(../img/sombra_ventana2.png) repeat-y left top;
}*/


#ruta {
font-family: verdana,arial,helvetica,sans-serif;
text-align: right;
margin: 10px 15px 0 0; 	
}

#ruta h5{
        font-size: 10px;
        font-weight: normal;
        padding: 4px;
        letter-spacing: 0em; 
}

#ruta strong {
      padding: 2px 5px;
      background-color: #FFAA00;
      font-weight: normal;
}

#ruta a:link, #ruta a:visited {
      display: inline;
      text-decoration: none;
      color: #000;
}
#ruta a:hover, #ruta a:active {
       display: inline;
      text-decoration: underline;
      color: #000;        
}

#content {
	margin: 40px 10px 0 20px;
	width: 470px;
	float: right;
}



#primary {
	margin-top: 99px;
	width: 240px;
	float: left;
}
#primary a {
	color: #000000;
	text-decoration: underline;
}

.listanormal ul {
        list-style-type: none;
        padding-left: 0;
}
.listanormal li {     
        color: #000;
        display: block;              
        line-height: 1.5em;
	font-family: verdana,helvetica,arial,sans-serif;
        font-size: 0.7em;
        border-top: 1px solid #999;
        padding: 5px 0 5px 0;
}
li.listanormalfirst  {     
color: #000;
display: block;              
line-height: 1.5em;
font-family: verdana,helvetica,arial,sans-serif;
font-size: 0.7em;
border: 10px;
padding: 5px 0 5px 0;
margin-top: 0px;
border: 0;
}


/*
Reseýa de libros
*/
#secondary {
width: 205px;
margin-left: 0px;
float: right;  
padding-right: 15px;          
}

#secondary h4 {
        display: block;
        font-size: 0.7em;
        font-family: verdana,arial,sans;
        letter-spacing: 0em;
        font-weight: bold;     
        padding:5px 30px 5px 0;
        color: #000;
        border-top: 6px solid #000;
}



/*
*
************ RESEýA
*******************
*
*/
.textosRel {
margin: 0 0px 0 8px;
}
.textosRel p.leemas {
padding: 8px 0;
border-top: 6px solid #000;
border-bottom: 6px solid #000;
font-size: 10px;
font-weight: bold;
line-height: 14px;     
display: block;
}


.textosRel ul {
        list-style-type: none;
        padding-left: 0;
        padding-bottom: 10px;
}

.textosRel ul li {     
        display: block;              
        height: 100%;
        line-height: 20px;
	font-family: verdana,helvetica,arial,sans-serif;
        font-size: 11px;
        border-top: 1px solid #DDD;
        padding-left: 10px;  
background: url(../img/bullet.gif) no-repeat left 55%;
}

.textosRel ul li.expand {     
line-height: 24px;
background: #fff;
padding-top:5px
}

.textosRel ul li.expandLast {     
background: #fff;
padding-top: 5px;
color: #666;
}
.textosRel ul li a:link, .textosRel ul li a:visited {
color: #000;
}
.textosRel ul li a:hover, .textosRel ul li a:active {
text-decoration: underline;
}
/*****************************
Lista anidada dentro de textos relacionados
******************************/

.textosRel ul ul  {     
display: block;
list-style-type: none;
padding-left: 0;
padding-bottom: 0px;

}

.textosRel ul ul.textosRelac li {
font-size: 10px;
line-height: 14px;     
font-family: verdana,helvetica,arial,sans-serif;    
display: block;              
border-top: 0;
padding: 5px 0 5px 20px;
border-bottom: 1px dashed #ddd;
background: url(../img/PDF_icon.gif) no-repeat left 5px;
}


ul.resenasPrin {
list-style-type: none;
}

ul.resenasPrin li  {
font-size: 10px;
line-height: 14px;     
font-family: verdana,helvetica,arial,sans-serif;    
display: block;              
border-top: 0;
padding: 5px 0 5px 20px;
border-bottom: 1px dashed #ddd;
background: url(../img/PDF_icon.gif) no-repeat left 5px;
}

ul.resenasPrin li a:link, ul.resenasPrin li a:visited {
color: #000;
}

ul.resenasPrin li a:hover, ul.resenasPrin li a:active{
text-decoration: underline;
}




.textosRel ul ul.premios li  {
font-size: 10px;
line-height: 13px;
color: #666;
display: block;              
border-top: 0;
padding: 5px 0;
border-bottom: 1px dashed #ddd;
background: #fff;
}


/****************************
*/
.textosRel ul ul.premios li.bolsillo {
font-size: 10px;
line-height: 14px;
border-top: 0;
height: 200px;
margin: 0px 0 0px 0;
padding:  5px 0;
background: #fff;
}
.textosRel ul ul.premios li.bolsilloLast {
font-size: 10px;
line-height: 14px;
border: 0;
height: 200px;
margin: 0px 0 0px 0;
padding:  5px 0;
background: #fff;
}



.textosRel ul ul.premios li.bolsillo img, .textosRel ul ul.premios li.bolsilloLast img {
margin: 5px 0px 0 0px;
padding: 0;
float: left;
}

/*******************************
********************************/

.textosRel ul ul li.last {     
border: 0;
padding-bottom: 15px;
}

.textosRel ul ul li.lastLeeMas {
color: #666;
border: 0;
padding: 0;
background: #fff
}

.textosRel ul ul li.lastLeeMas a {
color: #666;
}
.textosRel ul ul .autor { 
color:#666;
font-weight: normal;
display: block;
}
.textosRel ul ul .titulo{     
color:#666;
font-weight: bold;
display: block;
}
.textosRel ul ul .publicacion{   
color:#666;
font-style: italic;
display: block;
}

.textosRel ul li.expand ul.textosRelac li a:hover, a:active {
text-decoration: underline;
display: block;
}

.textosRel ul li.expand ul.textosRelac li a, a:link, a:visited {
text-decoration: none;
display: block;
background: #fff;
}








/**********************
**********************/



/*
*
** MENU
**
*
*/

#mainNav {
position: relative;
left: 0;
width: 200px;
margin: 60px 10px 0 15px;
}

#cabeceraMenu {
        width: 200px;
        height: 134px;        
        margin: 0 0 20px 0;
        background: transparent;        
}


#menu {
margin: 0 0 40px 0;
float: left;
padding: 0;
width: 200px;
font-family: verdana,helvetica,arial,sans-serif;
}

#menu * {

}

#menu ul {
height: 100%;
list-style-type: none; 
padding: 0;
margin: 0;
border:0;
}

#menu ul li {
line-height: 26px;
text-indent: 11.5px;
font-size: 11px;
color: #000;
padding: 0;
margin: 0;
border-left: 6px solid #000;
border-right: 6px solid #000;
border-top: 1px solid #DDD;
background: #fff;
}

#menu ul li.last {
margin: 0;
}

#menu ul li.lastNoticia {
margin: 0;
background: url(../img/link_externo.gif) no-repeat 66px 10px #fff;
}

#menu ul li.selectednomenu {
text-indent: 18px;
font-weight: bold;
padding: 5px 0;
border-left: 0;
border-right: 0;
border-top: 6px solid #000;
border-bottom: 6px solid #000;
}

#menu ul li.selected {
text-indent: 18px;
font-weight: bold;
border-right: 0;
border-left: 0;
padding-top: 10px;
padding-bottom: 4px;
border-top: 6px solid #000;
}

#menu ul li.expand{
height: 100%;
text-indent: 0;
padding-left: 18px;
padding-right: 18px;
border-right: 0;
border-left: 0;
padding-bottom: 10px;
border-top: 0;
border-bottom: 6px solid #000;
}

#menu ul ul li {
text-indent: 12px;
font-size: 11px;
color: #000;
padding: 0px;
margin: 0;
border-right: 0;
border-left: 0;
border-top: 0;
border-bottom: 1px solid #ddd;
}

#menu ul ul li.firstonly {
border-top: 1px solid #ddd;
border-bottom: 0;
}


#menu ul ul li.first {
border: 0;
}

#menu ul ul li.firstfirst {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}



#menu ul ul li.aqui {
text-indent: 12px;
font-size: 11px;
color: #fa0;
font-weight: bold;
padding: 0px;
margin: 0;
border-top: 1px solid #fa0;
border-bottom: 1px solid #fa0;
background:  url(../img/submenu_hover.gif) no-repeat  left -17px; 
}
#menu ul ul li.last {
border: 0;
}

#menu a:hover, a:active {
color: #fff;
background: #000;
}


#menu a {
height: 1%;
text-decoration: none;
display: block;
color: #000;
padding: 0;
margin: 0;

background: #fff;
}

#menu ul ul a:hover, a:active {
color: #000;
background:  url(../img/submenu_hover.gif) no-repeat left 3px;
}
#menu ul ul a, a:link, a:visited {
background:  url(../img/submenu_hover.gif) no-repeat right 0;
}



#noticia {
        width: 100%;
        padding: 0;
        float:right;
        color: #FFAA00; 
        text-align: left;        
}
#noticia p {
        font-size: 11.5px;
        line-height: 16px;
        font-style: normal;
        margin: 0;
        padding-bottom:  12px;
        text-indent: 0;
        border-bottom: 6px solid #fa0;
}


#noticia a, #noticia a:link, #noticia a:visited {
color: #FFAA00;
display: block;
background: #fff;
}

#noticia a:hover, #noticia a:active {
color: #000; 
text-decoration: underline;
background: #fff;
}

#noticia h3{
        display: block;
        font-size: 11px;
        line-height: 11px;
        font-family: verdana,arial,sans;
        font-weight: bold;     
        padding: 5px  0;
        color: #000;
        border-top: 6px solid #000;
        border-bottom: 1px solid #AAA;        
}

/*
**
**footer
**
**
**
*/

#pie {
float: left;
font-family: Verdana, Helvetica, Arial, Sans Serif;
font-size: 9px;
width: 720px;
height: 100%;
background: #fff;}

#pieCentro {
padding: 60px 0 0 0;
float: left;
font-family: Verdana, Helvetica, Arial, Sans Serif;
background: #fff;
width: 720px;
height: 100%;
text-align: right;

}

#pie p{
font-size: 9px;
margin: 0 15px;
border-top: 1px dashed #fa0;
padding: 10px;
} 

#pie p strong {
color: #fa0;
font-weight: normal;
} 

#pieIzda{
/*
padding: 100px 0 0 0;
float: left;
margin-left: -20px;
width: 40px;
height: 40px;
background: url(../img/foot_left.png) no-repeat left bottom #fff;
*/}

#biselRight{
background: url(../img/foot_right.png) no-repeat 0 0;
float: left;
}

/*
**
** LINKS LEER MýS
**
*/

#siguiente {
float: right;
}
#atras{
float: left;
}

a.mas {
padding: 2px 5px;
font-size: 10px;
}

a:link.mas,  a:visited.mas  {
display: inline;
text-decoration: none;
color: #333;
background: #eee;

}

a:hover.mas, a:active.mas {  
display: inline; 
    color: #fff;
    /*padding: 0 4px 2px 4px;*/
    background: #000;
margin: 1em 0 0 0;
}




/******************************
*******************************
*/

.clear {
clear:both;
}


#cabecera {
width: 100%;
height: 44px;
background: #000;
}