/* $Id: pages.css,v 1.18.2.3 2010/06/26 17:18:58 johnalbin Exp $ */

/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


.help /* Help text on a page */ {
  margin: 1em 0;
}

/*SUPER PRUEBA*/
/*pages.css*/
#skip-link a,
#skip-link a:visited {
  position: absolute;
  display: block;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  position: static;
  width: 100%;
  height: auto;
  padding: 2px 0 3px 0;
}

body {
  margin: 0;
  padding: 0;
  color: #555555;
  background-image:url("../images/bg.png");
  background-repeat:repeat-x;
  background-color:#f2f7ff;
  background-position:top;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 75%;
}

body, p
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

#logo /* Wrapping link for logo */ {
  float: left; /* LTR */
  margin-left: 0px;
  padding: 0;
}

#logo img {
  vertical-align: bottom;
  border: none;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
  background-image: url("../images/banner_es.gif");
  background-repeat: no-repeat;
  height: 100px;
  width: 665px;
  float: left;
  padding-right: 3px;
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
  border: 1px solid #acb4c9;
  border-bottom: none;
  padding-bottom: 1px;
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  clear: both;
  font-size: x-small;
  height: 16px;
  padding-top: 3px;
  width: 100%;
}

.breadcrumb a:link,
.breadcrumb a:visited {
  margin-left: 8px;
  margin-right: 10px;
  padding: 0;
  text-transform: capitalize;
  color: #555555 !important;
  text-decoration: none !important;
}

.breadcrumb a:hover{
  margin-left: 8px;
  margin-right: 10px;
  padding: 0;
  text-transform: capitalize;
  color: #727f98 !important;
  text-decoration: underline !important;
}

h1.title, /* The title of the page */
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */ {
  margin: 0;
}

.more-help-link /* Link to more help */ {
  font-size: 0.85em;
  text-align: right;
}

ul.links /* List of links */ {
  margin: 1em 0;
  padding: 0;
}

ul.links.inline {
  margin: 0;
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.pager /* A list of page numbers when more than 1 page of content is available */ {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current /* Each page number in the pager list */ {
  padding: 0.5em;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
  margin: 1em 0;
}

.more-link /* Aggregator, blog, and forum more link */ {
  text-align: right; /* LTR */
}

.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
   border: 1px solid #acb4c9;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.element-hidden {
  display: none;
}

.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.footer
{
  background-color: #747B8E;
  background-image: url("../images/footer.gif");
  background-position: left center;
  background-repeat: no-repeat;
  clear: both !important;
  margin: 0;
  padding-left: 1px;
  position: relative !important;
  width: 759px;
}

.footer #footNotes
{
  color: #ffffff;
  font-family: Arial, Verdana, Helvetia, sans serif;
  font-size: 10PX;
  height: 90px;
  margin: 0;
  padding-left: 150px;
  padding-top: 5px;
  width: 475px;
}

div #footNotes a.certificadobvs img, div #footNotes a
{
  color: #747B8E;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
}

a:link, a:visited{
  color: #555555;
  text-decoration: none;
}

a:hover{
  color: #727f98;
  text-decoration: underline;
}

.content a {
  color: #555555;
  text-decoration: none;
}

.content a:hover {
  color: #667389;
  text-decoration: underline;
}

.content a:visited {
  color: #555555;
  text-decoration: none;
}

.content li, .content ul li{
  list-style: none;
}

#institutionList
{
   text-align: right;
}

#institutionList ul {
	padding: 0px;
	margin: 0px;
	width: 120px;
	right:35px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:107px;
	width:120px;
}

#institutionList li {
	display: inline;
    margin-right: 3px;
	}

#institutionList ul a 
{
   text-decoration: none;
   color: #FFFFFF;
   font-size: 85%;
}

.contenedor{
  margin: 0 auto;
  position: relative;
  width: 760px;
}

