

@media only screen and (max-width: 640px){

	html{-webkit-text-size-adjust: none;}

	/*--------------------------------------------------------------
	1.0 - Responsive Grid
	--------------------------------------------------------------*/

	.movil{display: block!important;}
	.escritorio{display: none!important;}

	.columna1-2,.columna1-3,.columna2-3,.columna1-4,.columna3-4,
	.columna1-5,.columna2-5,.columna3-5,.columna4-5{width: 100%;}

	.columna1,.columna2,.columna3,.columna4,.columna23,.columna34{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	
	.container, .content{margin-right: auto;margin-left: auto;width: 100%;float: none;}


	/*--------------------------------------------------------------
	2.0 - Header
	--------------------------------------------------------------*/
	header{margin-top: 20px;position: relative;margin-bottom: 30px;}
	.site-title-div{width: 70%; max-width:270px;}
	.site-title{height: 90px;background-position: center;margin-bottom: 20px;}

	#top-info .tel{width: 100%;border-left: none;text-align: right;}
	#top-info{min-height: 70px;}

	.header-info{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: -ms-calc(100% - 40px);
		width: -o-calc(100% - 40px);
	}
	
	#menu-principal{position: relative;background-color: #cf2030;min-height: 50px;}
	#menu-principal > *{float: left;}
	#menu-principal .button {float: right;height: 50px;}
	.cuenta {float: right!important;padding-right: 0px;padding-left: 0px;}
	.cuenta a{color: #fff!important;}


	#top-info{}
	#top-info .search-form{width: 100%;margin: 0 0 0px;}
	#top-info .search-form input[type="search"]{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: -ms-calc(100% - 40px);
		width: -o-calc(100% - 40px);
	}
	.search-form input[type="submit"]{float: left;width: 40px}

	#top-info > a{margin-right: 0px;display: inline-block;width: 100%;line-height: 1; text-align: center;margin-top: 10px;}

	#top-info .redes {
	    display: inline-block;
	    float: none;
	    margin-top: 10px;
	    text-align: center;
	    width: 200px;
	    display: none;
	}

	/*--------------------------------------------------------------
	3.0 - Nav
	--------------------------------------------------------------*/

	/*.translucido{background-color: rgba(255,255,255,0.95);}*/
	.translucido{background-color: #cf2030;}	
	.transparent{background-color: rgba(255,255,255,0);}


	.site-title{width: 100%;}



	.boton_menu{
		font-size: 24px;
		line-height: 20px;
		text-align: left;
		padding: 13px;
		margin-left: 0px;
		margin-top: 0px;
		cursor: pointer;
		background-color: #cf2030;
		color: #fff;
		border-top: 1px double #cf2030;
		border-bottom: 1px double #cf2030;
		height: 50px;

	}

	.boton_menu.fa-times{background-color: transparent;color: #fff;}


	.boton_menu.fa-bars::before{float: left;}
	.boton_menu.fa-bars::after {
	    content: "MENU";
	    font-family: "lato",arial,sans-serif;
	    font-size: 18px;
	    padding-left: 15px;
	    padding-right: 15px;
	    line-height: 20px;
	}


	#menu-principal{position: relative;z-index: 10;}

	#menu-principal .menu{
		display: none;
		position: absolute;
		background-color: #cf2030;
		box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.3);
		width: 100%;
		margin-top: 51px;
		border-top-width: 1px solid #fff;
		padding: 0 20px;
	}


	.menu-item{
		width: 100%;
		display: block;
		border-right: none;
		border-bottom: 1px solid #fff;
	}

	#menu-principal .menu a{color: #fff;font-weight: normal;line-height: 50px;}

	.menu-item:first-child, .menu-item:last-child{text-align: center;}
	.menu-item:last-child{border-bottom: none;}


	.menu-item > a::after{content: "";margin-left: 0px;}

	.sub-menu {
	    display: block;
	    position: relative;
	    box-shadow: none;
	}

	.sub-menu a{
		font-weight: 400;
		font-size: 16px;
		border-top:none;
	}

	.sub-menu > li::after, .sub-menu > li::before{display: none;}

	#menu-principal.abierto{
		bottom: 0;
		z-index:22;
	}


	#menu-principal .menu-item:hover, #menu-principal .menu-item:hover a, #menu-principal .menu-item.current a{
		color: #fff;
		text-decoration: underline;
	}


	.menu-item.nuevo::before{
		right: 15px;
		left: initial;
		top: 15px;
		bottom:15px;
	}

	.menu-item.nuevo::after{
		border-left: none;
		border-right: 12px solid #81c683;
		left: initial;
		top: 20px;
	}

	/*--------------------------------------------------------------
	4.0 - Footer
	--------------------------------------------------------------*/

	footer{position: relative;padding-bottom: 100px;}
	.bloque-v, .bloque-h{position: inherit;}
	.container.bloque-h{display: inline-block;}
	footer .bloque-h{margin-bottom: 40px;padding-bottom: 0px;}
	.copy{position: absolute;bottom: 0px;padding-bottom: 20px;}

	footer .bloque-h::after{background-color: transparent;}
	footer .contact-info .button { max-width: 250px;}
	footer .columna1-3, footer .columna2-3{margin-bottom: 0px; padding-bottom: 0px;}

	footer nav{text-align: center;margin-bottom: 40px;}

	footer .pagos{text-align: center;}

	img.metodos-pago{padding: 0 20%}

	/*--------------------------------------------------------------
	5.0 - Formularios
	--------------------------------------------------------------*/
	button, .button, input[type="submit"],.columna2.button, button.columna2, .columna2.input[type="submit"]{
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: -ms-calc(100% - 20px);
		width: -o-calc(100% - 20px);
	}


	#search-form input[type="search"]{max-width: none;}

	#primera-visita-form select{
		float: left;
		width: 33%;
	}

