/*

Abbeviations:

in		Intranet
ps		Public site

*/


:root {

	/* Public site colors */

	--SitioPublico-BarraUsuario-ColorFondo: #d3d3d3;						/* Public site user bar - background color */
	--SitioPublico-BarraUsuario-OpcionesNavigacion-ColorTexto: #73706d;		/* Public site user bar - text color of the navigation options in the user bar */

	--SitioPublico-Cabecera-ColorFondo: #201f1e;							/* #1e221c, 1a1f19, 3C493A, #465945, #3F5D53, #33534A, #cfe3be, cddfbd, c8d8b8, d0f0c0, bfcbae, 9cd79f, #b8917e    Public site header - background color */

	--SitioPublico-MenuNavigacion-Encabezado-ColorBordeDerecho:	rgba(255, 254, 253, .3);	/* Public site navigation menu header - color of the right-hand side border of each menu header, separating it from the next one */ 
	--SitioPublico-MenuNavigacion-Encabezado-ColorFondo-Activado: #2e322c;	/* 9a6852 Public site navigation menu header - dark background color of menues when hovering on them, so as to highlight them */
	--SitioPublico-MenuNavigacion-Encabezado-ColorTexto: #f9fff9;			/* Public site navigation menu header - Text color of the menu header */
	--SitioPublico-MenuNavigacion-Encabezado-ColorTexto-Activado: #ffffee;	/* Public site navigation menu header - Text color of the menu header when hovering on it, so as to highlight the text */

	--SitioPublico-MenuNavigacion-ColorFondo: #eaeaea;						/* Public site navigation menu - background color */
	--SitioPublico-MenuNavigacion-ColorBorde: #dad8d8;						/* Public site navigation menu - border color */
	--SitioPublico-MenuNavigacion-Elemento-ColorFondo-Activado: #fafafa;	/* Public site navigation menu - item background color when hovering on an item */
	--SitioPublico-MenuNavigacion-Elemento-ColorTexto: #444444;				/* Public site navigation menu - text color of a clickable element in the menu */

	--SitioPublico-Pagina-AreaPrincipal-ColorFondo: #ffffff;				/* #fefef5, #ffffff  Public site - Main - background color for site pages */

	--SitioPublico-PiePagina-ColorFondo: #4e5f4c;							/* #b8917e Public site - Footer - background color */

	--SitioPublico-Formulario-ColorBorde: #aabb99;							/* Public site - Form - border color around forms, incl. around the form header */
	--SitioPublico-Formulario-ColorFondo: #ffffff;							/* Public site - Form - background color of form */

	--SitioPublico-Formulario-Encabezado-ColorFondo: #cceeaa;				/* Public site - Form header - form header's background color */
	--SitioPublico-Formulario-Encabezado-ColorTexto: #333333				/* Public site - Form header - text color of the form's header text */

	--SitioPublico-Formulario-Entrada-ColorBorde: #99aa88;					/* Public site - Form input - border color on the borders of form inputs */

  	--SitioPublico-Formulario-Boton-ColorFondo: #669944;					/* Public site - Form button - background color of form buttons, such as the submit button */
	--SitioPublico-Formulario-Boton-ColorFondo-Activado: #447733;			/* Public site - Form button - background color of a form button when it is clicked */
	--SitioPublico-Formulario-Boton-ColorTexto: #ffffff;					/* Public site - Form button - text color of the form button's text */

	--SitioPublico-Formulario-MensajeError-ColorTexto: red;					/* Public site - Form error - text color of error messages */

	/* Public positions */

	--SitioPublico-BarraNavigacion-PosicionIzquierda: 27%;
	--SitioPublico-Megamenu-PosicionIzquierda: 10%;

	/* Public dimensions */

	--SitioPublico-Cabecera-Altura: 140px;	/* Public site - Header - height as percentage of the webpage height */
	--SitioPublico-PiePagina-Altura: 33%;	/* Public site - Footer - height as percentage of the webpage height */

	/* Public site - Main page wrapper - height as percentage of the webpage height */
	--SitioPublico-Pagina-AlturaMinima: calc(100% - var(--SitioPublico-Cabecera-Altura) - var(--SitioPublico-PiePagina-Altura));

	--SitioPublico-BarraNavigacion-Altura: 40px;

	/* Header top right area */
	--SitioPublico-Cabecera-AreaSuperior-Altura: calc( var(--SitioPublico-Cabecera-Altura) - var(--SitioPublico-BarraNavigacion-Altura) );



	--SitioPublico-Megamenu-Ancho: 100%;									/* Public site - Megamenu - width as percentage of the navigation bar */

	/* Folder paths */

/*	--Path-to-Images: C:\Apache24\htdocs\buenmundo\public\_images\icons\visibility-icon.png; */

}


@font-face {
	font-family: "CallunaSemibold";
	src: url("../_fonts/Calluna-Semibold.ttf");
}

