/* BASICOS */
*{
margin: 0;
padding: 0;
}
body, html{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(images/bg_body.png) repeat-x #eee;
}
acronym, abbr{
cursor: help;
border-bottom: none;
}

label{
cursor: pointer;
}
hr{
display: none;
}

.editarLibro p{
text-align: center;
font-size: 1.4em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
    .editarLibro p a{
    display: block;
    color: #333;
    text-decoration: none;
    }
    .editarLibro p a strong{
    color: #cc0000;
    font-size: 1.5em;
    }
    .editarLibro p a:hover{
    color: #666;
    }
    .editarLibro p a:hover strong{
    color: red;
    text-decoration: underline;
    }
    
.descargaCatalogo p{
text-align: center;
padding: 5px 0 5px 17px;
background: url('images/icono_pdf.png') no-repeat left center;
}
    .descargaCatalogo p a{
    display: block;
    color: #cc0000;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    }
    .descargaCatalogo p a:hover{
    color: red;
    text-decoration: underline;
    }

/* BLOQUES */
#contenedor{
width: 770px;
min-height: 100%;
margin: 0 auto 0 auto;
background: url(images/bg_contenedor3.png) repeat-y;
}
  #s1 #contenedor{
  background: url(images/bg_contenedor.png) repeat-y !important;
  }
  #s5 #contenedor, #s8 #contenedor{
  background: url(images/bg_contenedor2.png) repeat-y !important;
  }
  #s8 #contenedor, #s6 #contenedor, #s5 #contenedor{
  background: url(images/bg_contenedor4.png) repeat-y !important;
  }
  
#header{
height: 90px;
background: url(images/header.png) no-repeat top #AA0000;
}
#contenido{
padding: 10px 20px 10px 20px;
background: url(images/bg_contenido3.png) no-repeat top;
}
	#s1 #contenido{
	background: url(images/bg_contenido.png) no-repeat top !important;
	}
	#s5 #contenido, #s8 #contenido{
	background: url(images/bg_contenido2.png) no-repeat top !important;
	}
	#s8 #contenido, #s6 #contenido, #s5 #contenido{
	background: url(images/bg_contenido4.png) no-repeat top !important;
	}

	#articulos{
	float: right;
	width: 250px;
	}
	#libros{
	float: left;
	width: 480px;
	}
	#lateral{
	float: left;
	width: 250px;
	}
	#info{
	float: right;
	width: 480px;
	}
	#s8 #lateral, #s6 #lateral, #s5 #lateral{
	width: 190px !important;
	}
	#s8 #info, #s6 #info, #s5 #info{
	float: right;
	width: 540px !important;
	}

#pie{
width: 730px;
height: 62px;
margin: -70px auto 0 auto;
padding: 8px 20px 0 20px;
background: url(images/bg_pie.png) no-repeat;
}
.fin{
height: 80px;
clear: both;
}

/* TEXTOS */
h1{
position: absolute; 
top: -999px;
}
h2, h4{
color: #990000;
font-weight: bold;
font-size: 1.05em;
font-weight: normal;
margin: 0 22px 7px 5px;
padding: 4px 10px 0 15px;
border-bottom: 1px solid #CBCDC2;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#s5 h2, #s6 h2, #s8 h2{
font-size: 1.5em;
margin: 0 5px 7px 22px;
padding: 4px 15px 0 10px;
font-family: "Times New Roman", Times, serif;
}
#s2 h2, #s3 h2, #s4 h2, #s7 h2{
padding: 4px 15px 0 10px;
margin: 0 11px 7px 10px;
}
h3{
color: #CC0000;
font-size: 1.3em;
font-weight: normal;
margin: 4px 0 5px 120px;
border-bottom: 1px solid #AEBAC6;
font-family: "Times New Roman", Times, serif;
}
  h3 a{
  color: #CC0000;
  display: block;
  text-decoration: none;
  }
  h3 a:hover{
  color: red;
  }
  #s7 h3{
  font-size: 1.3em;
  margin: 4px 0 5px 80px !important;
  }
  #s7 h3:hover{
  background: #FDFEED;
  }

#articulos h4{
color: #CC0000;
text-align: center;
margin: 0 8px 7px 15px;
border-bottom: 1px solid #A3A78F;
}
#articulos h5{
color: #C80000;
margin: 0 0 0 60px;
padding: 1px 0 1px 0;
font-size: 0.75em;
}
  #articulos h5 a{
  color: #C80000;
  display: block;
  text-decoration: none;
  }
    #articulos h4 a:hover{
    text-decoration: underline;
    }