#primera-visita-form select {
    float: left;
    width: calc(33.3% - 7px);
    width: -webkit-calc(33.3% - 7px);
    width: -moz-calc(33.3% - 7px);
    width: -webkit-calc(33.3% - 7px);
    width: -o-calc(33.3% - 7px);
}

#primera-visita-form select:nth-child(3n) {
    margin-right: 0;
}	

	/*--------------------------------------------------------------
	6.0 - Tablas
	--------------------------------------------------------------*/






	/*--------------------------------------------------------------
	Home
	--------------------------------------------------------------*/

	#home-slider{height: auto;margin-top: 0px;}

	#home-slider .fotorama__nav.fotorama__nav--dots{position: inherit;}

	/*--------------------------------------------------------------
	Pages
	--------------------------------------------------------------*/

	#breadcrumbs{margin-bottom: 30px;}
	.tienda h4, .tienda .h4:empty{display: none}
	.sidebar h4{display: block;}

	#tienda .producto-foto{position: relative;height: 300px;}

	#tienda .descripcion{display: none;}

	#tienda .producto{width: 100%}

	#tienda .producto .comprar{float: right;margin: 0px; padding-right: 5px;padding-left: 0px;width: 120px}
	#tienda .producto .comprar i{margin-right: 5px;}
	#tienda .precio {
		float: left;
		width: calc(100% - 120px);
		width: -webkit-calc(100% - 120px);
		width: -moz-calc(100% - 120px);
		width: -ms-calc(100% - 120px);
		width: -o-calc(100% - 120px);
	}
	#tienda .producto h3{margin-bottom: 15px;}
	#tienda .producto-info{padding: 15px;}
	#tienda .precio > del{display: block; margin: 0px;font-size: .6em}
	#tienda .precio{text-align: right;padding-right: 20px;}

	#listado-relacionados{display: none;}

	#producto .comprar, #eventos .comprar{width: 150px;float: right;}
	#producto .cantidad, #eventos .cantidad{float: left;}
	#producto form, #eventos form{margin-bottom: 40px;}

	#eventos h3{margin-top: 20px;}
	#contacto #enviar-formulario, #contacto #captcha{padding: 10px 0;}
	#contacto #captcha {width: 70px;}
	#contacto #enviar-formulario {width: 160px;}
	#captchaimg{height: 30px;}
	#contacto form{margin-top: 20px;}


	.destacado i{float: left;display: inline;}
	.destacado > p{display: inline;}

	#recordar-contrasenya-form {
	    float: none;
	    margin-left: 0;
	    margin-top: 20px;
	}


	#membresia-form label:not(.aceptacion){width: 100%;}
	#membresia-form input:not(.aceptacion), #membresia-form textarea{width: 100%;}



	#tabla-carrito td{padding-top: 5px;padding-bottom: 5px}
	#tabla-carrito .prod{padding-left: 5px;padding-right: 5px;width: 30px;}
	#tabla-carrito .cantidad{padding-left: 5px;padding-right: 5px;width: auto;}
	#tabla-carrito .eliminar{width: auto;}

	#carrito .columna3{margin-bottom: 20px;}
	#tabla-carrito img{width: 30px;}
	thead th{font-size: 11px;}


	#recordar-contrasenya-form{width: 100%}
	#recordar-contrasenya-form input[type="email"]{
		width:calc(100% - 100px);
		width:-webkit-calc(100% - 100px);
		width:-moz-calc(100% - 100px);
		width:-ms-calc(100% - 100px);
		width:-o-calc(100% - 100px);
		float: left;display: inline;}
	#recordar-contrasenya-form input[type="submit"]{width: 100px;float: left;display: inline;}
	.destacado > form::before, #recordar-contrasenya-form input[type="submit"]::after {
	    clear: both;
	}






}








