/* CSS Document */



.bold800 {
	font-weight: 800;
}

.bold700 {
	font-weight: 700;

}

.light300 {
	font-weight: 300;
}

.normal400 {
	font-weight: 400;
}

.medium500 {
	font-weight: 400;
}

.semibold600 {
	font-weight: 800;
}

.italic {
	font-style: italic;
	font-weight: 400;
}

.corrector {
	clear: both;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;

	height: 100%;
	background: #ffffff;
	font-size: 12px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #666666 #cccccc;
	scrollbar-width: auto;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;

	/*	background-image:url(img/fondo.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;*/
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Spartan', sans-serif;


	font-weight: 400;
	/* o 700 */
	font-size: 12px;
	background-color: #f1f1f1;
	overflow: auto;
	scrollbar-width: thin;
}

::-webkit-scrollbar {
	width: 12px
}

::-webkit-scrollbar-track {
	background: #cccccc;
	border-radius: 0px
}

::-webkit-scrollbar-thumb {
	background: #666666;
	border-radius: 0px;
}





a {
	color: inherit;
	text-decoration: inherit;
}

.link {
	display: inline-block;
}

img {
	border: none;
}

.ancla {
	font-size: 0px;
	height: 0px;
}

.texto08 {
	font-size: .8em;
}


.test {
	width: 60px;
	height: 60px;
	position: fixed;
	background-image: url(img/svg/icono_test.svg);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 999;

}

.imagenPerfil {
	position: absolute;
	left: -500px;
}

.todo {
	width: 100%;
	/*max-width:1920px!important;*/
	margin: 0 auto;
	padding: 0;
	/*background:#FFFFFF;*/
	display: block;

}

.salto {
	width: 1px;
	height: 1px;
	/*background:#F800FF;*/
	position: absolute;
	bottom: 30%;
}

.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* ENCABEZADO Y SLIDE */



.menu {
	max-width: 1100px;
	flex-shrink: 0;
	flex-grow: 2;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: flex-start;
	justify-content: flex-start;

	-webkit-align-items: center;
	align-items: center;

	-webkit-align-content: center;
	align-content: center;
	padding-right: 30px;
	margin-left: 20px;
}

@media (max-width: 1099px) {

	.menu {
		display: none;
	}

}

@media (min-width: 1100px) {

	.menu {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;

		-webkit-justify-content: flex-start;
		justify-content: flex-start;

		-webkit-align-items: center;
		align-items: center;

		-webkit-align-content: center;
		align-content: center;
	}

}

.contenedorMenuCategorias {
	display: block;
	padding-bottom: 5px;
	background-color: #1f1f1f;
}

.menuCategorias {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;

	justify-content: center;

	align-items: flex-start;

	align-content: flex-start;

	gap: 5px;

	/* background-color: #1f1f1f; */
	/* background-color: #333333; */



	position: relative;

	/* -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out; */

	/* background-image:radial-gradient(36.5% 79.5% at 50% 100%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0)); */

	/* background-image:radial-gradient(36.5% 79.5% at 50% 100%, rgba(255, 255, 255, 0.22) 0%, #333333 100%); */
}

.menuCategorias:hover {
	/* background-color: #1f1f1f; */
	/* background-image:radial-gradient(36.5% 79.5% at 50% 100%, rgba(255,255,255, 0.2) 0%, rgba(0, 0, 0, 0)); */
}


@media (max-width: 999px) {

	.menuCategorias {
		display: none;
	}
}

@media (min-width: 1000px) {

	.menuCategorias {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;

		-webkit-justify-content: center;
		justify-content: center;

		-webkit-align-items: flex-start;
		align-items: flex-start;

		-webkit-align-content: flex-start;
		align-content: flex-start;
	}
}

.menuHome {
	max-width: 900px;
	flex-shrink: 0;
	flex-grow: 2;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: flex-start;
	justify-content: flex-start;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: stretch;
	align-content: stretch;
	padding-right: 30px;
}

.menuUsuario {
	max-width: 600px;
	flex-shrink: 0;
	flex-grow: 2;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: stretch;
	align-content: stretch;
	padding-right: 30px;
}



.menuVisible {
	top: 0;
}

.menuIn {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: no-wrap;
	flex-wrap: no-wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

}




.botonMenu {
	color: #f0f0f0;
	font-size: 12px;
	line-height: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-top: 4px;


	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	font-weight: 500;

	/*margin-right: 20px;
	margin-left: 20px;*/

	border: 1px solid transparent;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: space-between;
	align-items: space-between;

	-webkit-align-content: space-between;
	align-content: space-between;
	margin-top: 0px;

}

.botonMenuDestacado {
	background-color: #212121;
	color: #f0f0f0;
	font-size: 12px;
	line-height: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-top: 2px;

	font-weight: 500;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	margin-top: 2px;
	border: 1px solid transparent;
}

.botonMenuDestacado:Hover {
	background-color: #BB0003;
}

.iconoWhatsapp {
	padding-left: 30px;
	background-image: url(img/svg/icono_whatsapp_blanco.svg);
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 6px 2px;
	font-size: 13px;
	line-height: 16px;
	padding-top: 4px;
	font-weight: 700;
}

.botonMenu:not(.botonMenuActivo):Hover {
	background-color: #910000;
	color: #fff;
	border: 1px solid #910000;
}

.menu a {
	padding-right: 10px;
	margin-right: 10px;
	padding-left: 0px;

	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
}

.menu a:not(:last-of-type) {
	border-right: 1px solid #515151;

}


.botonWhatsappGrande {
	width: 55px;
	height: 55px;
	background-color: #b80b0b;
	background-color: #4caf50;
	background-image: url(img/svg/icono_whatsapp_blanco.svg);
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	bottom: 10px;
	right: 10px;
	position: fixed;

	-webkit-box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.19);
	box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.19);

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	z-index: 900;
	cursor: pointer;
}

.botonWhatsappGrande:Hover {
	background-color: #D90000;
	-webkit-box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.30);
	box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.30);
}

.botonWhatsapp {
	width: 50px;
	height: 50px;
	background-color: #b80b0b;
	background-color: #4caf50;
	background-image: url(img/svg/icono_whatsapp_blanco.svg);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	bottom: 10px;
	right: 10px;
	position: fixed;

	-webkit-box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.19);
	box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.19);

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	z-index: 900;
	cursor: pointer;
}

.botonWhatsapp:Hover {
	background-color: #D90000;
	-webkit-box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.30);
	box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.30);
}

.burbujaWhatsapp {
	width: calc(100% - 30px);
	position: fixed;
	background: #ffffff;
	color: #FFFFFF;
	font-size: 20px;
	filter: drop-shadow(3px 3px 5px rgba(163, 163, 163, 0.46));
	max-width: 150px;
	border-radius: 5px;
	padding: 10px;
	bottom: 80px;
	right: 15px;
	display: block;
	z-index: 901;
	display: none;
	padding-top: 13px;
}

.burbujaWhatsapp:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: #ffffff transparent;
	border-width: 12px 12px 0;
	bottom: -12px;
	left: 91%;
	margin-left: -12px;
}

.burbujaWhatsappVisible {
	display: block;
}




.burbujaOnline {
	position: fixed;
	width: calc(100% - 75px);
	max-width: 180px;
	height: 30px;
	padding: 10px;
	right: 85px;
	bottom: 12px;
	background: #FFFFFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	z-index: 900;
	text-align: center;
	font-size: 13px;

	box-shadow: 5px 5px 5px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 5px 5px 5px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 5px 5px 5px 3px rgba(0, 0, 0, 0.15);
	display: none;
}

.burbujaOnline:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent #FFFFFF;
	display: block;
	width: 0;
	z-index: 1;
	margin-top: -10px;
	right: -10px;
	top: 50%;


}

.tituloBurbujaOnline {
	font-size: 13px;
	line-height: 13px;
	color: #C80000;
	margin-bottom: 3px;
	font-weight: 800;
}

