* {
    padding: 0;
    margin: 0;
}

/* ================================================== */
/*                Elementos Generales                 */
/* ================================================== */

body {
    color: white;
    background-color: #eee;
    font: 12px sans serif;
}

img { border: 0; }

html {
    height: 101%;
} /* forza la visibilidad de la barra de desplazamiento en Firefox */


h1 {
    font-size: 200%;
}

h2 {
    font-size: 200%;
    margin-bottom: 1em;
}

h3 {
    font-size: 110%;
    padding-bottom: 1em;
    padding-top: 0.5em;
}

h4 {
   font-size: 90%;
   padding-top: 1em;
   padding-left: 2.5em;
}

address {
    text-align: center;
    font-size: 80%;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 1.5em;
}


code {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 5px;
    background-color: #aeb4d4;
    font-size: 80%;
}


/* ================================================== */
/*                     Listas                         */
/* ================================================== */

p, ul {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 1.5em;
}

ul ul {
    margin: 0;
}

li {
    margin:0;
    margin-left: 1.5em;
}


/* ================================================== */
/*                          Ligas                     */
/* ================================================== */
a {
    text-decoration: none;
}

a:link {
    color: #3F4C6B;
}

a:visited {
    padding-right: 17px;
    color: #3F4C6B;
}

a:hover, a:focus {
    text-decoration: underline;
}

a:active{
    color: #3F4C6B;
}


/* ================================================== */
/*                   Ligas con Iconos                 */
/* ================================================== */

a[href$='.doc'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_doc.gif) no-repeat center right;
}

a[href$='.rtf']  {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/rtf.png) no-repeat center right;
}

a[href$='.txt'], a[href$='.tex'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_opml.gif) no-repeat center right;
}

a[href$='.vcard'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_vcard.gif) no-repeat center right;
}

a[href$='.exe'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_exe.gif) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_dmg.gif) no-repeat center right;
}

a[href$='.pps'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_pdf.gif) no-repeat center right;
}

a[href$='.xpi'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_archive.gif) no-repeat center right;
}

a[href$='.ical'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_ical.gif) no-repeat center right;
}

a[href$='.css'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_css.gif) no-repeat center right;
}

a[href$='.ttf'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_ttf.gif) no-repeat center right;
}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_film.gif) no-repeat center right;
}

a[href$='.wav'], a[href$='.wma'], a[href$='.m4a'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_music.gif) no-repeat center right;
}

a[href$='.ogg'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/ogg.png) no-repeat center right;
}


a[href$='.mp3'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/mp3.png) no-repeat center right;
}


a[href$='.odp'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/odp.png) no-repeat center right;
}


a[href$='.ods'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/ods.png) no-repeat center right;
}


a[href$='.odt'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/odt.png) no-repeat center right;
}




/* messenger */
a[href ^="aim:"] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_skype.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_mailto.gif) no-repeat center right;
}

/* making sure images don't get iconos */

.imageLink {
    padding-right: 0px !important;
    background: none !important;
}

/* Ligas externas */


a[href^="http:"] {
    padding: 5px 20px 5px 0;
    background: url(/iconos/icon_external.gif) right center no-repeat;
}



a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] {
    padding: 5px 20px 5px 0;
    background: transparent url(../iconos/icon_pic.gif) no-repeat center right;
}

a[href *="en.wikipedia.org/wiki/"] {
    padding: 5px 20px 5px 0;
    background: transparent url(http://en.wikipedia.org/favicon.ico) no-repeat center right;
}

a[href^="http://nano.dialetheia.net"] {
    background: transparent;
    padding-right: 0px;
}

a[href^="http://del.icio.us/nano_unanue"] {
    background: transparent;
    padding-right: 0px;
}

a[href^="http://www3.clustrmaps.com"] {
    background: transparent;
    padding-right: 0px;
}

a[href^="http://www.inteliture.com"] {
    background: transparent;
    padding-right: 0px;
}


a[href^="http://nanoblog.dialetheia.net"] {
    background: transparent;
    padding-right: 0px;
}
a[href^="http://getfirefox.com"] {
    background: transparent;
    padding-right: 0px;
}
a[href^="http://www.fsf.org/resources/formats/playogg"] {
    background: transparent;
    padding-right: 0px;
}
a[href^="http://creativecommons.org"] {
    background: transparent;
    padding-right: 0px;
}
a[href^="http://mwolson.org"] {
    background: transparent;
    padding-right: 0px;
}
a[href^="http://www.gnu.org/software/emacs"] {
    background: transparent;
    padding-right: 0px;
}
a[href^="http://www.obtengalinux.org"] {
    background: transparent;
    padding-right: 0px;
}



/* ================================================== */
/*                           Divs                     */
/* ================================================== */
#wrapper {
    color:black;
    background-color: white;
    width: 970px;
    margin: 10px auto;
}

