@font-face {
  font-family: "stoneSans";
  src: url("/fonts/1b503790-75a4-40fb-b60a-808691d4cfdb.eot?#iefix");
  src: url("/fonts/1b503790-75a4-40fb-b60a-808691d4cfdb.eot?#iefix") format("eot"), url("/fonts/3ac03ace-1e84-45f0-9b09-def4d1f4b560.woff2") format("woff2"), url("/fonts/b94288f1-4b9c-4028-b946-f4e99ea082f9.woff") format("woff"), url("/fonts/322692b5-f9d3-411b-9294-2a238ebc21a3.ttf") format("truetype"), url("/fonts/44f0ad23-a356-4692-9833-af383cb2cb94.svg#44f0ad23-a356-4692-9833-af383cb2cb94") format("svg");
}
@font-face {
    font-family: "StoneSans2Bold";
    src: url("/fonts/StoneSansIIITCW05-Bold.1fe69971.eot?#iefix");
    src: url("/fonts/StoneSansIIITCW05-Bold.1fe69971.eot?#iefix") format("eot"), url("/fonts/StoneSansIIITCW05-Bold.046c993b.woff2") format("woff2"), url("/fonts/StoneSansIIITCW05-Bold.1e51f946.woff") format("woff"), url("/fonts/StoneSansIIITCW05-Bold.d262a014.ttf") format("truetype");
}

@font-face {
    font-family: "StoneSans2Book";
    src: url("/fonts/StoneSansIIITCW05-Book.14c0c4d6.eot?#iefix");
    src: url("/fonts/StoneSansIIITCW05-Book.14c0c4d6.eot?#iefix") format("eot"), url("/fonts/StoneSansIIITCW05-Book.0905c148.woff2") format("woff2"), url("/fonts/StoneSansIIITCW05-Book.5e735bd7.woff") format("woff"), url("/fonts/StoneSansIIITCW05-Book.2d774e7f.ttf") format("truetype");
}

@font-face {
    font-family: "StoneSans2Medium";
    src: url("/fonts/StoneSansIIITCW05-Medium.a1580a3e.eot?#iefix");
    src: url("/fonts/StoneSansIIITCW05-Medium.a1580a3e.eot?#iefix") format("eot"), url("/fonts/StoneSansIIITCW05-Medium.e65ea93f.woff2") format("woff2"), url("/fonts/StoneSansIIITCW05-Medium.cbf68686.woff") format("woff"), url("/fonts/StoneSansIIITCW05-Medium.e3bbb1d4.ttf") format("truetype");
}

.fontColorBlack {
    color:#000000 !important;
}

.fontColorBlue {
    color: #3E5D76 !important;
}

.fontColorLGray {
    color: #bfbfbf !important;
}

.fontColorDGray {
    color: #656565 !important;
}

.fontColorSDGray {
    color: #333333 !important;
}

.fontColorRed {
    color: #cc0000 !important;
}

.fontColorWhite {
    color: #ffffff !important;
}