#s3 #contenido ul{
width: 470px;
margin: 20px auto 0 auto;
list-style: none;
}
#s3 #contenido ul li{
margin: 5px 0 5px 0;
}
#s3 #contenido ul li a img{
border-left: 1px solid #cc0000;
border-top: 1px solid #cc0000;
border-right: 2px solid #990000;
border-bottom: 2px solid #990000;
}
#s3 #contenido ul li a:hover img{
border-left: 1px solid #990000;
border-top: 1px solid #990000;
border-right: 2px solid #cc0000;
border-bottom: 2px solid #cc0000;
}
   
#pie p{
color: #eee;
font-size: 0.75em;
}
  #pie p a{
  color: #eee;
  text-decoration: none;
  }
  #pie p a:hover{
  color: #fff;
  text-decoration: underline;
  }
  
/* -- #MOD. LIBROS Y ARTICULOS*/
#info{
padding: 0 0 20px 0;
}
#info p{
font-size: 0.8em;
padding: 0 30px 0 30px;
}
#info p span{
font-style: normal;
font-weight: bold;
color: #CC0000;
}
#lateral p{
font-size: 0.75em;
padding: 5px 0 5px 0;
}
#lateral p span{
color: #990000;
}
#lateral .img{
margin: 30px 20px 20px 0 !important;
padding: 0 !important;
text-align: center;
}
#lateral img{
border-right: 2px solid #790000;
border-bottom: 2px solid #790000;
border-left: 1px solid #C80000;
border-top: 1px solid #C80000;
}
#lateral p a{
color: #CC0000;
}
  #lateral p a:hover{
  color: red;
  }

/* -- #LIBROS */
#libros ul{
list-style: none;
margin: 0 15px 0 3px;
}
#libros ul li{
min-height: 150px;
cursor: default;
padding: 8px 8px 8px 10px;
margin: 0 0 10px 0;
border-bottom: 1px dashed #CBCDC2;
}
  #libros .a{
  background: #EFF0EC;
  }
    #libros .a:hover{
    background: #FBFBF9;
    }

  #libros .b{
  /*border-left: 1px dashed #C1C4B5;
  border-bottom: 1px dashed #C1C4B5;*/
  }
    #libros .b:hover{
    background: #FBFBF9;
    }

#libros ul li p{
padding: 4px 0 3px 0;
margin: 0 0 0 120px;
font-size: 0.875em;
font-family: "Arial", Verdana, Helvetica, sans-serif;
}
#libros ul li p a{
color: #336699;
display: block;
text-align: right;
text-decoration: none;
padding: 5px 10px 0 10px;
}
  #libros ul li p a em{
  font-weight: normal;
  color: #336699;
  }
  #libros ul li p a:hover{
  text-decoration: underline;
  }
#libros ul li p em{
color: #333;
font-weight: bold;
}
#libros ul li p strong{
color: #666;
}
#libros ul li img{
float: left;
border: 1px solid #93A3B3;
}

/* -- #ARTICULOS */
#articulos ul{
list-style: none;
margin: 0 0 10px 10px;
}
#articulos ul li{
clear: both;
cursor: default;
margin: 3px 0 0 0;
min-height: 40px;
padding: 6px 5px 10px 7px;
}
#articulos ul li p{
color: #666;
margin: 0 0 0 60px;
font-size: 0.7em;
}
/*#articulos p a{
color: #333;
display: block;
text-decoration: none;
}
  #articulos p a:hover{
  color: #000;
  text-decoration: underline;
  }
*/
#articulos ul li img{
float: left;
margin: 0 5px 2px 0;
}
  #articulos .a{
  background: #C9CBBE;
  border-left: 1px solid #E7E8E1;
  border-right: 1px solid #E7E8E1;
  border-bottom: 1px solid #E7E8E1;
  }
    #articulos .a:hover{
    background: #BEC9CB;
    }
    #articulos .a img{
    border: 1px solid #E7E8E1;
    }

  #articulos .b{
  background: #E7E8E1;
  border-left: 1px solid #C1C4B5;
  border-right: 1px solid #C1C4B5;
  border-bottom: 1px solid #C1C4B5;
  }
    #articulos .b:hover{
    background: #E1E7E8;
    }
    #articulos .b img{
    border: 1px solid #C1C4B5;
    }
  #articulos .pie{
  color: #336699;
  }
 
/* -- #RESULTADOS */
#resultados{
list-style: none;
margin: 0 30px 0 30px;
}
#resultados li{
/*min-height: 70px;*/
margin: 0 0 10px 0;
padding: 8px 8px 8px 10px;
border-bottom: 1px dashed #CBCDC2;
}
  #resultados .a{
  background: #EFF0EC;
  height: 90px;
  overflow: hidden;
  }
  #resultados .a2{
  height: auto;
  }
    #resultados .a:hover{
    background: #fff;
    }
  #resultados .b{
  background: #FBFBF9;
  height: 90px;
  overflow: hidden;
  }
  #resultados .b2{
  height: auto;
  }
    #resultados .b:hover{
    background: #fff;
    }

