#fran_top{
	width:100%;
  height:15px;
  margin:0 auto;
	background-color:#003b8d;
}
#vacio{
	width:1000px;
  height:10px;
	margin:0 auto;
}

.slider_banner{
  
  height:420px;
  width:1000px;
  margin:0 auto;
}

.content_banner{
  display: table-row;
}

.social{
  height:300px;
  width:1000px;
  margin:0 auto;
}

.columna{
  height:350px;
  width:320px;
  float:left;
}

.es_columna{
  width:19px;
  height:350px;
  float:left;
}

.tit_colum{
  height:50px;
  width:310px;
  color: #fff;
  background-color:#003b8d;
  font-size: 36px;
  font-family: Palatino;
  padding-left: 10px;
  padding-top: 10px;
}

.contsocial{
  width:320px;
  height:286px;
}

.dcont{
  height:174px;
  width:320px;
} 

.barra{
  width:1000px; 
  height:170px;
  margin:0 auto;
}

#pie{
  height:150px;
  width:80%;
  padding-left: 20%;
  background-color:#003b8d;
  background-position:center;
  vertical-align: middle;
  padding-top: 10px;
}

.tex_pie{
  color: #fff;
  font-size: 12px;
  font-family: arial;
  font-weight: bolder;
  vertical-align: middle;
}

.alto_pie{
height: 150px !important;
}

.titulo_pag{
    background-color: #007bff;
    color: #fff;
    font-size: 18px;
    font-family: arial;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 99.5%;
     
  }
.titulo_pag a{
  text-decoration: none;
  color: #fff;
}
.titulo_pag a:hover{
  text-decoration: underline;
  color: #fff;
}

.tit_mision{
  font-size: 18px !important;
  font-weight: bolder;
  font-family: arial;
  color:#000;
  text-decoration: underline;
}

.text{
  font-size: 14px;
  color: #000;
  font-family: arial;

}

.scroll{
      overflow-y: scroll;
}


.scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #FFF;
}
.scroll::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(top,#003b8d 100%,#004c66 100%);
}
.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    background-color: #FFF;
    border-radius: 20px;
  }


.tab-auto{
  font-size: 18px;
  font-family: arial;  
  color: #000;
  font-weight: bolder;
  text-align: center;
}
.tab-auto img{
  border: 2px solid #003b8d;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px; 
}

.tab-auto td{
  border-bottom: 2px solid #003b8d;
}

.header{
  display: table;
  width:1000px;
  margin:0 auto;
}

.logo{
  display: table-cell;
  width:20px !important;
  height:56px;
}

.nombre{
  display: table-cell;
  width:445px;
  height:56px;
  border-radius:1px;
}

.menu{
  display: table-cell;
  width:600px;
  height:56px;
}

header{
  width:550px;
  max-width:1000px;
  margin:auto;
  font-family:Arial, Helvetica, sans-serif;
  padding:0px;
  z-index:999;
}

body{
    background:url(../img/logo1.png);
}

nav {
  margin-top:20px;
  position:relative;
  z-index:ppp;
}

nav ul{
  list-style:none;
  padding:0;
  margin:0;
  overflow:hidden;
}

nav > ul > li {
  float:left;
}

nav ul li a{
  text-decoration:none;
  color:#fff;
  display:block;
  padding:10px 20px;
  transition:0.4s linear;
}

nav > ul > li:hover div{
  display:table;

}

nav ul li .ciudad {
  z-index:999;
  width:337px;
  position:absolute;
  top:101%;
  box-sizing:border-box;
  left:0px;
  display:none; 
  border: 1px solid #fff;
  font-size:12px;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px; 
  background:#003b8d;
  opacity: 0.7;
  }

  nav ul li .ciudad a:hover{
    -moz-border-radius:    10px;
    -webkit-border-radius: 10px;
    border-radius:         10px; 
    background:#426ca9; 
    } 
  
  nav ul .a_ciudad{
    width:90px;
    height:90px;
    background:url(../img/iconos/ciudad.png) no-repeat;
  }

nav ul li .muni{
  z-index:999;
  position:absolute;
  top:101%;
  box-sizing:border-box;
  width:300px;
  left:80px;
  background:#003b8d;
  display:none; 
  font-size:12px;
  border: 1px solid #fff;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px; 
  opacity: 0.7;
  } 

  nav ul li .muni a:hover{
    background:#426ca9; 
    -moz-border-radius:    10px;
    -webkit-border-radius: 10px;
    border-radius:         10px; 

    }

  nav ul .a_muni{
    width:90px;
    height:90px;
    background:url(../img/iconos/muni.png) no-repeat;
  }

  nav ul li .obras{
    z-index:999;
    top:101%;
    width:300px;
    position:absolute;
    left:160px;
    box-sizing:border-box;
    display:none; 
    font-size:12px;
    background:#003b8d;
    border: 1px solid #fff;
    -moz-border-radius:    10px;
    -webkit-border-radius: 10px;
    border-radius:         10px; 
    opacity: 0.7;
  } 
  
  nav ul li .obras a:hover{
      background:#426ca9; 
      -moz-border-radius:    10px;
      -webkit-border-radius: 10px;
      border-radius:         10px; 
      } 

    nav ul .a_obras{
      width:90px;
      height:90px;
      background:url(../img/iconos/obras.png) no-repeat;
    }
    
