* {
  margin: 0;
  padding: 0;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
	font-size: 12px;
	text-align: center;
	background: url(images/bg.gif) repeat-y center;
}
body.blank {
  background: none;
  text-align: left;
  padding: 30px;
}
body.iframe {
  text-align: left;
  padding: 0px 40px;
}
p, li, td {
  font-size: 12px;
  line-height: 1.4em;
}
p {
  margin-bottom: 1em;
}
p.gris {
  color: #999;
}
a {
  text-decoration: none;
  color: #999;
}

a:hover {
	text-decoration: underline;
}

div.page li {
  margin-bottom: 1em;
  
}
a:hover {
}
h1 {
  color: #41281B;
  margin: .4em 0 .6em 0;
}

h4 {
  font-size: 14px;
  margin: 1.3em 0 .3em 0;
  text-decoration: none;
}
ul {
  list-style: none;
}
img {
  border: 0;
}
li {
  list-style: none;
}
ul.inline li {
	float: left;
}
ul.inline li a {
	display: block;
	float: left;
}
/* clases comunes */
div.clear {
  clear:both;
  display:block;
  height:0px;
  margin:0; padding:0;
  overflow:hidden;
  font-size:0px;
}
.float {
	float: left;
	margin-right: 20px;
}
.floatRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.floatLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
div.marg_l {
	margin-left: 30px;
}
p.label {
	color: #666;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0;
}
.noMargin {
	margin: 0 0 0 0;
	margin-top: 0;
	margin-bottom: 0;
}
.marginTop {
	margin-top: 1em;
}
.marginTopLite {
	margin-top: .5em;
}
.marginBottom {
	margin-bottom: 1em;
}
.no_margin_left {
	margin-left: 0;
}
.marginRight {
  margin-right: 10px;
}
.marginLeft {
  margin-left: 20px;
}
.pointer {
  cursor: pointer;
}

/** ************* */
/** Medidas */
/** ************* */
div#body {
  width: 936px;
  margin: 0 auto;
  margin-bottom: 20px;
  background: url(images/wrapper.gif) repeat-y;
  text-align: left;
}
div#header {
  height: 188px;
  background: url(images/header.jpg) no-repeat;
  position: relative;
}
div#foot {
  height: 72px;
  background: url(images/foot.gif) no-repeat;
  padding: 20px 0 0 208px;
  position: relative;
}
div#main {
  margin: 0 18px;
  height: 400px;
  background: url(images/main.gif) no-repeat 798px bottom;
  padding-bottom: 20px;
}
html>body div#main {
  min-height: 400px;
  height: auto;
}
div#navmain {
  width: 168px;
  float: left;
}
div#content {
  width: 688px;
  margin: 0 20px;
  float: left;
}


/** ************* */
/** Foot */
/** ************* */
div#foot_info p {
  margin: 0;
  font-size: 11px;
}
div#foot_info p.address {
  color: #999;
}

/** ************* */
/** Logo */
/** ************* */
div#logo {
  position: absolute;
  top: 50px;
  left: 30px;
}
div#logo,
div#logo a {
  display: block;
  width: 110px;
  height: 100px;
}

/** ************* */
/** Navs */
/** ************* */

/** Main */
div#navmain li {
  padding: 10px 20px;
  margin-right: 10px;
  border-bottom: 1px solid #7F7F7F;
  font-size: 13px;
}
div#navmain li li {
  border-bottom: 0;
  padding: 4px 0 4px 5px;
  font-size: 11px;
  border-bottom: 1px solid #ddd;
}
div#navmain li li.last {
  border-bottom: none;
}
div#navmain li a {
  color: #999;
}
div#navmain li a:hover,
div#navmain li.current a {
  color: #000;
  text-decoration: none;
}
div#navmain li.current li a {
  color: #999;
}
div#navmain li.current li.current a,
div#navmain li.current li a:hover {
  color: #000;
  text-decoration: none;
}

