/*ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #9F2241;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}*/

#info {
  text-align: justify;
    text-justify: inter-word;
}

.center {
  margin: auto;
  width: 50%;
  padding: 10px;
  text-align: center;
  vertical-align:middle;
}

.hidden-element {
  display: none;
}

#fspace, .med {
  display: block;
}

#footer-image {
    background-image: url(/img/crecer.png);
    background-size: contain;
    background-repeat: no-repeat; 
    height: 8em;
    width: 8em; 
}

@media (min-width: 320px) and (max-width: 480px) {

  body .header {
  
  }
  
  body .header .header-logo-container {
    width: 29%;
    background-image: url(/img/crecer.jpg);
    text-align: center;
    float: left;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 52%;
  }
  
  body .header .header-title-container {
    width: 71%;
    float: right;
    height: 48px;
  }
  
  body .header .header-logo-container .main-logo-xs {
    width: 60%;
  }
  
  body .header .header-title-container .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.03em;
    color:  #BCA986;
    /* width: 50%; */
    margin: 0 0 0 15px;
    padding-top: 10px;
  }
  
  body .header .header-access-container .header-access-logo button {
    float: right;
    margin: 5px 5px 0 0;
  }
  
  body .row ul li {
    font-size: 0.8em;
  }
  
  #footer-address {
   text-align: center;
  }
  
  #messages-handler {
    margin: 0 0 0 25px;
    font-size: 12px;
  }
  #footer-image {
   background-position: center;
   margin: auto;
  }
}

@media (min-width: 480px) and (max-width: 640px) {
  body .header {
  
  }
  
  body .header .header-logo-container {
    width: 27%;
    background-image: url(/img/logo-header.png);
    text-align: center;
    float: left;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 49%;
    background-color: white;
  }
  
  body .header .header-title-container {
    width: 71%;
    float: right;
    height: 48px;
  }
  
  body .header .header-logo-container .main-logo-xs {
    width: 60%;
  }
  
  body .header .header-title-container .title {
    font-size: 16px;
      font-weight: bold;
      line-height: 16px;
      letter-spacing: 0.03em;
      color: #fff;
      /* width: 50%; */
      margin: 0 0 0 15px;
      padding-top: 10px;
  }
  
  body .header .header-access-container .header-access-logo button {
    float: right;
    margin: 5px 5px 0 0;
  }
  
  body .row ul li {
    font-size: 0.8em;
  }
  
  #messages-handler {
    margin: 0 0 0 25px;
    font-size: 12px;
  }
}

@media (min-width: 640px) and (max-width: 768px) {
  body .header {
  
  }
  
  body .header .header-logo-container {
    width: 27%;
    background-image: url(/img/logo-header.png);
    text-align: center;
    float: left;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 67%;
    background-color: white;
  }
  
  body .header .header-title-container {
    width: 57%;
    float: left;
    height: 48px;
  }
  
  body .header .header-logo-container .main-logo-xs {
    width: 60%;
  }
  
  body .header .header-title-container .title {
    font-size: 16px;
      font-weight: bold;
      line-height: 16px;
      letter-spacing: 0.03em;
      color: #fff;
      /* width: 50%; */
      margin: 0 0 0 15px;
      padding-top: 10px;
  }
  
  body .header .header-access-container {
    float: right;
    width: 15%;
    height: 48px;
  }
  
  body .header .header-access-container .header-access-logo button {
    /*float: right;*/
    margin: 8px 10px 0 0;
  }
  
  body .row ul li {
    font-size: 0.9em;
  }
  
  #messages-handler {
    margin: 0 0 0 25px;
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  body .header {
  
  }
  
  body .header .header-logo-container {
    width: 27%;
    background-image: url(/img/logo-header.png);
    text-align: center;
    float: left;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    background-color: white;
  }
  
  body .header .header-title-container {
    width: 57%;
    float: left;
    height: 48px;
  }
  
  body .header .header-logo-container .main-logo-xs {
    width: 60%;
  }
  
  body .header .header-title-container .title {
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 0.03em;
    color: #BCA986;
    margin: 0 0 0 15px;
    padding-top: 10px;
    text-transform: uppercase;
  }
  
  body .header .header-access-container {
    float: right;
    width: 15%;
    height: 48px;
  }
  
  body .header .header-access-container .header-access-logo button {
    /*float: right;*/
    margin: 8px 10px 0 0;
  }
  
  body .row ul li {
    font-size: 0.9em;
  }
  
  #messages-handler {
    margin: 0 0 0 25px;
    font-size: 12px;
  }
}

