/*
Theme Name: Theme-Especiales
Author: PRODU
Description: Creación de especiales
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: themeEspeciales
*/



html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
}

body {
    font-family: 'Open Sans', sans-serif;

    font-size:14px;
    line-height:24px;
}

html {
    overflow-x: hidden;
}

a{
    color: #000000;
}

a:hover{
    text-decoration: none;
    color: #000000;
}

/* ============== Opacity ========== */

.opacity-1{
    opacity: .1;
}

.opacity-5{
    opacity: .5;
}

/* ============== Cursor ========== */

.cursor-pointer{
    cursor: pointer;
}

/* ===============  Headers ================= */

.h1{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.h2{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.h3{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.h4{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.h5{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.h6{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* ===============  Margin ================= */

.no-margin{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* Top */

.m-t-10{
    margin-top: 10px !important;
}

.m-t-20{
    margin-top: 20px !important;
}

.m-t-30{
    margin-top: 30px !important;
}

.m-t-40{
    margin-top: 40px !important;
}

.m-t-50{
    margin-top: 50px !important;
}

.m-t-60{
    margin-top: 60px !important;
}

.m-t-70{
    margin-top: 70px !important;
}

.m-t-80{
    margin-top: 80px !important;
}

.m-t-90{
    margin-top: 90px !important;
}

.m-t-100{
    margin-top: 100px !important;
}

.m-t-150{
    margin-top: 150px !important;
}

.m-t-200{
    margin-top: 200px !important;
}

.m-t-250{
    margin-top: 250px !important;
}

/* Bottom */

.m-b-10{
    margin-bottom: 10px !important;
}

.m-b-20{
    margin-bottom: 20px !important;
}

.m-b-30{
    margin-bottom: 30px !important;
}

.m-b-40{
    margin-bottom: 40px !important;
}

.m-b-50{
    margin-bottom: 50px !important;
}

.m-b-60{
    margin-bottom: 60px !important;
}

.m-b-70{
    margin-bottom: 70px !important;
}

.m-b-80{
    margin-bottom: 80px !important;
}

.m-b-90{
    margin-bottom: 90px !important;
}

.m-b-100{
    margin-bottom: 100px !important;
}

.m-b-150{
    margin-bottom: 150px !important;
}

.m-b-200{
    margin-bottom: 200px !important;
}

.m-b-250{
    margin-bottom: 250px !important;
}

/* Left */

.m-l-10{
    margin-left: 10px;
}

.m-l-20{
    margin-left: 20px;
}

.m-l-30{
    margin-left: 30px;
}

.m-l-40{
    margin-left: 40px;
}

.m-l-50{
    margin-left: 50px;
}

.m-l-60{
    margin-left: 60px;
}

.m-l-70{
    margin-left: 70px;
}

.m-l-80{
    margin-left: 80px;
}

.m-l-90{
    margin-left: 90px;
}

.m-l-100{
    margin-left: 100px;
}

/* Right */

.m-r-10{
    margin-right: 10px;
}

.m-r-20{
    margin-right: 20px;
}

.m-r-30{
    margin-right: 30px;
}

.m-r-40{
    margin-right: 40px;
}

.m-r-50{
    margin-right: 50px;
}

.m-r-60{
    margin-right: 60px;
}

.m-r-70{
    margin-right: 70px;
}

.m-r-80{
    margin-right: 80px;
}

.m-r-90{
    margin-right: 90px;
}

.m-r-100{
    margin-right: 100px;
}

/* ============== Align ========== */

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

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

.align-center{
    text-align: center;
}

.align-left-m{
    text-align: left;
}

.align-right-m{
    text-align: right;
}

.align-left-l{
    text-align: left;
}

.align-right-l{
    text-align: right;
}

.align-left-r{
    text-align: left;
}

.align-right-r{
    text-align: right;
}

@media (max-width: 992px){

    .align-left-m{
        text-align: center;
    }

    .align-right-m{
        text-align: center;
    }

    .align-left-l{
        text-align: left;
    }

    .align-right-l{
        text-align: left;
    }

    .align-left-r{
        text-align: right;
    }

    .align-right-r{
        text-align: right;
    }

}