#resultados li p{
padding: 4px 0 3px 0;
margin: 0 0 0 80px;
font-size: 0.75em;
}

#resultados li .autor em{
color: #333;
font-weight: bold;
}
#resultados li .texto{
font-size: 0.8em;
}
#resultados li img{
float: left;
margin: 7px 0 0 0;
border: 1px solid #93A3B3;
}

/* ENLACES */
#header ul{
list-style: none;
padding: 62px 0 0 140px;
}
#header ul li{
float: left;
}
#header ul li a{
color: #eee;
font-size: 0.75em;
font-weight: bold;
margin: 0 3px 0 3px;
padding: 4px 7px 5px 7px;
text-decoration: none;
background: #C80000;
}
  #header ul li a:hover{
  color: #fff;
  background: #AA0000;
  text-decoration: underline;
  }
    #s1 #b1 a,
    #s2 #b2 a,
    #s3 #b3 a,
    #s4 #b4 a,
    #s5 #b5 a,
    #s6 #b6 a,
    #s7 #b7 a,
    #s8 #b3 a{
    color: #fff;
    background: #AA0000;
    }
#s2  #contenido p a{
color: #CC0000;
text-decoration: none;
}
#s2  #contenido p a:hover{
text-decoration: underline;
}
.misc{
text-align: right;
font-size: 0.75em !important;
margin: 0 30px 5px 30px !important;
}
  .misc a{
  color: #CC0000;
  padding: 0 0 5px 0;
  text-decoration: none;
  }
  .misc a:hover{
  color: red;
  text-decoration: underline;
  }
#articulos .misc{
padding: 10px 0 10px 0;
text-align: center;
}

.creditos{
margin: -22px 10px 0 0;
float: right;
}
  .creditos a img{
  border: 1px solid #CC0000;
  }

/* FORMULARIOS */
#header fieldset{
border: none;
float: right;
padding: 0 20px 0 0;
}
#header legend{
display: none;
}
#header .buscar{
cursor: pointer;
font-size: 0.75em;
font-weight: bold;
height: 20px;
width: 50px;
padding: 2px 5px 3px 5px;
border: 1px solid #AA0000;
background: url(images/bg_buscar.png) no-repeat left center #DDA993;
}
  #buscar{
  color: #333;
  font-size: 0.75em;
  width: 100px;
  padding: 4px 2px 3px 5px;
  border: 1px solid #A40000;
  background: #E2DAD3;
  }
    #buscar:focus{
    color: #000;
    background: #fff;
    }
    
#articulos fieldset, .editarLibro, .descargaCatalogo{
border: none;
color: #274F76;
text-align: center;
font-size: 0.75em;
margin: 3px 0 10px 10px;
padding: 10px 10px 10px 10px;
background: #E2E3DD;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
border-right: 1px solid #C1C4B5;
border-bottom: 1px solid #C1C4B5;
}
#articulos legend{
display: none;
}
#articulos input{
color: #666;
text-align: center;
padding: 2px 5px 3px 5px;
margin: 5px 0 0 0;
width: 100px;
background: #E9E2DC;
border: 1px solid #C1C4B5;
}
  #articulos input:focus{
  color: #000;
  background: #fff;
  }
  
#articulos .enviar{
cursor: pointer;
color: #666;
font-weight: bold;
background: #EEE2CA;
}

/* TABLAS */

#s6 #contenido table, #s5 #contenido table{
width: 90%;
margin: auto;
}
	#s6 #contenido table td, #s5 #contenido table td{
	font-size: 0.75em;
	padding: 1px 4px 1px 4px;
	}

#s2 table{
width: 97%;
margin: 10px auto 0 auto;
}
.titulos td{
color: #fff;
font-size: 0.75em;
text-align: center;
padding: 2px 4px 2px 4px;
background: #676853;
}
#s2 .a td{
font-size: 0.75em;
padding: 2px 8px 2px 8px;
background: #CDCFC5;
}
#s2 .b td{
font-size: 0.75em;
padding: 2px 8px 2px 8px;
background: #D8D9D0;
}
#s2 td a{
color: #000;
display: block;
text-decoration: none;
}
  #s2 td a:hover{
  color: #A80000;
  text-decoration: underline;
  }