.fontStoneSans2Bold14 {
    font-family: StoneSans2Bold !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.fontStoneSans2Bold16 {
    font-family: StoneSans2Bold !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.fontStoneSans2Bold18 {
    font-family: StoneSans2Bold !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

.fontStoneSans2Book14 {
    font-family: StoneSans2Book !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.fontStoneSans2Book19 {
    font-family: StoneSans2Book !important;
    font-size: 19px !important;
    font-weight: normal !important;
}

.fontStoneSans2Medium14 {
    font-family: StoneSans2Medium !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.fontStoneSans2Medium19 {
    font-family: StoneSans2Medium !important;
    font-size: 19px !important;
    font-weight:normal !important;
}

.fontStoneSans2Medium22 {
    font-family: StoneSans2Medium !important;
    font-size: 22px !important;
    font-weight: normal !important;
}

.fontStoneSans2Medium30 {
    font-family: StoneSans2Medium !important;
    font-size: 30px !important;
    font-weight: normal !important;
}


/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/


/* Estilos globales */

a {
    color: #cc0000;
}

    a:hover {
        color: #df0021;
    }

body {
    background-color: #ffffff;
    color: #525252;
    font-family: Arial;
    font-size: 10pt;
    margin: 0;
    overflow-x: hidden;
}

html {
    width: 100%;
}

main {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 1rem;
}

/* Estilos semantic */

@media screen and (max-width: 999px)  {
    .ui.form .fields > .eight.wide.field, .ui.form .fields > .eleven.wide.field, .ui.form .fields > .fifteen.wide.field, .ui.form .fields > .five.wide.field, .ui.form .fields > .four.wide.field, .ui.form .fields > .fourteen.wide.field, .ui.form .fields > .nine.wide.field, .ui.form .fields > .seven.wide.field, .ui.form .fields > .six.wide.field, .ui.form .fields > .sixteen.wide.field, .ui.form .fields > .ten.wide.field, .ui.form .fields > .thirteen.wide.field, .ui.form .fields > .three.wide.field, .ui.form .fields > .twelve.wide.field, .ui.form .fields > .two.wide.field, .ui.form .five.fields > .field, .ui.form .five.fields > .fields, .ui.form .four.fields > .field, .ui.form .four.fields > .fields, .ui.form .three.fields > .field, .ui.form .three.fields > .fields, .ui.form .two.fields > .field, .ui.form .two.fields > .fields {
        width: 100% !important;
    }

    .ui.form .fields {
        margin-bottom: 0;
    }

    .ui.form .fields {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}



.ui.form .field.error input[type=text],
.ui.form .field.error textarea {
  background-color: #d43434 !important;
  color: #c0c0c0 !important;
}

.ui.selection.dropdown {
  min-width: 10rem;
}

.ui.selection.dropdown.full .text {
  height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before {
    background-color: #cc0000 !important;
}

.ui.toggle.checkbox input:focus:checked ~ .box:before, .ui.toggle.checkbox input:focus:checked ~ label:before {
    background-color: #cc0000 !important;
}

/* Estilos home (master) */

#banner {
    display:none;
}

.espacio {
    border: 2px solid #CCCCCC;
    width:100%;
}

.espacio > h3 {
    font-family:StoneSans2Bold !important;
    font-size:18pt !important;
    margin:10px;
    text-align:center;
}

.espacio > img {
    height:266px;
    object-fit:cover;
    object-position:center center;
    width:100%;
}

.espacios {
    display:grid;
    grid-column-gap:30px;
    grid-row-gap:29px;
    grid-template-columns:1fr 1fr 1fr;
    margin-bottom:65px;
    margin-top:31px;
}

@media screen and (max-width: 999px) {
    .espacios {
        grid-row-gap: 29px;
        grid-template-columns: auto;
        margin-bottom: 65px;
        margin-top: 78px;
    }
}

.footer0 {
    color: #84abc1;
    font-family: StoneSans2Medium;
    font-size: 56px;
    font-weight: normal;
    line-height: 84px;
    padding: 30px 90px 12px 90px;
}

.footer01 {
    position: relative;
}

    .footer01 > div {
        border-radius: 0 0 4px 4px;
        box-shadow: 0 1px 4px rgba(0,0,0,.25);
        box-sizing: border-box;
        color: #cc0000;
        cursor: pointer;
        font-family: StoneSans2Bold;
        font-size: 14px;
        font-weight: normal;
        line-height: 10px;
        padding: 7px 0;
        position: absolute;
        right: 30px;
        text-align: center;
        top: 0;
        width: 40px;
    }

    .footer01 > hr {
        border-top: 1px solid #bccfdf;
        height: 0;
        margin: 12px 0;
    }

.footer1 {
    color: #1e3e5e;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    line-height: 21px;
    max-width: 1280px;
    padding: 30px 90px;
    margin: 0 0 1rem 0;
}

    .footer1 a {
        color: #cc0000;
        font-family: StoneSans2Bold !important;
        font-weight: normal !important;
    }

        .footer1 a:hover {
            color: #940000;
            text-decoration: underline;
        }

    .footer1 h2 {
        display: inline;
        margin: 0;
    }

    .footer1 h4 {
        color: #1e3e5e;
        display: block;
        line-height: 23.2px;
        margin: 0;
        padding-bottom: 20px;
    }

    .footer1 .contacto {
        padding: 0 1rem 0 2rem;
    }

    .footer1 .newsletter {
        padding: 0 2rem 0 1rem;
    }

    .footer1 .social .redes {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .footer1 .social .redes li {
            display: inline;
            font-size: 2.5em;
            margin: 0 17px 0 0;
            padding: 0;
        }

@media screen and (max-width: 999px) {
    .footer0 {
        font-size: 28px;
        line-height: 42px;
        margin-top: 30px;
        padding: 20px;
    }

    .footer1 {
        grid-template-columns: auto;
        padding: 30px 20px;
    }

        .footer1 .contacto {
            padding-left: 0;
            padding-top: 2rem;
        }

        .footer1 .newsletter {
            padding: 2rem 0 0 0;
        }

        .footer1 .social {
            padding-top: 2rem;
        }
}

.footer2Background {
    background-color: #E3EBEE;
}

.footer2 {
    color: #1e3e5e;
    display: grid;
    grid-template-columns: auto auto;
    line-height: 21px;
    max-width: 1280px;
    padding: 30px 90px;
    margin: 0 0 1rem 0;
}

    .footer2 a {
        color: #1e3e5e;
    }

        .footer2 a:hover {
            text-decoration: underline;
        }

    .footer2 ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: right;
    }

    .footer2 li {
        display: inline;
        margin: 0;
        padding: 0 10px;
    }

@media screen and (max-width: 999px) {
    .footer2 {
        grid-template-columns: auto;
        padding: 30px 20px;
        text-align: center;
    }

        .footer2 span {
            margin-top: 1rem;
        }

        .footer2 ul {
            grid-row: 1;
            text-align: center;
        }
}

header nav {
  position: relative;
}

header nav .barBackground {
    background-color: #EDEDED;
}

header nav .bar {
    color:#B7B4B4;
    display:grid;
    grid-template-columns:23px 1fr 1fr;
    margin: 0 auto 26px auto;
    max-width: 1280px;
    padding:4px 20px 4px 50px;
    text-align: left;
}

header nav .bar a {
    color:#B7B4B4;
}

header nav .bar .col1 {
    align-self:center;
    margin-left:20px;
    text-align: left;
}

header nav .bar .col2 {
    align-self:center;
    text-align: right;
}

header nav .bar .col2 a {
    color:#cc0000;
}

header nav .logo {
    display:grid;
    grid-template-columns:133px auto;
    margin: 0 auto 0 auto;
    padding:0 90px 20px 90px;
    max-width: 1280px;
}

header nav .logo .logoText {
    align-self:end;
    padding-bottom:2px;
    padding-left:14px;
}

@media screen and (max-width: 999px) {
    header nav .bar {
        grid-template-columns:auto auto;
        padding:4px;
    }

    header nav .bar img {
        display:none;
    }

    header nav .bar span {
        display:none;
    }

    header nav .bar .col1 a {
        display:block;
    }

    header nav .logo {
        display: block;
        margin: 0 0 26px 0;
        padding: 0 20px 20px 20px;
        text-align: center;
    }

    header nav .logo .logoText {
        display:block;
        padding-left:0;
    }
}


.boton {
    background-color: #cc0000 !important;
    border-radius: 0 !important;
    display: inline-block !important;
    line-height: 1rem;
    padding: 6px 10px 6px 20px !important;
    text-align: center !important;
}

#contactoBackground {
    background-color: #E1E1E1;
}

#contacto {
    clear: both;
    color: #000000;
    margin: 0 auto;
    max-width: 1280px;
    padding-bottom: 0.5rem;
    position: relative;
    text-align: center;
}

#contacto .callButton {
    background-color: #cc0000;
    border:0;
    display:block;
    margin:10px auto 20px auto;
    padding:6px 20px;
}

#contacto form {
  display: inline-block;
  margin-bottom: 0.5rem;
  width: 80%;
}

#contacto h4 a {
  color: #000000;
  text-decoration: none;
}
#contacto hr {
  background-color: #ffffff;
  border: 0;
  height: 1px;
  margin-bottom:20px;
  width: 80%;
}

