.gen{
  float:left;
  height: auto;
  padding: 0;
  margin: 0;
  display: block;
}

.forma{
  width:100%;
  float:left;
  height: auto;
  padding: 0;
  margin: 0;
  display: block;
}

.center{
  float:none!important;
  display: block!important;
  margin: 0 auto!important;
  right: 0;
  left: 0;
}

.contenedor { max-width: 100%; padding: 0; }
.contenedor1 { max-width: 1150px; }
.contenedor2 { max-width: 1300px; }
.contenedor3 { max-width: 1200px; }

.span_ser{ letter-spacing: 1px; }

.t_left{ text-align: left!important; }
.t_right{ text-align: right; }
.t_center{ text-align: center!important; }
.t_justify{ text-align: justify; }

.left_{ float: left; }
.right_{ float: right; }

.color_1{ color:#343d42; }
.color_2{ color:#ce8e00!important; }
.color_3{ color:#fff; }
.color_4{ color:#000; }

.bk_1{ background:#343d42; }
.bk_2{ background:#ce8e00; }

.font-1{ font-size: 40px; }
.font-2{ font-size: 14px; }
.font-3{ font-size: 28px; }
.font-4{ font-size: 12px!important; }

.absolute{ position: absolute; }
.relative{ position: relative; }
.fixed{ position: fixed; }

.line_h_1{ line-height:57px; }

.center_ab{
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto!important;
}
.right_ab{ right:0; }
.left_ab{ left:0; }
.top_ab{ top:0; }
.bottom_ab{ bottom:0; }

/* widths */
.d100{ width:100%;}
.d99{ width: 99%; }
.d95{ width: 95%; }
.d90{ width: 90%; }
.d85{ width: 85%; }
.d80{ width: 80%; }
.d75{ width: 75%; }
.d70{ width: 70%; }
.d666{ width: 66.6666666%; }
.d65{ width: 65%; }
.d60{ width: 60%; }
.d55{ width: 55%; }
.d50{ width: 50%; }
.d45{ width: 45%; }
.d40{ width: 40%; }
.d35{ width: 35%; }
.d33{ width: 33%; }
.d333{ width: 33.3333333%; }
.d30{ width: 30%; }
.d25{ width: 25%; }
.d20{ width: 20%; }
.d21{ width: 21%; }
.d17{ width: 17%; }
.d16{ width: 16%; }
.d15{ width: 15%; }
.d14{ width: 14.28%; }
.d12{ width: 12.5%; }
.d11{ width: 11.11%; }
.d10{ width: 10%; }
.d9{ width: 9.09%; }
.d5{ width: 5%; }

/* margins */
.mar_t_0{ margin-top:0px; }
.mar_t_1{ margin-top:10px!important; }
.mar_t_15{ margin-top:15px!important; }
.mar_t_2{ margin-top: 20px !important; }
.mar_t_3{ margin-top:30px!important; }
.mar_t_4{ margin-top:40px; }
.mar_t_5{ margin-top:50px!important; }
.mar_t_6{ margin-top:60px; }
.mar_t_7{ margin-top:70px; }
.mar_t_8{ margin-top:80px; }
.mar_t_9{ margin-top:90px; }
.mar_t_10{ margin-top:100px!important; }
.mar_r_10 { margin-right: 70px; }

.mar_b_1{ margin-bottom:10px!important; }
.mar_b_2{ margin-bottom:20px!important; }
.mar_b_3{ margin-bottom:30px; }
.mar_b_4{ margin-bottom:40px; }
.mar_b_5{ margin-bottom:50px!important; }
.mar_b_6{ margin-bottom:60px; }
.mar_b_7{ margin-bottom:70px; }
.mar_b_8{ margin-bottom:80px; }
.mar_b_9{ margin-bottom:90px; }
.mar_b_10{ margin-bottom:100px!important; }

.mar_neg_1{ margin-top: -41px; }
.mar_l_5{
  margin-left:60px;
}

/* paddings */
.pad_t_1{ padding-top:10px; }
.pad_t_2{ padding-top:20px; }
.pad_t_3{ padding-top:30px; }
.pad_t_4{ padding-top:40px; }
.pad_t_5{ padding-top:50px; }
.pad_t_6{ padding-top:60px; }
.pad_t_7{ padding-top:70px; }
.pad_t_8{ padding-top:80px; }
.pad_t_9{ padding-top:90px; }
.pad_t_10{ padding-top:100px; }

.pad_b_1{ padding-bottom:10px; }
.pad_b_2{ padding-bottom:20px!important; }
.pad_b_3{ padding-bottom:30px; }
.pad_b_4{ padding-bottom:40px; }
.pad_b_5{ padding-bottom:50px; }
.pad_b_6{ padding-bottom:60px; }
.pad_b_7{ padding-bottom:70px; }
.pad_b_8{ padding-bottom:80px; }
.pad_b_9{ padding-bottom:90px; }
.pad_b_10{ padding-bottom:100px; }
.pad_30{
  padding: 30px!important;
}
.pad_10{
  padding: 10px!important;
}
.pad_lr_30{
  padding-left: 30px;
  padding-right: 30px;
}

/* positions helpers */
.top{ top:0px; }
.top_1{ top:10px; }
.top_2{ top:20px; }
.top_3{ top:30px; }
.top_4{ top:40px; }
.top_5{ top:50px; }
.top_6{ top:60px; }
.top_7{ top:70px; }
.top_8{ top:80px; }
.top_9{ top:90px; }
.top_10{ top:100px; }

.bottom{bottom:0px;}
.bottom_1{ bottom:10px; }
.bottom_2{ bottom:20px; }
.bottom_3{ bottom:30px; }
.bottom_4{ bottom:40px; }
.bottom_5{ bottom:50px; }
.bottom_6{ bottom:60px; }
.bottom_7{ bottom:70px; }
.bottom_8{ bottom:80px; }
.bottom_9{ bottom:90px; }
.bottom_10{ bottom:100px; }

.right{
  right: 0;
}

.back_mor{ background:#570249; }
.back_neg{ background:#000; }

.block{ display: block; }

.z-1{ z-index: 10; }
.z-2{ z-index: 20; }
.z-3{ z-index: 30; }
.z-4{ z-index: 40; }
.z-5{ z-index: 50; }

.h100{ height: 100%; }
.h90{ height: 90%; }

@font-face {
    font-family: 'Golos Text';
    src: url('fonts/GolosText-Regular.eot');
    src: url('fonts/GolosText-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/GolosText-Regular.woff2') format('woff2'),
        url('fonts/GolosText-Regular.woff') format('woff'),
        url('fonts/GolosText-Regular.ttf') format('truetype'),
        url('fonts/GolosText-Regular.svg#GolosText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Typold Extended';
    src: url('fonts/TypoldExtended-Medium.eot');
    src: url('fonts/TypoldExtended-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/TypoldExtended-Medium.woff2') format('woff2'),
        url('fonts/TypoldExtended-Medium.woff') format('woff'),
        url('fonts/TypoldExtended-Medium.ttf') format('truetype'),
        url('fonts/TypoldExtended-Medium.svg#TypoldExtended-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Regular.eot');
    src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('fonts/SourceSansPro-Regular.woff') format('woff'),
        url('fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.letter{
    color:#000;
}
.letter {
    color: #000;
    letter-spacing: 3px;
    text-decoration: none;
    font-family: 'Source Sans Pro';
    font-size: 15px;
    margin-right: 30px;
}
.letter2{
    font-family: 'Golos Text';
    font-size: 30px;
    transform: scaleX(0.6);
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0;
    text-align: right;
    margin: -10px -70px 0 0;
}
.box{
    box-sizing: border-box;
}

.pad_header{
    padding: 30px 40px;
}
.contenedor3 .logo {
    width: 300px;
    box-sizing: border-box;
    padding: 7% 0;
}
.back_az{
    background: #376DE6;
}
.t_busca {
    color: #6C6C6C;
    font-family: 'Typold Extended';
    letter-spacing: 88%;
}
.t_busca {
    color: #6C6C6C;
    font-family: 'Typold Extended';
    letter-spacing: 56%;
    margin: 0 0 31px;
}
.back_az input{
    background: none;
    border: none;
}
.back_az input::placeholder{
    color: #fff;
    font-family: 'Golos Text';
}
.back_az input {
    background: none;
    border: none;
    font-size: 66px;
    letter-spacing: 19px;
    padding: 27px 31px;
    color: #fff;
    box-sizing: border-box;
}
.lupa{
    width: 100%;
    padding: 28px 0;
    cursor: pointer;
}
footer{
    font-family: 'Golos Text';
}
.tabla{
    font-family: 'Golos Text';
    color: #6C6C6C;
    font-family: 'Typold Extended';
}
.tit_fila{
    border-top:solid #376DE6 1px;
}
.line_l{
    border-right:1px solid  #376DE6;
    box-sizing: border-box;
    padding: 16px 10px;
}
.line_n{
    box-sizing: border-box;
    padding: 16px 10px;
}
.cel {
    padding: 19px 10px;
}
.fila1{
    background: #F5F5F5;
}
.tabla img{
    width: 20px;
}
footer {

}
footer a{
    padding:0 10px;
    color:#000;
    text-decoration: none;
    font-family: 'Source Sans Pro';
    font-weight: bold;
}
footer p{
    color: #376DE6;
    font-family: 'Source Sans Pro';
}
.border_t_ccc{
    border-top:1px solid #ccc;
}
.pad_3_lr {
    padding: 0px 25px;
}
.whatsapp {
    bottom: 0;
    right: 0;
    width: 101px;
    position: fixed;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    text-align: left;
    margin-top: 0px;
    font-family: 'Source Sans Pro';
}

.dropdown-content a {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
    color: #000;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* Ajuste para que los elementos del header no se muevan */
.pad_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.a_az{
    color: #376DE6;
}
@media (max-width: 900px){
    .letter2 {
    font-family: 'Golos Text';
    font-size: 19px;
    transform: scaleX(0.6);
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0;
    text-align: right;
    margin: 0 -56px 0 0;
}
.contenedor3 .logo {
    width: 200px;
    box-sizing: border-box;
    padding: 7% 0;
}
.no_mov{
    display: none;
}
.t_busca {
    color: #6C6C6C;
    font-family: 'Typold Extended';
    letter-spacing: 27%;
    margin: 0 0 31px;
}
.back_az input {
    background: none;
    border: none;
    font-size: 26px;
    letter-spacing: 6px;
    padding: 27px 31px;
    color: #fff;
    box-sizing: border-box;
}
    .pad_3_lr {
        padding: 0px 6px;
                margin: 0 0 0 -18px;
    }
    .tabla img {
        width: 20px;
        float: right !important;
    }
    .whatsapp {
        width: 71px;
    }
}