#area {background: url(../images/top_main.png) no-repeat 50% 0; width: 100%; text-align: center;}
#top {height: 338px;}

#top .forms {float: left; width: 279px; margin-top: 1px;}
#top .forms .reg {background: url(../images/link_reg.gif) no-repeat 0 0; display: block; padding: 40px 0 0 20px; height: 31px; margin-bottom: 10px; font-size: 18px; color: #d0eeff;}
#top .forms .reg:hover {text-decoration: none;}
#top .forms .login {display: block; padding: 12px 0 0 20px; height: 145px; width: 259px; overflow: hidden; background: url(../images/bg_login.png) no-repeat 0 0; position: relative;}
#top .forms .login label {display: block; float: left; line-height: 31px; font-size: 15px; font-weight: bold; color: #fff; width: 63px;}
#top .forms .login .input_text {background-color: transparent; padding: 5px 10px; height: 21px; width: 166px; font-size: 15px; margin-bottom: 8px;}
#top .forms .login .input_submit {background-color: transparent; height: 26px; width: 175px; float: right; margin: 3px 10px 0 0; *margin: 0 10px 0 0; color: #cc9b06; font-size: 15px; text-decoration: underline; font-weight: bold;}
#top .forms .login .arrow {display: block; float: left; width: 19px; height: 19px; margin: 4px 8px 0 -5px; background: url(../images/bg_arr.gif) no-repeat 0 0;}
#top .forms .login .otaznik {display: block; float: left; background: url(../images/bg_otaznik.gif) no-repeat 0 0; width: 35px; height: 26px; margin-top: 5px; *margin-top: 1px;}
 
#top .forms .logout {display: block; padding: 12px 0 0 20px; height: 112px; width: 259px; overflow: hidden; background: url(../images/bg_logout.png) no-repeat 0 0; position: relative; margin-top: 112px;}
#top .forms .logout .title {color: #fff; font-size: 15px; padding-bottom: 5px;}
#top .forms .logout .links a {font-size: 13px; color: #fff; text-decoration: underline;}
#top .forms .logout .links span {padding: 0 3px; color: #fff; font-size: 13px;}
#top .forms .logout .link {color: #cc9b06; font-size: 15px; text-decoration: underline; font-weight: bold; display: block; position: absolute; width: 75px; height: 26px; right: 8px; bottom: 0;}

#top .forms .rozklik {background: url(../images/bg_log_form.gif) no-repeat 0 0; height: 113px; padding-left: 20px; padding-top: 10px;}
#top .forms .rozklik a {display: block; height: 46px; margin: 0 0 12px 0;}
#top .forms .rozklik a.facebook {background: url(../images/link_facebook.gif) no-repeat 0 0;}
#top .forms .rozklik a.log_link {background: url(../images/link_login.gif) no-repeat 0 0;}

