html {
  background: #e3e3e3;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Verdana, sans-serif;
  font-size: small;
  background: #e3e3e3 url(images/bgshadow.png) center top repeat-y;
  color: #111;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

strong { font-weight: bold; }

/* Container */
#container {
  padding: 0;
  width: 780px;
  margin: 0 auto;
  display: block;
  text-align: left;
  background: transparent url(images/bg.png) repeat-y left top;
}

html>body #container{
  width: 780px;
}
/* End Container */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
* .clearfix { display: block; }
*/* close commented backslash hack */

.float-left { float: left; }
.float-right { float: right; }



#main {
  width: 535px;
  float: left;
  padding: 1em 25px 8em 25px;
  background-color: #fff;
}

#bar1 {
  background-color: #efefef;
  float: left;
  width: 195px;
  padding-bottom: 5em;
}

pre {
  width: 100%;
  overflow: auto;
}

a {
  color: #239be7;
}

a:hover {
  color: #00c6ff;
}

h1 {
  color: #2c3d78;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.3em;
  margin-bottom: 1em;
  font-size: 150%;
  font-weight: normal;
}

h2 {
  color: #2c3d78;
  border-bottom: 1px solid #eee;
  font-weight: normal;
  font-size: 130%;
  padding-bottom: 0.3em;
  margin-bottom: 0.5em;
  margin-top: 0.8em;
}

h3 {
  font-size: 110%;
  font-weight: bold;
  color: #455eae;
  margin-bottom: 0.2em;
  margin-top: 0.8em;
}

h1 a, h2 a, h3 a, h4 a, table th a {
  text-decoration: underline;
}

hr {
  display: none;
}

p {
  margin-bottom: 1.5em;
}

.wide-sep {
  background: transparent url(images/bar-wide-sep.png) no-repeat center bottom; 
  min-height: 2px;
  margin: 1em 0;
}

/* Begin forms */
textarea {
}
input, select {
}

select {
   cursor: pointer;
}

input[type="text"], input[type="password"], textarea {
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
}

textarea {
  width: inherit;
}

table {
  text-align: left;
}