#encabezado {
    text-align: left;
    background-color: #356AA0;
    padding: 10px 20px;
    height: 100px;
}

#encabezado p {
    padding: 5px 0;
    margin-bottom: 0;
    color: #FF7400;
}

#encabezado h1 {
    font-size: 250%;
    font-style: italic;
    color: #C3D9FF;
    text-transform: lowercase;
    font-weight: bold;
    padding-top: 30px;
}

#encabezado h2 {
    font-size: 150%;
    color: #C3D9FF;
    text-transform: lowercase;
    font-weight: bold;
    padding-top: 5px;
}

#encabezado a {
    color:#C3D9FF;
    text-decoration: none;
}

#navegacion {
    text-align: right;
    text-transform: lowercase;
    font-weight: bold;
    color: #4096EE;
    background: white;
    padding: 5px 10px 4px 10px;
}

#navegacion ul {
    margin-bottom: 0;
}

#navegacion li {
    display: inline;
    list-style-type: none;
    margin: 0;
}

#navegacion a {
    color: #4096EE;
    padding: 4px 8px 4px 8px;
    text-decoration: underline;
}

#barra-lateral {
    width: 200px;
    float: right;
    margin: 20px 10px;
    padding: 20px;
    border-left: 1px solid blue;
}

#contenido {
    width: 650px;
    margin: 10px;
    padding: 10px;
    float: left;
}

#contenido p {
    padding-left: 20px;
}

#contenido h2 {
    font: 20px Georgia;
    color:  #356AA0;;
    font-style: italic;
    border-bottom: 1px dotted  #356AA0;;
}

#contenido h3 {
    font: 15px Georgia;
    padding-left: 0.5em;
    color: #356AA0;
    font-weight: bold;
}

#pie {
    clear:both;
    padding: 10px 50px;
    border-top: 1px solid #8c8c8c;
    margin-top: 20px;
    text-align: center;
    /* for IE
    filter:alpha(opacity=60);
    /* CSS3 standard
    opacity:0.6;
    /* for Mozilla
    -moz-opacity:0.6; */
}

#pie img{
    border:0px;
    float:none;
    vertical-align:middle;
}
#pie:hover{
    filter:alpha(opacity=100);
    opacity:1.0;
    -moz-opacity:1.0;
}


#actualizacion {
    color: #8c8c8c;
    margin-top: 50px;
    text-align: right;
    font-size: 75%;
}


/* ================================================== */
/*                       Tables                       */
/* ================================================== */
table {
    text-align: center;
    width: 95%;
    margin: 10px auto;
    border: 0px solid black;
}

.muse-table {
    width: 80%;
}

.muse-table tr td {
    text-align:center;
}


tr td{
    font-family: "lucida grande", verdana, sans-serif;
    font-size: 8pt;
    padding: 3px 8px;
    background: #fff;
    border: 0px solid black;
}


thead th{
    color: #fff;
    background-color: #8c8c8c;
    font-weight: bold;
    border: 0px solid black;
}

tbody td {
    text-align: left;
}

.grande {
    width: 15em;
}

.chico {
    text-align: center;
    width: 3em;
}


/* ================================================== */
/*                       Formas                       */
/* ================================================== */
form {
    width: 40em;
    align: center;
    margin-top: 30px;
    margin-left: 100px;
}

label {
    width: 7em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block
}

.submit input {
    margin-left: 6.5em;
    font-weight: bold;
}

input {
    color:  #3F4C6B;
    background: white;
    border: 1px solid #4096EE;
}

fieldset {
    width: 30em
    margin: auto;
    border: 0;
}

legend {
    color:  #3F4C6B;
    padding: 10px 10px;
    font-weight: bold;
    font-style: italic;
}


#mensaje {
    width: 30em;
    padding: 20px 20px;
    margin:auto;
    background: #3F4C6B;
    color: white;
}