/*****
*
*Modificado por : Miguel
*
******/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

/*Area FormacionCiudadana*/
#eduparv {
  font-family:'Josefin Sans', sans-serif;
  font-size:15px ;
  font-weight: bold;
}
#edubas {
  font-family:'Josefin Sans', sans-serif;
  font-size:15px ;
  font-weight: bold;
}
#edumed {
  font-family:'Josefin Sans', sans-serif;
  font-size:15px ;
  font-weight: bold;
}

#eduparv, #edubas, #edumed a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  background-color: #15c5a14d;
}
.titulo {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 17px;
  font-weight: bold;
} 

/*****************************/
map area{
    outline: none;
}
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}
.navbar {
    position: relative;
    min-height: 0px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}
td, tr td {
    border-top: 0px solid #fff;
}
.t3-header {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
}
.modal-dialog-2 {
    width: 1024px !important;
    margin: 30px auto;
}
@media (min-width: 768px){
    img#boton {
        margin-bottom: 20px !important;
    }
 .mio > button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    background: #fff0;
    border-style: none;
    }
  .btn2{
    margin-bottom: 0px !important;
    }
  .btn-hide {
    color: #000;
    background-color: #fff0;
    border-color: #fff0;
    }
  .btn-hide:active, .btn-hide.active, .open > .dropdown-toggle.btn-hide{
    color: #000;
   /* background-color: #fff0;
    background-image: none;
    border-color: #fff0;*/
	}
  .btn-hide:hover {
    color: #000;
   /* background-color: #fff0;
    border-color: #fff0;*/
  }  
  .btn-morado {
    color: #ffffff;
    background-color: #b522e4;
    border-color: #4f277b;
    }
  .btn-morado:active, .btn-morado.active, .open > .dropdown-toggle.btn-morado {
    color: #ffffff;
    background-color: #b522e4;
    background-image: none;
    border-color: #4f277b;
	}
  .btn-morado:hover {
    color: #ffffff;
    background-color: #733488;
    border-color: #b522e4;
  }
  .btn-azul {
    color: #ffffff;
    background-color: #294355fb;
    border-color: #4f277b;
  }
  .btn-azul:active, .btn-morado.active, .open > .dropdown-toggle.btn-morado {
    color: #ffffff;
    background-color: #294355fb;
    background-image: none;
    border-color: #4f277b;
  }
  .btn-azul:hover {
    color: #ffffff;
    background-color: #294355fb;
    border-color: #b522e4;
  }
  .btn-rosa {
    color: #ffffff;
    background-color: #f59b8dff;
    border-color: #4f277b;
  }
  .btn-rosa:active, .btn-morado.active, .open > .dropdown-toggle.btn-morado {
    color: #ffffff;
    background-color: #f59b8dff;
    background-image: none;
    border-color: #4f277b;
  }
  .btn-rosa:hover {
    color: #ffffff;
    background-color: #f59b8dff;
    border-color: #b522e4;

  }
  .modal-dialog-2 {
    width: 1024px !important;
    margin: 30px auto;
  }
}
  .mio > button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    background: #fff0;
    border-style: none;
    }
  .btn2{
    margin-bottom: 0px !important;
    }
  .btn-hide {
    color: #000;
    background-color: #fff0;
    border-color: #fff0;
    }
  .btn-hide:active, .btn-hide.active, .open > .dropdown-toggle.btn-hide{
    color: #ffffff;
   /* background-color: #b522e4;
    background-image: none;
    border-color: #4f277b;*/
	}
  .btn-hide:hover {
    color: #ffffff;
   /* background-color: #733488;
    border-color: #b522e4;*/
  }
  .btn-morado {
    color: #ffffff;
    background-color: #b522e4;
    border-color: #4f277b;
  }
  .btn-morado:active, .btn-morado.active, .open > .dropdown-toggle.btn-morado {
    color: #ffffff;
    background-color: #b522e4;
    background-image: none;
    border-color: #4f277b;
  }
  .btn-morado:hover {
    color: #ffffff;
    background-color: #733488;
    border-color: #b522e4;
  }
  .btn-azul {
    color: #ffffff;
    background-color: #294355fb;
    border-color: #4f277b;
  }
  .btn-azul:active, .btn-morado.active, .open > .dropdown-toggle.btn-morado {
    color: #ffffff;
    background-color: #294355fb;
    background-image: none;
    border-color: #4f277b;
  }
.btn-azul:hover {
  color: #ffffff;
  background-color: #294355fb;
  border-color: #b522e4;
}
.btn-rosa {
  color: #ffffff;
  background-color: #f59b8dff;
  border-color: #4f277b;
}
.btn-rosa:active, .btn-morado.active, .open > .dropdown-toggle.btn-morado {
  color: #ffffff;
  background-color: #f59b8dff;
  background-image: none;
  border-color: #4f277b;
}
.btn-rosa:hover {
  color: #ffffff;
  background-color: #f59b8dff;
  border-color: #b522e4;
}
/** cajon original azul **/
.cajon {
  width: 90%; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
  box-sizing: border-box;
  border: 2px solid #00c4ff; 
  border-radius: 15px; 
  /* height: 400px; */
  padding: 25px 0;
}
div.contenido {
  padding: 10px;
  color: #fff;
  background-color: blue;
  border-radius: 0 0 10px 10px;
}

.cajon1 {
  width: 90%; 
  box-shadow: 0 4px 8px 0 rgba(249, 209, 65, 0.2), 0 6px 20px 0 rgba(239, 165, 83, 0.55);
  box-sizing: border-box;
  border: 2px solid #ffeb60; 
  border-radius: 15px; 
  /* height: 400px; */
  padding: 25px 0;
}
div.contenido1 {
  padding: 10px;
  color: #fff;
  background-color: #b98b08;
  border-radius: 0 0 10px 10px;
}

.cajon2 {
  width: 90%; 
  box-shadow: 0 4px 8px 0 rgba(19, 150, 83, 0.32), 0 6px 20px 0 rgba(8, 140, 85, 0.52);
  box-sizing: border-box;
  border: 2px solid #18fb88; 
  border-radius: 15px; 
  /* height: 400px; */
  padding: 25px 0;
}
div.contenido2 {
  padding: 10px;
  color: #fff;
  background-color: #05a554;
  border-radius: 0 0 10px 10px;
}

div.polaroid {
  box-sizing: border-box;
  width: 290px;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  text-align: center;
  padding:10px;
  margin-left: auto;
  margin-right: auto;
}
label.titulo {
  background: red; 
  color: white; 
  padding: 2px 22px;
  float: left;
  border-radius: 10px 0 0 0;
  font-size: 18px;
}