.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/********** Html / Umbraco Presets ***********/

/* Subpages layout */
#content{text-align: left;}

#subNavigation{width: 20em; float: right;}
#subNavigation ul{list-style: none; border: 1px solid #FFE8CD; background: #FFF9D8;}

/* FONTS standards */
body  
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #838182;	
}

h1, h2, h3, h4, h5, h6 {}
h1 {font-size: 19pt; }
h2 {}
h3 {}
h4 { font-size: 115%; text-transform: uppercase; margin: 0;} /* Webpart title */
h5 { font-size:105%; margin: 0;} /* Titol 100% */
h6 { }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em; }
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* LINKS standards */
a:focus, a:hover {}
a {}
h1 a{}


/* NO LINK DECORATION FOR IMAGES*/
a, a:focus, a:hover, a:link, a:visited { border: none; text-decoration: none;}
a img, a:focus img, a:hover img, a:link img, a:visited img { border: none; text-decoration: none;}


/* ELEMENTS standards */
blockquote {margin:1.5em;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* FORM ELEMENTS */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin: 0.5em 0; padding: 0;border:1px solid #ddd;background-color:#f8f8f8;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #ccc;}
input.text, input.title {padding: 3px;}
input.title {font-size:1.5em;}
input.button { background-color: #898989; border: none; color: #FFFFFF; font-weight: bold; font-size: 90%; padding: 2px 9px 2px 9px;}
textarea {width:300px;height:250px;padding:5px;}
.error, .notice, .success {margin-bottom:1.2em;font-size:90%; font-weight: bold;}
.error {color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error ul{margin-bottom: 0; padding-bottom: 0;}

/* menu */
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_Navigator_1_Menu1{width: 10%;}




/****************** Espuna Master - Layout *******************/

body{padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; background-color: #202020;}

div.floatLeft {float: left;}
div.floatLeft .logo {margin-left: 1em; padding-bottom:1em;}
div.floatLeft .banda {margin-left: 1em;}
div.floatRight {float: right;}
div.floatLeftBottom {float: left; bottom: 0em;}
div.clearLeft {clear: left;}

.Main{margin: auto; width: 960px; background-color: #ffffff;}

div.Header {background-color: #000000;  display: block; height: 135px; margin-bottom: -2px;}
div.headerTool {float: right; color:#606060; height: 20px; padding-right:1em; padding-top: 0.4em; margin-left:20em; }
div.headerTool a {color:#606060; padding-left: 1em; padding-right: 1em; text-decoration: none; font-size: 90%;}
div.headerTool a.distribuidors {color:#FED24D;}
.HeaderTopMenu {float: left; height: 57px;}
.HeaderDecoration {background-color: #eeeeee; height: 22px; float:left; width: 723px; margin-top:6px;}

.ContentArea{padding: 20px 0px 20px 20px; width:940px; background: url('/css/bodybackground.jpg') repeat-x bottom;float:left;background-color:#eeeeee;}
.LeftPaneZone {width: 200px; float: left; }
.MainPaneZone {width: 720px; float: left; }
.MainPaneZoneCenterColumn {width: 469px; float: left; }
.MainPaneZoneRightColumn {width: 200px; margin-left: 16px; float: left;}

.Footer{margin-top: 1em; margin-left: 235px; width: 685px; text-align: left; border-top: dotted 1px #B0B0B0;float:left;}
.Footer a {font-size:90%; font-weight: bold;  color: #AFAFAF; text-decoration: none;}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */





/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu 
{
    float: left;
}


ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;

}

ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: left;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}



/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.AspNet-Menu-Vertical
{
    float: left;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
ul
{
    background:#7795BD;
}

/* Top tier */
.AspNet-Menu-Vertical ul.AspNet-Menu
{
    /*width: 9em;*/
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
ul.AspNet-Menu ul
{
    width: 10.5em;
    left: 8.9em;
    top: -1em;
    z-index: 400;
}

ul.AspNet-Menu ul ul
{
    width: 11.5em;
    left: 10.4em;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
ul.AspNet-Menu li
{
    background:#7795BD url(bg_nav.gif) repeat-x;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    color: black;
    padding: 4px 2px 4px 8px;
    border:1px solid #648ABD;
    border-bottom: 0;
    background: transparent url(arrowRight.gif) right center no-repeat;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
ul.AspNet-Menu li.AspNet-Menu-Leaf a,
ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
ul.AspNet-Menu li:hover, 
ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background:#7795BD;
}

ul.AspNet-Menu li:hover a, 
ul.AspNet-Menu li:hover span, 
ul.AspNet-Menu li.AspNet-Menu-Hover a,
ul.AspNet-Menu li.AspNet-Menu-Hover span,
ul.AspNet-Menu li:hover li:hover a, 
ul.AspNet-Menu li:hover li:hover span, 
ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
ul.AspNet-Menu li:hover li:hover ul a:hover, 
ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: White;
}

ul.AspNet-Menu li:hover ul a, 
ul.AspNet-Menu li:hover ul span, 
ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
ul.AspNet-Menu li:hover li:hover ul a, 
ul.AspNet-Menu li:hover li:hover ul span, 
ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: Black;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
ul.AspNet-Menu li a:hover,
ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
    background: transparent url(activeArrowRight.gif) right center no-repeat;
}

ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.AspNet-Menu-Horizontal
{
    float: left;
    font-weight: bold;
    width: 705px;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.AspNet-Menu-Horizontal ul.AspNet-Menu
{
    /*width: 45em;*/    
    width: 100%;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 10.5em;
    left: 0;
    top: 100%;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    width: 11.5em;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    /*width: 9em;*/    
    text-align:center;    
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    width: 10.5em;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 11.5em;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 10.35em;
}


/****** Espuna Menus ******/

.AspNet-Menu-Horizontal.TopMenuEspuna {float: left; font-weight: bold; width: 705px; }

ul.AspNet-Menu.TopMenuEspunaHorizontalBar {margin-top:1.2em; background-color: Transparent;}

.AspNet-Menu-Horizontal.TopMenuEspuna ul li {margin-right:1.5em; background-color: Transparent;}



.AspNet-Menu-Horizontal.TopMenuEspuna ul li.Inicia {border-bottom: solid 6px #FED24D;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.Espuna {border-bottom: solid 6px #EE3324;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.Innovacio {border-bottom: solid 6px #00A1E5;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.Productes {border-bottom: solid 6px #AF8800;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.Trasabilitat {border-bottom: solid 6px #DA9188;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.Participa {border-bottom: solid 6px #66B301;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.Contacta {border-bottom: solid 6px #D7BE95;}

.AspNet-Menu-Horizontal.TopMenuEspuna ul li.IniciaSelected {border-bottom: solid 6px #FED24D; background-color:#FED24D;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.EspunaSelected {border-bottom: solid 6px #EE3324; background-color:#EE3324; color: #FFFFFF;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.InnovacioSelected {border-bottom: solid 6px #00A1E5; background-color:#00A1E5;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.ProductesSelected {border-bottom: solid 6px #AF8800; background-color:#AF8800;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.TrasabilitatSelected {border-bottom: solid 6px #DA9188; background-color:#DA9188;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.ParticipaSelected {border-bottom: solid 6px #66B301; background-color:#66B301;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li.ContactaSelected {border-bottom: solid 6px #D7BE95; background-color:#D7BE95;}

.AspNet-Menu-Horizontal.TopMenuEspuna ul li ul li.IniciaSelected {border-bottom: none; background-color:#FFFFFF;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li ul li.EspunaSelected {border-bottom: none; background-color:#FFFFFF;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li ul li.InnovacioSelected {border-bottom: none; background-color:#FFFFFF;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li ul li.ProductesSelected {border-bottom: none; background-color:#FFFFFF;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li ul li.TrasabilitatSelected {border-bottom: none; background-color:#FFFFFF;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li ul li.ParticipaSelected {border-bottom: none; background-color:#FFFFFF;}
.AspNet-Menu-Horizontal.TopMenuEspuna ul li ul li.ContactaSelected {border-bottom: none; background-color:#FFFFFF;}

.AspNet-Menu-Horizontal.TopMenuEspuna a.AspNet-Menu-Link {font-size: 110%; border: solid 0px; padding: 4px 9px 4px 9px; color: #EE3324;}

ul.AspNet-Menu.SubMenuEspunaHorizontalBar {margin-top: 6px; border-bottom: solid 1px #E0E0E0; z-index: 100; position: absolute;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li 
{				
	border-left: solid 1px #E0E0E0;	
	border-top: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;	
	background-color: #FFFFFF;
}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li a.AspNet-Menu-Link
{
	font-size: 90%;
	color: #808080;
}

ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Inicia {border-bottom:0px;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Espuna {border-bottom:0px;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Innovacio {border-bottom:0px;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Productes {border-bottom:0px;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Trasabilitat {border-bottom:0px;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Participa {border-bottom:0px;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Contacta {border-bottom:0px;}

ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Inicia a:Hover {background-color: #FED24D;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Espuna a:Hover {background-color: #EE3324;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Innovacio a:Hover {background-color: #00A1E5;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Productes a:Hover {background-color: #AF8800;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Trasabilitat a:Hover {background-color: #DA9188;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Participa a:Hover {background-color: #66B301;}
ul.AspNet-Menu.SubMenuEspunaHorizontalBar li.Contacta a:Hover {background-color: #D7BE95;}

.AspNet-Menu-Vertical.LeftMenuEspuna {text-transform:uppercase;}
.AspNet-Menu-Vertical.LeftMenuVerticalBarEspuna {}


.AspNet-Menu-Vertical ul.AspNet-Menu{ background-color: #FFFFFF;}
.AspNet-Menu-Vertical ul.AspNet-Menu li.EspunaLeftMenuElement{ background-color: #FFFFFF; clear: both;}

/* Marge superior ul TOTEST*/
ul.LeftMenuVerticalBarEspuna{padding-top: 5px;}
.AspNet-Menu-Vertical ul.AspNet-Menu li a, ul.AspNet-Menu li span
{
	font-weight: bold;
	border: none;
	padding:9px 2px 4px 0px;
}

div.EspunaLeftMenuDivSelected
{
	border-right: solid 5px #b08a13;
	margin-left: 22px;
	border-bottom: solid 1px #838182;	
	width: 181px;
	
}
div.EspunaLeftMenuDiv
{ 
	margin-left: 22px;
	border-bottom: solid 1px #838182; 
	width: 159px; 
}

div.LeftMenuEspuna ul li div a, div.LeftMenuEspuna ul li div a:visited, div.LeftMenuEspuna ul li div a:link, div.LeftMenuEspuna ul li div a:hover
{
	Color: #838182;
}

div.LeftMenuEspuna ul li div a.LeftMenuLinkReferenciaAlergen
{
	Color: Red;
}

/*** Espuna products menu ***/
.EspunaMenuFamilies{ list-style-type:none; background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-transform: uppercase; font-weight:bold;}
.EspunaMenuSubfamilies{ list-style-type:none; background-color: #FFFFFF; padding: 0px; text-transform: capitalize; font-weight: normal; font-size: 0.95em;}
.EspunaMenuReferencies{ list-style-type:none; background-color: #FFFFFF; padding: 0px; font-size: 0.95em;}

li.LeftMenuItemFamilia{ margin-left:22px; padding-left:0; }
a.LeftMenuLinkFamilia, a.LeftMenuLinkSubfamilia, a.LeftMenuLinkReferencia{ text-decoration: none; color: #838182; }

div.LeftMenuDivFamilia{	border-bottom: solid 1px #838182; padding-top:8px; padding-bottom: 5px; width: 159px; }
div.LeftMenuDivSubfamilia{ padding-top: 3px; padding-bottom: 3px; width: 137px; }
div.LeftMenuDivReferencia{ padding: 3px 7px 3px 0px; width: 119px; }

div.LeftMenuDivFamiliaSelected{	border-bottom: solid 1px #838182; border-right: solid 5px #b08a13; padding-top:8px; padding-bottom: 5px; width: 154px; }
div.LeftMenuDivSubfamiliaSelected{ border-right: solid 5px #b08a13; padding-top: 3px; padding-bottom: 3px; width: 137px; }
div.LeftMenuDivReferenciaSelected{ border-right: solid 5px #b08a13; padding: 3px 2px 3px 0px; width: 119px; }

div.LeftMenuDivReferenciaBorder{ border-bottom: dotted 1px #838182; width: 126px;}
div.LeftMenuDivSubfamiliaBorder{ border-bottom: dotted 1px #838182; width: 141px}
/*** End Espuna products menu ***/

div.txtAlergens{border-top: dotted 1px #838182; margin-top: 20px; padding-top: 15px; margin-left: 15px; padding-left:15px; margin-right:10px;}
div.txtAlergensEmpty{border-top: dotted 1px #838182; margin-top: 0px; padding-top: 0px; margin-left: 15px; padding-left:15px; margin-right:10px;}
div.txtAlergens span{font-size: 0.95em;}
div.checkAlergens{font-size: 0.95em; font-weight:bold; margin: 15px 0px 15px 25px;}

/* Separators */
div.sepOneDottedLine { border-bottom: dotted 1px; margin: 12px 0px 10px 0px; }

.AspNet-Menu-Horizontal.TopMenuEspuna a.IniciaSelected {color: #55461a;}
.AspNet-Menu-Horizontal.TopMenuEspuna a.EspunaSelected {color: #4e0000;}
.AspNet-Menu-Horizontal.TopMenuEspuna a.InnovacioSelected {color: #00364c;}
.AspNet-Menu-Horizontal.TopMenuEspuna a.ProductesSelected {color: #382d00;}
.AspNet-Menu-Horizontal.TopMenuEspuna a.TrasabilitatSelected {color: #1b0808;}
.AspNet-Menu-Horizontal.TopMenuEspuna a.ParticipaSelected {color: #223c00;}
.AspNet-Menu-Horizontal.TopMenuEspuna a.ContactaSelected {color: #474031;}

.SubMenuEspunaHorizontalBar a.IniciaSelected:hover{background-color: #FED24D;}
.SubMenuEspunaHorizontalBar a.EspunaSelected:hover{background-color: #EE3324;}
.SubMenuEspunaHorizontalBar a.InnovacioSelected:hover{background-color: #00A1E5;}
.SubMenuEspunaHorizontalBar a.ProductesSelected:hover{background-color: #AF8800;}
.SubMenuEspunaHorizontalBar a.TrasabilitatSelected:hover{background-color: #DA9188;}
.SubMenuEspunaHorizontalBar a.ParticipaSelected:hover{background-color: #66B301;}
.SubMenuEspunaHorizontalBar a.ContactaSelected:hover{background-color: #D7BE95;}



/* Login Modal Pop Up*/
.modalBackground
{
	background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;

}

.modalLoginWindow
{
	border: solid 1px #c0c0c0;
	padding: 0px 10px 10px 10px;
	background-color: #EEEEEE;
	width: 250px;
	height: 250px;
}

div#preview {height: 350px; }