@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body
{
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: "Montserrat", sans-serif;
}
.divClear
{
    clear: both;
}
#divAlerta
{
    display: flex;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: fixed;
    top:0;
    left:0;
    align-items: center;
    z-index: 999;
}
.g-recaptcha div
{
	margin: 15px auto;
}


@media screen and (max-width: 800px)
{
    #divAlerta div.divBox
    {
        width: 90%;
        margin: 0 auto;
        background: #ffffff;
        border-radius: 5px;
        padding: 20px;
        box-sizing: border-box;
        font-size: 0.9em;
        text-align: center;
    }
    #divAlerta div.divBox button
    {
        width: 60%;
        margin: 50px 0 0 0;
        padding: 15px;
        background: #590c0c;
        color: #ffffff;
        border: none;
        cursor: pointer;
    }
    .divTop
    {
        margin: 0;
        padding: 10px;
        background: #ed1f25;
        font-family: "Poppins", sans-serif;
        font-size: 1em;
        text-align: center;
        color: #ffffff;
    }
    header
    {
        background: #f5f6f8;
        margin: 0;
        padding: 10px 2.5%;
    }
    header a.aLogo
    {
        display: block;
        width: 25%;
        margin-bottom: 15px;
    }
    header a.aLogo img
    {
        width: 100%;
    }
    header div.divBuscador
    {
        width: 100%;
        border: #c1ccd1;
        border-radius: 25px;
        background: #ffffff;
        margin-bottom: 25px;
    }
    header div.divBuscador form
    {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    header div.divBuscador input[type="text"]
    {
        display: block;
        width: 85%;
        margin: 0;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        background: none;
        font-family: "Poppins", sans-serif;
        font-size: 1em;
    }
    header div.divBuscador button[type="submit"]
    {
        display: block;
        width: 12.5%;
        margin: 0;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        background: none;
        font-size: 1.3em;
    }
    header div.divMenu
    {
        width: 100%;
        text-align: center;
    }
    header div.divMenu a
    {
        font-size: 1.8em;
        color: #224a71;
        text-decoration: none;
        margin: 0 10px;
        position: relative;
    }
    header div.divMenu a span
    {
        position: absolute;
        width: 20px;
        height: 20px;
        line-height: 20px;
        top: -10px;
        right: -10px;
        background: #ed1f25;
        color: #ffffff;
        font-size: 0.5em;
        text-align: center;
        border-radius: 50%;
    }
    nav
    {
        width: auto;
        margin: 0;
        padding: 10px 15px;
        position: absolute;
        right: 5%;
        top: 90px;
        background: #224a71;
        border-radius: 10px;
        box-sizing: border-box;
    }
    nav div.divBotonPC
    {
        display: none;
    }
    nav div.divBoton
    {
        color: #ffffff;
        margin: 0;
        padding: 0;
    }
    nav div.divBoton i
    {
        font-size: 1.7em;
    }
    nav div.divModal
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.50);
        z-index: 99;
        display: none;
    }
    nav div.divModal div.divWrapper
    {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        background: #ffffff;
    }
    nav div.divModal div.divWrapper h3
    {
        margin: 0;
        padding: 15px;
        background: #680000;
        color: #ffffff;
        font-size: 1em;
        font-weight: 700;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    nav div.divModal div.divWrapper h3 i
    {
        cursor: pointer;
    }
    nav div.divModal div.divWrapper h3 p
    {
        margin: 0;
        padding: 0;
        cursor: pointer;
    }
    nav div.divModal div.divWrapper h3 p i
    {
        margin-right: 10px;
    }
    nav div.divModal div.divWrapper h4
    {
        margin: 0;
        padding: 10px 15px;
        background: #224a71;
        color: #ffffff;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
    }
    nav div.divModal div.divWrapper ul
    {
        margin: 15px 0 0 0;
        padding: 0;
        list-style: none;
    }
    nav div.divModal div.divWrapper ul li
    {
        margin: 0;
        padding: 0;
    }
    nav div.divModal div.divWrapper ul li a
    {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        padding: 15px;
        font-size: 0.9em;
        color: #224a71;
        text-transform: uppercase;
        text-decoration: none;
    }
    nav div.divModal div.divWrapper ul li a:hover
    {
        background: #a5a5a5;
        cursor: pointer;
    }
    nav div.divModal div.divWrapper ul li a i
    {
        font-size: 1.1em;
    }
    .divSlide
    {
        margin: 15px 5%;
    }
    .sectionProductos
    {
        margin: 0;
        padding: 50px 5%;
    }
    .sectionProductos h3
    {
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionProductos div.divBox
    {
        margin: 10px;
        padding: 10px;
        box-sizing: border-box;
        box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.50);
    }
    .sectionProductos div.divBox div.divImagen
    {
        background: #ffffff;
    }
    .sectionProductos div.divBox div.divImagen img
    {
        width: 100%;
    }
    .sectionProductos div.divBox h4
    {
        font-size: 1em;
        font-weight: 700;
        margin: 10px 0;
        padding: 0;
        color:#000000;
    }
    .sectionProductos div.divBox h4 a
    {
        color:#000000;
        text-decoration: none;
    }
    .sectionProductos div.divBox h5
    {
        font-size: 1.2em;
        font-weight: 400;
        margin: 0;
        padding: 0;
        color: #ed1f25;
    }
    .sectionProductos div.divBox button
    {
        display: block;
        width: 80%;
        margin: 10px auto 0 auto;
        padding: 15px;
        background: #ed1f25;
        font-family: "Montserrat", sans-serif;
        font-size: 1em;
        color: #ffffff;
        border-radius: 10px;
        box-sizing: border-box;
        border: none;
    }
    .sectionProductos div.divBox button i
    {
        margin-left: 10px;
    }
    .sectionCategorias
    {
        margin: 0;
        padding: 50px 5%;
        background: #f5f6f8;
    }
    .sectionCategorias h3
    {
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionCategorias div.divWrapper
    {
        margin: 0;
    }
    .sectionCategorias div.divWrapper div.divBox
    {
        width: 90%;
        margin: 0 auto 25px auto;
        padding: 10px;
        box-sizing: border-box;
        background: #ed1f25;
        text-align: center;
    }
    .sectionCategorias div.divWrapper div.divBox div.divImagen
    {
        background: #ffffff;
    }
    .sectionCategorias div.divWrapper div.divBox div.divImagen img
    {
        width: 100%;
    }
    .sectionCategorias div.divWrapper div.divBox h4
    {
        font-size: 1em;
        font-weight: 700;
        margin: 0 0 10px 0;
        padding: 10;
        background: #ffffff;
        border-radius: 20px;
    }
    .sectionCategorias div.divWrapper div.divBox h4 a
    {
        color: #ed1f25;
        text-decoration: none;
    }
    .sectionGarantias
    {
        margin: 0;
        padding: 50px 25%;
        background: #f5f6f8;
    }
    .sectionGarantias h3
    {
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionGarantias div.divWrapper
    {
        margin: 0;
    }
    .sectionGarantias div.divWrapper div.divBox
    {
        width: 90%;
        margin: 0 auto 25px auto;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
    }
    .sectionGarantias div.divWrapper div.divBox i
    {
        font-size: 5em;
    }
    .sectionGarantias div.divWrapper div.divBox h4
    {
        font-size: 1.3em;
        font-weight: 400;
        margin: 25px 0 0 0;
        padding: 0;
    }
    .sectionMarcas
    {
        margin: 0;
        padding: 50px 15%;
    }
    .sectionMarcas h3
    {
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionMarcas div.divBox img
    {
        width: 100%;
    }
    .sectionMarcas div.divBox div.divNoLogo
    {
        width: 100%;
        padding: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3em;
    }
    .sectionBoletin
    {
        margin: 0;
        padding: 50px 5%;
        background: #ed1f25;
        color: #ffffff;
    }
    .sectionBoletin p
    {
        margin: 0 0 25px 0;
        padding: 0;
        font-size: 1em;
        text-align: center;
    }
    .sectionBoletin div.divFormulario
    {
        width: 100%;
    }
    .sectionBoletin div.divFormulario form
    {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .sectionBoletin div.divFormulario input[type="text"]
    {
        display: block;
        width: 70%;
        margin: 0;
        padding: 10px;
        background: #ffffff;
        border: none;
        box-sizing: border-box;
        font-family: "Poppins", sans-serif;
        font-size: 0.9em;
        border-radius: 25px 0 0 25px;
    }
    .sectionBoletin div.divFormulario input[type="submit"]
    {
        display: block;
        width: 30%;
        margin: 0;
        padding: 10px;
        background: #224a71;
        color: #ffffff;
        border: none;
        box-sizing: border-box;
        font-family: "Poppins", sans-serif;
        font-size: 0.9em;
        text-transform: uppercase;
        border-radius: 0 25px 25px 0;
    }
    .sectionCatalogo
    {
        margin: 0;
        padding: 0 5% 50px 5%;
        background: #f5f6f8;
    }
    .sectionCatalogo h1
    {
        font-size: 1.3em;
        font-weight: 400;
        text-align: center;
        color: #333333;
        text-transform: uppercase;
        margin: 0 0 25px 0;
        padding: 15px;
        border-bottom: 1px #333333 solid;
    }
    .sectionCatalogo h3
    {
        font-size: 1.3em;
        font-weight: 400;
        text-align: center;
        color: #590c0c;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionCatalogo div.divProductos
    {
        margin: 0;
        padding: 50px 5%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .sectionCatalogo div.divProductos h3
    {
        font-family: "Oswald", sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        width: 100%;
        margin: 0 0 25px 0;
        padding: 0;
        text-align: center;
        color: #ed1f25;
    }
    .sectionCatalogo div.divProductos div.divBox
    {
        width: 48%;
        text-align: center;
        margin-bottom: 25px;
    }
    .sectionCatalogo div.divProductos div.divBox a
    {
        display: block;
        border: 1px #dddddd solid;
        color: #000000;
        text-decoration: none;
        padding-top: 15px;
    }
    .sectionCatalogo div.divProductos div.divBox a:hover
    {
        border: 1px #ed1f25 solid;
    }
    .sectionCatalogo div.divProductos div.divBox a div.divImagen
    {
        min-height: 150px;
        margin-bottom: 15px;
    }
    .sectionCatalogo div.divProductos div.divBox a p.pTexto
    {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 1.1em;
    }
    .sectionCatalogo div.divProductos div.divBox a p.pNombre
    {
        font-weight: 700;
    }
    .sectionCatalogo div.divProductos div.divBox a p.pPrecio
    {
        margin: 0;
        padding: 10px;
        font-size: 1.1em;
        font-weight: 700;
        color: #ed1f25;
    }
    .sectionCatalogo div.divProductos div.divBox button[type="submit"]
    {
        display: block;
        width: 100%;
        margin: 10px auto 0 auto;
        padding: 15px;
        background: #ed1f25;
        font-family: "Montserrat", sans-serif;
        font-size: 1em;
        color: #ffffff;
        border-radius: 10px;
        box-sizing: border-box;
        border: none;
    }
    .sectionCatalogo div.divProductos div.divBox button i
    {
        margin-left: 10px;
    }
    .divProductos  div.divBox button:hover
    {
        background: #b71717;
        cursor: pointer;
    }
    .ulPaginacion
	{
        display: table;
        margin: 25px auto;
		padding: 0;
        list-style: none;
		font-size: 0.9em;
	}
	.ulPaginacion li
	{
		float: left;
		margin: 0 5px;
		text-align: center;
	}
	.ulPaginacion li a
	{
		display: block;
		padding: 5px 10px;
		color: #590c0c;
		background: #ffffff;
		text-decoration: none;
		text-align: center;
		border-radius: 5px;
		border: 1px #590c0c solid;
	}
	.ulPaginacion li.liSelected
	{
		padding: 5px 10px;
		color: #ffffff;
		background: #590c0c;
		text-align: center;
		border-radius: 5px;
		border:1px #590c0c solid;
	}
    .sectionCatalogo div.divCarrito
    {
        width: 100%;
        margin: 0 0 25px 0;
        font-size: 0.9em;
        border: 1px #590c0c solid;
    }
    .sectionCatalogo div.cartCelda1
    {
        width: 50%;
        float: left;
        padding: 15px;
        box-sizing: border-box;
    }
    .sectionCatalogo div.cartCelda1 button
    {
        background: #c00;
        color: #ffffff;
        border: none;
        font-size: 0.9em;
        cursor: pointer;
        border-radius: 5px;
        margin: 10px 0 0 0;
        padding: 5px;
    }
    .sectionCatalogo div.cartCelda1 button i
    {
        margin-right: 10px;
    }
    .sectionCatalogo div.cartCelda2
    {
        width: 25%;
        float: left;
        padding: 15px;
        text-align: center;
        box-sizing: border-box;
    }
    .sectionCatalogo div.cartCelda2 input[type="number"]
    {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px;
        border: 1px #222222 solid;
        box-sizing: border-box;
    }
    .sectionCatalogo div.cartTitulo
    {
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
    }
    .sectionCatalogo div.cartMonto
    {
        text-align: right;
    }
    .sectionCatalogo div.filaTitulosCarrito
    {
        background: #590c0c;
    }
    .sectionCatalogo div.filaCarrito
    {
        border-bottom: 1px #f9f9f9 solid;
    }
    .sectionCatalogo div.filaCarrito div.divImagen
    {
        display: none;
    }
    .sectionCatalogo div.filaCarrito div.divDatos p
    {
        margin: 0 0 5px 0;
        padding: 0;
    }
    .sectionCatalogo div.divTotales
    {
        border: 1px #590c0c solid;
        padding: 0;
        margin: 0;
        font-size: 0.9em;
        box-sizing: border-box;
    }
    .sectionCatalogo div.divTotales h3
    {
        font-weight: 400;
        text-transform: uppercase;
        margin: 0 0 15px 0;
        padding: 15px;
        background: #590c0c;
        color: #ffffff;
        text-align: center;
    }
    .sectionCatalogo div.divTotales div.divTotal
    {
        margin: 0 15px;
        padding: 15px 0;
        border-bottom: 1px #590c0c solid;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .sectionCatalogo div.divTotales div.divTotal p
    {
        width: 50%;
        margin: 0;
        padding: 0;
        font-size: 1.1em;
    }
    .sectionCatalogo div.divTotales div.divTotal p.pCantidad
    {
        text-align: right;
        font-size: 1.2em;
    }
    .sectionCatalogo div.divTotales div.divEnvio
    {
        margin: 15px;
        padding: 15px;
        background: #a5a5a5;
        font-size: 1.1em;
        text-align: center;
    }
    .sectionCatalogo div.divTotales button
    {
        display: block;
        margin: 15px auto;
        padding: 15px;
        color: #ffffff;
        font-size: 1.1em;
        text-align: center;
        border: none;
        border-radius: 5px;
    }
    .sectionCatalogo div.divTotales button i
    {
        margin-right: 15px;
    }
    .sectionCatalogo div.divTotales button.buttonContinuar
    {
        background: #107708;
    }
    .sectionCatalogo div.divTotales button.buttonRegresar
    {
        background: rgb(25,116,150);
    }
    .sectionCatalogo div.divAviso
    {
        font-size: 2em;
        text-align: center;
        margin: 60px 0;
    }
    .sectionCatalogo div.divLogin
    {
        width: 90%;
        margin: 50px auto;
    }
    .sectionCatalogo div.divLogin h3
    {
        font-family: "Oswald", sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        width: 100%;
        margin: 0 0 25px 0;
        padding: 0;
        text-align: center;
        color: #680000;
    }
    .sectionCatalogo div.divLogin h4
    {
        font-size: 0.9em;
        font-weight: 400;
        margin: 0 0 20px 0;
        padding: 0;
        text-align: center;
    }
    .sectionCatalogo div.divLogin div.divInput
    {
        margin: 10px 0;
        padding: 0;
        border: 1px #590c0c solid;
        position: relative;
    }
    .sectionCatalogo div.divLogin div.divInput input[type="email"], .sectionCatalogo div.divLogin div.divInput input[type="password"], .sectionCatalogo div.divLogin div.divInput input[type="text"]
    {
        width: 100%;
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
        border: none;
        font-family: "Outfit", sans-serif;
    }
    .sectionCatalogo div.divLogin div.divInput a
    {
        font-size: 0.8em;
        color: #590c0c;
        position: absolute;
        top:15px;
        right:5px;
        cursor: pointer;
    }
    .sectionCatalogo div.divLogin input[type="submit"]
    {
        display: block;
        width: 100%;
        margin: 0;
        padding: 15px 0;
        text-align: center;
        background: #590c0c;
        color: #ffffff;
        font-family: "Outfit", sans-serif;
        font-size: 0.9em;
        font-weight: 700;
        text-transform: uppercase;
        border: none;
    }
    .sectionCatalogo div.divLogin div.divCrear
    {
        margin: 20px 0 0 0;
        font-size: 0.9em;
        text-align: center;
    }
    .sectionCatalogo div.divLogin div.divCrear a
    {
        color: #590c0c;
        text-decoration: none;
        cursor: pointer;
    }
    .sectionCatalogo div.divFiltro
    {
        width: 80%;
        margin: 0 auto 25px auto;
        padding: 10px;
        background: #e7e660;
        box-sizing: border-box;
    }
    .sectionCatalogo div.divFiltro select
    {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 10px;
    }
    .sectionCatalogo div.divDirectorio
    {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .sectionCatalogo div.divDirectorio div.divBox
    {
        width: 48%;
        text-align: center;
        margin-bottom: 25px;
        padding: 10px;
        border: 1px #dddddd solid;
        box-sizing: border-box;
    }
    .sectionCatalogo div.divDirectorio div.divBox p.pNombre
    {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 1em;
        text-align: center;
    }
    .sectionCatalogo div.divDirectorio div.divBox a
    {
        display: block;
        background: #224a71;
        color: #ffffff;
        text-decoration: none;
        padding: 10px;
        border-radius: 5px;
    }
    .sectionCatalogo div.divDirectorio div.divBox div.divCalificacion
    {
        font-size: 0.9em;
        text-align: center;
        color: #d7be24;
        margin: 15px 0;
    }
    .sectionCatalogo div.divDirectorio div.divBox input[type="button"]
    {
        display: block;
        background: #08972b;
        color: #ffffff;
        text-decoration: none;
        margin: 0 auto;
        padding: 10px;
        border-radius: 5px;
        border: none;
    }
    .sectionCatalogo div.divCalifica
    {
        display: none;
    }
    .sectionCatalogo div.divCalifica select
    {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 10px;
    }
    .sectionCatalogo div.divCalifica textarea
    {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 10px;
        resize: none;
        box-sizing: border-box;
    }
    .sectionCatalogo div.divCalifica input[type="submit"]
    {
        display: block;
        background: #08972b;
        color: #ffffff;
        text-decoration: none;
        margin: 0 auto;
        padding: 10px;
        border-radius: 5px;
        border: none;
    }
    .sectionDetalle
    {
        margin: 0;
        padding: 0 5% 50px 5%;
        background: #f5f6f8;
    }
    .sectionDetalle h1
    {
        font-size: 1.3em;
        font-weight: 400;
        text-align: center;
        color: #333333;
        text-transform: uppercase;
        margin: 0 0 25px 0;
        padding: 15px;
        border-bottom: 1px #333333 solid;
    }
    .sectionDetalle a.aBack
    {
        display: block;
        width: 100%;
        margin: 50px 0 25px 0;
        padding: 15px;
        background: #f3ed69;
        text-decoration: none;
        text-align: center;
        font-size: 1.1em;
        box-sizing: border-box;
    }
    .sectionDetalle a.aBack i
    {
        margin-right: 15px;
    }
    .sectionDetalle div.divImagenes
    {
        margin-bottom: 25px;
    }
    .sectionDetalle div.divImagenes img
    {
        width: 100%;
    }
    .sectionDetalle div.divImagenes div.divThumb
    {
        width: 22%;
        margin: 10px 1.5% 0 1.5%;
        float: left;
    }
    .sectionDetalle div.divProductoInfo
    {
        padding: 25px 0;
        box-sizing: border-box;
    }
    .sectionDetalle div.divProductoInfo h3
    {
        font-size: 1.2em;
        font-weight: 700;
        margin: 0 0 25px 0;
        padding: 10px;
        background: #b71717;
        color: #ffffff;
    }
    .sectionDetalle div.divProductoInfo h4
    {
        width: auto;
        float: left;
        font-size: 1.6em;
        font-weight: 700;
        margin: 50px 0 0 0;
        padding: 0;
        color: #b71717;
    }
    .sectionDetalle div.divProductoInfo h5
    {
        font-size: 1.2em;
        font-weight: 700;
        margin: 50px 0 25px 0;
        padding: 0;
    }
    .sectionDetalle div.divProductoInfo p
    {
        font-size: 1em;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionDetalle div.divBotones
    {
        width: auto;
        float: right;
        font-size: 2.5em;
        margin: 50px 0 0 0;
        padding: 0;
    }
    .sectionDetalle div.divBotones a
    {
        color: #224a71;
        text-decoration: none;
        margin-left: 15px;
    }
    .sectionDetalle div.divProductoInfo button
    {
        width: auto;
        float: left;
        font-size: 1.1em;
        margin: 50px 0 0 0;
        padding: 15px;
        background: #08972b;
        border: 1px #107708 solid;
        border-radius: 5px;
        color: #ffffff;
    }
    .sectionDetalle div.divProductoInfo button i
    {
        margin-left: 15px;
    }
    .sectionDetalle div.divProductoInfo div.divAtributos
    {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sectionDetalle div.divProductoInfo div.divAtributos div.divBox
    {
        width: 31%;
        display: flex;
        align-items: center;
    }
    .sectionDetalle div.divProductoInfo div.divAtributos div.divBox p
    {
        width: 50%;
        margin: 0 0 15px 0;
        padding: 10px;
        font-size: 1em;
        box-sizing: border-box;
    }
    .sectionDetalle div.divProductoInfo div.divAtributos div.divBox p.pNombre
    {
        background: #224a71;
        color: #ffffff;
        font-size: 700;
    }
    .sectionDetalle div.divProductoInfo button i
    {
        margin-right: 15px;
    }
    .divCheckout
    {
        margin: 0;
        padding: 50px;
        box-sizing: border-box;
        min-height: 800px;
    }
    .divCheckout h3
    {
        font-family: "Oswald", sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        width: 100%;
        margin: 0 0 25px 0;
        padding: 0;
        color: #680000;
    }
    .divCheckout div.divBox
    {
        margin: 0 0 10px 0;
        padding: 15px;
        border: 1px #590c0c solid;
        border-radius: 5px;
        position: relative;
        box-sizing: border-box;
    }
    .divCheckout div.divBox label
    {
        display: block;
        margin: -15px 0 0 5px;
        font-size: 0.7em;
    }
    .divCheckout div.divBox label img
    {
        display: none;
    }
    .divCheckout div.divBox p
    {
        margin: 0;
        padding: 0;
        font-size: 0.9em;
        line-height: 20px;
    }
    .divCheckout div.divBox input[type="text"], .divCheckout div.divBox select
    {
        display: block;
        width: 100%;
        margin: 0;
        padding: 5px;
        background: none;
        border: none;
        box-sizing: border-box;
    }
    .divCheckout div.divBox div#divValidaCP
    {
        margin: 3px 0 0 0;
        padding: 0;
        font-size: 0.7em;
        color: #991a29;
    }
    .divCheckout div.divBox label.labelInline
    {
        display: inline;
        margin: 0 0 0 10px;
        font-size: 0.9em;
    }
    .divCheckout input[type="submit"], .divCheckout input[type="button"]
    {
        display: block;
        width: 80%;
        float: left;
        margin: 25px 0 0 0;
        padding: 25px 0;
        text-align: center;
        background: #590c0c;
        color: #ffffff;
        font-size: 1.1em;
        border: none;
        border-radius: 5px;
    }
    .divCheckout a
    {
        display: block;
        width: auto;
        float: right;
        margin: 50px 0 0 0;
        padding: 0;
        font-size: 1.1em;
        color: #590c0c;
        text-decoration: none;
    }
    .divCart
    {
        background: #f3ed69;
    }
    .divCart div.filaCarrito
    {
        border-bottom: 1px #590c0c solid;
    }
    .divCart div.filaCarrito div.cartImagen
    {
        width: 25%;
        float: left;
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
    }
    .divCart div.filaCarrito div.cartImagen img
    {
        width: 80%;
    }
    .divCart div.filaCarrito div.cartProducto
    {
        width: 50%;
        float: left;
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
    }
    .divCart div.filaCarrito div.cartProducto h4
    {
        font-size: 1.2em;
        font-weight: 400;
        margin: 0 0 10px 0;
        padding: 0;
    }
    .divCart div.filaCarrito div.cartProducto p
    {
        font-size: 1.1em;
        margin: 0 0 5px 0;
        padding: 0;
    }
    .divCart div.filaCarrito div.cartMonto
    {
        width: 25%;
        float: left;
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
        font-size: 1.1em;
        text-align: right;
    }
    .divCart div.divSubtotales
	{
        border-bottom: 1px #590c0c solid;
        padding: 25px 0;
        margin: 0;
        font-size: 1.1em;
	}
	.divCart div.divSubtotales div.divLabel
	{
		width: 50%;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
	}
	.divCart div.divSubtotales div.divCantidad
	{
		width: 50%;
		float: right;
		margin: 0 0 10px 0;
		padding: 0;
		text-align: right;
	}
    .divCart div.divTotal
	{
        border-bottom: 1px #590c0c solid;
        padding: 25px 0;
        margin: 0;
        font-size: 1.1em;
	}
	.divCart div.divTotal div.divLabel
	{
		width: 50%;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
        font-weight: 700;
	}
	.divCart div.divTotal div.divCantidad
	{
		width: 50%;
		float: right;
		margin: 0 0 10px 0;
		padding: 0;
		text-align: right;
        font-size: 1.2em;
        font-weight: 700;
	}
    .divResumen
    {
        margin: 0 10% 50px 10%;
    }
    .divResumen div.divLeft
    {
        width: 47.5%;
        float: left;
    }
    .divResumen div.divLeft h4
    {
        font-size: 1.6em;
        font-weight: 400;
        margin: 0 0 5px 0;
        padding: 0;
        color: #590c0c;
    }
    .divResumen div.divLeft h5
    {
        font-size: 1.3em;
        font-weight: 700;
        margin: 10px 0 5px 0;
        padding: 0;
        color: #4d4e68;
    }
    .divResumen div.divLeft p
    {
        font-size: 1.1em;
        margin: 0 0 5px 0;
        padding: 0;
    }
    .divResumen div.divRight
    {
        width: 47.5%;
        float: right;
    }
    .divResumen div.divRight h4
    {
        font-size: 1.6em;
        font-weight: 400;
        margin: 0 0 15px 0;
        padding: 0;
        color: #590c0c;
        text-align: center;
    }
    .divResumen div.divRight h5
    {
        font-size: 1.5em;
        font-weight: 700;
        margin: 0 0 10px 0;
        padding: 0;
        color: #590c0c;
        text-align: center;
    }
    .divResumen div.divRight h6
    {
        font-size: 1.1em;
        font-weight: 700;
        margin: 0 0 10px 0;
        padding: 0;
    }
    .divResumen div.divRight p
    {
        font-size: 1.1em;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: center;
    }
    .divResumen div.divRight ol
    {
        font-size: 1.1em;
    }
    .divResumen div.divRight button
    {
        display: block;
        width: 50%;
        font-size: 0.9em;
        background: #0dc143;
        color: #ffffff;
        margin: 10px auto 0 auto;
        padding: 15px 0;
        text-align: center;
        border: none;
    }
    .divResumen div.divRight label
    {
        font-size: 1em;
        font-weight: 700;
        display: block;
        margin: 10px 0 5px 0;
    }
    .divResumen div.divRight input[type="text"]
    {
        display: block;
        width: 100%;
        border: 1px #CCCCCC solid;
        padding: 10px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }
    .divResumen div.divRight select
    {
        padding: 10px;
        width: 100;
        margin-bottom: 10px;
        box-sizing: border-box;
    }
    .divResumen div.divRight input[type="submit"]
    {
        display: block;
        width: 30%;
        font-size: 0.9em;
        background: #0dc143;
        color: #ffffff;
        margin: 10px 0 0 0;
        padding: 15px 0;
        text-align: center;
        border: none;
    }
    .divResumen div.divRight img.imgLogos
    {
        margin: 25px 0 0 0;
        width: 25%;
    }
    footer
    {
        margin: 0;
        padding: 50px 5%;
        background: #f5f6f8;
    }
    footer div.divBox
    {
        margin: 0 0 25px 0;
    }
    footer div.divBox img
    {
        display: block;
        width: 50%;
        margin: 0 0 25px 0;
    }
    footer div.divBox h3
    {
        font-size: 1.3em;
        font-weight: 700;
        margin: 0 0 25px 0;
        padding: 0;
    }
    footer div.divBox h4
    {
        font-size: 1em;
        font-weight: 400;
        color: #333333;
        margin: 0 0 15px 0;
        padding: 0;
    }
    footer div.divBox p
    {
        font-size: 1.1em;
        font-weight: 700;
        margin: 0 0 25px 0;
        padding: 0;
    }
    footer div.divBox ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1em;
    }
    footer div.divBox ul li
    {
        margin: 0 0 10px 0;
        padding: 0;
    }
    footer div.divBox ul li a
    {
        color: #333333;
        text-decoration: none;
    }
    .divFirma
    {
        margin: 0;
        padding: 10px 0;
        background: #333333;
        color: #ffffff;
        text-align: center;
        font-size: 0.9em;
    }
    .divFirma a
    {
        color: #c1ccd1;
    }
}

@media screen and (min-width: 800px)
{
    #divAlerta div.divBox
    {
        width: 40%;
        margin: 0 auto;
        background: #ffffff;
        border-radius: 5px;
        padding: 20px;
        box-sizing: border-box;
        font-size: 0.9em;
        text-align: center;
    }
    #divAlerta div.divBox button
    {
        width: 30%;
        margin: 50px 0 0 0;
        padding: 15px;
        background: #590c0c;
        color: #ffffff;
        border: none;
        cursor: pointer;
    }
    .divTop
    {
        margin: 0;
        padding: 10px;
        background: #ed1f25;
        font-family: "Poppins", sans-serif;
        font-size: 1em;
        text-align: center;
        color: #ffffff;
    }
    header
    {
        background: #f5f6f8;
        margin: 0;
        padding: 10px 5%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    header a.aLogo
    {
        display: block;
        width: 7.5%;
    }
    header a.aLogo img
    {
        width: 100%;
    }
    header div.divBuscador
    {
        width: 50%;
        border: #c1ccd1;
        border-radius: 25px;
        background: #ffffff;
    }
    header div.divBuscador form
    {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    header div.divBuscador input[type="text"]
    {
        display: block;
        width: 90%;
        margin: 0;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        background: none;
        font-family: "Poppins", sans-serif;
        font-size: 1em;
    }
    header div.divBuscador button[type="submit"]
    {
        display: block;
        width: 7.5%;
        margin: 0;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        background: none;
        font-size: 1.3em;
    }
    header div.divMenu
    {
        width: auto;
    }
    header div.divMenu a
    {
        font-size: 1.8em;
        color: #224a71;
        text-decoration: none;
        margin-left: 20px;
        position: relative;
    }
    header div.divMenu a span
    {
        position: absolute;
        width: 20px;
        height: 20px;
        line-height: 20px;
        top: -10px;
        right: -10px;
        background: #ed1f25;
        color: #ffffff;
        font-size: 0.5em;
        text-align: center;
        border-radius: 50%;
    }
    nav
    {
        background: #224a71;
        margin: 0;
        padding: 10px 5%;
    }
    nav div.divBotonMovil
    {
        display: none;
    }
    
    nav div.divBoton
    {
        color: #ffffff;
        font-size: 1em;
        text-transform: uppercase;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }
    nav div.divBoton i
    {
        font-size: 1.5em;
        margin-right: 10px;
    }
    nav div.divModal
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.50);
        z-index: 99;
        display: none;
    }
    nav div.divModal div.divWrapper
    {
        width: 20%;
        height: 100%;
        overflow-y: scroll;
        background: #ffffff;
    }
    nav div.divModal div.divWrapper h3
    {
        margin: 0;
        padding: 15px;
        background: #680000;
        color: #ffffff;
        font-size: 1em;
        font-weight: 700;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    nav div.divModal div.divWrapper h3 i
    {
        cursor: pointer;
    }
    nav div.divModal div.divWrapper h3 p
    {
        margin: 0;
        padding: 0;
        cursor: pointer;
    }
    nav div.divModal div.divWrapper h3 p i
    {
        margin-right: 10px;
    }
    nav div.divModal div.divWrapper h4
    {
        margin: 0;
        padding: 10px 15px;
        background: #224a71;
        color: #ffffff;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
    }
    nav div.divModal div.divWrapper ul
    {
        margin: 15px 0 0 0;
        padding: 0;
        list-style: none;
    }
    nav div.divModal div.divWrapper ul li
    {
        margin: 0;
        padding: 0;
    }
    nav div.divModal div.divWrapper ul li a
    {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        padding: 15px;
        font-size: 0.9em;
        color: #224a71;
        text-transform: uppercase;
        text-decoration: none;
    }
    nav div.divModal div.divWrapper ul li a:hover
    {
        background: #a5a5a5;
        cursor: pointer;
    }
    nav div.divModal div.divWrapper ul li a i
    {
        font-size: 1.1em;
    }
    .divSlide
    {
        margin: 15px 5%;
    }
    .sectionProductos
    {
        margin: 0;
        padding: 50px 5%;
    }
    .sectionProductos h3
    {
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionProductos div.divBox
    {
        margin: 10px;
        padding: 10px;
        box-sizing: border-box;
        box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.50);
    }
    .sectionProductos div.divBox div.divImagen
    {
        background: #ffffff;
    }
    .sectionProductos div.divBox div.divImagen img
    {
        width: 100%;
    }
    .sectionProductos div.divBox h4
    {
        font-size: 1em;
        font-weight: 700;
        margin: 10px 0;
        padding: 0;
        color:#000000;
    }
    .sectionProductos div.divBox h4 a
    {
        color:#000000;
        text-decoration: none;
    }
    .sectionProductos div.divBox h5
    {
        font-size: 1.2em;
        font-weight: 400;
        margin: 0;
        padding: 0;
        color: #ed1f25;
    }
    .sectionProductos div.divBox button
    {
        display: block;
        width: 100%;
        margin: 10px auto 0 auto;
        padding: 15px;
        background: #ed1f25;
        font-family: "Montserrat", sans-serif;
        font-size: 1em;
        color: #ffffff;
        border-radius: 10px;
        box-sizing: border-box;
        border: none;
    }
    .sectionProductos div.divBox button i
    {
        margin-left: 10px;
    }
    .sectionCategorias
    {
        margin: 0;
        padding: 50px 5%;
        background: #f5f6f8;
    }
    .sectionCategorias h3
    {
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionCategorias div.divWrapper
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .sectionCategorias div.divWrapper div.divBox
    {
        width: 10%;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
        background: #ed1f25;
        text-align: center;
    }
    .sectionCategorias div.divWrapper div.divBox div.divImagen
    {
        background: #ffffff;
    }
    .sectionCategorias div.divWrapper div.divBox div.divImagen img
    {
        width: 100%;
    }
    .sectionCategorias div.divWrapper div.divBox h4
    {
        font-size: 1em;
        font-weight: 700;
        margin: 0 0 10px 0;
        padding: 10;
        background: #ffffff;
        border-radius: 20px;
    }
    .sectionCategorias div.divWrapper div.divBox h4 a
    {
        color: #ed1f25;
        text-decoration: none;
    }
    .sectionGarantias
    {
        margin: 0;
        padding: 50px 25%;
        background: #f5f6f8;
    }
    .sectionGarantias h3
    {
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionGarantias div.divWrapper
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .sectionGarantias div.divWrapper div.divBox
    {
        width: 30%;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
    }
    .sectionGarantias div.divWrapper div.divBox i
    {
        font-size: 5em;
    }
    .sectionGarantias div.divWrapper div.divBox h4
    {
        font-size: 1.3em;
        font-weight: 400;
        margin: 25px 0 0 0;
        padding: 0;
    }
    .sectionMarcas
    {
        margin: 0;
        padding: 50px 15%;
    }
    .sectionMarcas h3
    {
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionMarcas div.divBox img
    {
        width: 100%;
    }
    .sectionMarcas div.divBox div.divNoLogo
    {
        width: 100%;
        padding: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3em;
    }
    .sectionBoletin
    {
        margin: 0;
        padding: 50px 15%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background: #ed1f25;
        color: #ffffff;
    }
    .sectionBoletin p
    {
        width: 35%;
        margin: 0;
        padding: 0;
        font-size: 1em;
    }
    .sectionBoletin div.divFormulario
    {
        width: 55%;
    }
    .sectionBoletin div.divFormulario form
    {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .sectionBoletin div.divFormulario input[type="text"]
    {
        display: block;
        width: 75%;
        margin: 0;
        padding: 10px;
        background: #ffffff;
        border: none;
        box-sizing: border-box;
        font-family: "Poppins", sans-serif;
        font-size: 1em;
        border-radius: 25px 0 0 25px;
    }
    .sectionBoletin div.divFormulario input[type="submit"]
    {
        display: block;
        width: 25%;
        margin: 0;
        padding: 10px;
        background: #224a71;
        color: #ffffff;
        border: none;
        box-sizing: border-box;
        font-family: "Poppins", sans-serif;
        font-size: 1em;
        text-transform: uppercase;
        border-radius: 0 25px 25px 0;
    }
    .sectionCatalogo
    {
        margin: 0;
        padding: 0 5% 50px 5%;
        background: #f5f6f8;
    }
    .sectionCatalogo h1
    {
        font-size: 1.3em;
        font-weight: 400;
        text-align: center;
        color: #333333;
        text-transform: uppercase;
        margin: 0 0 25px 0;
        padding: 15px;
        border-bottom: 1px #333333 solid;
    }
    .sectionCatalogo h3
    {
        font-size: 1.3em;
        font-weight: 400;
        text-align: center;
        color: #590c0c;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionCatalogo div.divProductos
    {
        margin: 0;
        padding: 50px 10%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .sectionCatalogo div.divProductos h3
    {
        font-family: "Oswald", sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        width: 100%;
        margin: 0 0 25px 0;
        padding: 0;
        text-align: center;
        color: #ed1f25;
    }
    .sectionCatalogo div.divProductos div.divBox
    {
        width: 22%;
        text-align: center;
        margin-bottom: 25px;
    }
    .sectionCatalogo div.divProductos div.divBox a
    {
        display: block;
        border: 1px #dddddd solid;
        color: #000000;
        text-decoration: none;
        padding-top: 15px;
    }
    .sectionCatalogo div.divProductos div.divBox a:hover
    {
        border: 1px #ed1f25 solid;
    }
    .sectionCatalogo div.divProductos div.divBox a div.divImagen
    {
        min-height: 150px;
        margin-bottom: 15px;
    }
    .sectionCatalogo div.divProductos div.divBox a p.pTexto
    {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 1.1em;
    }
    .sectionCatalogo div.divProductos div.divBox a p.pNombre
    {
        font-weight: 700;
    }
    .sectionCatalogo div.divProductos div.divBox a p.pPrecio
    {
        margin: 0;
        padding: 10px;
        font-size: 1.1em;
        font-weight: 700;
        color: #ed1f25;
    }
    .sectionCatalogo div.divProductos div.divBox button[type="submit"]
    {
        display: block;
        width: 100%;
        margin: 10px auto 0 auto;
        padding: 15px;
        background: #ed1f25;
        font-family: "Montserrat", sans-serif;
        font-size: 1.2em;
        color: #ffffff;
        border-radius: 10px;
        box-sizing: border-box;
        border: none;
    }
    .sectionCatalogo div.divProductos div.divBox button[type="button"]
    {
        display: block;
        width: 100%;
        margin: 10px auto 0 auto;
        padding: 10px;
        background: #0dc143;
        font-family: "Montserrat", sans-serif;
        font-size: 0.9em;
        color: #ffffff;
        border-radius: 10px;
        box-sizing: border-box;
        border: none;
    }
    .sectionCatalogo div.divProductos div.divBox button i
    {
        margin-left: 15px;
    }
    .divProductos  div.divBox button:hover
    {
        background: #b71717;
        cursor: pointer;
    }
    .ulPaginacion
	{
        display: table;
        margin: 25px auto;
		padding: 0;
        list-style: none;
		font-size: 0.9em;
	}
	.ulPaginacion li
	{
		float: left;
		margin: 0 5px;
		text-align: center;
	}
	.ulPaginacion li a
	{
		display: block;
		padding: 5px 10px;
		color: #590c0c;
		background: #ffffff;
		text-decoration: none;
		text-align: center;
		border-radius: 5px;
		border: 1px #590c0c solid;
	}
	.ulPaginacion li.liSelected
	{
		padding: 5px 10px;
		color: #ffffff;
		background: #590c0c;
		text-align: center;
		border-radius: 5px;
		border:1px #590c0c solid;
	}
    .sectionCatalogo div.divCarrito
    {
        width: 70%;
        float: left;
        margin: 0;
        font-size: 1.1em;
        border: 1px #590c0c solid;
    }
    .sectionCatalogo div.cartCelda1
    {
        width: 50%;
        float: left;
        padding: 15px;
        box-sizing: border-box;
    }
    .sectionCatalogo div.cartCelda1 button
    {
        background: #c00;
        color: #ffffff;
        border: none;
        font-size: 0.9em;
        cursor: pointer;
        border-radius: 5px;
        margin: 10px 0 0 0;
        padding: 5px;
    }
    .sectionCatalogo div.cartCelda1 button i
    {
        margin-right: 10px;
    }
    .sectionCatalogo div.cartCelda2
    {
        width: 25%;
        float: left;
        padding: 15px;
        text-align: center;
        box-sizing: border-box;
    }
    .sectionCatalogo div.cartCelda2 input[type="number"]
    {
        display: block;
        width: 50%;
        margin: 0 auto;
        padding: 15px;
        border: 1px #222222 solid;
        box-sizing: border-box;
    }
    .sectionCatalogo div.cartTitulo
    {
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
    }
    .sectionCatalogo div.cartMonto
    {
        text-align: right;
    }
    .sectionCatalogo div.filaTitulosCarrito
    {
        background: #590c0c;
    }
    .sectionCatalogo div.filaCarrito
    {
        border-bottom: 1px #f9f9f9 solid;
    }
    .sectionCatalogo div.filaCarrito div.divImagen
    {
        width: 25%;
        float: left;
    }
    .sectionCatalogo div.filaCarrito div.divImagen img
    {
        width: 100%;
    }
    .sectionCatalogo div.filaCarrito div.divDatos
    {
        width: 65%;
        float: right;
    }
    .sectionCatalogo div.filaCarrito div.divDatos p
    {
        margin: 0 0 5px 0;
        padding: 0;
    }
    .sectionCatalogo div.divTotales
    {
        width: 27.5%;
        float: right;
        border: 1px #590c0c solid;
        padding: 0;
        margin: 0;
        font-size: 1.1em;
        box-sizing: border-box;
    }
    .sectionCatalogo div.divTotales h3
    {
        font-weight: 400;
        text-transform: uppercase;
        margin: 0 0 15px 0;
        padding: 15px;
        background: #590c0c;
        color: #ffffff;
        text-align: center;
    }
    .sectionCatalogo div.divTotales div.divTotal
    {
        margin: 0 15px;
        padding: 15px 0;
        border-bottom: 1px #590c0c solid;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .sectionCatalogo div.divTotales div.divTotal p
    {
        width: 50%;
        margin: 0;
        padding: 0;
        font-size: 1.1em;
    }
    .sectionCatalogo div.divTotales div.divTotal p.pCantidad
    {
        text-align: right;
        font-size: 1.2em;
    }
    .sectionCatalogo div.divTotales div.divEnvio
    {
        margin: 15px;
        padding: 15px;
        background: #a5a5a5;
        font-size: 1.1em;
        text-align: center;
    }
    .sectionCatalogo div.divTotales button
    {
        display: block;
        margin: 15px auto;
        padding: 15px;
        color: #ffffff;
        font-size: 1.1em;
        text-align: center;
        border: none;
        border-radius: 5px;
    }
    .sectionCatalogo div.divTotales button i
    {
        margin-right: 15px;
    }
    .sectionCatalogo div.divTotales button.buttonContinuar
    {
        background: #107708;
    }
    .sectionCatalogo div.divTotales button.buttonRegresar
    {
        background: rgb(25,116,150);
    }
    .sectionCatalogo div.divAviso
    {
        font-size: 2em;
        text-align: center;
        margin: 60px 0;
    }
    .sectionCatalogo div.divLogin
    {
        width: 40%;
        margin: 50px auto;
    }
    .sectionCatalogo div.divLogin h3
    {
        font-family: "Oswald", sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        width: 100%;
        margin: 0 0 25px 0;
        padding: 0;
        text-align: center;
        color: #680000;
    }
    .sectionCatalogo div.divLogin h4
    {
        font-size: 0.9em;
        font-weight: 400;
        margin: 0 0 20px 0;
        padding: 0;
        text-align: center;
    }
    .sectionCatalogo div.divLogin div.divInput
    {
        margin: 10px 0;
        padding: 0;
        border: 1px #590c0c solid;
        position: relative;
    }
    .sectionCatalogo div.divLogin div.divInput input[type="email"], .sectionCatalogo div.divLogin div.divInput input[type="password"], .sectionCatalogo div.divLogin div.divInput input[type="text"]
    {
        width: 100%;
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
        border: none;
        font-family: "Outfit", sans-serif;
    }
    .sectionCatalogo div.divLogin div.divInput a
    {
        font-size: 0.8em;
        color: #590c0c;
        position: absolute;
        top:15px;
        right:5px;
        cursor: pointer;
    }
    .sectionCatalogo div.divLogin input[type="submit"]
    {
        display: block;
        width: 100%;
        margin: 0;
        padding: 15px 0;
        text-align: center;
        background: #590c0c;
        color: #ffffff;
        font-family: "Outfit", sans-serif;
        font-size: 0.9em;
        font-weight: 700;
        text-transform: uppercase;
        border: none;
    }
    .sectionCatalogo div.divLogin div.divCrear
    {
        margin: 20px 0 0 0;
        font-size: 0.9em;
        text-align: center;
    }
    .sectionCatalogo div.divLogin div.divCrear a
    {
        color: #590c0c;
        text-decoration: none;
        cursor: pointer;
    }
    .sectionCatalogo div.divFiltro
    {
        width: 50%;
        margin: 0 auto 25px auto;
        padding: 10px;
        background: #e7e660;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .sectionCatalogo div.divFiltro div.divOpcion
    {
        width: 48%;
    }
    .sectionCatalogo div.divFiltro div.divOpcion label
    {
        display: block;
        font-size: 0.9em;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .sectionCatalogo div.divFiltro div.divOpcion select
    {
        display: block;
        width: 100%;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
    }
    .sectionCatalogo div.divDirectorio
    {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .sectionCatalogo div.divDirectorio div.divBox
    {
        width: 18%;
        text-align: center;
        margin-bottom: 25px;
        padding: 10px;
        border: 1px #dddddd solid;
        box-sizing: border-box;
    }
    .sectionCatalogo div.divDirectorio div.divBox p.pNombre
    {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 1.1em;
        text-align: center;
    }
    .sectionCatalogo div.divDirectorio div.divBox a
    {
        display: block;
        background: #224a71;
        color: #ffffff;
        text-decoration: none;
        padding: 10px;
        border-radius: 5px;
    }
    .sectionCatalogo div.divDirectorio div.divBox div.divCalificacion
    {
        font-size: 0.9em;
        text-align: center;
        color: #d7be24;
        margin: 15px 0;
    }
    .sectionCatalogo div.divDirectorio div.divBox input[type="button"]
    {
        display: block;
        background: #08972b;
        color: #ffffff;
        text-decoration: none;
        margin: 0 auto;
        padding: 10px;
        border-radius: 5px;
        border: none;
    }
    .sectionCatalogo div.divCalifica
    {
        display: none;
    }
    .sectionCatalogo div.divCalifica select
    {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 10px;
    }
    .sectionCatalogo div.divCalifica textarea
    {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 10px;
        resize: none;
        box-sizing: border-box;
    }
    .sectionCatalogo div.divCalifica input[type="submit"]
    {
        display: block;
        background: #08972b;
        color: #ffffff;
        text-decoration: none;
        margin: 0 auto;
        padding: 10px;
        border-radius: 5px;
        border: none;
    }
    .sectionDetalle
    {
        margin: 0;
        padding: 0 5% 50px 5%;
        background: #f5f6f8;
    }
    .sectionDetalle h1
    {
        font-size: 1.3em;
        font-weight: 400;
        text-align: center;
        color: #333333;
        text-transform: uppercase;
        margin: 0 0 25px 0;
        padding: 15px;
        border-bottom: 1px #333333 solid;
    }
    .sectionDetalle a.aBack
    {
        display: block;
        width: 25%;
        margin: 50px 0 25px 0;
        padding: 15px;
        background: #f3ed69;
        text-decoration: none;
        text-align: center;
        font-size: 1.1em;
        box-sizing: border-box;
    }
    .sectionDetalle a.aBack i
    {
        margin-right: 15px;
    }
    .sectionDetalle div.divWrapper
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .sectionDetalle div.divImagenes
    {
        width: 50%;
    }
    .sectionDetalle div.divImagenes img
    {
        width: 100%;
    }
    .sectionDetalle div.divImagenes div.divThumb
    {
        width: 22%;
        margin: 10px 1.5% 0 1.5%;
        float: left;
    }
    .sectionDetalle div.divProductoInfo
    {
        width: 50%;
        padding: 25px 50px;
        box-sizing: border-box;
    }
    .sectionDetalle div.divProductoInfo h3
    {
        font-size: 1.2em;
        font-weight: 700;
        margin: 0 0 25px 0;
        padding: 10px;
        background: #b71717;
        color: #ffffff;
    }
    .sectionDetalle div.divProductoInfo h4
    {
        width: auto;
        float: left;
        font-size: 1.6em;
        font-weight: 700;
        margin: 50px 0 0 0;
        padding: 0;
        color: #b71717;
    }
    .sectionDetalle div.divProductoInfo h5
    {
        font-size: 1.2em;
        font-weight: 700;
        margin: 50px 0 25px 0;
        padding: 0;
    }
    .sectionDetalle div.divProductoInfo p
    {
        font-size: 1em;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .sectionDetalle div.divBotones
    {
        width: auto;
        float: right;
        font-size: 2.5em;
        margin: 50px 0 0 0;
        padding: 0;
    }
    .sectionDetalle div.divBotones a
    {
        color: #224a71;
        text-decoration: none;
        margin-left: 15px;
    }
    .sectionDetalle div.divProductoInfo button
    {
        width: auto;
        float: left;
        font-size: 1.1em;
        margin: 50px 0 0 0;
        padding: 15px;
        background: #08972b;
        border: 1px #107708 solid;
        border-radius: 5px;
        color: #ffffff;
    }
    .sectionDetalle div.divProductoInfo button i
    {
        margin-left: 15px;
    }
    .sectionDetalle div.divProductoInfo div.divAtributos
    {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sectionDetalle div.divProductoInfo div.divAtributos div.divBox
    {
        width: 31%;
        display: flex;
        align-items: center;
    }
    .sectionDetalle div.divProductoInfo div.divAtributos div.divBox p
    {
        width: 50%;
        margin: 0 0 15px 0;
        padding: 10px;
        font-size: 1em;
        box-sizing: border-box;
    }
    .sectionDetalle div.divProductoInfo div.divAtributos div.divBox p.pNombre
    {
        background: #224a71;
        color: #ffffff;
        font-size: 700;
    }
    .sectionDetalle div.divProductoInfo button i
    {
        margin-right: 15px;
    }
    .divCheckout
    {
        width: 50%;
        float: left;
        margin: 0;
        padding: 50px;
        box-sizing: border-box;
        min-height: 800px;
    }
    .divCheckout h3
    {
        font-family: "Oswald", sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        width: 100%;
        margin: 0 0 25px 0;
        padding: 0;
        color: #680000;
    }
    .divCheckout div.divBox
    {
        margin: 0 0 10px 0;
        padding: 15px;
        border: 1px #590c0c solid;
        border-radius: 5px;
        position: relative;
        box-sizing: border-box;
    }
    .divCheckout div.divBox label
    {
        display: block;
        margin: -15px 0 0 5px;
        font-size: 0.7em;
    }
    .divCheckout div.divBox label img
    {
        width: 150px;
        margin-left: 15px;
    }
    .divCheckout div.divBox p
    {
        margin: 0;
        padding: 0;
        font-size: 0.9em;
        line-height: 20px;
    }
    .divCheckout div.divBox input[type="text"], .divCheckout div.divBox select
    {
        display: block;
        width: 100%;
        margin: 0;
        padding: 5px;
        background: none;
        border: none;
        box-sizing: border-box;
    }
    .divCheckout div.divBox div#divValidaCP
    {
        margin: 3px 0 0 0;
        padding: 0;
        font-size: 0.7em;
        color: #991a29;
    }
    .divCheckout div.divBox label.labelInline
    {
        display: inline;
        margin: 0 0 0 10px;
        font-size: 0.9em;
    }
    .divCheckout div.divBoxLeft
    {
        width: 48%;
        float: left;
    }
    .divCheckout div.divBoxRight
    {
        width: 48%;
        float: right;
    }
    .divCheckout input[type="submit"], .divCheckout input[type="button"]
    {
        display: block;
        width: 40%;
        float: left;
        margin: 25px 0 0 0;
        padding: 25px 0;
        text-align: center;
        background: #590c0c;
        color: #ffffff;
        font-size: 1.1em;
        border: none;
        border-radius: 5px;
    }
    .divCheckout a
    {
        display: block;
        width: auto;
        float: right;
        margin: 50px 0 0 0;
        padding: 0;
        font-size: 1.1em;
        color: #590c0c;
        text-decoration: none;
    }
    .divCart
    {
        background: #f3ed69;
    }
    .divCart div.filaCarrito
    {
        border-bottom: 1px #590c0c solid;
    }
    .divCart div.filaCarrito div.cartImagen
    {
        width: 25%;
        float: left;
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
    }
    .divCart div.filaCarrito div.cartImagen img
    {
        width: 80%;
    }
    .divCart div.filaCarrito div.cartProducto
    {
        width: 50%;
        float: left;
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
    }
    .divCart div.filaCarrito div.cartProducto h4
    {
        font-size: 1.2em;
        font-weight: 400;
        margin: 0 0 10px 0;
        padding: 0;
    }
    .divCart div.filaCarrito div.cartProducto p
    {
        font-size: 1.1em;
        margin: 0 0 5px 0;
        padding: 0;
    }
    .divCart div.filaCarrito div.cartMonto
    {
        width: 25%;
        float: left;
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
        font-size: 1.1em;
        text-align: right;
    }
    .divCart div.divSubtotales
	{
        border-bottom: 1px #590c0c solid;
        padding: 25px 0;
        margin: 0;
        font-size: 1.1em;
	}
	.divCart div.divSubtotales div.divLabel
	{
		width: 50%;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
	}
	.divCart div.divSubtotales div.divCantidad
	{
		width: 50%;
		float: right;
		margin: 0 0 10px 0;
		padding: 0;
		text-align: right;
	}
    .divCart div.divTotal
	{
        border-bottom: 1px #590c0c solid;
        padding: 25px 0;
        margin: 0;
        font-size: 1.1em;
	}
	.divCart div.divTotal div.divLabel
	{
		width: 50%;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
        font-weight: 700;
	}
	.divCart div.divTotal div.divCantidad
	{
		width: 50%;
		float: right;
		margin: 0 0 10px 0;
		padding: 0;
		text-align: right;
        font-size: 1.2em;
        font-weight: 700;
	}
    .divResumen
    {
        margin: 0 10% 50px 10%;
    }
    .divResumen div.divLeft
    {
        width: 47.5%;
        float: left;
    }
    .divResumen div.divLeft h4
    {
        font-size: 1.6em;
        font-weight: 400;
        margin: 0 0 5px 0;
        padding: 0;
        color: #590c0c;
    }
    .divResumen div.divLeft h5
    {
        font-size: 1.3em;
        font-weight: 700;
        margin: 10px 0 5px 0;
        padding: 0;
        color: #4d4e68;
    }
    .divResumen div.divLeft p
    {
        font-size: 1.1em;
        margin: 0 0 5px 0;
        padding: 0;
    }
    .divResumen div.divRight
    {
        width: 47.5%;
        float: right;
    }
    .divResumen div.divRight h4
    {
        font-size: 1.6em;
        font-weight: 400;
        margin: 0 0 15px 0;
        padding: 0;
        color: #590c0c;
        text-align: center;
    }
    .divResumen div.divRight h5
    {
        font-size: 1.5em;
        font-weight: 700;
        margin: 0 0 10px 0;
        padding: 0;
        color: #590c0c;
        text-align: center;
    }
    .divResumen div.divRight h6
    {
        font-size: 1.1em;
        font-weight: 700;
        margin: 0 0 10px 0;
        padding: 0;
    }
    .divResumen div.divRight p
    {
        font-size: 1.1em;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: center;
    }
    .divResumen div.divRight ol
    {
        font-size: 1.1em;
    }
    .divResumen div.divRight button
    {
        display: block;
        width: 50%;
        font-size: 0.9em;
        background: #0dc143;
        color: #ffffff;
        margin: 10px auto 0 auto;
        padding: 15px 0;
        text-align: center;
        border: none;
    }
    .divResumen div.divRight label
    {
        font-size: 1em;
        font-weight: 700;
        display: block;
        margin: 10px 0 5px 0;
    }
    .divResumen div.divRight input[type="text"]
    {
        display: block;
        width: 100%;
        border: 1px #CCCCCC solid;
        padding: 10px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }
    .divResumen div.divRight select
    {
        padding: 10px;
        width: 100;
        margin-bottom: 10px;
        box-sizing: border-box;
    }
    .divResumen div.divRight input[type="submit"]
    {
        display: block;
        width: 30%;
        font-size: 0.9em;
        background: #0dc143;
        color: #ffffff;
        margin: 10px 0 0 0;
        padding: 15px 0;
        text-align: center;
        border: none;
    }
    .divResumen div.divRight img.imgLogos
    {
        margin: 25px 0 0 0;
        width: 25%;
    }
    footer
    {
        margin: 0;
        padding: 50px 5%;
        background: #f5f6f8;
        display: flex;
        flex-direction: row;
        align-items: start;
        justify-content: space-between;
    }
    footer div.divBox
    {
        width: 23%;
    }
    footer div.divBox img
    {
        display: block;
        width: 50%;
        margin: 0 0 25px 0;
    }
    footer div.divBox h3
    {
        font-size: 1.3em;
        font-weight: 700;
        margin: 0 0 25px 0;
        padding: 0;
    }
    footer div.divBox h4
    {
        font-size: 1em;
        font-weight: 400;
        color: #333333;
        margin: 0 0 15px 0;
        padding: 0;
    }
    footer div.divBox p
    {
        font-size: 1.1em;
        font-weight: 700;
        margin: 0 0 25px 0;
        padding: 0;
    }
    footer div.divBox ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1em;
    }
    footer div.divBox ul li
    {
        margin: 0 0 10px 0;
        padding: 0;
    }
    footer div.divBox ul li a
    {
        color: #333333;
        text-decoration: none;
    }
    .divFirma
    {
        margin: 0;
        padding: 10px 0;
        background: #333333;
        color: #ffffff;
        text-align: center;
        font-size: 0.9em;
    }
    .divFirma a
    {
        color: #c1ccd1;
    }
}