@import url('https://fonts.googleapis.com/css?family=Kalam:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

@font-face {
    font-family: Appopaint;
    src: url("../../img/appopaint-Regular.otf") format("opentype");
}
@font-face {
    font-family: AvenyTWEB;
    src: url("../../img/AvenyTWEB.otf") format("opentype");
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    line-height: 30px;
    text-align: center;
    background-color: #f7f5e8;
	background: url(../../img/fondo2.jpg);
	background-repeat: repeat;
}

.instFont{
	 font-family: 'AvenyTWEB';
	 text-transform: uppercase;
	 font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
}

.instFontMinuscula{
	 font-family: 'AvenyTWEB';
	 font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
}

.container{
	background-color: #f7f5e8;
	padding-left: 0px;
	padding-right: 0px;
	width: 65%;
	-webkit-box-shadow: 0px 0px 200px 140px rgba(247,245,232,1);
	-moz-box-shadow: 0px 0px 200px 140px rgba(247,245,232,1);
	box-shadow: 0px 0px 200px 140px rgba(247,245,232,1);
}



.row{
	margin: 15px 0 15px 0;
}

.tipoLogo{
	font-family: 'Appopaint';
	color:#D85015;
}

strong { font-weight: 500; }

a, a:hover, a:focus {
	color: purple;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
	font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

img { max-width: 100%; }

::-moz-selection { background: #e89a3e; color: #fff; text-shadow: none; }
::selection { background: #e89a3e; color: #fff; text-shadow: none; }


.btn-link-1 {
	display: inline-block;
	height: 50px;
	margin: 5px;
	padding: 14px 20px 0 20px;
	background: #e89a3e;
	font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; }

.btn-link-1.btn-link-1-facebook { background: #4862a3; }
.btn-link-1.btn-link-1-twitter { background: #55acee; }
.btn-link-1.btn-link-1-google-plus { background: #dd4b39; }

.btn-link-1 i {
	padding-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
}


/***** Top content *****/
/*
.inner-bg {
    padding: 100px 0 170px 0;
}*/

.top-content .text {
	color: #fff;
	margin-top: 25px;
}

.itemSuperior{
	margin-top: 25px;

}

.itemSuperior a, .itemSuperior a:hover, .itemSuperior a:focus, .itemSuperior a:link, .itemSuperior a:visited{
	color: #5300A6;
	font-weight: bold;
	text-decoration: underline;
	font-family: 'Nunito', sans-serif;
}

.logosRedes{
	padding: 0;
}

.logoRedes{
	margin-bottom: 4px;
}

.sinPadding{
	padding-left: 0px;
	text-align: left;
}

.top-content .text h1 { color: #fff; }

.top-content .description {
	margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
	color: #fff;
}
.top-content .description a:hover,
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

.form-box {
	margin-top: 24px;
	margin-bottom: 18px;
}

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #D85015;
	/*background: rgba(0, 0, 0, 0.35);*/
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.fixed-bottom{
	right: 0;
	bottom: 0;
	left: 13px;
	margin-bottom: 0;
}

footer{
	position: fixed;
	margin-bottom: 0;
	width: -webkit-calc(100% - 28px);
	width: -moz-calc(100% - 28px);
	width: calc(100% - 28px);
	border: 0px;
}

.form-top-left h3 { margin-top: 0; color: #fff; }
.form-top-left p { opacity: 0.8; color: #fff; }

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #fff;
	line-height: 100px;
	text-align: right;
	opacity: 0.3;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #D85015;
	/*background: rgba(0, 0, 0, 0.3);*/
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
	-webkit-box-shadow: 0px 0px 46px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 46px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 46px -4px rgba(0,0,0,0.75);
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;

}

.form-bottom form .input-error {
	border-color: #e89a3e;
}

.social-login {
	margin-top: 35px;
}

.social-login h3 {
	color: #fff;
}

.social-login-buttons {
	margin-top: 25px;
}

.login-form{
	margin-top: 20px;
}


@-webkit-keyframes pulsate {
    0% {
        opacity: 0.8;
        color: #c0ad44;
    }
    25% {
        opacity: 0.9;
        color: #c0ad44;
    }

    50% {
        opacity: 1.0;
        color: #c0ad44;
    }
    75% {
        opacity: 0.9;
        color: white;
    }
    100% {
        opacity: 0.8;
        color: white;
    }
}

.tituloForm{
	color: white;
	font-size: 18px;
	font-weight: bolder;

	-webkit-animation: pulsate 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 1.0;
}

.mensajePass{
	color: white;
	font-weight: bolder;
	padding-top: 14px;
	text-align: center;
}

.mensajeRegistrate{
	color: white;
	font-weight: bolder;
	font-size: 18px;
	text-decoration: underline;
}


@-webkit-keyframes pulsatea {
    0% {
        opacity: 1;
        color: #52198c;
    border-image: linear-gradient(to right, #d73d1b 10%, #d6661e 25%, #d48f28 37%,#55a915 60%, #5c9a99 75%, #575a9f 85%, #7d3299 90%) 5;


    }
    14% {
        opacity: 1;
        color: #52198c;
    border-image: linear-gradient(to right, #7d3299 10%, #d73d1b 25%, #d6661e 37%,#d48f28 60%, #55a915 75%, #5c9a99 85%, #575a9f 90%) 5;


    }
    28% {
        opacity: 1;
        color: #52198c;
    border-image: linear-gradient(to right, #575a9f 10%, #7d3299 25%, #d73d1b 37%,#d6661e 60%, #d48f28 75%, #55a915 85%, #5c9a99 90%) 5;


    }
    42% {
        opacity: 1;
        color: #52198c;
    border-image: linear-gradient(to right, #5c9a99 10%, #575a9f 25%, #7d3299 37%,#d73d1b 60%, #d6661e 75%, #d48f28 85%, #55a915 90%) 5;


    }
    56% {
        opacity: 1;
        color: #52198c;
    border-image: linear-gradient(to right, #55a915 10%, #5c9a99 25%, #575a9f 37%,#7d3299 60%, #d73d1b 75%, #d6661e 85%, #d48f28 90%) 5;


    }
    70% {
        opacity: 1;
        color: #52198c;
    border-image: linear-gradient(to right, #d48f28 10%, #55a915 25%, #5c9a99 37%,#575a9f 60%, #7d3299 75%, #d73d1b 85%, #d6661e 90%) 5;


    }
    84% {
        opacity: 1;
        color: #52198c;
    border-image: linear-gradient(to right, #d6661e 10%, #d48f28 25%, #55a915 37%,#5c9a99 60%, #575a9f 75%, #7d3299 85%, #d73d1b 90%) 5;


    }
    100% {
        opacity: 1;
        color: #52198c;
    border-image: linear-gradient(to right, #d73d1b 10%, #d6661e 25%, #d48f28 37%,#55a915 60%, #5c9a99 75%, #575a9f 85%, #7d3299 90%) 5;

    }

}

.mensajeNovedad{
	font-size: 20px;
    font-weight: 400;
	margin: 25px 15px 0 15px;
	padding: 30px 75px !important;
    width: -webkit-calc(100% - 30px);
    width:    -moz-calc(100% - 30px);
    width:         calc(100% - 30px);
	color:#52198c;
    -webkit-box-shadow: 0px 0px 46px -4px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 46px -4px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 46px -4px rgba(0,0,0,0.45);
    border-width: 5px;
    border-image: linear-gradient(to right, #d73d1b 10%, #d6661e 25%, #d48f28 37%,#55a915 60%, #5c9a99 75%, #575a9f 85%, #7d3299 90%) 5;
    animation: pulsatea 1s cubic-bezier(0.005, 10, 0.005, 10) infinite 0s;
    animation-iteration-count:infinite;

}

.mensajeNovedad .imgNuevo{
	position: absolute;
	top: -11px;
	right: -11px;
	width: 150px;
}



.btnIndex {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: purple;
    background: orange;
    border-radius: 5px;
    margin-top: 35px;
    padding: 4px;
}

.alert{
	padding: 0px;
}

/*.imagen-login {
    max-width: 75%;
}*/

.social-top{
	background: #5300A6;
	width: 100%;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
}

.social-bottom{
	padding-top: 16px;
	background: #5300A6;
	width: 100%;
	font-weight: bolder;
	height: 60px;
	font-size: 18px;
	margin-top: 28px;
}

.social-top a,.social-top a:hover, .social-top a:focus {
	color: white;
}

.social-bottom a,.social-bottom a:hover,.social-bottom a:focus {
	color: white;
}

#btnMapa a:hover, a:focus{
	color: white;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
/*    padding: 20px;*/
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modalNosotrosTexto{
	padding: 50px;
	font-size: 22px;
}

#map {
        height: 500px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
}

#contMap {
	margin: 10px;
	padding: 10px;
}

/***** Carrousel *****/

.cajaCarrousel{
	height: 300px !important;
    margin-left: 22px;
/*	background-color: white;*/
/*	border-style: dashed;*/
/*	border-color:#5300A6;*/

/*	-webkit-box-shadow: inset 0px 0px 33px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 0px 33px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 0px 33px 0px rgba(0,0,0,0.25);
	border-style: outset;*/

/*	border-radius: 12px;*/

border-radius: 3px;
border-style: solid;
border-color: white;
border-width: 4px;

}

.yumbaCarrousel{
/*	margin-top: 20px;
    margin-bottom: 29px;*/
	padding-top: 18px;
	padding-bottom: 18px;
}

.precioCarrousel {
	font-family: 'Appopaint';
}

.precioCarrousel{
/*	border-width: 4px;
	border-style: solid;
	border-radius: 99%;*/
	width: 73px;
	margin-left: 33%;
}

.checkprecios{
	position: relative;
	top: -10px;
	color: #4b3939 !important;
	font-size: 1.8em;
	font-weight: bold;
	text-shadow: -1px 0 #bdbdbd, 0 1px #c5c5c5, 1px 0 #cecece, 0 -1px #b4b4b4;
	margin-bottom: -10px;
}

#tituloCarrousel{
	font-family: 'Appopaint';
	/*text-decoration: underline;*/
	color: #5300A6;
	margin-top: 19px;
}

.cajaImagenCarrousel{
/*	text-decoration: underline;
	color: #5300A6;

    font-size: 1.5em;
	position: fixed;
	bottom: 7px;

	text-align: center;
    width: 3.8%;
  	border-style:solid;*/

}


.imagenCarrousel{
	max-height:125px;

display: inline-block !important;

margin-top: 30px;

}


.copeteCarrousel{
	padding-top: 10px;
}

.copeteCarrousel a, .copeteCarrousel a:hover, .copeteCarrousel a:active{
	font-family: 'Appopaint';
	/*text-decoration: underline;*/
	color: #5300A6;
	font-size: 22px;
}

.cajaEspecial a:hover, .cajaEspecial a:active, .cajaEspecial a:focus, .cajaEspecial a:visited, {
	text-decoration: underline;
	color: #5300A6;
}




.tituloCarrouselArticulo{
	padding-right: 5px;
	padding-left: 5px;
    font-family: 'AvenyTWEB';
	 text-transform: uppercase;
	 font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
	margin-left: 5px;
	margin-right: 5px;
}

.insta1{
    background: rgba(0, 0, 0, 0) linear-gradient(45deg, rgb(250,206,160, 0.7) 0%, rgb(230, 104, 60, 0.7) 25%, rgb(220, 39, 67, 0.7) 50%, rgb(204, 35, 102, 0.7) 75%, rgb(102,16,76, 0.7) 100%) repeat scroll 0% 0%;
}

.insta1 .tituloCarrouselArticuloTexto{
	background-color: #F5EFB1CC;
	padding: 3px;
	border-radius: 3px;
	color: #513d89;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

.insta2{
background: rgba(0, 0, 0, 0) linear-gradient(-45deg, rgb(55,246,192, 0.7) 0%, rgb(92,181,240, 0.7) 25%, rgb(10,49,245, 0.7) 50%, rgb(118,25,240, 0.7) 75%, rgb(138,40,230, 0.7) 100%) repeat scroll 0% 0%;
}

.insta2 .tituloCarrouselArticuloTexto{
	background-color: #88DA80CC;
	padding: 3px;
	border-radius: 3px;
	color: #513d89;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

.insta3{
background: -webkit-linear-gradient(45deg, rgba(237,247,247,1) 0%, rgba(228,240,0,0.93) 24%, rgba(242,210,0,0.85) 49%, rgba(247,128,0,0.78) 72%, rgba(153,12,12,0.7) 100%);
}

.insta3 .tituloCarrouselArticuloTexto{
	background-color: #CBA6EDE6;
	padding: 3px;
	border-radius: 3px;
	color: #513d89;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

#encabezadoCarrousel{
	padding: 10px;
}

.inferior{
	display: none;
	margin-top: 20px;
	font-weight: bold;
}

.verduraImagen{
	max-height: 114px;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}


/***** Noticias *****/

.encabezadoNoticias{
	font-family: 'Appopaint';
}



.tituloNoticia{
	font-family: 'Appopaint';
}

.cuerpoNoticia{
	text-align: initial;

}

/***** Carrito *****/
.containerCarrito{
	color: #5300A6 !important;
	font-family: 'Nunito', sans-serif;
}

.containerCarrito h2, .containerCarrito h3{
	color: #5300A6 !important;
	font-weight: bold;
	font-family: 'Nunito', sans-serif;
}

.containerCarrito .logoCortado{
	width: 30%;
	margin-bottom: 30px;
}

.botonVerde{
	font-size: 30px;
	font-weight: bold;
	height: 100%;
}


.salir {
	font-weight: bold;
    position: absolute;
    top: 25px;
    right: 30px;
    background-color: purple;
    color: white;
    padding: 10px;
    border-radius: 3px;
    border-color: #80008057;
    border-style: solid;
    border-width: 2px;
    -webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 33px 0px black;
}


.salir:focus, .salir:hover {
    color: #f7f5e8;
}

.misDatos {
	font-weight: bold;
    position: absolute;
    top: 25px;
    right: 125px;
    background-color: #5c9a99;
    color: white;
    padding: 10px;
    border-radius: 3px;
    border-color: #5c9a99;
    border-style: solid;
    border-width: 2px;
    -webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 33px 0px black;
}


.misDatos:focus, .misDatos:hover {
    color: #f7f5e8;
}

.navbarYumba{
	background-color: #5300A61A;
	border-color: #FFF;
}

.notificacionCantidad{
	background-color: #FF6F06CC;
	padding: 4px 7px;
	border-radius: 12px;
	color: white;
}

.PedidoRealizado {
    border: 3px solid #55a916;
    margin-bottom: 20px;
    border-radius: 5px;
}

/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1080px) {
	.cajaImagenCarrousel{
		padding-left: 1.2em;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.container{
		width: 100%;
	}
	.tituloCarrouselArticulo h4{
		font-size: 14px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.form-box {
		margin-top: 140px;
	}
	.navbar-nav li {
	    text-align: left;
	}
	.social-bottom{
		height: inherit;
	}
}

@media (max-width: 767px) {
	#menuCelular{
		display: block;
	}
	#menuPC{
		display: none;
	}

/*	.inner-bg { padding: 20px 0 110px 0; }*/

	.form-box {
		margin-top: 35px;
	}

	.mensajeNovedad{
		font-size: 16px;
		padding: 44px 20px 35px 20px !important;
		color:#5300A6;
		margin-top: 28px;
	}
	.mensajeNovedad img {
	    position: absolute;
	    top: -5px;
	    right: -5px;
	    width: 95px;
	}

}

@media (max-width: 415px) {

	h1, h2 { font-size: 32px; }

/*	.imagenCarrousel{
	    transform: translate(13%, 0);
	    -ms-transform: translate(13%, 0);
	    -webkit-transform: translate(13%, 0);
	}*/
	.cajaImagenCarrousel{
		padding-left: 4.0em;
	}

}

@media (min-width: 415px) and (max-width: 454px)  {

/*	.imagenCarrousel{
	    transform: translate(48%, 0);
	    -ms-transform: translate(48%, 0);
	    -webkit-transform: translate(48%, 0);
	}*/

	.cajaImagenCarrousel{
	    width: 4.3%;
	}

}

@media (min-width: 600px) and (max-width: 680px)  {


	.cajaImagenCarrousel{
		padding-left: 1em;
	}

}

@media (max-width: 992px) {

}

@media (max-width: 767px) {
	.tituloCarrouselArticulo h4{
		font-size: 14px;
	}
	.social-top{
		display: none;
	}

	.superior{
		display: none;
	}
	.inferior{
		display: block;
	}

	.social-bottom{
		display: block;
		margin-right: 15px;
	}
    .contenedor-menu {
        margin: 0;
        width: 100%;
        /*position: fixed;*/
        top:0;
        z-index: 1000;
    }

    .little {
        display: block;
    }

    .big {
        display: none;
    }

    /*.contenedor-menu .menu {
        display: none;
    }*/
    .ocultoChiquito{
        display: none;
    }

}

@media (max-width: 748px) {
	.
}

@media (min-width: 767px) and  (max-width: 992px) {
	.container{
		padding-left: 0;
	}
}

@media (max-width: 1280px){
	.social-bottom {
	    font-size: 16px;
	    height: inherit;
	}
	.social-bottom li{
		text-align: center;
	}
}

/*** menu ***/


.navbar.navbar-default {
  width: 90%;
  margin: 0 auto;
  background: #000;
  border: 0;
  border-radius: 0;
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0px;
  border-top: 0px;
}

.navbar-default .navbar-nav>li>a {
  width: 200px;
  font-weight: bold;
}

.mega-dropdown { position: static !important;/*width:100%;*/

}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li { list-style: none; }

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
  white-space: initial;
}

.mega-dropdown-menu form { margin: 3px 20px; }

.mega-dropdown-menu .form-group { margin-bottom: 3px; }

.dropdown.mega-dropdown:hover > .dropdown-menu.mega-dropdown-menu.row { display: block; }

.navbar-default .navbar-nav>li>a { color: #fff; }

.navbar-default .navbar-nav>li>a:hover {
  color: #000;
  background: #fff;
}

.dropdown-menu.mega-dropdown-menu.row li:hover {
  /*list-style-type: disc;*/
  list-style-position: inside;
  background: #fff;
}

.megamenu-headline { padding: 0 32px; }

.navbar.navbar-default{
	background: #8fbc8f33;
	border-radius: 3px;
}

.botonBusqueda{
	margin-top: 7px;
}

.dropdown-socio{
	min-width: 200px !important;
}

.itemMenu {
    width: 20%;
    height: 72px;
}

/******* Carrito *******/

.articulo {
    height: 390px;
    max-height: 390px;
    background: #f0f8ff33;
    margin-bottom: 30px;
}

.oculto{
    display: none;
}
.mostrar{
    display: block !important;
}

.ticket {
    width: 90%;
    margin: 5%;
}

.ticket2 {
    width: 99%;
    margin: 0%;
}

.qCarrito{
	border: 0.5px solid;
	width: 110px;
	text-align: left;
	border-radius: 2px;
	padding-left: 6px;
}

.qCarrito2{
	border: 0;
	width: 35px;
	text-align: left;
}

.carritoActual{
	padding-bottom: 15px;
}

.tachado{
	text-decoration: line-through;
}

.oferta{
	-webkit-text-stroke-width: 0.2px;
	font-size: 22px;
	background-color: #3F4;
	padding: 3px;
	border-radius: 2px;
	color: #ff00e1;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

.mensajeRetiro{
	text-align: center;
}

.acciones{
	width: 110px !important;
}


.CarritoNombre{
	text-align: left;
}

.CarritoCantidad{
	text-align: left;
}

.left{
	text-align: left;
}

.mail{
	margin-top: 30px;
	background: white;
	padding: 30px;
	border: 2px;
	border-style: solid;
	-webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 33px 0px rgba(0,0,0,1);
}

.cambiarLocal{
	padding: 5px 10px !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	border-radius: 3px !important;
	height: 26px !important;
}

.mensajeCambioLocal{
	margin-top: 30px;
}

.subtotal{
	text-align: right;
}


.imgArticulo {
  transition: transform .2s; /* Animation */
}

.imgArticulo:hover {
  transform: scale(2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}

.imgArticulo:hover img{
  border-style: solid;
  border-width: 2px;
  border-color: white;
}

.listadoPedidos{
	padding: 0 30%;
	text-align: left
}

.imgArticulo:hover .btnAgregarImg{
	display: block;
}

.btnAgregarImg{
	position: relative;
	bottom: 30px;
	width: 25%;
	left: 38%;
	border-radius: 2px;
	background-color: #279017;
	color: white;
}

.btn-agregar{
	background-color: #279017;
	color: white;
	bottom: 29px;
	left: 40%;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

/**  FORM ENVIO **/

.tituloEnvio{
	font-size: 22px;
}

.selectEnvio{
	height: 50px !important;
}

.calcularEnvio{
	font-size: 22px;
}

.tablaDatosEnvio{
	width: 100%;
}

.tablaDatosEnvio td{
	padding: 5px;
}

/**  MENU CELULAR **/

.products-left{
	display: none;
	background-color: #8fbc8f33;
	margin-left: 10%;
	width: 80%;
}

.categories,.new-products{
	border: 1px solid #d5d5d5;
	border-radius: 4px;
}
.categories h2{
	font-size: 1.5em;
    color: #26b2fe;
    margin: 3px 0 3px 0;
    padding: .2em;
    background: #8fbc8f33;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 5px;
}
.categories ul.cate,.new-products-grids{
	padding:2em;
}

.categories ul{
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.categories ul li{
	/*display:block;*/
	color:#999;
	font-size:14px;
	margin-bottom:0em;
	text-decoration:none;
	list-style: none;
}
.categories ul li a{
	text-decoration:none;
	list-style: none;
	color: #075507;
	font-size: 17px;
	padding-left: 10px;
}
.categories ul li a:hover{
	color:#3399cc;
}
.categories ul li span{
	float:right;
}

.contenedor-menu .menu ul {
    display: none;
}

.activado {
    font-weight: bold;
    background-color: #BED3EE82;
    border-radius: 6px;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
}

@media (max-width: 767px) {
	.products-left{
		display: block;
	}

	.container{
		padding-right: 0px !important;
		padding-left: 0px !important;
		width: 90% !important;
	}
	.btn-menu {
        font-size: 20px;
		color: green;
    }

    .btn-menu a:hover , a:focus{
        display: block;
    }

	.btn-carrito {
        font-size: 20px;
		color: green;
    }

    .btn-carrito a:hover , a:focus{
        display: block;
    }
	.containerCarrito .logoCortado {
	    width: 70%;
	}
	.notificacionCantidad{
		background-color:#FF6F06CC;
		padding: 3px 4px;
		border-radius: 12px;
		color: white;
		font-size: 12px;
	}

}

/* NAVIDAD */
.navidad, .navidad:hover, .navidad:active, .navidad:focus{
	color:#bd0404 !important;
	box-shadow: 0 0 0 4.9px #B3000C;
	outline: dashed 5.5px #00B32C;
	
}

.imagenNavidad{
	margin-top: 10px;
	height: 90px;
}

.botaNavidad {
    width: 60px;
    position: relative;
    bottom: 34px;
    right: -71px;
}

.estrellaNavidad {
    width: 52px;
    position: absolute;
    top: -22px;
    left: -23px;
    z-index: 1;
}

@media (max-width: 767px) {
	.navidad, .navidad:hover, .navidad:active, .navidad:focus{
		box-shadow: 0 0 0 3.9px #B3000C;
		font-size: 20px;
		display: block;
		margin-bottom: 4px;
	}
}

@media (max-width: 1200px) {
	.botaNavidad {
	    width: 54px;
	    position: relative;
	    bottom: 30px;
	    right: -56px;
	}
}


.more-ot-alert {
  display: none;
  padding: 0.5rem;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px;
  background-color: #51a351;
  border: 2px solid white;
  /* height: 4.2rem;*/
  width: 19rem;
  transform: translateZ(0);
  animation: move .4s ease 3;
  position: absolute;
  top: -90px;
  left: 40%;
  z-index: 55;
  color: white;
  font-weight: bold;
  p {
    font: 16px Arial;
    line-height: 18px;
    line-height: 1.2rem;
    margin-top: 0;
  }

}
.more-ot-alert:before {
  content: "";
  position: absolute;
  top: 80px;
  left: 77px;
  border-style: solid;
  border-width: 15px 15px 0 15px ;
  border-color: white transparent ;
  display: block;
  width: 0;
  z-index: 1;
}
.more-ot-alert:after {
  content: "";
  position: absolute;
  top: 80px;
  left: 80px;
  border-style: solid;
  border-width: 12px 12px 0 12px ;
  border-color: #51a351 transparent ;
  display: block;
  width: 0;
  z-index: 1;
}
.more-ot-alert .close-ot-alert {
  font-size: 15px;
  font-size: 1rem;
  clear: both;
  cursor: pointer;
  float: right;
  margin: -5px -3px 0 0;
}
.more-ot-alert .close-ot-alert i {
  color: white;
}
.more-ot-alert .close-ot-alert i:hover {
  color: #cc0000;
}
@keyframes move {
  50% { transform: translate(10px, 0); }
}






.mensajeCuarentena{
	padding: 12px;
}

.mensajeCuarentena h3{
	font-weight: 500;
}