/* Diseño web por GenGH */
/*  www.genocation.com  */


body.main {
   overflow-y: scroll;
   margin-left: 20px;
   margin-top: 20px;
   margin-right: 20px;
   margin-bottom: 0px;
   background: white url(imagenes/dibujos/fondo2.png);
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: top right;
}

body.intro {
   overflow: hidden;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: #ffffff;
}



/* ESTILO GENERAL DE LINK */

A:link, A:visited {
   font-style: none;
   text-decoration: none;
   color: #ff0000; 
   border-bottom: 0px;
}

A:hover, A:active {
   font-style: none;
   text-decoration: none;
   color: #ff0000;
   border-bottom: 2px dotted #000000;
}


/* ESTILO DEL MENU PRINCIPAL */

ul.menu1 {
   margin: 0;
   padding: 0;
}

ul.menu1 li {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 18px;
   text-align: left;
   margin-left: 80px;
   list-style: none;
   padding: 3px;
}

ul.menu1 li a {
   font-style: none;
   color: #ffffff;
   display: block;
   border-bottom: 0px;
   border-left: 18px solid #ffffff;
   height: 18px;
   padding: 0px 0px 0px 10px;
   text-decoration: none;
}

ul.menu1 li a:hover, ul.menu1 li a:active {
   font-style: none;
   border-left: 18px solid #ff0000;
}


/* ESTILO DEL MENU SECUNDARIO */

ul.menu2 {
   list-style: none;
   margin: 0;
   padding: 0;
   display: inline;
   float: left;
}

ul.menu2 li {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 18px;
   padding: 3px;
   display: block;
   float: left;
}

ul.menu2 li a {
   font-style: none;
   color: #888888;
   display: block;
   border-bottom: 0px;
   border-left: 18px solid #888888;
   height: 18px;
   padding: 0px 20px 0px 9px;
   text-decoration: none;
}

ul.menu2 li a:hover, ul.menu2 li a:active {
   font-style: none;
   border-left: 18px solid #000000;
}

ul.menu2 li a.actual, ul.menu2 li a.actual:visited, ul.menu2 li a.actual:hover, ul.menu2 li a.actual:active {
   font-style: none;
   color: #000000;
   border-left: 18px solid #000000;
}


/* ESTILO GENERAL DE LISTA */

ul li {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 12px;
   list-style: square;
   color: #000000;
   padding: 2px;
}


/* ESTILO DE LINK DE BOTON DE LOGIN */

A.login:link, A.login:visited {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 13px;
   font-weight: bold;
   font-style: none;
   color: #ffffff;
   border-left: 14px solid #ffffff;
   border-bottom: 0px;
   padding: 0px 0px 0px 6px;
}

A.login:hover, A.login:active {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 13px;
   font-weight: bold;
   font-style: none;
   color: #ffffff;
   border-left: 14px solid #ff0000;
   border-bottom: 0px;
   padding: 0px 0px 0px 6px;
}

/* ESTILO DE LINK DE LOS CREDITOS */

A.creditos:link, A.creditos:visited {
   font-style: none;
   text-decoration: none;
   color: #aaaaaa; 
   border-bottom: 0px;
}

A.creditos:hover, A.creditos:active {
   font-style: none;
   text-decoration: none;
   color: #aaaaaa;
   border-bottom: 2px dotted #ffffff;
}




/* ESTILOS DE PARRAFO */

/* Estilo de título */
P.titulo {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 20px;
   color: #000000;
   text-decoration: none;
   text-align: left;
}
P.titulo:before {
   content: url(imagenes/dibujos/cuadradotitulo.png);
   padding: 0px 5px 0px 0px;
}

/* Estilo de subtítulo */
P.subtitulo {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 15px;
   font-weight: bold;
   color: #ee0000;
   text-decoration: none;
   text-align: left;
}
P.subtitulo:before {
   content: url(imagenes/dibujos/cuadradosubtitulo.png);
   padding: 0px 4px 0px 0px;
}

/* Estilo de texto general */
P.texto {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 12px;
   text-align: justify;
   color: #000000;
}


/* Estilo de texto general */
P.creditos {
   font-family: serif;
   font-size: 11px;
   text-align: left;
   color: #aaaaaa;
}




/* ESTILOS DE TEXTO PARA ANUNCIOS */

P.fechaanuncio {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 12px;
   color: #ffffff;
   background-color: #000000;
   padding: 1px 10px;
}


/* ESTILOS DE TEXTO PARA POSTS */

P.titulopost {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 20px;
   color: #000000;
   text-decoration: none;
   text-align: left;
}
P.titulopost:before {
   content: url(imagenes/dibujos/cuadradotitulo.png);
   padding: 0px 5px 0px 0px;
}

P.fechapost {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 12px;
   font-style: italic;
   color: #888888;
}

P.autorpost {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 12px;
   font-weight: bold;
   text-align: right;
   color: #666666;
}
P.autorpost:after {
   content: url(imagenes/dibujos/cuadradosubtitulo.png);
   padding: 0px 0px 0px 4px;
}

P.categoriaspost {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 12px;
   font-style: italic;
   text-align: right;
   color: #888888;
}

P.menupapel {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   color: #000000;
   height: 12px;
   padding: 0px 6px 0px 0px;
}


/* ESTILO PARA LOS LETREROS DEL LOGIN */
P.login {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 15px;
   font-weight: bold;
   text-align: right;
   color: #888888;
}


/* ESTILO DE LAS IMAGENES */
img {
   border: 1px solid #000000;
   padding: 4px;
}

img.indice {
   border: none 0px;
   padding: 0px;
}



/* ESTILO DE DIVS VARIOS */

DIV {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
   font-size: 12px;
}

DIV.menu {
   padding: 0px 0px 30px 0px;
}

DIV.menudigital {
   padding: 0px 0px 60px 0px;
}

DIV.menuideas {
   position: fixed;
   width: 40%;
   height: 100%;
   right: 50px;
}

DIV.texto {
   width: 300px;
}

DIV.arbol {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 90%;
   height: 500px;
   border: none 0px;
   background-image: url(imagenes/dibujos/arbolchino.png);
   background-repeat: no-repeat;
   background-position: bottom left;
   text-align: center;
}

DIV.portada {
   position: absolute;
   top: 60px;
   left: 340px;
}

DIV.anuncio {
   width: 300px;
   padding: 0px 0px 20px 0px;
}

DIV.post {
   width: 450px;
   padding: 0px 0px 20px 0px;
   position: relative;
}

DIV.ficha {
   width: 450px;
   position: relative;
}

DIV.cabeza {
   position: absolute;
   top: 15px;
   right: 130px;
}

DIV.login {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 400px;
   margin-left: -200px;
   height: 200px;
   margin-top: -100px;
   border: 1px dotted #000000;
   background-color: #ffffff;
   background-image: url(imagenes/dibujos/fondo1.png);
   background-repeat: no-repeat;
   background-position: top right;
   text-align: center;
}

DIV.form {
   position: absolute;
   bottom: 0px;
   left: 10px;
}


DIV.intro {
   position: relative;
   text-align: center;
   top: 10px;
   right: 10px;
   width: 300px;
   height: 100%;
}

DIV.pie {
   position: absolute;
   bottom: 0px;
   left: 10px;
}