body {background-color:#8b0000}

.encabezado {background-color:#ffeecc; border-style:groove; text-align:center; margin:0 3% 0 3%}

.subrotulo {text-align:left; font-size:0.8em; font-family:arial, helvetica, sans-serif; color:#d3d3d3; margin-left:6%; display:inline}
.fecha {margin-left:45%;font-size:0.8em; font-family:arial, helvetica, sans-serif; color:#d3d3d3; display:inline}

#navcontainer {margin:0 5% 0 5%; background:#ffeecc;  
text-transform:capitalize; padding: 0.1em; border-style:outset; font-family: arial,helvetica, sans-serif;}
/* to stretch the container div to contain floated list */
#navcontainer:after {content:"."; display: block; line-height: 1px; font-size: 1px; clear: both}
ul#navlist {list-style: none; padding:0; margin:0 auto; width: 100%;   
font-size: 0.7em}
ul#navlist li {display: block; float:right; width:14%; margin: 0; padding: 0;}
ul#navlist li a {display: block; width: 94%; padding: 0.1em; border-width: 2px; border-color: #ffe #aaab9c #ccc #fff;
border-style:solid; color: #777; text-decoration:none; background: #f7f2ea}
ul#navlist li a:hover {color:#8b0000; background:transparent;border-color: #aaab9c #fff #fff #ccc;}
ul#navlist li a:active {background: #f0e7d7; color: #8b0000;}

#segunbar {margin:0 20% 0.2% 20%; list-style-type:none; text-align:center}
#segunbar li {display:inline; margin:0 auto}
#segunbar a {margin:0 1% 0 1%; color:#d3d3d3; font-family: arial, helvetica, sans-serif; font-size:0.8em}
#segunbar a:hover {color:#e0ffff}

.texto {background-color:#ffeecc; border-style:groove; padding:2% 5% 3% 5%; margin:0 3% 0 3%}

h2 {text-indent:30px; font-family:arial, helvetica, sans-serif; color:#8b0000; text-align:left}

p {text-indent:30px; font-family:verdana, arial, helvetica, sans-serif; font-size:0.9em; text-align:justify}

h2 img {margin:0 0 3% 5%; float:right}

p img {margin:2% 0 3% 5%; float:right}

li img {margin:1% 0 2% 5%; float:right}

h3 {text-indent:30px; color:#8b0000}

#lista{text-indent:30px}

#cita {background:#e0ffff; color:#00008b; font-size:0.9em; font-family:arial, helvetica, sans-serif; border-width:3px; 
border-style:ridge; text-align:center}

#enlac a {padding:0.2em; background:#f7f2ea; color:#8b0000; 
border-width:0.3em; border-color:#ffe #aaab9c #ccc #fff; border-style:solid; text-align:center; 
font-size:0.9em; font-family:arial, helvetica, sans-serif; text-decoration:none}
#enlac a:hover {color:#00008b; border-color:#aaab9c #fff #fff #ccc}
#enlac a:active {background:#f0e7d7; color:#8b0000}

.recomen {color:#8b0000; font-weight:bold; text-align:center; background:#ffffff; padding:2px; width:450px; margin:0 auto}
.recomen a {color:#008ee4}

#banner {text-align:center; margin-bottom:10px}

.leeygana img {float:right}