/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7 abr 2021, 13:44:05
    Author     : Novasys
*/
.parent{
    position: relative;    
}

.img-fondo-s{
    position: absolute; 
    width: 100%; 
    height: 100%;    
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    left: 0px;
    top: 0px;
}

.img-fondo-sin{
    position: absolute; 
    width: 100%; 
    height: 100%;    
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    left: 0px;
    top: 0px;
}

.img-watermark{
    width: 37.5%;
    height: 37.5%;    
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0px;
    top: 0px;
    position: absolute;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
}

.img-watermark-p {
    width: 37.5%;
    height: 37.5%;
    left: 0px;

}

.centered {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;      
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -sand-transform: rotate(-45deg);
    transform: rotate(-45deg);       
    font-size: 1.5em;          
    z-index: 3;
}

/**Clase para anchos mayores a 900px**/
.e1-dm {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
}

.e1-div-dc1 {
    width: 50%;
    height: auto;
}

.e1-div-dc2 {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: row;
    justify-content: center;
}

.e1-div-dc3 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.e1-div-dc4 {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.e1-div-1-2-3 {
    width: 33.33%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.e1-div-4-5 {
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.e1-div-6 {
    width: 66.66%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.e1-div-7 {
    width: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

/**Clase para anchos de 900px a 751px**/
.e2-dm {
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.e2-div-dc1 {
    width: 100%;
    height: auto;
    max-height: 900px;
}

.e2-div-dc2 {
    display: flex;
    width: 100%;
    height: auto;
    max-height: 300px;
    flex-direction: row;
    justify-content: center;
}

.e2-div-dc3 {
    width: 100%;
    height: auto;
    max-height: 600px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.e2-div-dc4 {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.e2-div-1-2-3 {
    width: 33.33%;
    max-height: 300px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.e2-div-4-5 {
    width: 100%;
    max-height: 300px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.e2-div-6 {
    width: 66.66%;
    max-height: 600px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.e2-div-7 {
    width: 100%;
    max-height: 900px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

/**Clase para anchos de 750px hacia abajo**/
.e3-dm {
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.e3-div-dc1 {
    width: 100%;
    height: auto;
}

.e3-div-dc2 {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: center;
}

.e3-div-dc3 {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: center;
}

.e3-div-dc4 {
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.e3-div-1-2-3 {
    width: 100%;
    max-height: 780px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.e3-div-4-5 {
    width: 100%;
    max-height: 780px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.e3-div-6 {
    width: 100%;
    max-height: 780px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.e3-div-7 {
    width: 100%;
    max-height: 780px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}