/* 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;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	font-size: 12px;
	/* overflow-x: hidden;
	overflow-y: scroll; */
	scrollbar-color: #da2032 #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: 'Crimson Text', serif; */
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	/* o 700 */
	font-size: 12px;
	background: #FFFFFF;
	/* overflow: auto; */
	scrollbar-width: thin;

}

body.static {
	overflow-y: hidden;
}

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

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

::-webkit-scrollbar-thumb {
	background: #da2032;
	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;
}

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

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

.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-left: 0px;
	margin-left: 0px;
}

@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;
	}
}

.menuCategorias {
	position: relative;
}

.menuCategoriasIn {
	max-width: 1400px;
	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;
	margin: 0 auto;
}

@media (max-width: 999px) {
	.menuCategorias {
		display: none;
	}
}

@media (min-width: 1000px) {
	.menuCategoriasIn {
		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;
		margin: 0 auto;
	}
}

.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: #2c3b4c;
	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;
	font-weight: 700;
	/*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;
	background-color: #efeff4;
}

.botonMenuDestacado {
	background-color: #2c3b4c;
	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: #da2032;
}

.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: #2c3b4c;
	color: #fff;
	border: 1px solid #2c3b4c;
}

.linkMenu:not(.botonesMenuMovil .linkMenu) {
	padding-right: 10px;
	margin-right: 10px;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
}

.linkMenu:not(.botonesMenuMovil .linkMenu):not(:last-of-type) {
	border-right: 1px solid #839baf;
}

/* .botonesMenuMovil .linkMenu {
	padding-right: 10px;
	margin-right: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-right: 0px solid #839baf;
} */

.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: #da2032;
	-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: #da2032;
	-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 {
	background-color: transparent !important;
	color: #fff;
	display: block;
	padding: 5px;
	padding-left: 10px;
	padding-right: 30px;
	padding-top: 5px;
	margin: 10px;
	font-size: 12px;
	-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-right: 20px;
	margin-left: 20px;*/
	border: 1px solid transparent;
	font-weight: 700;
}

.botonesMenuMovil .botonMenu:hover {
	color: #2c3b4c !important;
	background-color: #fff !important;
}

.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: #da2032;
}

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

.botonesMenuMovil a {}

.botonesMenuMovilCategoria {
	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: 14px;
	display: block;
	font-weight: 400;
	cursor: pointer;
	color: #fff;
	border-bottom: 1px solid #4a5c6b;
}

.botonMenuMovilCategoria:first-child {
	border-top: 1px solid #4a5c6b;
}

.botonMenuMovilCategoria:Hover {
	background-color: #eeeeee;
	color: #212121;
	;
	/* background-color: #da2032; */
}

.botonMenuMovilCategoriaLink {
	background-image: none;
}

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



.encabezadoSubmenuMovil {
	height: 50px;
}

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

.botonMenuCategoria {
	color: #2c3b4c;
	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;
	font-weight: 700;
	/*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;
	background-color: transparent;
}

.botonMenuCategoriaDestacado {
	color: #fff;
	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;
	font-weight: 700;
	/*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;
	background-color: #2c3b4c;
}

.botonMenuCategoriaDestacado:Hover {
	background-color: #da2032;
	color: #fff;
}

.botonMenuCategoria:Hover {
	color: #fff;
	background-color: #2c3b4c;
}

.botonMenuCategoriaActivo {
	color: #fff;
	background-color: #da2032;
}

.abajoBotonCategoria {
	width: 10px;
	margin: 0 auto;
	height: 2px;
	background-color: transparent;
	margin-top: 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;
	opacity: 0;
}

.botonMenuCategoriaActivo .abajoBotonCategoria {
	width: calc(100%);
	margin: 0 auto;
	height: 2px;
	background-color: #da2032;
	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: 30px;
	background-color: #515151;
	margin-left: 0px;
	margin-right: 0px;
}

/* .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;
}

.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;
}

.tituloTablaMenuCategorias {
	font-size: 13px;
	font-weight: 700;
	color: #2c3b4c;
	display: inline-block;
	margin-bottom: 14px;
	float: left;
	clear: left;
	margin-top: 5px;
}

.tituloTablaMenuCategorias:hover {
	color: #da2032;
}

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

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

.itemTablaMenuCategorias:Hover {
	color: #da2032;
}

.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;
}

.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: #2c3b4c;
	color: #fff;
}

.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;
	background-color: #2c3b4c;
	position: fixed;
	height: 100%;
	width: 100%;
	max-width: 450px;
	left: -480px;
	top: 0px;
	z-index: 2000;
	-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: hidden;
	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: 2002;
	top: 12px;
	left: 17px;
	/* background-color: rgba(78,78,39,0.57);  */
}


