body {font-family:Arial, Helvetica, sans-serif; font-size:100%; margin:15px}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}
h1, h2, h3, h4, h5, h6, p, ol, li, ul,img {padding:0px; margin:0px; border:0px}
h2 {color:#7E7E7E; font-size:0.9em;}
.cleardiv {clear:both; font-size:0px}

/* Header */
.header {width:860px; margin-left:auto; margin-right:auto}
.header #top_links {color:#7E7E7E; font-size:0.6em; font-weight:bold; width:840px; text-align:right; padding-bottom:8px}
.header #top_links a {color:#6A96BD; text-decoration:none; font-weight:bold;}
.header #top_links a:hover {color:#7E7E7E; text-decoration:underline}
.header #pic {float:left}
.header #pic img {margin-right:8px}
.header #flash {width:251px; height:121px; float:right}
.header #menu {width:860px; font-family: Helvetica, Arial, sans-serif; font-size:0.7em; background:url(../images/menu_bg.gif) no-repeat left bottom; float:left}
.header #menu span {float:left; padding:5px 0px 0px 23px; width:700px}
.header #menu a {color:#000; text-decoration:none; font-weight:bold; float:left; display:block; cursor:pointer; padding:1px 10px 1px 10px;}
.header #menu .flag {float:right; margin-right:20px; display:inline}
.header #menu .flag img {margin-top:3px; border:1px solid #CCCCCC}

.header #menu .first {background:#cc3434 url(../images/left_top.gif) no-repeat left top}
.header #menu .second {background-color:#ffcc00}
.header #menu .third {background-color:#ffff66; color:#000}
.header #menu .third:hover {color:#cc3434}
.header #menu .fourth {background-color:#84c225}
.header #menu .fifth {background-color:#0099cc}
.header #menu .sixth {background:#330066 url(../images/right_top.gif) no-repeat right top; color:#fff}
.header #menu .sixth:hover {color:#ffcc00}
.header #menu a:hover {color:#fff;}

/* Footer */
.footer {width:860px; color:#7E7E7E; font-size:0.6em; padding-top:5px; margin-left:auto; margin-right:auto}
.footer a {color:#6A96BD; font-weight:bold;}
.footer a:hover {color:#7E7E7E; text-decoration:none}
.footer p {padding-left:15px; padding-top:8px}

.content {color:#7E7E7E; width:578px}
.content h2 {font-size:0.9em; padding-top:15px; color:#6A96BD}
.content h3 {color:#7E7E7E; font-size:0.8em; padding-top:15px}
.content p {padding-top:10px; font-size:0.75em}
.content b {font-weight:bold}

.lnk {color:#6A96BD}
.lnk:hover{text-decoration:none}

/* Main activities */
.activities {width:860px; text-align:left; margin-left:auto; margin-right:auto}
.activities_left {float:left; width:235px; padding-top:20px; margin-right:34px; display:inline}
.activities_right {float:left; width:591px; padding-top:20px}

/* Main Activities Menu */
#nav {margin-left:0px; padding-top:20px}
#nav ul {margin:0; padding:0; list-style:none; display:table; font-size:0.8em; #display:inline-block; #display:inline; width:578px}
#nav li {display:table-cell; margin:0; padding:0; float:left;}
#nav a {float:left; margin:0 2px 0 0; padding:0 0 0 2px; text-decoration:none; letter-spacing:1px; color:#000}
#nav a b {float:left; display:block; padding:5px 16px 5px 12px;}
#nav a:hover {color:#000; cursor:pointer}
#nav .current a {color:#000; cursor:default;}
#nav .current a:hover {color:#000} 
#nav .current a b {cursor:default}
#yellow {background:#fff url(../images/menu_gradient.gif) repeat-x left -25px; border-top:3px solid #ffff66; height:10px; padding:0px; #margin-bottom:-8px; width:578px;}
#green {background:#fff url(../images/menu_gradient.gif) repeat-x left -25px; border-top:3px solid #84c225; height:10px; padding:0px; #margin-bottom:-8px; width:578px;}
#red {background:#fff url(../images/menu_gradient.gif) repeat-x left -25px; border-top:3px solid #cc3434; height:10px; padding:0px; #margin-bottom:-8px; width:578px;}
#brown {background:#fff url(../images/menu_gradient.gif) repeat-x left -25px; border-top:3px solid #f8c300; height:10px; padding:0px; #margin-bottom:-8px; width:578px}
#nav .distribution {background:#ffff66 url(../images/dist_left.gif) no-repeat left top}
#nav .distribution b {background:url(../images/dist_right.gif) no-repeat right top}
#nav .shops {background:#84c225 url(../images/shops_left.gif) no-repeat left top}
#nav .shops b {background:url(../images/shops_right.gif) no-repeat right top}
#nav .restaurants {background:#cc3434 url(../images/rest_left.gif) no-repeat left top}
#nav .restaurants b {background:url(../images/rest_right.gif) no-repeat right top}
#nav .coffee {background:#f8c300 url(../images/log_left.gif) no-repeat left top}
#nav .coffee b {background:url(../images/log_right.gif) no-repeat right top}

/* Main Activities (main body) */
.activities_grad {background:#fff url(../images/menu_gradient.gif) repeat-x left -28px; border-top:3px solid #6b6b6b; width:578px; padding-top:20px; clear:left}
.activities_grad h2 {padding-bottom:15px}
.activities_grad h3 {color:#7E7E7E; font-size:0.8em; padding-bottom:10px; padding-top:10px}
.activities_grad p {padding-bottom:15px; font-size:0.75em; color:#7E7E7E}

/* Partners */
.partners {margin:10px 0px 0px 0px; padding:0px; list-style:none; width:260px; float:left;}
.partners li {background:url(../images/arow.jpg) no-repeat left center; padding-left:20px; font-size:0.8em; color:#7E7E7E; line-height:20px}
.osnovi {width:500px; margin-left:20px}

/* Otcheti */
.otcheti {margin:10px 0px 10px 0px; padding:0px; list-style:none;}
.otcheti li {background:url(../images/arow.jpg) no-repeat left center; padding-left:20px; font-size:0.7em; line-height:14px; margin-bottom:6px}
.otcheti li a {color:#6A96BD; text-decoration:none}
.otcheti li a:hover {color:#7E7E7E; text-decoration:underline;}

/* Presentation */
.pic_padd {margin-bottom:10px}
.ol_list {font-size:0.8em; margin:5px 30px 15px 60px;}
.ol_list li {margin-bottom:8px}
.bot_list {margin:10px 30px 15px 30px; padding:0px; list-style:none; width:530px;}
.bot_list li {background:url(../images/arow.jpg) no-repeat left 3px; padding-left:20px; margin-bottom:8px; font-size:0.8em; color:#7E7E7E; line-height:16px}

/* FLASH */
.product_browser {background:url(../images/flash_bg.gif); width:235px; height:181px;}
.product_browser h3 {font-size:16px; padding-bottom:10px; padding-top:5px; width:193px; margin-left:auto; margin-right:auto;}
#flash_browser {width:193px; margin-left:auto; margin-right:auto; padding-top:5px;}

/* Koleda 2009 */
.koleda {width:575px;}
.koleda a {background:url(../images/koleda.png); width:575px; height:162px; display:block;}
.koleda a:hover {height:805px;}
.koleda a span {display:none;}

/* Facebook */
.content .facebook {padding:0 0 5px 0; margin:0px;}
.content .facebook a {background:url(../images/facebook.gif); width:175px; height:18px; display:block; float:right; outline:none;}
.content .facebook a span {display:none;}

.content .facebook_en {padding:0 0 5px 0; margin:0px;}
.content .facebook_en a {background:url(../images/facebook_en.gif); width:154px; height:18px; display:block; float:right; outline:none;}
.content .facebook_en a span {display:none;}

/* PRODUCTS */
.products {width:859px; background:url(../images/fsh_prod.gif) left 10px no-repeat; margin:0 auto; padding-top:65px;}
.products_en {background:url(../images/fsh_prod_en.gif) left 10px no-repeat;}
.products .new {width:647px; float:right; background:url(../images/new_products.gif) no-repeat left 7px; padding-top:55px; font-size:14px; color:#6d6e71;}
.products_en .new {background:url(../images/new_products_en.gif) no-repeat left 7px;}

.products .new_en {background:none; padding-top:9px;}
.products .new_content {width:524px; background:#f4f3f3 url(../images/corner.gif) left top no-repeat; font-size:12px; border:1px solid #dedcdc; padding-top:10px; padding-bottom:5px; margin-bottom:15px;}
.products .bg_img_snow {background:#FFF url(../images/snow_flake.gif) left top no-repeat;}
.products .new_content p {padding:0px 15px 10px 15px; margin:0px;}
.products .new_content p a {color:#6d6e71;}
.products .new_content p a:hover {text-decoration:none;}
.products .product_container {width:705px; float:right; padding:0 0 10px 0; color:#6d6e71; text-decoration:none; font-size:11px; line-height:13px; font-weight:none; text-align:justify;}
.products .product_container img {margin:5px}
.products .product_container h3 {margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid #999999; padding-top:20px; font-size:12px;}

/* Coffee Machines */
.coffee_machines {width:578px; clear:both; margin-bottom:20px; padding-bottom:15px;}
.coffee_machines h2 {font-size:18px; color:#000000; margin-bottom:10px;}
.coffee_machines .coffee_machines_img {float:left; margin-right:10px;}
.coffee_machines .coffee_machines_txt {float:left; width:360px;}
.coffee_machines .coffee_machines_txt h3 {font-size:13px; color:#000000; padding:0; margin:0 0 10px 0;}
.coffee_machines .coffee_machines_txt p {font-size:12px; color:#6b6b6b; padding:0 0 10px 0; margin:0;}
.coffee_machines .coffee_machines_txt h4 {font-size:12px; color:#000000; margin-bottom:10px;}
.coffee_machines .coffee_machines_txt ul {list-style:none;}
.coffee_machines .coffee_machines_txt ul li {font-size:12px; color:#000000;}

.coffee_machines .solution_6_30 {width:420px;}
.coffee_machines .solution_8_60 {width:320px;}
.coffee_machines .lioness {width:320px;}
.coffee_machines .mini {width:370px;}
.bg_gradient {background:url(../images/coffee_bg_txt.jpg) right repeat-y;}

.coffee_products {float:left; width:235px; margin:20px 34px 0 0; display:inline; background:url(../images/bg_coffee_column.gif) center bottom no-repeat; padding-bottom:28px;}
.coffee_products .coffee_products_top {background:url(../images/bg_coffee_column.gif) left top no-repeat; height:39px; line-height:38px; overflow:hidden;}
.coffee_products .coffee_products_top h2 {font-size:14px; padding:0 15px; border-bottom:1px solid #b89203; margin-right:2px; color:#000; height:38px;}
.coffee_products .coffee_products_content {background:url(../images/bg_coffee_column.gif) right top repeat-y; width:235px; padding-top:10px;}
.coffee_products .coffee_products_content h3 {font-size:12px; background:url(../images/bullet_cup.gif) left top no-repeat; padding-left:22px; padding-top:8px; margin-bottom:10px; margin-left:8px;}
.coffee_products .coffee_products_content .coffee_images {text-align:center; padding-bottom:15px; text-align:center; font-size:0; position:relative; z-index:0;}

.coffee_products .coffee_products_content .coffee_images a {display:inline-block; zoom: 1; *display: inline; width:68px; height:68px; margin:0 3px 5px 2px;}
.coffee_products .coffee_products_content .coffee_images a span {display:none;}
.coffee_products .coffee_products_content .coffee_images a:hover span {display:block; position:absolute; left:235px; top:0px; background-color:#FFF; padding:8px 15px; z-index:2; border:2px solid #b89203;}

.products .product_container .product_thumbs {width:125px; height:125px; display:inline; float:left; margin-right:12px; margin-bottom:12px; border:2px solid #3f4495;}
.products .product_container .product_thumbs:hover {border:2px solid #f88017;}
.products .product_container .product_thumbs img {padding:0; margin:0;}