/*

-----------------------------------------------
Style Sheet
Site: misto.vn.ua
Author: Olga Litvinenko
olga@voodyy.com

----------------------------------------------- */

html {margin:0px;padding:0px}
body {font-family:Verdana, Arial, Helvetica, sans-serif;background:#FFFFFF;margin:0;padding:0}
#containeer {margin:0 auto;width:950px;text-align:left;background:#FFFFFF;position:relative;padding:0;height:100%}
#main a#logo {display:block}
/*
COMMON --------------------- */

p, h1, h2, h3, h4, h5, h6, h7, pre {margin:0;padding:0}
td {vertical-align:top}
h1, .edit h5 {font-size:12px;line-height:15px;color:#252525;text-transform:uppercase;padding:0 0 12px 0}
h1 a {color:#252525;text-decoration:none}
h1 a:hover {text-decoration:underline}
.textall, td.textall  {font-size:12px;clear:both}
.textall a {color: #000000}

/*
HEADER --------------------- */

#header {background:url(../images/bg_header.gif) repeat-x top left;height:200px;margin:0;position:relative}
#logo {padding:80px 0 0 132px;width:305px;height:90px;margin:0;float:left}
#logo a img {border: 0}
a#logo {cursor:pointer;height:90px;width:305px;display:block;padding:68px 0 0 47px;margin:0;float:left}
a#logo img {border: medium none}

.hot {position:absolute;top:29px;left:7px}
.hot img {border:1px solid #b6b6b6;padding:3px}

#header p {position:absolute;top:37px;left:132px;font-size:10px;color:#111;text-decoration:underline}
#header .banner_top p {position:relative;top:0;left:0}
#header .banner_top p img {border:0}
img.topFoto {display:block;position:absolute;bottom:0;right:65px;border:medium none}

.banner_top {position:absolute;top:23px;right:0}

#menu {background:url(../images/bg_menu.gif) repeat-x top left;height:30px;margin:0 0 5px 0}
#menu ul {list-style-type:none;margin:0;padding:0}
#menu ul li {float:left}
#menu ul li a, #menu ul li b {background:url(../images/menu_point.gif) no-repeat 12px 9px;display:block;font-size:11px;font-weight:bold;color:#FFFFFF;line-height:22px;text-decoration:none;border-right:2px solid #FFFFFF;padding:0 12px 0 27px}
#menu ul li a:hover {background:#d60a04 url(../images/menu_point.gif) no-repeat 12px 11px;line-height:30px;display:block }
#menu ul li.current {height:30px;line-height:30px;border-right:2px solid #FFFFFF;text-transform:uppercase}
#menu ul li.current b {border:none;line-height:30px;background:#d60a04 url(../images/menu_point.gif) no-repeat 12px 13px}
/*
CENTER --------------------- */
#center {padding:0 0 140px 4px;position:relative;width:950px;min-height:600px;_height:600px}
#center1 {padding:0 0 140px 4px;position:relative;width:770px;_width:775px;min-height:600px;_height:600px}
.centerContent {margin:0 0 100px 0}
.leftCol {float:left;margin:0;padding:0}
.rightCol {float:right;margin:0 10px 0 0;padding:0;display:inline}
.w1 {width:170px}
.w2 {width:500px}
.w3 {width:203px;padding:0 0 0 7px}
.w4 {width:285px}
.w5 {width:460px}
.w6 {width:270px;_width:258px;text-align:right}
.w7 {width:240px}
.w8 {width:690px;_width:670px}
.w9 {width:950px}
.m1 {margin-bottom:6px}

#center h3, #center1 h3 {font-size:12px;color:#325982;text-transform:uppercase;margin:0 0 8px 0;padding:0 0 0 6px}
.box {background:url(../images/bg_block.gif) repeat-x top left;border:1px solid #d7d7d7;padding:7px 0 10px 0}
.box .textin {padding: 1px 15px}

h5 {font-weight:bold;color:#b12923;text-align:left;padding:15px 0 0 0;font-size:11px}
h6 {color:#424242;font-size:11px}

.leftCol img {border:none}
a.img {display:block;margin:0 0 10px 0}

.rubric {clear:both}
.item, .item_archive {width:230px;float:left;margin:6px 15px 9px 0px;display:inline}
.item_archive {width:100%}
.item h4, .item_archive h4 {font-size:11px;border-bottom:1px solid #5e5e5e;padding:0 0 2px 0;text-align:left}
.item h4 a, .item_archive h4 a {text-decoration:none;color:#FFFFFF;font-weight:normal;text-transform:none;background:#d60a04;padding:0 5px 1px 5px}

.line {background:url(../images/list_point.gif) no-repeat 0% 50%;padding:6px 0 6px 10px}
.line img {float:left;margin:0 7px 0 0;border:none}
.line a {padding:0 0 0 7px;font-size:12px;color:#252525;text-decoration:none;display:block}
.line a:hover {text-decoration:underline}
.line span a {padding:6px 0 6px 10px;}
.border {background:url(../images/border_dotted.gif) repeat-x;height:1px;margin:0;padding:0;font-size:0.5px}

.hotNewsBlock {padding:7px 0 10px 0;margin:0 0 5px 0;float:left;width:510px;background:url(../images/bg_block.gif) repeat-x top left;border:1px solid #d7d7d7}
.hotNewsBlock p {font-size:12px;line-height:15px}
#noborder, .noborder{border: 0; background: none}

.title {background:url(../images/title_right.gif) no-repeat top right;height:29px;margin:0;padding:0}
.title p {padding-left:32px;height:29px;line-height:23px!important;font-size:11px;font-weight:bold;color:#FFFFFF;text-transform:uppercase}
.hotNews {background:url(../images/title_hot_news.gif) no-repeat top left}
.news {background:url(../images/title_news.gif) no-repeat top left;text-align:right;padding-right:15px}
.poll {background:url(../images/title_poll.gif) no-repeat top left;text-align:right;padding-right:15px}
.send {background:url(../images/title_send.gif) no-repeat top left;text-align:right;padding-right:15px}

p.overView {color:#898989;font-size:11px;line-height:15px;padding:2px 0 0 7px}
.clear {clear:both; }
.overView span {text-decoration:none}
p.overView a {color:#898989;text-decoration:underline;font-size:11px; display:inline}
.overView a:hover {text-decoration:none}

.edit, #blogs {margin:0 0 6px 0;padding:7px 5px 8px 5px;background:url(../images/bg_block.gif) repeat-x top left;border:1px solid #d7d7d7}
.edit img {border: none;}
.edit span {text-align: center}
.edit p {font-size:11px;color:#325982;padding:0 20px 0 20px}
.edit p a {color:#325982;text-decoration:none}
.edit p a:hover {text-decoration:underline}



#blogs { overflow:hidden; _height:1%}
#blogs .photo { float:left; width:95px}
#blogs .photo a { font-size:11px; color:#d82128; text-decoration:underline;font-weight:bold; display:block; margin:14px 0}
#blogs .photo a:hover { text-decoration:none; }
#blogs dl { float:right; width:125px; list-style-type:none; margin:0; padding:0}
#blogs dl.noimg {width: 228px;}
#blogs dl dt { font-size:12px; color:#252525; margin:0 0 37px 0; padding:0; font-weight:bold}
#blogs dl dt a { color:#252525; text-decoration:none}
#blogs dl dt a:hover { text-decoration:underline;}
#blogs dl dd.data, .line span.data { font-size:10px; color:#636363}
.line span.data {display:block;line-height:18px;padding-left:7px}
#blogs dl dd { font-size:10px; color:#bbb; line-height:14px; margin:0; padding:0}
#blogs dl dd a, .line a.author, .fototext a { font-size:10px; color:#e4242c; text-decoration:underline}
#blogs dl dd a:hover, .line a.author:hover, .fototext a:hover  { text-decoration:none}

#news {margin:0 0 5px 0}
#news ul {list-style-type:none;margin:0;padding:0 5px 0 7px}
#news ul li {border-bottom:1px dashed #cccccc;float:left;padding:0 0 5px 0;width:225px}
#news ul a {color:#333333;font-size:12px;text-decoration:none;line-height:15px}
#news ul a:hover {text-decoration:underline}
#news ul img {float:left;margin:5px 5px 0 0}

.article p {font-size:12px;padding:0 10px 15px 0}
.article img {margin:0 10px 10px 0}
.article a img {float:left;}
#article h4 {padding: 5px 0; font-size:12px;}
#article form {margin: 0}
#article textarea {width:98%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#comments td.tablemenu {font-weight: bold; color: #555555;}
#comments td.datanews  {display:block; color:#165ba0;font-size:11px; padding: 4px 0}

.extra {position:absolute;top:0;right:20px;}
.extra dl {float:left;list-style-type:none;margin:0;padding:4px 0 0 0;font-size:10px;margin:0 0 0 30px;_display:inline}
.extra dd {margin:0;padding:0 0 0 8px;color:#464646;display:inline}
.extra dt {margin:0;padding:0;color:#ed1c24;font-weight:normal;display:inline}

.banner {text-align:center;margin:0 0 5px 0;clear:both}
.banner a {display:block}
.banner a img {border:medium none}
.google {position:absolute;bottom:0;left:10px}

form#inter {padding:0 5px 0 15px;margin:0}
.polls h4, form#inter h4, a.all {font-size:11px;color:#555555;font-weight:bold}
a.all {margin:10px 15px 15px 15px;text-decoration:underline;display:block}
a.all:hover {text-decoration:none}
form#inter span {display:block;color:#165ba0;font-size:11px;margin:7px 0}
form#inter p {float:left;width:215px;font-size:11px}
form#inter input {float:left}
form#inter label {float:right;width:190px;font-size:11px;position:relative;top:2px}
.polls label img, form#inter label img {padding-bottom: 2px}

.polls td {padding-top: 10px;}
.polls h4, .polls p, .polls label {font-size:12px}
.polls p {padding-top: 5px;}
.polls span {display:block;color:#165ba0;font-size:11px; margin: 5px 0 0 0}
.polls label {position:relative; left: 15px}

input.mail {height:17px;font-size:12px;color:#000000;display:block;margin:2px 0 5px 0}
form#send {padding:5px 15px 0 15px;margin:0}
form#send label {font-size:11px;color:#555555;position:relative;top:-2px}
#subscribe         {font-size:11px;position:relative;padding-bottom: 5px}
#subscribe p.error {color:#FF0000}

button {background:#fffff6 url(../images/bg_btn.gif) repeat-x bottom left;border:1px solid #376206;color:#000000;height:22px;margin:7px}

#nav {height:23px;background:#d60a04;margin:5px 0}
#nav ul, #nav li {list-style-type:none;list-style:none;margin:0;padding:0}
#nav ul {height:23px;padding:0 0 0 400px}
#nav li {background:url(../images/icon_arrow.gif) no-repeat bottom left;padding-left:12px;height:23px;float:left;margin:0 15px 0 0;line-height:23px}
#nav li a {color:#FFFFFF;text-decoration:underline;font-size:11px;font-weight:bold;display:block}
#nav li a:hover {text-decoration:none}

#footer {margin:0;padding:0}
#footer p {font-size:11px;color:#676767;padding:0 0 10px 7px}
#footer a {color:#676767;text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer a img {border:none;padding:0 1px}

.navigation ul {margin:0;padding:0;list-style-type:none;height:20px;padding:0 0 0 5px}
.navigation ul li {margin:0;padding:0;float:left;display:inline;font-size:11px;color:#333333;margin:0 5px 0 0}
.navigation ul a {color:#333333;text-decoration:underline;padding:0 5px 0 0}
.navigation ul b {font-weight:normal}
.navigation ul a:hover {text-decoration:none}

#topNav {position:absolute;top:0;left:0}
#topNav ul, #topNav li {list-style:none;margin:0;padding:0}
#topNav li {background:url(../images/border_nav.gif) no-repeat bottom right;padding:0 20px 0 10px;float:left;height:19px}
#topNav li a {display:block;font-size:11px;color:#979797;padding-left:20px;height:19px;line-height:19px;float:left}
#topNav li a:hover {text-decoration:none}
li.last {background:none!important}
a.home {background:url(../images/icon_home.gif) no-repeat bottom left}
a.map {background:url(../images/icon_map.gif) no-repeat bottom left}
a.mail {background:url(../images/icon_mail.gif) no-repeat bottom left}

#content_loading {background: url(../images/ajax-loader.gif) no-repeat;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px}
p.ads a {margin-top: 0;margin-bottom: 5px}

.ogoloshname, .ogoloshname a {font-size: 10px;font-weight: bold;color: #FFFFFF;text-decoration: none;}
.ogoloshname {text-align: center; padding: 0 2px}
.people_img{float: right;padding: 5px}

input.comments  {margin: 1px;0}
img.foforakt {background:#FFFFFF none repeat scroll 0 0;border:1px solid #C5C5C5;padding:4px}

.block h3 {background:url(../images/title_congr.gif) no-repeat top left;color:#FFFFFF;line-height:20px;height:28px;font-size:11px;text-transform:uppercase;text-align:right;padding-right:7px}
.block {background:#ebebeb;width:175px;margin:0;padding:0;font-size:11px;padding:0}
.block dl {list-style-type:none;margin:0;padding:0}
.block dt {cursor: pointer;margin:0;height:27px;line-height:27px;font-size:11px;color:#FFFFFF;padding:0;font-weight:normal;overflow:hidden;padding:0}
.block dt a {color:#FFFFFF;text-decoration:none}
.block dt a:hover {text-decoration:underline}
.block dt span {display:block;background:url(../images/btn.gif) no-repeat;padding:0 0 0 20px}
.block dt span.active {background-position:0 -26px}
.block dd {margin:0;padding:0; display: none;}
.block dd div {padding:8px}
.block ul {list-style-type:none;padding:8px 8px 8px 10px;margin:0 }
.block li {background:url(../images/point_black.gif) no-repeat left center;padding:0 0 0 15px;text-align:left;font-size:11px;margin:0 0 10px 0;display:block}
.block li a, .block dd a {color:#252525;text-decoration:none}
.block li a:hover, .block dd a:hover {text-decoration:underline}
.block li.last, .block dt.last {border:none}
.block a img {border: 0; margin-top: 5px}

.sizer {display:block;text-align: right;height:18px}
.sizer ul {list-style-type: none}
.sizer li {float:right}
.sizer a {display:block;float:left;height:18px;border:none;width:18px}
.sizer a.px11 {background:url(../images/ico/11px.gif) no-repeat 50% 50%}
.sizer a.px13 {background:url(../images/ico/13px.gif) no-repeat 50% 50%}
.sizer a.px16 {background:url(../images/ico/16px.gif) no-repeat 50% 50%}
.sizer li.print {border-right: 1px solid #cccccc;padding-right: 8px}
.sizer li.print a {background:url(../images/ico/print.gif) no-repeat}

.horolink a {color:#333333; text-decoration:underline}
.horolink a:hover {text-decoration:none}

#preview h5 { font-size:12px; font-weight:normal; padding:5px 0 10px 10px; margin: 0;}
#addForm { margin:0 0 0 10px; width: 100%;}
#addForm p { font-size:11px; margin: 5px 0; clear:both;}
#addForm label {text-align:right; padding:1px 3px 7px 0; display:block; float:left; width: 20%;}
#addForm p input, #addForm p textarea {font-size:12px; width:77%; border:1px solid #CCC; margin-bottom:5px; padding:1px 0 1px 3px;}
#addForm p select                   {font-size:12px; border:1px solid #CCC; margin: 0 0 5px 7px; padding:1px 0 1px 1px;}
#addForm p input {height:19px; }
#addForm p.high input {margin-top:10px;}
#addForm input, #addForm textarea  {float: right;}
#addForm input.check {width:15px; height:35px; margin-right: 110px; border: 0;}
#addForm input#security_code {width: 140px; padding:0;}
.errmsg   { display: none; }

#validationmsg { font-size:14px; color: #D60A04;  padding:10px; margin:0; clear:both}
#validationmsg p { font-size:14px; padding:3px 3px;}
#validationmsg h4 {font-size:16px; font-weight: bold; margin: 0; padding-top: 5px;}

/*
FLOAT CLEARING --------------------- */
.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block}
.clearfix {display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
/* End hide from IE-mac */

.news_last{margin: 0; padding: 10px 0 20px 0;}
.news_last span{ display: block;padding: 3px 0;}
.fototext {padding-right: 5px;}
.fototext a {padding-left: 15px}
.fotolink img, .block dd div.fotolink img {border: solid #B2B2B2 1px; padding: 4px;}
.block dd div.fotolink {padding: 2px 8px;}

#ImageBoxOverlay{background-color: #000;}
#ImageBoxCaption{background-color: #F4F4EC;}
#ImageBoxContainer{width: 250px;height: 250px; background-color: #F4F4EC;}
#ImageBoxCaptionText{ font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;padding-bottom: 5px;font-size: 12px;color: #000;padding-right: 55px;}
#ImageBoxCaptionImages{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; margin: 0;z-index: 20;}
#ImageBoxNextImage{background-image: url(../images/spacer.gif);background-color: transparent;}
#ImageBoxPrevImage{ background-image: url(../images/spacer.gif);background-color: transparent;}
#ImageBoxNextImage:hover{ background-image: url(../images/next_image.jpg);background-repeat:no-repeat;background-position: right top;}
#ImageBoxPrevImage:hover{background-image: url(../images/prev_image.jpg);background-repeat:no-repeat;background-position: left bottom;}
#ImageBoxClose img{ border: 0; }

.search_text {margin-left: 15px}
.search_text, .search_text1{font-size: 13px; width: 165px; }
.search_text1{ width: 200px; }

.seopriori {margin: 3px; font-size: 11px; text-align: center}
.seopriori a {color:#555}