@media (max-width: 410px) {

	#clickMenu.open {
		/* left: 407px; */
		left: calc(100% - 50px);
	}

}

@media (min-width: 410px) {


	#clickMenu.open {
		left: 410px;
	}
}


.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 {
	left: 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: #da2032;
	border-bottom: 6px solid #da2032;
	/*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;
	position: fixed;
	top: 0;
	z-index: 900;
	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-left: 60px;
	/*padding-bottom: 5px;
	padding-top: 5px;*/
	background-color: #fff;
	border-bottom: 1px solid #f0f0f0;
}

.headerTop {
	width: calc(100% - 70px);
	height: 65px;
	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: center;
	/* Safari */
	align-items: center;
	-webkit-align-content: center;
	/* Safari */
	align-content: center;
	padding: 0;
	margin: 0;
}

.botonCarrito {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	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;
	border-radius: 4px;
}

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

.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: #da2032;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 20px;
	margin-top: 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;
	-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: #af2032;
}

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

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

.miCarritoTitulo {
	font-size: 12px;
	line-height: 10px;
	color: #da2032;
}

.botonCarritoMovil .iconoCarrito {
	background-image: url(img/svg/icono_carrito_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.botonCarritoMovil .miCarritoTitulo,
.botonCarritoMovil .textoCarrito {
	color: #fff;
}

.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-right: 20px;
	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: 25px;
	height: 25px;
	background-color: #2c3b4c;
	border: 3px solid #2c3b4c;
	background-image: url("img/svg/icono_usuario.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	flex-shrink: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

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

.iconoUsuario:Hover {
	border: 3px solid #da2032;
	background-color: #da2032;
	background-image: url("img/svg/icono_usuario.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/* 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); */
}

.iconoUsuarioLogin {
	border: 3px solid #da2032;
	background-color: #da2032;
}

.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: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #fff;
	color: #fff;
}

.olvide:last-of-type {
	border-bottom: 1px dotted #ccc;
}

.olvide:hover {
	color: #efeff4;
}


.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: #da2032;
	border-bottom: 1px solid #da2032;
}

.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;
}

.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-right: 10px;
	display: none;
}

