/* Color declarations */
html, body {
  font-family: "Open Sans", sans-serif; }

.red {
  color: #ff3333; }

.right {
  text-align: right; }

img .right {
  float: right; }

#header {
  position: relative; }

#social {
  position: absolute;
  bottom: 5px;
  right: 20px; }
  #social a {
    text-decoration: none; }

#redes a {
  text-decoration: none; }

ul#navigation {
  float: right;
  font-size: 1em;
  font-weight: bold;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul#navigation li:first-child {
    border-left: none; }
  ul#navigation li {
    display: block;
    float: left;
    padding: 0 20px 0 20px;
    margin: 30px 0 30px 0;
    border-left: 1px solid #cccccc; }
    ul#navigation li a {
      color: #999999;
      text-decoration: none; }
    ul#navigation li a:hover {
      color: #333333; }
    ul#navigation li .active {
      color: #ff3333; }

.nivoSlider {
  position: relative;
  width: 950px;
  height: 350px;
  background: url(/img/loading.gif) no-repeat 50% 50%; }

.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none; }

.nivoSlider a {
  border: 0;
  display: block; }

.caption {
  font-size: 1.5em;
  margin-left: 5px;
  padding: 10px 0 10px 0;
  color: white; }

#content {
  text-align: justify; }
  #content p.big {
    font-size: 1.2em; }
  #content .center {
    text-align: center; }
  #content a.gallery {
    text-decoration: none; }
  #content h1, #content h3 {
    color: #ff3333;
    text-shadow: 2px 2px 2px #dddddd; }
  #content h4, #content h5 {
    color: #31689b;
    text-shadow: 2px 2px 2px #dddddd; }

ul#submenu {
  font-size: 1.2em;
  font-weight: bold;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul#submenu li {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #cccccc;
    color: 999; }
    ul#submenu li a {
      color: #999999;
      text-decoration: none; }
    ul#submenu li a:hover {
      color: #333333; }
    ul#submenu li .active {
      color: #ff3333; }

.noticia a {
  color: #ff3333;
  text-decoration: none;
  text-align: right;
  display: block; }
.noticia a:hover {
  color: #666666; }
.noticia p {
  text-align: justify; }
.noticia h6 {
  color: #ff6666; }
.noticia .date {
  text-align: right; }

#footer {
  width: 100%;
  text-align: justify;
  background: url(/img/noise.png) repeat-x 0 0; }

#copyright {
  text-align: center; }

#map ul li {
  list-style-image: url(/img/8-em-plus.png); }
#map a {
  text-decoration: none; }