@media screen and (max-width: 999px) {
    #contacto .field {
        margin-bottom:10px;
    }
}

#contacto input {
    font-family:StoneSans2Book;
    font-size:14px;
    color: #000000;
}

#contacto label {
    font-family:StoneSans2Book;
    font-size:14px;
    color: #000000;
  display: inline-block;
}

#contacto .g-recaptcha {
    display:inline-block;
}

#contacto .captchaErrorHolder.error .g-recaptcha {
    border: 2px solid #cc0000;
}

#contacto .g-recaptcha-div {
    text-align:center;
}



#contacto .separadorBoton {
  padding: 1rem;
}
#contacto #contactoMensajeBloque {
  margin-top: -10.8rem;
}

#contacto #validations.error label {
    color: #9F3A38
}

@media screen and (max-width: 999px) {
  #contacto #contactoMensajeBloque {
    margin-top: 0;
  }
}
#contacto #contactoMensajeBloque textarea {
  height: 13.5rem;
}

main .homeh1 {
    margin-bottom: 25px;
    margin-top: 25px;
}

main .homeh2 {
    margin: 0;
    padding: 10px;
    text-align: center;
}

main .homeh3 {
    margin-bottom: 0;
    margin-top: 0;
}

@media screen and (max-width: 999px) {
    main .homeh1 {
        margin-left: 0;
    }

    main .homeh3 {
        margin-left: 0;
    }
}