.logoR {
	width: 22.85%;
	background-image: url(img/svg/logo_LibreriaSuperior_2021_logo_isotipo_icono.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/logo_LibreriaSuperior_2021_logo_isotipo_icono.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%;
}

.logoLibreria {
	width: 100%;
	background-image: url(img/svg/logo_LibreriaSuperior_2021.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 2.85%;
	position: relative;
	display: block;
	overflow: hidden;
}

.logoLibreria:after {
	content: '';
	display: block;
	margin-top: 21.46%;
}

.areaLogoHome {
	max-width: 1600px;
	margin: 0 auto;
	margin-top: 51px;
	position: relative;
	padding: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	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: 330px;
	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: 60%;
	max-width: 500px;
	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;
}

.cargadorLiveSearch {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background-image: url('img/preloader.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.listaResultados {
	width: calc(100% - 100px);
	/*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: hidden;
	display: none;
}

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

.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;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	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: calc(100% - 20px);
		margin: 0 auto;
	}
}

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

	.buscarHome {
		width: calc(40% - 20px);
		margin-right: 20px;
	}
}

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

	.buscarHome {
		width: 60%;
	}
}

.buscarHomeAreaCampo {
	width: calc(100% - 125px);
	background-color: #efeff4;
	color: #da2032;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Work Sans', 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: 8px;
	padding-left: 35px;
	padding-right: 10px;
	border: 0px solid transparent;
	background-image: url("img/svg/icono_buscar.svg");
	background-position: 10px center;
	background-size: 15px;
	background-repeat: no-repeat;
}

.buscarHomeAreaCampo::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #2c3b4c;
	opacity: 1;
	font-weight: 500;
	/* background-image: url("img/svg/icono_buscar.svg");
	background-position: 10px center;
	background-size: 15px;
	background-repeat: no-repeat; */
}

.buscarHomeAreaCampo::-moz-placeholder {
	/* Firefox 19+ */
	color: #2c3b4c;
	opacity: 1;
	font-weight: 500;
	/* background-image: url("img/svg/icono_buscar.svg");
	background-position: 10px center;
	background-size: 15px;
	background-repeat: no-repeat; */
}

.buscarHomeAreaCampo:-ms-input-placeholder {
	/* IE 10+ */
	color: #2c3b4c;
	opacity: 1;
	font-weight: 500;
	/* background-image: url("img/svg/icono_buscar.svg");
	background-position: 10px center;
	background-size: 15px;
	background-repeat: no-repeat; */
}

.buscarHomeAreaCampo:-moz-placeholder {
	/* Firefox 18- */
	color: #2c3b4c;
	opacity: 1;
	font-weight: 500;
	/* background-image: url("img/svg/icono_buscar.svg");
	background-position: 10px center;
	background-size: 15px;
	background-repeat: no-repeat; */
}

.buscarHomeBoton {
	width: 80px;
	background-color: #da2032;
	color: #fff;
	font-weight: 800;
	background-image: url(img/svg/icono_libro.svg);
	background-size: 20px;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	position: relative;
	padding-right: 25px;
	-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;
	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: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
}

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

.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 {
	width: 100%;
	font-size: 11px;
	text-align: center;
	padding: 15px;
	color: #fff;
	font-weight: 400;
}

.creditos a:hover {
	border-bottom: 1px dotted #fff;
}

/*
.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%;

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


}



.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 {
	width: calc(100% - 20px);
	margin: 0 auto;
	font-size: 38px;
	line-height: 36px;
	font-weight: 400;
	line-height: 18px;
	margin-top: 0px;
	color: #2c3b4c;
	font-family: 'Crimson Text', serif;
	display: inline-block;

	text-align: center;
}

.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;
	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;
}

.botonesMenuMovil .iconosSocial {
	display: none;
}

.iconosSocialMovil {
	position: relative;
	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: 10px;
	margin-top: 10px;
}

.iconoSocial {
	border-right: 0px solid #839baf !important;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-color: #2c3b4c;
	-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-radius: 50%;
}

.iconoSocial:Hover {
	background-color: #da2032;
}

.iconosSocialMovil .iconoSocial {
	border-right: 0px solid #839baf !important;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-color: #da2032;
	-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-radius: 50%;
	flex-grow: 0;
}

.botonesMenuMovil .iconoSocial:Hover {
	background-color: #af2032;
}

.iconoSocialFacebook {
	background-image: url(img/svg/icono_social_facebook.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoSocialTwitter {
	background-image: url(img/svg/icono_social_twitter.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoSocialInstagram {
	background-image: url(img/svg/icono_social_instagram.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoSocialYoutube {
	background-image: url(img/svg/icono_social_youtube.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

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

.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;
}

.fondoAreaSlidersHome {
	background-color: transparent;
	position: relative;
	z-index: 1;
}

.fondoAreaSlidersHome:before {
	content: '';
	width: 100%;
	height: 50%;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: rgba(239, 239, 244, 1);
}

.areaPaginaHome {
	background-color: transparent;
	position: relative;
	z-index: 1;
	padding-top: 20px;
	padding-bottom: 40px;
}

.areaPaginaUsuarios {
	position: relative;
	padding-top: 0px;
	padding-bottom: 20px;
}

.areaHome {
	padding-bottom: 20px;
	-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;
}

.areaHome:Hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.areaPaginaHome:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background-image: linear-gradient(to bottom, rgba(239, 239, 244, 1) 0%, rgba(239, 239, 244, 0) 15%), url('img/trama.png');
	background-repeat: no-repeat, repeat;
	background-position: left center, left left;
	background-size: 100%, 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;
}

.areaPaginaHome:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	background-color: rgba(239, 239, 244, 1);
}

.areaSlidersHome {
	width: 100%;
	max-width: 1600px;
	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;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	align-content: stretch;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 20px;
}

.slidersHome {
	position: relative;
	background-color: #333333;
	width: 68%;
	flex-grow: 2;
}

@media (max-width: 1199px) {
	.areaSlidersHome {
		border-radius: 0px;
	}

	.slidersHome {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.areaSlidersHome {
		border-radius: 0px;
	}

	.slidersHome {
		width: 68%;
	}
}

@media (min-width: 1650px) {
	.areaSlidersHome {
		border-radius: 4px;
	}

	.slidersHome {
		width: 68%;
	}
}


.contenedorSlidersHome {
	width: 100%;
	margin: 0 auto;
	/*overflow: hidden;*/
	position: relative;
}

.slidersServiciosHome {
	background-color: #da2032;
	padding-top: 30px;
	padding-bottom: 30px;
	background: url('img/trama_footer.png'), #da2032;
}

.contenedorSliderServicios {
	padding-left: 10px;
	padding-right: 10px;
}

.sliderServicios {
	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;
	-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;
}

.sliderServicios:Hover {
	opacity: .8;
}

.imagenServiciosTarjeta {
	width: 44px;
	margin-right: 0px;
	display: inline-block;
	overflow: hidden;
	background-image: url(img/svg/icono_tarjeta.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

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

.imagenServiciosDomicilio {
	width: 44px;
	margin-right: 0px;
	display: inline-block;
	overflow: hidden;
	background-image: url(img/svg/icono_envios.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

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

.imagenServiciosRetiro {
	width: 44px;
	margin-right: 0px;
	display: inline-block;
	overflow: hidden;
	background-image: url(img/svg/icono_retiro.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

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

.imagenServiciosSeguridad {
	width: 44px;
	margin-right: 0px;
	display: inline-block;
	overflow: hidden;
	background-image: url(img/svg/icono_seguro.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

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

.textoSliderServicios {
	max-width: calc(60% - 20px);
	padding: 10px;
	font-size: 12px;
	line-height: 16px;
}

.linea1SliderServicios {
	color: #fff;
	font-size: 18px;
	line-height: 18px;
}

.linea2SliderServicios {
	color: #fff;
	font-size: 13px;
}

.contenedorLineaAbajoSliderServicios {
	width: 100%;
}

.lineaAbajoSliderServicios {
	width: 60px;
	height: 1px;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
}

.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;
}



.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: 50%;
}

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

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



.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);
}

.contenidoLibreria {
	padding-top: 20px;
}

.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;
}


.subtituloLegales {
	font-family: 'Crimson Text', serif;
	color: #2c3b4c;
	font-size: 20px;
	line-height: 24px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #333333;
}


.parrafoLegales {
	color: #4d4d4d;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 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: transparent;
	position: relative;
	z-index: 1;
}



.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;
}

.formContacto {
	width: calc(100% - 40px);
	padding: 20px;
	margin: 0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #2c3b4c;
	margin-bottom: 20px;

	-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);


}

.formBoletin {
	width: calc(100% - 40px);
	padding: 20px;
	margin: 0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #2c3b4c;
	margin-bottom: 20px;




}



.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: #da2032;
	border: 1px solid #da2032;
	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;
}

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: #da2032;
	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 #da2032;
	border-color: #da2032 transparent #da2032 transparent;
	animation: lds-dual-ring 1s linear infinite;
}

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

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

.areaLogin {
	width: calc(100% - 40px);
	max-width: 300px;
	position: fixed;
	margin-top: 55px;
	right: 17px;
	background-color: #2c3b4c;
	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: #2c3b4c transparent;
	border-width: 0 10px 10px;
	top: -10px;
	right: 10px;
	margin-left: -10px;
}

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

.areaLoginVisible {
	display: block;
}

.areaLoginUsuario {
	padding: 10px;
	padding-top: 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: 5px;
	text-align: center;
	color: #fff;
	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;
	border: 1px solid #fff;

	border-radius: 4px;
	margin-bottom: 5px;
}

.areaLoginProveedor .linkUsuario {
	color: #ddd;
}

.linkUsuario:Hover {
	background-color: #efeff4;
	color: #2c3b4c;
}



.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;
}