.sny { display:inline; float: right; background: url(../images/bg_sny.jpg) no-repeat 0 0; padding: 5px 0 0 6px; width: 625px; height: 230px; overflow: hidden; position: relative;} 
.sny h3 {font-size: 14px; color:#78ac03; padding-left: 15px; line-height: 26px; float: left; width: 145px;}
.sny .links {float: left; font-size: 13px; font-weight: bold; line-height: 26px; padding-left: 10px; width: 435px;}
.sny .links a {color: #fff;}
.sny .links span {padding: 0 4px; color: #cde051; font-weight: bold;}
.sny .list {padding: 13px 0 0 14px; /*width: 595px; */ overflow: hidden; height: 162px;}
.sny .list p {padding-bottom: 10px; line-height: 1.3em;}
.sny .item {float: left; width: 120px; height: 162px; overflow: hidden; text-align: center;}
.sny .item span {display: block; color: #fff; font-size: 14px; padding-top: 5px;}
.sny .item a {color: #fff; text-decoration: none;}
.sny .more {display: block; float: left; position: absolute; top: 210px; right: 20px; padding-left: 15px; line-height: 26px; font-size: 14px; color:#78ac03; text-decoration: underline; font-weight: bold; line-height: 26px;  background: url(../images/bg_sny_l.gif) no-repeat 0 0;}
.sny .more em {display: block; float: left; line-height: 26px; background: url(../images/bg_sny_r2.gif) no-repeat 100% 0; padding-right: 30px; font-style: normal;}

.sny .back {display: block; float: left; position: absolute; top: 210px; left: 20px; padding-left: 30px; line-height: 26px; font-size: 14px; color:#78ac03; text-decoration: underline; font-weight: bold; line-height: 26px;  background: url(../images/bg_sny_l2.gif) no-repeat 0 0;}
.sny .back em {display: block; float: left; line-height: 26px; background: url(../images/bg_sny_r.gif) no-repeat 100% 0; padding-right: 15px; font-style: normal;}

.sny li {float: left; padding: 0 0 0 1px; background: url(../images/bg_sep_sny.gif) no-repeat 0 8px;}
.sny li.first, .sny li.after {background-image: none; }
.sny li a {display: block; padding: 0 12px; line-height: 26px; font-size: 13px; color: #fff; font-weight: bold;}
.sny a.sel { background: url(../images/bg_sny_l.gif) no-repeat 0 0; padding-right: 0;}
.sny li a.sel strong {color: #78ac03; font-size: 14px; padding-right: 12px; background: url(../images/bg_sny_r.gif) no-repeat 100% 0; display: block;}

.main_area {width: 930px; overflow: hidden; padding-bottom: 20px; margin-top: 0px; background: url(../images/line.gif) repeat-x 0 100%;}

.main_area h2 {font-family: Georgia, "New York CE", utopia, serif; font-size: 24px; font-weight: normal;}
.main_area h2 em {font-style: normal; font-size: 16px; color: #7f96a2;}
.main_area .plus {float: left; font-size: 60px; font-weight: bold; color: #3f5f7e; text-align: center; width: 50px; padding-top: 95px;}
.main_area .ludia {float: left; width: 240px; overflow: hidden;}
.main_area .ludia h2 {color: #ca9906; padding-bottom: 10px;}
.main_area .ludia h2 a {color: #ca9906; font-family: Georgia, "New York CE", utopia, serif;}
.main_area .ludia img {margin: 0 10px 10px 0; float: left;}

.main_area .projekty {float: left; width: 240px; overflow: hidden; padding-left: 10px;}
.main_area .projekty h2 {color: #1b90bf; padding-bottom: 10px;}
.main_area .projekty h2 a {color: #1b90bf; font-family: Georgia, "New York CE", utopia, serif;}
.main_area .projekty img {margin: 0 10px 10px 0; float: left;}

.main_area .spravy {float: left; padding-left: 10px; width: 310px; overflow: hidden;}
.main_area .spravy h2 {color: #86b40b; padding-bottom: 10px;}
.main_area .spravy h2 a {color: #86b40b; font-family: Georgia, "New York CE", utopia, serif;}
.main_area .spravy .foto {float: left; width: 50px;}
.main_area .spravy .text {float: left; padding-left: 10px; width: 250px;}
.main_area .spravy .text h3 {font-size: 16px; font-weight: normal;}
.main_area .spravy .text h3 a {color: #6b7a82;}
.main_area .spravy .text p {color: #86b40b;}
.main_area .spravy .clear {height: 10px;}

.main_area .sum {margin: 0 73px 0 0; *margin: 10px 73px 0 0;}
.main_area .sum h2 {text-indent: -10000px; background: url(../images/slogan_dobrakrajina.gif) no-repeat 100% 10px; height: 46px; }

.partneri {width: 930px; overflow: hidden; padding-bottom: 20px; margin-top: 12px; background: url(../images/line.gif) repeat-x 0 100%;}
.partneri h2 {color: #96a9b2; font-family: Georgia, "New York CE", utopia, serif; font-size: 20px; font-weight: normal;}

.partneri .block {float: left;}
.partneri .block h4 {color: #495961; font-weight: normal; padding-top: 10px; text-align: left; }

.main_item {color:#FFFFFF; width:600px; overflow: hidden;}
.main_item .text {float: left; width: 210px; padding: 10px;}
.main_item .video {float: left; padding-left: 10px;}