nav ul li .servicios{
  z-index:999;
  top:101%;
  width:300px;
  position:absolute;
  left:240px;
  box-sizing:border-box;
  display:none; 
  font-size:12px;
  background:#003b8d;
  border: 1px solid #fff;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px; 
   opacity: 0.7;
} 
  nav ul li .servicios a:hover{
    background:#426ca9; 
    -moz-border-radius:    10px;
    -webkit-border-radius: 10px;
    border-radius:         10px; 
  } 

  nav ul .a_servicios{
    width:90px; 
    height:90px;
    background:url(../img/iconos/servicios.png) no-repeat;
  }
  
  nav ul li .seguridad{
  z-index:999;
  top:101%;
  width:300px;
  position:absolute;
  left:320px;
  box-sizing:border-box;
  display:none; 
  font-size:12px;
  background:#003b8d;
  border: 1px solid #fff;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px; 
   opacity: 0.7;

} 
  nav ul li .seguridad a:hover{
    background:#426ca9; 
    -moz-border-radius:    10px;
    -webkit-border-radius: 10px;
    border-radius:         10px; 
    } 

  nav ul .a_seguridad{
    width:90px;
    height:90px;
    background:url(../img/iconos/seguridad.png) no-repeat;
  }

  nav ul li .pte{
  z-index:999;
  top:101%;
  width:500px;
  position:absolute;
  right:0px;
  box-sizing:border-box;
  display:none; 
  font-size:12px;
  background:#003b8d;
  border: 1px solid #fff;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px; 
  opacity: 0.7;
  } 

  nav ul li .pte a:hover{
    background:#426ca9; 
    -moz-border-radius:    10px;
    -webkit-border-radius: 10px;
    border-radius:         10px; 
  }

  nav ul .a_pte{
    width:90px;
    height:90px;
    background:url(../img/iconos/pte.png) no-repeat;
  }
  
  .list{
    color: #003b8d;
  }
  
  .sel{
    color: #003b8d;
    font-size: 18px;
    font-family: arial;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align:center;
   }
   .combo{
      color: #003b8d;
      font-size: 18px;
      font-family: arial;
      width: 80px;
      border: 1px solid #003b8d;
   }

  .titulo_arc{
    background-color: #007bff;
    color: #fff;
    font-size: 16px;
    font-family: arial;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align:center;
   }
  
  .tit_arc{
      color: #003b8d;
      font-size: 16px;
      font-family: arial;
      font-weight: bolder;
      padding: 0px;
      margin: 0px;

      
    }
  .desc_arc{
      color: #000;
      font-size: 10px;
      font-family: arial;
      padding: 0px;
      margin-left: 2px;

    }
nav ul li div ul{
  width:20%;
  display:table-cell; /*uniformiza las celdas del mismo tamaño*/
  border-right:1px solid rgba(204,204,204,.5);/*color borde de separacion de columnas*/
  box-sizing:border-box;
}

.botones_sevicios{
  display:table;
  width:1000px;
  height:108px;
  margin:0 auto;
  vertical-align:middle;
}

.fila{
  display: table-row;
}

.img_servicio{
  display: table-cell;
  width:165px;
  height:108px;
  background-color: #fff;
  
}

.esp_servicio{
  display: table-cell;
  width:2px;
  height:108px;
}

/*detalle noticia*/
.tit_notcia{
 font-size: 28px;
 color: #003b8d;
 font-family: arial;
 font-weight: bold;
 text-align: center;
 background-color: #fff;
}

.fecha_noticia{
  font-size: 15px;
  color: #fff;
  background-color: #003b8d;
  font-family: arial;
  font-weight: bolder;
  height: 40px;
}

.texto_noticia{
  height: 200px;
  font-size: 16px;
  font-family: arial;
  color: #000;
  text-align: justify-all;;
  vertical-align: top;
  background-color: #fff;
  padding:10px;
}
.googlemas {
  width: 38px;
  height: 38px;
  padding-right: 23px;
  padding-left: 24px;
  padding-top: 15px;
}
.facebook {
  width: 38px;
  height: 38px;
  padding-right: 23px;
  padding-left: 24px;
  padding-top: 20px;
}

.mnot{
  font-size: 10px;
  font-style: none;
  font-family: arial;
  float: left;
  width: 80%;
  height: 40px;
  vertical-align: middle;
  border-bottom: 1px dotted;
  color: #000;

}
.imgmas{
   float: left;
   width: 20%;
   height: 40px;

}
.imgnot{
  filter: blur(10px);
  float:left;
  background-size: 700px 450px; 
  width:1000px; 
  height:450px;
}

.imgs{
  position:absolute;
  width:1000px; 
  height:450px;
}
.mapa{
  width: 100%;
  text-align: center;
}