/*layout-fixed.css*/
#page-wrapper,
.region-page-closure {
  margin: 10px 0 5px;
  width: 760px;
  border-color: #abb3c1;
  border-style: none solid;
  border-width: 0 1px;
  clear: both;
  padding: 0;
  position: relative;
  float: right;
}

#main-wrapper {
  position: relative;
}

#content,
.no-sidebars #content {
  float: left; 
  width: 760px;
  margin-left: 0; 
  margin-right: -760px; 
  padding: 0;
}

.sidebar-second #content {
  width: 456px;
  margin-left: 0; /* LTR */
  margin-right: -456px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.two-sidebars #content {
  width: 442px;
  margin-left: 159px; /* LTR */ /* The width of .region-sidebar-first */
  /*margin-right: -608px; /* LTR */ /* Negative value of #content's width + left margin. */
}

#content .section {
  padding: 5px 5px 5px 15px;
}

#navigation {
   background-image: url("../images/barra-infomed.gif");
   background-repeat: repeat-x;
   font-size: 85%;
   padding: 5px 0 0 26px;
   position: relative;
   right: 0;
   top: 0;
   width: 734px;
   height: 25px;
   overflow: hidden;
}

.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
  margin-top: 2.3em; /* Set this to the same value as the navigation height above. */
}

#navigation .section  a{
  background-image: url("../images/logo-infomed.gif");
  background-repeat: no-repeat;
  color: #F6F6F6;
  display: block;
  height: 100%;
  text-align: right;
}

#navigation .section {
  height: 30px;
  position: absolute;
  width: 120px;
  top: -1px;
}

.contact
{
   position: absolute;
   left: 685px;
   top: 7px;
   width: 100px;
   color: #000000;
}

.contact a
{
   background-image: url("../images/email.png");
   background-repeat: no-repeat;
   padding-left: 20px;
   color: #000000;
   text-decoration: none;
}

.contact a:hover{
  text-decoration: underline !important;
}

.contact a:visited{
  text-decoration: none;
}

#navigation li /* A simple method to get navigation links to appear in one line. */ {
  float: left; /* LTR */
  padding: 0 0 0 20px; /* LTR */
  font-size: 10px;
  font-family: Arial, Helvetica, sans serif;
}

.region-sidebar-first {
  float: left; /* LTR */
  width: 152px;
  margin-top: 0;
  margin-left: 0; /* LTR */
  margin-right: -152px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
 /* border-left: 1px solid #abb3c1;*/
}

.region-sidebar-first .section {
  margin: 0 0 0 0; /* LTR */
  padding: 0;
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  float: left; /* LTR */
  width: 152px;
  margin-left: 608px; /* LTR */ /* Width of content + sidebar-first. */
  margin-right: -760px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
  /*border-right: 1px solid #abb3c1;*/
}

.region-sidebar-second .section {
  margin: 0 0 0 0; /* LTR */
  padding: 0;
}

#content{
  background: none repeat scroll 0 0 #F2F6FF;
  min-height: 300px;
}

#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-page-closure {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

#edit-submit-1{
  background-color: #727f98;
  color: #ffffff;
  border: none;
  font-family: Verdana, Arial, Helvetica, sans serif;
  font-size: 10px;
  font-weight: bold;
  height: 21px;
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  
}

#edit-text{
  border: 1px solid #cccccc;
  font-size: 100%;
  height: 17px;
  /*width: 100%;*/
  margin-top: 5px;
  position: absolute;
  width: 530px;
}

#block-block-2 p {
  margin-top: 0px;
  margin-bottom: 0px;
}

#block-block-2 p {
  margin-left: 5px;
}

#block-block-3 ul {
  padding-left: 2px;
}

#block-block-3 .content {
  padding-bottom: 0px;
}

#block-block-4 ul {
  padding-left: 2px;
}

.block-aggregator ul li {
  margin-bottom: 6px;
}

.block-aggregator ul {
  padding-left: 2px;
}

#infosearch-searcher-form a {
  display:none;
}

