/*
COLOR DE TEXTO
*/

.texto-blanco{color: white !important;}
.texto-azul-claro{color: #57B4DC;}
.texto-azul-oscuro{color: #001286;}
.texto-verde{color: #ADB939;}
.texto-naranja{color: #E38A43;}
.texto-azul-trans{color: #0029AD;}
.texto-azul-trans{color: #1724A9;}
.texto-gris1{color: #A8A8A8;}
.texto-gris2{color: #797979;}
.texto-gris3{color: #808080;}
.texto-gris4{color: #4D4D4D;}
.texto-verde-claro{color: #7FAF23;}
.texto-verde-oscuro{color: #004713;}
.texto-verde{color: #378B00}
.texto-cafe{color: #6D3527;}
.texto-azul-pin{color: #0C415E;}


/*
ESTILOS DE TEXTO
*/
.letra-delgada{font-weight: lighter;}
.letra-negra{font-weight: bold;}

.texto-centrado{text-align: center}
.texto-izquierda{text-align:left}
.texto-derecha{text-align: right}
.texto-justificado{text-align:justify}
.texto-subrayado{text-decoration: underline}

.texto-minusculas{text-transform: lowercase}
.texto-mayusculas{text-transform: uppercase}
.texto-capital{text-transform: capitalize}


/*POSICIÓN ELEMENTOS*/
.elemento-centrado{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*MI MENU BASE*/
ul.mi-menu-base{
list-style-type: none;
text-decoration: none;
text-align: center;
}

ul.mi-menu-base li{
display: inline-block;
}


/*ESTILOS DE CURSOR*/

.cursor-cursor{
    cursor: pointer;
}

/*ESTILOS LIGAS FOOTER*/
.estilo-ligas-footer li a{
    font-size: 1.1em;
    text-decoration: none;
    color: #004713;
    cursor: pointer;
}

.estilo-ligas-footer li{
    font-size: 1.1em;
    text-decoration: none;
    color: #004713;
}

.estilo-ligas-footer2 li a{
    font-size: 1.1em;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.estilo-ligas-footer2 li{
    font-size: 1.1em;
    text-decoration: none;
    color: #fff;
}


.up-zindex{z-index: 456; position: absolute}


/*FLOTADOS*/
.derecha{float: left;}
.izquierda{float: right;}

.izquierdaimg{ali}



/*POSICIÓN*/
.abajo{
    position: fixed;
    z-index: 10;
    bottom: 0;

}
.arriba{}

/*FONDOS*/
.fondo-verde{background-color: #065526;}
.fondo-blanco{background-color: #fff; }
.fondo-verde-claro{background-color:#D5E04E;}
.fondo-azul-pin{background-color:#0C415E;}
.fondo-azul-pin2{background-color:#0029AD;}
.fondo-completo{width: 100%; height: 100%}
.fondo-negro{background-color: black;}
.fondo-naranja{background-color:#FF4C00;}



/*
HACKS Y TRICKS
*/

.trick-no-padding{
   padding-right: 0px !important;
    padding-left: 0px !important;
    
}

.trick-contenedor-vertical-centro{
position: relative;
    height: auto;
}

.trick-contenido-vertical-centro{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.trick-centro-vertical-basico{
padding-top: 10px;
padding-bottom: 10px;
}

.trick-contenedor-vertical-centro{
position: relative;
    height: auto;
}

.trick-contenido-vertical-centro{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.trick-centro-vertical-basico{
padding-top: 10px;
padding-bottom: 10px;
}

/*POSICIONES*/
.posicion-fixed{position: fixed;}
.posicion-static{position: static;}
.posicion-absolute{position: absolute;}
.posicion-relative{position: relative;}
.posicion-centrada{margin: 0 auto;display: block}

/*
TAMAÑO DE TEXTO
*/

.text-4xl{font-size: 4.5em;}
.text-2xl{font-size: 3.7em;}
.text-xl{font-size: 3.2em;}
.text-l{font-size: 2em;}
.text-m-l{font-size: 1.5em;}
.text-ml{font-size: 1.5em;}
.text-m{font-size: 1em;}
.text-mm{font-size: 1.2em;}
.text-s{font-size: .8em;}
.text-xs{font-size: .5em;
}

.estilo-fuente1{font-family: 'Cabin', sans-serif;}

.img100{width: 100%;}

.text-formulario{
    font-size: 1.6em;
    border-radius: 10px;
    width: 100%;
}


/*
BORDER RADIUS     BORDER RADIUS      BORDER RADIUS    BORDER RADIUS
*/

.b-radius5{border-radius: 5px;}
.b-radius10{border-radius: 10px;}
.b-radius20{border-radius: 20px;}
.b-radius30{border-radius: 30px;}






/*ESTILO BURBUJA DE TEXTO*/
.burbuja-texto1{
    color: dimgrey;
    font-size: 1.2em;
    background-color: white;
    border-radius: 15px;
    padding: 30px;
    opacity: 0.8 ;
    margin-left: auto;
    margin-right: auto;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.burbuja-texto2{
    width: 100%;
    height: auto;
    display: block;
    background-color: white;
    border: 1px solid black;
    border-color: dimgray;
    border-radius: 15px;
    border-width: thin;  
}

.burbuja-texto3{
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid black;
    border-color: dimgray;
    border-radius: 15px;
    border-width: thin;  
}





/*ESTILOS DE LISTA*/
.lista-sin-estilo{list-style-type: none;}
.bullet-dentro li{list-style-position: inside;}

.lista-texto{list-style-type: upper-alpha;}



/*ESTILO LIGAS CONTACTO*/
a.estilo-contacto{
color: white;
}

a.estilo-contacto:hover{
color: white;
    text-decoration: none;
}


/*TIPOS DE FUENTE TIPOGRAFIA*/
.estilo-fuente1{
    font-family: 'Cabin', sans-serif;
}



/*POSICIONES*/
.posicion-fixed{position: fixed;}
.posicion-static{position: static;}
.posicion-absolute{position: absolute;}
.posicion-relative{position: relative;}



/*FONDOS TRASNPARENTES*/
.transparente1{}
.transparente3{}
.transparente5{}
.transparente6{}
.transparente7{}

.cursor-pointer{
    cursor: pointer;
}


/*BOTONES*/
.bt-1{
    font-size: 1.3em;
    color: white;
    text-align: center;
    background-color: #065526;
    padding: 15px;
    display: block;
    width: 75%;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.bt-1:hover{
    color: white;
    text-decoration: none;
}
.bt-2{
    font-size: 1.3em;
    color: white;
    text-align: center;
    background-color: #6B6B6B;
    padding: 15px;
    display: block;
    width: 70%;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.bt-2:hover{
    color: white;
    text-decoration: none;
}

.bt-3{
    font-size: 1.1em;
    color: white;
    text-align: center;
    background-color: #6B6B6B;
    padding: 10px;
    display: block;
    width: auto;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.bt-3:hover{
    color: white;
    text-decoration: none;
}


/*
IMÁGENES       IMÁGENES       IMÁGENES     IMÁGENES
*/

.clear-both{
    clear: both;
}


/*
TAMAÑO DE IMAGEN
*/

.img-120{width: 120%;height: auto;}
.img-100{width: 100%;height: auto;}
.img-80{width: 80%;height: auto;}
.img-70{width: 70%;height: auto;}
.img-90{width: 90%;height: auto;}
.img-65{width: 65%;height: auto;}
.img-65{width: 65%;height: auto;}
.img-60{width: 60%;height: auto;}
.img-50{width: 50%;height: auto;}
.img-40{width: 40%;height: auto;}
.img-35{width: 35%;height: auto;}
.img-35{width: 35%;height: auto;}
.img-30{width: 30%;height: auto;}
.img-30{width: 30%;height: auto;}
.img-20{width: 20%;height: auto;}
.img-20{width: 20%;height: auto;}
.img-40{width: 40%;height: auto;}
.img-40{width: 40%;height: auto;}
.img-100x100{width: 100%;height: 100%}


.img-25px{width: 25px;height: auto;}
.img-50px{width: 50px;height: auto;}
.img-30px{width: 30px;height: auto;}
.img-80px{width: 80px;height: auto;}
.img-100px{width: 100px;height: auto;}
.img-200px{width: 200px;height: auto;}
.img-carrousel{width:200%;height: 100%;}



/*
SOMBRAS
*/
.sombras1{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/*
SOMBRAS
*/
.redondeo1{
  border-radius: 10px;
}

.redondeo2{
  border-radius: 20px;
}


/*
ROTACIÓN
*/
.rotacion-30{ 
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari 3-8 */
    transform: rotate(30deg);
}
.rotacion-45{    
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari 3-8 */
    transform: rotate(45deg);
}
.rotacion-60{    
    -ms-transform: rotate(60deg); /* IE 9 */
    -webkit-transform: rotate(60deg); /* Safari 3-8 */
    transform: rotate(60deg);
}

.rotacion-n10{ 
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari 3-8 */
    transform: rotate(-10deg);
}
.rotacion-n30{ 
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari 3-8 */
    transform: rotate(-30deg);
}
.rotacion-n45{    
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari 3-8 */
    transform: rotate(-45deg);
}
.rotacion-n60{    
    -ms-transform: rotate(-60deg); /* IE 9 */
    -webkit-transform: rotate(-60deg); /* Safari 3-8 */
    transform: rotate(-60deg);
}


/*
ESPACIOS SUPERIOR E INFERIOR
*/

.espacio1{padding-top: 1%;padding-bottom: 1%}
.espacio2{padding-top: 2%;padding-bottom: 2%}
.espacio5{padding-top: 5%;padding-bottom: 5%}
.espacio10{padding-top: 10%;padding-bottom: 10%}
.espacio15{padding-top: 15%;padding-bottom: 15%}
.espacio20{padding-top: 20%;padding-bottom: 20%}
.espacio25{padding-top: 25%;padding-bottom: 25%}
.espacio50{padding-top: 50%;padding-bottom: 50%}
.espacio75{padding-top: 75%;padding-bottom: 75%}


.espacio-sup-1{margin-top: 1%;}
.espacio-sup-2{margin-top: 2%;}
.espacio-sup-5{margin-top: 5%;}
.espacio-sup-10{padding-top: 10%;}
.espacio-sup-15{padding-top: 15%;}
.espacio-sup-20{padding-top: 25%;}
.espacio-sup-25{padding-top: 25%;}
.espacio-sup-40{padding-top: 40%;}
.espacio-sup-50{padding-top: 50%;}
.espacio-sup-75{padding-top: 75%;}


.espacio-sup-10px{padding-top: 10px;}

.espacio-sub-5{margin-bottom: 5% !important;}
.espacio-sub-10{margin-bottom: 10%;}
.espacio-sub-25{margin-bottom: 25%;}
.espacio-sub-50{margin-bottom: 50%;}
.espacio-sub-75{margin-bottom: 75%;}



hr.separador-blanco{
    color: #fff;
    background-color: #fff;
}

.espacio-columnas1{
    margin-left: 20px;
    margin-right: 20px;
}



/*bordes*/
.borde-nav{
    border-top:#FF3789 solid medium ;
    border-bottom: #FF3789 solid medium;
    }




/*
ESPACIOS LATERALES
*/
.espacio-lateral-iz-5{
    margin-left: 5%;
}
.espacio-lateral-iz-10{
    margin-left: 10%;
}
.espacio-lateral-iz-35{
    margin-left: 35%;
}


.espacio-lat-10px{padding-left: 10px;padding-right: 10px;}
.espacio-lat-50px{padding-left: 50px;padding-right: 50px;}

.espacio-hor-5{margin: 0 5% 0 5%;}
.espacio-hor-10{margin: 0 10% 0 10%;}
.espacio-hor-20{margin: 0 20% 0 20%;}

.espacio-izq{
    padding-left: 15px;
}

.espacio-izq{
    padding-left: 25px;
}

.clear-lr{
    clear: both;
}


.margen-10{
   padding: 50px;
    
}



/*FORMULARIOS FORMULARIOS*/

.form-control {
    font-family: 'Open Sans', sans-serif;
    display: block;
    width: 80%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
   color: #065526;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.text-formulario{
    font-size: 1.6em;
    border-radius: 10px;
    width: 100%;
}



/* ICONOS TAMAÑOS*/
.ico-25{width: 25px; height: 25px}
.ico-40{width: 40px; height: 40px}
.ico-50{width: 50px; height: 50px}
.ico-50x{width: 30px; height: 50px}
.ico-100{width: 100px; height: 100px}



/*TRICK VERTICAL CENTRO*/

.contenedor-centro-padre{
    height: 400px
}

.contenedor-centro{
      display: table;
      width: 100%;
     height: 100%;
}

.contenido-centro{
display: table-cell;
    text-align: center;
  vertical-align: middle;
}

/*TRICK VERTICAL CENTRO*/

/*NAVEGACIÓN*/
/*SCROLLERS overflow*/
.scroll-activo{
    overflow: scroll;
}

/*NAVEGACIÓN*/


/* ESCONDER  APARECER*/
.mi-hide{display: none !important;}
.mi-show-inline{display: inline-block !important;}




/*FLEX*/

.mi-flex-vertical{flex-direction: column}
.mi-flex-horizontal{flex-direction: row}

.mi-flex-centro{
    display: flex !important;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.mi-flex-centro2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.mi-flex-izquierda{
    display: flex;
    justify-content: left;
    align-items: center;
    align-content: center;
}

.mi-flex-abajo {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
}