/*====================*/
/*=== Reset Styles ===*/
/*====================*/
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}*/

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * degular-display:
 *   - http://typekit.com/eulas/00000000000000007735c85b
 *   - http://typekit.com/eulas/00000000000000007735c864
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2021-06-29 09:28:05 UTC"}*/

/*@import url("https://p.typekit.net/p.css?s=1&k=zmc8vly&ht=tk&f=44524.44526&a=1494256&app=typekit&e=css");

@font-face {
font-family:"degular-display";
src:url("https://use.typekit.net/af/3e504d/00000000000000007735c85b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/3e504d/00000000000000007735c85b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/3e504d/00000000000000007735c85b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"degular-display";
src:url("https://use.typekit.net/af/6381a7/00000000000000007735c864/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/6381a7/00000000000000007735c864/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/6381a7/00000000000000007735c864/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}

.tk-degular-display { font-family: "degular-display",sans-serif; }*/

/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic);*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --ggs: .8;
}

BODY {
    margin: 0;
    text-align: center;
    /*font-family: 'Roboto', sans-serif !important;*/
    font-family: 'Rubik', sans-serif !important;
    font-size: .9em;
    font-weight: normal;
    font-style: normal;
    background-color: #efefef;

    /*font-family: "degular-display",sans-serif;
    font-size: 0.95rem;
    font-weight: 400;
    font-style: normal;
  letter-spacing: .1ch;*/
}

input,
button,
select {
    outline: none !important;
}

h5 {
    cursor: auto !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
}

#td_menuSup td {
    height: 40px;
}

#td_menuSup a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: inherit;
    width: 125px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}

#td_menuSup a:hover {
    color: #002338;
    background-color: rgba(255, 255, 255, 0.35);
}

/*#td_menuSup a:active {
    text-decoration: underline;
    color: #fff;
}*/

#td_menuSup a.activo {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.75);
    color: #002338;
    vertical-align: middle;
    text-align: center;
}

#menuIzq {
    width: 195px;
}

#menuIzq ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#menuIzq ul li {
    margin: 0px 11px 0px 0px;
}

#menuIzq ul li A {
    font-size: inherit;
    display: block;
    width: 100%;
    text-decoration: none;
    /*font-weight:bold;*/
    color: #fff;
    padding: 5px;
    text-align: left;
    background-color: #80919C;
    border-bottom: 1px solid #002338;
}

#menuIzq ul li A:hover {
    text-decoration: none;
    background-color: #666;
    color: #ffffff;
}

#menuIzq ul li A:active {
    text-decoration: none;
    background-color: #7FB2CD;
    color: #FFFFFF;
}

#menuIzq a.activo {
    text-decoration: none;
    background-color: #7FB2CD;
    color: #ffffff;
    /*background:url(../images/f_menu_sup.jpg) left top no-repeat;*/
}

#menuIzq ul li A.submenu {
    font-size: inherit;
    display: block;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    text-align: left;
    background-color: transparent;
    border-bottom: 1px solid #002338;
}

#menuIzq ul li A.submenu:hover {
    text-decoration: none;
    background-color: #7FB2CD;
    color: #ffffff;
}

#menuIzq ul li A.submenu:active {
    text-decoration: none;
    background-color: #7FB2CD;
    color: #FFFFFF;
}

#pie {
    font-size: 13px;
    display: block;
    width: 100%;
    height: 20px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 15px 0px 10px 0px;
    text-align: center;
    /*background:url(../images/f_pie.jpg) top left no-repeat;*/
}

.footer a {
    text-decoration: none;
    color: #FFFFFF;
}

.footer a:hover {
    color: #80919C;
}

A {
    font-size: 0.9em;
    text-decoration: none;
    color: #fff;
    /*font-weight:bold;*/
    padding: 0px;
    text-align: center;
    transition: all .2s ease-in-out;
}

A:hover {
    text-decoration: none;
    color: #5f6b74;
}

/*A:active{ 
    text-decoration:underline;
    color:#999999;
}*/
#contenido {
    font-size: 13px;
    text-decoration: none;
    padding: 5px;
    margin-bottom: 30px;
}

.input {
    font-size: 11px;
    color: #000000;
}

.cab_parrafo {
    background-color: #9FC9D9;
    color: #FFFFFF;
    padding: 5;
    text-align: center;
    font-weight: bold;
}

.cab_subparrafo {
    background-color: #BDD275;
    color: #FFFFFF;
    padding: 0;
    text-align: center;
    font-weight: bold;
}

.parrafo {
    padding: 10px;
    border: 0px solid #cdcdcd;
    text-align: justify;
    background: url(../images/f_parrafo.gif) top left no-repeat;
}

.texto {
    font-size: 13px;
    /*font-family:"Trebuchet MS";*/
    text-decoration: none;
}

#buscador input[type=text] {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    /*border:1px solid #fff;*/
    background-color: #fff;
    font-size: inherit;
    margin: 0 0 5px;
    padding: 2px 2px 2px 2px;
    width: 100%;
    color: #80919C;
    text-align: center
}

.menu_img {
    border-radius: 5px;
    padding: 5px;
}

.menu_img a {
    color: #fff !important;
}

.menu_img a:hover {
    color: #000 !important;
    text-decoration: none;
}

.menu2_img {
    border-radius: 5px;
    padding: 5px;
    min-height: 153px;
    line-height: 1;
}

.menu2_img a {
    color: #fff !important;
}

.menu2_img a:hover {
    color: #000 !important;
    text-decoration: none;
}

.hidden {
    display: none !important;
}

.alta2 {
    background: #80919C;
    padding: 4px 6px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 0px;
    font-size: 1.1rem;
}

.alta2:hover {
    background: #59B;
}

.btn-carrito button {
    font-size: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-carrito button i {
    display: inline-block;
    margin-right: 5px;
}

#floating_alert {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3px;
    font-size: .8rem;
    color: white;
    background-color: #86ac38;
    border-radius: 3px;
    opacity: .95;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}