.wrapper_sup{margin: 0 auto; padding: 0 15px; position: relative;z-index: 100}

.menuleft{ position: absolute; top: 0; left: 0; background: #fff; padding: 10px 40px 20px; border-radius: 0px  0 20px 20px;}
.menuleft:before, .menuleft:after{ content: ''; background: url(../images/border_menu.png) no-repeat; width: 20px; height: 20px; position: absolute;top: 42px;}
.menuleft:after{right: -20px;}
.menuleft:before{left: -20px; transform: rotate(90deg);}
.menuright{float:right;width:68%;background:#fff;}
.menu_top, .submenu_c, .c_menu_float{transition: all .3s ease; -webkit-transition: all .3s ease;}



.ico_menu { background: url(../images/ico_menu.png) no-repeat center;
    background-size: 30px;
    width: 30px;
    height: 52px;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 1000;
    margin: 0 30px 0 0;
}

.menu_top li{float: left; margin-left: 1px;}
.menu_top li a{ padding: 10px 10px; display: block; color: #004a89; position: relative; height: 42px;}
.menu_top li a:hover, .menu_top li a.active{ background: #004a89; color: #fff; }
.menu_top li:nth-last-child(1) a:after{ display: none;}
.menu_top li a:after{ content: ''; width: 1px; height: 25px; background: #d6d6d6; position: absolute; right: -1px;}

.menu_top .dropbtn { padding: 10px 10px; display: block; color: #004a89; position: relative; height: 42px;}
.menu_top .dropdown:hover .dropbtn { background: #004a89; color: #fff; }
.menu_top li.dropdown { display: inline-block; }
.menu_top .dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.menu_top .dropdown-content a { color:#004a89; padding: 12px 16px; text-decoration: none; display: block; text-align: left; height: auto; }
.menu_top .dropdown-content a:hover { background: #004a89; color: #fff; }
.menu_top .dropdown:hover .dropdown-content { display: block; }

.link_submenu, .ico_menu{ display: none;}

/*.link_menu_float{ background: url(../images/menu.png) no-repeat; width: 49px; height: 93px; position: absolute; top: 130px; opacity: 0.8;filter: alpha(opacity=80);}*/
.link_menu_float{ background: url(../images/menu.png) no-repeat; background-size: 45px; width: 45px; height: 180px; position: absolute; top: 130px; opacity: 0.8;filter: alpha(opacity=80);}
.link_menu_float:hover{opacity: 1; filter: alpha(opacity=100);}

.gov_position {
    
    bottom   : 20px;
}



@media screen and (max-width: 1430px) {
  header{ background: #fff; height: 80px;z-index: 100;}
  .menu_top .dropdown:hover .dropdown-content { display: none; }
  .menu_top{ position: absolute; top: 80px; background: #004a89; width: 400px;padding: 20px 0; right: -600px;}
  .menu_top li.dropdown { display: inline-block;width:400px; }
  .menu_top.active{ right: 0;}
  .menu_top li{ display: block; float: none; margin: 0;}
  .menu_top a{ color: #fff !important; font-size: 15px;}
  .menu_top li a:after{ display: none;}
  .menuleft{ position: static; padding: 5px 0; margin-left: -5px; }
  .menuleft img{ width: 199px;}
  .menuleft:after{ display: none;}
  .l_map{ position: static; background: none; padding: 10px !important; display: block;}
  .ico_menu{ display: block;}
}



@media screen and (min-width: 941px) {
  .c_menu_float{ width: 300px; position: absolute; top: 200px;background: #004a89; padding-right: 30px; z-index: 10; left: -300px;}
  .c_menu_float.active{ left: 0;}
  .c_menu_float:before{ content: ''; width: 0; height: 0; border-bottom: 300px solid #004a89;  border-right: 300px solid transparent; position: absolute; bottom: 100%;}

  .c_menu_float:after{ content: '';position: absolute; top: 100%;
      width: 0;
      height: 0;
      border-top: 300px solid #004a89; 
      border-right: 300px solid transparent;      
  }
  .c_menu_float li a{ color: #fff; display: block; border-bottom: 1px solid #023a79; border-top: 1px solid #15599e; padding: 5px 20px;}
  .c_menu_float li:nth-child(1) a{  border-top: 1px solid #023a79; }
  .cerrar_menu2{ position: absolute; background: url(../images/x.png) no-repeat; width: 20px; height: 20px; right: 3px; top: 8px; background-size: 16px;}
}

@media screen and (max-width: 540px) {
 
  .menuleft img{ width: 250px;}
  .ico_menu{ background-size: 22px; top: 4px; margin-right: 15px;}
  header{ height: 60px;}
  .menu_top{ top: 60px; width: 100%;}
}

.f15{font-size:15px}.f10{font-size:10px}

.l_map{ background: url( ../images/arrow_white.png) no-repeat center left;  position: absolute; top: 54px; right: 25px; padding-left: 10px;}


.imagen_footer {
    width: 100%;
    align: center;
    bottom: -1px;
}


.inputfooter{ border: none;background: #072d4c;color: rgb(195, 255, 13);margin: 0 0 4px;}
.botonfooter{width:100%;font-size: 16px;}


.content_footer h5{font-size: 15px; margin: 10px 0;}
.content_footer h5 > span{display: inline;  }

.redes_footer .ico_social{ width: 20px; height: 20px; background: #3db7df;  line-height: 20px; color: #004b89; border-radius: 50%;}

.redes_footer li{ width: 48%; float: left;  margin-bottom: 6px;}
.redes_footer a{color: #3db7df;}
.redes_footer p{font-family: 'Roboto italic'; color: #3db7df; font-size: 14px; line-height: 15px;}

.megaproyectos{margin:10px auto;  display:block;}




.c_submenu{ position: relative;}
.submenu{ position: absolute; top: -72px; width: 100%; left: 0;color:#ffffff;}

.content_submenu li{ float: left;}
.content_submenu li a{ height: 40px; display: block; line-height: 40px; padding: 0 20px;}

.sub_1{ background-color:#ffffff;
    /* Opacidad 60% */}
.sub_1:hover{ background: #003b6b;}



#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(0, 74, 137, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(255, 255, 255, 1);
    background: -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 1) 100%);
    border-width: 2px;
    border-radius: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(1, 113, 133, 1);
    font-size:14px;
    border-right: 3px, solid, #000F;
    
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(149, 193, 30, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(149, 193, 30, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #004a89;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #004a89;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #004a89;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}


a.demo_img {
    display: block;
    width:300px;
    position:relative;
    line-height:25px;
  }
  
  a.demo_img>div {
    position:absolute;
    padding:0;
    margin:0;
    left: 155px; /* change this value to one that works best for you */
    top: -18px; /* change this value to one that works best for you */
    background: transparent url(/generator/show-clickable-imge-link-on-hover_files/arrow-down-grey.png) left 23px no-repeat;
    
    opacity:0;
    height: 0;
    overflow: hidden;
    
    /* Enable transitions */
    /*-webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;*/
  }
  
  a.demo_img>div img {
    padding:8px;
    margin-left:4px;
    border:1px solid #BCBDC0;
    background-color:#BCBDC0;
    -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
          border-radius: 5px;
    
    -webkit-box-sizing:border-box; 
       -moz-box-sizing:border-box; 
        box-sizing:border-box;
  }
  a.demo_img:hover>div {
    
    opacity:1;
    height: 200px;
    padding: 8px;   
    
    z-index:1;
  }
  

#hcr{position:fixed;top:230px;z-index:+1000;right:0;transition:all 0.35s ease 0s;}
* html #hcr{position:relative;}
.hcrtab{height:30px;width:30px;float:left;cursor:pointer;background-color:#000;transition:all 0.35s ease 0s;position:relative;}
.hcrcontent{float:left;background:#000;padding:10px;color:#fff;display:none;}
.hc-credit{font-size:9px}
.hc-credit a{text-decoration:none}


a.insor {text-decoration:none;position:rel}
a.insor span {display:none;}
a.insor:hover span {top:2em;display:block;left:5em;position:absolute;
width:200px;
height:270px;
}




.boton_personalizado{
  text-decoration: none;
  text-align:center;
  padding: 10px;
  font-size: 20px;
  color: #ffffff;
  background-color: #287DE1;
  border-radius: 10px;
  border: 0px solid #0016b0;
  width:260px;height:50px;display:block;margin:auto;
  }
.boton_personalizado:hover{
  color: #ffffff;
  background-color: #2CC4C4;
} 



#lang {
  position: absolute;
  width: 89px;
  height: 35px;
  right: 64%;
  top: 17px;
}

.img_sliders{
  width: 120px;
  height: 120px;
}