/** idiomas */
div#navlang {
  position: absolute;
  right: 12px;
  top: 83px;
  width: 63px;
}
div#navlang li {
  margin-bottom: 7px;
}
div#navlang li a {
  color: #fff;
  font-size: 11px;
  display: block;
  height: 20px;
}
div#navlang li a:hover,
div#navlang li.current a {
  border-right: 4px solid #E5A034;
  text-decoration:none;
}

/** Foot */
div#foot_nav {
  position: absolute;
  right: 10px;
  bottom: 4px;
}
div#foot_nav li {
  font-size: 10px;
  float: left;
  background: url(images/footnav.gif) no-repeat right 50%;
  padding: 0 5px;
}
div#foot_nav li.last {
  background: none;
}
div#foot_nav li a {
  color: #999;
}

div#logos_left {
  margin: 15px 25px;
}
div#logos_left div {
  margin-bottom: 15px;
}


/** Azucar */
div.azucar_nav {
  width: 105px;
  padding: 5px 5px 10px 50px;
  background: url(images/azucar_nav.gif) no-repeat;
}
div#content div.azucar_nav li {
  list-style: none;
  margin-bottom: 10px;
}
div.azucar_nav li a {
  display: block;
  color: #000;
  font-size: 10px;
  margin: 5px 0;
  text-transform: uppercase;
  padding: 0px 12px 0px 8px;
  letter-spacing: -0.04em;
    line-height: 12px;
}
/** ************* */
/** Estilos a headers */
/** ************* */
div#content h1 {
  font-size: 20px;
  padding: 15px 0;
  font-weight: normal;
  color: #000;
  text-transform: uppercase;
}
div#content h2 {
  text-transform: uppercase;
  font-weight: normal;
  border-bottom: 1px solid #E5A034;
  margin: 10px 0 20px 0;
  font-size: 20px;
}
div#content ul {
  margin-left: 1em;
}
div#content li {
  list-style: disc;
  margin-bottom: 10px;
}
div#content ol {
  margin-left: 1em;
}
div#content ol li {
  list-style: decimal;
  margin-left: 1em;
}

/** ************* */
/** Paginas */
/** ************* */
h3.antetitle {
  width: 300px;
  color: #666;
  font-size: 13px;
  margin-bottom: 20px;
}
div.content_right,
div.content_left {
  float: left;
}
div.content_right {
  width: 390px;
  padding: 0 20px;
}
div.content_left {
  width: 222px;
  margin-left: 20px;
}

/* Excepcion para la página de azucar */
div.azucar div.content_right {
  width: 460px;
}
div.azucar div.content_left {
  width: 152px;
}

/** Localizacion */
div.localizacion {
  position: relative;
}
div.localizacion_address,
div.localizacion_coord {
  position: absolute;
  left: 460px;
}
div.localizacion_address {
  top: 40px;
}
div.localizacion_coord {
  bottom: 15px;
}
div.localizacion p {
  margin: 0;
}
div.popup {
  text-align: left;
}
div.popup h2 {
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}
/** ************* */
/** Productos */
/** ************* */
div.product_index {
  position: relative;
  width: 636px;
  height: 470px;
  background: url(images/productos_bg_small.jpg) no-repeat;
}
div.product_index a,
div.productos-complementarios a {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
}
div.product_index a {
  display: none;
  background-repeat: no-repeat;
  background-position: -10000px 0;
  background-image: url(images/productos_bg_big.jpg);
}
div.product_index a:hover,
div.productos-complementarios a:hover {
  font-size: 16px;
  text-decoration: none;
}
div.product_index div.fructosa a {
  display: block;
  left: 0;
  top: 50px;
  position: absolute;
  padding: 0 140px 180px 0;
}
div.product_index div.fructosa a:hover {
  background-position: 0 -50px;
}
div.product_index div.edulcorante a {
  display: block;
  left: 0;
  top: 250px;
  position: absolute;
  padding: 0 140px 220px 0;
}
div.product_index div.edulcorante a:hover {
  background-position: 0 -250px;
}
div.product_index div.azucar-blanca a {
  display: block;
  left: 333px;
  top: 00px;
  position: absolute;
  padding: 0 0 170px 240px;
}
div.product_index div.azucar-blanca a:hover {
  background-position: -333px -00px;
}
div.product_index div.azucar-moreno a {
  display: block;
  left: 303px;
  top: 280px;
  position: absolute;
  padding: 0 0 130px 230px;
}
div.product_index div.azucar-moreno a:hover {
  background-position: -303px -280px;
}
div.productos-complementarios {
  width: 590px;
  height: 115px;
  background: url(images/productos_comp_bg_small.jpg) no-repeat;
}
div.productos-complementarios a {
  display: block;
  width: 560px;
  padding: 20px 0 0 30px;
  height: 115px;
  position: absolute;
}
div.productos-complementarios a:hover {
  background: url(images/productos_comp_bg_big.jpg) no-repeat;
}


