/* =========================
   BASE GENERAL
========================= */

body {
  margin: 0;
}

pre {
  margin: 0;
}

/* =========================
   BUSCADOR
========================= */

div.mod_search103 input[type="search"]{
  width:auto;
  border-radius:25px;
  margin-top:10px;
}

/* =========================
   TEXTO
========================= */

p {
  font-family:"Proxima Nova Light",'Helvetica Neue',Arial,Helvetica,sans-serif;
  font-size:17px;
  line-height:150%;
  margin:0;
  padding:0;
  color:#000000;
}

h1 {
  font-family:'Open Sans',sans-serif;
  font-size:23px;
  line-height:100%;
  color:#000000;
  font-weight:600;
}

h2 {
  font-family:'Open Sans',sans-serif;
  font-size:18px;
  line-height:120%;
  color:#00b1ff;
}

h3 {
  font-family:'Open Sans',sans-serif;
  font-size:12px;
  line-height:120%;
  color:#000000;
  text-align:justify;
}

h4,h5 {
  font-family:'Work Sans',sans-serif;
  font-size:11px;
  line-height:120%;
  color:#000000;
}

h6 {
  font-family:'Oswald',sans-serif;
  font-size:22px;
  color:#0071BC;
  font-weight:700;
  line-height:10%;
}

a {
  text-decoration:none;
  color:#0088d3;
}

/* =========================
   MENU SUPERIOR (BARRA GRIS)
   CONTENEDOR REAL: #p40
========================= */

#p40 {
  overflow: visible !important;
  min-height: 40px;
}

#p40 ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#p40 ul li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}

#p40 ul li a,
#p40 ul li span {
  display: inline-block !important;
  padding: 8px 14px !important;
  background-color: #2f2f2f !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  border-right: 1px solid #1f1f1f !important;
}

#p40 ul li a:hover {
  background-color: #1f1f1f !important;
}

#p40 ul li.active a,
#p40 ul li.current a {
  background-color: #0f0f0f !important;
  font-weight: bold !important;
}

/* =========================
   REDES SOCIALES (FIX)
   Evita que queden escondidas
========================= */

.social,
.social-icons,
.header-social,
#social,
#top-social,
.mod_social,
.mod_social_icons,
#p40 .social,
#p40 .social-icons {
  position: relative !important;
  z-index: 9999 !important;
  overflow: visible !important;
}

.social a,
.social-icons a,
#top-social a {
  display: inline-block;
  vertical-align: middle;
  margin-top: 2px;
}

/* Asegura que ningún contenedor las recorte */
#header,
.header,
#top,
.topbar,
.top-bar,
.navbar,
.menu,
.nav {
  overflow: visible !important;
}

/* =========================
   MENU IZQUIERDO (AZUL)
========================= */

#menuizq {
  background:#244b77;
  border-radius:6px;
  box-shadow:0 3px 8px rgba(0,0,0,.25);
  overflow:hidden;
}

#menuizq ul {
  list-style:none;
  margin:0;
  padding:0;
}

#menuizq li a {
  display:block;
  padding:11px 14px;
  color:#ffffff !important;
  border-bottom:1px solid rgba(255,255,255,.15);
}

#menuizq li a:hover {
  background:rgba(0,0,0,.18);
}

#menuizq li.active > a,
#menuizq li.current > a {
  background:rgba(0,0,0,.28);
  font-weight:bold;
}

/* =========================
   RESPONSIVE
========================= */

@media screen and (max-width:767px){
  #menuizq{
    display:none;
  }
}
body { outline: 5px solid red !important; }