* { margin: 0; outline: none; }
html { padding: 0; overflow-y: scroll; }
body { padding: 0; font-family: "PT Sans", Arial, sans-serif; font-size: 14px; color: #474747; background-color: #d1f8ba; }
img { border: none; }
section, nav, article { display: block; }
a, a:hover { text-decoration: underline; color: #0096cb; }
a:hover { text-decoration: underline; color: #777777; }
table.tbc { border-collapse: collapse; }
.c { clear: both; }
.fl { float: left; }
.fr { float: right !important; }
.justify { text-align: justify; }
.h20 { height: 20px; }
.pos_rel { position: relative; }
.site_width { margin: 0 auto; width: 980px; }
#bot_created { float: right; padding: 8px 0 0 0; }
.created_by_devtrix { float: left; padding: 0; width: 88px; height: 20px; }
.created_by_devtrix h2 { position: absolute; top: -100px; left: -9999px; text-indent: 1000px; }
.website_created_by_devtrix { float: left; clear: both; padding: 0 15px 0 0; width: 200px; text-align: right; font-size: 13px; line-height: 20px; font-weight: normal; font-style: normal; color: #777777; }
.website_created_by_devtrix a, .website_created_by_devtrix a:hover { text-decoration: none; color: #777777; }
#top { float: left; width: 980px; height: 200px; overflow: hidden; }
#top_right { float: left; width: 705px; }
#logo { float: left; padding: 17px 0 0 35px; width: 240px; height: 183px; }
#head { float: left; padding: 25px; width: 930px; height: 240px; background-color: #ffffff; border-radius: 5px 5px 0 0; overflow: hidden; }
#header { float: left; width: 930px; height: 240px; background: url(/img/default/header.jpg) no-repeat 0 0; overflow: hidden; }
#bot { float: left; padding: 25px; width: 930px; height: 36px; }  
#bot_btn_mfv { float: left; width: 250px; height: 36px; }
#bot_btn_osf { float: left; width: 260px; height: 36px; }
#bot_logo { float: left; margin: -4px 0 0 0; width: 50px; height: 44px; background: url(/img/default/logo_small.png) no-repeat 0 0; overflow: hidden; }
#copyright { clear: both; padding: 0 0 25px 0; text-align: center; }
.title1 { padding: 0 0 15px 0; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; font-size: 26px; line-height: 28px; font-weight: normal; color: #77a23f; }
.title2 { padding: 0 0 5px 0; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; font-size: 18px; line-height: 22px; font-weight: bold; color: #77a23f; }
ul#langnav { display: block; float: right; padding: 0 15px 0 0; list-style: none outside none; }
ul#langnav > li { float: left; padding: 0 10px 0 0; }
ul#langnav > li > a, ul#langnav > li > a:hover { display: block; padding: 0 10px; height: 25px; font-size: 14px; line-height: 25px; text-decoration: none; color: #ffffff; background-color: #999999; border-radius: 0 0 5px 5px; }
ul#langnav > li > a:hover { background-color: #ababab; }
ul#langnav > li > a.on, ul#langnav > li > a.on:hover { text-decoration: none; color: #ffffff; background-color: #84538b; } 
.site_title, .site_title2 { padding: 0; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; font-size: 24px; line-height: 28px; font-weight: normal; }
.site_title { padding: 25px 0 0 0; }
.site_title2 { padding: 2px 0 20px 0; }
.site_slogan { clear: both; float: left; width: 680px; height: 48px; text-align: left; text-indent: -9999px; background-image: url(/img/default/bg_slogan.png); background-repeat: no-repeat; background-position: 0 48px; overflow: hidden; }
.site_slogan_ua { background-position: 0 0; }
.site_slogan_en { background-position: 0 -48px; }
#mid { float: left; padding: 0 25px 25px 25px; width: 930px; background-color: #ffffff; border-radius: 0 0 5px 5px; }
#left { float: left; padding: 0 25px 0 0; width: 225px; min-height: 200px; }
#right { float: left; padding: 0; width: 680px; min-height: 200px; }
#leftnav_outer { float: left; padding: 15px 10px 10px 20px; width: 195px; background-color: #f8f3e7; border-radius: 5px; }
ul#leftnav { display: block; padding: 0; list-style: none outside none; }
ul#leftnav > li { padding: 0 0 7px 0; font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif; }
ul#leftnav > li > a, ul#leftnav > li > a:hover { display: block; font-size: 18px; line-height: 20px; font-weight: bold; text-decoration: none; color: #474747; text-shadow: 0 1px 0 #ffffff; }
ul#leftnav > li > a:hover { color: #777777; }
ul#leftnav > li > a.on, ul#leftnav > li > a.on:hover { color: #77a23f; }
ul#leftnav > li > ul.subnav { padding: 7px 0 0 0; list-style: none outside none; }
ul#leftnav > li > ul.subnav > li { padding: 0 0 5px 20px; }
ul#leftnav > li > ul.subnav > li > a, ul#leftnav > li > ul.subnav > li > a:hover { display: block; padding: 0; font-size: 16px; line-height: 18px; font-weight: normal; text-decoration: underline; color: #474747; text-shadow: 0 1px 0 #ffffff; }
ul#leftnav > li > ul.subnav > li > a:hover { color: #777777; }
ul#leftnav > li > ul.subnav > li > a.on, ul#leftnav > li > ul.subnav > li > a.on:hover { text-decoration: underline; color: #77a23f; }  
.box_content { clear: both; }
.box_delim { clear: both; height: 20px; overflow: hidden; }
.norecords { font-style: italic; color: #999999; }
.normal_text { font-size: 14px; line-height: 20px; color: #474747; }
.normal_text p { padding: 0 0 15px 0; }
.items { clear: both; }
#items_video { float: left; width: 680px; }
.item { display: block; }
.item_full { margin: -5px 0 0 0; }
.item_delim { display: block; clear: both; position: relative; margin: 18px 0 0 0; height: 18px; border-top: 1px #e9e2cf solid; }
.item_delim span { display: block; position: absolute; top: -7px; left: 50%; margin: 0 0 0 -20px; width: 40px; height: 13px; background: url(/img/default/bg_item_delim.png) no-repeat 0 0; }
.item_delim_empty { display: block; clear: both; position: relative; height: 10px; overflow: hidden; }
.item_title { padding: 0 0 3px 0; font-size: 18px; line-height: 20px; color: #474747; }
.item_title a, .item_title a:hover { text-decoration: underline; color: #0096cb; }
.item_title a:hover { text-decoration: underline; color: #777777; }
.item_partner_title { color: #555555; }
.item_date { font-size: 14px; line-height: 20px; color: #777777; }
.item_full .item_date { padding-bottom: 10px; }
.item_teaser, .item_description { padding: 2px 0 0 0; font-size: 14px; line-height: 20px; color: #474747; }
.item_partner_teaser { font-size: 13px; line-height: 18px; }
.item_url { padding: 2px 0 5px 0; font-size: 14px; line-height: 20px; color: #777777; }
.item_video { clear: both; }
.item_video_left { float: left; margin: 0 15px 0 0; width: 240px; height: 180px; overflow: hidden; }
.item_video_right { float: left; width: 400px; min-height: 100px; }

.partner_left { float: left; padding: 0 40px; width: 100px; min-height: 20px; }
.partner_right { float: left; padding: 15px 0; width: 500px; min-height: 20px; }

.pagination { clear: both; float: left; margin: 0; padding: 0; width: 680px; }
.pages_title { float: left; padding: 0 5px 0 0; font-size: 14px; line-height: 20px; font-weight: normal; }
.pages { float: left; height: 20px; }
.pages span { display: block; float: left; padding: 3px 6px; font-size: 14px; line-height: 14px; border-radius: 2px; }
.pages span.inactive { color: #999999; }
.pages span.active { background-color: #77a23f; color: #ffffff; }
.pages a, .pages a:hover { display: block; float: left; padding: 3px 6px; font-size: 14px; line-height: 14px; text-decoration: underline; color: #0096cb; border-radius: 2px; }
.pages a:hover { color: #777777; }

.albums { float: left; margin: 0 0 0 -25px; width: 705px; clear: both; }
.album { float: left; margin: 0 0 25px 25px; padding: 20px 0 10px 0; width: 208px; border-radius: 5px; border: 1px #e9e2cf solid; }
.album:hover { background-color: #f8f3e7; }
.album_image { float: left; padding: 10px 0 10px 0; width: 208px; height: 100px; text-align: center; }
.album_image img { width: 100px; height: 100px; border-radius: 50px; background-color: #ffffff; overflow: hidden; }
.album_title { float: left; margin: 0; padding: 0 9px; width: 190px; height: 50px; text-align: center; font-size: 14px; line-height: 16px; font-weight: normal; overflow: hidden; }
.album:hover .album_title a, .album:hover .album_title a:hover { text-decoration: underline; color: #77a23f; } 

.album_photos { float: left; margin: -20px 0 0 -20px; width: 700px; clear: both; }
.album_photo { float: left; margin: 20px 0 0 20px; padding: 9px; width: 100px; height: 100px; border-radius: 5px; border: 1px #e9e2cf solid; }
.album_photo img { width: 100px; height: 100px; border-radius: 5px; overflow: hidden;  }
.album_photo:hover img { opacity: 0.85; }

#refresh_captcha, #refresh_captcha:hover { text-decoration: none; font-size: 11px; line-height: 12px; color: #777777; border-bottom: 1px #777777 dashed; }
#refresh_captcha:hover { color: #474747; border-color: #474747; }
#captcha_image { padding: 2px; background-color: #ffffff; border: 1px #dddddd solid; border-radius: 4px; } 
.comments_add { padding: 15px; background-color: #f8f3e7; border-radius: 5px; }
.comments_holder { margin: 25px 0 0 0; }
.comments_box { padding: 0; }
.comments_box .whowhen { line-height: 14px; text-align: left; }
.comments_box .who { padding: 0; font-size: 16px; font-weight: bold; color: #474747; }
.comments_box .when { padding: 0 0 0 15px; font-size: 12px; font-weight: normal; color: #999999; }
.comments_box .what { padding: 7px 0 0 0; line-height: 22px; font-weight: normal; }
.comments_box .no_comments { padding: 0; font-weight: normal; font-style: italic; color: #999999; }
.comments_success { display: none; clear: both; text-align: left; color: #009900; padding: 10px; background-color: #eeffee; border: 1px #66dd66 solid; border-radius: 5px; }
.comments_form { margin: 0; padding: 5px 0 0 0; }
.comments_form_left { width: 220px; float: left; text-align: left; }
.comments_form_right { width: 410px; float: right; text-align: left; }
.comments_form_submit { padding: 5px 5px 5px 0; text-align: right; }
.comments_form .lbl { padding: 0 0 2px 4px; line-height: 22px; font-weight: bold; text-align: left; }
.comments_form .fld { padding: 0 0 10px 0; text-align: left; }
.comments_form .fldl { float: left; width: 110px; }
.comments_form .fldr { float: left; text-align: left; }
.comments_form_loading { margin: 10px 0 0 0; display: none; }
.comments_form_loading div { height: 200px; background: url(/img/default/loading.gif) no-repeat 50% 50%; }
.comment_error { display: none; clear: both; margin: 0 0 10px 0; text-align: left; color: #ff0000; padding: 10px; background-color: #ffeeee; border: 1px #dd6666 solid; border-radius: 5px; }

.input_text, .input_text2 { padding: 4px; width: 200px; font-family: "PT Sans", Arial, sans-serif; font-size: 14px; color: #555555; background-color: #ffffff; border: 1px #dddddd solid; border-radius: 4px; }
.input_text2 { width: 60px; }
.input_textarea { padding: 4px; width: 395px; height: 72px; min-height: 72px; max-height: 400px; font-family: "PT Sans", Arial, sans-serif; font-size: 14px; line-height: 16px; color: #555555; background-color: #ffffff; border: 1px #dddddd solid; border-radius: 4px; resize: vertical; overflow-y: auto; }
.input_submit { cursor: pointer; padding: 4px; width: 200px; font-size: 13px; font-weight: bold; color: #ffffff; background-color: #0096cb; border: none; border-radius: 4px; text-shadow: 0 1px 0 #474747; }
.input_submit:hover, .input_submit:focus { background-color: #00a7dc; }
.input_submit:active { background-color: #0085ba; }