@import url('http://fonts.googleapis.com/css?family=Roboto+Slab|Open+Sans');

body {
  /*padding-top: 40px;*/
  font-family: 'Open Sans',Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', serif;
}

a {
  color: rgb(182,1,76);
}
a:active, a:focus, a:hover {
  color: rgb(120,20,79);
}

.btn-link {
  color: rgb(182,1,76);
}
.btn-link:active, .btn-link:focus, .btn-link:hover {
  color: rgb(120,20,79);
}
.container {
  /*background: #aaa;*/
}

#dane-logo {
  padding: 15px 0px 0px 15px;
	height: 130px;
}

#fecha {
  border-top: solid 5px rgb(182,1,76);
  padding: 10px 0px 10px;
  font-size: small;
}

#idioma {
  text-align: right;
}

.navbar-default .btn-link {
  color: rgb(182,1,76);
}

.navbar-default .btn-link:active, .btn-link:focus, .btn-link:hover {
  color: rgb(120,20,79);
}

#search {
  margin-top: 10px;
}

.form-control:focus {
  border-color: rgb(182,1,76);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(182,1,76,.6);
  /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(182,1,76,.6); */
}

.glyphicon {
    top: 0px;
}

#redes {
  border-top: solid 5px rgb(182,1,76);
  padding-top: 30px;
}

.topview2 #redes {
  border-top: solid 5px rgb(182,1,76);
  padding-top: 3px;
}

#icon-net {
  margin: 10px 5px 10px;
  float: right;
  width: 30px;
  height: 30px;
}

.ml {
  background: url("../img/mail.png") no-repeat;
}
.tw {
  background: url("../img/twitter.png") no-repeat;
}
.fb {
  background: url("../img/facebook.png") no-repeat;
}
.yt {
  background: url("../img/youtube.png") no-repeat;
}
.ml:active, .ml:hover, .ml:focus {
  background: url("../img/mail_hv.png") no-repeat;
}
.tw:active, .tw:hover, .tw:focus {
  background: url("../img/twitter_hv.png") no-repeat;
}
.fb:active, .fb:hover, .fb:focus {
  background: url("../img/facebook_hv.png") no-repeat;
}
.yt:active, .yt:hover, .yt:focus {
  background: url("../img/youtube_hv.png") no-repeat;
}


/* ___________ Colorbar ____________________ */

#colorbar {
  position: relative;
  height: 15px;
  background-color: #E2007A;
}
#color_container {
  height: 15px;
  left: 50px;
  /*top: -10px;*/
}
#color1 {
  width: 30%;
  /*margin-top: 10px;*/
  height: 15px ;
  background-color: #f5bc00;
  float: left;
}
#color2 {
  width: 24%;
  /*margin-top: 10px;*/
  height: 15px ;
  background-color: #e87c28;
  float: left;
}
#color3 {
  width: 18%;
  height: 15px ;
  background-color: #C7D64F;
  float: left;
}
#color4 {
  width: 13%;
  /*margin-top: 10px;*/
  height: 15px;
  background-color: #58a333;
  float: left;
}
#color5 {
  width: 10%;
  /*margin-top: 10px;*/
  height: 15px ;
  background-color: #36a9e1;
  float: left;
}
#color6 {
  width: 5%;
  height: 15px ;
  background-color: #0080b5;
  float: left;
}

#menu {
  /*top: -20px;*/
  position: relative;
  height: 60px;
  padding-top: 10px;
  background: #f1f1f1;
}

.col-md-2 {
}

.p {
  text-align: center;
  padding-top: 120px;
}

.p a {
  text-decoration: underline;
  color: blue;
}

#inicio {
  height: 2230px;
  background: rgb(236,236,236);
}

/*container-gel*/

#links .panel {
  margin-bottom: 0px;
}
#links {
  font-size: x-small;
}

#links a {
  color: rgb(155,155,155);
}

#logo_gel {
  padding-top: 60px;
}

#links #button {  
  width: 8px;
  height: 8px;
  margin-top: 3px;
  margin-right: 5px;
  float: left;
}

.presidencia{
  background:rgb(197,32,44);
}
.vicepresidencia{
  background:rgb(197,32,44);
}
.mintic{
  background:rgb(122,75,158);
}
.mincultura{
  background:rgb(137,58,150);
}
.colciencias{
  background:rgb(128,64,152);
}
.minrelaciones{
  background:rgb(70,63,153);
}
.mintrabajo{
  background:rgb(29,77,161);
}
.minjusticia{
  background:rgb(27,76,160);
}
.mindefensa{
  background:rgb(12,128,196);
}
.mintransporte{
  background:rgb(205,115,43);
}
.minsalud{
  background:rgb(0,172,203);
}
.coldeportes{
  background:rgb(55,189,179);
}
.mininterior{
  background:rgb(122,75,158);
}
.mincomercio{
  background:rgb(70,154,71);
}
.minagricultura{
  background:rgb(105,186,81);
}
.minambiente{
  background:rgb(150,204,118);
}
.minminas{
  background:rgb(204,187,0);
}
.minhacienda{
  background:rgb(134,33,25);
}
.mineducacion{
  background:rgb(111,18,0);
}
.minvivienda{
  background:rgb(164,24,77);
}
.dps{
  background:rgb(5,148,211);
}
.dafp{
  background:rgb(175,112,41);
}
.dnp{
  background:rgb(149,130,48);
}
.dni{
  background:rgb(207,171,122);
}
.dane_link{
  background:rgb(182,1,76);
}

#services_menu {
  float: right;
}

#services_menu .list-unstyled, footer .list-unstyled {
  list-style-type: square;
  padding-left: 20px;
}

/*footer*/

footer {
  background: rgb(66,66,66);
  color: rgb(255,255,255);
  font-size: x-small;
  padding-bottom: 10px;
}

footer h5 {
  margin-top: 20px;
  margin-bottom: 20px;
}

#contact_icon {
  margin-top: 8px;
}

footer .list-inline {
  padding-top: 10px;
}

footer .list-unstyled {
  list-style-type: square;
  padding-left: 20px;
  line-height: 2;
}

footer a {
  color: rgb(255,255,255);
}

footer a:active, a:focus, a:hover {
  color: rgb(180,180,180);
}

#geoportal_map {
  margin-top: 10px;
  background: rgb(182,1,76);
  width: 190px;
  height: 100px;
}

@media screen and (min-width: 768px) {
  #bar {
    left: 60px;
  }

  #fecha {
    font-size: x-small;
  }
  #links {
    font-size: xx-small;
    line-height: 1.5;
  }

  #logo_gel {
    padding-top: 10px;
  }

  #services_menu {
    float: right;
  }
}

@media screen and (max-width: 768px) {
  #dane-logo {
    width: 100%;
  }

  .input-group {
    top: -20px;
    margin-left: 10px;
  }

  #busqueda {
    top: 0px;
    left: -10px;
    margin-left: 0px;
  }

  #menu {
    top: 0px;
  }
}

@media only screen and (min-width : 1200px) {
  #bar {
    left: 0px;
  }
  #fecha {
    font-size: small;
  }
  #links {
    font-size: x-small;
  }
  #logo_gel {
    padding-top: 60px;
  }
}