.botonCerrarBurbujaOnline {
	width: 10px;
	height: 10px;
	background-image: url("img/svg/close.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 5px;
	top: 5px;
	cursor: pointer;
}




.itemWhatsapp {

	color: #666;

	padding-bottom: 3px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: center;
	align-items: center;

	-webkit-align-content: center;
	align-content: center;

}

.itemWhatsapp:not(:last-child) {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ddd;
}

.etiquetaWhatsapp {
	font-size: 11px;
	line-height: 11px;
	display: inline-block;
	padding-top: 4px;
}

.telefonoWhatsapp {
	min-height: 15px;
	font-size: 13px;
	padding-top: 4px;
	font-weight: 900;
	display: inline-block;
	padding-left: 20px;
	background-image: url(img/svg/whatsapp_gris.svg);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: left center;
	flex-shrink: 0;
}

.itemWhatsapp:hover .telefonoWhatsapp {
	color: #b80b0b;
}



.botonesMenuMovil .botonMenu {


	display: block;
	color: #444444;

	padding: 2px;
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 5px;

	font-size: 12px;

	margin: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	font-weight: 400;

	/*margin-right: 20px;
	margin-left: 20px;*/

	border: 1px solid transparent;



}

.botonesMenuMovil .botonMenuDestacado {
	background-color: #212121;
	color: #f0f0f0;
	font-size: 13px;
	line-height: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-top: 4px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	margin-top: 2px;
	border: 1px solid transparent;
}

.botonesMenuMovil .botonMenuDestacado:Hover {
	background-color: #D90000;
}

.botonesMenuMovil .botonMenu:not(.botonMenuActivo):Hover {
	color: #D90000;
	border: 1px solid transparent;
}



.botonesMenuMovil a {}


.botonesMenuMovilCategoria {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.botonMenuMovilCategoria {
	background-image: url(img/svg/icono_derecha_gris.svg);
	background-size: 6px;
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
	padding: 14px;
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 17px;

	font-size: 12px;

	display: block;

	font-weight: 400;

	cursor: pointer;
}

.botonMenuMovilCategoria:Hover {
	background-color: #eeeeee;
}

.botonMenuMovilCategoriaLink {
	background-image: none;
}

.botonVolverMenuMovil {
	width: 20px;
	height: 20px;
	background-image: url(img/svg/icono_izquierda_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 16px;
	left: 10px;
	cursor: pointer;
	z-index: 999;
}


.encabezadoSubmenuMovil {
	height: 50px;
}

.tituloBotonesMovilCategoria {
	width: calc(100% - 60px);
	margin: 0 auto;
	font-size: 14px;
	padding-top: 17px;
	padding-bottom: 15px;
	text-align: center;
}




.botonMenuCategoria {
	color: #f0f0f0;
	font-size: 13px;
	line-height: 13px;


	padding-top: 13px;
	padding-bottom: 11px;

	padding-left: 15px;
	padding-right: 15px;



	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	font-weight: 400;

	/*margin-right: 20px;
	margin-left: 20px;*/

	/*border-bottom: 2px solid transparent;*/

	margin-top: 0px;

	background-color: transparent;


	border-radius: 4px;

}


.botonMenuCategoriaDestacado {
	/*background-color: #910000;
	color: #f0f0f0;
	font-size:14px;
	line-height:18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
position:relative;
	border: 1px solid transparent;
	
	margin-left: 10px;
	margin-right: 10px;*/
	color: #f0f0f0;


	font-size: 13px;
	line-height: 13px;


	padding-top: 13px;
	padding-bottom: 11px;

	padding-left: 15px;
	padding-right: 15px;



	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;

	/*margin-right: 20px;
	margin-left: 20px;*/

	/*border-bottom: 2px solid transparent;*/

	margin-top: 0px;

	background-color: #910000;

	font-weight: 700;

}

.botonMenuCategoriaDestacado:Hover {
	background-color: #D90000;
}

.botonMenuCategoria:Hover {
	color: #D90000;
	color: #333333;
	background-color: #fff;
	/*border-bottom: 2px solid #D90000;*/
}





.botonMenuCategoriaActivo {
	color: #333333;
	background-color: #fff;

	border-radius: 0px;

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;

	padding-bottom: 16px;




}

.abajoBotonCategoria {
	width: 10px;
	margin: 0 auto;
	height: 2px;
	background-color: transparent;
	margin-top: 10px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 0;
}

.botonMenuCategoriaActivo .abajoBotonCategoria {
	width: calc(100%);
	margin: 0 auto;
	height: 2px;

	background: rgb(226, 0, 0);
	background: radial-gradient(circle, rgba(226, 0, 0, 1) 0%, rgba(147, 16, 4, 1) 100%);

	margin-top: 15px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 1;
}



.separadorMenuCategorias {
	width: 1px;
	height: 40px;
	background-color: #515151;
	margin-left: 5px;
	margin-right: 5px;
}

.separadorMenuCategorias:first-of-type {
	display: none;
}

.botonMenuCategoriaDestacado+.separadorMenuCategorias {
	display: none;
}

.contenedorMenuFlotanteCategorias {
	position: relative;
}




.menuFlotanteCategorias {
	width: 100%;
	background-color: #fff;

	height: 0px;
	overflow: hidden;

	-webkit-box-shadow: 0px 24px 22px -19px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0px 24px 22px -19px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 24px 22px -19px rgba(0, 0, 0, 0.28);

	position: absolute;


	z-index: 910;

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

	/* display: none; */
}


.menuFlotanteCategoriasVisible {
	height: auto;
	display: block;
}


.tablaMenuCategorias {
	position: relative;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	display: none;

	column-count: 5;
	column-gap: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.tablaSubcategoriasListado {
	position: relative;
	width: 90%;
	max-width: 1600px;
	margin: 0 auto;

	column-count: 5;
	column-gap: 60px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.tituloTablaMenuCategoriasGeneral {
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	color: #b80b0b;
	display: block;
	margin-bottom: 14px;
	float: left;
	clear: left;
	margin-top: 5px;
}



.tituloTablaMenuCategorias {
	width: 100%;
	font-size: 13px;
	font-weight: 700;
	color: #b80b0b;
	display: block;
	margin-bottom: 14px;
	float: left;
	clear: left;
	margin-top: 5px;
}

.tablaSubcategoriasListado .tituloTablaMenuCategorias {
	font-size: 16px;
}

.itemTablaMenuCategorias {
	color: #333;
	font-size: 13px;
	display: inline-block;
	padding-bottom: 14px;
	float: left;
	clear: left;
}

.tablaSubcategoriasListado .itemTablaMenuCategorias {
	font-size: 14px;
}

.moduloTablaMenuCategorias {
	padding: 0px;

	-webkit-column-break-inside: avoid;
	/* Chrome, Safari */
	page-break-inside: avoid;
	/* Theoretically FF 20+ */
	break-inside: avoid-column;
	/* IE 11 */
	display: table;
	/* Actually FF 20+ */
	white-space: pre-line;

	margin-bottom: 20px;
}




.botonMenuUsuario {
	color: #fff;
	font-size: 13px;
	line-height: 13px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	font-weight: 500;
	/*margin-right: 20px;
	margin-left: 20px;*/
	height: 100%;


	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: space-between;
	align-items: space-between;

	-webkit-align-content: space-between;
	align-content: space-between;
}


.botonMenuTop {
	width: 100%;
	height: 6px;
	background-color: transparent;
	margin-top: 2px;
}

.botonMenuBottom {
	width: 100%;
	height: 1px;
	margin-top: 5px;
	background-color: transparent;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}




.botonMenuUsuario:not(.botonMenuActivo):Hover {
	color: #BB0003;
}

.botonMenuUsuario:not(.botonMenuActivo):Hover .botonMenuBottom {
	background-color: #BB0003;
}

.botonMenuActivo {
	background-color: #BB0003;
}

.botonMenuActivo .botonMenuBottom {

	background-color: #BB0003;
}



.iconoSubir {
	width: 25px;
	height: 20px;
	background: url(img/flecha_slider_arriba.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: fixed;
	right: -80px;
	bottom: 10px;
	z-index: 999;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: .8;
}

.iconoSubir:Hover {
	opacity: 1;
}

.iconoSubirVisible {
	right: 15px;
}



.menuMovil {
	/*background:#4D5A21;*/
	background-color: #fff;

	position: fixed;
	height: 100%;
	width: 100%;
	max-width: 450px;
	right: -480px;
	z-index: 998;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	overflow-y: scroll;
	overflow-x: hidden;

	-webkit-box-shadow: 2px 20px 20px -1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 20px 20px -1px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 20px 20px -1px rgba(0, 0, 0, 0.3);

}

.iconoMenuMovilBoton {
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: fixed;
	z-index: 1000;
	top: 12px;
	right: 17px;
	/*background-color: rgba(78,78,39,0.57);*/
}


.iconoMenuMovil {
	width: 20px;
	height: 20px;

	/*background-color:#FFFFFF;*/
	background-image: url(img/menu_movil.svg);
	background-size: contain;
	background-repeat: no-repeat;

	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: fixed;
	z-index: 999;
	top: 40px;
	right: 30px;
}

.iconoMenuMovil:Hover {
	background-image: url(img/menu_movil_color2.svg);
	background-size: contain;
	background-repeat: no-repeat;
}



.botonesMenuMovil {
	padding-top: 0px;
	position: relative;
}

.menuMovilVisible {
	right: 0;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.tituloMenuM {
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-top: 20px;

	color: #ccc;

	font-size: 13px;
	line-height: 13px;
	font-weight: 400;
	border-bottom: 1px solid #ccc;
	text-align: right;
}

.botonMenuMovil {
	width: auto;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-top: 0px;
	color: #ffffff;
	/*color:#ffffff;*/
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	display: inline-block;
	clear: both;
	font-size: 13px;
	line-height: 13px;
	font-weight: 400;
	border-bottom: 6px solid transparent;
}

.botonMenuMovil:not(.botonMenuMovilActivo):Hover {
	color: #D90000;
	border-bottom: 6px solid #D90000;
	/*background-color:#9bb35e;*/
}

.botonMenuMovilActivo {
	color: #fbb36b;
	border-bottom: 6px solid #fbb36b;
}





/* FIN MENU */
.headerHome {
	width: 100%;
	min-height: 500px;
	margin: 0 auto;
	padding: 0px;
	margin-top: 65px;

	position: relative;


	background-color: #f6faed;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	overflow: hidden;

	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

	background-image: url(img/svg/fondo_verde.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}

/*
.headerHome:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	background-image: url(img/svg/fondo_verde.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}*/

.headerVerde {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;
	padding-top: 20px;
}

.headerVerdePlano {
	max-width: 770px;
	width: 50%;
	/*background-color: rgba(80,120,148,0.63);*/
	display: block;
	/*overflow:hidden;*/
	margin-top: 5px;
	margin-bottom: 5px;
	/*margin-left: 20px;
	margin-right: 20px;*/
	position: relative;
	padding-bottom: 0px;
	/*padding-top: 20px;*/
}

.headerVerdePlano:after {
	content: '';
	display: block;
	margin-top: calc(68.08% + 20px);
}










.headerVerdeTextos {
	max-width: 600px;
	width: 50%;

	text-align: center;
	color: #fff;

	padding-top: 80px;
}

.headerVerdeTextoDiseniamos {
	font-size: 38px;
}

.headerVerdeTextoOnline {
	width: 350px;
	margin: 0 auto;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 24px;
	border: 3px solid #fff;
	font-size: 75px;
	line-height: 75px;
	font-weight: 300;

	margin-top: 10px;
	margin-bottom: 15px;


	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.headerVerdeTextoMas {
	font-size: 26px;
}


.header {
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
	padding: 0px;
	margin-top: 40px;

	position: relative;




	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	overflow: hidden;


}

.header:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(img/fotoHeader2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-animation: scale-up-center 8s ease-in reverse both;
	animation: scale-up-center 8s ease-in reverse both;
}


@-webkit-keyframes scale-up-center {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@keyframes scale-up-center {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}


.contenedorMenuTop {
	max-width: 1300px;
	flex-grow: 2;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: flex-start;
	justify-content: flex-start;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: stretch;
	align-content: stretch;

	position: relative;
}






.contenedorBotonesHeader {
	max-width: 1200px;
	flex-grow: 0;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: flex-end;
	justify-content: flex-end;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: stretch;
	align-content: stretch;

	position: relative;
	padding: 0;
}


.contenedorLogo {
	width: 100%;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: stretch;
	align-content: stretch;

	position: relative;

}





.headerTopHome {
	width: calc(100% - 60px);
	height: 50px;
	/* background-color: rgb(51, 51, 51); */
	background-color: rgba(50, 50, 50, .8);
	position: fixed;
	top: 0;
	z-index: 996;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: stretch;
	align-content: stretch;
	padding-right: 60px;
	/*padding-bottom: 5px;
	padding-top: 5px;*/

	/* border-bottom: 1px solid #f0f0f0; */

	backdrop-filter: blur(10px);

}

.headerTop {
	width: calc(100% - 70px);
	height: 65px;
	background-color: #4d4d4d;
	position: fixed;
	top: 0;
	z-index: 996;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: stretch;
	align-content: stretch;
	padding-right: 70px;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
}

.contenedorBotonCarrito {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;

	-webkit-align-content: stretch;
	/* Safari */
	align-content: stretch;

	padding: 0;
	margin: 0;

}

.botonCarrito {
	background-color: #910000;



	padding-left: 10px;
	padding-right: 10px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	flex-shrink: 0;
}

.botonCarrito:Hover {
	background-color: #D90000;
}

.botonLogin {



	padding-left: 10px;
	padding-right: 10px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	flex-shrink: 0;
	margin-right: 10px;
}

.botonLogin:Hover {
	background-color: #111;
}


.botonRegistro {
	height: 30px;
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	border-left: 1px solid #515151;
}

.botonRegistro:Hover {
	opacity: .6;
}

.iconoRegistro {
	width: 18px;
	height: 18px;
	background-image: url(img/svg/icono_llave_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 5px;
	margin-top: 2px;
}

.textoRegistro {
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	color: #fff;
}



.botonCarritoMovil {
	width: 80%;
	margin: 0 auto;
	background-color: #910000;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	padding: 10px;
	padding-top: 7px;
	padding-bottom: 7px;

	margin-bottom: 20px;
	margin-top: 60px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	flex-shrink: 0;
}

.botonCarritoMovil:Hover {
	background-color: #D90000;
}

.iconoCarrito {
	width: 26px;
	height: 26px;
	background-image: url(img/svg/icono_cart_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;

}

.textoCarrito {
	font-size: 11px;
	line-height: 14px;
	font-weight: 400;
	padding-top: 2px;
	color: #fff;
}

.miCarritoTitulo {
	font-size: 12px;
}


.iconoLogin {
	width: 20px;
	height: 20px;
	background-image: url(img/svg/icono_usuario_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 7px;
}

.usuarios {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;

	margin-left: 20px;
}

.usuariosMenuGris {
	width: 160px;
	flex-shrink: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;

}

.usuariosMenuMovil {
	position: absolute;
	top: 23px;
	right: 50px;
	z-index: 999;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: flex-start;
	/* Safari */
	justify-content: flex-start;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;
}


.iconoUsuario {
	width: 30px;
	height: 30px;

	background-color: #fff;
	border: 3px solid transparent;
	background-image: url("img/svg/icono_usuario_gris.svg");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	flex-shrink: 0;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;

}

.iconoUsuarioMovil {
	width: 20px;
	height: 20px;
	background-size: 14px;
	margin-right: 10px;
}

.iconoUsuario:Hover {
	border: 3px solid #ccc;

	box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.4);
}

.iconoProveedor {
	width: 30px;
	height: 30px;

	background-color: #fff;
	border: 3px solid transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0' /%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2' /%3E%3C/svg%3E");

	background-color: #f00;
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	flex-shrink: 0;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;

	border: 3px solid #f00;

}

.iconoProveedorMovil {
	width: 20px;
	height: 20px;
	background-size: 14px;
	margin-right: 10px;
}

.iconoProveedor:Hover {
	border: 3px solid #f00;

	box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.4);
}

.iconoProveedorLogin {
	background-color: #05c22e;
	border: 3px solid #05c22e;
}

.iconoProveedorLogin:Hover {
	border: 3px solid #05c22e;

	box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.4);
}

.separadorUsuario {
	width: 2px;
	background-color: #4d4d4d;
	height: 40px;
	margin-left: 10px;
}

.separadorUsuarioVerde {
	width: 2px;
	background-color: #72b55f;
	height: 40px;
	margin-left: 10px;
}

.separadorUsuarioBlanco {
	width: 2px;
	background-color: #ffffff;
	height: 40px;
	margin-left: 10px;
}


.textoUsuario {
	width: 110px;
	font-size: 12px;
	line-height: 10px;
	color: #4d4d4d;
	padding-top: 3px;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	padding-right: 10px;
	text-align: right;


	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;

}

.textoUsuarioBlanco {
	width: 110px;
	font-size: 12px;
	line-height: 10px;
	color: #ffffff;
	padding-top: 3px;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	padding-right: 10px;
	text-align: right;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;

}

.olvide {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.logout {
	font-size: 11px;
	cursor: pointer;
	color: #ddd;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding-top: 3px;
	border-bottom: 1px solid #ddd;
}

.logout:Hover {
	color: #D90000;
	border-bottom: 1px solid #D90000;
}



.logoutBlanco {
	color: #ccc;
	cursor: pointer;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding-top: 3px;
	border-bottom: 1px solid #ccc;
}

.logoutBlanco:Hover {
	color: #a8d052;
	border-bottom: 1px solid #a8d052;
}


.logoutProveedor {
	font-size: 14px;
	cursor: pointer;
	color: #666;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding-top: 3px;
	margin-left: 10px;
	border-bottom: 1px solid #ddd;
}

.logoutProveedor:Hover {
	color: #D90000;
	border-bottom: 1px solid #D90000;
}


.textoUsuario:hover .iconoUsuario,
.textoUsuarioBlanco:hover .iconoUsuarioBlanco {
	background-image: url(img/svg/iconos_user_verde.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.textoUsuario:hover {
	color: #72b55f;
}

.textoUsuarioBlanco:hover {
	color: #a8d052;
}


.headerIn {
	width: 90%;
	margin: 0 auto;
	max-width: 1850px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;

	-webkit-align-items: flex-end;
	/* Safari */
	align-items: flex-end;
}

.headerInHome {
	width: 90%;
	margin: 0 auto;
	max-width: 1850px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: flex-end;
	/* Safari */
	align-items: flex-end;
}


.logo {
	/*width:160px;*/
	width: 70%;
	max-width: 200px;
	/*background-color:#cccccc;*/

	position: relative;

	overflow: hidden;

	/*margin-left: 20px;
	margin-right: 20px;*/

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	margin-right: 20px;
	margin-left: 20px;

}


.logoRsola {
	/*width:160px;*/
	width: 70%;
	max-width: 50px;
	/*background-color:#cccccc;*/

	position: relative;

	overflow: hidden;

	/*margin-left: 20px;
	margin-right: 20px;*/

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	margin-right: 0px;
	margin-left: 10px;

	display: none;

}


.logoR {
	width: 22.85%;
	background-image: url(img/svg/icono_logo_R.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	position: relative;
	display: block;
	overflow: hidden;

}

.logoR:after {
	content: '';
	display: block;
	margin-top: 100%;
}


.logoRtop {
	width: 40px;
	background-image: url(img/svg/icono_logo_R.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	position: relative;
	display: block;
	overflow: hidden;
	opacity: 0;
	margin: 5px;

}

.logoRtop:after {
	content: '';
	display: block;
	margin-top: 100%;
}


.logoRivera {
	width: 74.28%;
	background-image: url(img/svg/icono_logo_rivera.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 2.85%;


	position: relative;
	display: block;
	overflow: hidden;
}

.logoRivera:after {
	content: '';
	display: block;
	margin-top: 14.1244%;
}

.areaLogoHome {
	background-color: #333333;

	background: rgb(51, 51, 51);
	background: linear-gradient(180deg, rgba(51, 51, 51, 1) 80px, rgba(31, 31, 31, 1) 100%);

	position: relative;
	padding: 30px;
	padding-top: 60px;
	/* padding-top: 10px; */
	padding-bottom: 10px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;
}


.logoHome {
	width: calc(50% - 30px);
	max-width: 300px;
	position: relative;

	overflow: hidden;

	/*margin-left: 20px;
	margin-right: 20px;*/

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	/* Safari */
	justify-content: flex-start;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	margin-right: 30px;
}



.buscarHome {
	width: 50%;
	max-width: 400px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;

	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;

	-webkit-align-content: stretch;
	/* Safari */
	align-content: stretch;
	position: relative;

}

.buscarHomeCentro {
	margin: 0 auto;
}


.listaResultados {
	width: calc(100% - 35px);
	/*min-height: 100px;*/
	background-color: #fff;

	position: absolute;
	top: 38px;
	z-index: 990;
	max-height: 300px;
	overflow-y: scroll;

	-webkit-box-shadow: 2px 10px 10px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 10px 10px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 10px 10px -1px rgba(0, 0, 0, 0.15);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	overflow-x: hidden;
	display: none;
}

.listaResultadosMarcas {
	width: calc(100%);
	/*min-height: 100px;*/
	background-color: #dddddd;

	position: absolute;
	top: 40px;
	z-index: 990;
	max-height: 300px;
	overflow-y: none;

	-webkit-box-shadow: 2px 10px 10px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 10px 10px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 10px 10px -1px rgba(0, 0, 0, 0.15);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	overflow-x: hidden;
	display: none;
}

.tituloResultados {
	font-size: 10px;
	display: block;
	margin-bottom: 0px;
	padding: 5px;
	padding-bottom: 3px;
	background-color: #ddd;
	text-align: center;


}

.infoMarca {
	width: calc(100% - 40px);
	padding: 20px;
	max-width: 500px;
	margin: 0 auto;
}

.itemResultados {
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 10px;
	font-size: 12px;
	line-height: 14px;
}

.itemResultados:Hover {
	background-color: #ccc;
}


.tituloResultados2 {
	font-size: 12px;
	display: block;
	margin-bottom: 0px;
	padding: 5px;
	padding-bottom: 3px;
	background-color: #ddd;
	text-align: center;


}

.itemResultados2 {
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 20px;
	font-size: 14px;
	line-height: 18px;
	padding-top: 22px;
}

.itemResultados2:Hover {
	background-color: #ccc;
}

.itemResultadosFlex {
	border-bottom: 1px solid #ccc;


	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	/* Safari */
	justify-content: flex-start;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;

	margin-top: 10px;
	margin-bottom: 10px;
}

.itemResultadosFlex:Hover {
	background-color: #ccc;
}

.fotoBusqueda {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	flex-grow: 0;
	background-color: #fff;
}

.textoBusqueda {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;

	text-align: left;
}



@media (max-width: 599px) {

	.logoHome {
		width: calc(100% - 0px);
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.buscarHome {
		width: 100%;
		margin: 0 auto;
	}

}

@media (min-width: 600px) {

	.logoHome {
		width: calc(60% - 30px);
		margin-right: 30px;
	}

	.buscarHome {
		width: 40%;
	}

}


@media (min-width: 900px) {

	.logoHome {
		width: calc(50% - 30px);
		margin-right: 30px;
	}

	.buscarHome {
		width: 50%;
	}

}




.buscarHomeAreaCampo {
	width: calc(100% - 50px);
	background-color: #ededed;
	color: #333;
	font-size: 13px;
	font-family: 'Spartan', sans-serif;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px solid transparent;

	outline: none;
}

.buscarMarca {
	width: calc(100%);
	height: 35px;
	background-color: #ffffff;
	border-radius: 3px;
}



.buscarHomeAreaCampo::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #666666;
	opacity: 1;
	font-weight: 400;
}

.buscarHomeAreaCampo::-moz-placeholder {
	/* Firefox 19+ */
	color: #666666;
	opacity: 1;
	font-weight: 400;
}

.buscarHomeAreaCampo:-ms-input-placeholder {
	/* IE 10+ */
	color: #666666;
	opacity: 1;
	font-weight: 400;
}

.buscarHomeAreaCampo:-moz-placeholder {
	/* Firefox 18- */
	color: #666666;
	opacity: 1;
	font-weight: 400;
}


.formBusquedaMarca {
	text-align: center;
}

.buscarHomeBoton {
	width: 35px;
	background-color: #910000;
	background-image: url(img/svg/icono_lupa_blanco.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center;

	position: relative;


	display: block;
	overflow: hidden;

	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	cursor: pointer;
}


.buscarHomeBoton:after {
	content: '';
	display: block;
	margin-top: 100%;
}


.buscarHomeBoton:Hover {
	background-color: #D90000;
}





.logoUsuario {
	/*width:160px;*/
	width: 70%;
	max-width: 170px;
	/*background-color:#cccccc;*/
	background-image: url(img/svg/logo_rivera_negativo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;


	display: block;
	overflow: hidden;


	margin: 10px;
	margin-left: 30px;
	/*margin-left: 20px;
	margin-right: 20px;*/

	flex-shrink: 0;
}

.logoUsuario:after {
	content: '';
	display: block;
	margin-top: 26.47%;
}





.copy {
	font-size: 12px;
	text-align: center;
	padding: 10px;
	color: #cccccc;
	font-weight: 400;
}

.creditos {
	font-size: 11px;
	text-align: center;
	padding: 10px;
	color: #666666;
	font-weight: 400;
}

/*
.contenidoTituloSeccion{
	width: 100%;
	
	min-height: 250px;
	margin-top: 65px;
	  display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: flex-end; 
  justify-content:         flex-end;
  
     -webkit-align-items: center;
  align-items:         center;
	
	-webkit-align-content: flex-end; 
 	align-content:         flex-end;
	background-image: url(img/svg/fondo_gris.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;	
	
}
*/

.contenidoTituloSeccion {
	width: 100%;

	min-height: 250px;
	margin-top: 65px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;


	background-color: transparent;
	color: #fff;
	font-size: 14px;
	padding-top: 20px;

	border-bottom: 14px solid #e89018;

	overflow: hidden;
	position: relative;
	z-index: 1;
}

.contenidoTituloSeccion:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	background-color: #a8d052;

}


.contenidoTituloSeccionCuenta {
	width: 100%;


	margin-top: 65px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;


	color: #fff;
	font-size: 14px;
	padding-top: 20px;
}

.tituloSeccion {

	font-size: 40px;
	line-height: 36px;
	font-weight: 300;
	/*color:#4793ca;*/
	color: #ffffff;

	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;

}

.tituloSeccionProyectos {

	font-size: 40px;
	line-height: 36px;
	font-weight: 300;
	/*color:#4793ca;*/
	color: #a8d052;

	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;

}


.subtituloSeccion {
	font-weight: 300;
	max-width: 450px;
	font-size: 20px;
	padding-left: 30px;
	padding-right: 30px;
}


.subtituloSeccionTituloBlog {
	font-weight: 700;
	max-width: 450px;
	font-size: 20px;
	padding-left: 30px;
	padding-right: 30px;
}


.noexiste {

	width: calc(100% - 40px);
	padding: 20px;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
	font-size: 20px;
	color: #666;
}

.noexiste a {
	color: #8FBA33;
}

.noexiste a:hover {
	color: #8FBA33;
	border-bottom: 1px solid #8FBA33;
}

.iconosSocial {
	position: relative;
}

.iconoSocial {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	/* Safari */
	justify-content: flex-start;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;
	margin-bottom: 20px;
}

.iconoSocialFacebook {
	width: 24px;
	height: 24px;
	background: url(img/svg/icono_social_facebook_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 5px;
	opacity: 1;
}



.iconoSocialTwitter {
	width: 24px;
	height: 24px;
	background: url(img/svg/icono_social_twitter_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 5px;
	opacity: 1;
}



.iconoSocialInstagram {
	width: 24px;
	height: 24px;
	background: url(img/svg/icono_social_instagram_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 5px;
	opacity: 1;
}


.iconoSocialLinkedin {
	width: 24px;
	height: 24px;
	background: url(img/svg/icono_social_linkedin_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 5px;
	opacity: 1;
}



.iconoLupa {
	width: 20px;
	height: 20px;
	background: url(img/lupa_color.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	cursor: pointer;

}

.iconoLupa:Hover {
	background: url(img/lupa_color2.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}



.contenedorSlidersHome {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;

	/*overflow: hidden;*/
	position: relative;
}


@media (max-width: 999px) {
	#slidersHomeG {
		display: none;
	}

	#slidersHomeS {
		display: block;
	}
}

@media (min-width: 1000px) {
	#slidersHomeG {
		display: block;
	}

	#slidersHomeS {
		display: none;
	}
}



.slidersServiciosHome {
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 60px;
	padding-bottom: 10px;
}

.contenedorSliderServicios {
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #c1c1c1;
}

.contenedorSliderServicios:first-child {
	border-left: 1px solid #c1c1c1;
}

.sliderServicios {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;
}

.sliderServicios:Hover {
	opacity: .6;
}

.imagenServiciosCredito {
	width: calc(40% - 10px);
	max-width: 150px;
	margin-right: 10px;
	display: inline-block;
	overflow: hidden;

	background-image: url(img/tarjetas.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}


.imagenServiciosCredito:after {
	content: '';
	display: block;
	margin-top: 32.8%;
}

.imagenServiciosSucursales {
	width: calc(40% - 10px);
	max-width: 60px;
	display: inline-block;
	overflow: hidden;

	background-image: url(img/svg/icono_sucursales_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;
}


.imagenServiciosSucursales:after {
	content: '';
	display: block;
	margin-top: 61.81%;
}

.imagenServiciosEnvios {
	width: calc(40% - 10px);
	max-width: 70px;
	display: inline-block;
	overflow: hidden;

	background-image: url(img/svg/icono_camion_rojo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;
}


.imagenServiciosEnvios:after {
	content: '';
	display: block;
	margin-top: 53.62%;
}

.imagenServiciosProtegida {
	width: calc(40% - 10px);
	max-width: 40px;
	display: inline-block;
	overflow: hidden;

	background-image: url(img/svg/icono_escudo_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 5px;
}


.imagenServiciosProtegida:after {
	content: '';
	display: block;
	margin-top: 100%;
}




.textoSliderServicios {
	max-width: calc(60% - 20px);
	padding: 10px;

	font-size: 12px;
	line-height: 16px;
}

.linea1SliderServicios {
	color: #333333;
}

.linea2SliderServicios {
	color: #ff2b2b;
}





.titulo {
	width: 95%;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 40px;
	line-height: 42px;
	padding-top: 24px;
	padding-bottom: 20px;
	font-weight: 300;
	color: #666666;
}




.tituloUltimosDisenios {
	padding-right: 40px;
	max-width: 1320px;
}

.tituloVerde {
	color: #a8d052;
}


.slidersHome {
	position: relative;
	background-color: #333333;
	background-color: #1f1f1f;

	padding-bottom: 20px;
	padding-top: 20px;
}



.sliderNoticiasSeccion {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;

}



.flechaIzquierda {
	width: 15px;
	background-image: url(img/flecha_slider_izquierda.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	overflow: hidden;
	margin-left: 10px;
	cursor: pointer;
}


.flechaIzquierda:after {
	content: '';
	display: block;
	margin-top: 179.49%;
}

.flechaDerecha {
	width: 15px;
	background-image: url(img/flecha_slider_derecha.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	overflow: hidden;
	margin-right: 10px;
	cursor: pointer;
}


.flechaDerecha:after {
	content: '';
	display: block;
	margin-top: 179.49%;
}





.sliderHome {
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}

.sliderHome:after {
	content: '';
	display: block;
	margin-top: 22.135%;
}

.sliderHomeS {
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}

.sliderHomeS:after {
	content: '';
	display: block;
	margin-top: 42.5%;
}


.noticiaHomeChica {
	padding-bottom: 20px;
	margin: 30px;
	position: relative;
	border-bottom: 2px dotted #ccc;
}




.botonConocerMasAzul {
	height: 15px;
	font-size: 12px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #4793ca;
	border: 1px solid #4793ca;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	display: inline-block;
}

.botonConocerMasAzul:Hover {
	background-color: #4793ca;
	border: 1px solid #4793ca;
	color: #ffffff;
}


.bannersHome {
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrapno: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;

	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;

	margin-top: 60px;
	margin-bottom: 0px;
}

.bannerHome {
	width: calc(50% - 20px);

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrapno: nowrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;

	background-color: #1b1f57;
	color: #fff;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}


.bannerIzquierda {
	width: 40%;
	background-image: url(img/barraBanner2.svg);
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrapno: nowrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;
}

.bannerDerecha {
	width: 60%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrapno: nowrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	position: relative;
}

.camion {
	width: 80%;
	max-width: 100px;
	background-image: url(img/icono_camion.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	padding-right: 60px;
	flex-grow: 0;
	flex-shrink: 0;
	display: block;
	overflow: hidden;
}

.camion:after {
	content: '';
	display: block;
	margin-top: 58.32%;
}


.textoAsociate {
	color: #1b1f57;
	font-size: 28px;
	line-height: 26px;
	padding: 20px;
	padding-right: 60px;
}

.textoBanner {
	font-size: 28px;
	line-height: 26px;
	padding: 40px;

}

.botonBanner {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #fff;
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-size: 11px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bannerHome:hover {
	-webkit-box-shadow: 10px 10px 19px -5px rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 10px 10px 19px -5px rgba(0, 0, 0, 0.22);
	box-shadow: 10px 10px 19px -5px rgba(0, 0, 0, 0.22);
}

.bannerHome:hover .botonBanner {
	border: 1px solid #72b55f;
	background-color: #72b55f;
}



.dosColumnasHome {
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrapno: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;

	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;

	margin-top: 20px;
	margin-bottom: 60px;
}



.columnaHomeIzq {
	width: calc(50% - 40px);


}

.columnaHomeDer {
	width: calc(50% - 40px);
}



.textoHome {
	width: calc(100% - 40px);
	margin: 0 auto;


	font-size: 16px;
	line-height: 22px;
	color: #4d4d4d;
}



.tituloTexto {
	color: #a8d052;
	/*color: #e89018;*/
	font-size: 24px;
	line-height: 30px;
	max-width: 500px;
	margin-bottom: 30px;
	font-weight: 800;
}

.subtituloTexto {
	color: #4d4d4d;
	font-weight: 400;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.textoHome p {
	min-height: 30px;
	padding: 0px;
	margin: 0px;
	padding-left: 30px;
	margin-bottom: 20px;

	background-image: url(img/svg/vignette.svg);
	background-size: 20px 30px;
	background-repeat: no-repeat;
	background-position: left top;

}




.textoHomeGris .tituloTexto {
	color: #e6e6e6;
	font-weight: 800;
	font-size: 22px;
	padding-left: 25px;
	margin-bottom: 20px;
}

.textoHomeGris p {
	padding: 0px;
	margin: 0px;
	border-left: 5px solid #e6e6e6;
	padding-left: 20px;
	margin-bottom: 20px;

	font-size: 15px;
	line-height: 18px;
	color: #e6e6e6;
}




.contenedorMapa {
	width: 100%;
	background-color: #e7e7e7;
	margin-top: 20px;
	margin-bottom: 2px;

}

.mapa {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	background-image: url(img/mapa.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.mapa:after {
	content: '';
	display: block;
	margin-top: 40%;
}



.tituloNuestrosClientes {
	color: #1b1f57;
	font-weight: 400;
	font-size: 28px;
	text-align: center;
	padding-top: 50px;
	margin-bottom: 40px;
}

.fondoVerde {
	background-color: #f6faed;
}



.diseniosIzquierda {
	width: 20px;
	height: 25px;
	background-image: url(img/svg/icono_izquierda_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-bottom: 30px;

	position: absolute;

	z-index: 900;

	margin: auto;
	top: 0;
	bottom: 0;
	left: 5px;
}

.diseniosDerecha {
	width: 20px;
	height: 25px;
	background-image: url(img/svg/icono_derecha_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	position: absolute;

	z-index: 900;
	margin: auto;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 5px;
}

.diseniosIzquierda:Hover,
.diseniosDerecha:Hover {
	opacity: .5;
}

.slidesDiseniosHome {
	width: calc(100% - 80px);
	max-width: 1400px;
	margin: 0 auto;
	position: relative;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;

	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;

	-webkit-align-content: stretch;
	/* Safari */
	align-content: stretch;


	padding-bottom: 20px;
	padding-top: 20px;
}

.disenioHome {
	/*width: calc( 100%/3 - 40px );*/


	/*max-width: 400px;*/
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 26px;


	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	overflow: hidden;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);

}

.disenioHome:Hover {
	-webkit-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
	box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
}

.imagenDisenioHome {
	width: 100%;
	overflow: hidden;
	display: block;
	margin: 0px;
	/*-webkit-filter: grayscale(50%); 
  filter: grayscale(50%);*/

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/*
.disenioHome:Hover .imagenDisenioHome{
	-webkit-filter: grayscale(0%); /
  filter: grayscale(0%);
}
*/


.imagenDisenioHome:after {
	content: '';
	display: block;
	margin-top: 57.5%;
}


.separadorDisenioHome {
	border-top: 1px solid #fff;
	height: 6px;
	background-color: #a8d052;
	margin: 0px;
}


.infoDisenioHome {
	padding: 15px;
}

.tituloDisenioHome {
	color: #a8d052;
	font-size: 18px;
}

.detalleDisenioHome {
	color: #4d4d4d;
	font-size: 12px;
	padding-top: 5px;
}







.botonQuieroAbajo {
	background-color: #e89018;
	color: #fff;
	font-size: 28px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	padding: 15px;
	padding-top: 14px;
	padding-bottom: 12px;

	display: inline-block;
	margin: 0 auto;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);

}

.botonQuieroAbajo:Hover {
	-webkit-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
	box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);

	/*background-color: #fbb36b;*/
}

.contenedorComoFunciona {
	width: 90%;
	max-width: 811px;
	margin: 0 auto;
	padding-bottom: 60px;
	padding-top: 60px;
}

.comoFunciona {
	width: 100%;

	position: relative;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;

	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;

	-webkit-align-content: stretch;
	/* Safari */
	align-content: stretch;



}

.comoFuncionaIzquierda {
	width: 200px;
	flex-grow: 0;
	flex-shrink: 2;
	position: relative;
	background-color: aliceblue;
}


.comoFuncionaDerecha {
	width: calc(80% - 6px);

	flex-grow: 2;

	border-left: 6px solid #a8d052;
	position: relative;

}

.lineaComoFunciona {
	height: 40px;

	-webkit-border-top-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	border-top-left-radius: 30px;

	border-top: 6px solid #a8d052;
}

.iconoComoFunciona {
	width: calc(100% - 20px);
	height: 80px;
	background-color: #a8d052;

	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	/* Safari */
	justify-content: flex-start;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: stretch;
	/* Safari */
	align-content: stretch;
	padding-left: 20px;
	padding-right: 0;
}

.iconoCoheteComoFunciona {
	width: 50px;
	height: 50px;
	background-image: url(img/svg/iconos_cohete.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.iconoEngranajeComoFunciona {
	width: 50px;
	height: 50px;
	background-image: url(img/svg/iconos_engranaje.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.iconoChatComoFunciona {
	width: 58px;
	height: 58px;
	background-image: url(img/svg/iconos_chat.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.iconoFinalComoFunciona {
	width: 50px;
	height: 50px;
	background-image: url(img/svg/iconos_finish.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.numeroComoFunciona {
	width: 48px;
	height: 48px;
	border: 6px solid #fff;
	background-color: #a8d052;
	border-radius: 50%;

	position: absolute;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 50px;
	font-weight: 900;
	left: -38px;
	top: 10px;
	z-index: 200;
}

.contenidoComoFunciona {
	padding-bottom: 60px;
	padding-left: 60px;
}


.tituloItemComoFunciona {
	color: #a8d052;
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 5px;
}

.textoItemComoFunciona {
	color: #666666;
	font-size: 18px;

}



.contenedorPlanesPrecios {
	width: 90%;
	margin: 0 auto;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrapno: wrap;
	-webkit-justify-content: space-around;
	/* Safari */
	justify-content: space-around;

	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;

	/*background-color: #f9f7f7;*/
	padding-top: 20px;
	padding-bottom: 0px;
	background-color: #f6faed;
}

.paquetePrecios {
	width: calc(100%/4 - 40px);
	margin: 0 auto;
	margin: 20px;
	margin-bottom: 30px;
	padding: 0px;

	max-width: none;

	background-color: #fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	overflow: hidden;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrapno: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: space-between;
	/* Safari */
	align-items: space-between;

	-webkit-align-content: space-between;
	/* Safari */
	align-content: space-between;
}



@media (max-width: 599px) {
	.paquetePrecios {
		width: calc(100% - 20px);
		margin: 0 auto;
		margin: 10px;
	}
}

@media (min-width: 600px) {
	.paquetePrecios {
		width: calc(50% - 20px);
		margin: 0 auto;
		margin: 10px;
	}
}

@media (min-width: 1200px) {
	.paquetePrecios {
		width: calc(100%/4 - 40px);
		margin: 0 auto;
		margin: 20px;
	}
}


.infoPaquetePrecios {
	padding: 15px;
}


.tituloPaquete {
	color: #a8d052;
	font-weight: 400;
	font-size: 22px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding-top: 0px;
	text-align: center;
}

.itemPaquetePrecios {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	padding-bottom: 6px;
	padding-top: 6px;
	text-align: center;
}

.listaPaquetePrecios {
	color: #4d4d4d;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tituloIncluyePrecios {
	font-size: 18px;
	padding-top: 0px;
	padding-bottom: 5px;
	color: #8FBA33;
	text-align: center;
}

.selectorTamanioJardin {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 40px;
}

.precioPaquete {
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	font-size: 18px;
	color: #8FBA33;
}

.preciosPlanes {
	display: none;
	color: #4d4d4d;
}



.izquierdaForm {
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 20px;
	margin-bottom: 30px;
}

.formContactoNuevo {
	width: calc(100% - 40px);
	max-width: 600px;
	margin: 0 auto;
	padding: 20px;


	background-color: #fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	overflow: hidden;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);

}

.noticiaHomeTercio:Hover {
	-webkit-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
	box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
}


.etiqueta {
	width: 100%;
	margin-bottom: 5px;

}

.etiquetaSub {
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 5px;
}

.campo {

	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	width: calc(100% - 22px);

	border: 1px solid #333333;
	font-size: 14px;
	color: #333333;

	/*color:#4793ca;*/
	/*color: #e2ebf6;*/

	background: transparent;
	background-color: #fefefe;



	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-bottom: 20px;
	margin-top: 5px;
	position: relative;
	font-family: 'Spartan', sans-serif;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	resize: none;
	font-weight: 400;
	margin: 0;
	opacity: 1;

}

.campo:focus {

	background-color: #910000;
	border: 1px solid #910000;
	color: #fff;
}



.campoSelect {
	display: block;


	width: 100%;
	max-width: 100%;
	box-sizing: border-box;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;

	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;

	border: 1px solid #333333;
	font-size: 13px;
	color: #333333;

	/*color:#4793ca;*/
	/*color: #e2ebf6;*/


	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		linear-gradient(to bottom, #fefefe 0%, #fefefe 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;


	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	margin-bottom: 20px;
	margin-top: 5px;

	position: relative;
	font-family: 'Spartan', sans-serif;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	resize: none;
	font-weight: 400;
	margin: 0;
	opacity: 1;
}

.campoSelect::-ms-expand {
	display: none;
}

.campoSelect:hover {
	border-color: #333333;
}

.campoSelect:focus {
	border-color: #333333;

	color: #222;
	outline: none;
}

.campoSelect option {}




.contenedorCampo {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	position: relative;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
}


.formListaProductosProveedor {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.contenedorCampo50 {
	box-sizing: border-box;
	width: 50%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	position: relative;
	padding: 10px;


}







label {
	font-size: 13px;
	font-family: 'Spartan', sans-serif;
	font-weight: 400;
	/* o 700 */
	color: #4793ca;

}



.campo::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #473729;
	opacity: 1;
	font-weight: 400;
}

.campo::-moz-placeholder {
	/* Firefox 19+ */
	color: #473729;
	opacity: 1;
	font-weight: 400;
}

.campo:-ms-input-placeholder {
	/* IE 10+ */
	color: #473729;
	opacity: 1;
	font-weight: 400;
}

.campo:-moz-placeholder {
	/* Firefox 18- */
	color: #473729;
	opacity: 1;
	font-weight: 400;
}

.botonForm {
	padding: 30px;
	padding-top: 10px;
	padding-bottom: 10px;

	background: #4d4d4d;
	font-size: 13px;
	color: #fff;

	font-weight: 700;

	display: block;
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
}

.botonForm:Hover {
	background-color: #a8d052;
}


.textoError {
	width: 100%;
	font-size: 12px;

	color: #333333;
	text-align: center;

}


.contenedorBotonEnviar {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	margin-top: 10px;
}

.preloaderContacto {
	background: url(img/preloader.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
	clear: both;

	padding-left: 25px;
	margin-left: 5px;
	/*display:none;*/
	line-height: 25px;
	color: #a8d052;
}



.lds-dual-ring {
	display: inline-block;
	width: 30px;
	height: 30px;
}

.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	margin: 2px;
	border-radius: 50%;
	border: 3px solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: lds-dual-ring 1s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.lds-dual-ring2 {
	display: inline-block;
	height: 15px;
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	padding-left: 25px;
	position: relative;
	color: #D90000;
	font-weight: 900;
	font-size: 11px;
	padding-top: 4px;
	display: none;
}

.lds-dual-ring2:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	margin: 0px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0px;
	border: 2px solid #D90000;
	border-color: #D90000 transparent #D90000 transparent;
	animation: lds-dual-ring 1s linear infinite;
}

@keyframes lds-dual-ring2 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}






.areaLogin {
	width: calc(100% - 80px);
	max-width: 300px;

	position: fixed;
	margin-top: 55px;
	right: 57px;
	background-color: #fff;
	padding: 0px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49);

	display: none;

}

.areaLogin:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: #ffffff transparent;
	border-width: 0 10px 10px;
	top: -10px;
	right: 10px;
	margin-left: -10px;
}

.areaLoginProveedor {
	background-color: #333;
	color: #fff;
}

.areaLoginVisible {
	display: block;
}

.areaLoginUsuario {
	padding: 20px;
}

.botonLoginProveedor {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;

	margin-bottom: 10px;
	color: #666;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	background-color: #efefef;
}

.botonAccesoProveedor {
	font-size: 14px;
	padding: 10px;
	text-align: center;
	display: block;
}

.botonLoginProveedor:Hover {
	background-color: #999;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	color: #fff;
}

.linkUsuario {
	padding: 10px;
	text-align: center;
	color: #333;
	font-size: 14px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}


.areaLoginProveedor .linkUsuario {
	color: #ddd;
}

.linkUsuario:Hover {
	color: #D30000;
}

.linkUsuario:not(:last-of-type) {
	border-bottom: 1px solid #999;
}





.botonesAccesosUsuarios {
	width: calc(100% - 40px);
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;

	-webkit-align-content: stretch;
	/* Safari */
	align-content: stretch;
}


.botonAccesoUsuarios {
	width: calc(100% / 3 - 80px);
	background-color: #666;
	color: #fff;
	padding: 20px;
	margin: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;

	-webkit-align-content: stretch;
	/* Safari */
	align-content: stretch;

	border-radius: 4px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.botonAccesoUsuarios:Hover {
	background-color: #D30000;
}

.iconoBotonAccesoUsuarios {
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
}

.textoBotonAccesoUsuarios {
	text-align: center;
	width: 100%;
	font-size: 20px;
}


.buscar {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 29, 57, 0.95);
	position: fixed;
	top: 0;
	z-index: 1500;



	color: #fff;
	font-size: 22px;
	font-weight: 500;
	opacity: 0;
	display: none;
}

.buscarFlex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;
}

.formBuscar {
	/*background-color: rgba(0,29,57,0.95);*/
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	position: relative;
	padding: 20px;
	/*border: 1px solid #fff;*/
}

.tituloBuscar {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}

.cerrarBuscar {
	position: absolute;
	color: #fff;
	font-weight: 400;
	font-size: 30px;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.tituloBusqueda {
	font-size: 18px;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	margin-bottom: 30px;
}


.testimonios {
	background-color: #a8d052;
	padding-top: 40px;
	padding-bottom: 40px;

}

.testimonio {
	width: 100%;
	color: #4d4d4d;
	text-align: center;
}

.textoTestimonio {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 24px;
	margin-bottom: 20px;
}

.autorTestimonio {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 16px;
}

.iconosCategoriasHome {
	margin: 0 auto;

	background-color: #fff;
	padding: 10px;
	padding-left: 0px;
	padding-right: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;
}

.tituloIconosCategoriasHome {
	max-width: 30%;
	font-size: 26px;
	text-align: right;

}

.tituloIconosCategoriasHomeDestacado {
	color: #b80b0b;
	font-weight: 700;
}

.tiraIconosCategoriasHome {
	width: calc(70% - 50px);
	margin-left: 50px;
	max-width: 900px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;
}

.tiraIconosCategoriasHome2 {
	width: 100%;
	margin: 0 auto;
	max-width: 1100px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;
}

@media (max-width: 789px) {

	.tituloIconosCategoriasHome {
		max-width: 100%;
		font-size: 26px;
		text-align: right;

	}

	.tiraIconosCategoriasHome {
		width: calc(100% - 40px);
		margin-left: 20px;
		max-width: 900px;
	}

}


@media (min-width: 790px) {

	.tituloIconosCategoriasHome {
		max-width: 30%;
		font-size: 26px;
		text-align: right;

	}

	.tiraIconosCategoriasHome {
		width: calc(70% - 50px);
		margin-left: 50px;
		max-width: 900px;
	}

}

.categoriaHome {
	padding: 20px;
	text-align: center;
	/* width: 100px; */
}

.iconoCategoriaHome {
	width: 100px;
	height: 100px;



	border-radius: 50%;
	margin: 0 auto;
}

.textoIconoCategoriaHome {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #333333;
	text-align: center;
	padding-top: 7px;
	text-transform: uppercase;
	max-width: 100px;
	margin: 0 auto;
}

.iconoCategoriaHomeTV {
	background: url(img/svg/icono_categoria_televisores.svg), radial-gradient(circle, rgba(226, 0, 0, 1) 0%, rgba(147, 16, 4, 1) 100%);
	background-size: 80px, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
}

.iconoCategoriaHomeCELULARES {
	background: url(img/svg/icono_categoria_celulares.svg), radial-gradient(circle, rgba(226, 0, 0, 1) 0%, rgba(147, 16, 4, 1) 100%);
	background-size: 80px, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
}

.iconoCategoriaHomeLAVARROPAS {
	background: url(img/svg/icono_categoria_lavarropas.svg), radial-gradient(circle, rgba(226, 0, 0, 1) 0%, rgba(147, 16, 4, 1) 100%);
	background-size: 80px, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
}

.iconoCategoriaHomeHELADERAS {
	background: url(img/svg/icono_categoria_heladeras.svg), radial-gradient(circle, rgba(226, 0, 0, 1) 0%, rgba(147, 16, 4, 1) 100%);
	background-size: 80px, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
}

.iconoCategoriaHomeAIRES {
	background: url(img/svg/icono_categoria_aires.svg), radial-gradient(circle, rgba(226, 0, 0, 1) 0%, rgba(147, 16, 4, 1) 100%);
	background-size: 80px, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
}

.iconoCategoriaHomeINFORMATICA {
	background: url(img/svg/icono_categoria_notebooks.svg), radial-gradient(circle, rgba(226, 0, 0, 1) 0%, rgba(147, 16, 4, 1) 100%);
	background-size: 80px, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
}

.iconoCategoriaHomeELECTROCOCINA {
	background: url(img/svg/icono_categoria_electro_cocinas.svg), radial-gradient(circle, rgba(226, 0, 0, 1) 0%, rgba(147, 16, 4, 1) 100%);
	background-size: 80px, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
}

.iconoCategoriaHomeELECTROHOGAR {
	background: url(img/svg/icono_categoria_electro_hogar.svg), radial-gradient(circle, rgba(226, 0, 0, 1) 0%, rgba(147, 16, 4, 1) 100%);
	background-size: 80px, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
}


.preFooter {

	padding: 30px;



	background: rgb(145, 7, 7);
	background: -webkit-linear-gradient(left, rgba(145, 7, 7, 1) 0%, rgba(211, 10, 17, 1) 100%);
	background: -o-linear-gradient(left, rgba(145, 7, 7, 1) 0%, rgba(211, 10, 17, 1) 100%);
	background: linear-gradient(to right, rgba(145, 7, 7, 1) 0%, rgba(211, 10, 17, 1) 100%);
}


.tituloPreFooter {
	width: 100%;
	color: #fff;
	font-size: 24px;
	font-weight: 300;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;
}

.redes {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;
	margin: 5px;
}

.iconoRedes {
	width: 35px;
	height: 35px;
	margin: 5px;
}

.dosColumnasPreFooter {
	width: 95%;
	max-width: 750px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;
	color: #fff;
	margin-top: 30px;
}

.columnaPreFooter {
	width: calc(100% - 63px);
	min-width: 250px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 15px;
	/*	border-left: 3px solid #fff;*/
	text-align: center;

}

.tituloColumnaPreFooter {
	font-size: 22px;
	line-height: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}

.itemListaColumnaPreFooter {
	font-size: 16px;
	line-height: 14px;
	font-weight: 600;
	width: 100%;
	display: inline-block;
	margin-top: 15px;
}



.footer {
	/*background:#0656a2;*/
	background: #222;
	color: #ffffff;
	font-size: 13px;
	padding-top: 0px;


	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;

	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;

	-webkit-align-content: flex-start;
	/* Safari */
	align-content: flex-start;

}

.footerTop {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;


}


.logoAbajo {
	/*width:160px;*/
	width: 70%;
	max-width: 250px;
	/*background-color:#cccccc;*/
	background-image: url(img/svg/logo_rivera_negativo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;


	display: block;
	overflow: hidden;
	margin: 20px;

	/*margin-left: 20px;
	margin-right: 20px;*/

}

.logoAbajo:after {
	content: '';
	display: block;
	margin-top: 26.47%;
}

.fraseFooter {
	max-width: 370px;
	display: inline-block;
	font-size: 20px;
	padding: 20px;
}


.columnaFooter {
	width: calc(100 / 3 - 80px);
	margin: 40px;
	max-width: 350px;

	flex-shrink: 0;
	flex-grow: 2;

}

.legalesFooter {
	font-size: 10px;
}



@media (max-width: 699px) {
	.columnaFooter {
		width: calc(100% - 80px);
		padding: 20px;
		margin: 0px;
		flex-shrink: 0;
		flex-grow: 0;
		margin: 0 auto;
	}
}

@media (min-width: 700px) {
	.columnaFooter {
		width: calc(100% / 3 - 80px);
		margin: 40px;
		padding: 0px;
		max-width: 350px;
		flex-shrink: 0;
		flex-grow: 2;
	}
}




.rFooter {
	width: 100px;
	height: 100px;
	background-image: url(img/svg/icono_logo_R.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
}

.tituloFooter {
	font-size: 28px;
	font-weight: 400;
	line-height: 20px;
	padding-top: 0px;
	margin-bottom: 30px;

}

.textoFooter {
	font-size: 15px;
	line-height: 24px;

	text-align: left;
	font-weight: 500;
}

.footerLink {
	color: #fff;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	display: block;
	margin-bottom: 20px;
	border-left: 4px solid #fff;
	padding-left: 10px;
}

.footerLink:Hover {
	color: #e89018;
	padding-left: 20px;
	border-left: 4px solid #e89018;
}



.afip {
	width: 100%;
	text-align: right;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;

	-webkit-align-items: center;
	/* Safari */
	align-items: center;

	-webkit-align-content: center;
	/* Safari */
	align-content: center;
}










.error404 {
	padding-top: 100px;
	height: 300px;
	width: 40%;
	min-width: 300px;
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	display: block;
	color: #666666;
	font-size: 16px;
}

.tituloError {
	width: 100%;
	/*background:#494949;
	border:1px solid #494949;*/
	color: #910000;

	font-size: 45px;
	font-weight: 300;
	margin-bottom: 20px;
}












/* 
  You want a simple and fancy tooltip?
  Just copy all [data-tooltip] blocks:
*/
[data-tooltip] {
	position: relative;

}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
	position: absolute;
	z-index: 900 !important;
	visibility: hidden;
	opacity: 0;
	left: 50%;
	bottom: calc(100% + 5px);
	pointer-events: none;
	transition: 0.2s;
	will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
	content: attr(data-tooltip);
	padding: 6px 10px;
	min-width: 50px;
	max-width: 250px;
	width: max-content;
	width: -moz-max-content;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 400;
	line-height: 13px;
	/*   font-size: 0.73rem; */
	background-color: rgba(59, 72, 80, 0.8);
	background-image: linear-gradient(30deg,
			rgba(59, 72, 80, 0.44),
			rgba(59, 68, 75, 0.44),
			rgba(60, 82, 88, 0.44));
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
	white-space: pre-wrap;
	transform: translate(-50%, -5px) scale(0.5);

	backdrop-filter: blur(5px);
}

/* Tooltip arrow */
[data-tooltip]:after {
	content: '';
	border-style: solid;
	border-width: 5px 5px 0px 5px;
	border-color: rgba(55, 64, 70, 0.6) transparent transparent transparent;
	transition-duration: 0s;
	/* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
	transform-origin: top;
	/* Orientation setting for the
                              slide-down effect */
	transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
}

/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
	transition-delay: 0.3s;
	transform: translate(-50%, -5px) scale(1);
}

/* Slide down effect only on mouseenter (NOT on mouseleave) */
[data-tooltip]:hover:after {
	transition-delay: 0.5s;
	/* Starting after the grow effect */
	transition-duration: 0.2s;
	transform: translateX(-50%) scaleY(1);
}

/*
  That's it.
*/






/*
  If you want some adjustability
  here are some orientation settings you can use:
*/

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
	left: auto;
	right: calc(100% + 5px);
	bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
	transform: translate(-5px, 50%) scale(0.5);
}

[data-tooltip-location="left"]:hover:before {
	transform: translate(-5px, 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
	border-width: 5px 0px 5px 5px;
	border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
	transform-origin: left;
	transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="left"]:hover:after {
	transform: translateY(50%) scaleX(1);
}



/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
	left: calc(100% + 5px);
	bottom: 50%;
}

[data-tooltip-location="right"]:before {
	transform: translate(5px, 50%) scale(0.5);
}

[data-tooltip-location="right"]:hover:before {
	transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
	border-width: 5px 5px 5px 0px;
	border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
	transform-origin: right;
	transform: translateY(50%) scaleX(0);
	backdrop-filter: blur(5px);
}

[data-tooltip-location="right"]:hover:after {
	transform: translateY(50%) scaleX(1);
}



/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
	top: calc(80% + 5px);
	bottom: auto;
}

[data-tooltip-location="bottom"]:before {
	transform: translate(-50%, 5px) scale(0.5);
}

[data-tooltip-location="bottom"]:hover:before {
	transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
	border-width: 0px 5px 5px 5px;
	border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
	transform-origin: bottom;
}











/* AJUSTE RESOLUCION */



/* ACCESOS */
@media (max-width: 700px) {

	.accesoNutricion {
		width: calc(100% - 20px);
		height: auto;
		border-left: 20px solid #3f5ca0;
	}

	.accesoNutricion:after {
		content: '';
		display: block;
		margin-top: 30%;
	}

	.accesoAgroinsumos {
		width: calc(100% - 20px);
		height: auto;
		border-right: 20px solid #007632;
	}

	.accesoAgroinsumos:after {
		content: '';
		display: block;
		margin-top: 30%;
	}

	.tituloAcceso {
		font-size: 18px;
		line-height: 21px;
	}



}

@media (min-width: 701px) {

	.accesoNutricion {
		width: calc(50% - 20px);
		height: calc(40vh - 50px);
		border-left: 20px solid #3f5ca0;
	}

	.accesoNutricion:after {
		content: '';
		display: block;
		margin-top: 0;
	}

	.accesoAgroinsumos {
		width: calc(50% - 20px);
		height: calc(40vh - 50px);
		border-right: 20px solid #007632;
	}

	.accesoAgroinsumos:after {
		content: '';
		display: block;
		margin-top: 0;
	}

	.tituloAcceso {
		font-size: 26px;
		line-height: 24px;
	}

}

/* TEXTOS HOME */
@media (max-width: 800px) {

	.columnaHomeIzq {
		width: 100%;
	}

	.columnaHomeDer {
		width: 100%;
	}

	.textoHome {}

	.sliderBeneficios {
		width: 90%;
		max-width: 1500px;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.textoBeneficio {
		max-width: none;
	}

	.tituloBeneficio br {
		content: '';
	}

	.tituloBeneficio br:after {
		content: ' ';
	}

}

@media (min-width: 801px) {

	.columnaHomeIzq {
		width: calc(50% - 40px);
	}

	.columnaHomeDer {
		width: calc(50% - 40px);
	}

	.textoHome {}

	.sliderBeneficios {
		width: 90%;
		max-width: 1500px;
		margin-bottom: 40px;
		margin-top: 20px;
	}

	.textoBeneficio {
		max-width: 300px;
	}

	.tituloBeneficio br {
		content: normal;
	}

	.tituloBeneficio br:after {
		content: '';
	}

}


/* FOOTER */
@media (max-width: 800px) {

	.izquierdaFooter {
		width: 100%;
		order: 2;
		text-align: center;

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		/* Safari */
		justify-content: center;

		-webkit-align-items: flex-start;
		/* Safari */
		align-items: flex-start;
		margin-bottom: 30px;
	}

	.centroFooter {
		width: 100%;
		order: 1;

		margin-bottom: 30px;
	}

	.derechaFooter {
		width: 100%;
		order: 3;
		text-align: center;


		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		/* Safari */
		justify-content: center;

		-webkit-align-items: flex-start;
		/* Safari */
		align-items: flex-start;
	}



}

@media (min-width: 801px) {

	.izquierdaFooter {
		width: 45%;
		order: 2;
		text-align: center;

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		/* Safari */
		justify-content: center;

		-webkit-align-items: flex-start;
		/* Safari */
		align-items: flex-start;
		margin-bottom: 0px;
	}

	.centroFooter {
		width: 100%;
		order: 1;

		margin-bottom: 30px;
	}

	.derechaFooter {
		width: 45%;
		order: 3;
		text-align: center;


		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		/* Safari */
		justify-content: center;

		-webkit-align-items: flex-start;
		/* Safari */
		align-items: flex-start;
	}



}

@media (min-width: 1201px) {

	.izquierdaFooter {
		width: 30%;
		order: 1;
		text-align: right;

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-end;
		/* Safari */
		justify-content: flex-end;

		-webkit-align-items: flex-start;
		/* Safari */
		align-items: flex-start;
		margin-bottom: 0px;
	}

	.centroFooter {
		width: 30%;
		order: 2;

		margin-bottom: 0px;
	}

	.derechaFooter {
		width: 30%;
		order: 3;
		text-align: left;


		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		/* Safari */
		justify-content: flex-start;

		-webkit-align-items: flex-start;
		/* Safari */
		align-items: flex-start;


	}





}






@media (max-width: 700px) {

	.titulo {
		font-size: 30px;
		line-height: 30px;
		padding-top: 34px;
		padding-bottom: 20px;
	}

	.tituloUltimosDisenios {
		padding-right: 0px;
		max-width: 1320px;
	}

}

@media (min-width: 701px) {

	.titulo {
		font-size: 36px;
		line-height: 36px;
		padding-top: 38px;
		padding-bottom: 20px;
	}

	.tituloUltimosDisenios {
		padding-right: 40px;
		max-width: 1320px;
	}

}



@media (max-width: 500px) {

	.contenedorComoFunciona {
		width: calc(100% - 40px);
		margin-left: 40px;
		padding-bottom: 60px;
		padding-top: 60px;
	}


	.comoFunciona {
		width: 100%;

		position: relative;

		display: block;
	}

	.comoFuncionaIzquierda {
		width: 90%;
		flex-grow: 0;
		flex-shrink: 2;
		position: relative;
		background-color: aliceblue;
	}


	.comoFuncionaDerecha {
		width: calc(100% - 6px);
		flex-grow: 2;
		border-left: 6px solid #a8d052;
		position: relative;
	}

	.iconoComoFunciona {
		width: calc(100% - 20px);
		height: 80px;

		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;

		-webkit-border-top-left-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;


		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-end;
		/* Safari */
		justify-content: flex-end;

		-webkit-align-items: center;
		/* Safari */
		align-items: center;

		-webkit-align-content: stretch;
		/* Safari */
		align-content: stretch;
		padding-right: 20px;
		padding-left: 0;
	}

	.numeroComoFunciona {
		width: 48px;
		height: 48px;
		border: 6px solid #fff;
		background-color: #a8d052;
		border-radius: 50%;

		position: absolute;
		color: #fff;
		font-size: 24px;
		text-align: center;
		line-height: 50px;
		font-weight: 900;
		left: -35px;
		top: -70px;
		z-index: 200;
	}

	.contenidoComoFunciona {
		padding-top: 20px;
		padding-bottom: 60px;
		padding-left: 30px;
		padding-right: 30px;
	}


}

@media (min-width: 501px) {

	.contenedorComoFunciona {
		width: 90%;
		max-width: 811px;
		margin: 0 auto;
		padding-bottom: 60px;
		padding-top: 60px;
	}

	.comoFunciona {
		width: 100%;


		position: relative;

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		/* Safari */
		justify-content: space-between;

		-webkit-align-items: flex-start;
		/* Safari */
		align-items: flex-start;

		-webkit-align-content: stretch;
		/* Safari */
		align-content: stretch;
	}

	.comoFuncionaIzquierda {
		width: 200px;
		flex-grow: 0;
		flex-shrink: 2;
		position: relative;
		background-color: aliceblue;
	}


	.comoFuncionaDerecha {
		width: calc(80% - 6px);
		flex-grow: 2;
		border-left: 6px solid #a8d052;
		position: relative;
	}

	.iconoComoFunciona {
		width: calc(100% - 20px);
		height: 80px;

		-webkit-border-top-left-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;

		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		/* Safari */
		justify-content: flex-start;

		-webkit-align-items: center;
		/* Safari */
		align-items: center;

		-webkit-align-content: stretch;
		/* Safari */
		align-content: stretch;
		padding-left: 20px;
		padding-right: 0;
	}

	.numeroComoFunciona {
		width: 48px;
		height: 48px;
		border: 6px solid #fff;
		background-color: #a8d052;
		border-radius: 50%;

		position: absolute;
		color: #fff;
		font-size: 24px;
		text-align: center;
		line-height: 50px;
		font-weight: 900;
		left: -38px;
		top: 10px;
		z-index: 200;
	}

	.contenidoComoFunciona {
		padding-top: 0px;
		padding-bottom: 60px;
		padding-left: 40px;
		padding-right: 0px;
	}



}


/* MENU */

@media (max-width: 580px) {

	.menuHome {
		display: none;
	}

	.menuUsuario {
		display: none;
	}

	.contenedorBotonesHeader {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;

		-webkit-justify-content: flex-end;
		justify-content: flex-end;

		-webkit-align-items: stretch;
		align-items: stretch;

		-webkit-align-content: stretch;
		align-content: stretch;
	}

}

@media (min-width: 581px) {

	.menuHome {
		display: none;
	}

	.menuUsuario {
		display: none;
	}

	.contenedorBotonesHeader {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;

		-webkit-justify-content: flex-end;
		justify-content: flex-end;

		-webkit-align-items: stretch;
		align-items: stretch;

		-webkit-align-content: stretch;
		align-content: stretch;
	}

}


@media (min-width: 1200px) {

	.menuHome {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

		-webkit-justify-content: space-between;
		justify-content: space-between;

		-webkit-align-items: stretch;
		align-items: stretch;

		-webkit-align-content: stretch;
		align-content: stretch;
	}

	.menuUsuario {

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

		-webkit-justify-content: center;
		justify-content: center;

		-webkit-align-items: stretch;
		align-items: stretch;

		-webkit-align-content: stretch;
		align-content: stretch;
	}

	.contenedorBotonesHeader {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;

		-webkit-justify-content: flex-end;
		justify-content: flex-end;

		-webkit-align-items: stretch;
		align-items: stretch;

		-webkit-align-content: stretch;
		align-content: stretch;
	}

}







@media (max-width: 849px) {


	.galeriaNoticias {
		width: 90%;
		max-width: 1400px;
		margin: 0 auto;
		margin-bottom: 10px;

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		/* Safari */
		justify-content: center;

		-webkit-align-items: stretch;
		/* Safari */
		align-items: stretch;
	}






	.contacto {
		width: calc(90% - 80px);
		max-width: 1200px;
		margin: 0 auto;
		margin-bottom: 40px;
		padding: 40px;
	}

	.izquierdaContacto {
		width: 100%;
		display: block;
		margin-bottom: 40px;
		margin-top: 0px;
	}

	.derechaContacto {
		width: 100%;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.tituloContacto {
		font-size: 32px;
		line-height: 34px;
	}

	.contenedorCampoMitad {
		width: 100%;
	}



}

@media (min-width: 850px) {








	.galeriaNoticias {
		width: 35%;
		max-width: 1400px;
		margin: 0;
		margin-bottom: 10px;

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		/* Safari */
		justify-content: flex-start;

		-webkit-align-items: stretch;
		/* Safari */
		align-items: stretch;
	}






	.contacto {
		width: calc(90% - 80px);
		max-width: 1200px;
		margin: 0 auto;
		margin-bottom: 40px;
		padding: 40px;
	}

	.izquierdaContacto {
		width: 100%;
		display: block;
		margin-bottom: 40px;
		margin-top: 0px;
	}

	.derechaContacto {
		width: 100%;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.tituloContacto {
		font-size: 36px;
		line-height: 38px;
	}

	.contenedorCampoMitad {
		width: calc(50% - 10px);
	}



}

@media (min-width: 1200px) {






	.fotosConocer {
		width: 50%;
	}


	.galeriaNoticias {
		width: 35%;
		max-width: 1400px;
		margin: 0;
		margin-bottom: 10px;

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		/* Safari */
		justify-content: flex-start;

		-webkit-align-items: stretch;
		/* Safari */
		align-items: stretch;
	}



	.contacto {
		width: calc(90% - 160px);
		max-width: 1200px;
		margin: 0 auto;
		margin-bottom: 40px;
		padding: 80px;
	}


	.izquierdaContacto {
		width: 50%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		/* Safari */
		justify-content: flex-start;

		-webkit-align-items: center;
		/* Safari */
		align-items: center;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.derechaContacto {
		width: 50%;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.tituloContacto {
		font-size: 40px;
		line-height: 42px;
	}

	.contenedorCampoMitad {
		width: calc(50% - 10px);
	}




}




/* HEADER PLANOS */

@media (max-width: 899px) {

	.headerVerde {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

		-webkit-justify-content: center;
		justify-content: center;

		-webkit-align-items: flex-start;
		align-items: flex-start;

		-webkit-align-content: flex-start;
		align-content: flex-start;
		padding-top: 20px;
	}

	.headerVerdePlano {
		order: 2;
		max-width: 770px;
		width: 90%;
		/*background-color: rgba(80,120,148,0.63);*/
		display: block;
		/*overflow:hidden;*/
		margin-top: 5px;
		margin-bottom: 5px;
		/*margin-left: 20px;
		margin-right: 20px;*/
		position: relative;
		padding-bottom: 0px;
		/*padding-top: 20px;*/
	}

	.headerVerdeTextos {
		order: 1;
		width: 100%;

		text-align: center;
		color: #fff;

		padding-top: 0px;
		padding-bottom: 20px;
	}

	.headerVerdeTextoDiseniamos {
		font-size: 34px;
	}

	.headerVerdeTextoOnline {
		width: 305px;
		margin: 0 auto;
		padding: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 24px;
		border: 3px solid #fff;
		font-size: 70px;
		line-height: 75px;
		font-weight: 300;

		margin-top: 10px;
		margin-bottom: 15px;


		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}

	.headerVerdeTextoMas {
		font-size: 22px;
	}

}



@media (min-width: 900px) {

	.headerVerde {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

		-webkit-justify-content: center;
		justify-content: center;

		-webkit-align-items: flex-start;
		align-items: flex-start;

		-webkit-align-content: flex-start;
		align-content: flex-start;
		padding-top: 20px;
	}

	.headerVerdePlano {
		max-width: 770px;
		width: 60%;
		/*background-color: rgba(80,120,148,0.63);*/
		display: block;
		/*overflow:hidden;*/
		margin-top: 5px;
		margin-bottom: 5px;
		/*margin-left: 20px;
		margin-right: 20px;*/
		position: relative;
		padding-bottom: 0px;
		/*padding-top: 20px;*/
	}

	.headerVerdeTextos {
		max-width: 600px;
		width: 40%;

		text-align: center;
		color: #fff;

		padding-top: 80px;
	}

	.headerVerdeTextoDiseniamos {
		font-size: 30px;
	}

	.headerVerdeTextoOnline {
		width: 290px;
		margin: 0 auto;
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 15px;
		border: 3px solid #fff;
		font-size: 60px;
		line-height: 66px;
		font-weight: 300;

		margin-top: 10px;
		margin-bottom: 15px;


		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}

	.headerVerdeTextoMas {
		botonMenu: 20px;
	}

}



@media (min-width: 1200px) {

	.headerVerde {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

		-webkit-justify-content: center;
		justify-content: center;

		-webkit-align-items: flex-start;
		align-items: flex-start;

		-webkit-align-content: flex-start;
		align-content: flex-start;
		padding-top: 20px;
	}

	.headerVerdePlano {
		max-width: 770px;
		width: 65%;
		/*background-color: rgba(80,120,148,0.63);*/
		display: block;
		/*overflow:hidden;*/
		margin-top: 5px;
		margin-bottom: 5px;
		/*margin-left: 20px;
		margin-right: 20px;*/
		position: relative;
		padding-bottom: 0px;
		/*padding-top: 20px;*/
	}

	.headerVerdeTextos {
		max-width: 600px;
		width: 35%;

		text-align: center;
		color: #fff;

		padding-top: 80px;
	}

	.headerVerdeTextoDiseniamos {
		font-size: 34px;
	}

	.headerVerdeTextoOnline {
		width: 305px;
		margin: 0 auto;
		padding: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 24px;
		border: 3px solid #fff;
		font-size: 70px;
		line-height: 75px;
		font-weight: 300;

		margin-top: 10px;
		margin-bottom: 15px;


		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}

	.headerVerdeTextoMas {
		font-size: 22px;
	}

}


@media (min-width: 1500px) {

	.headerVerde {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

		-webkit-justify-content: center;
		justify-content: center;

		-webkit-align-items: flex-start;
		align-items: flex-start;

		-webkit-align-content: flex-start;
		align-content: flex-start;
		padding-top: 20px;
	}

	.headerVerdePlano {
		max-width: 770px;
		width: 50%;
		/*background-color: rgba(80,120,148,0.63);*/
		display: block;
		/*overflow:hidden;*/
		margin-top: 5px;
		margin-bottom: 5px;
		/*margin-left: 20px;
		margin-right: 20px;*/
		position: relative;
		padding-bottom: 0px;
		/*padding-top: 20px;*/
	}

	.headerVerdeTextos {
		max-width: 600px;
		width: 50%;

		text-align: center;
		color: #fff;

		padding-top: 80px;
	}

	.headerVerdeTextoDiseniamos {
		font-size: 38px;
	}

	.headerVerdeTextoOnline {
		width: 350px;
		margin: 0 auto;
		padding: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 24px;
		border: 3px solid #fff;
		font-size: 75px;
		line-height: 75px;
		font-weight: 300;

		margin-top: 10px;
		margin-bottom: 15px;


		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}

	.headerVerdeTextoMas {
		font-size: 26px;
	}

}




/* 
  You want a simple and fancy tooltip?
  Just copy all [data-tooltip] blocks:
*/
[data-tooltip] {
	/* position: relative;*/

}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
	position: absolute;
	z-index: 500 !important;
	visibility: hidden;
	opacity: 0;
	left: 50%;
	bottom: calc(100% + 5px);
	pointer-events: none;
	transition: 0.2s;
	will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
	content: attr(data-tooltip);
	padding: 6px 10px;
	min-width: 50px;
	max-width: 250px;
	width: max-content;
	width: -moz-max-content;
	border-radius: 4px;
	font-size: 11px;
	line-height: 13px;
	/*   font-size: 0.73rem; */
	background-color: rgba(59, 72, 80, 0.8);
	background-image: linear-gradient(30deg,
			rgba(59, 72, 80, 0.44),
			rgba(59, 68, 75, 0.44),
			rgba(60, 82, 88, 0.44));
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
	white-space: pre-wrap;
	transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
	content: '';
	border-style: solid;
	border-width: 5px 5px 0px 5px;
	border-color: rgba(59, 72, 80, 0.8) transparent transparent transparent;
	transition-duration: 0s;
	/* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
	transform-origin: top;
	/* Orientation setting for the
                              slide-down effect */
	transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
}

/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
	transition-delay: 0.3s;
	transform: translate(-50%, -5px) scale(1);
}

/* Slide down effect only on mouseenter (NOT on mouseleave) */
[data-tooltip]:hover:after {
	transition-delay: 0.5s;
	/* Starting after the grow effect */
	transition-duration: 0.2s;
	transform: translateX(-50%) scaleY(1);
}

/*
  That's it.
*/






/*
  If you want some adjustability
  here are some orientation settings you can use:
*/

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
	left: auto;
	right: calc(100% + 5px);
	bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
	transform: translate(-5px, 50%) scale(0.5);
}

[data-tooltip-location="left"]:hover:before {
	transform: translate(-5px, 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
	border-width: 5px 0px 5px 5px;
	border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
	transform-origin: left;
	transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="left"]:hover:after {
	transform: translateY(50%) scaleX(1);
}



/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
	left: calc(100% + 5px);
	bottom: 50%;
}

[data-tooltip-location="right"]:before {
	transform: translate(5px, 50%) scale(0.5);
}

[data-tooltip-location="right"]:hover:before {
	transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
	border-width: 5px 5px 5px 0px;
	border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
	transform-origin: right;
	transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="right"]:hover:after {
	transform: translateY(50%) scaleX(1);
}



/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
	top: calc(80% + 5px);
	bottom: auto;
}

[data-tooltip-location="bottom"]:before {
	transform: translate(-50%, 5px) scale(0.5);
}

[data-tooltip-location="bottom"]:hover:before {
	transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
	border-width: 0px 5px 5px 5px;
	border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
	transform-origin: bottom;
}



.areaProveedores {

	width: 100%;
	max-width: 1400px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	row-gap: 20px;

	margin: 0 auto;

}


.columnaProveedores {

	box-sizing: border-box;
	/* width: calc( 50% - 20px ); */
	max-width: 1200px;
	padding: 20px;
	margin: 0 auto;
	text-align: center;

	background-color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;

	border-radius: 5px;
}


.columnaProveedores1 {
	width: calc(100% - 0px);
}

.columnaProveedores2 {
	width: calc(100% - 0px);
}

.columnaProveedores .texto1CoumnaPagina {
	text-align: left;
}

.texto1CoumnaPagina a {
	color: #236ca0;
	border-bottom: 1px solid #236ca0;
}

.texto1CoumnaPagina a:hover {
	color: #D30000;
	border-bottom: 1px solid #D30000;
}

.tablaCambiosDevoluciones {
	border: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.filaTablaCambiosDevoluciones {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.filaTablaCambiosDevoluciones:last-of-type {
	border-bottom: 0px dotted #ccc;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

@media (max-width: 1099px) {

	.columnaProveedores1 {
		width: calc(100% - 0px);
	}

	.columnaProveedores2 {
		width: calc(100% - 0px);
	}
}

@media (min-width: 1100px) {

	.columnaProveedores1 {
		width: calc(100% - 0px);
	}

	.columnaProveedores2 {
		width: calc(100% - 0px);
	}
}

@media (min-width: 1400px) {

	.columnaProveedores1 {
		width: calc(100% - 0px);
	}

	.columnaProveedores2 {
		width: calc(100% - 0px);
	}
}



.cargadorEjecucionExcel {
	width: 50px;
	background: url(img/preloader.svg);
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	clear: both;
	margin: 0 auto;


	/*display:none;*/
}

.cargadorEjecucionExcel:after {
	content: '';
	display: block;
	margin-top: 100%;
}

.cargadorEjecucionExcelTexto {
	text-align: center;
	font-size: 16px;
	font-weight: 800;
}


#cargadorExcel {
	padding: 10px;
	display: none;
}

.textoEjecucionExcel {
	font-size: 16px;
	text-align: center;
	padding: 10px;
}



.articuloProveedor {
	padding: 10px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	text-align: left;

	border-bottom: 1px dotted #ddd;

	font-size: 12px;

}

.articuloProveedor:hover {
	background-color: #eee;
}

.articuloProveedorTitulos {
	font-weight: 700;
	background-color: #ddd;
	border-radius: 4px;
	font-size: 11px;
	/* padding: 5px; */

	/* text-align: center; */
}

.columnaProveedorSKU {
	box-sizing: border-box;
	width: 15%;
	padding: 5px;
	padding-left: 0px;
	padding-right: 10px;
	border-right: 1px dotted #ccc;
	flex-shrink: 0;
}

.columnaProveedorTitulo {
	box-sizing: border-box;
	width: calc(45% - 25px);
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px dotted #ccc;
	flex-shrink: 0;
}

.columnaProveedorPrecio {
	box-sizing: border-box;
	width: 15%;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px dotted #ccc;
	flex-shrink: 0;
}

.columnaProveedorStock {
	box-sizing: border-box;
	width: 10%;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px dotted #ccc;
	flex-shrink: 0;
}

.columnaProveedorGuardar {
	box-sizing: border-box;
	width: 20px;
	padding: 0px;
	padding-left: 5px;
	flex-shrink: 0;
}

.campoProductoProveedor {
	box-sizing: border-box;
	width: 100%;
	padding: 0px;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	outline: none;
	border: 1px solid #ddd;

	font-size: 12px;
	font-family: Spartan;
}

.botonGuardarProductoProveedor {
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-floppy' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23cccccc' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2' /%3E%3Cpath d='M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M14 4l0 4l-6 0l0 -4' /%3E%3C/svg%3E");
	background-size: contain;
}

.botonGuardarProductoProveedorActivo {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-floppy' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2' /%3E%3Cpath d='M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M14 4l0 4l-6 0l0 -4' /%3E%3C/svg%3E");

	cursor: pointer;

}

.botonGuardarProductoProveedorActivo:hover {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-floppy' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23FF0000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2' /%3E%3Cpath d='M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M14 4l0 4l-6 0l0 -4' /%3E%3C/svg%3E");

}

.botonGuardarProductoProveedorCargando {
	background-image: url(img/preloader.svg);
	background-size: contain;
}

.botonGuardarProductoProveedorListo {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-circle-check' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%237bc62d' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3E%3Cpath d='M9 12l2 2l4 -4' /%3E%3C/svg%3E");
	background-size: contain;
}



.contenedorBannersPromocionales {
	background-color: #1f1f1f;
	padding-bottom: 20px;
}

.bannersPromocionales {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	max-width: 1500px;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.grid3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.grid4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 600px) {
	.bannersPromocionales {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
}

@media (min-width: 601px) {
	.bannersPromocionales {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 901px) {
	.bannersPromocionales {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.grid3 {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.grid4 {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (min-width: 1101px) {
	.bannersPromocionales {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.grid3 {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.grid4 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}




.bannerPromocional {
	aspect-ratio: 2.21 / 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


.contenedorBotonArrepentimiento {
	display: flex;
	justify-content: center;
	padding: 10px;
}

.botonArrepentimiento {
	background-color: #910000;
	color: #f0f0f0;
	font-size: 14px;
	line-height: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-top: 4px;

	border-radius: 4px;

}