/** pager **/
.pager {text-align: center; color: #888; font-size: 90%; margin: 2em auto 0.8em auto;}
.pager span {padding: 0.3em 0.4em; margin: 0 0.1em; border: 1px solid #999;}
span.pager_previous, span.pager_next {border: 2px solid #999;}
span.pager_previous {margin-right: 0.7em;}
span.pager_next {margin-left: 0.7em;}
.pager span a {text-decoration: none;}
.pager span:hover {background-color: #666;}
.pager span:hover a {color: #fff;}
.pager span.pager_current:hover {background: transparent;}

/** Simple Site **/
.simplesite_menu {
  margin-top: 10px;
}

.simplesite_menu a {
  text-decoration: none;
  color: #222;
}

.simplesite_menu ul li {
  background: transparent url(images/bar-sep.png) no-repeat center bottom; 
  padding: 5px 0 8px 10px;
  font-size: 12px;
}

.simplesite_menu ul li a {
  font-weight: bold;
  color: #2c3d78;
}

.simplesite_menu ul li a.menu_option_active {
}

.simplesite_menu ul li ul li {
  background: transparent;
  padding: 0.2em 0;
}

.simplesite_menu ul li ul li a {
  font-weight: normal;
  color: #666;
  font-size: 11px;
  padding-left: 16px;
}

.simplesite_menu ul li ul li a:hover {
  color: #239be7;
}

.simplesite_menu ul li ul li a.menu_option_active {
  color: #000;
  background: transparent url(images/op-sel.png) no-repeat left 4px;
}

// Sitemap
.sitemap ul li {
  padding-top: 10em;
}

.sitemap ul li a {
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

.sitemap ul li a:hover {
  color: #00c6ff;
}

.sitemap ul li ul li {
  padding: 0.2em 0;
  font-size: 90%;
}

.sitemap ul li ul li a {
  color: #239be7;
  font-weight: normal;
  padding-left: 1em;
}

.sitemap ul li ul li a:hover {
  color: #00c6ff;
}


/** SimpleSite **/

/* Used for simple responses (messages saved in session) */
.simple-response-msg {
background: #f4f4f4; 
border: 1px solid #b2b2b2; 
padding: .3em;
}

/** Messages **/
.error-message, .warning-message, .notice-message, .working-message {
  font-weight: bold;
  display: inline;
  text-align: left;
  line-height: 25px;
  padding-left: 26px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 3px;
  background-repeat: no-repeat;
  background-position: 2px 0px;
}

.notice-message {
  border: 1px solid #9db029;
  background-color: #e6f0a5;
  background-image: url("../../images/stock/info-small.png");
}

.warning-message {
  border: 1px solid #fce94f;
  background-color: #fdf4a7;
  background-image: url("../../images/stock/warning-small.png");
}

.error-message {
  border: 1px solid #cc0000;
  background-color: #fabfbf;
  background-image: url("../../images/stock/error-small.png");
}


/* Common styles for all gadgets */
.clearfix:after {
  height: 0;
  clear: both;
  width: 100%;
  content: ".";
  display: block;
  visibility: hidden;
}

/*Tag-Clud*/
.tag-cloud-1 {font-size: 0.6em;}
.tag-cloud-2 {font-size: 0.7em;font-weight: bold;}
.tag-cloud-3 {font-size: 0.75em;font-weight: bold;}
.tag-cloud-4 {font-size: 0.8em;font-weight: bold;}
.tag-cloud-5 {font-size: 0.85em;font-weight: bold;}
.tag-cloud-6 {font-size: 0.9em;font-weight: bold;}
.tag-cloud-7 {font-size: 0.95em;font-weight: bold;}
.tag-cloud-8 {font-size: 1em;font-weight: bold;}
.tag-cloud-9 {font-size: 1.1em;font-weight: bold;}
.tag-cloud-10 {font-size: 1.3em;font-weight: bold;}

/* Commnets */
.comment .comment_info, .comment_reply {
  padding: 5px;
  text-align: right;
  font-size: xx-small;
  color: #babdb6;
  clear: both;
}

.comment .content {text-align: justify;}
.comment .avatar {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #000;
}
.comment_level_0 {margin-left: 0px;}
.comment_level_1 {margin-left: 10px;}
.comment_level_2 {margin-left: 20px;}
.comment_level_3 {margin-left: 30px;}
.comment_level_4 {margin-left: 40px;}
.comment_level_5 {margin-left: 50px;}
.comment_level_6 {margin-left: 60px;}
.comment_level_7 {margin-left: 70px;}
.comment_form p {clear: left; padding-bottom:4px;}
.comment_form p label {display: block;}
.comment_form input, .comment_form select, .comment_form textarea {padding: 2px; width: 250px; font-size: 10pt;}
.comment_form span {font-size: 8pt; display: block;}
.comment_form .actions {text-align:left;}
.spam_check {display: none;}
.comment_form #blog_mail_comment {width: 16px; border: none;}
.comment_form #phoo_mail_comment {width: 16px; border: none;}

/* Contact */
.contact .content label {display: block; font-weight: bold; padding-top:5px;}
.contact input, .contact select {width: 70%;}
.contact .content textarea {width: 99%;}

/* Poll */
.poll .content input {padding: 2px; border: none;}
.poll .content label {padding-left: 2px;}
.poll_result table {width: 98%; margin: 0px; padding:0px; font-size:10pt;}
.poll_result th { border: 1px solid #d3d7cf; }
.poll_result td {font-size:9pt; padding:4px; padding-left:2px; border: 1px solid #d3d7cf; }
.poll_result .txt_percent {width: 28px;}
.poll_result .img_percent {width: 128px;}
.poll_result .img_percent img {height: 18px; background-color:#3377cc;}
.poll_result .votes {width: 28px;}
.poll_result .resume {font-weight:bold; font-size:9pt;}

/* Phoo */
.phoo_random .content {text-align: center;}
.phoo_image .content {text-align: center;}
.phoo_random .content img, .phoo_album .content img {border: 1px solid rgb(186, 189, 182); padding: 4px;}
.phoo_image .content img {border: 1px solid rgb(186, 189, 182); padding: 8px;}
.phoo_image .pager {margin-bottom: 10px; font-size: xx-small;}

/* Quotes */
.quotes .content {padding: 0px;}
.quotes ul {list-style: none;}
.quotes li , .rssreader li {
display: block;
color: #271739;
font-size: 12px;
padding: 2px;
padding-right: 6px;
text-decoration: none;
border-bottom: 1px dashed #ccc;
}
.quotes ul a:hover {color: #ef3300;}
.wide .quotes .content ul li {display: inline;}

/* Search */
.simple_search .content input {width: 132px; margin-right: 2px;}
.search .content input {width: 99%; margin-bottom: 2px;}
.search .content p label {font-size: 8pt; font-weight: bold;}
.search .content select {margin-left: 4px; width: 130px;}
.wide .search .content, .wide .search .content p {display:inline;}
.wide .search .content input {width: 200px;}
.wide .search .actions {display:inline; width: 196px; border: none;}
.advance_search .content h4 {padding: 4px 0;}
.advance_search .content p label {font-size: 8pt; font-weight: bold;}
.advance_search .content input {width: 99%; margin-bottom: 2px;}
.advance_search .content select {margin-left: 4px; width: 130px;}
.wide .advance_search .content input {width: 280px;}
.wide .advance_search .content p {padding-left: 245px; clear: left;}
.wide .advance_search .content p label {float:left; width: 240px; margin-left: -245px;}
.wide .advance_search .actions {text-align:left;}
.wide .advance_search .actions button {margin-left: 250px;}
.search_results .content li {border-bottom:1px dashed #d3d7cf; padding-top: 10px;}
.search_results .snippet div {text-align: right;}
.search_results .snippet div a {float: left; font-weight: bold;}
.search_results .snippet p {clear:both; text-align: left;}
.search_results .snippet {float: left; width: 480px;}
.search_results .gadget_logo {float: right;}

/** Design **/
#top {
  background: #fff url(images/bg-top.png) no-repeat left top;
  height: 98px;
  min-height: 98px;
  display: block;
  voice-family: "\"}\""; /* hack */
  voice-family:inherit;
  height: 98px; 
}

#logo {
  position: absolute;
  top: 0;
  margin-left: 10px;
}

#main-link {
  position: absolute;
  top: 72px;
  margin-left: 49px;
}



#footer {
  background-color: #f6f6f6;
  padding: 1em;
  font-size: 90%;
  color: #999;
}

#top-nav {
  position: absolute;
  display: block;
  top: 68px;
  padding-left: 470px;
  font-size: 11px;
}

#top-nav span {
  background: transparent url(images/nav-top-sep.png) no-repeat left top;
  padding: 0 1em;
  height: 25px;
  min-height: 25px;
  padding-top: 4px;
  display: block;
  float: left;
}

#top-nav span.tn-first {
  background: transparent;
}

#top-nav a {
  color: #999;
  text-decoration: none;
}

#top-nav a:hover {
  color: #666;
}

#copyright {
  padding: 1em;
  font-size: 90%;
  color: #ddd;
}

#copyright span {
  color: #999;
  padding: 0 1em;
}