.botonesAccesosUsuariosChicos {
	width: calc(100% - 40px);
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 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: flex-start;
	/* Safari */
	align-items: flex-start;

}

.botonAccesoUsuarios {
	width: calc(100% / 3 - 60px);
	background-color: #2c3b4c;
	color: #fff;
	padding: 20px;
	margin: 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;
	-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: #da2032;
}


.botonAccesoUsuariosChico {
	width: auto;
	background-color: #2c3b4c;
	color: #fff;
	padding: 10px;
	margin: 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: center;
	/* Safari */
	align-items: center;
	-webkit-align-content: center;
	/* Safari */
	align-content: center;
	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;
}


.botonAccesoUsuariosChico:Hover {
	background-color: #da2032;
}


@media (max-width: 599px) {
	.botonAccesoUsuarios {
		width: calc(100% - 60px);
	}
}

@media (min-width: 600px) {
	.botonAccesoUsuarios {
		width: calc(100% / 3 - 60px);
	}
}

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

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

.iconoBotonAccesoUsuariosChico {
	width: 25px;
	height: 25px;
}

.textoBotonAccesoUsuariosChico {
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	padding-left: 10px;
}

.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: 30px;
	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;
}

@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;
}

.iconoCategoriaHome {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.textoIconoCategoriaHome {
	font-size: 15px;
	line-height: 16px;
	font-weight: 700;
	color: #333333;
	text-align: center;
	padding-top: 7px;
}

#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;
}

.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: url('img/trama_footer.png'), #2c3b4c;
	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;
	padding: 20px;
}

.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: 100%;
}

.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: 11px;
	line-height: 14px;
}

@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;
	}
}

.logoFooter {
	width: 100px;
	height: 100px;
	background-image: url(img/svg/logo_LibreriaSuperior_2021_logo_isotipo_icono.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;
}

.areaSSL {
	font-size: 11px;
	padding: 20px;
	text-align: center;
}

.logoLetsEncrypt {
	width: 100px;
	height: 80px;
	background-image: url("img/svg/le-logo-standard-white.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 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: #da2032;
	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: 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;
	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);
}

/* 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);
}

[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) {

	.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) {

	.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%;
	}

	.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;
	}
}

@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;
}