@charset "UTF-8";

/*
 * Se utilizan íconos de la colección Coquette
 * de DryIcons.com (http://dryicons.com/).
 */

/* ---------------------------------------------------------------------------*
 * Style reset.                                                               *
 * From Blueprint CSS framework - http://www.blueprintcss.org/                *
 * -------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* ---------------------------------------------------------------------------*
 * Typography.                                                                *
 * From Blueprint CSS framework - http://www.blueprintcss.org/                *
 * -------------------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  background: #2A4D09;
  font-family: "DejaVu Sans", Verdana, Arial, Geneva, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #2A4D09;
}

h1 {
    font-size: 3em;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 0.5em;
    text-shadow: #999 1px 1px 2px;
}
h2 {
    font-size: 2em;
    margin-top: 1em;
    margin-bottom: 0.75em;
    text-shadow: #999 1px 1px 2px;
}
h3 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
}
h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
}
h5 {
    font-size: 1em;
    margin-bottom: 1.5em;
}
h6 {
    font-size: 1em;
}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left, li img.left {
    float: left; margin: 0 1.5em 1.5em 0; padding: 0;
}
p img.right, li img.right {
    float: right; margin: 0 0 1.5em 1.5em; padding: 0;
}

a:focus,
a:hover     {
    color: #394866;
}
a           {
    color: #637EB2;
    text-decoration: underline;
}

blockquote  {
    margin: 1.5em;
    color: #444;
    font-style: italic;
}
strong      {
    font-weight: bold;
    color: #000;
}
em, dfn      {
    font-style: italic;
    color: #000;
}
dfn         {
    font-weight: bold;
}
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     {
    margin: 0 0 1.5em;
    font-style: italic;
}
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'DejaVu Sans Mono', 'Andale Mono', 'Lucida Console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       {
    font-weight: bold;
}
dd          { margin-left: 1.5em;}
dd ul {
    padding-left: 1em;
}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.5em; }
th          {
    font-weight: bold;
}
/*thead th    { background: #c3d9ff; }*/
th,td,caption { padding: 4px 10px 4px 5px; }
/*tr.even td  { background: #e5ecf9; }*/
tfoot       {
    font-style: italic;
}
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.right {
    float: right;
    margin: 0.5em 0 0.5em 2em;
}
.cleared {
    clear: both;
}
.right-abs {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0.5em 0 0.5em 2em;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

address.unspaced {
    margin-bottom: 0;
}

/* ---------------------------------------------------------------------------*
 * Site styles.                                                               *
 * -------------------------------------------------------------------------- */

input, button, textarea {
    font-family: "DejaVu Sans", Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
}

thead th {
    background: #E6E6E6;
    font-weight: bold;
}

a.external {
    padding-right: 14px;
    background-image: url(../img/icon_external_link.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

ul.spaced-items {
    margin-bottom: 0;
}
ul.spaced-items li {
    margin-bottom: 1.5em;
}
ul.spaced-items ul li {
    margin-bottom: 0;
}

#container {
    background: #2A4D09 url(../img/pagebg.png) repeat-y center;
}

#container-int {
/*    width: 950px;
    margin: 0 auto;*/
    background: transparent url(../img/pagebg-top.png) no-repeat center top;
}

#header {
    width: 950px;
    height: 200px;
    margin: 0 auto;
    padding: 0;
    background: #FFF url(../img/header.png) no-repeat bottom;
    position: relative;
}
#cong-title, #cong-motto, #cong-ld, #cong-org {
    display: none;
}
#header-a-home {
    display: block;
    position: absolute;
    outline: none !important;
    width: 119px;
    height: 143px;
    top: 33px;
    left: 59px;
    text-decoration: none;
}
#header-a-ihlla {
    display: block;
    position: absolute;
    outline: none !important;
    width: 165px;
    height: 80px;
    top: 63px;
    right: 35px;
    text-decoration: none;
}

#main {
    width: 950px;
    margin: 0 auto;
    background: #FFF;
    overflow: hidden;
}

#sidebar {
    width: 200px;
    float: left;
    padding: 0;
    margin: 0;
    background: #FFF;
}

