@import url('font-awesome.css');
body {
  font-family: arial;
 
  background-image: url("../img/backgroundbn.jpg");
  background-repeat: repeat;
  background-position: center center;
  background-attachment: fixed;
  -o-background-size: 100% 100%, auto;
  -moz-background-size: 100% 100%, auto;
  -webkit-background-size: 100% 100%, auto;
  background-size: 100% 100%, auto;
  
}

main {
  flex: 1 0 auto;
}

.content-background{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.formulario {
  background: #000000;
  width: 80%;
  height: 2%;
  margin: 40px auto 0;
  padding: 25px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 8px 0 rgba(1,1,1,1);
  box-shadow: 1px 1px 8px 0 rgba(1,1,1,1);
}
.formulario h2 {
  margin: 0px 0px 10px;
  color: #7C7374;
  font-size: 20px;
}
.formulario input {
  width: 268px;
  margin: 0px 0px 20px;
  padding: 10px 15px;
  border: 1px solid #d9d9d9;
  color: #000;
}
.formulario input[type=submit] {
  color: #fff !important;
}

.informacion{
  border-radius: 20px;
}

.textModal{
  font-style: italic;
  text-decoration: solid;
}

.formulario{

  background: #fffaf6;
  border-radius: 4px;
    color: #7e7975;
    box-shadow:
        0 2px 2px rgba(0,0,0,0.2),
        0 1px 5px rgba(0,0,0,0.2),
        0 0 0 12px rgba(255,255,255,0.4);
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-danger {
  opacity: 0.6;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.help-block {
  color: #a94442;
}

.has-error {
  color: #a94442 !important;
}

.alert-success {
  opacity: 0.6;
  color: #3c763d; 
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.content-data-form{
  width: 95%;
  margin-top: 50px !important;
  margin: 0 auto;
  margin-block-end: 25px;
  /*opacity: 0.9;*/
  background: #fffaf6;
  border-radius: 4px;
  color: #7e7975;
  box-shadow:
      0 2px 2px rgba(0,0,0,0.2),
      0 1px 5px rgba(0,0,0,0.2),
      0 0 0 12px rgba(255,255,255,0.4);
}

table{
  color: #424242;
}
.content-header{
  color: #424242;
}
.custom-grey{
  background-color: #424242 !important;
}
.custom-light-grey{
  background-color: #D8D8D8 !important;
  border-color: #424242 !important;
}
.custom-light-grey i{
  color: #000 !important;
}
.custom-light-grey:hover{
  background-color: #00695c !important;
}
.custom-light-grey i:hover{
  color: #fff !important;
}
#sidenav-overlay {
  z-index: 996;
}
#sidenav-overlay {
  z-index: 996;
}
#horizontal-nav {
  z-index: 999 !important;
}

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
	font-size: inherit;
}

.armotor {
  background-color: #000000;
}


.help-block {
  color: #a94442;
}

.no-margin {
  margin: 0%;
}

.eslogan {
  color: #fff;
  font-size: 2.5vw;  
}

.eslogan:hover {
  color: #fff;
  font-size: 2.5vw;  
}

.content-data{
  width: 95%;
  margin-top: 100px;
  margin: 0 auto;
}

.borde-curvo {
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
}

div.scroll {
  width: auto;
  height: 283px;
  overflow: auto;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.embed-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}