/* CONTACTO */  
#s4 #contenido p, #s2 #contenido p, #s3 #contenido p, #s8 #contenido p{
text-indent: 10px;
padding: 2px 13px 2px 13px;
font-size: 0.75em;
}
#s4 #contenido legend{
display: none;
}
#s4 #contenido fieldset{
width: 310px;
margin: 10px auto 0 auto;
padding: 10px 20px 10px 20px;
border: 1px solid #ccc;
}
#s4 #contenido fieldset p{
padding: 5px 0 2px 0;
}
#s4 #contenido label{
color: #676853;
font-weight: bold;
}
#s4 #nombre, #s4 #email, #s4 #tel, #s4 #mensaje{
width: 300px;
padding: 3px;
border: 1px solid #CBCDC2;
}
#s4 .enviar input{
width: 90%;
color: #666;
cursor: pointer;
font-weight: bold;
margin: 15px 0 0 0;
padding: 3px 0 3px 0;
background: #F0E7D0;
border-left: 2px solid #ccc;
border-top: 2px solid #ccc;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
}
.estado_normal{
color: #333;
width: 350px;
text-align: center;
margin: 10px auto 0 auto;
padding: 4px 0 4px 0 !important;
border: 1px solid #ccc;
background: #ccc;
}

.estado_noenviado{
color: #fff;
width: 350px;
text-align: center;
margin: 10px auto 0 auto;
padding: 4px 0 4px 0 !important;
border: 1px solid #ccc;
background: #C80000;
}

.estado_enviado{
color: #fff;
width: 350px;
text-align: center;
margin: 10px auto 0 auto;
padding: 4px 0 4px 0 !important;
border: 1px solid #ccc;
background: #006600;
}

/* REVISTA */

#s8 #lateral h5{
color: #990000;
text-align: center;
padding: 15px 20px 0 0;
}
#s8 #info .abc{
color: #676A57;
margin-bottom: 10px;
}
#s8 #info .abc a{
color: #cc0000;
text-decoration: none;
}
#s8 #info .abc a:hover{
color: red;
text-decoration: underline;
}
#s8 #lateral p{
color: #747560;
font-size: 0.7em;
text-indent: 0;
text-align: center;
margin: 0 10px 20px 0 !important;
padding: 2px 20px 2px 0 !important;
border-bottom: 1px solid #ccc;
}
#s8 #lateral ul{
width: 165px;
margin: 10px 10px 0 15px;
list-style: url(images/lista.png);
}
#s8 #lateral ul li{
margin: 0 0 10px 0;
}
#s8 #lateral ul li a{
color: #CC0000;
display: block;
font-weight: bold;
font-size: 0.75em;
padding: 0 0 2px 0;
text-decoration: none;
border-bottom: 1px solid #ccc;
}
#s8 #lateral ul li a:hover{
color: red;
border-color: #CC0000;
}
#s8 h3, #s6 h3, #s9 #contenido h3{
color: #990000;
font-weight: bold;
font-size: 1.05em;
font-weight: normal;
margin: 0 190px 7px 22px;
padding: 4px 15px 0 10px;
border-bottom: 1px dashed #CBCDC2;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
    #s9 #contenido h3{
    margin-right: 22px;
    }
    
    #s6 h3{
    padding-top: 23px !important;
    }
#s8 .n_fecha{
color: #676A57;
text-align: right;
}
#s8 .autor{
color: #535546;
margin: 0 !important;
}
	#s8 em, #s9 #contenido em{
	padding: 0 0 0 10px;
	font-style: normal;
	font-weight: normal !important;
	color: #266581 !important;
	}
	#s8 a:hover em, #s9 #contenido a:hover em{
	color: red !important;
	}
	
#s8 #info ul, #s9 #contenido ul{
margin: 0 20px 0 40px;
list-style: url(images/lista2.png);
}
#s8 #info .nant li:hover, #s9 #contenido .nant li:hover{
background: #E2E3DD !important;
border-color: #E2E3DD !important;
}
#s8 #info ul li, #s9 #contenido ul li{
cursor: default;
margin: 0 0 5px 0;
border: 1px solid #E2E3DD;
padding: 5px 1px 3px 5px;
}
#s8 #info ul li:hover{
background: #EFF0EC;
border-color: #D3D5CA;
}
    
#s8 #info ul li p, #s9 #contenido ul li p{
margin: 10px 10px 10px 0;
padding: 0;
text-indent: 0;
}
#s8 h4, #s9 #contenido h4{
padding: 0;
margin: 0;
border: none;
font-size: 0.75em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#s8 h4 a, #s9 #contenido h4 a{
display: block;
width: 98%;
font-weight: bold;
color: #CC0000;
text-decoration: none;
}
#s8 h4 a:hover, #s9 #contenido h4 a:hover{
text-decoration: underline;
color: red;
}
#s8 #info p, #s9 #contenido p{
font-size: 0.8em;
padding: 0 10px 0 30px;
}
#s8 .pdf, #s6 .pdf{
width: 400px;
margin: 0 auto 0 auto;
padding: 13px 0 13px 20px !important;
background: url('images/icono_pdf.png') no-repeat left center;
}
    #s6 .pdf{
    padding-left: 30px !important;
    }
#s8 .pdf a, #s6 .pdf a{
color: #CC0000;
}
#s8 .pdf a:hover, #s6 .pdf a:hover{
color: red;
}