#mainnav {
    background: #E6EEFF url(../img/mainnav.png) repeat-y left;
    margin: 10px 0 10px 10px;
    padding: 0;
}
#mainnav-int {
    background: transparent url(../img/mainnav-top.png) no-repeat left top;
    margin: 0;
    padding: 0;
}
#mainnav ul {
    background: transparent url(../img/mainnav-bot.png) no-repeat left bottom;
    padding: 10px 0 20px 0;
    margin: 0;
}
#mainnav li {
    font-size: 1em;
    font-weight: bold;
    text-align: right;
    list-style: none;
    padding: 0;
    margin: 0 10px 0 10px;
}
#mainnav li a:focus,
#mainnav li a:hover {
    background: transparent url(../img/mainnav-li-h.png) no-repeat bottom right;
}
#mainnav li a {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 2px 5px 7px 5px;
    background: transparent url(../img/mainnav-li.png) no-repeat bottom right;
}
#mainnav li.this {
    color: #000;
    padding: 2px 5px 7px 5px;
    background: transparent url(../img/mainnav-li-h.png) no-repeat bottom right;
}

#sidebar dl.logos {
    margin-top: 20px;
}
#sidebar dl.logos dt {
    display: none;
}
#sidebar dl.logos dd {
    margin: 0 0 15px 0;
    padding: 0;
    text-align: center;
}
#sidebar dl.logos dd.last {
    margin-bottom: 0;
}
#sidebar dl.logos dd#l-azul {
    margin-bottom: 30px;
}

#contents {
    margin-left: 200px;
    padding: 10px 20px 10px 10px;
    background: #FFF;
}

#contents #innernav {
    margin: 0 20px 1.5em 20px;
    padding: 0;
    background: #E6EEFF url(../img/innernav-top.png) no-repeat top;
    text-align: center;
}
#contents #innernav ul {
    list-style: none;
    background: transparent url(../img/innernav-bot.png) no-repeat bottom;
    margin: 0;
    padding: 5px 0 9px 0;
}
#contents #innernav li {
    list-style: none;
    display: inline;
    margin: 0;
}
#contents #innernav li a {
    padding: 2px 10px;
    border-left: 1px solid #FFF;
    text-decoration: none;
}
#contents #innernav li.first a {
    border-left: none;
}

#footer {
    background: transparent url(../img/pagebg-btm.png) no-repeat center bottom;
    padding: 0 0 32px 0;
}
#footer-int {
    width: 950px;
    overflow: hidden; /* clears floats */
    margin: 0 auto;
    padding: 10px 0 0 0;
    background: #FFF url(../img/hsep2.png) no-repeat top;
}
#footer-info {
    clear: both;
    text-align: center;
    color: #888;
    margin-top: 10px;
}
#footer-info span {
    padding: 0 3em;
}
#footer-noscript {
    clear: both;
    text-align: left;
    color: #900;
    margin-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
}
#footer-noscript em {
    color: #900;
}

dl.extraws dt {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}
dl.extraws dt.first {
    margin-top: 0;
}

ul.p, ol.p {
    margin-bottom: 0;
}
ul.p li, ol.p li {
    margin-bottom: 1.5em;
}

.with-cols {
    overflow: auto;
}
#contents .cols2 {
    width: 720px;
    overflow: hidden; /* clears floats */
}
#contents .cols2 .col {
    float: left;
    width: 340px;
}
#contents .cols2 .col.last {
    margin-left: 40px;
}

table.integrantes td {
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 1em;
}
table.integrantes td.nombre {
    font-weight: bold;
    white-space: nowrap;
    padding-left: 0;
}
table.integrantes td.instit {
    padding-right: 0;
}

div.image {
    margin: 0 0 1.5em;
    text-align: center;
}
div.image a img {
    border: 2px solid #637EB2;
}
div.image a:focus img, div.image a:hover img {
    border: 2px solid #394866;
}
div.image .caption {
    font-size: 0.8em;
    margin-top: 5px;
}

.gallery {
    text-align: center;
    background: #E6E6E6 url(../img/gallery-top.png) no-repeat top;
    padding: 0;
}
.gallery .int {
    background: transparent url(../img/gallery-bot.png) no-repeat bottom;
    padding: 5px;
    margin: 0;
}
.gallery .caption {
    margin: 0 5px 10px 5px;
    padding: 0 10px 2px 10px;
    border-bottom: 1px solid #FFF;
    font-size: 0.8em;
    text-align: left;
}
.gallery ul {
    padding: 0;
    margin: 0 0 5px 0;
}
.gallery li {
    display: inline;
    list-style: none;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}