@media (min-width: 900px) and (max-width: 1024px) {
  body .header {
  
  }
  
  body .header .header-logo-container {
    width: 27%;
    background-image: url(/img/logo-header.png);
    text-align: center;
    float: left;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 67%;
    background-color: white;
  }
  
  body .header .header-title-container {
    width: 57%;
    float: left;
    height: 48px;
  }
  
  body .header .header-logo-container .main-logo-xs {
    width: 60%;
  }
  
  body .header .header-title-container .title {
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 0.03em;
    color: #fff;
    margin: 0 0 0 15px;
    padding-top: 10px;
    text-transform: uppercase;
  }
  
  body .header .header-access-container {
    float: right;
    width: 15%;
    height: 48px;
  }
  
  body .header .header-access-container .header-access-logo button {
    /*float: right;*/
    margin: 8px 10px 0 0;
  }
  
  body .row ul li {
    font-size: 0.9em;
  }
  
  #messages-handler {
    margin: 0 0 0 25px;
    font-size: 12px;
  }
}

@media (min-width: 1024px) and (max-width: 1650px) {
  body .header {
  
  }
  
  body .header .header-logo-container {
    width: 27%;
    background-image: url(/img/logo-header.png);
    text-align: center;
    float: left;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 67%;
    background-color: white;
  }
  
  body .header .header-title-container {
    width: 57%;
    float: left;
    height: 48px;
  }
  
  body .header .header-logo-container .main-logo-xs {
    width: 60%;
  }
  
  body .header .header-title-container .title {
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 0.03em;
    color: #BCA986;
    margin: 0 0 0 15px;
    padding-top: 10px;
    text-transform: uppercase;
  }
  
  body .header .header-access-container {
    float: right;
    width: 15%;
    height: 48px;
  }
  
  body .header .header-access-container .header-access-logo button {
    /*float: right;*/
    margin: 8px 10px 0 0;
  }
  
  body .row ul li {
    font-size: 1em;
  }
  
  #messages-handler {
    margin: 0 0 0 25px;
    font-size: 13px;
  }

}

@media (min-width: 1650px) {
  body .header .header-logo-container {
    width: 27%;
    background-image: url(/img/logo-header.png);
    text-align: center;
    float: left;
    height: 90px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 38%;
    background-color: white;
    margin-top: -10px;
  }
  
  body .header .header-title-container {
    width: 57%;
    float: left;
    height: 48px;
  }
  
  body .header .header-logo-container .main-logo-xs {
    width: 60%;
  }
  
  body .header .header-title-container .title {
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 0.03em;
    color: #BCA986;
    margin: 0 0 0 15px;
    padding-top: 10px;
    text-transform: uppercase;
  }
  
  body .header .header-access-container {
    float: right;
    width: 15%;
    height: 48px;
  }
  
  body .header .header-access-container .header-access-logo button {
    /*float: right;*/
    margin: 8px 10px 0 0;
  }
  
  body .row ul li {
    font-size: 1em;
  }
  
  #messages-handler {
    margin: 0 0 0 25px;
    font-size: 13px;
  }
}

@media (min-width: 768px) and (max-width: 916px) {
  .med {
    display:block;	
  }
  
  .med_sp {	
    display:none;	
  }
}

@media screen and (max-height: 768px) {
  #fspace {
    display: block;
  }
  
}

