/* css para portal web   */
html, body {
  height: 100%;
}

body { 
  padding: 5px 0px 5px 0px;
  background-image: url(img/pbg.gif);
  color: #222; 
  text-align: center;
  font: 85% Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, p {
  margin: 0;
  padding: 0 10px;
  font-weight: normal;
}

p {
  padding: 0 10px 15px;
}

h1 {
  font-size: 250%; color: #FFF; letter-spacing: 1px; 
}

h2 {
  font-size: 200%; 
  line-height: 1; color: #002455;
}

img {
   border: 0;
   
}

div#container { 
  width: 750px !important;
  width: 760px;
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  background: #F0F8FF;
}

div#header {
  background-image: url(img/logo.jpg);
  background-repeat: no-repeat;
  height: 112px;
  position: relative;
}

div#content {
  float: left; width: 495px; padding: 10px 0;
  margin: 2px 0;
  padding-left: 20px;
  font-size : 80% ;
}

div#content h2{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 140%;
   font-weight: bold
}

.descr {
   color: #664;
   margin: 2px 0;
   font-size: 0.9em;
}

.descr p {
   margin-bottom: 6px;
   margin-right :10px ;
   align: right;
}


#nav {
  float: right;
  margin: 5px;
  width: 220px;
  background-color : #e1e9f0;
}

#nav ul {
  list-style: none;
  margin-left: 1em;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1em;
}

#nav li {
  font-size: 80%;
  border-bottom: 1px dotted #B2BCC6;
  margin-bottom: 0.3em;
}

#nav a:link, #nav a:visited {
  text-decoration: none;
  color: #2A4F6F;
  background-color: transparent;
}

#nav a:hover {
  color: #778899;
}

#nav h2 {
  font: 120% Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  color: #2A4F6F;
  background-color: transparent;
  border-bottom: 1px dotted #cccccc;
}

*.more { 
  text-align: right;
  font-weight: bold; 
  font-size: 0.8em; 
}

div#footer {
  clear: both; 
  border: 1px solid #000;
  height: 66px;
  width: 748px;
  color: white;
}

div.left {
  float: left;
  background: navy;
  font-size: 80%;
  height: 54px;
  width: 597px;
  text-align: center;
  padding-top: 12px;
}

div.left.p {

}


div.left span {
  display: block; font-size: 100%;
}

div.right {
  float: right;
  background: #cc0033;
  padding: 15px 3px;
  background-image: url(img/fni.gif);
  background-position: right;
  background-repeat: no-repeat;
  width: 145px;
  font-size: 100%;
  line-height: 0.9;
}

div.right span { 
  display: block; font-size: 100%;
}


.datatable {
  border: 1px solid black;
  border-collapse: collapse;
  width: 95%;
}
.datatable td {
  border: 1px solid #D6DDE6;	
  padding: 0.3em;
}
.datatable th {
  border: 1px solid #828282;
  background-color: #BCBCBC;
  font-weight: bold;
  text-align: left;
  padding-left: 0.3em;
}
.datatable caption {
  font: bold 110% Arial, Helvetica, sans-serif;
  color: #33517A;
  text-align: left;
  padding: 0.4em 0 0.8em 0;
}

.first td {
  background-color: #DFE7F2;
}
.second td {
  background-color: white;
}

div.reglas {
  font-weight: bold;
  background-color: #ffcc99;
  height: 18px;
  padding: 2px 2px 2px 2px;
}


.imgborder {
  border: 1px solid #000000;
  margin-right : 10px;
  width : 120px;
  height : 120px;
}

form {
  border: 1px dotted #aaaaaa;
  padding: 0.5em;
}

form div {
  margin-bottom: 1em;
}

input {
  color: black;
  background-color: #dbecff;
  border: 1px solid Black;
}

select {
  width: 100px;
  color: black;
  background-color: #dbecff;
  border: 1px solid Black;
}

textarea {
  width: 380px;
  color: black;
  background-color: #dbecff;
  border: 1px solid black;
}


#noticias {
/*  border: double #FFBC53;*/
  padding: 1em;
  background-color: #FFF;
  line-height: 2em;
}

#noticias h2 {
  margin-top: 1em;
  border-left: 3px solid;
  border-top: 1px solid;
  padding-left: 1em;
  font-size: 1.2em;
  color: Navy;
}


.imagen {             /* container for all thumbs */
  width: 94%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: auto;       /* correctly center block element */
  padding: .5em;
  background-color: White;
  color: #000;
  border: thin solid #030;
  overflow: hidden;
  text-align: center;
}


.thumbs li {
  list-style-type: none;
  margin-bottom: .5em;
}
.thumbs img {
  vertical-align: middle;
}

@media screen, projection {
/* exploit a parsing bug so rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
.IE5IsQuirky1 { /* WinIE 5.0 gets wierd without something after font-family hack */
}

.thumbs {             /* container for all thumbs */
  width: 94%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: auto;       /* correctly center block element */
  padding: .5em;
  background-color: #e1e9f0;
  color: #000;
  border: thin solid #030;
  overflow: hidden;
  text-align: center;
}
.thumbs ul {
  margin: 0;
  padding: 0;
}

.thumbs a{
  text-decoration: none;
}

.thumbs li {        /* test these rules with various fonts, may need adjusting */
  height: 9.5em;    /* high enough for image plus 2-line caption */
  width: 9.5em;     /* wide enough for widest image with a bit of padding */
  float: left;      /* as many as can fit in window width */
  overflow: hidden; /* do not let IE stretch the container */
  border: 1px solid Black;
  background-color: White;
  text-align: center;
  padding: .3em;
  margin: .5em;
  font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
  font-family: inherit;
  width: 8.5em;
  height: 8.5em;
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */
  height: 5.5em;       /* image resolution may suffer a little, but not much */
  text-align: center;  /* center for IE */
  margin: 0 auto .3em auto; /* center for non-IE */
  padding: 0;
}
hr {                   /* see note about hr in HTML below */
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}

} /* end media rules */