/* Este es el css básico, debe ir antes de los que se creen para dar estilo a la plataforma */

/*////////////////////// Reset /////////////////////////*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

fieldset,img {
  border:0;
  margin:0;
  padding:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}

ol,ul {
  list-style:none;
}

caption,th {
  text-align:left;
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

q:before,q:after { content:''; }

abbr,acronym { border:0; }

a {
  text-decoration: none;
  outline: 0;
}


/*////////////////////// Estructura /////////////////////////*/
/*///////////////// Estructura por cajas ///////////////////*/

.no-padding {
  padding: 0 !important;
}

.bloque-centro {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.contenedor {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {
  .contenedor {
    width: 85%;
  }
}

@media only screen and (min-width: 993px) {
  .contenedor {
    width: 85%;
  }
}

.contenedor .fila {
/*  margin-left: -0.75rem;
margin-right: -0.75rem;*/
}


/**** seccion agrega padding arriba y abajo ****/

.seccion {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.seccion.no-pad {
  padding: 0;
}

.seccion.no-pad-bot {
  padding-bottom: 0;
}

.seccion.no-pad-top {
  padding-top: 0;
}

.fila {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.fila:after {
  content: "";
  display: table;
  clear: both;
}

.fila .caja {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
}

.fila .caja[class*="emp-"], .fila .caja[class*="tir-"] {
  position: relative;
}

.fila .caja.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/**** DESPLAZAMIENTOS DE CAJAS ****/
/*com = compensar = compensa la cantidad de cajas que se le indique (desplazamiento a la derecha)
/*comm = compensar 2 = compensa la cantidad de cajas que se le indique (rellena a la izq)
tir = tirar = desplaza hacia el lado izquierdo
emp = empujar = desplaza hacia el lado derecho*/


.fila .caja.com-s1 {
  margin-left: 8.3333333333%;
}
.fila .caja.comm-s1 {
  margin-right: 8.3333333333%;
}
.fila .caja.tir-s1 {
  right: 8.3333333333%;
}

.fila .caja.emp-s1 {
  left: 8.3333333333%;
}

.fila .caja.com-s2 {
  margin-left: 16.6666666667%;
}
.fila .caja.comm-s2 {
  margin-right: 16.6666666667%;
}
.fila .caja.tir-s2 {
  right: 16.6666666667%;
}

.fila .caja.emp-s2 {
  left: 16.6666666667%;
}

.fila .caja.com-s3 {
  margin-left: 25%;
}
.fila .caja.comm-s3 {
  margin-right: 25%;
}

.fila .caja.tir-s3 {
  right: 25%;
}

.fila .caja.emp-s3 {
  left: 25%;
}

.fila .caja.com-s4 {
  margin-left: 33.3333333333%;
}
.fila .caja.comm-s4 {
  margin-right: 33.3333333333%;
}


.fila .caja.tir-s4 {
  right: 33.3333333333%;
}

.fila .caja.emp-s4 {
  left: 33.3333333333%;
}

.fila .caja.com-s5 {
  margin-left: 41.6666666667%;
}
.fila .caja.comm-s5 {
  margin-right: 41.6666666667%;
}

.fila .caja.tir-s5 {
  right: 41.6666666667%;
}

.fila .caja.emp-s5 {
  left: 41.6666666667%;
}

.fila .caja.com-s6 {
  margin-left: 50%;
}
.fila .caja.comm-s6 {
  margin-right: 50%;
}

.fila .caja.tir-s6 {
  right: 50%;
}

.fila .caja.emp-s6 {
  left: 50%;
}

.fila .caja.com-s7 {
  margin-left: 58.3333333333%;
}
.fila .caja.comm-s7 {
  margin-right: 58.3333333333%;
}

.fila .caja.tir-s7 {
  right: 58.3333333333%;
}

.fila .caja.emp-s7 {
  left: 58.3333333333%;
}

.fila .caja.com-s8 {
  margin-left: 66.6666666667%;
}
.fila .caja.com-s8 {
  margin-right: 66.6666666667%;
}

.fila .caja.tir-s8 {
  right: 66.6666666667%;
}

.fila .caja.emp-s8 {
  left: 66.6666666667%;
}

.fila .caja.com-s9 {
  margin-left: 75%;
}
.fila .caja.comm-s9 {
  margin-right: 75%;
}

.fila .caja.tir-s9 {
  right: 75%;
}

.fila .caja.emp-s9 {
  left: 75%;
}

.fila .caja.com-s10 {
  margin-left: 83.3333333333%;
}
.fila .caja.comm-s10 {
  margin-right: 83.3333333333%;
}
.fila .caja.tir-s10 {
  right: 83.3333333333%;
}

.fila .caja.emp-s10 {
  left: 83.3333333333%;
}

.fila .caja.com-s11 {
  margin-left: 91.6666666667%;
}
.fila .caja.comm-s11 {
  margin-right: 91.6666666667%;
}

.fila .caja.tir-s11 {
  right: 91.6666666667%;
}

.fila .caja.emp-s11 {
  left: 91.6666666667%;
}

.fila .caja.com-s12 {
  margin-left: 100%;
}
.fila .caja.comm-s12 {
  margin-right: 100%;
}

.fila .caja.tir-s12 {
  right: 100%;
}

.fila .caja.emp-s12 {
  left: 100%;
}

@media only screen and (min-width: 601px) {
  .fila .caja.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.com-m1 {
    margin-left: 8.3333333333%;
  }
  .fila .caja.comm-m1 {
    margin-right: 8.3333333333%;
  }
  .fila .caja.tir-m1 {
    right: 8.3333333333%;
  }
  .fila .caja.emp-m1 {
    left: 8.3333333333%;
  }
  .fila .caja.com-m2 {
    margin-left: 16.6666666667%;
  }
  .fila .caja.comm-m2 {
    margin-right: 16.6666666667%;
  }
  .fila .caja.tir-m2 {
    right: 16.6666666667%;
  }
  .fila .caja.emp-m2 {
    left: 16.6666666667%;
  }
  .fila .caja.com-m3 {
    margin-left: 25%;
  }
  .fila .caja.comm-m3 {
    margin-right: 25%;
  }
  .fila .caja.tir-m3 {
    right: 25%;
  }
  .fila .caja.emp-m3 {
    left: 25%;
  }
  .fila .caja.com-m4 {
    margin-left: 33.3333333333%;
  }
  .fila .caja.comm-m4 {
    margin-right: 33.3333333333%;
  }
  .fila .caja.tir-m4 {
    right: 33.3333333333%;
  }
  .fila .caja.emp-m4 {
    left: 33.3333333333%;
  }
  .fila .caja.com-m5 {
    margin-left: 41.6666666667%;
  }
  .fila .caja.comm-m5 {
    margin-right: 41.6666666667%;
  }
  .fila .caja.tir-m5 {
    right: 41.6666666667%;
  }
  .fila .caja.emp-m5 {
    left: 41.6666666667%;
  }
  .fila .caja.com-m6 {
    margin-left: 50%;
  }
  .fila .caja.comm-m6 {
    margin-right: 50%;
  }
  .fila .caja.tir-m6 {
    right: 50%;
  }
  .fila .caja.emp-m6 {
    left: 50%;
  }
  .fila .caja.com-m7 {
    margin-left: 58.3333333333%;
  }
  .fila .caja.comm-m7 {
    margin-right: 58.3333333333%;
  }
  .fila .caja.tir-m7 {
    right: 58.3333333333%;
  }
  .fila .caja.emp-m7 {
    left: 58.3333333333%;
  }
  .fila .caja.com-m8 {
    margin-left: 66.6666666667%;
  }
  .fila .caja.comm-m8 {
    margin-right: 66.6666666667%;
  }
  .fila .caja.tir-m8 {
    right: 66.6666666667%;
  }
  .fila .caja.emp-m8 {
    left: 66.6666666667%;
  }
  .fila .caja.com-m9 {
    margin-left: 75%;
  }
  .fila .caja.comm-m9 {
    margin-right: 75%;
  }
  .fila .caja.tir-m9 {
    right: 75%;
  }
  .fila .caja.emp-m9 {
    left: 75%;
  }
  .fila .caja.com-m10 {
    margin-left: 83.3333333333%;
  }
  .fila .caja.comm-m10 {
    margin-right: 83.3333333333%;
  }
  .fila .caja.tir-m10 {
    right: 83.3333333333%;
  }
  .fila .caja.emp-m10 {
    left: 83.3333333333%;
  }
  .fila .caja.com-m11 {
    margin-left: 91.6666666667%;
  }
  .fila .caja.comm-m11 {
    margin-right: 91.6666666667%;
  }
  .fila .caja.tir-m11 {
    right: 91.6666666667%;
  }
  .fila .caja.emp-m11 {
    left: 91.6666666667%;
  }
  .fila .caja.com-m12 {
    margin-left: 100%;
  }
  .fila .caja.comm-m12 {
    margin-right: 100%;
  }
  .fila .caja.tir-m12 {
    right: 100%;
  }
  .fila .caja.emp-m12 {
    left: 100%;
  }
}

@media only screen and (min-width: 993px) {
  .fila .caja.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .fila .caja.com-l1 {
    margin-left: 8.3333333333%;
  }
  .fila .caja.comm-l1 {
    margin-right: 8.3333333333%;
  }
  .fila .caja.tir-l1 {
    right: 8.3333333333%;
  }
  .fila .caja.emp-l1 {
    left: 8.3333333333%;
  }
  .fila .caja.com-l2 {
    margin-left: 16.6666666667%;
  }
  .fila .caja.comm-l2 {
    margin-right: 16.6666666667%;
  }
  .fila .caja.tir-l2 {
    right: 16.6666666667%;
  }
  .fila .caja.emp-l2 {
    left: 16.6666666667%;
  }
  .fila .caja.com-l3 {
    margin-left: 25%;
  }
  .fila .caja.comm-l3 {
    margin-right: 25%;
  }
  .fila .caja.tir-l3 {
    right: 25%;
  }
  .fila .caja.emp-l3 {
    left: 25%;
  }
  .fila .caja.com-l4 {
    margin-left: 33.3333333333%;
  }
  .fila .caja.comm-l4 {
    margin-right: 33.3333333333%;
  }
  .fila .caja.tir-l4 {
    right: 33.3333333333%;
  }
  .fila .caja.emp-l4 {
    left: 33.3333333333%;
  }
  .fila .caja.com-l5 {
    margin-left: 41.6666666667%;
  }
  .fila .caja.comm-l5 {
    margin-right: 41.6666666667%;
  }
  .fila .caja.tir-l5 {
    right: 41.6666666667%;
  }
  .fila .caja.emp-l5 {
    left: 41.6666666667%;
  }
  .fila .caja.com-l6 {
    margin-left: 50%;
  }
  .fila .caja.comm-l6 {
    margin-right: 50%;
  }
  .fila .caja.tir-l6 {
    right: 50%;
  }
  .fila .caja.emp-l6 {
    left: 50%;
  }
  .fila .caja.com-l7 {
    margin-left: 58.3333333333%;
  }
  .fila .caja.comm-l7 {
    margin-right: 58.3333333333%;
  }
  .fila .caja.tir-l7 {
    right: 58.3333333333%;
  }
  .fila .caja.emp-l7 {
    left: 58.3333333333%;
  }
  .fila .caja.com-l8 {
    margin-left: 66.6666666667%;
  }
  .fila .caja.comm-l8 {
    margin-right: 66.6666666667%;
  }
  .fila .caja.tir-l8 {
    right: 66.6666666667%;
  }
  .fila .caja.emp-l8 {
    left: 66.6666666667%;
  }
  .fila .caja.com-l9 {
    margin-left: 75%;
  }
  .fila .caja.comm-l9 {
    margin-right: 75%;
  }
  .fila .caja.tir-l9 {
    right: 75%;
  }
  .fila .caja.emp-l9 {
    left: 75%;
  }
  .fila .caja.com-l10 {
    margin-left: 83.3333333333%;
  }
  .fila .caja.com-l10 {
    margin-right: 83.3333333333%;
  }
  .fila .caja.tir-l10 {
    right: 83.3333333333%;
  }
  .fila .caja.emp-l10 {
    left: 83.3333333333%;
  }
  .fila .caja.com-l11 {
    margin-left: 91.6666666667%;
  }
  .fila .caja.comm-l11 {
    margin-right: 91.6666666667%;
  }
  .fila .caja.tir-l11 {
    right: 91.6666666667%;
  }
  .fila .caja.emp-l11 {
    left: 91.6666666667%;
  }
  .fila .caja.com-l12 {
    margin-left: 100%;
  }
  .fila .caja.comm-l12 {
    margin-right: 100%;
  }
  .fila .caja.tir-l12 {
    right: 100%;
  }
  .fila .caja.emp-l12 {
    left: 100%;
  }
}



/***** VARIANTES DE TAMAÑOS *****/
/*las variantes de tamaños tienen la estructura [tamaño de pantalla][cantidad de cajas][u]
cantidad de cajas: indica cuantas cajas tendra en total dicha fila, las cantidades son 5, 7 y 9
u: indica que es una unidad de las cajas
(se pueden mezclar distintas cajas dentro de una fila, pero hay que recordar que idealmente siempre deben sumar 100%)
*/

.fila .caja.s5u {
  width: 20%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.com-s5u {
  margin-left: 20%;
}
.fila .caja.comm-s5u {
  margin-right: 20%;
}

.fila .caja.tir-s5u {
  right: 20%;
}

.fila .caja.emp-s5u {
  left: 20%;
}



.fila .caja.s7u {
  width: 14.28571428571429%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.com-s7u {
  margin-left: 14.28571428571429%;
}
.fila .caja.comm-s7u {
  margin-right: 14.28571428571429%;
}
.fila .caja.tir-s7u {
  right: 14.28571428571429%;
}

.fila .caja.emp-s7u {
  left: 14.28571428571429%;
}


.fila .caja.s9u {
  width: 11.11111111111111%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.fila .caja.com-s9u {
  margin-left: 11.11111111111111%;
}
.fila .caja.comm-s9u {
  margin-right: 11.11111111111111%;
}

.fila .caja.tir-s9u {
  right: 11.11111111111111%;
}

.fila .caja.emp-s9u {
  left: 11.11111111111111%;
}


@media only screen and (min-width: 601px) {
  .fila .caja.m5u {
    width: 20%;
    margin-left: auto;
    left: auto;
    right: auto;
  }

  .fila .caja.com-m5u {
    margin-left: 20%;
  }
  .fila .caja.comm-m5u {
    margin-right: 20%;
  }
  .fila .caja.tir-m5u {
    right: 20%;
  }

  .fila .caja.emp-m5u {
    left: 20%;
  }

  .fila .caja.m7u {
    width: 14.28571428571429%;
    margin-left: auto;
    left: auto;
    right: auto;
  }

  .fila .caja.com-m7u {
    margin-left: 14.28571428571429%;
  }
  .fila .caja.comm-m7u {
    margin-right: 14.28571428571429%;
  }
  .fila .caja.tir-m7u {
    right: 14.28571428571429%;
  }

  .fila .caja.emp-m7u {
    left: 14.28571428571429%;
  }

  .fila .caja.m9u {
    width: 11.11111111111111%;
    margin-left: auto;
    left: auto;
    right: auto;
  }

  .fila .caja.com-m9u {
    margin-left: 11.11111111111111%;
  }
  .fila .caja.comm-m9u {
    margin-right: 11.11111111111111%;
  }
  .fila .caja.tir-m9u {
    right: 11.11111111111111%;
  }

  .fila .caja.emp-m9u {
    left: 11.11111111111111%;
  }

}

@media only screen and (min-width: 993px) {
  .fila .caja.l5u {
    width: 20%;
    margin-left: auto;
    left: auto;
    right: auto;
  }

  .fila .caja.com-l5u {
    margin-left: 20%;
  }
  .fila .caja.comm-l5u {
    margin-right: 20%;
  }
  .fila .caja.tir-l5u {
    right: 20%;
  }

  .fila .caja.emp-l5u {
    left: 20%;
  }

  .fila .caja.l7u {
    width: 14.28571428571429%;
    margin-left: auto;
    left: auto;
    right: auto;
  }

  .fila .caja.com-l7u {
    margin-left: 14.28571428571429%;
  }
  .fila .caja.comm-l7u {
    margin-right: 14.28571428571429%;
  }
  .fila .caja.tir-l7u {
    right: 14.28571428571429%;
  }

  .fila .caja.emp-l7u {
    left: 14.28571428571429%;
  }

  .fila .caja.l9u {
    width: 11.11111111111111%;
    margin-left: auto;
    left: auto;
    right: auto;
  }

  .fila .caja.com-l9u {
    margin-left: 11.11111111111111%;
  }
  .fila .caja.comm-l9u {
    margin-right: 11.11111111111111%;
  }
  .fila .caja.tir-l9u {
    right: 11.11111111111111%;
  }

  .fila .caja.emp-l9u {
    left: 11.11111111111111%;
  }

}






/*/////////////////////// Visual /////////////////////////*/
/*///////////////// Elementos Visuales ///////////////////*/


.clearb {
  clear: both;
}

/*++++++ sombras ++++++*/
.sombra-0 {
  box-shadow: none !important;
}

.sombra-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.sombra-1-medio {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.sombra-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sombra-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.sombra-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.sombra-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}


/*++++++ mostrar y ocultar segun tamaños de cajas ++++++*/

@media only screen and (max-width: 600px) {
  .ocultar-en-s, .ocultar-en-somen {
    display: none !important;
  }
}

@media only screen and (max-width: 992px) {
  .ocultar-m-omenos {
    display: none !important;
  }
}

@media only screen and (min-width: 601px) {
  .ocultar-m-omas {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .ocultar-m-solo {
    display: none !important;
  }
}

@media only screen and (min-width: 993px) {
  .ocultar-l-solo {
    display: none !important;
  }
}

@media only screen and (min-width: 993px) {
  .mostrar-en-l {
    display: block !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .mostrar-en-m {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .mostrar-en-s {
    display: block !important;
  }
}

@media only screen and (min-width: 601px) {
  .mostrar-m-omas {
    display: block !important;
  }
}

@media only screen and (max-width: 992px) {
  .mostrar-m-omenos {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .centrar-s-solo {
    text-align: center;
  }
}


/*++++++ alineacion vertical ++++++*/
/*para alinear verticalmente el elemento a alinear tiene que estar contenido en valin-envo y el elemento debe estar con la clase valin*/

.valin-envo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.valin-envo .valin {
  display: block;
}


/*++++++ utilidades  ++++++*/



.dividir {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}


img.responsivo-img,
video.responsivo-video {
  max-width: 100%;
  height: auto;
}


.ocultar {
  display: none !important;
}

.izq-alin{
  text-align: left;
}

.dere-alin {
  text-align: right;
}

.justificado {
  text-align: justify !important;
}

.centro, .centro-alin, .centrado{
  text-align: center;
}

/*mover a la izquierda*/
.alaizq {
  float: left !important;
}
/*mover a la derecha*/
.alade {
  float: right !important;
}


/*hacer circulo el elemento*/
.rr {
  border-radius: 50%;
}



.truncar {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Transition Classes */
ul.staggered-list li {
  opacity: 0;
}

.fade-in {
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}





/*

nav {
  color: #fff;
  background-color: #ee6e73;
  width: 100%;
  height: 56px;
  line-height: 56px;
}

nav a {
  color: #fff;
}

nav i,
nav [class^="mdi-"], nav [class*="mdi-"],
nav i.material-icons {
  display: block;
  font-size: 2rem;
  height: 56px;
  line-height: 56px;
}

nav .nav-wrapper {
  position: relative;
  height: 100%;
}

@media only screen and (min-width: 993px) {
  nav a.button-collapse {
    display: none;
  }
}

nav .button-collapse {
  float: left;
  position: relative;
  z-index: 1;
  height: 56px;
}

nav .button-collapse i {
  font-size: 2.7rem;
  height: 56px;
  line-height: 56px;
}

nav .brand-logo {
  position: absolute;
  color: #fff;
  display: inline-block;
  font-size: 2.1rem;
  padding: 0;
  white-space: nowrap;
}

nav .brand-logo.center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (max-width: 992px) {
  nav .brand-logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  nav .brand-logo.left, nav .brand-logo.right {
    padding: 0;
    -webkit-transform: none;
            transform: none;
  }
  nav .brand-logo.left {
    left: 0.5rem;
  }
  nav .brand-logo.right {
    right: 0.5rem;
    left: auto;
  }
}

nav .brand-logo.right {
  right: 0.5rem;
  padding: 0;
}

nav ul {
  margin: 0;
}

nav ul li {
  transition: background-color .3s;
  float: left;
  padding: 0;
}

nav ul li.active {
  background-color: rgba(0, 0, 0, 0.1);
}

nav ul a {
  transition: background-color .3s;
  font-size: 1rem;
  color: #fff;
  display: inline-block;
  padding: 0 15px;
  cursor: pointer;
}

nav ul a.btn, nav ul a.btn-large, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
  margin-top: -2px;
  margin-left: 15px;
  margin-right: 15px;
}

nav ul a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

nav ul.left {
  float: left;
}

nav .input-field {
  margin: 0;
}

nav .input-field input {
  height: 100%;
  font-size: 1.2rem;
  border: none;
  padding-left: 2rem;
}

nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
  border: none;
  box-shadow: none;
}

nav .input-field label {
  top: 0;
  left: 0;
}

nav .input-field label i {
  color: rgba(255, 255, 255, 0.7);
  transition: color .3s;
}

nav .input-field label.active i {
  color: #fff;
}

nav .input-field label.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 998;
}

.navbar-fixed nav {
  position: fixed;
}

@media only screen and (min-width: 601px) {
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 64px;
    line-height: 64px;
  }
  .navbar-fixed {
    height: 64px;
  }
}
*//*
@font-face {
  font-family: "Roboto";
  src: local(Roboto Thin), url("../fonts/roboto/Roboto-Thin.eot");
  src: url("../fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/roboto/Roboto-Thin.woff") format("woff"), url("../fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 200;
}

@font-face {
  font-family: "Roboto";
  src: local(Roboto Light), url("../fonts/roboto/Roboto-Light.eot");
  src: url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/roboto/Roboto-Light.woff") format("woff"), url("../fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url("../fonts/roboto/Roboto-Regular.eot");
  src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Medium.eot");
  src: url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Bold.eot");
  src: url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
}
*/

html {
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}

@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}

@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

em {
  font-style: italic;
}

strong {
  font-weight: 500;
}

small {
  font-size: 75%;
}



@media only screen and (min-width: 360px) {
  .texto-fluido {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 390px) {
  .texto-fluido {
    font-size: 1.224rem;
  }
}

@media only screen and (min-width: 420px) {
  .texto-fluido {
    font-size: 1.248rem;
  }
}

@media only screen and (min-width: 450px) {
  .texto-fluido {
    font-size: 1.272rem;
  }
}

@media only screen and (min-width: 480px) {
  .texto-fluido {
    font-size: 1.296rem;
  }
}

@media only screen and (min-width: 510px) {
  .texto-fluido {
    font-size: 1.32rem;
  }
}

@media only screen and (min-width: 540px) {
  .texto-fluido {
    font-size: 1.344rem;
  }
}

@media only screen and (min-width: 570px) {
  .texto-fluido {
    font-size: 1.368rem;
  }
}

@media only screen and (min-width: 600px) {
  .texto-fluido {
    font-size: 1.392rem;
  }
}

@media only screen and (min-width: 630px) {
  .texto-fluido {
    font-size: 1.416rem;
  }
}

@media only screen and (min-width: 660px) {
  .texto-fluido {
    font-size: 1.44rem;
  }
}

@media only screen and (min-width: 690px) {
  .texto-fluido {
    font-size: 1.464rem;
  }
}

@media only screen and (min-width: 720px) {
  .texto-fluido {
    font-size: 1.488rem;
  }
}

@media only screen and (min-width: 750px) {
  .texto-fluido {
    font-size: 1.512rem;
  }
}

@media only screen and (min-width: 780px) {
  .texto-fluido {
    font-size: 1.536rem;
  }
}

@media only screen and (min-width: 810px) {
  .texto-fluido {
    font-size: 1.56rem;
  }
}

@media only screen and (min-width: 840px) {
  .texto-fluido {
    font-size: 1.584rem;
  }
}

@media only screen and (min-width: 870px) {
  .texto-fluido {
    font-size: 1.608rem;
  }
}

@media only screen and (min-width: 900px) {
  .texto-fluido {
    font-size: 1.632rem;
  }
}

@media only screen and (min-width: 930px) {
  .texto-fluido {
    font-size: 1.656rem;
  }
}

@media only screen and (min-width: 960px) {
  .texto-fluido {
    font-size: 1.68rem;
  }
}

@media only screen and (max-width: 360px) {
  .texto-fluido {
    font-size: 1.2rem;
  }
}





/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
 .waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  transition: all .3s ease-out;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.7s ease-out;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}

.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
}

.waves-notransition {
  transition: none !important;
}

.waves-circle {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-block {
  display: block;
}

/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
  z-index: -1;
}


.mr5 {
  margin-right: 5px !important;
}


.liv {
  font-weight: 300 !important;
}

.letrablanca {
  color: #fff !important;
}

.centrar {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mostrar, .bloque {
  display: block;
}
.nomostrar {
  display: none;
}

/*imagenes responsivas*/
img {
  height: auto;
  max-width: 100%;
}


/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
  z-index: -1;
}



.tituprin {
  color: #fff !important;
  padding-top: 40px !important;
}


.noPad{
  padding: 0px !important;
}