#content .section h1 {
  display:none;
}

.first_level{
  border-bottom: 1px solid #A3AEC4 !important;
  text-decoration: none !important;
  /*height: 14px;*/
  margin-left: 10px;
  color: #555555;
  font-weight: bold;
}

.first_level a{
  text-decoration: none !important;
  height: 14px;
  color: #555555;
  font-weight: bold;  
}

.first_level div a.active {
  border-bottom: 1px solid #A3AEC4 !important;
  text-decoration: none !important;
  /*height: 14px;*/
  margin-left: 10px;
  color: #555555;
  font-weight: bold;
}

.first_level div {
  font-weight: normal;
  color: #000000;
}

.second_level a:hover{
  background-image: url("../images/li.png");
  background-repeat: no-repeat;
  background-position: left;
  color: #727f98 !important;
  text-decoration: underline !important;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  text-align: right;
  padding-left: 15px;
  margin-left: 37px;
}

.second_level a:visited, 
.second_level a:link{
  background-image: url("../images/li.png");
  background-repeat: no-repeat;
  background-position: left;
  font-weight: bold;
  color: #555555;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  text-align: right;
  padding-left: 15px;
  margin-left: 37px;
}

/*navegation.css*/
/*forms.css*/
.block /* Block wrapper */ {
  margin-bottom: 1em;
}

.region-sidebar-second .block /* Block wrapper */ {
  margin-bottom: 1em;
  border-bottom: 1px solid #abb3c1;
  border-left: 1px solid #abb3c1;
}

.region-sidebar-first .block /* Block wrapper */ {
  border-right: 1px solid #abb3c1;
  margin: 0px;
  padding: 0px;  
}

.region-highlight{
  border: 1px solid #727f98;
  background-image: url("../images/lupa.gif") !important;
  background-repeat: no-repeat;
  background-position: left bottom;
  position: relative;
  width: 87%;
  background-color: #f2f6ff;
  height: 64px;
  padding-left: 80px;
  padding-top: 8px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.region-sidebar-second .block.region-count-1 h2.title/* Incremental count independent of each region */ {
 background-color: #667389 !important;
 background-image: none;
   height: 16px;
  padding-top: 3px;
  padding-left: 10px;
}

.block h2.title /* Block title */ {
  font-weight: bold;
  background-color: #667389;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 11px;
  height: 16px;
  padding-top: 3px;
  padding-left: 10px;
}

.region-highlight  h2.title /* Block title  infosearch*/ {
  color: #f2f7ff !important;
  font-size: 1px !important;
  height: 1px !important;
  background-color: #f2f7ff !important; 
}

.block .content /* Block's content wrapper */ {
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.block-aggregator  h2.title/* Block for the latest news items in the first feed */ {
background-color: #95A6BF;
  background-image: url("../images/rssicon.png");
  background-repeat: no-repeat;
  background-position: 2px;
  padding-left: 22px;
  height: 18px;
}

#infosearch-searcher-form{
  margin-left: 0;
}

.form-submit/* The submit button */ {
  background-color: #727f98; 
  border: 0 none;
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  height: 21px;
  margin-left: 535px;
  padding: 0 10px 3px;
  margin-top: 5px;
}

.form-select{
  margin-top: 5px;
  margin-left: 220px;
}

/*nodes.css*/
.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.first_level .description{
  margin-bottom: 10px;
  color: #000000;
  margin-left: 0px !important; 
  margin-top: 0px;
}

.subcontent .description{
  margin-bottom: 10px;
  color: #000000;
  margin-left: 50px;
  margin-top: 0px;
}

.first_level .description a:hover{
  color: #727f98 !important;
  font-weight: normal !important;
  text-decoration: underline !important;
}

.first_level .description a:link, 
.first_level .description a:visited{
  color: #555555;
  font-weight: normal !important;
  text-decoration: none;
}

#edit-text-wrapper{
  width: 530px;
}
