﻿/*

GRIS OSCURO (links) - #6c6c6c
GRIS MEDIO  (Separadores) -  #cccccc
GRIS CLARO  (lineas de separación) - #dbdbdb
GRIS MUY CLARO (Separador de login e fondo de buscador lateral) - #efefe7

AZUL - #006b8e

ROJO - #910a2b

*/

#header img {position: absolute; top:0; left: 0; }

body
{
  margin:0;
  padding:0;
  font-size: .8em;
  font-family: Verdana;
}

a {text-decoration: none; color: #006b8e;}
a:hover {text-decoration: underline;}
a img {border: 0;}

input
  {
  font-size: .9em;
  color: #006b8e;
  border: 1px solid #888888;
  margin:3px;

  }

select
  {
  font-size: .9em;
  color: #006b8e;
  border: 1px solid #888888;
  margin:3px;
  }

h1, h2, h3 {font-family: Georgia,"Times New Roman",Times,serif; color: #006b8e; margin: 1em 0; padding: 0;}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h4 {}
h5 {}
h6 {}


p
  {
  margin: 0;
  padding: 0;
  line-height: 1.25em;
  }

.none {clear: both; float: none;}

button
  {
  font-size : 9pt;
  border-top    : 1px solid #AAAAAA;
  border-bottom : 1px solid #777777;
  border-left   : 1px solid #AAAAAA;
  border-right  : 1px solid #777777;
  background :#FFFFFF;
  padding    :3px;
  margin     :3px;
  color : #006b8e;
  }


/*#marquee */ .headerLinks /* es ul */
{
float: right;
list-style: none;
margin: 0;
top: 0;
margin-right: 9px;
}

.headerLinks li {float: left; display: block; margin: 0; padding: 0;}
.headerLinks li a
{
  font-size: .8em;
  display: block;
  padding-top: 5px;
  margin: 0 .7em;
  color: #444444;
}

.headerLinks li a.who   {}
.headerLinks li a.legallink {}
.headerLinks li a.sponsors  {}
.headerLinks li a.faqs {}
.headerLinks li a.rss {background: url(/img/icons/rss.png) no-repeat; padding-left: 20px; }
.headerLinks li a.podcast {background: url(/img/icons/podcast.png) no-repeat; padding-left: 18px; }
.headerLinks li a.home {background: url(/img/icons/home.png) no-repeat; width: 18px; height: 18px;}
.headerLinks li a.favorite {background: url(/img/icons/favorite.png) no-repeat; width: 18px; height: 18px;}
.headerLinks li a.facebook {background: url(/img/icons/facebook.png) no-repeat; width: 18px; height: 18px;}
.headerLinks li a.twitter {background: url(/img/icons/twitter.png) no-repeat; width: 18px; height: 18px;}

/* BOLD */
.mainMenu
{
  font-family: Verdana;
  background: #f3f3eb;
  font-size: .95em;
  background: url(/img/layout/menuBgGeneral.png) repeat-x;
  width: 821px;
  position: absolute;
  left: 180px;
  top: 70px;
   float: none; clear: both;
}

.mainMenu ul {margin: 0; padding: 0;}
.mainMenu li {float: left; display: block; margin: 0; padding: .4em .2em; text-align: center;}
.mainMenu li.help a{background-color: #e9812c;}
.mainMenu li a {display: block; padding: .2em .6em; color: white;}
.mainMenu li a:hover {text-decoration: none;}
.mainMenu li.active  {background: url(/img/layout/menuBgGeneralSelected.png) repeat-x;}

.menuCI    {background: url(/img/layout/menuBgCI.png) repeat-x;}
.menuCI li.active  {background: url(/img/layout/menuBgCISelected.png) repeat-x;}
.menuCU    {background: url(/img/layout/menuBgCU.png) repeat-x;}
.menuCU li.active  {background: url(/img/layout/menuBgCUSelected.png) repeat-x;}
.menuED    {background: url(/img/layout/menuBgED.png) repeat-x;}
.menuED li.active  {background: url(/img/layout/menuBgEDSelected.png) repeat-x;}
.menuAD    {background: url(/img/layout/menuBgAD.png) repeat-x;}
.menuAD li.active  {background: url(/img/layout/menuBgADSelected.png) repeat-x;}


.sectionMenu { color: #000000;  position:absolute; left: 180px; top: 38px; z-index: 1;}
.sectionMenu ul {margin: 0 0 0 16px; list-style: none; padding: 0px;}
.sectionMenu li    {display: inline; background: #f3f3eb;}
.sectionMenu li a  {float: left; display: block; padding: 1px; padding-bottom: 0; color: #000000; text-decoration: none;}
.sectionMenu li a span {display:block; padding: .6em; 1em ; text-align: center; }

.sectionMenu li.sectionActive a  {border: 1px solid #92928d; border-bottom: none; color: #000000;}
.sectionMenu li.sectionActive a span {color: #ffffff;}


.sectionMenu li.sectionCI   a  span {background: #326900 url(/img/layout/sectionBgCI.png) repeat-x; color: #FFFFFF;}
.sectionMenu li.sectionCU   a  span {background: #a17615 url(/img/layout/sectionBgCU.png) repeat-x; color: #FFFFFF;}
.sectionMenu li.sectionED   a  span {background: #7d0019 url(/img/layout/sectionBgED.png) repeat-x; color: #FFFFFF;}
.sectionMenu li.sectionMain a  span {background: #00698c url(/img/layout/sectionBgGeneral.png) repeat-x; color: #FFFFFF;}
.sectionMenu li.sectionAD   a  span {background: #cccccc url(/img/layout/sectionBgAD.png) repeat-x; color: #FFFFFF;}

#languageselector         {list-style: none; margin: 0; padding: 18px 9px; border-bottom: 1px solid #ccc; height: 99px; background: url(/img/layout/languageBg.png) repeat-x; text-align: center;}
#languageselector li      {height: 27px; width: 162px; margin-bottom: 9px; padding: 0;}

#languageselector li span {height: 20px; background: url(/img/layout/languageSelected.png) no-repeat; display: block; padding: 5px 0 2px 0;}
#languageselector li a    {height: 20px; display: block; padding: 5px 0 2px 0;}
#languageselector li a:hover {background: url(/img/layout/languageHover.png) no-repeat; text-decoration:none;}

#adminMenu li a { color: #FFFFFF;}
#adminMenu li a.active {color: #910a2b;}

#leftMenu      {list-style-type: none; padding-left: 27px; margin: 0;font-size: .78em; }
#leftMenu li   {margin: 0; padding:0; line-height: 27px;}
#leftMenu li a {display: block; text-decoration: underline; vertical-align: bottom; padding: 0; margin: 0;}


#bar
{
  color: #6c6c6c;
  clear: both;
  float: none;
  width: 100%;
  height: 18px;
  background: url(/img/layout/barBg.png) top right no-repeat;
  border-bottom: 1px solid #ccc;
}

#bar .barLabel {float: left; line-height: 18px; background: url(/img/layout/barBg.png) no-repeat; text-align: left; padding: 0; width: 700px; padding-left:179px; }
/*BOLD*/
#bar .barTitle {padding: 0 0 1px 1px;  float:left; font-weight: bold;}
#bar .barContent {padding-left: 1em; width:560px; float:left;}

#bar .barContent a {color: #6c6c6c; }


#mainSearch
{
  float: right;
  clear: right;
  padding: 0 .1em;
  background: #f3f3eb;
  line-height: 2em;
  color: #006b8e;
  margin: 0;
  margin-top: 24px;
  margin-right: 9px;

}
#mainSearch form {display: inline;}
#mainSearch label {color: #000000; }

.sidesection {border-bottom: 1px solid #ccc;}

/*********************** LEFT **********************/
#left { background: #f3f3eb;}
#left .sidesection {padding-bottom: 1em;}
#left .sidesection .sidetitle {margin: 9px 0 8px 27px;}

/* BOLD */
#left .wellcome      {margin-left: 27px; font-size: .78em;}
#left .menuUserTools {margin-left: 27px; font-size: .78em; line-height: 1.7em;}
#left .adLeft        {background: #fff; border-bottom: 1px solid #ccc; padding: 9px; text-align: center;}



#left .delegations
{
  text-align: center;
  background: #dddddd;
  border-bottom: 1px solid #ccc;
}

#left .delegations    {list-style: none; margin: 0; padding: 9px 0 9px 9px; text-align: left; font-size: .78em;}
#left .delegations li {padding: 2px 0 2px 6px; margin: 0;}
#left .delegations li a {display: block; padding-left: 12px;  color: #000;}
#left .delegations li a.delegationselected {text-decoration: none; background: url(/img/delegations/check.png) no-repeat;}
#left .delegations li a:hover {text-decoration: underline;}
#left .delegations ul {list-style: none; margin: 0; padding: 0; text-align: left; }
#left .delegations ul a {color: #444;}

#left .gads
{
  text-align: center;
  margin-top: .5em;
  padding: 1.5em auto;
}

#left .googleadstitle {}

#adBottom, #adTop {text-align: center; }
#adBottom .bannerContainer, #adTop .bannerContainer {padding: .9em;}
#adTop {border-bottom: 1px solid #ccc;}

/******************** RIGHT *************************/
#adRight {padding-bottom: 1em; border-bottom: 1px solid #ccc;}
#right  .sidesection {border-bottom: 1px solid #ccc; }
#right  .sidetitle {padding: 9px 0 8px 18px;}
#right  .mostNews {margin: 9px 18px; font-size: .78em; margin-bottom: 1em;}
#right  .mostNews a {color: #000;}
#right  .mostVoted {margin-top: 1em;}
#right  .friendList {list-style-type: none; margin-left: 18px; margin-right: 18px; font-size: .78em;}
#right  .friendList li{line-height: 1.1em;}

/*******************************************************/
.sponsor { text-align: center; border-top: 1px solid #ccc; padding: 9px 27px;}
.sponsor ul {margin: 0; padding: 0; width: 90%;}
.sponsor li {display: block; float: left; padding: 7px; height: 60px;}
.bottomSponsor {text-align: center; border-top: 1px solid #ccc; padding: 0 27px;}

.pager
  {
  text-align :center;
  padding :5px;
  margin-bottom:5px;
  color: #6c6c6c;
  font-weight: normal;
  font-size :8pt;
  border-bottom : 1px solid #ccc;
  border-top : 1px solid #ccc;
  }

.disabled
  {
  color: #6c6c6c;
  font-weight: bold;
  }

a.pager:link    {color: #006b8e; font-weight :normal}
a.pager:hover   {color: #6c6c6c; text-decoration: underline; font-weight :normal}
a.pager:active  {color: #006b8e; font-weight :normal}
a.pager:visited {color: #006b8e; font-weight :normal}

/* BOLD */
a.listHeadline:link    {font-family: Georgia, "Times New Roman", Times, serif; font-size:13pt; color: #006b8e; }
a.listHeadline:hover   {font-family: Georgia, "Times New Roman", Times, serif; font-size:13pt; color: #6c6c6c; text-decoration: underline; font-weight :bold}
a.listHeadline:active  {font-family: Georgia, "Times New Roman", Times, serif; font-size:13pt; color: #006b8e; font-weight :bold}
a.listHeadline:visited {font-family: Georgia, "Times New Roman", Times, serif; font-size:13pt; color: #006b8e; font-weight :bold}

.separated
  {
  padding : 5px;
  }

.searched
  {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:9pt;
  color: #006b8e;
  font-weight :bold
  }

a.handle:link    {font-family: Verdana, Arial; font-size:7pt; color: #6c6c6c; font-weight :normal}
a.handle:hover   {font-family: Verdana, Arial; font-size:7pt; color: #6c6c6c; text-decoration: underline; font-weight :normal}
a.handle:active  {font-family: Verdana, Arial; font-size:7pt; color: #6c6c6c; font-weight :normal}
a.handle:visited {font-family: Verdana, Arial; font-size:7pt; color: #6c6c6c; font-weight :normal}


/* Forms */
form
  {
  margin: 0;
  padding: 0;
  }


form div.formRow {clear: left;}
form div.formRow label {display: block; float: left; text-align: right; padding-top: .2em;}
form .formBtn {text-align: center; padding: .2em;}

form div.formColumn {float: left;}
form div.formColumn label {display: block; float: left; text-align: right; padding-top: .2em;}

.formSearchMain {width: 48em; margin: 1em auto; border: 1px solid #ccc; color: #6c6c6c;}
.formSearchMain .formRow {vertical-align: bottom;}
.formSearchMain label {width: 13em;}
.formSearchMain .formSearchDate {margin: 1em 0;}
.formSearchMain .formSearchDate label {height: 5em;}

.loginForm {width: 48em; margin: auto;}
.loginForm p {margin: .8em auto;}
.loginForm label {width: 9em;}
.loginForm a{color: #6c6c6c; font-weight :normal}

.frontProtectedUser .loginForm {width: auto; margin: 0; padding: 0;}
.frontProtectedUser .loginForm label {width: 8em; }

.userForm {margin: auto;}
.userForm .formRow {width: 50em; margin: 1em auto;}
.userForm p {margin: 1em 0;}
.userForm .formBtn {float:none; clear:both; }
.userForm .formColumn {float: left; padding-right: 2em;}

.passwordForm {padding: 1.5em .5em; width: 400px;}
.passwordForm label {width: 14em;}
.passwordForm p {margin-bottom: .6em;}
.passwordForm .formRow {white-space: nowrap;}

.mediaForm {width: 45em; margin: 1em auto; border: 1px solid #dbdbdb; color: #6c6c6c; padding: .5em;}
.mediaForm label {width: 12em;}

.resultsMediaForm {padding: 0;}
.resultsMediaForm ul {list-style: none; width: 100%; margin: 0; padding: 0;}
.resultsMediaForm li {border: 1px solid #dbdbdb; float: left; width: 204px; height: 280px; text-align: center; font-size: .8em; color: #6c6c6c; margin: 3px;}
.resultsMediaForm .fact {color: #006b8e; font-size: 1.1em;}
.resultsMediaForm .formBtn {border-top: 1px solid #dbdbdb; margin-top: 2em;}



h1.passwordRemember {font-size: 1.3em; border: none; margin: 0; padding: 0px;}
.passwordRemember   {width: 30%; border: 1px solid #bcbcbc; padding: 2em; margin: 0 0 2em 2em;}
.passwordRemember   a:link    {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal}
.passwordRemember   a:hover   {font-family: Verdana, Arial; color: #6c6c6c; text-decoration: underline; font-weight :normal}
.passwordRemember   a:active  {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal}
.passwordRemember   a:visited {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal}


.viewItem {text-align: center; margin: auto;}
.viewItem a {display: block; color: #006b8e; font-weight: bold;}



.delegationTxt   {text-align: justify; padding: 0em 1em; }
.delegationQuote {text-align: right; font-style: italic; margin-left: 30%;margin-right: 1em;}
.delegationQuote span {font-style: normal;}
.delegationMap   {text-align: center;}
.delegationIntro {margin-left: 1em; margin-top: 4em;}

.errorDiv    {margin: 3em; font-family: Verdana, Arial;}
.errorDiv .errorMessage{font-size: 1.2em; font-weight: bold;}
.errorDiv dl { border: 1px solid #bcbcbc; padding: .5em;}
.errorDiv dt {font-weight: bold; float: left; padding-right: 1.3em;}
.errorDiv dd {}
.errorDiv p a:link    {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal}
.errorDiv p a:hover   {font-family: Verdana, Arial; color: #6c6c6c; text-decoration: underline; font-weight :normal}
.errorDiv p a:active  {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal}
.errorDiv p a:visited {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal}


h1.infoDiv {padding: 0 18px;}
.infoDiv {padding: 0 18px;}
.infoDiv .infoAddress {margin: 1em;}
.infoDiv dl {}
.infoDiv dt {color: #006b8e; }
.infoDiv dd {margin: 9px 18px; line-height: 18px;}
.infoDiv ul {margin: .5em; list-style: url(/img/dot.gif);}
.infoDiv a:link    {font-family: Verdana, Arial; color: #6c6c6c; font-weight:normal;}
.infoDiv a:hover   {font-family: Verdana, Arial; color: #6c6c6c; text-decoration: underline; font-weight :normal;}
.infoDiv a:active  {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal;}
.infoDiv a:visited {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal}


h1.legal {padding: 0 18px;}
.legal {padding: 9px 18px;}
.legal a         {font-family: Verdana, Arial; color: #6c6c6c; font-weight:normal;}
.legal a:link    {}
.legal a:hover   {text-decoration: underline;}
.legal a:active  {}
.legal a:visited {}


h1.sponsor {padding: 0 18px; text-align: left; border: none;}
p.sponsor   {padding: 9px 18px;text-align: left; border: none;}
.sponsorZone {padding: 1em 18px; text-align: center;}

.sponsorRow img {vertical-align: middle; padding: 1em;}

h1.contactInfo {padding: 0 .8em;}
p.contactInfo  {padding: 0 2em 1em 2em; text-align: justify;}




.suscriptor {margin: .2em 2em;}
.suscriptor form {padding-left: 1em; margin-top: 1em;}
.suscriptor .formRow {text-align: center; margin-top: 0.5em;}
.suscriptor label {display: block; float: left; text-align: right; width: 25em;}
.suscriptor p {margin-bottom: .5em; text-align: justify; padding-right: 1em;}
.suscriptor a:link    {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal}
.suscriptor a:hover   {font-family: Verdana, Arial; color: #6c6c6c; text-decoration: underline; font-weight :normal}
.suscriptor a:active  {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal}
.suscriptor a:visited {font-family: Verdana, Arial; color: #6c6c6c; font-weight :normal}
p.suscription {margin-bottom: .5em; text-align: justify; padding: 0 2em 1em 2em;}
h1.suscription {font-size: 1.3em; padding: 1em;}



.pressNote {padding: 1em 1em;}
.pressNote .headline {font-size: 1.4em; color: #006b8e;}
.pressNote .subheadline {color: #910a2b;}
.pressNote .pressNoteDate {font-size: .8em; text-align: right;}
.pressNote .item {}


.friendSection {}
.friendItem    {}
.friendItem a:link,.friendItem a:visited,.friendItem a:active,.friendItem a:hover {}
.friendEdit    {padding: 0 14em 0 5em;}
.friendList      {list-style-type: none; padding: 0 0 0 0; margin-left: 1em; font-size: .75em; }
.friendList li   {}
.friendList li a {display: block; padding: .5em 0; text-decoration: underline;}




.previsions {}
.previsions ul              {list-style-type: none; margin: 0 1.2em; padding: 0}
.previsions li              {padding-left: 28px; padding-bottom: 1em;}
.previsions .previsionadmin li {padding: 0;}
.previsions ul.previsionadmin  { margin-left: 2em; padding: 0;}


.prevision {margin-top: 1em;}
.prevision .details img          {vertical-align: middle;}
.prevision .superheadline    {color: #910a2b; font-weight: bold;}
.prevision .oldsuperheadline {color: #910a2b;}
.prevision .headline, .prevision .oldheadline {color: #006B8E;}
.prevision .headline         {font-weight: bold;}
.prevision .newslink         {color: #910a2b;}
.prevision .subheadline      {}
.prevision .oldsubheadline   {}
.prevision .delegation1 {color: #006B8E;  } /* DiCYT - Castilla y Leon */
.prevision .delegation2 {color: #2b8e63;  } /* DiCYT - Colombia */
.prevision .delegation3 {color: #8e4600;  } /* DiCYT - Ecuador */
.prevision .delegation4 {color: #ed7a2e;  } /* DiCYT - Argentina */
.prevision .delegation5 {color: #6e0821;  } /* DiCYT - Mexico */
.prevision .delegation6 {color: #f7ae14;  } /* DiCYT - Rep. Dominicana */
.prevision ul                {margin-left: 0;}
.prevision li                {padding: .4em; background: url(/img/icons/icons.jpg) no-repeat; padding-left: 28px;}
.prevision li.photo          {background-position: left -75px;}
.prevision li.audio          {background-position: left -275px;}
.prevision li.video          {background-position: left -100px;}
.prevision li.graphic        {background-position: left -250px;}
.prevision .content          {font-size: 11px; font-family: Verdana, arial, helvetica, sans-serif; text-align: justify; margin-top: 0.5em;}
.prevision .detaillabel      {font-weight: bold;}

.prevision .elements         {float: right; border: 1px solid #bdbdbd; margin: 0 0 .5em 1em; padding: .3em; font-size: .85em;}

.userPreferences {padding: 0 18px;}


.translation {padding: 0 9px;}
.translation ul {list-style-type: none;}
.translation ul.translationMenu {text-align: center; margin:27px auto; }
.translation ul.translationMenu li {display: inline; border: 1px solid #ccc; margin: 18px; line-height: 36px; overflow:hidden;}
.translation ul.translationMenu li a { padding: 0 27px;  width: 162px;}

.translation span.Tid {width: 36px; text-align: right; display: inline-block;}
.translation span.section {width: 108px; text-align: left; display: inline-block;}
.translation span.language {width: 230px; text-align: center; display: inline-block;}
.translation span.language input {text-align: left; width: 98%;}

.powered   {  float: right;  padding:0 18px;  }
.developed  {  float:right;  }
.support {float: left;}

.blogs {
  padding: 9px;
}
