@charset "utf-8";
/* CSS Document */


/* Generic Selectors */


body {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #333333;
    letter-spacing: 1px;
    background-color: #C6C07B;
    background-image: url('../../images/fondo_pared.jpg');
    background-repeat: repeat ;
  }


p {
    letter-spacing: 0px ;
    font-style:normal;
    padding: 0px 20px 20px 20px;
    /*top right bottom left*/;
  }


li {
    line-height: 150%;
    letter-spacing: 4px;
    /*list-style-image: url(../images/arrowSmall.gif);
    */
  }


h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 26px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1px;
  }


h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #808040;
    letter-spacing: 3px;
  }


h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #808040;
    letter-spacing: 2px;
  }

h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1px;
}

/**************** Pseudo classes ****************/


a:link {
    color: #78783C;
    text-decoration: underline;
    font-weight: bold;
    letter-spacing: 3px;
  }


a:visited {
    color: #78783C;
    text-decoration: underline;
    font-weight: bold;
    letter-spacing: 3px;
  }


a:active {
    color: rgb(255, 0, 102);
    font-weight: bold;
    letter-spacing: 3px;
  }


a:hover {
    color: rgb(20, 96, 205);
    padding-bottom: 5px;
    font-weight: bold;
    text-decoration: underline;
    letter-spacing: 3px;
  }


li :link {
    color: #808040;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 4px;
  }


li a:visited {
    color: #8DB447;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 4px;
  }


li a:hover {
    display: block;
    color: rgb(20, 96, 205);
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #808040;
    letter-spacing: 4px;
  }


li.itemHorizontal {
    /*display:inline-block ;
    */list-style-image: url('../images/arrow.gif');
  }


table.tablaPrincipal {
    margin-left:10px ;
    width: 95% ;
    background-color: transparent;
    border-width:2px;
  }


table.subTabla {
    width: 95% ;
    background-color: #EFFFED ;
    margin-left: 10px;

  }


ul.listadoPrincipal {
    list-style-image: url('../images/arrow.gif');
    /*display:inline;
    *//*list-style-type: disc ;
    */
  }


ul.subListado {
    list-style-type :circle;
  }


img {
    border-right: 0px solid #808040;
    border-left: 0px solid #808040;
    border-top: 0px solid #808040;
    border-bottom: 0px solid #808040;
  }


div.titular {
  width: 100% ;
  background-color: #ECF6DD ;
  margin-bottom:50px ;
}

div.contenidoArticulo {
}

div.tituloArticulo {
  margin: 0%;
}

div.tituloSoloArticulo {
  margin-top:-8%;
  font-size: 16px ;
}


div.infoArticulo {
  margin:0%;
  letter-spacing: 0px ;
  font-size: 12px ;
  font-style: italic;
}


div.volanteArticulo {
 position:relative;
 top: inherit; 
 height: auto;
}


/*COMENTARIOS*/

div.contenidoComentario {
  width:95% ;
}

div.autorComentario {
    letter-spacing: 0px ;
    font-size: 14px ;
    font-style: italic;
    width: 20% ;
}

div.tituloComentario {
    width: 65% ;
}

div.comentarioImpar {
  background-color: #F5FFE5 ;
  margin-left:10px ;
  margin-right:10px ;
  margin-top:5px ;
  margin-bottom:10px ;

  padding-left: 4px ;

  border-bottom: 1px solid #D4DACB;
  border-right: 1px solid #D4DACB;
  border-left: 1px solid #D4DACB;

}

div.comentarioPar {
  background-color: #FBFFF5 ;
  margin-left:10px ;
  margin-right:10px ;
  margin-top:5px ;
  margin-bottom:10px ;

  padding-left: 4px ;

  border-bottom: 1px solid #D4DACB;
  border-right: 1px solid #D4DACB;
  border-left: 1px solid #D4DACB;

}


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

p.info {
    letter-spacing: 0px ;
    font-size: 12px ;
    font-style: italic;
    /*top right bottom left*/;
}

textarea.textoComentario {
  width:350px ;
  height:200px ;
}

/************************* ID's *************************/

#cabecera {
  margin: 0px ;

  position: absolute ; 

  left: 0 ;
  top :0 ;
  width:100% ;

  background-image: url('../../images/cenefas.jpg');
  background-repeat: repeat-x ;
  height: 100px ;

  border-top: 2px solid #808040;

}


#contenedor {
position:absolute;
width:80% ;
margin-top: 100px ;
margin-left:10% ;

height: auto;
}

#areadetexto {
   width: 250px ;
   height: 120px ;
}

#titulo {
   position:absolute;
   top: 0px;
   width: 70% ;
   height: auto;
   margin-left: 22% ;
   background-color:transparent; 

   border-right: 1px solid #808040;
   border-left: 1px solid #808040;
   border-top: 1px solid #808040;
   border-bottom: 1px solid #808040;

}

#sideBar {
   position: absolute;
   top:  0px;
   left: inherit;	
   width: 20% ;
   height:inherit;
   margin-top: 0px ;
   padding-top: 10px ;
   padding-left: 5px ;
   padding-right: 5px ;
   padding-bottom: 10px ;


   background-color: #F8FFED ;
   border-right: 1px solid #808040;
   border-left: 1px solid #808040;
   border-top: 1px solid #808040;
   border-bottom: 1px solid #808040;
}


#principal {
    position: absolute;
    top: 435px;
    left: inherit;
    margin-left: 22% ;
    width: 70% ;
    background-color: #F8FFED ;
    border-right: 1px solid #808040;
    border-left: 1px solid #808040;
    border-top: 1px solid #808040;
    border-bottom: 1px solid #808040;

}

#formularioComentario {
  margin-left:10px ;
  margin-right:10px ;

  background-color:#EFF7E3  ;

}