/* 
 * Hoja de estilos para la página de inicio del KAW
 *
 * $Id: home.css,v 1.6 2004/07/28 07:34:36 elena Exp $ 
 */

@import "estilos.css";

body {
   text-align: center;
}
   
#kaw-title{
    margin-left: 1em;
    text-align: left;
}

/* Buscador */
#searcher {
    text-align : center;
    clear : both;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    border:0px;
    vertical-align : middle;	
}

#searcher fieldset {
    font-size: 0.9em;    
    border: 0px;
    color: #666666;
}

#searcher label {
    font-weight: bold;
    color: #666666;	
}


/*Contenido central */

#box {
    clear: both;
    width: 100%;
    padding: 0px;	
    margin: 0px;
}

#barraCentral {
    width : 450px;
    text-align : center;
    margin-left: 190px;
}

#navegacion-top{
    background-image : url(../imagenes/nav-color-1.gif);
    background-repeat : no-repeat;
    background-position : top center;
    height : 23px;
    margin-bottom: 0px;
}

#navegacion {
    background-image : url(../imagenes/nav-color-2.gif);
    background-repeat : repeat-y;
    background-position : center;
    margin: 0px;
    padding : 0px;
}

#navegacion-bottom{
    background-image : url(../imagenes/nav-color-3.gif);
    background-repeat : no-repeat;
    background-position : bottom center;
    height : 23px;
    margin-top: 0px;
    margin-bottom: 5px;
}

#barraDerch{
    width : 180px;
    float : left;
}

/* estilos para el indice */
#mapa{
    text-align : left;
    margin : 0px;
    padding: 0.1em;
}

#mapa ol{
    font-size: 1em;
    font-weight : bolder;
    font-variant: small-caps;
    font-family : "MS Sans Serif", sans-serif, Geneva;
    list-style: none;
    display : block;
}

#mapa li {
    margin-bottom: 1em;
    display : block;
}

#submapa-docu, #submapa-enla, #submapa-herr, #submapa-libr {
    margin-left: 0px;
    display : block;
}

#submapa-docu ul, #submapa-enla ul, #submapa-herr ul, #submapa-libr ul {
    font-weight : lighter;
    font-variant: normal;
    display: inline;
}

#submapa-docu li, #submapa-enla li, #submapa-herr li, #submapa-libr li {
    display: inline;
}

/*enlaces de colores */
#mapa li a {
    text-decoration:none;
    color: #000;
    padding : 0.1em 3em 0.1em 1em;
}

#submapa-herr li a, #submapa-docu li a, #submapa-enla li a, #submapa-libr li a {
    text-decoration:none;
    color: #000;
    padding : 0.1em 1em 0.1em 1em;
}

#mapa li a:hover, #submapa-herr li a:hover, 
#submapa-docu li a:hover, #submapa-enla li a:hover, 
#submapa-libr li a:hover {
    color: #fff;
}

a.docu:hover {
    background-color: #FF6600;
}

a.enla:hover{
    background-color: #999933;
}

a.herr:hover {
    background-color: #666699;
}

a.libr:hover {
    background-color: #CC0000;
}

/* notas */
.note{
    background-color : #F5F5F5;
    background-position : top left;
    background-repeat: no-repeat;
    padding : 0.5em;
    text-align : right;
    margin-bottom: 0.5em;
}

.note p {
    font-size : 0.7em;
    text-align : left;
    margin : 0.2em; 
}
.note a, .note a:link {
    color: #336699;
    text-decoration : underline;
    font-size : 0.7em;
    font-weight : bolder;
}

.note a:hover{
    text-decoration: none;
} 

.note a:visited {
    color: #004080;
}

/* nuevos recursos */
.newlisttitle {
   font-size: 0.9em;
   font-weight: bolder;
   color: #666666;
}

.new{
    background-color : #F5F5F5;
    background-position : top left;
    background-repeat: no-repeat;
    padding : 0.5em;
    text-align : left;
    margin-bottom: 0.5em;
}
.new ul, .new ol {
   margin: 0.5px;
   padding: 0px;
}

.new li {
    font-size : 0.7em;
    text-align : left;
    margin : 0.5em; 
}
.new a, .new a:link {
    color: #336699;
    text-decoration : underline;
    font-weight : bolder;
}

.new a:hover{
    text-decoration: none;
} 

.new a:visited {
    color: #004080;
}


/* Pie */
#foot {
    clear : both;

    margin-top:0.2em;
    width: 100%;
    padding: 0px;	
    margin: 0px;
}

#logos{
    width : 200px;
    float:left;
}

#notice{
    margin-left: 200px;
    width: 430px;
    background-color : #FFFFCC;
    padding : 0.5em;
    font-size : 0.8em;
}