main .homeh3Centered {
    margin-bottom: 42px;
    margin-top: 0;
    text-align: center;
}

.sliderTextos {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
}

.sliderTitulo {
    background-color: #cc0000;
    color: #ffffff;
    display: inline-block;
    font-family: StoneSans2Book;
    font-size: 25px;
    left: 32px;
    padding: 15px;
    position: absolute;
    top: -49px;
    z-index: 100;
}

.sliderSubtitulo {
    background-color: #666666;
    color: #ffffff;
    display: inline-block;
    font-family: StoneSans2Book;
    font-size: 14px;
    margin-left: 104px;
    padding: 15px;
}

@media screen and (max-width: 502px) {
    .sliderSubtitulo {
        margin-top: 19px;
    }
}

.title {
    margin: 0;
    padding: 1rem;
}

.cookieBackground {
    align-items:center;
    background-color: rgba(0,0,0,.7);
    display:none;
    height: 100%;
    justify-content:center;
    left:0;
    position: fixed;
    top:0;
    width: 100%;
}

.cookieBoton {
    background-color:#cc0000;
    cursor:pointer;
    display:inline-block;
    padding:10px 20px;
}

.cookieConfiguration {
    background-color: #ffffff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 900px;
    position: relative;
    width: 80%;
}

.cookieConfiguration .closer {
    color:#cc0000;
    cursor:pointer;
    font-size:2.5rem;
    position: absolute;
    right:0.5rem;
    top:1rem;
}

.cookieConfiguration .cookieSaving {
    padding:2rem 0;
    text-align:center;
}

.cookieConfiguration .cookieSaving .cookieBoton {
    margin:0 1rem;
}

.cookieConfiguration > footer {
    background-color:#dddddd;
    padding: 4rem 2rem 0 2rem;
}

.cookieConfiguration > footer .cookieContent {
    min-height:18em;
}

.cookieConfiguration > footer .cookieContent span {
    display: block;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 1rem;
}

.cookieConfiguration > header {
    padding:2rem;
}

.cookieConfiguration > header button {
    background-color: #eeeeee;
    border:1px solid #808080;
    display:block;
    margin-bottom:1rem;
    padding:1rem;
    text-align:left;
    width:100%;
}

.cookieConfiguration > header button.active {
    background-color: #FF9999;
}


.cookieConfiguration > header img {
    display:block;
    margin-bottom:2rem;
    width:100px;
}

.cookieOptions {
    text-align: center;
}

.cookieWarning {
    background-color: #ffffff;
    display:none;
    max-width: 520px;
    padding: 18px;
}

.cookieWarning p {
    text-align:justify;
}

.cookieWarning hr {
    background-color: rgb(188, 207, 223);
    border: 0;
    color:#666666;
    height: 1px;
    margin-bottom:1em;
}

.cookieWarning span {
    color: #000000;
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}

