/* === fontawesome === */
@import url('font-awesome.css');
/* === custom icon === */
@import url('custom-fonts.css');



body {
    font-family: 'OpenSans-Regular', Arial;
    --color--menu: #134760;
    --color--boton: #475727;
    --color--texto: #fff;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

nav.cabecera {
    background-color: #134760 !important;
    border-color: #134760 !important;
    color: #fff !important;
}

.btn-default {
    background-color: #134760;
    border-radius: 5px;
    border: solid 2px #fff;
    padding: 3px 5px;
    font-weight: 400;
    color: #fff;
    /*font-size: 16px;*/
}

    .btn-default:hover {
        background-color: #fff;
        color: #134760;
        border: solid 2px #134760;
    }

.menuLateral {
    position: fixed !important;
}

/*@media (max-width: 500px){
    .menuLateral {
        position: absolute !important;
    }
}*/

.footer {
    clear: both;
    background-color: #475727;
    color: #ffffff;
    left: 0;
    padding: 1rem;
    position: fixed;
    right: 0;
    z-index: 1000;
    bottom: 0;
    width: 100%;
    border-top: 5px #EEF2F5 solid;
    font-size: 12px;
}

/*.cabecera {
    padding: 1rem !important;
    position: fixed;
    left: 1;
    z-index: 1000;
    top: 0;
    width: 100%;
    margin-left:-5px;
}*/

@media (max-width: 500px) {
    .imgIndex {
        border: 2px solid #134760 !important;
        border-radius: 10px;
        width: 70%;
    }

    #imgMapaNuestraEmpresa {
        max-width: 100%;
    }

    .tablaDifunto {
        border-radius: 4px !important;
        border: 0.15em solid #475727;
        margin: 10px;
        padding: 5px
    }

    .divFoto {
        margin-left: -30px;
    }

    .imgArcas {
        padding: 5px;
    }

    .logoPortada {
        width: 50%;
        margin: 3% 0 3% 0;
    }

    .imgServicios {
        margin-top: 10% !important;
        width: 100% !important;
    }

    .modal-content {
        margin-top: 20%;
    }

    .divUrna {
        margin-left: -30px;
    }

    .imgUrnas {
        width: 48%;
    }

    .divChildFlores {
        margin-left: -80px;
    }

    .divChildFloresContainer {
        margin-left: 0 !important;
    }
}

@media (max-width: 900px) {

}

    @media (min-width: 501px) {
        .imgIndex {
            border: 2px solid #134760 !important;
            border-radius: 10px;
            width: 30%;
        }

        #imgMapaNuestraEmpresa {
            width: 65%;
        }

        .tablaDifunto {
            border-radius: 4px !important;
            border: 0.15em solid #475727;
            margin: 20px;
            margin-left: 50px;
            margin-right: 50px;
            padding: 10px
        }

        .logoPortada {
            width: 55%;
        }
    }

    @media (min-width: 1000px) {
        .divServicios {
            margin-left: 20px;
        }

        .logoPortada {
            width: 16%;
        }

        .imgServicios {
            width: 40% !important;
        }
    }
}

@media (min-width: 1400px) {
    .imgIndex {
        border: 2px solid #134760 !important;
        border-radius: 10px;
        width: 57%;
    }

    #imgMapaNuestraEmpresa {
        width: 65%;
    }

    .logoPortada {
        width: 20%;
    }

    .divChildFlores {
        margin-left: -50px;
    }
}


.textoIndex {
    color: #475727 !important;
    font-size: 20px;
    font-weight: bold;
    border-bottom: solid 0.1em #475727;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.mapaOficina {
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 35%;
    width: 100%;
}

h4 {
    color: #134760;
}

html, body {
    margin: 0;
    /*height: 100%;
        overflow: hidden;*/
}

#ulLstServicios li {
    padding: 10px;
}

.imgDesplegable {
    width: 15px;
    cursor: pointer;
    margin-left: 15px;
    margin-bottom: 5px;
}

.imgServicios {
    border: 1px solid #134760 !important;
    border-radius: 5px;
    width: 70%;
    margin-bottom: 15px;
    margin-top: 5px;
}

.imgArcas {
    width: 100%;
}

.fieldsetArcas {
    border: 0.5px solid #475727;
    border-radius: 3px;
    padding: 5px;
    margin-top: 10px;
}

.legendArcas {
    border-bottom: 0px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: #475727;
    margin-bottom: 0px !important;
}

button {
    background-color: #134760;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 6px;
}

.imgFlores {
    padding: 15px;
    width: 72% !important;
}

.divFlores {
    text-align: center;
}

#imgScroll{
    cursor:pointer;
    width: 30px;
    float: right;
}

.divChildFloresContainer {
    margin-left: -55px;
}

h1{
    font-size: 30px !important; 
}

h2 {
    font-size: 25px !important;
}

h3 {
    font-size: 20px !important;
}

h1, h2, h3 {
    font-family: 'OpenSans-Regular', Arial !important;
}