@font-face {
    font-family: "ArlonSemiBold";
    src: url('fonts/Arlon-SemiBold.otf');
    /*color: "#075e8e";*/
}

@font-face {
    font-family: "Arlon-Thin";
    src: url('fonts/Arlon-Thin.otf');
    /*color: "#075e8e";*/
}

@font-face {
    font-family: "Arlon-Regular";
    src: url('fonts/Arlon-Regular.ttf');
    /*color: "#075e8e";*/
}

@font-face {
    font-family: "Raleway_Black";
    src: url('https://miltonochoa.synology.me:99/font/font_service/Raleway-Black.ttf');
}

@font-face {
    font-family: "Raleway_Bold";
    src: url('https://miltonochoa.synology.me:99/font/font_service/Raleway-Bold.ttf');
}

@font-face {
    font-family: "Raleway-Medium";
    src: url('https://miltonochoa.synology.me:99/font/font_service/Raleway-Medium.ttf');
}

@font-face {
    font-family: "Raleway-Regular";
    src: url('https://miltonochoa.synology.me:99/font/font_service/Raleway-Regular.ttf');
}

@font-face {
    font-family: "Raleway-Thin";
    src: url('https://miltonochoa.synology.me:99/font/font_service/Raleway-Thin.ttf');
}

body {
    background: #F8F8FF;
    font-family: "Raleway_Bold";
}

.btn-outline-light:hover {
    background-color: transparent !important;
}

#encabezado {
    background: #008080;
}

.activa_hover {
    width: 100%;
    height: 100%;
    background-image: url(../img/ico/brillo.png);
    position: absolute;
    /*posicion de la imagen*/
    background-position: -270px 0;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    /*comenzamos transicion*/
    -webkit-transition: background-position .3s ease;
    -moz-transition: background-position .3s ease;
    -o-transition: background-position .3s ease;
    transition: background-position .3s ease;
}

.activa_hover:hover {
    /*posicion hover de la imagen*/
    background-position: 270px 0;
}

.scrollup {
    /* width: 40px;
                height: 40px;*/
    opacity: 0.5;
    position: fixed;
    bottom: 50px;
    right: 15px;
    display: none;
    /* background-repeat:no-repeat;
                background-position:center;
                background-size: 40px 40px;*/
    border-radius: 35%;
    /* box-shadow: -6px -6px 9px 0px #888888;*/
    z-index: 3;
    cursor: pointer;
    border: transparent;
    background-color: transparent;
    transform: rotate(-180deg);
}

.scrollup:active {
    box-shadow: -6px 0px 9px 0px #888888;
}

.btn-outline-light {
    color: #B0C4DE !important;
    border-color: transparent !important;
}

.btn-outline-light:hover {
    color: #075e8e !important;
}

.productos>center>img {
    width: 70%;
    margin-top: 2px
}

.productosW>center>img {
    width: 40%;
    margin-top: 2px
}

.parrafo_recordatorio {
    font-family: "Raleway_Bold";
    font-size: 14px;
    text-align: justify
}

.linkPaginas {
    font-size: 15px;
    text-align: center;
}

.parrafosCentrados {
    text-align: center;
}

#iconos_pequennos,
#iconos_grandes {
    cursor: pointer;
    /*width: 5%;*/
}

.dropdown-item:hover, .dropdown-item:focus{
	background: #7db828;
}




/* .cambio {
    width: 60%;
} */

.cambioClase p,
.cambioClaseSitema p {
    margin-top: 14px;
}


/* .col {
    min-width: 25%;
} */


/*encabezado*/

#encabezado {
    /* background: #348cb9;
    background: -moz-linear-gradient(45deg, #348cb9 18%, #348cb9 26%, #21b4e2 44%, #40bef1 59%, #2f90c6 74%);
    background: -webkit-gradient(left bottom, right top, color-stop(18%, #348cb9), color-stop(26%, #348cb9), color-stop(44%, #21b4e2), color-stop(59%, #40bef1), color-stop(74%, #2f90c6));
    background: -webkit-linear-gradient(45deg, #348cb9 18%, #348cb9 26%, #21b4e2 44%, #40bef1 59%, #2f90c6 74%);
    background: -o-linear-gradient(45deg, #348cb9 18%, #348cb9 26%, #21b4e2 44%, #40bef1 59%, #2f90c6 74%);
    background: -ms-linear-gradient(45deg, #348cb9 18%, #348cb9 26%, #21b4e2 44%, #40bef1 59%, #2f90c6 74%);
    background: linear-gradient(45deg, #348cb9 18%, #348cb9 26%, #21b4e2 44%, #40bef1 59%, #2f90c6 74%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#348cb9', endColorstr='#2f90c6', GradientType=1);
    border-radius: 1px 1px 41px 41px;
    ;
    width: 98%;
    border: 5px solid #d5dadf; */
    margin: 10px;
    /* background: url('../img/BANNER/banner.png'); */
    background: #11435a;
    background: -moz-linear-gradient(left, #11435a 0%, #11435a 62%, #2b6149 79%, #558035 90%, #71ae0a 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #11435a), color-stop(62%, #11435a), color-stop(79%, #2b6149), color-stop(90%, #558035), color-stop(100%, #71ae0a));
    background: -webkit-linear-gradient(left, #11435a 0%, #11435a 62%, #2b6149 79%, #558035 90%, #71ae0a 100%);
    background: -o-linear-gradient(left, #11435a 0%, #11435a 62%, #2b6149 79%, #558035 90%, #71ae0a 100%);
    background: -ms-linear-gradient(left, #11435a 0%, #11435a 62%, #2b6149 79%, #558035 90%, #71ae0a 100%);
    background: linear-gradient(to right, #11435a 0%, #11435a 62%, #2b6149 79%, #558035 90%, #71ae0a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#11435a', endColorstr='#71ae0a', GradientType=1);
    width: 100%;
    border-radius: 1px 1px 0px 74px;
    /* border: 5px solid #d5dadf; */
}

#post-encabezado {
    margin: 10px;
    /* background: url('../img/BANNER/banner.png'); */
    background: #11435a;
    background: -moz-linear-gradient(left, #11435a 0%, #11435a 62%, #2b6149 79%, #558035 90%, #71ae0a 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #11435a), color-stop(62%, #11435a), color-stop(79%, #2b6149), color-stop(90%, #558035), color-stop(100%, #71ae0a));
    background: -webkit-linear-gradient(left, #11435a 0%, #11435a 62%, #2b6149 79%, #558035 90%, #71ae0a 100%);
    background: -o-linear-gradient(left, #11435a 0%, #11435a 62%, #2b6149 79%, #558035 90%, #71ae0a 100%);
    background: -ms-linear-gradient(left, #11435a 0%, #11435a 62%, #2b6149 79%, #558035 90%, #71ae0a 100%);
    background: linear-gradient(to right, #11435a 0%, #11435a 62%, #2b6149 79%, #558035 90%, #71ae0a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#11435a', endColorstr='#71ae0a', GradientType=1);
    /* border-radius: 1px 1px 0px 41px; */
    width: 100%;
    height: 15px;
}

.btn-outline-light {
    color: #075e8e !important;
}