/* productos_comp_bg_big */


div.products_title {
  float: left;
  width: 430px;
  margin-right: 16px;
}
div.categories_nav {
  float: left;
  width: 242px;
  height: 80px;
  background: url(images/nav_categories.gif) no-repeat;
}
div.categories_nav ul {
  margin-left: 0 !important;
}
div#content div.categories_nav li {
  float: left;
  width: 100px !important;
  list-style: none !important;
  margin-bottom: 0;
}
div#content div.categories_nav li.productos-complementarios {
  width: 100% !important;
  text-align: center;
  
}
div.categories_nav li a {
  display: block;
  color: #000;
  font-size: 9px;
  margin: 5px 0;
  text-transform: uppercase;
  padding: 0px 12px 0px 8px;
  letter-spacing: -0.08em;
}
div.categories_nav li.fructosa,
div.categories_nav li.azucar-blanca {
  margin-right: 40px;
  text-align: right;
}
div.categories_nav li a.current,
div.categories_nav li a:hover {
  background: url(images/nav_categories_over.gif) no-repeat;
  text-decoration: none;
}
div.categories_nav li.fructosa a.current,
div.categories_nav li.fructosa a:hover {
  background-position: 0px -5px;
}
div.categories_nav li.azucar-blanca a.current,
div.categories_nav li.azucar-blanca a:hover {
  background-position: 0px -35px;
}
div.categories_nav li.azucar-moreno a.current,
div.categories_nav li.azucar-moreno a:hover {
  background-position: -140px -35px;
}
div.categories_nav li.edulcorante a.current,
div.categories_nav li.edulcorante a:hover {
  background-position: -140px -5px;
}
div.categories_nav li.productos-complementarios a.current,
div.categories_nav li.productos-complementarios a:hover {
  background-position: 0px -58px;
}

