@charset "UTF-8";
@charset 'iso-8859-15';

@font-face {
    font-family: 'Edwardian';
    src: url('../../Font/Edwardian.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

body {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0em !important;
    margin: 0em;
    overflow-x: hidden;
}

.Foto_Central img {
    cursor: pointer !important;
}

.Superior_Modelo img {
    cursor: pointer !important;
}

.borde-exterior-modelo {
    border: 2px solid #6d2e13;
}

    .borde-exterior-modelo p {
        font-size: 18px !important;
        color: #6d2e13;
        font-style: italic;
    }

.borde_paneles_modelo {
    border: 1px solid #6d2e13;
}


    .borde_paneles_modelo label {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        margin: 0px !important;
    }

.btnMenuPC {
    /*DEGRADADO DE BOTONES DE ENCABEZADO*/
    background: rgba(197,151,120,1);
    background: -moz-linear-gradient(-45deg, rgba(197,151,120,1) 0%, rgba(133,73,38,1) 25%, rgba(109,46,19,1) 51%, rgba(133,73,38,1) 75%, rgba(197,151,120,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(197,151,120,1)), color-stop(25%, rgba(133,73,38,1)), color-stop(51%, rgba(109,46,19,1)), color-stop(75%, rgba(133,73,38,1)), color-stop(100%, rgba(197,151,120,1)));
    background: -webkit-linear-gradient(-45deg, rgba(197,151,120,1) 0%, rgba(133,73,38,1) 25%, rgba(109,46,19,1) 51%, rgba(133,73,38,1) 75%, rgba(197,151,120,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(197,151,120,1) 0%, rgba(133,73,38,1) 25%, rgba(109,46,19,1) 51%, rgba(133,73,38,1) 75%, rgba(197,151,120,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(197,151,120,1) 0%, rgba(133,73,38,1) 25%, rgba(109,46,19,1) 51%, rgba(133,73,38,1) 75%, rgba(197,151,120,1) 100%);
    background: linear-gradient(135deg, rgba(197,151,120,1) 0%, rgba(133,73,38,1) 25%, rgba(109,46,19,1) 51%, rgba(133,73,38,1) 75%, rgba(197,151,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c59778', endColorstr='#c59778', GradientType=1 );
    width: 12em !important;
    height: 30px;
    color: #ffffff !important;
    border: 3px solid #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase;
}

.btnLink_Secundario {
    /*DEGRADADO DE BOTONES DE ENCABEZADO*/
    background: rgba(197,151,120,1);
    background: -moz-linear-gradient(-45deg, rgba(197,151,120,1) 0%, rgba(133,73,38,1) 25%, rgba(109,46,19,1) 51%, rgba(133,73,38,1) 75%, rgba(197,151,120,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(197,151,120,1)), color-stop(25%, rgba(133,73,38,1)), color-stop(51%, rgba(109,46,19,1)), color-stop(75%, rgba(133,73,38,1)), color-stop(100%, rgba(197,151,120,1)));
    background: -webkit-linear-gradient(-45deg, rgba(197,151,120,1) 0%, rgba(133,73,38,1) 25%, rgba(109,46,19,1) 51%, rgba(133,73,38,1) 75%, rgba(197,151,120,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(197,151,120,1) 0%, rgba(133,73,38,1) 25%, rgba(109,46,19,1) 51%, rgba(133,73,38,1) 75%, rgba(197,151,120,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(197,151,120,1) 0%, rgba(133,73,38,1) 25%, rgba(109,46,19,1) 51%, rgba(133,73,38,1) 75%, rgba(197,151,120,1) 100%);
    background: linear-gradient(135deg, rgba(197,151,120,1) 0%, rgba(133,73,38,1) 25%, rgba(109,46,19,1) 51%, rgba(133,73,38,1) 75%, rgba(197,151,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c59778', endColorstr='#c59778', GradientType=1 );
    margin: 25% auto auto auto !important;
    width: 12em !important;
    height: 30px;
    color: #ffffff !important;
    border: 3px solid #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase;
}

.btnSubLinkPC {
    background-color: #000000 !important;
    /*width: 13.438em;*/
    width: auto;
    height: 30px;
    color: #ffffff !important;
    border: 2px solid #6d2e13 !important;
    font-weight: 700 !important;
    font-size: 0.938em !important;
    margin: 3% !important;
    text-transform: uppercase;
}


.btnMenuPC:hover {
    background-color: #ff0000 !important;
    width: 8.813em;
    height: 30px;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    font-weight: 700 !important;
}

/**********************************************************************/
/****                                                              ****/
/****  INICIO DE SCROLL PERSONALIZADO                              ****/
/****                                                              ****/
/**********************************************************************/
::-webkit-scrollbar {
    width: 9px;
    /* Tamaño del scroll en vertical */
    height: 9px;
    /* Tamaño del scroll en horizontal */
    display: inherit;
    /* Ocultar scroll */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
::-webkit-scrollbar-thumb {
    background: #0D2E36;
    border-radius: 4px;
}

    /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #b3b3b3;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    }

    /* Cambiamos el fondo cuando esté en active */
    ::-webkit-scrollbar-thumb:active {
        background-color: #999999;
    }

/* Ponemos un color de fondo y redondeamos las esquinas del track */
::-webkit-scrollbar-track {
    background: #6d2e13;
    border-radius: 4px;
}

    /* Cambiamos el fondo cuando esté en active o hover */
    ::-webkit-scrollbar-track:hover,
    ::-webkit-scrollbar-track:active {
        background: #d4d4d4;
    }

/**********************************************************************/
/****                                                              ****/
/****  INICIO DE ENCABEZADO PERSONALIZADO                          ****/
/****                                                              ****/
/**********************************************************************/

.HeaderPC {
    background-image: url(../../Recursos/Imagenes/Encabezado/Encabezado_Inicio.jpg) !important;
    height: 8.313em !important;
    /*height: 130px !important;*/
    width: 100%;
    padding: 0em !important;
    margin: 0em !important;
    background-size: cover;
    background-position: center center;
}

.En_HeaderPC {
    background-image: url(../../Recursos/Imagenes/Encabezado/En_Encabezado_Inicio.jpg);
    height: 8.313em !important;
    /*height: 130px !important;*/
    width: 100%;
    padding: 0em !important;
    margin: 0em !important;
    background-size: cover;
    background-position: center center;
}


.FechaInicio {
    margin: 0px 0px 0px 0px;
    width: 280px;
}

.FechaInicio {
    margin: 0px 0px 0px 0px;
    width: 280px;
}

.Eslogan {
    height: auto;
}

.EsloganSecun {
    margin: auto auto auto 3%;
    width: 160px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    font-style: italic;
}

.Eslogan p {
    height: auto;
    width: 100%;
    font-family: "Minion" !important;
    font-weight: 700;
    font-size: 28px;
    color: #ffffff;
    font-style: italic;
    text-align: center;
    margin: 0px auto 0px auto;
}

.EsloganLink p {
    height: auto;
    width: 100%;
    font-family: "Minion" !important;
    font-weight: 700;
    font-size: 23px;
    color: #ffffff;
    font-style: italic;
    text-align: center;
    margin: 0px 0px -2px 12%;
}

.HeaderDerecha {
    margin: auto 1% auto 0px;
    padding: 0px !important;
    width: auto !important;
    height: 18vh;
    overflow: hidden;
}

.HeaderDerechaLink {
    margin: auto 3% auto 0px;
    padding: 0px !important;
    width: auto !important;
    height: 18vh;
}

.HeaderIzquierda {
    margin: auto auto auto 1%;
    padding: 0px !important;
    width: 145px !important;
    height: 150px;
    overflow: hidden !important;
}

.HeaderIzquierdaLink {
    margin: auto auto auto 1%;
    padding: 0px !important;
    width: 134px !important;
    max-height: 18vh;
    overflow: hidden;
}

.HeaderLogo {
    margin: auto 3% auto auto;
}

    .HeaderLogo img {
        height: 90px;
        width: auto;
    }

.HeaderLogoLink {
    margin: auto 10% auto auto;
}

    .HeaderLogoLink img {
        height: 70px;
        width: auto;
    }

.Fecha {
    margin: auto;
    width: auto;
    font-family: "Calibri";
    font-style: italic;
    font-size: 22px;
    color: #ffffff;
    text-align: left;
}

.FechaLink {
    margin: 0px auto 0px 5px;
    width: auto;
    font-family: "Calibri";
    font-style: italic;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
}

.Idioma {
    margin: 5px auto auto auto !important;
    width: 150px;
}

    .Idioma a {
        color: #ffffff;
        text-decoration: none;
        font-weight: 700;
        font-family: "Tahoma";
        width: 150px;
        padding: 0px;
    }

        .Idioma a:hover {
            color: #00ff00;
        }

.IdiomaLink {
    margin: auto auto auto 40px !important;
    width: auto;
}

.BanderaLo {
    margin: auto !important;
}


.NavInicio {
    margin: 3px 1% 0px 1% !important;
    background-color: #0d6efd;
    border-radius: 10px;
}

.HeaderBuscardor {
    margin: 0px 1% 0px 1% !important;
    height: auto;
}

    .HeaderBuscardor p {
        margin: auto;
        color: #ffffff;
    }

.Footer {
    background-color: #181414;
}

.FooterSubLink {
    padding: 0px !important;
}

    .FooterSubLink p {
        margin: auto auto auto 5% !important;
    }

    .FooterSubLink ul {
        list-style: none;
        padding: 0px !important;
        margin: 1% 1% 1% 1%;
        padding: 1% 1% 1% 1%;
    }

        .FooterSubLink ul li {
            padding-left: 5%;
            text-align: left;
        }

    .FooterSubLink li a {
        list-style: none;
        color: #ffffff;
        text-decoration: none;
        font-size: 18px;
    }

.Footer p {
    color: #ffffff;
    font-size: 18px !important;
    text-align: center;
    font-weight: 700;
}

.Copirigth {
    margin: 0px;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
}

    .Copirigth p {
        margin: 0px;
        font-weight: 500;
    }

    .Copirigth span {
        margin: 0px;
        font-weight: 700;
    }

.LogoFooter img {
    margin: 1% auto 1% auto !important;
    height: 45px;
    width: auto;
}

.RedesFooter img {
    margin: 0.375em;
}

.Construccion {
    background-size: 100vh 100vw;
}

.FondoConstruccion {
    width: 100%;
}
/*
.form-control {
    background-image: url(../../Recursos/Imagenes/Buscador.png);
    background-position: right center;
    background-repeat: no-repeat;
}*/

.Paginacion {
    margin-bottom: 7px;
}

    .Paginacion li :hover {
        color: black;
    }

    .Paginacion li > a:hover {
        background-color: #00FF00;
    }

.pagination > li.active > a {
    background: purple;
    color: #fff;
}

.pagination > li > a {
    background: red;
    color: #000000;
    font-weight: 700;
}

.Espaciado {
    height: 12px !important;
}

/*********************************************************************************/
/************                                                         ************/
/************               OCULTACION DE CONTENEDORES                ************/
/************                                                         ************/
/*********************************************************************************/
/*@media only screen and (min-width:1023px) {*/
@media (min-width:1023px) {
    .GeneralMovil {
        display: none;
    }

    .PaginaGeneral {
        background-image: url(../../Recursos/Imagenes/Construccion.jpg) !important;
        background-size: cover;
        height: 100vh;
    }

    .CopirigthMovil {
        display: none;
    }
}

/***********************************************************************************************/
/******************************
/******************************  INICIO RESPONSIVE DISPOSITIVOS MOVIL
/******************************
/***********************************************************************************************/

/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
@media only screen and (min-width : 0px) and (max-width : 981px) {
    * {
        /* CSS Reset */
        margin: 0;
        padding: 0;
    }

    .ok {
        text-align: center;
        width: 100%;
        padding: 12px;
        background-color: #1e6;
        color: #fff
    }

    .HeaderPC {
        display: none !important;
    }

    .Encabezado {
        display: none !important;
    }

    .Ingles_Movil {
        width: 64px !important;
        height: 64px !important;
    }

    .ServicioEnCubierto {
        height: 60px !important;
        width: auto !important;
    }


    .GeneralMovil {
        padding: 0px !important;
    }

    .SubHeader {
        display: none !important;
    }

    .borde-exterior-modelo p {
        font-size: 14px !important
    }
}