@media screen and (max-width: 999px) {
    .cookieConfiguration {
        grid-template-columns: 1fr;
        max-width: 92%;
        width: 92%;
    }

    .cookieConfiguration .cookieSaving .cookieBoton {
       margin: 0 0.25rem;
    }

    .cookieConfiguration > footer {
        padding:1rem;
    }

    .cookieConfiguration > footer .cookieContent {
       min-height: 0;
    }

    .cookieConfiguration > header {
        text-align:center;
    }

    .cookieConfiguration > header button {
        display:inline-block;
        margin:0 1rem;
        text-align:center;
        width:auto;
    }

     .cookieConfiguration > header button i {
        font-size:1.5em;
    }

    .cookieConfiguration > header button span {
        display:none;
    }

    .cookieWarning {
        max-width: 92%;
        width:92%;
    }
}


/* Estilos interior */
main #espacio h1 {
    font-size: 2rem;
    font-weight: normal;
    margin: 40px 0 30px 0;
    padding: 0 20px;
}

main #espacio h3 {
    font-size: 2rem;
    font-weight: normal;
    margin: 0 0 40px 0;
    padding: 0 20px;
}

main #espacio h1 span {
  display: block;
  font-weight: normal;
}

main #espacio hr {
    background-color: #cccccc;
    border: 0;
    height: 1px;
    margin: 0 1.5rem 35px 1.5rem;
}


main #espacio .producto {
    display: grid;
    grid-template-columns: 73% 27%;
    margin: 0 1.5rem 25px 1.5rem;
}

main #espacio .producto .upToTop {
  color: #525252;
}
main #espacio .productoImagen {
    object-fit:contain;
    width:100%;
}
main #espacio .productoInfo {
    
}
main #espacio .productoOpciones {
    display:grid;
    grid-template-columns:1fr;
    padding-bottom: 0.5rem;
}

main #espacio .productoOpciones .boton {
    background-color:#E6E6E6 !important;
    color:#cc0000 !important;
    display:inline-block;
    justify-self:start;
    line-height:14px;
    margin:0 0 1rem 0;
    min-width: 180px;
    padding:6px 20px !important;
}

main #espacio .productoOpciones .botonSolicita {
    background-color:#cc0000 !important;
    color:#ffffff !important;
    display:inline-block;
    justify-self:start;
    line-height:14px;
    margin:0;
    min-width: 180px;
    padding:6px 20px !important;
}

main #espacio .productoResumen {
    color: #000000;
    margin-bottom: 30px;
    padding-right:30px;
}
main #espacio .productoSubtitulo {
  color: #df0021;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
main #espacio .productoTitulo {
  color: #000000;
  font-size: 1.3rem;
}

@media screen and (max-width: 999px) {
    main #espacio .productoImagen {
        display:inline-block;
    }
    
    main #espacio h1 {
        padding: 0;
    }

    main #espacio h3 {
        padding: 0;
    }

    main #espacio hr {
        margin: 0 0 35px 0;
    }

    main #espacio .producto {
        display: grid;
        grid-template-columns: auto;
        margin: 0 0 25px 0;
    }

    main #espacio .producto {
        padding: 0 10px 0 10px;
    }

    main #espacio .productoOpciones {
        padding-bottom: 1.5rem;
        text-align: center;
    }

    main #espacio .productoOpciones > a {
        margin-bottom: 10px;
        margin-right: 0 !important;
    }

    main #espacio .productoResumen {
        min-height:initial;
        padding-right:0;
        text-align:justify;
    }
}

#mediaMap {
  height: 580px;
}
.notaAlPie {
    font-family: StoneSans2Book;
    font-size: 12px;
    padding: 5px 10px;
    text-align: left;
}
.solicitudDialogo .content {
  text-align: center;
}
.solicitudDialogo .content div {
  margin-bottom: 1rem;
}
.solicitudDialogo .content i {
  font-size: 2rem;
}
.solicitudDialogo .header {
  background-color: #df0021 !important;
  color: #ffffff !important;
}
.upToTop {
  color: #000000;
  cursor: pointer;
  font-size: 1.75rem;
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
  z-index: 100;
}

.whatsapp {
    display: block;
    position: fixed;
    width: 4em;
    height: 4em;
    bottom: 4em;
    right: 2em;
    transition: all .3s ease-in-out;
}

.whatsapp:hover {
    transform:scale(1.25);
}

.whatsapp > svg {
    width:100%;
    height:100%;
}

/* Sobreescritura de estilos para aplicar las fuentes stoneSans, y Verdana segun �ltimas especificaciones */

.mediaMapPopup tr:first-child td {
  font-family: stoneSans !important;
}