div.products_list {
  float: left;
  width: 430px;
}
div.products_list_fructosa {
  background: url(images/fructosa_bg.jpg) no-repeat left 130px;
}
div.products_list_azucar-blanca {
  background: url(images/azucar_blanca_bg.jpg) no-repeat bottom left;
}
div.products_list_azucar-moreno {
  background: url(images/azucar_moreno_bg.jpg) no-repeat left 130px;
}
div.products_list_edulcorante {
  background: url(images/edulcorante_bg.jpg) no-repeat left 180px;
}
div.category_info {
  float: left;
  width: 222px;
  margin-left: 20px;
}
div.category_info_box {
  margin-top: 30px;
  padding: 20px;
  border: 2px solid #ccc;
}
div.category_info_box h3 {
  margin: -10px -20px 10px -20px;
  padding: 10px 20px;
  background: #ccc;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
div.category_info_box p {
  font-size: 12px;
}
div.product_list {
  float: left;
  width: 105px;
  margin-bottom: 20px;
}
div.product_list_photo {
  width: 105px;
  height: 100px;
}
div.product_list_photo a img {
  padding: 1px;
  -moz-opacity: 0.6;
	opacity: .60;
	filter: alpha(opacity=60);
}
div.product_list_photo a:hover img {
  border: 1px solid #D9D9D9;
  padding: 0;
  -moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}
p.product_list_plus {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 5px;
}
p.product_list_plus a {
  display: block;
  padding-left: 12px;
  background: url(images/plus.gif) no-repeat left 5px;
  color: #999;
  font-size: 10px;
  text-transform: uppercase;
}
p.product_list_plus a:hover {
  background-position: left -9px;
  color: #000;
  text-decoration:none;
  
}
div.product_photo_info {
  margin-bottom: 20px;
}
div.product_list_info p {
  font-size: 10px;
  color: #000;
  margin: 0 0 4px 0;
  line-height: 12px;
  padding-left: 12px;
}
div.products_title p a {
  font-size: 14px;
  color: #000;
}
div.product_title {
  padding-bottom: 10px;
  border-bottom: 2px solid #D9D9D9;
  margin-bottom: 20px;
}
h3.product_antetitle,
h3.product_subtitle {
  font-size: 16px;
  color: #000;
}
h3.product_antetitle {
  font-weight: normal;
}

div.product_photo,
div.product_schema,
div.product_other {
  float: left;
}
div.product_photo {
  width: 250px;
}
div.product_schema {
  width: 125px;
}
div.product_other {
  width: 273px;
  margin-left: 40px;
}
h3.product_other {
  font-size: 13px;
  color: #000;
}
p.logo_hermetic {
  margin-top: 20px;
}
p.product_attributes_toggle {
  font-size: 13px;
  color: #000;
  border-bottom: 2px solid #E6E6E6;
  text-transform: uppercase;
}
p.product_attributes_toggle span {
  padding-right: 13px;
  background-image: url(images/at_arrow.gif);
  background-repeat: no-repeat;
  cursor: pointer;
}
p.product_attributes_toggle span.open {
  background-position: right 4px;
}
p.product_attributes_toggle span.close {
  background-position: right -8px;
}
p.product_attributes_toggle span strong {
  color: #999;
  font-weight: bold;
  text-transform: uppercase;
}
div.product_attributes table {
  border: 1px solid #EDEDED;
}
div.product_attributes th,
div.product_attributes td  {
  border-bottom: 1px solid #EDEDED;
}
div.product_attributes td {
  padding: 10px 5px;
  font-size: 11px;
  text-align: center;
}
div.product_form div.product_attributes td {
  font-size: 10px;
  padding: 2px 5px;
}
div.product_attributes th {
  padding: 80px 5px 10px 5px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center 10px;
}
div.product_form div.product_attributes th {
  padding: 10px 5px 10px 5px;
  background-image: none;
}
div.product_form td input {
  border: 1px solid #ddd;
  padding: 4px 1px;
  width: 18px;
}
div.product_attributes tr.tr_sub th {
  padding: 3px 5px;
  font-size: 10px;
  border: 1px solid #EDEDED;
}
div.product_attributes tr.tr_sub th.odd {
  border: 1px solid #fff;
} 
div.product_attributes th.odd,
div.product_attributes td.odd {
  background-color: #F2F2F2;
}
th.cajas {
  background-image: url(images/at_cajas.gif);
}
div.product_edulcorante th.cajas,
div.product_fructosa th.cajas {
  background-image: url(images/at_cajas_diabeticos.gif);
}
th.producto {
  background-image: url(images/at_producto.gif);
}
th.envase {
  background-image: url(images/at_envase.gif);
}
th.embalaje {
  background-image: url(images/at_palet.gif);
}
th.palet {
  background-image: url(images/at_embalaje.gif);
}

/** ************* */
/** Form Product*/
/** ************* */
div.product_form_product {
  border-top: 1px solid #ddd;
}
div.noborder {
  border-top: none;
}
div#content h2.product_form_category {
  text-transform: uppercase;
  font-weight: normal;
  border-bottom: 1px solid #E5A034;
  margin: 25px 0 10px 0;
  font-size: 13px;
}
h3.product_form_title {
  font-size: 13px;
  margin: 15px 0 5px 0;
}
h3.product_form_subtitle {
  font-size: 12px;
  color: #999;
  margin: 10px 0 4px 0;
}
h3.product_form_title span {
  padding-left: 15px;
  cursor: pointer;
}
div.product_attributes_form {
  padding-left: 15px;
  
}
h3.product_form_title span.close {
  background: url(images/checkbox_0.gif) no-repeat 0 1px;
}
h3.product_form_title span.open {
  background: url(images/checkbox_1.gif) no-repeat 0 1px;
}