@font-face {
	font-family: "HeaderFont";
	src: url("../_fonts/Lora-Regular.ttf");
}

@font-face {
	font-family: "TextFont";
	src: url("../_fonts/OpenSans-Medium.ttf");
}

@font-face {
	font-family: "TextFontRegular";
	src: url("../_fonts/OpenSans-Regular.ttf");
}

@font-face {
	font-family: "TextFontMedium";
	src: url("../_fonts/OpenSans-Medium.ttf");
}

@font-face {
	font-family: "TextFontRegularItalic";
	src: url("../_fonts/OpenSans-Italic.ttf");
}

@font-face {
	font-family: "TextFontSemiBold";
	src: url("../_fonts/OpenSans-SemiBold.ttf");
}

@font-face {
	font-family: "TextFontSemiBoldSemiCondensed";
	src: url("../_fonts/OpenSans_SemiCondensed-SemiBold.ttf");
}

@font-face {
	font-family: "TextFontSemiBoldCondensed";
	src: url("../_fonts/OpenSans_Condensed-SemiBold.ttf");
}

@font-face {
	font-family: "TextFontBold";
	src: url("../_fonts/OpenSans-Bold.ttf");
}

@font-face {
	font-family: "TextFontBoldSemiCondensed";
	src: url("../_fonts/OpenSans_SemiCondensed-Bold.ttf");
}

@font-face {
	font-family: "TextFontExtraBold";
	src: url("../_fonts/OpenSans-ExtraBold.ttf");
}

@font-face {
	font-family: "ProductTitleFont";
	src: url("../_fonts/Lora-SemiBold.ttf");
/*  src: url("../_fonts/Rancho-Regular.ttf"); */
}

@font-face {
	font-family: "ProductTitleFont2";
	src: url("../_fonts/GentiumBookBasic-Regular.ttf");
/*  src: url("../_fonts/Rancho-Regular.ttf"); */
}



html {
  margin: 0px;
  height: 100%;
  min-height: 100%;
}


/* BODY */
/* #3a3a3a
3a4a3a
*/

