/**ELEMENTOS**/

body{ background-color: #99CCCC; font:65%em;}
p{ font: 1.1em arial,helvetica,sans-serif; letter-spacing: 0.1em;}
h1{ font: 2.6em verdana,tahoma,sans-serif;}
h2{ font: 1.8em arial,genova,sans-serif;}
h3{ font: 1.4em arial,genova,sans-serif; line-height:1.2em;}
ul{ list-style-type: none;}
li{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold;}
a:link{ color: #006666; text-decoration: none;}
a:visited{ color: purple; text-decoration: none;}
a:active{ color: purple;}
a:hover{ color: #339966;}



/** PAGINA INICIO DEL SITIO**/

#todo{ background: White; background-image: url(img/fondot.jpg); background-repeat: no-repeat; background-position: bottom; border: 3px ridge silver; width:740px; height:100%; margin:0 auto; padding-top:15px;}

#titulo{ padding:5px 0 0 30px; width:450px;}
#titulo .p1{ font: 1em verdana,sans-serif; margin-top:-10px;}

#dcu{ position:absolute; margin:-100px 0 0 580px; line-height:2em; padding-right:20px; border-right:6px solid silver;}
#dcu li{ text-align:right;}

#miga{ background-color: #669998;}
#miga p span{  visibility: hidden;}
#miga p{ color: white;}

#intro{ width:400px; margin:40px 0 0 30px;}

#indice{ margin:-190px 0 0 500px; padding:5px 0 5px 0; background-image: url(img/links.jpg); background-repeat: no-repeat; background-position: top center; padding-top:0px; }
#indice li{ font-size: 1.1em; font-family:arial,sans-serif; font-weight:bold; word-spacing: 0.2em;}

#a,#b,#c,#d {  width:220px; padding-top:21px;}
#d{  padding-bottom:1px;}
#b{ padding-top:22px;}


#bitacora{ margin:-185px 0 0 30px; width:400px; background-image: url(img/bitacora.jpg); background-position: top; background-repeat: no-repeat; padding:20px 0 5px 0;}
#bitacora li{ padding:15px;}

#contexto{ margin-top:50px; padding-left:10px;}
#contexto li{display:inline; padding-left:20px;}

#otro{ margin:-40px 0 0 430px; text-align:right; padding:0 30px 10px 0 ;}
#otro p{ color: #626262; font-weight: 500;}

#index{ margin-left:515px; padding-left:30px; width:210px;}

#indicen{ margin:0px 0 0 500px; padding:5px 0 5px 0; background-image: url(img/links.jpg); background-repeat: no-repeat; background-position: top center; padding-top:0px; }
#indicen li{ font-size: 1.1em; font-family:arial,sans-serif; font-weight:bold; word-spacing: 0.2em;}

#bitacoran{ margin:10px 0 0 515px; background-image: url(img/bitacoran.jpg); background-position: top-left; background-repeat: no-repeat; padding:20px 0 5px 0; width:210px;}
#bitacoran li{ padding:15px 15px 15px 0;}


/** TEXTOS Y CONTENIDO**/
#contenido{ min-height: 530px;}

#texto{ width: 400px; margin:-560px 0 0 30px; }
#texto .p1{ padding-left:20px;}

#descarga{ margin-left: 50px;}