/** ************* */
/** Form */
/** ************* */
div.validation-advice,
div.error-message {
  color: #990000;
  font-weight: bold;
  margin-top: 5px;
  clear: both;
}
div.contact div.validation-advice {
  margin-left: 130px;
}
div.form {
  margin: 0 80px 0 200px;
}

input.text,
textarea.text {
  border: 1px solid #ddd;
  padding: 2px 3px;
}
textarea.text {
  font-family: Arial, Helvetica, sans-serif;
  width: 250px;
  height: 100px;
  font-size: 12px;
}
input.just {
  width: 250px;
}
div.input label {
  width: 130px;
  float: left;
  color: #666;
}
div.categories_selects {
  position: relative;
  width: 650px;
  margin-bottom: 70px;
}
div.categories_selects_1,
div.categories_selects_2,
div.categories_selects_3 {
  position: absolute;
  width: 190px;
}
div.categories_selects_1 {
  left: 0;
  height: 50px;
}
div.categories_selects_2 {
  left: 200px;
  top: 0px;
}
div.categories_selects_3 {
  left: 200px;
  top: -0px;
}
p.delete {
  margin: 5px 0;
}
p.delete a {
  color: #999;
  font-weight: bold;
  padding-left: 15px;
  background: url(images/delete.gif) no-repeat;
}
div.tints  {
  padding: 142px 5px 10px 5px;
  width: 85px;
  float: left;
  text-align: center;
}
div#tints_1 {
  background: url(images/tintas_1.gif) no-repeat;
}
div#tints_2 {
  background: url(images/tintas_2.gif) no-repeat;
}
div#tints_3 {
  background: url(images/tintas_3.gif) no-repeat;
}
div#tints_4 {
  background: url(images/tintas_4.gif) no-repeat;
}
div#tints_5 {
  background: url(images/tintas_5.gif) no-repeat;
}
div#tints_6 {
  background: url(images/tintas_6.gif) no-repeat;
}
div#tints_4c {
  background: url(images/tintas_4c.gif) no-repeat;
}
input.submit {
  background: #B3B3B3;
  color: #fff;
  border: none;
  text-align: center;
  padding: 5px 10px;
  font-size: 12px;
  float: right;
}
/** SWF Upload */
.progressWrapper,
div.asset_container {
	width: 70%;
}
.progressWrapper {
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(images/swf_cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}
div.swfupload_button {
  margin: 15px 0;
}

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}
div.nota {
  margin-top: 40px;
}
div.nota p {
  font-size: 10px;
  color: #999;
}
div.nota p strong {
  color: #000;
}


/** Este codigo es para ver bonitos los errores del CAKE */

/** Cake */

.cake-stack-trace,
.cake-debug {
	background: #000;
	padding: 40px;
	clear: both;
	z-index: 1;
	text-align: left;
	border: 2px solid #ccc;
	color: #fff;
	margin: 0 20px;
	position: relative;
}
.cake-debug {
	z-index: 5000;
	margin-bottom: 20px;
	padding: 10px;
}
.cake-stack-trace a {
	text-decoration: underline;
}
.cake-stack-trace a:hover {
	color: #fff;
}
.cake-sql-log {
	width: 80%;
	margin: 0 auto;
}
.cake-sql-log th {
	font-size: 12px;
}
.cake-sql-log td {
	font-size: 11px;
	color: #000;
	border: 1px solid #ccc;
	padding: 4px;
	background: #fff;
	text-align: left;
}