body { background: #777700; font: 12px Arial,Helvetica,sans-serif; color: black; line-height: 200%; text-align: justify; }

a:link { color: black;} 

a:visited { color: #790000;}

a:active { color: #FF0000; } 

a:hover { font-size: 13px; font-weight:bold; color: #790000; }

a.inicio {display:inline-block; height: 13px; width: 19px;  background: url("Images/farriba2.png") 0 0 no-repeat; }

a.inicio:hover {background-position: -19px 0;	color: #E9BE75;}

a.vertical {display:inline-block; height:39px; width:34px; background: url("Images/flechasarriba2.png") 0 0 no-repeat;}

a.vertical:hover {background-position: -34px 0;	color: #E9BE75;}

a.vertical:active {background-position: -68px 0; color:white;}

a.izquierda {display:inline-block; height:30px; width:41px; background: url("Images/flechasizquierda2.png") 0 0 no-repeat;}

a.izquierda:hover {background-position: -41px 0; color: #E9BE75;}

a.izquierda:active {background-position: -82px 0; color:white;}

a.derecha {display:inline-block; height:30px; width:41px; background: url("Images/flechasderecha2.png") 0 0 no-repeat;}

a.derecha:hover {background-position: -41px 0; color: #E9BE75;}

a.derecha:active {background-position: -82px 0;	color:white;}

div {background-image: url('Images/hexagon1.jpg'); padding:10px; margin:20px; border: solid thin #777700;}

div div { background: #fefdfa; padding-left: 25px; padding-right: 25px; border: solid thin #790000;}

h1 {text-align: center; font-size: 30px; font-weight: bold; line-height: 150%;}

h2 {text-align: center; font-size: 20px;  color: #790000; font-weight: bold; line-height: 130%;}

p {line-height: 200%; font-size: 12px;}

p.pie {text-align: right; font-size: 10px;}

ol {list-style-type: arabic-numbers; }

table {background: #777700;  border-spacing: 1; border: 5px ridge #666600; margin-right: auto; margin-left: auto; }

th {font-weight: bold; text-align:center; vertical-align:middle; border: 2px ridge #666600; padding:10px;}

td {text-align: justified; vertical-align: middle; border: 2px ridge #66660000; padding: 15px; height: 40px;}

td li {text-align:left; }

table.invisible {background: #777700; border-spacing: 10px; border: none; }

table.invisible td {border:none; padding: 0px;}

img {border: none; margin: 5px;}

img.pie {float: left; vertical-align: middle; border: 0px; padding: 0px;}

td.titulo2 {text-align: center; font-size: 13px;  color: #790000; font-weight: bold; background:  #ffffff;  height: 30px; width: 40px; padding: 0px; padding-left: 8px; padding-right: 8px;} 

td.boton {text-align: center; vertical-align: middle; border: 2px ridge #b3ca88; padding: 0px;}

td.applet {background: #777700; padding: 0px;}

td.appletr {background: #777700; padding: 0px; margin-left: 20px;}
 
input.botontb2 {background: #ffffff; font-size: 11px; font-weight: bold; height: 33px; width: 100%; }

input.botontb2:hover {border:2px solid #790000; font-size: 11px; font-weight: bold; color: #790000;}

input.botontb3 {background: #ffffff; font-size: 11px; font-weight: bold; height: 30px; width: 75px; margin-left: 5px; margin-right: 5px;}

input.botontb3:hover {border:2px solid #666600; font-size: 13px; font-weight: bold; color: #790000;}

input.botontb4 {background: #ffffff; font-size: 11px; font-weight: bold; height: 30px; width: 105px; margin-left: 5px; margin-right: 5px;}

input.botontb4:hover {border:2px solid #666600; font-size: 13px; font-weight: bold; color: #790000;}

div.centrado {background: none; right-margin: auto; left-margin: auto; text-align: center; border: none;}

table.intro {background: none; width: 100%; border: none; }

td#intro {text-align: justified; border: none;}

td#menu {display: block; padding-left: 0px; border: none; height: 100%; width: 220px;}

#menu div {vertical-align: middle; height: 350px; width: 215px; padding: 0px;}

#menu li {text-align:left;  font-size: 11px; line-height: 220%; }

#menu a:hover {font-size: 12px;}

.parrafo1:first-letter { font:italic bold 250% serif; float: left; padding-right: 0.02em;}