html, body {top: 0; left: 0; padding: 0; margin: 0; min-width: 100%; min-height: 100%;}
html {}
body {text-align: center; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background: #6ED3EE;}
a {text-decoration: none; color: #5BA0D0; }
a img {border-width: 0;}
a:hover{text-decoration: none; color: #000;}
.clear {clear: both}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.bold {font-weight: bold;}
.titulo {font-size: 32px;  text-transform: uppercase;}
#header .titulo img {vertical-align: middle; margin-right: 6px; }
#header2 {color: #FFF; font-size: 18px; }
.subtitulo {font-size: 40px; }
.titulo, .subtitulo {margin: 0 2px;}
.clear {clear: both;}
.big {font-size: 20px; line-height: 22px !important; font-weight: 100;}
.break {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
#contenido {background: #FFF; }
#contenido > div {text-align: left; }
#contenido .right {text-align: right;}
#contenido h3, #contenido p {margin: 0;}
#contenido .error {color: red;}
#contenido .exito {color: green;}
#contenido .small {font-size: 11px}
#contenido .italic {font-style: italic;}
#contenido hr {border-width: 0; height: 1px; background-color: #3568AF;  }
#contenido a {font-weight: bold;}
#contenido .googlead {display: block; overflow: hidden; max-width: 98%; padding: 1%; position: relative; }
#contenido .googlead iframe {}
#contenido .main_right .googlead iframe { }
#contenido .noticia {margin-bottom: 10px; line-height: 18px;}
#contenido .noticia:last-child  {border-width: 0;}
#contenido .noticia img:first-child{float: left; border-width: 0; padding: 0; margin: 0 10px 10px 0;}
#contenido .noticia h3 {background: #ECEFF1; padding: 6px 10px; border-bottom: 1px solid #DDDDDD; margin-bottom: 5px;}

#contenido .main_left {width: 70%; }
#contenido .main_right {width: 28%; margin-left: 2%;}
#contenido .main_left, #contenido .main_right {float: left;}
#contenido .main {padding: 20px;}

#contenido .noticias_block, #contenido .noticias_block li {margin: 0; padding: 0;}
#contenido .noticias_block li  {list-style: none; padding-bottom: 6px;}
#contenido .noticias_block li img {float: left; margin: 0 5px 5px 0; border-width: 0;}
#contenido .bar {background: #DADADA; text-transform: uppercase; padding: 10px; font-weight: bold; font-size: 16px;}

#header { color: #FFF;
          background: #323847; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(left, #323847, #141C30); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(right, #323847, #141C30); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(right, #323847, #141C30); /* For Firefox 3.6 to 15 */
          background: linear-gradient(to right, #323847, #141C30); /* Standard syntax */
}
#footer {color: #363638}
#footer img {vertical-align: middle;}

#header a {color: #6ED3EE; border-bottom-width: 0;}
#header a:hover {color: #FFF;}
#footer a {color: #FFF; border-bottom-width: 0;} 

.menu, #contenido .menu li {padding: 0; margin: 0;}
.menu li {display: inline-block; }
.menu li a {margin: 0 20px; border-bottom: 1px solid #3568AF; display: inline-block; text-align: center; line-height: 26px; }

.menu_desplegable {display: inline-block; position: relative; width: 100%; color: #FFF; }
.menu_desplegable, .menu_desplegable ul, .menu_desplegable li {padding: 0; margin: 0;}
.menu_desplegable li {list-style: none;}
.menu_desplegable a { display: block; padding: 10px; }
.menu_desplegable a:hover {background: #6ED3EE; }
.menu_desplegable > li {cursor: pointer; float: right; background: #6ED3EE; margin-left: 10px;}
.menu_desplegable > li > span {line-height: 40px; height: 40px; display: inline-block;  padding: 0 20px; font-weight: bold; text-transform: uppercase; }
.menu_desplegable > li:hover > ul {display: block;}
.menu_desplegable > li:hover {background: #323847;}
.menu_desplegable > li > ul {width: 100%; display: none; position: absolute; top: 40px; left: 0; background: #323847; z-index: 9999;}
.menu_desplegable > li > ul > li {width: 25%; float: left; text-align: left; }

.menu1 li {display: block;}
.menu1 li a {padding: 10px 0; font-size: 22px; letter-spacing: 4px; display: block;}
.menu1 li:last-child a {border-width: 0;}            

#contenido > div, #header > div, #header2 > div, #footer {width: 90%; max-width: 990px; min-width: 280px; margin: 0 auto; padding: 0.5% 2%;}
@media screen and (max-width: 640px){
    .menu_desplegable > li > ul > li {width: 33.3%; float: left; text-align: left; }
    .titulo, .subtitulo {font-size: 22px;}
}
@media screen and (max-width: 480px){
    #contenido > div, #header > div, #header2 > div, #footer {width: auto; display: block; padding: 10px;}
    #contenido .main_left, #contenido .main_right {float: none; width: auto; display: block;}

    .menu_desplegable > li > ul > li {width: 50%; float: left; text-align: left; }
    .titulo, .subtitulo {font-size: 16px;}
}