@charset "UTF-8";


.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.disabledbutton {
    pointer-events: none;
    display: none;
    opacity: 0.4;
}
.izquierda{
  position: absolute;
  background-color: #000;
}

.padre {
  height: 100%;
  /*IMPORTANTE*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.hijo {
  background-color: rgba(91,123,140,0.40);
  width: 25%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
}


.hero {

  background: url("../fondo.png") no-repeat center center;

  background-size: cover;

  height: 40vh;

  overflow: hidden; }

  .hero h1 {

    color: #fff;

    text-align: center;

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%); }



.footer {

  background-color: #292c2f;

  text-align: center;

  font-size: 1.2rem;

  padding: 4rem; }

  .footer p.slogan {

    color: #8d9093;

    font-size: 1.8rem;

    margin: 0 0 1rem; }

  .footer p.copywrite {

    color: #8f9296;

    font-size: 0.875rem;

    margin: 0; }

  .footer .links a {

    list-style: none;

    font-weight: bold;

    color: #ffffff;

    padding: 3rem 0 2rem;

    margin: 0; }

    .footer .links a::after {

      content: "•";

      padding: 0 0.4rem 0 0.8rem; }

    .footer .links a:last-child::after {

      content: "";

      padding: 0 0.4rem 0 0.8rem; }
	  
.title-area {

}
.name {

}
    
.name img {
            height:35px;
            margin-top:5px;
            margin-left:5px;
}
}

.name img {
    
    margin-left:20px;
    
}
@media (max-width: 800px) and (min-width: 300px) {
	.secondary-tabs .tabs .tab-title > a {
		font-size:0px;	
	}
	
}
.textos_justificados{
  text-align: justify;

}

.transparente{

  opacity: .80;

}

#tbgeneral {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#tbgeneral td, #tbgeneral th {
  border: 1px solid #ddd;
  padding: 8px;
}

#tbgeneral tr:nth-child(even){background-color: #f2f2f2;}

#tbgeneral tr:hover {background-color: #ddd;}

#tbgeneral th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

@keyframes rotate {from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}}
.rota{
    -webkit-animation: 3s rotate linear infinite;
    animation: 3s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}


.elemento_animado{
animation-duration: 1s;
transition-timing-function: ease-in;
animation-fill-mode: both;
}

.elemento_animadosalidaCol{
animation-duration: 4s;
transition-timing-function: ease-in;
animation-fill-mode: both;
}

.elemento_animadodos{
animation-duration: 2s;
transition-timing-function: ease-in;
animation-fill-mode: both;
}


.elemento_animadoherramienta{
animation-duration: 2s;
transition-timing-function: ease-in;
animation-fill-mode: both;
}

.transicion--fadein {
animation-name: fadeIn;
}


.animate__fadeInDown {
animation-name: fadeInDown;
}

.animate__bounceIn{

  animation-name: bounceIn;
}

.animate__hinge{

animation-name: hinge;

}

.animate__jackInTheBox{

 animation-name: jackInTheBox;

}

.input-wrapper {
  position: relative;
  width: 100%;
  border-radius: 10px;
}

.input {
  box-sizing: border-box;
  color: #191919;
  padding: 15px 15px 15px 35px;
  width: 100%;
   text-align: center;
}

.input.password {
  padding: 15px 35px 15px 15px;
}

.input-icon {
  color: #191919;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.input-icon.password {
  left: unset;
  right: 12px;
}