body {font-family:Arial, Helvetica, sans-serif; font-size:100%; margin:15px}
h1, h2, h3, h4, h5, h6, p, ol, li, ul {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 {color:#7E7E7E; width:860px; font-size:0.7em; background:url(../images/head_07.jpg) no-repeat left bottom; float:left}
.header #menu span {float:left; padding:5px 0px 5px 20px; width:700px}
.header #menu a {color:#7E7E7E; text-decoration:none; font-weight:bold}
.header #menu a:hover {color:#6A96BD; text-decoration:underline; font-weight:bold;}*/

/* 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 .logistics {background:#f8c300 url(../images/log_left.gif) no-repeat left top}
#nav .logistics 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;}