#copyright span a {
  color: #999;
}

#footer-contact {
  padding-left: 100px;
  color: #555;
  font-size: 90%;
}

.contact-addr {
  float: left;
  width: 200px;
}

.add-title {
  font-weight: bold;
  color: #444;
}


#areas-investigacion {
  width: 280px;
  float: left;
  border-right: 1px solid #efefef;
  margin-right: 10px;
  padding-right: 10px;
}

#eventos-noticias {
  width: 220px;
  float: left;
}

.area-inv {
  padding-left: 52px;
}

.area-inv span {
  font-size: 85%;
  color: #666;
}

.inv-desc {
  color: #666;
  text-decoration: none;
}

.area-inv h3 a {
  color: #d52e26;
  text-decoration: none;
}

.area-inv h3 a:hover {
  color: #00c6ff;
  text-decoration: none;
}

#area-quimica {   background: #fff url(images/quimica-off.png) no-repeat left top; }
#area-quimica:hover {   background: #fff url(images/quimica.png) no-repeat left top; }
#area-fisica {   background: #fff url(images/fisica-off.png) no-repeat left top; }
#area-fisica:hover {   background: #fff url(images/fisica.png) no-repeat left top; }
#area-ambiental {   background: #fff url(images/ambiental-off.png) no-repeat left top; }
#area-ambiental:hover {   background: #fff url(images/ambiental.png) no-repeat left top; }

#proximos-eventos {
  font-size: 85%;
  border-collapse: collapse;
}

#proximos-eventos td {
  padding: 0.2em;
  border-bottom: 1px solid #fafafa;
}

#noticias-recientes {
  font-size: 85%;
}

.contactinfo {
  margin-top: 2em;
  border: 1px solid #eee;
  padding: 5px;
  padding-left: 44px;
  float: right;
}

.vcard .fn { font-weight: bold; }

#main ul {
  list-style-type: disc
}

#main ul li {
  list-style-type: disc;
  margin-left: 1em;
}

.no-existen {
  border: 1px solid #ddd;
  background: #fafafa;
  color: #a01009;
  font-weight: bold;
  font-size: 85%;
  color: #b00;
  text-align: center;
  margin: 20px;
  padding: 20px;
}

.vermas {
  text-align: right;
  font-size: 85%;
  padding-bottom: 2em;
}

.estructura-tabla {
  border-collapse: collapse;
}

.estructura-tabla th { font-weight: bold; padding: 8px; }
.estructura-tabla td { padding: 8px; }
.vermas { text-align: right; font-size: 90%; padding: 1em; }

.pretty-table {
        padding: 4px;
	padding-bottom:0;
	border-collapse: separate;
	border-spacing: 0px;
        border: 1px solid #ddd;
	-moz-border-radius: 8px;
	margin-bottom: 10px;
}
                                                                                                                                       
.pretty-table th {
        text-align: left;
        font-weight: bold;
        background: #fff;
        border-bottom: 3px solid #2c2e81;
        padding: 4px;
        padding-right: 8px;
}
                                                                                                                                       
.pretty-table th a {
        color: #000;
        text-decoration: none;
}
                                                                                                                                       
.pretty-table th a:hover {
        color: #f90;
}
                                                                                                                                       
                                                                                                                                       
.pretty-table td {
        padding: 4px;
        color: #000;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
}

.pretty-table tr:hover > td {
	background-color: #edf3fe;
}

.last-posts { font-size: 85%; }