@media (max-width: 768px) {
/*
  #pad {
    padding-top: 80px;
  }

  .title-sm {
  }
*/
}
.center2 {
  padding: 10px;
}

.nopadding {
  padding: 0px 0px 0px 0px;
}

.title{
  color: #BCA986;
  margin-bottom: 0px;
}

h4{
  font-size: 25px;
  line-height: 20px;
  color: white;
}

h5{
  font-size: 18px;
  line-height: 15px;
  color: white;
}

* {
  margin: 0;
}

html, body {
  height: 100%;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}

.footerI {
  height: 100px;
  position: absolute;
  right: 10px;
  bottom: 0px;
}

.footer2 {
  height: 60px;   
}

.page-container {
  padding-left: 0px;
}

.page-content-wrapper {
  background-color: #fff;	
}

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%); /* or try 50% */
}
.page-container .page-content-wrapper .content {
  z-index: 10;
  /*padding-top: 165px;*/
  padding-bottom: 0px;
  min-height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header{
  background-color: #9F2241 !important;
  padding: 0px !important;
}

.main-logo-container-sm {
    margin-left: 3px;
    overflow: hidden;
    float: left;
  }
  


.title-sm {
  color: red;
}

.title-xs {
  font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #fff;
    /* width: 50%; */
    margin: 0 0 0 15px;
    padding-top: 10px;
}



.iconGob{
  background-color: #fff;
  margin-right: 10px;
}

.b-grey {
  border-color: transparent;
}

/*Buttons*/
.btn-hermanos, .btn-trabajadores, .btn-influencia, .btn-general, .btn-nopreinscritos{
  /* width: 500px; */
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border: 0;
}

.btn-hermanos, .btn-hermanos:focus {
  color: #fff;
  background-color: #a22f2c;
  border-color: #a22f2c;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.btn-hermanos.active,
.btn-hermanos:active,
.btn-hermanos.active:focus,
.btn-hermanos:active:focus,
.btn-hermanos:active:hover,
.open .dropdown-toggle.btn-hermanos {
  background-color: #ca3f3c;
  border-color: #ca3f3c;
  color: #fff;
}

.btn-hermanos.hover,
.btn-hermanos:hover,
.open .dropdown-toggle.btn-hermanos {
  background-color: #ca3f3c;
  border-color: #ca3f3c;
  color: #fff;
}
.btn-hermanos.active:hover {
  background: #ca3f3c;
  border-color: #ca3f3c;
}

.btn-hermanos.disabled,
.btn-hermanos[disabled],
fieldset[disabled] .btn-hermanos,
.btn-hermanos.disabled:hover,
.btn-hermanos[disabled]:hover,
fieldset[disabled] .btn-hermanos:hover,
.btn-hermanos.disabled:focus,
.btn-hermanos[disabled]:focus,
fieldset[disabled] .btn-hermanos:focus,
.btn-hermanos.disabled:active,
.btn-hermanos[disabled]:active,
fieldset[disabled] .btn-hermanos:active,
.btn-hermanos.disabled.active,
.btn-hermanos[disabled].active,
fieldset[disabled] .btn-hermanos.active {
  background-color: #a22f2c;
  border-color: #a22f2c;
}
.btn-hermanos.badge {
  color: #a22f2c;
  background-color: #fff;
}

.btn-trabajadores,
.btn-trabajadores:focus {
  color: #fff;
  background-color: #fecc44;
  border-color: #fecc44;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.btn-trabajadores.active,
.btn-trabajadores:active,
.btn-trabajadores.active:focus,
.btn-trabajadores:active:focus,
.btn-trabajadores:active:hover,
.open .dropdown-toggle.btn-trabajadores {
  background-color: #fee194;
  border-color: #fee194;
  color: #fff;
}

.btn-trabajadores.hover,
.btn-trabajadores:hover,
.open .dropdown-toggle.btn-trabajadores {
  background-color: #fee194;
  border-color: #fee194;
  color: #fff;
}

.btn-trabajadores.active:hover {
  background: #fee194;
  border-color: #fee194;
}

.btn-trabajadores.disabled,
.btn-trabajadores[disabled],
fieldset[disabled] .btn-trabajadores,
.btn-trabajadores.disabled:hover,
.btn-trabajadores[disabled]:hover,
fieldset[disabled] .btn-trabajadores:hover,
.btn-trabajadores.disabled:focus,
.btn-trabajadores[disabled]:focus,
fieldset[disabled] .btn-trabajadores:focus,
.btn-trabajadores.disabled:active,
.btn-trabajadores[disabled]:active,
fieldset[disabled] .btn-trabajadores:active,
.btn-trabajadores.disabled.active,
.btn-trabajadores[disabled].active,
fieldset[disabled] .btn-trabajadores.active {
  background-color: #fecc44;
  border-color: #fecc44;
}

.btn-trabajadores.badge {
  color: #fecc44;
  background-color: #fff;
}

.btn-influencia,
.btn-influencia:focus {
  color: #fff;
  background-color: #644787;
  border-color: #644787;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.btn-influencia.active,
.btn-influencia:active,
.btn-influencia.active:focus,
.btn-influencia:active:focus,
.btn-influencia:active:hover,
.open .dropdown-toggle.btn-influencia {
  background-color: #9375b7;
  border-color: #9375b7;
  color: #fff;
}

.btn-influencia.hover,
.btn-influencia:hover,
.open .dropdown-toggle.btn-influencia {
  background-color: #9375b7;
  border-color: #9375b7;
  color: #fff;
}

.btn-influencia.active:hover {
  background: #9375b7;
  border-color: #9375b7;
}

.btn-influencia.disabled,
.btn-influencia[disabled],
fieldset[disabled] .btn-influencia,
.btn-influencia.disabled:hover,
.btn-influencia[disabled]:hover,
fieldset[disabled] .btn-influencia:hover,
.btn-influencia.disabled:focus,
.btn-influencia[disabled]:focus,
fieldset[disabled] .btn-influencia:focus,
.btn-influencia.disabled:active,
.btn-influencia[disabled]:active,
fieldset[disabled] .btn-influencia:active,
.btn-influencia.disabled.active,
.btn-influencia[disabled].active,
fieldset[disabled] .btn-influencia.active {
  background-color: #644787;
  border-color: #644787;
}

.btn-influencia.badge {
  color: #644787;
  background-color: #fff;
}

.btn-general,
.btn-general:focus {
  color: #fff;
  background-color: #2b8fa9;
  border-color: #2b8fa9;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.btn-general.active,
.btn-general:active,
.btn-general.active:focus,
.btn-general:active:focus,
.btn-general:active:hover,
.open .dropdown-toggle.btn-general {
  background-color: #82ccdf;
  border-color: #82ccdf;
  color: #fff;
}

.btn-general.hover,
.btn-general:hover,
.open .dropdown-toggle.btn-general {
  background-color: #82ccdf;
  border-color: #82ccdf;
  color: #fff;
}

.btn-general.active:hover {
  background: #82ccdf;
  border-color: #82ccdf;
}

.btn-general.disabled,
.btn-general[disabled],
fieldset[disabled] .btn-general,
.btn-general.disabled:hover,
.btn-general[disabled]:hover,
fieldset[disabled] .btn-general:hover,
.btn-general.disabled:focus,
.btn-general[disabled]:focus,
fieldset[disabled] .btn-general:focus,
.btn-general.disabled:active,
.btn-general[disabled]:active,
fieldset[disabled] .btn-general:active,
.btn-general.disabled.active,
.btn-general[disabled].active,
fieldset[disabled] .btn-general.active {
  background-color: #2b8fa9;
  border-color: #2b8fa9;
}

.btn-general.badge {
  color: #2b8fa9;
  background-color: #fff;
}

.btn-nopreinscritos,
.btn-nopreinscritos:focus {
  color: #fff;
  background-color: #e46c0a;
  border-color: #e46c0a;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.btn-nopreinscritos.active,
.btn-nopreinscritos:active,
.btn-nopreinscritos.active:focus,
.btn-nopreinscritos:active:focus,
.btn-nopreinscritos:active:hover,
.open .dropdown-toggle.btn-nopreinscritos {
  background-color: #f7913e;
  border-color: #f7913e;
  color: #fff;
}

.btn-nopreinscritos.hover,
.btn-nopreinscritos:hover,
.open .dropdown-toggle.btn-nopreinscritos {
  background-color: #f7913e;
  border-color: #f7913e;
  color: #fff;
}

.btn-nopreinscritos.active:hover {
  background: #f7913e;
  border-color: #f7913e;
}

.btn-nopreinscritos.disabled,
.btn-nopreinscritos[disabled],
fieldset[disabled] .btn-nopreinscritos,
.btn-nopreinscritos.disabled:hover,
.btn-nopreinscritos[disabled]:hover,
fieldset[disabled] .btn-nopreinscritos:hover,
.btn-nopreinscritos.disabled:focus,
.btn-nopreinscritos[disabled]:focus,
fieldset[disabled] .btn-nopreinscritos:focus,
.btn-nopreinscritos.disabled:active,
.btn-nopreinscritos[disabled]:active,
fieldset[disabled] .btn-nopreinscritos:active,
.btn-nopreinscritos.disabled.active,
.btn-nopreinscritos[disabled].active,
fieldset[disabled] .btn-nopreinscritos.active {
  background-color: #e46c0a;
  border-color: #e46c0a;
}

.btn-nopreinscritos.badge {
  color: #e46c0a;
  background-color: #fff;
}

.btn-size{
  /*width: 245px;*/
  height : 45px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.btn-size2{
  width: 320px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

@media screen and (max-width: 350px) {
  .btn-size2 {
    width: 300px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
  }
  
  h2{ font-size: 1.3em; }

  h5{
    font-size: 15px;
    line-height: 15px;
    color: white;
  }
}

/*buttons*/

.headLab{
  width: 100%;
}

@media (max-width: 1400px){
  body, p {
  font-size: 15px;
  line-height: 20px;
   }
} 

/*AGRAGADO POR MELCHOR*/
.txtPopUpModifCancel{
  color: #9F2241;
}

@media (max-width: 500px) {
  .letterP{
    visibility: hidden;
  }
}

/*
@media (min-width: 765px) and (max-width: 992px) {
  
  .letterP{
    font-size: 14px !important;
    color: #9F2241;
  }
}

@media (min-width: 992px) and (max-width: 1017px) {

  .letterP{
    font-size: 14px !important;
    color: #9F2241;
  }
}

@media (min-width: 1119px) and (max-width: 3000px) {

}*/

.letterP {
  font-size: 14px !important;
  color: #9F2241;
}

.f1 { margin-top: -100px; }

.f2{ margin-top: -130px; }

/* Adiciones */

.title-message {
  color: red;
}

button#show-modal-login {
  background-color: white;
  border: 0;
  padding: 5px 12px;
  border-radius: 6px;
}

body .row ul li {
  text-align: justify;
  line-height: 1.7em;
  padding-bottom: 0.5em;
  margin: 0 34px 0 -30px;
  letter-spacing: initial;
}

#messages-handler {
  background-color: white;
  vertical-align: middle;
  color: #9F2241;
  border: 0px #9F2241 solid;
  padding: 3px;
  border-radius: 4px;
}

li span {
  font-weight: bold;
}

.btn-gig {
  border-radius: 8px;
  font-size: 20px;
  height: 80px;
  margin-bottom: 20px;
  width: 100%;
}

.parf {
  color: black;
  font-size: 18px !important;
}

ul.parf {
    margin-left: 1.6em;
}