.gallery li a {
    text-decoration: none;
}
.gallery li a img {
    border: 2px solid #637EB2;
}
.gallery li a:focus img, .gallery li a:hover img {
    border: 2px solid #394866;
}

.form {
    text-align: center;
    background: #E6E6E6 url(../img/gallery-top.png) no-repeat top;
    padding: 0;
    margin-bottom: 1.5em;
}
.form .int {
    background: transparent url(../img/gallery-bot.png) no-repeat bottom;
    padding: 10px;
    margin: 0;
}
.form .legend {
    background: transparent url(../img/req_field.png) no-repeat left;
    text-align: left;
    margin: 5px 0 0 0;
    padding: 2px 0 0 15px;
    border-top: 1px solid #FFF;
}

.form form table {
    margin: 0 auto;
}
.form form tbody th {
    text-align: right;
    padding-left: 0;
    padding-right: 10px;
}
.form form tbody td {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}
.form form tbody th, .form form tbody td {
    border-bottom: 1px dotted #FFF;
}
.form form tr.multiline th, .form form tr.multiline td {
    vertical-align: top;
}
.form form tr.first th, .form form tr.first td {
    padding-top: 0;
}
.form form tr.last th, .form form tr.last td {
    padding-bottom: 0;
}
.form form tfoot td {
    text-align: right;
}
.form form tr.req th label {
    background: transparent url(../img/req_field.png) no-repeat left;
    padding-left: 15px;
}
.form form tbody td table {
    margin: 0;
}
.form form tbody td table th, .form form tbody td table td {
    border-bottom: none;
}
.form form label.error {
    display: none;
    color: #900;
    font-size: 0.8em;
    margin-top: 3px;
}

.msg {
    margin: 0 5em 1.5em 5em;
    text-align: left;
}
.msg.full-width {
    margin-right: 10px;
    margin-left: 10px;
}
.msg.error, .msg.caution, .msg.ok, .msg.info, .msg.plain {
    padding: 5px 5px 5px 45px;
    border: 1px solid #CCC;
    min-height: 32px;
}
.msg.error, .msg.caution, .msg.ok {
    font-weight: bold;
}
.msg.info, .msg.plain {
    font-weight: normal;
}
.msg.error {
    background: #FFF url(../img/warning32.png) no-repeat 5px 10px;
    color: #900;
}
.msg.caution {
    background: #FFF url(../img/warning32.png) no-repeat 5px 10px;
}
.msg.ok {
    background: #FFF url(../img/accept32.png) no-repeat 5px 10px;
    color: #000;
}
.msg.info {
    background: #FFF url(../img/info32.png) no-repeat 5px 10px;
}
.msg.plain {
    padding-left: 5px;
}
.msg.error.short, .msg.caution.short, .msg.ok.short, .msg.info.short {
    background-position: 5px 5px;
    padding-top: 10px;
    padding-bottom: 0;
}
.msg p {
    margin-bottom: 0;
}

.notice {
    margin: 0 10px 1.5em 10px;
    background: #FFF url(../img/info32.png) no-repeat 5px 10px;
    color: #000;
    padding: 5px 5px 5px 45px;
    border: 1px solid #CCC;
    min-height: 42px;
}
.notice p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}
.notice p.first {
    padding-top: 0;
}
.notice p.last {
    padding-bottom: 0;
}
.notice p.sep {
    border-top: 1px solid #CCC;
}
.notice.reduced-width {
    margin-left: 120px;
    margin-right: 120px;
}

p.important {
    border: 1px solid #CCC;
    padding: 3px;
    margin-right: -4px;
    margin-left: -4px;
}
.p-icon {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.downl_link {
    text-align: center;
    background: #FFF url(../img/download32.png) no-repeat 5px 10px;
    color: #000;
    padding: 5px 5px 5px 45px;
    border: 1px solid #CCC;
    min-height: 42px;
}
.downl_link a {
    font-weight: bold;
}

#cuenta {
    font-weight: bold;
    font-style: normal;
    border: 1px solid #CCC;
    margin-bottom: 1.5em;
    padding: 4px 0;
    width: 720px;
    overflow: hidden;
}
#cuenta-t {
    margin: 5px 10px 4px 10px;
}
#cuenta-n, #cuenta-p {
    float: left;
    width: 340px;
    margin-bottom: 0;
    padding: 4px 0;
}
#cuenta-n {
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #CCC;
}