* {margin:0px; padding: 0px;}
body {font: 11px "Trebuchet MS", Tahoma, Arial, sans-serif; margin:0px; padding: 0px; color:#5d5d5d;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
img { border:0;}
span.clear { display: block; clear: both; height: 0px; line-height: 0px; font-size: 0px; margin-bottom: -1px; }
a { font-size:12px; color:#3fc0f2; text-decoration:none; }
a:hover { text-decoration:underline; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#container { width:936px; margin: 0 auto; margin-top:20px; display:block; }
#head { clear:both;}
#logo { width:391px; height:92px; float:left;}
#head2 { height:110px; float:right; padding-right:37px; width:470px; }
#flags { clear:both; width:468px }
#flags div { float:right; margin-left:10px; }

.page-title { margin-left:15px; margin-top:15px; font-size:14px; text-transform:uppercase; font-weight:bold; height:20px; }
.page-title a { font-size:14px; text-transform:uppercase; font-weight:bold; height:20px; color:#5d5d5d; }
.page-title b {  }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#banner-top { width:468px; height:60px; padding-top:10px; padding-bottom:7px; }
#banner-right { padding-left:2px; padding-top:20px; margin-bottom:10px;}

/*#flash { clear:both; width:936px; padding:0; margin:0; }*/
#flash { clear:both;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#mmenu { margin-top:10px; margin-right:10px; text-align:right;}
#mmenu .mmenu-top { margin-top:4px; margin-bottom:4px; }
#mmenu .mmenu-top a { text-transform:uppercase; font-size:12px; font-weight:bold; font-family:Tahoma, Arial, sans-serif; }
#mmenu ul { margin-left:10px; }
#mmenu ul li { list-style:none; list-style-image:none; }
#mmenu ul li a { color:#5d5d5d; font-size:12px; }
#mmenu ul li a { color:#5d5d5d; font-size:12px; text-transform:lowercase; background:url(../images/list-dot.gif) no-repeat right; padding-right:10px; }
#mmenu ul li ul li.leaf a { color:#5d5d5d; font-size:12px; text-transform:lowercase; background:url(../images/list-dot.gif) no-repeat right; padding-right:10px; }
#mmenu ul li.expanded a { background:url(../images/list-dot2.gif) no-repeat right; padding-right:12px; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#main-content-home {  }
#main-content-back { background:url(../images/vline.gif) no-repeat 158px 0px; }
#inner-content {  float:left; margin-bottom:10px; }
#inner-content .home { width:806px !important; }
#inner-content .backend { width:637px; margin-left:3px; margin-left:10px;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#news-top { width:936px; height:90px; display:block; position:relative; background:url(../images/im2_05.gif) repeat-x bottom; }
#news-top div.corner1 { background:url(../images/main2_03.gif) no-repeat bottom; width:23px; height:90px; position:absolute; left:0px; bottom:0px;}
#news-top div.corner2 { background:url(../images/main2_06.gif) no-repeat bottom; width:23px; height:90px; position:absolute; right:0px; bottom:0px; z-index:0; }
#news-top div.content { height:70px; width:906px; font-size:11px; position:absolute; top:10px; left:20px; z-index:1; }
#news-top div.content img { margin-right:5px; margin-bottom:5px; display:block; }
#news-top div.content h1 { text-transform:uppercase; }
#news-top div.content span { display:block; text-align:justify; text-indent:25px; }
#news-top div.more, .front-block div.more, .news-block div.more, .video-block div.more  { position:absolute; bottom:0px; right:10px;}
#news-top div.more a, .front-block div.more a, .news-block div.more a, .video-block div.more a  { font-size:10px; color:#00a1ec; background:url(../images/more.gif) no-repeat center left; padding-left:7px; text-decoration:none; }
#news-top div.more a:hover, .front-block div.more a:hover, .news-block div.more a:hover, .video-block div.more a:hover  { text-decoration:underline; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.front-block { width:390px; height:174px; position:relative; background:url(../images/block3.gif) repeat-x bottom; float:left; margin-right:0px; }
.front-block div.b1 { background:url(../images/block1.gif) no-repeat; position:absolute; bottom:0px; left:0px; width:23px; height:123px; }
.front-block div.b2 { background:url(../images/block2.gif) no-repeat; position:absolute; bottom:0px; right:0px; width:23px; height:123px; z-index:0; }
.front-block div.b3 { position:absolute; top:10px; left:20px; width:350px; height:154px; z-index:1; }
.front-block div.b3 h1 { padding-top:5px; text-transform:uppercase; }
.front-block div.b3 h2 { padding-top:5px; padding-bottom:5px; display:block; color:#5d5d5d; font-size:12px; text-transform:uppercase; line-height:15px; }
.front-block div.b3 span { display:block; text-align:justify; text-indent:25px; }
.front-block div.b3 img { margin-right:5px; margin-bottom:5px; display:block; }
.front-block div.b3 p {  }
.front-block-spacer10 { width:15px; float:left; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.news-block { width:626px; height:84px; position:relative; background:url(../images/im2_05.gif) repeat-x bottom; margin-left:10px; margin-top:10px;}
.news-block div.b1 { background:url(../images/main2_03.gif) no-repeat bottom; width:19px; height:85px; position:absolute; left:0px; bottom:0px;}
.news-block div.b2 { background:url(../images/main2_06.gif) no-repeat bottom; width:18px; height:85px; position:absolute; right:0px; bottom:0px; z-index:0; }
.news-block div.b3 { height:70px; width:600px;  font-size:11px; position:absolute; top:10px; left:10px; z-index:1;}
.news-block div.b3 h1 { padding-top:5px; text-transform:uppercase;}
.news-block div.b3 span { display:block; text-align:justify; text-indent:25px;}
.news-block div.b3 img { margin-right:5px; margin-bottom:5px; display:block;}
.news-block div.b3 p {  }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.inner-page { width:631px; position:relative; top:10px; background:url(../images/inside2_03.gif) top right no-repeat; }
.inner-page .text { padding:15px 10px 50px 5px; position:relative; }
.inner-page h2 { padding-top:5px; padding-bottom:5px; display:block; color:#5d5d5d; font-size:12px; text-transform:uppercase; line-height:15px; }
.inner-page img { margin-right:5px; margin-bottom:5px; display:block; }
.inner-page span { /* display:block; text-align:justify; text-indent:25px; */ }
.inner-page ul { margin-left: 25px; }
.inner-page .text .back { position:absolute; bottom:10px; right:10px; }
.inner-page .text .back a { font-size:10px; }

.inner-page .page-title { margin-left:5px; margin-top:5px; font-size:14px; text-transform:uppercase; font-weight:bold; height:20px; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.photo ul {list-style:none; padding:0; margin:0; width:580px; position:relative; margin-left:30px; margin-top:20px; }
.photo ul li {display:inline; width:115px; height:90px; float:left; }
.photo ul li a {display:block; width:115px; height:90px; cursor:default; text-decoration:none;  }
.photo ul li a b {display:none;}
.photo ul li a div {display:block; width:110px; height:85px; background-color:#CCCCCC; border:1px solid #999999; }

.photo ul li a:hover {white-space:normal; position:relative;}

.photo ul li a.hor div img {width:100px; height:75px;}
.photo ul li a.hor:hover div {position:absolute; left:-65px; top:-45px; width:232px; height:176px; display:block; }
.photo ul li a.hor:hover div img { width:222px; height:166px; }
.photo ul li a div img { width:100px; margin:5px 5px; }

.photo ul li a.vert:hover div {position:absolute; left:-20px; top:-12px; width:64px; height:48px; }
.photo ul li a.vert:hover div img { width:150px; }

.photo ul.photo1 { height:90px; }
.photo ul.photo2 { height:180px; }
.photo ul.photo3 { height:270px; }
.photo ul.photo4 { height:360px; }
.photo ul.photo5 { height:450px; }
.photo ul.photo6 { height:540px; }
.photo ul.photo7 { height:630px; }
.photo ul.photo8 { height:720px; }
.photo ul.photo9 { height:810px; }
.photo ul.photo10 { height:900px; }

.photo-big-title { margin-left:30px; margin-top:20px; margin-bottom:2px; }
.photo-big { width:571px; border:1px solid #999999; background-color:#CCCCCC; margin-left:30px; }
.photo-big img { width:561px; margin:5px 5px;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.video-block { width:631px; height:150px; position:relative; background:url(../images/block3.gif) repeat-x bottom; margin-top:10px; }
.video-block div.b1 { background:url(../images/block1.gif) no-repeat bottom; width:23px; height:85px; position:absolute; left:0px; bottom:0px;}
.video-block div.b2 { background:url(../images/block2.gif) no-repeat bottom; width:23px; height:85px; position:absolute; right:0px; bottom:0px; z-index:0; }
.video-block div.b3 { position:absolute; top:5px; left:5px; width:615px; height:140px; z-index:1; clear:both; }
.video-block div.b3-1 { width:415px; position:absolute; left:190px; top:0px; }
.video-block div.b3 div.img { margin-left:10px; border:1px solid #999999; background-color:#CCCCCC; width:170px; height:130px; } 
.video-block div.b3 div.b3-1 h1 { padding-top:5px; text-transform:uppercase; }
.video-block div.b3 div.b3-1 span { display:block; text-align:justify; text-indent:25px; }
.video-block div.b3 div.img img { margin-left:5px; margin-top:5px; width:160px; height:120px; } 

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#right-side { width:126px; float:left;}

#left-side { width:158px; height:200px; float:left; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer-line { height:3px; background-color:#000000; font-size:0px; line-height:0px; }
#footer { margin-top:3px; height:25px; }
#footer-contacts { color:#000000; font-size:10px; float:right; text-align:right; }
#footer-copy { color:#000000; font-size:10px; float:left; text-align:left; }
#footer-copy div { float:left; margin-right:10px; }


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#admin_menu { font-size: 11px; font-family:Arial, Helvetica, sans-serif; width: 100%; height:25px; position:relative; background-color:transparent; }
body { margin-top: auto !important; }
#admin_menu_icon { float: left; margin: 1px 4px; display:none; }
.block-admin_menu { border: 0; margin: 0; background-color:transparent; }
.block-admin_menu .title { display: none; }
.block-admin_menu .content { padding: 0; }

#admin_menu a { color:#385B88; font-weight:bold; border-right:none; text-transform:uppercase;}
#admin_menu a:hover { background-color:#FFFFFF; color:#000000; }
#admin_menu li li a { text-transform:none; font-weight:normal; }
#admin_menu li li { width: 160px; background:#cdd5e1; filter:Alpha(opacity=88); -moz-opacity: 0.88; }

#admin_menu li li.expandable, #admin_menu li li.expandable a:hover { background: #FFFFFF url(images/arrow2.png) no-repeat 145px 7px; }
#admin_menu li li a:hover, #admin_menu li li.sfhover { background-color:#FFFFFF; color:#000000; }

.tabs a { font-size:10px; color:#000099; }
.form-file { width:95%;}
fieldset { width:590px !important; }
#left-side .content { margin-bottom:10px; }
#left-side .content, #left-side .content ul.menu { text-align:right; }
#left-side h2 { font-size:12px; font-weight:bold; font-family:Tahoma, Arial, sans-serif; text-align:right; margin-right:5px; margin-top:5px; text-transform:uppercase; }

#left-side .content ul.menu li { list-style:none; list-style-image:none; }
#left-side .content ul.menu ul { margin-right:0px; }
#left-side .content ul.menu li a { text-transform:uppercase; font-size:12px; font-weight:bold; font-family:Tahoma, Arial, sans-serif; }
#left-side .content ul.menu li ul li.leaf a { color:#5d5d5d; font-size:10px; text-transform:lowercase; background:url(../images/list-dot.gif) no-repeat right; padding-right:10px; }
#left-side .content ul.menu li.expanded a { color:#3fc0f2; no-repeat right; padding-right:12px; }
#left-side .content ul.menu li.leaf a { color:#3fc0f2; no-repeat right; padding-right:px; }

.backend table { width:100%; }
.backend table tr.even { background-color:#e1e1e1; }

dd { margin-left:50px;}
#edit-submit { margin-top:10px; }
.messages { margin:5px; color:#009900; }

/* news 2008-05-11 matkovski@gmail.com */
#main-menu-container {width:950px !important; float: left;}
.left-bar { float:left; background:url(../images/back_2.gif) 0px -4px; width:25px; height:100px; }
.nav { float:left; height:43px;  background: url(../images/pro_line_0.gif) repeat-x;  position:relative;  font-family:arial, verdana, sans-serif;  font-size:11px;  width:900px;  z-index:500; }
.nav .table { display:table;  margin:0 auto; }
.nav .select, .nav .current { margin:0;  padding:0;  list-style:none;  display:table-cell;  white-space:nowrap; }
.nav li { margin:0;  padding:0; height:auto;  float:left; }
.nav .select a { display:block;  height:43px;  float:left; background: url(../images/pro_line_0.gif); padding:0 30px 0 30px;  text-decoration:none;  line-height:43px;  white-space:nowrap;  color:#ddd; }
.nav .current a { display:block; height:43px; float:left; background: url(../images/pro_line_2.gif); padding:0 0 0 15px; text-decoration:none; line-height:43px; white-space:nowrap; color:#fff; }
.nav .current a b { display:block; padding:0 30px 0 15px; background:url(../images/pro_line_2.gif) right top; }
.nav .select a:hover, .nav .select li:hover a {background: url(../images/pro_line_1.gif); padding:0 0 0 15px; cursor:pointer; color:#fff;}
.nav .select a:hover b, .nav .select li:hover a b {display:block; float:left; padding:0 30px 0 15px; background:url(../images/pro_line_1.gif) right top; cursor:pointer;}
.nav .select_sub {display:none;}
/* IE6 only */
.nav table {border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0;}
.nav .sub {display:table; margin:0 auto; padding:0; list-style:none;}
.sub {line-height:53px;}
.nav .sub_active .current_sub a, .nav .sub_active a:hover {background:transparent; color:#f00;}
.nav .select :hover .select_sub, .nav .current .show {display:block; position:absolute; width:900px; top:43px; background:url(../images/back_0.gif); padding:0; z-index:100; left:0; text-align:center;}
.nav .current .show {z-index:10;}
.nav .select :hover .sub li a, .nav .current .show .sub li a {display:block; float:left; background:transparent; padding:0 10px 0 10px; margin:0; white-space:nowrap; border:0; color:#444;}
.nav .current .sub li.sub_show a {color:#088; cursor:default; background:url(menus/back_1.gif);}
.nav .select :hover .sub li a:hover, .nav .current .sub li a:hover {visibility:visible; color:#088; background:url(menus/back_1.gif);}
.nav ul {display:inline-block;}
.nav ul {display:inline;}
.nav ul li {float:left;}
.nav {text-align:center;}
.nav .select a:hover b, 
.nav .select li:hover a b {float:none;}