body.ps, body.in {margin: 0px;height:100%;min-height:100%;width:100%;font-size:90%;color:#565653;font-family:TextFont, sans-serif;line-height:150%;letter-spacing:0.00em}

/* -- Public site -- */

body.ps {background:var(--SitioPublico-Pagina-AreaPrincipal-ColorFondo, #ffffff)}

/* -- Intranet -- */

body.in {background:var(--Intranet-Pagina-AreaPrincipal-ColorFondo, #ffffff)}


/* TABLES */

table {width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #888888;}
tr {width:100%}
th {font-size:10pt;color:#111111;word-wrap: break-word;border:1px solid #888888;padding:2px;text-align:center;border-collapse:collapse;}
td {font-size:9pt;color:#333333;word-wrap: break-word;border:1px solid #888888;padding:2px;text-align:center;border-collapse:collapse;}



/* USER BAR */

div.ps-user-bar, div.in-user-bar {position:relative;width:100%;margin-bottom:0px;overflow:auto;height:auto;border-bottom:none}
a.ps-site-option-not-selected, .in-site-option-not-selected {font-size:85%;font-weight:normal;line-height:12pt}
font.ps-site-option-selected, .in-site-option-selected {font-size:94%;font-weight:bold;line-height:12pt}

/* -- Public site -- */

div.ps-user-bar {background-color:var(--SitioPublico-BarraUsuario-ColorFondo, #ffffff)}
a.ps-site-option-not-selected {color: var(--SitioPublico-BarraUsuario-OpcionesNavigacion-ColorTexto, black)}
font.ps-site-option-selected {color: var(--SitioPublico-BarraUsuario-OpcionesNavigacion-ColorTexto, black)}

/* -- Intranet -- */

div.in-user-bar {background-color:var(--Intranet-BarraUsuario-ColorFondo, #ffffff)}
a.in-site-option-not-selected {color: var(--Intranet-BarraUsuario-OpcionesNavigacion-ColorTexto, black)}
font.in-site-option-selected {color: var(--Intranet-BarraUsuario-OpcionesNavigacion-ColorTexto, black)}


/* PAGE HEADER - STANDARD */

header.ps, header.in {position:relative;width:100%;margin-bottom:0px;overflow:visible}

/* -- Public site -- */

header.ps {background-color:var(--SitioPublico-Cabecera-ColorFondo, #ffffff);height:var(--SitioPublico-Cabecera-Altura)}

/* -- Intranet -- */

header.in {background-color:var(--Intranet-Cabecera-ColorFondo, #ffffff);height:10%}


/* PAGE HEADER - LIGHT */

header.ps-light, header.in-light {position:relative;width:100%;margin-bottom:0px}

/* -- Public site -- */

header.ps-light {background-color:var(--SitioPublico-Cabecera-ColorFondo, #ffffff);height:auto}

/* -- Intranet -- */

header.in-light {background-color:var(--Intranet-Cabecera-ColorFondo, #ffffff);height:auto}


/* HEADER TEXT & LINKS */

a.ps-backlink, a.in-backlink {color:var(--SitioPublico-MenuNavigacion-Encabezado-ColorTexto);font-size:10pt;line-height:24pt}


/* HEADER AREA ABOVE NAVBAR */

div.header-toparea {position:relative;background-color:none;height:var(--SitioPublico-Cabecera-AreaSuperior-Altura);width:100%}

div.store-header-button {position:relative;float:right;top:50%;transform: translateY(-50%);right:10%;background-color:#4444ff;color:white;border-radius:5px;padding:5px 15px 5px 15px;border:0px solid white;text-align:center;box-shadow: 0px 0px 1px 2px white}

div.store-header-button:hover {background-color:#3333ff;box-shadow: 0px 0px 1px 3px #bbbbff}


/* NAVIGATION BAR - HEADER */

div.ps-nav-bar, div.in-nav-bar {position:absolute;display:block;bottom:0px;padding:0px;background-color:none}

/* -- Public site -- */

div.ps-nav-bar {
	left:0px;
	height:var(--SitioPublico-BarraNavigacion-Altura);
	width:100%;
}

/* -- Intranet -- */

div.in-nav-bar {left:var(--Intranet-BarraNavigacion-PosicionIzquierda);height:var(--Intranet-BarraNavigacion-Altura);width:var(--Intranet-BarraNavigacion-Ancho)}


/* NAVIGATION MENU - HEADER */

div.ps-nav-menu, div.in-nav-menu {float:left;box-sizing: border-box}
div.ps-nav-menu:last-child, div.in-nav-menu:last-child {border-right: none;}

a.ps-nav-menu-title, a.in-nav-menu-title {display: block;padding: 0px 16px 0px 16px;line-height:var(--SitioPublico-BarraNavigacion-Altura);text-align: center;text-decoration: none;}
font.ps-nav-menu-title, font.in-nav-menu-title {display: block;padding: 0px 16px 0px 16px;line-height:var(--SitioPublico-BarraNavigacion-Altura);text-align: center;text-decoration: none;}

/* -- Public site -- */

div.ps-nav-menu {border-right: 1px solid var(--SitioPublico-MenuNavigacion-Encabezado-ColorBordeDerecho, gray)}

a.ps-nav-menu-title {color: var(--SitioPublico-MenuNavigacion-Encabezado-ColorTexto, blue)}
font.ps-nav-menu-title {color: var(--SitioPublico-MenuNavigacion-Encabezado-ColorTexto, black)}
div a.ps-nav-menu-title:hover {background-color: var(--SitioPublico-MenuNavigacion-Encabezado-ColorFondo-Activado, yellow);color:var(--SitioPublico-MenuNavigacion-Encabezado-ColorTexto-Activado, green)}
div font.ps-nav-menu-title:hover {background-color: var(--SitioPublico-MenuNavigacion-Encabezado-ColorFondo-Activado, yellow);color:var(--SitioPublico-MenuNavigacion-Encabezado-ColorTexto-Activado, green)}

a.ps-nav-menu-title:hover {text-decoration:underline}

/* -- Intranet -- */

div.in-nav-menu {border-right: 1px solid var(--Intranet-MenuNavigacion-Encabezado-ColorBordeDerecho, gray)}

a.in-nav-menu-title {font-size:85%;padding:0px 6px 0px 6px;color: var(--Intranet-MenuNavigacion-Encabezado-ColorTexto, blue)}
font.in-nav-menu-title {font-size:85%;padding:0px 6px 0px 6px;color: var(--Intranet-MenuNavigacion-Encabezado-ColorTexto, blue)}
div a.in-nav-menu-title:hover {background-color: var(--Intranet-MenuNavigacion-Encabezado-ColorFondo-Activado, yellow);color:var(--Intranet-MenuNavigacion-Encabezado-ColorTexto-Activado, green)}
div font.in-nav-menu-title:hover {background-color: var(--Intranet-MenuNavigacion-Encabezado-ColorFondo-Activado, yellow);color:var(--Intranet-MenuNavigacion-Encabezado-ColorTexto-Activado, green)}


/* NAVIGATION MENU - MEGAMENU */

div.ps-nav-menu:hover .ps-megamenu {display: block;} 
div.in-nav-menu:hover .in-megamenu {display: block;}
div.ps-megamenu, div.in-megamenu {display:none;position:absolute;z-index:999;height:auto;box-shadow: 4px 4px 1px 0px rgba(0,0,0,0.2);padding-top:20px;border-right:1px solid;border-left:1px solid;border-bottom:1px solid}

div.ps-megamenu-item, div.in-megamenu-item {position:relative;left:-7px;width:90%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}
a.ps-megamenu-item, a.in-megamenu-item {display:block;position:relative; top:0; left:0; width: 100%; height:auto;padding: 8px 0px 8px 8px;text-decoration:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* -- Public site -- */

div.ps-megamenu {left:var(--SitioPublico-Megamenu-PosicionIzquierda);top:var(--SitioPublico-BarraNavigacion-Altura);width:var(--SitioPublico-Megamenu-Ancho);background-color: var(--SitioPublico-MenuNavigacion-ColorFondo, gray);border-color:var(--SitioPublico-MenuNavigacion-ColorBorde, black)}
div.ps-megamenu-item:hover {background-color:var(--SitioPublico-MenuNavigacion-Elemento-ColorFondo-Activado, yellow)}
a.ps-megamenu-item {color:var(--SitioPublico-MenuNavigacion-Elemento-ColorTexto, blue)}

/* -- Intranet -- */

div.in-megamenu {left:var(--Intranet-Megamenu-PosicionIzquierda);top:var(--Intranet-BarraNavigacion-Altura);width:var(--Intranet-Megamenu-Ancho);background-color: var(--Intranet-MenuNavigacion-ColorFondo, gray);border-color:var(--Intranet-MenuNavigacion-ColorBorde, black)}
div.in-megamenu-item:hover {background-color:var(--Intranet-MenuNavigacion-Elemento-ColorFondo-Activado, yellow)}
a.in-megamenu-item {color:var(--Intranet-MenuNavigacion-Elemento-ColorTexto, blue)}


/* NAVIGATION MENU - VERTICAL LIST */

div.ps-nav-menu:hover .ps-vertical-list, div.in-nav-menu:hover .in-vertical-list {display: block}
div.ps-vertical-list, div.in-vertical-list {display:none;position:relative;top:0px;z-index:999;width:auto;height:auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);border:1px solid}

div.ps-vertical-list-item, div.in-vertical-list-item {margin:0px 0px 0px 0px;border-bottom:1px solid}
div.ps-vertical-list-item:last-child, div.in-vertical-list-item:last-child {border-bottom:none}
div.ps-vertical-list-item:last-child:hover, div.in-vertical-list-item:last-child:hover {border-bottom:1px solid}
a.ps-vertical-list-item, a.in-vertical-list-item {display:block;position:relative;top:0;left:0;width:100%;height:auto;padding: 8px 16px 8px 10px;text-decoration:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* -- Public site -- */

div.ps-vertical-list {background-color: var(--SitioPublico-MenuNavigacion-ColorFondo, gray);border-color:var(--SitioPublico-MenuNavigacion-ColorBorde, black)}
div.ps-vertical-list-item {border-bottom-color:var(--SitioPublico-MenuNavigacion-ColorBorde, black)}
div.ps-vertical-list-item:hover {background-color:var(--SitioPublico-MenuNavigacion-Elemento-ColorFondo-Activado, yellow)}
div.ps-vertical-list-item:last-child:hover {border-bottom-color:var(--SitioPublico-MenuNavigacion-ColorBorde, black)}
a.ps-vertical-list-item {color:var(--SitioPublico-MenuNavigacion-Elemento-ColorTexto, blue)}

/* -- Intranet -- */

div.in-vertical-list {background-color: var(--Intranet-MenuNavigacion-ColorFondo, gray);border-color:var(--Intranet-MenuNavigacion-ColorBorde, black)}
div.in-vertical-list-item {border-bottom-color:var(--Intranet-MenuNavigacion-ColorBorde, black)}
div.in-vertical-list-item:hover {background-color:var(--Intranet-MenuNavigacion-Elemento-ColorFondo-Activado, yellow)}
div.in-vertical-list-item:last-child:hover {border-bottom-color:var(--Intranet-MenuNavigacion-ColorBorde, black)}
a.in-vertical-list-item {color:var(--Intranet-MenuNavigacion-Elemento-ColorTexto, blue)}


/* MAIN PAGE AREA & WRAPPER */


div.ps-one-column-page, div.in-one-column-page {clear:both;position:relative;display:flex;flex-direction:column;width:100%;margin:0%;background-color:none}
div.ps-full-screen-page, div.in-full-screen-page {margin:0% 0% 0% 0%;background-color:none}
div.ps-wide-page, div.in-wide-page {margin:0% 2% 1% 2%;background-color:none}
div.ps-narrow-page, div.in-narrow-page {margin:0% 6% 1% 6%;background-color:none}

div.ps-left-nav-page, div.in-left-nav-page {clear:both;position:relative;display:flex;flex-direction:column;width:100%;background-color:none;margin:10% 1% 1% 1%}
div.ps-left-nav-page-main-content, div.in-left-nav-page-main-content {float:left;margin:0% 0% 1% 0%;background-color:none}

/* -- Public site -- */

div.ps-one-column-page, div.ps-left-nav-page {min-height:var(--SitioPublico-Pagina-AlturaMinima)}

/* -- Intranet -- */

div.in-one-column-page, div.in-left-nav-page {min-height:72%}


/* FOOTER */

footer.ps, footer.in {clear:both;position:relative;margin-top:60px;width:100%;height:var(--SitioPublico-PiePagina-Altura)}
footer.ps-light, footer.in-light {position:absolute;width:100%;height:5%;bottom:0px}

/* -- Public site -- */

footer.ps {background-color:var(--SitioPublico-PiePagina-ColorFondo, #ffffff)}
footer.ps-light {background-color:var(--SitioPublico-PiePagina-ColorFondo, #ffffff)}

/* -- Intranet -- */

footer.in {background-color:var(--Intranet-PiePagina-ColorFondo, #ffffff)}
footer.in-light {background-color:var(--Intranet-PiePagina-ColorFondo, #ffffff)}


/* FORM */

form.ps, form.in {width: 100%;margin:0px;padding:0px;box-sizing:border-box;border: 1px solid;border-radius: 0px 0px 10px 10px;}

/* -- Public site -- */

form.ps {border-color: var(--SitioPublico-Formulario-ColorBorde, #333333);background:var(--SitioPublico-Formulario-ColorFondo, white)}

/* -- Intranet -- */

form.in {border-color: var(--Intranet-Formulario-ColorBorde, #333333);background:background:var(--Intranet-Formulario-ColorFondo, white)}




/* FORM HEADER */

div.ps-form-header-std, div.in-form-header-std {width:100%;margin: 0px auto 0px;text-align:center;box-sizing:border-box;border: 1px solid;border-bottom: none;border-radius: 10px 10px 0px 0px;padding: 3px 0px 2px 0px;}
div.ps-form-header-std h1, div.in-form-header-std h1 {font-size:110%;margin:5px 0px 5px 0px;}


div.ps-form-header, div.in-form-header {width:100%;margin: 0px auto 0px;text-align:center;box-sizing:border-box;border: 1px solid;border-bottom: none;border-radius: 10px 10px 0px 0px;padding: 3px 0px 2px 0px;}
div.ps-form-header h1, div.in-form-header h1 {font-size:120%;margin:5px 0px 5px 0px;}

/* -- Public site -- */

div.ps-form-header-std {background: var(--SitioPublico-Formulario-Encabezado-ColorFondo, #999999);border-color: var(--SitioPublico-Formulario-ColorBorde, #333333)}
div.ps-form-header-std h1 {color: var(--SitioPublico-Formulario-Encabezado-ColorTexto, black)}

div.ps-form-header {background: var(--SitioPublico-Formulario-Encabezado-ColorFondo, #999999);border-color: var(--SitioPublico-Formulario-ColorBorde, #333333)}
div.ps-form-header h1 {color: var(--SitioPublico-Formulario-Encabezado-ColorTexto, black)}

/* -- Intranet -- */

div.in-form-header-std {background: var(--Intranet-Formulario-Encabezado-ColorFondo, #999999);border-color: var(--Intranet-Formulario-ColorBorde, #333333)}
div.in-form-header-std h1 {color: var(--Intranet-Formulario-Encabezado-ColorTexto, black)}

div.in-form-header {background: var(--Intranet-Formulario-Encabezado-ColorFondo, #999999);border-color: var(--Intranet-Formulario-ColorBorde, #333333)}
div.in-form-header h1 {color: var(--Intranet-Formulario-Encabezado-ColorTexto, black)}


/* FORM BOX */

div.ps-form-box, div.in-form-box {width: 100%;margin:0px;padding:0px;box-sizing:border-box;border: 1px solid;border-radius: 0px 0px 10px 10px;padding:5px 0px 15px 0px}

/* -- Public site -- */

div.ps-form-box {border-color: var(--SitioPublico-Formulario-ColorBorde, #333333);background:var(--SitioPublico-Formulario-ColorFondo, white)}

/* -- Intranet -- */

div.in-form-box {border-color: var(--Intranet-Formulario-ColorBorde, #333333);background:background:var(--Intranet-Formulario-ColorFondo, white)}



/* FORM SECTION HEADER */

div.ps-form-section-header-std, div.in-form-section-header-std {left:0px;width:100%;margin: 0px auto 0px;text-align:left;box-sizing:border-box;border-bottom: none;padding: 3px 0px 2px 0px;background-color:none}

div.ps-form-section-header-std h2, div.in-form-section-header-std h2 {font-size:100%;margin:2px 0px 0px 10px;color:#ee6633}



/* FORM INPUT - REGULAR FORM */

div.ps-regular-input-group, div.in-regular-input-group {margin:0px 0px 16px 0px}
div.ps-regular-input-group label, div.in-regular-input-group label {font-family:TextFontBold;color:#666666;letter-spacing:-0.03em}
div.ps-regular-input-group input, div.in-regular-input-group input {border:1px solid #888888;border-radius:2px;height:36px;font-family:TextFont;font-size:14px;letter-spacing:1px;padding:5px;box-sizing:border-box}
div.ps-regular-input-group textarea, div.in-regular-input-group textarea {border:1px solid #888888;border-radius:2px;height:300px;font-family:TextFont;font-size:14px;letter-spacing:1px;text-indent:0px;padding:8px 10px 8px 10px;box-sizing:border-box}
div.ps-regular-input-group button, div.ps-regular-input-group button {background-color:#77aa77;color:#ffffff;border:1px solid #888888;border-radius:2px;line-height:200%;font-family:TextFontSemiBold;font-size:110%;letter-spacing:0.03em;padding:0px 15px 0px 15px;box-sizing:border-box;cursor:pointer}


/* FORM INPUT - LOGIN FORM */

div.ps-input-group-std, div.in-input-group-std {margin: 3px 0px 3px 10px;text-align:left}

div.ps-input-group-std label, div.in-input-group-std label {display:inline-block;font-size:100%;color:#333333;font-weight:normal;margin-right:10px}

div.ps-input-group-std input, div.in-input-group-std input
{height:26px;margin-left:0px;padding:4px 0px;font-size:15px;letter-spacing:1px;text-indent:4px;box-sizing:border-box}


div.ps-input-group, div.in-input-group {margin: 15px 0px 10px 0px;text-align:left}
div.ps-input-group label, div.in-input-group label {display:block;text-align:left;margin:0px 0px 4px 7.5%;}

div.ps-input-group input, div.ps-input-group input.captcha, div.ps-input-group input.security_check, div.in-input-group input, div.in-input-group input.captcha, div.in-input-group input.security_check {height:38px;width:86%;margin-left:7%;padding:5px 0px;font-size:16px;letter-spacing:1px;text-indent:5px;box-sizing:border-box}

div.ps-input-group input, div.in-input-group input {border-radius:8px;border:1px solid}
div.ps-input-group input.captcha, div.ps-input-group input.security_check, div.in-input-group input.captcha, div.in-input-group input.security_check {border-radius:4px;border:2px solid;border-color:#336633}

div.ps-input-group img, div.in-input-group img {margin:4px 0% 4px 7%}
div.ps-input-group p, div.in-input-group p {margin:4px 0% 4px 7.5%}

/* -- Public site -- */

div.ps-input-group input {border-color: var(--SitioPublico-Formulario-Entrada-ColorBorde, #333333)}

/* -- Intranet -- */

div.in-input-group input {border-color: var(--Intranet-Formulario-Entrada-ColorBorde, #333333)}

/* FORM HEADER */

div.ps-form-header h1, div.in-form-header h1 {font-size:120%;color:#111111;font-weight:bold}

/* FORM LABELS */

label.ps-formfield-title, label.in-formfield-title {font-size:100%;color:#111111;font-weight:bold}

label.ps-formfield-description, label.in-formfield-description {font-size:90%;color:#333333}


/* FORM INFO ICON */

div.tooltip {style=\"position:relative;margin-left:7px;top:-1px;display:inline-block;width:12px;line-height:12px;font-size:86%;background-color:#336633;color:#ffffff;text-align:center;border:1px solid #225522;border-radius:50%;font-weight:normal}

/* Tooltip text */
div.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #ffddbb;
  color: #333333;
  text-align: center;
  padding: 10px;
  font-size: 120%;
  line-height: 140%;
  border: 1px solid #bb9977;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  margin-left: 10px;
  margin-top: 10px;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
div.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* FORM BUTTON */

button.ps-button-std, button.in-button-std {padding:10px 40px 10px 40px;font-size:15px;border:1px solid #bbaa77;border-radius:5px;position:relative;min-width:30px;margin:20px 0px 10px 20px;background:#ccbb88}

button.ps-button-std:hover, button.in-button-std:hover {background:#998855}

button.ps-button-std:active, button.in-button-std:active {transform: scale(0.97);-webkit-box-shadow: inset 0px 0px 5px #c1c1c1;-moz-box-shadow: inset 0px 0px 5px #c1c1c1;box-shadow: inset 0px 0px 5px #c1c1c1;outline: none}


button.ps-button, button.in-button {padding:10px;font-size:15px;border:none;border-radius:5px;position:relative;min-width:30%;margin:20px 0px 10px 0px}

button.ps-button:active, button.in-button:active {transform: scale(0.97);-webkit-box-shadow: inset 0px 0px 5px #c1c1c1;-moz-box-shadow: inset 0px 0px 5px #c1c1c1;box-shadow: inset 0px 0px 5px #c1c1c1;outline: none}

/* -- Public site -- */

button.ps-button {color: var(--SitioPublico-Formulario-Boton-ColorTexto, black);background: var(--SitioPublico-Formulario-Boton-ColorFondo, gray)}
button.ps-button:active {background: var(--SitioPublico-Formulario-Boton-ColorFondo-Activado, green)}

/* -- Intranet -- */

button.in-button {color: var(--Intranet-Formulario-Boton-ColorTexto, black);background: var(--Intranet-Formulario-Boton-ColorFondo, gray)}
button.in-button:active {background: var(--Intranet-Formulario-Boton-ColorFondo-Activado, green)}


/* FORM ERROR */

div.ps-form-error, div.in-form-error {margin:4px 0px 4px 8%;font-size:90%}

/* -- Public site -- */

div.ps-form-error {color:var(--SitioPublico-Formulario-MensajeError-ColorTexto, red)}

/* -- Intranet -- */

div.in-form-error {color:var(--Intranet-Formulario-MensajeError-ColorTexto, red)}


/* TEXT HEADERS */
/* #5d6d45
3d6d45
9f8e87
B9806A
3e4439
*/

h1 {font-size:180%;margin:16px 10px 10px 1px;font-family:HeaderFont;color:#57985C;letter-spacing:0.03em;}
h2 {font-size:130%;margin:12px 8px 26px 1px;font-family:TextFontRegular;color:#77786C;letter-spacing:0.02em;line-height:140%}


h3 {font-family:HeaderFont;font-size:110%;color:#556677;letter-spacing:0.03em;margin:5px 0px 12px 0px}

h4 {font-family:TextFont;color:#333333;letter-spacing:0.00em;margin:2px 0px 1px 0px}

/* PARAGRAPHS */

p.warning {color: red}


/* INDEX PAGE SLIDESHOW */

:root {

	--TimePerImage: 11s;
	--NumImages: 6;

}



/* INDEX PAGE SLIDESHOW */


/*
.cb-slideshow:after { 
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow:after { 
    content: '';
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%239C92AC' fill-opacity='0.25' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), linear-gradient(to right top, #343a40, #2b2c31, #211f22, #151314, #000000) repeat top left;
}
*/


/*
.cb-slideshow div div.phrase { 
    z-index: 1000;
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    animation: titleAnimation 36s linear infinite 0s; 
}

*/





/*
.cb-slideshow div:nth-child(2) div.phrase { 
    animation-delay: calc(1 * var(--TimePerImage)); 
}
.cb-slideshow div:nth-child(3) div.phrase { 
    animation-delay: calc(2 * var(--TimePerImage)); 
}
.cb-slideshow div:nth-child(4) div.phrase { 
    animation-delay: calc(3 * var(--TimePerImage)); 
}
.cb-slideshow div:nth-child(5) div.phrase { 
    animation-delay: calc(4 * var(--TimePerImage)); 
}
.cb-slideshow div:nth-child(6) div.phrase { 
    animation-delay: calc(5 * var(--TimePerImage)); 
}
*/

/*
@keyframes imageAnimation { 
    0% { opacity: 1; animation-timing-function: ease-in; }

    5% { opacity: 0; animation-timing-function: ease-in; }



	8% { opacity: 1; animation-timing-function: linear; }
    17% { opacity: 0 }
    25% { opacity: 0 }

    95% { opacity: 0; animation-timing-function: ease-out; }

    100% { opacity: 0 }
}
*/

/*
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
*/



/*

@media screen and (max-width: 1140px) { 
    .cb-slideshow div div.phrase { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow div div.phrase { font-size: 80px }
}
*/

/* Make the image scale up a bit and rotate it slightly: */


/* Make the title slide in from the right (we’ll have to change the text-align for the title division to “right”), and disappear by sliding to the left and fading out: */

/*
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
*/




/* PRODUCT CATALOG */

div.product-catalog-box {box-sizing:border-box;background-color:none;border:1px solid #eeeeee;border-radius:10px;-webkit-box-shadow: 0 0 4px 1px #cccccc;-moz-box-shadow: 0 0 4px 1px #cccccc;box-shadow: 0 0 4px 1px #cccccc;overflow:hidden}
div.product-catalog-box:hover {border:1px solid #aaaaaa;background-color:#fefffd}

img.catalog_thumbnail {display:block;width:100%;margin:0px;padding:0px}
div.product-catalog-box:hover img.catalog_thumbnail {opacity:98%}

div.image-screen {position:absolute;display:none;z-index:3;background:#333300;width:100%;height:100%;opacity:4%}
div.product-catalog-box:hover div.image-screen {display:block}

a.product-catalog-title-link {line-height:170%;text-decoration:none}
a.product-catalog-title-link:hover {text-decoration:underline}

font.product-catalog-title {font-family:ProductTitleFont;font-size:125%;letter-spacing:0.02em;font-weight:normal;color:#555555;line-height:180%}
div.product-catalog-box:hover font.product-catalog-title {color:#222222;font-size:125%}

font.product-catalog-title-subtype {font-family:TextFontSemiBold;font-size:110%;letter-spacing:0.05em;font-weight:normal;color:#777777}
div.product-catalog-box:hover font.product-catalog-title-subtype {color:#444444;font-size:110%}

font.product-catalog-title-comment {font-family:TextFontSemiBold;font-size:95%;font-weight:normal;color:#a2703f}
div.product-catalog-box:hover font.product-catalog-title-comment {color:#6f3d0c}

div.catalog-product-short-desc {color:#666666;font-size:90%}
div.product-catalog-box:hover div.catalog-product-short-desc {color:#222222}

a.catalog-product-leer-mas {color:#6666aa}
div.product-catalog-box:hover a.catalog-product-leer-mas {color:#3333cc}

/* PRODUCT PROFILE PAGE */

h1.product-profile-title {margin:0px 0px 8px 0px;font-family:ProductTitleFont;font-size:220%;letter-spacing:0.02em;font-weight:normal;color:#814462;line-height:115%}
p.product-profile-title-subtype {margin:10px 0px 8px 0px;font-family:TextFontRegular;font-size:130%;letter-spacing:0.05em;font-weight:normal;color:#814462}
p.product-profile-title-comment {margin:8px 0px 8px 0px;font-family:TextFontRegularItalic;font-size:115%;letter-spacing:0.01em;font-weight:normal;color:#814462}
/*   148343 #52805f*/

div.product-profile-title-promotional-line {margin:2px 0px 6px 0px;font-family:TextFontMedium;font-size:100%;font-weight:normal;color:#1452c2;line-height:140%}

p.product-profile-caffeine-flag {margin:8px 0px 1px 0px;font-family:TextFontSemiBold;font-size:85%;font-weight:normal;letter-spacing:0.05em;color:#aa7744}
p.product-profile-100-perc-natural-flag {margin:5px 0px 1px 0px;font-family:TextFontSemiBold;font-size:85%;font-weight:normal;letter-spacing:0.05em;color:#337722}

div.product-profile-description {margin-top:16px}
div.product-profile-description p {text-indent:0px;margin-top:-10px}

div.product-profile-100-perc-natural-statement {margin:-9px 0px 1px -5px;font-family:TextFontMedium;color:#337722}

div.gallery-product-details-row {position:relative;display:block;clear:both;margin-bottom:-2px}
div.gallery-product-main-details-left {float:left;width:20%;font-family:TextFontBoldSemiCondensed;font-weight:normal;font-size:90%;letter-spacing:0.00em;color:#191916}
div.gallery-product-details-right {float:right;width:80%;font-size:90%}

div.gallery-product-subsection-header {margin:0px 0px 6px 0px;font-family:TextFontSemiBold;color:#333333;font-size:120%}
h2.gallery-product-subsection-header {margin:0px 0px 6px 0px;font-family:TextFontSemiBold;color:#333333;font-size:120%}

div.gallery-product-section-details-left {float:left;margin:0px 0px 0px 0px;width:20%;font-family:TextFontSemiBoldSemiCondensed;font-weight:normal;font-size:90%;letter-spacing:0.00em;color:#444444}
div.gallery-product-section-details-left-wide {float:left;margin:0px 0px 0px 0px;width:30%;font-family:TextFontSemiBoldSemiCondensed;font-weight:normal;font-size:90%;letter-spacing:0.00em;color:#444444}
div.gallery-product-details-right-narrow {float:right;width:70%;font-size:90%}

div.article_group_data_left {float:left;width:30%;font-size:90%;font-weight:bold}
div.article_group_data_right {float:left;margin-left:5%;width:65%;background-color:none}


div.product-buy-button {float:left;background-color:#ee8833;border-radius:5px;padding:0px 15px 0px 15px;text-align:center;box-shadow: 0px 0px 1px 2px #885533;height:100%}
div.product-buy-button:hover {background-color:#ee9944;box-shadow: 0px 0px 2px 3px #996655;}



/* PRODUCT PROFILE - VIEWBOX */

div.gallery_viewbox:hover {cursor:default;}

div.gallery-jump-button:active, button.gallery-jump-button:active {transform: scale(0.99);-webkit-box-shadow: inset 0px 0px 5px #c1c1c1;-moz-box-shadow: inset 0px 0px 5px #c1c1c1;box-shadow: inset 0px 0px 5px #999999;outline: none}

img.gallery-fade-in-zoomimage {
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
}


/* HORIZONTAL LINES */



div.horizontal-line {
	height:0px;
    border-bottom:1px solid rgba(166,166,166,0.75);
    position:relative;
    background-color:none;
	margin: 15px 10px 15px 10px
}



/* GENERAL TRANSITION EFFECTS */



/* CUSTOM ICONS */

/*
.visibility-icon {
    background-image: url('../_images/icons/visibility-icon.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
    height: 25px;
    width: 25px;
	border: 1px solid red;
    display: block;
    /* Other styles here */
}
*/