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: #d52e26;
  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: #8888; 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: #6666;}
.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:2px 0;
}

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

.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;
}

/** Simple site on footer**/
.simplesite_menu_all {
  margin-top: 10px;
  background: transparent url(images/cimav-logo-footer.png) no-repeat left top;
  padding-left: 100px;
}

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

.simplesite_menu_all ul li {
  padding: 5px 20px 8px 0px;
  float: left;
  max-width: 140px;
}

.simplesite_menu_all ul li a {
  font-weight: bold;
  color: #555;
  font-size: 85%;
}

.simplesite_menu_all ul li a.menu_option_active {
}

.simplesite_menu_all ul li ul li {
  background: transparent;
  float: none;
  padding: 0.2em 0;
}

.simplesite_menu_all ul li ul li a {
  font-weight: normal;
  color: #888;
  font-size: 85%;
  padding-left: 0;
}

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

.simplesite_menu_all ul li ul li a.menu_option_active {
  color: #333;
}

// 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; 
}



#main-link {
  position: absolute;
  top: 72px;
  margin-left: 49px;
  background: transparent url(images/cimav.edu.mx-off.png) no-repeat left top;
  text-indent: -900px;
  width: 125px;
  display: block;
  z-index: 100;
}


#main-link:hover {
  background: transparent url(images/cimav.edu.mx-on.png) no-repeat left top;
  cursor: pointer;
}


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

#top-nav {
  position: absolute;
  display: block;
  top: 68px;
  padding-left: 440px;
  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;
}

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

#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;
}

#servicios-fisica {
  background: #fff url(images/fisica.png) no-repeat left top;
  padding-left: 64px;
}

#servicios-quimica {
  background: #fff url(images/quimica.png) no-repeat left top;
  padding-left: 64px;
}

#servicios-ambiental {
  background: #fff url(images/ambiental.png) no-repeat left top;
  padding-left: 64px;
}

.participante {
	width: 220px;
        float: left;
        font-size: 80%;
        display: table-cell;
        vertical-align: middle;
        padding-left: 38px;
        height: 32px;
        padding-top: 4px;
}

.month { 
   display: block;
   width: 20px;
   height: 25px;
   text-align: center;
   font-weight: bold;
   font-size: 10px;
   color: #2c3d78;
   padding-top: 8px;
}

.month01 { background: #fff url(images/01.png) no-repeat; }
.month02 { background: #fff url(images/02.png) no-repeat; }
.month03 { background: #fff url(images/03.png) no-repeat; }
.month04 { background: #fff url(images/04.png) no-repeat; }
.month05 { background: #fff url(images/05.png) no-repeat; }
.month06 { background: #fff url(images/06.png) no-repeat; }
.month07 { background: #fff url(images/07.png) no-repeat; }
.month08 { background: #fff url(images/08.png) no-repeat; }
.month09 { background: #fff url(images/09.png) no-repeat; }
.month10 { background: #fff url(images/10.png) no-repeat; }
.month11 { background: #fff url(images/11.png) no-repeat; }
.month12 { background: #fff url(images/12.png) no-repeat; }

.recpost td { 
padding: 4px; 
border-bottom: 1px dotted #eee;
}

#banners {
text-align: center;
}

.banimg {
  padding: 4px;
  float: left;
}

#bannerslaterales {
margin-top: 32px;
text-align: center;
}

.latimg {
  margin-bottom: 16px;
}