﻿@font-face { font-family: "Radomir-Tinkov-QanelasSoftBlack"; src: url("Radomir-Tinkov-QanelasSoftBlack.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftBlackItalic"; src: url("Radomir-Tinkov-QanelasSoftBlackItalic.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftBold"; src: url("Radomir-Tinkov-QanelasSoftBold.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftBoldItalic"; src: url("Radomir-Tinkov-QanelasSoftBoldItalic.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftExtraBold"; src: url("Radomir-Tinkov-QanelasSoftExtraBold.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftExtraBoldItalic"; src: url("Radomir-Tinkov-QanelasSoftExtraBoldItalic.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftHeavy"; src: url("Radomir-Tinkov-QanelasSoftHeavy.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftHeavyItalic"; src: url("Radomir-Tinkov-QanelasSoftHeavyItalic.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftLight"; src: url("Radomir-Tinkov-QanelasSoftLight.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftLightItalic"; src: url("Radomir-Tinkov-QanelasSoftLightItalic.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftMedium"; src: url("Radomir-Tinkov-QanelasSoftMedium.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftMediumItalic"; src: url("Radomir-Tinkov-QanelasSoftMediumItalic.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftRegular"; src: url("Radomir-Tinkov-QanelasSoftRegular.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftRegularItalic"; src: url("Radomir-Tinkov-QanelasSoftRegularItalic.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftSemiBold"; src: url("Radomir-Tinkov-QanelasSoftSemiBold.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftSemiBoldItalic"; src: url("Radomir-Tinkov-QanelasSoftSemiBoldItalic.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftThin"; src: url("Radomir-Tinkov-QanelasSoftThin.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftThinItalic"; src: url("Radomir-Tinkov-QanelasSoftThinItalic.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftUltraLight"; src: url("Radomir-Tinkov-QanelasSoftUltraLight.otf") format("opentype"); }
@font-face { font-family: "Radomir-Tinkov-QanelasSoftUltraLightItalic"; src: url("Radomir-Tinkov-QanelasSoftUltraLightItalic.otf") format("opentype"); }

div.ContenedorTop {
	width: 100%;
	position:relative;
	font-size:0px;
    background-color:#ecf1f4;
}
div.TopLogos {
    text-align:right;
    padding-top:15px;
}
div.TopLogos img {
    margin-left:15px;
}
div.Top {
	width: 86.83%;
	position:relative;
	font-size:0px;
    margin-left:auto;
    margin-right:auto;
}
div.LogoSlogan {
	display:inline-block;
	width:45.51%;
	vertical-align:top;
}
div.Logo {
	display:inline-block;
	width:35.31%;
	vertical-align:top;
    max-width:143px;
    min-width:120px;
}
div.Slogan {
	display:inline-block;
	width:64.69%;
	vertical-align:top;
    max-width:262px;
    min-width:219px;
}
div.Navegacion {
	display:inline-block;
	width:54.49%;
	vertical-align:top;
    text-align:right;
    padding-top:10px;
}
a {
    color:#D98E0A;
}
div.ContenedorMenu {
    vertical-align:top;
}
div.ContenedorMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
div.ContenedorMenu li {
    display:inline-block;
	font-size:0px;
    text-align:left;
}
div.ContenedorMenu li a,div.ContenedorMenu  .dropbtn {
    display: inline-block;
    color: #1D1D1B;
    text-align: left;
    padding-bottom:2px;
    padding-left:0.5rem;
    padding-right:0.5rem;
    padding-top:0px;
    text-decoration: none;
	font-family:"Radomir-Tinkov-QanelasSoftSemiBold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:0.9rem;
    white-space:nowrap;
}
div.ContenedorMenu li a:hover, div.ContenedorMenu .dropdown:hover .dropbtn {
    color:#D98E0A;
}
div.ContenedorMenu .dropdown:hover .dropbtn {
}
div.ContenedorMenu li.dropdown {
    display: inline-block;
}
div.ContenedorMenu .dropdown-content {
    display: none;
    position: absolute;
    background-color:#ffffff;	
    min-width: 160px;
	z-index:10;
	padding-top:1rem;
	padding-bottom:1rem;
}
div.ContenedorMenu .dropdown-content a {
    color: #1D1D1B;
    padding: 6px 1.2rem;
    text-decoration: none;
    display: block;
    text-align: left;
	font-family:"Radomir-Tinkov-QanelasSoftSemiBold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:0.8rem;
	border-bottom:none;
    text-align:left;
}
div.ContenedorMenu .dropdown-content a:hover {
	border-bottom:none;
	color: #D98E0A;
}
div.ContenedorMenu .dropdown:hover .dropdown-content {
    display: block;
}
div.ContenedorMenu ul.MenuNivel2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:rgb(242, 242, 242);	
}
div.ContenedorMenu .dropbtn2 {
    display: block;
    color: white;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
	font-family:"Radomir-Tinkov-QanelasSoftSemiBold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
}
div.ContenedorMenu .dropdown2:hover .dropbtn2 {
}
div.ContenedorMenu li.dropdown2 {
    display: block;
	width:100%;
}
div.ContenedorMenu .dropdown-content2Pos {
    position: absolute;
    display: block;
}
div.ContenedorMenu .dropdown-content2 {
    display: none;
    position: absolute;
    background-color:rgb(242, 242, 242);	
    min-width: 160px;
	z-index:15;
	top:-15px;
	left:80px;
	padding-top:1rem;
	padding-bottom:1rem;
}
div.ContenedorMenu .dropdown-content2 a {
    color: black;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
}
div.ContenedorMenu .dropdown-content2 a:hover {
}
div.ContenedorMenu .dropdown2:hover .dropdown-content2 {
    display: block;
}
div.Redes {
    display:inline-block;
    width:27px;
    margin-right:15px;
    margin-bottom:10px;
}
div.ContenedorFooter {
	width: 100%;
	position:relative;
	font-size:0px;
    background-color:#1d1c3b;
}
div.Footer {
	width:88.20%;
	display:block;
    margin-left:auto;
    margin-right:auto;
	padding-top:2rem;
	padding-bottom:2rem;
}
div.FooterIzq {
	width:50%;
	display:inline-block;
	font-family:"Radomir-Tinkov-QanelasSoftBold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.5rem;
    padding-top:1rem;
    vertical-align:top;
    color:#ffffff;
}
div.FooterDer {
	width:50%;
	display:inline-block;
	font-family:"Radomir-Tinkov-QanelasSoftLight","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:0.7rem;
    vertical-align:top;
    text-align:right;
    color:#ffffff;
}
div.FooterDer img {
    margin-bottom:20px;
}
.InputSuscripcion {
    border-top-left-radius:16px;
    border-bottom-left-radius:16px;	
    border-right: none;
    border-top: none;
    border-bottom: none;
	border-left: none;
	background-color:#ffffff;
	font-family:"Radomir-Tinkov-QanelasSoftMedium","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:0.85rem!important;
	padding-top:3px;
	padding-bottom:5px;
	padding-left:10px;
    width:12rem;
	color:#1D1D1B;
}
.BotonSuscripcion {
	border-top-right-radius:16px;
    border-bottom-right-radius:16px;	
    border-right: none;
    border-top: none;
    border-bottom: none;
	border-left: none;
	font-size:0.85rem!important;
	font-family:"Radomir-Tinkov-QanelasSoftMedium","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-right:1.5rem;
	padding-left:1.5rem;
	padding-top:3px;
	padding-bottom:5px;
	background-color:#D98E0A;
	color:#ffffff;
	cursor:pointer;
}
.BotonSuscripcion:hover {
    color:#1D1D1B;
}
img.Menu {
	display:none;
	width:22px;
    height:auto;
}
img.MenuSeccion {
	display:none;
	width:18px;
    height:auto;
    margin-right:5px;
    vertical-align:bottom;
}
img.Carrito {
	width:22px;
    height:auto;
}
div.ItemCarrito {
	display:inline-block;
	color:#D98E0A;
	font-family:"Radomir-Tinkov-QanelasSoftSemiBold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:0.8rem;
	text-decoration:none;
	vertical-align:top;
	margin-left:3px;
	padding-top:3px;
}
.Show500 {
	display:none!important;
}
.Hide500 {
}
.Show600 {
	display:none!important;
}
.Hide600 {
}
.Show850 {
	display:none!important;
}
.Hide850 {
}
/*Menu Movil*/
div.OpcionesMenuMovil {
	position:absolute;
	top:0px;
	right:0px;
	width:90%;
	max-width:300px;
    background-color: #F9F9F9;
	padding-left:10px;
	padding-right:10px;
	z-index:100;
}
div.ContenedorOpcionesMenu {
	margin-top:50px;
	padding-left:20px;
	padding-right:40px;
}
div.mMenu {
	margin-bottom:5px;
	width:100%;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
	padding-top:4px;
    color: #1D1D1B;
	font-family:"Radomir-Tinkov-QanelasSoftSemiBold","Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	cursor:pointer;
}
div.mMenu2 {
	margin-bottom:5px;
	width:100%;
	padding-left:12px;
	padding-right:4px;
	padding-bottom:4px;
	padding-top:4px;
    color: #1D1D1B;
	font-family:"Radomir-Tinkov-QanelasSoftSemiBold","Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	cursor:pointer;
}
div.mMenu3 {
	margin-bottom:5px;
	width:100%;
	padding-left:20px;
	padding-right:4px;
	padding-bottom:4px;
	padding-top:4px;
    color: #1D1D1B;
	font-family:"Radomir-Tinkov-QanelasSoftSemiBold","Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	cursor:pointer;
}
div.mMenu:hover {
	background-color:#ffffff;
    color:#D98E0A;
}
div.mMenu2:hover {
	background-color:#ffffff;
    color:#D98E0A;
}
div.mMenu3:hover {
	background-color:#ffffff;
    color:#D98E0A;
}
div.CerrarMenu {
	width:20px;
	position:absolute;
	top:10px;
	right:10px;	
}
/* Secciones */
div.OpcionesMenuSeccionMovil {
	position:absolute;
	top:0px;
	left:0px;
	width:90%;
	max-width:300px;
    background-color: #F9F9F9;
	padding-left:10px;
	padding-right:10px;
	z-index:100;
}
div.ContenedorOpcionesMenuSeccion {
	margin-top:50px;
	padding-left:40px;
	padding-right:20px;
}
div.mMenuSeccion {
	margin-bottom:5px;
	width:100%;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
	padding-top:4px;
    color: #1D1D1B;
	font-family:"Radomir-Tinkov-QanelasSoftSemiBold","Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	cursor:pointer;
}
div.mMenuSeccion2 {
	margin-bottom:5px;
	width:100%;
	padding-left:12px;
	padding-right:4px;
	padding-bottom:4px;
	padding-top:4px;
    color: #1D1D1B;
	font-family:"Radomir-Tinkov-QanelasSoftSemiBold","Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	cursor:pointer;
}
div.mMenuSeccion3 {
	margin-bottom:5px;
	width:100%;
	padding-left:20px;
	padding-right:4px;
	padding-bottom:4px;
	padding-top:4px;
    color: #1D1D1B;
	font-family:"Radomir-Tinkov-QanelasSoftSemiBold","Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	cursor:pointer;
}
div.mMenuSeccion:hover {
	background-color:#ffffff;
    color:#D98E0A;
}
div.mMenuSeccion2:hover {
	background-color:#ffffff;
    color:#D98E0A;
}
div.mMenuSeccion3:hover {
	background-color:#ffffff;
    color:#D98E0A;
}
div.CerrarMenuSeccion {
	width:20px;
	position:absolute;
	top:10px;
	right:10px;	
}
div.TopSecciones {
	width: 100%;
	position:relative;
	font-size:0px;
    border-top: 1px solid #ffffff;
    padding-top:0.2rem;
    padding-bottom:0.2rem;
}
div.Secciones {
	width: 86.83%;
	position:relative;
	font-size:0px;
    margin-left:auto;
    margin-right:auto;
    font-family:"Radomir-Tinkov-QanelasSoftLight","Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:0.9rem;
    color:#1D1D1B;
}
div.ContenedorSecciones {
    display:inline-block;
}
div.ContenedorSecciones a {
    font-family:"Radomir-Tinkov-QanelasSoftMedium","Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:0.9rem;
    text-decoration:none;
}
div.Contactate {
    display:inline-block;
    position:absolute;
    width:320px;
    top:95vh;
    right:0px;
    z-index:10;
    overflow:hidden;
    cursor:pointer;
    background-color:#e0a43a;
    transition-duration: 0.5s;
    border-top-left-radius:40px;
    border-bottom-left-radius:40px;
    padding-left:20px;
}
div.FormContactate {
    display:none;
    width:340px;
    position:absolute;
    right:0px;
    z-index:10;
    font-size:0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow:hidden;
    border-top-left-radius:40px;
}
div.FormContactateTitulo {
    display:inline-block;
    width:100%;
    background-color:#e0a43a;
    border-top-left-radius:40px;
    padding-left:20px;
    box-sizing:border-box;
}
div.FormContactateContenido {
    background-color:#ffffff;
    padding-top:15px;
    padding-bottom:10px;
    padding-left:25px;
    padding-right:25px;
    width:100%;
    vertical-align:top;
    font-family:"Radomir-Tinkov-QanelasSoftMedium","Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:0.8rem;
    color: #1D1D1B;
    box-sizing:border-box;
}
div.FormContactateContenido li {
    font-family:"Radomir-Tinkov-QanelasSoftMedium","Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:0.8rem;
    color: #1D1D1B;
}
@media screen and (max-width: 1000px) {
	div.Top , div.Secciones {
		width:calc(100% - 70px);
	}
}
@media screen and (max-width: 930px) {
	div.ContenedorMenu li a,div.ContenedorMenu  .dropbtn {
		padding: 7px 1rem;
		font-size:0.8rem;
	}
}
@media screen and (max-width: 850px) {
    div.LogoSlogan {
	    width:219px;
    }
    div.Navegacion {
	    width:calc(100% - 219px);
    }
	.Show850 {
		display:inline-block!important;
	}
	.Hide850 {
		display:none!important;
	}
}
@media screen and (max-width: 700px) {
	div.ContenedorMenu {
		display:none;
	}
    div.ContenedorSecciones {
		display:none;
    }
	img.Menu {
		display:inline-block!important;
	}
	img.MenuSeccion {
		display:inline-block!important;
	}
    .SeccionDosPuntos {
		display:none;
    }
    div.TopLogos {
        text-align:right;
        padding-top:0px;
        position:absolute;
        top:10px;
        right:10px;
        display:inline-block;
        width:auto!important;
        z-index:10;
    }
    div.Top , div.Secciones {
        width:98%;
    }
    div.Redes {
        padding-top:10px;
        width:20px;
        top:110px;
        z-index:10;
    }
    div.Redes img{
        background-color:rgba(255,255,255,0.9);
        border-top-left-radius:3px;
        border-bottom-left-radius:3px;	
    }
    div.LogoSlogan {
        margin-top:10px;
    }
}
@media screen and (max-width: 630px) {
    div.FooterIzq {
	    width:100%;
    }
    div.FooterDer {
	    width:100%;
    }
    div.FooterDer img {
        margin-bottom:10px;
        width:150px;
        height:auto;
        margin-top:15px;
    }
    div.Contactate {
        width:218px;
    }
    div.FormContactate {
        width:238px;
    }
}
@media screen and (max-width: 600px) {
	.Show600 {
		display:inline-block!important;
	}
	.Hide600 {
		display:none!important;
	}
}
@media screen and (max-width: 500px) {
	.Show500 {
		display:inline-block!important;
	}
	.Hide500 {
		display:none!important;
	}
}

