* {padding: 0; margin: 0;}
body {background: #fff; color: #414042; font: 14px/20px Arial, Helvetica, sans-serif;}
a {color: #96c800; outline: none;}
a:hover {color: #cc0066;}
table {border-collapse: collapse; margin: 0; padding: 0; border: none;}
td {border-collapse: collapse; margin: 0; padding: 0;}

#wrap  {width: 950px; margin: 0 auto;}
#header {position: relative; height: 100px; margin-bottom: 30px; border-top: solid 1px #fff;}
#logo {display: block; margin: 30px 0 0 0;}
#logo img {display: block; border: none;}
#contacts {position: absolute; top: 40px; left: 340px; width: 260px; height: 60px; font-size: 13px; line-height: 15px;}
#contacts #link {display: block; margin-bottom: 10px; font-weight: bold;}
#icons {position: absolute; top: 25px; left: 663px; width: 100px; height: 15px;}
#icons a {display: block; float: left; width: 15px; height: 15px; margin-right: 15px;}
#icons #home {background: url(/img/icons_sprite.gif) 2px 2px no-repeat;}
#icons #mail {background: url(/img/icons_sprite.gif) -32px 2px no-repeat;}
#icons #sitemap {background: url(/img/icons_sprite.gif) -66px 2px no-repeat;}
#search_form {position: absolute; top: 50px; left: 665px; width: 240px; height: 50px;}
#search {display: block; width: 230px; height: 20px; margin-bottom: 10px; padding: 0 3px; border: solid 1px #7e9db9; color: #c8c8c8; font-size: 12px; line-height: 20px;}
#search_form #submit {display: block; width: 66px; height: 20px; border: none; background: #fff url(/img/search_submit.gif) no-repeat; color: #414042; font-size: 13px; line-height: 20px; text-alight: center;}

#teaser_block {position: relative; height: 150px; margin-bottom: 32px;}
#teasers {width: 285px; height: 125px; overflow: hidden; border-bottom: solid 3px #ff9900; background: #96c800;}
#teasers img {display: block; border: none;}
#tabs a {display: block; float: left; width: 20px; height: 20px; margin-right: 7px; border-top: solid 2px #fff; background: #d4deb7; color: #fff; font-size: 11px; line-height: 20px; text-align: center; text-decoration: none;}
#tabs a.current {border-top: solid 2px #ff9900; background: #ff9900;}

#window {width: 650px; height: 150px; overflow: hidden;}
#accordion {width: 1000px; margin-left: -4px;}
#accordion .link_block {float: left; width: 160px; height: 150px; border-left: solid 4px #fff;}
#accordion .link_block h3 {margin: 16px 14px 8px 14px; color: #fff; font: 21px/21px Tahoma, sans-serif; text-transform: uppercase;}
#accordion .link_block ul {list-style-type: none;}
#accordion .link_block a {display: block; margin: 0 14px; color: #fff; font-size: 13px; line-height: 19px;}
#accordion .link_block a:hover {text-decoration: none;}
#accordion .visual {float: left; width: 162px; height: 150px;}
#accordion #children {background: #96c800;}
#accordion #teen {background: #cc0066;}
#accordion #mature {background: #ff9900;}
#accordion #children_vis {display: none; background: #96c800 url(/img/children.jpg) no-repeat;}
#accordion #teen_vis {display: none; background: #cc0066 url(/img/teen.jpg) no-repeat;}
#accordion #mature_vis {display: none; background: #ff9900 url(/img/mature.jpg) no-repeat;}

#comm {position: absolute; width: 285px; height: 150px; right: 0; top: 0;}

#left {float: left; width: 185px;}
#menu {position: relative; list-style-type: none; z-index: 999;}
#menu a {display: block; padding: 7px 0; border-bottom: solid 1px #e6e7e8; font-weight: bold; font-size: 13px; line-height: 15px; text-decoration: none;}
#menu a:hover {color: #ff9900;}
#menu .open a {border-bottom: none;}
#menu .open a, #menu li.act a {color: #ff9900;}
#menu .open ul {margin: 5px 0; list-style-type: none;}
#menu .open ul li {position: relative; zoom: 1;}
#menu .open ul li a {padding: 5px 10px; border-bottom: dotted 1px #e6e7e8; font-weight: normal; color: #ff9900;}
#menu .open ul li a:hover, #menu .open ul li.act a, #menu .open ul li:hover a {background: #ff9900; color: #fff;}
#menu .open .dropdown {display: none; position: absolute; top: -6px; left: 185px; width: 215px; border-top: solid 1px #fff;}
#menu .open ul li ul.dropdown li a {padding: 5px 10px; border-bottom: solid 1px #fff; border-left: solid 1px #fff; border-right: solid 1px #fff; font-weight: normal; font-size: 12px; color: #fff; background: #96c800;}
#menu .open .dropdown li a:hover {background: #ff9900;}
#menu .open ul li:hover .dropdown {display: block;}

#find {float: left; clear: left; width: 166px; height: 192px; margin: 70px 0 0 -26px; padding: 0 0 0 26px; background: url(/img/find_s.gif) bottom left no-repeat; color: #414042; font: 18px/21px Tahoma, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none;}
#find:hover {color: #96c800;}

#content {float:right; width:740px;}
#content #bread_crumbs {margin-bottom: 35px; padding-left: 17px; background: url(/img/bread_crumbs_mark.gif) no-repeat 0 5px; color: #939598; font-size: 12px;}
#content #bread_crumbs a {color: #939598;}
#content #bread_crumbs a:hover {color: #96c800;}
#content #bread_crumbs span {color: #bcbec0;}
#content h1 {clear: left; margin-bottom: 22px; font: 24px/28px Tahoma, sans-serif; letter-spacing: 1px; text-transform: uppercase;}
#content h2 {clear: left; margin-top: 25px; margin-bottom: 15px; border-bottom: solid 3px #d1d3d4; font: bold 14px/20px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#content h3 {clear: left; margin-top: 17px; margin-bottom: 10px; border-bottom: solid 1px #d1d3d4; font: bold 14px/20px Arial, Helvetica, sans-serif;}
#content p {margin-bottom: 15px;}
#content .image {float: left; margin: 0 10px 10px 0; padding: 3px; border: solid 1px #d1d3d4;}
#content .image img {display: block;}
#content ul {list-style-type: none; margin-left: 15px;}
#content li {padding: 0 0 5px 20px; background: url(/img/content_mark.gif) no-repeat 7px 8px;}
#content ol {margin-left: 15px;}
#content ol li {padding: 0 0 5px 0; background: none;}
#content .small {font-size: 12px;}

#content .newsteaser {margin-bottom: 20px;}
#content .newsteaser h2 {text-transform: none;}
#content .newsteaser h3 {border: none; margin: 0;}
#content .newsteaser h3 a {color: #414042; font-weight: normal; text-decoration: none;}
#content .newsteaser h3 a:hover {color: #cc0066; text-decoration: underline;}
#content .newsteaser p {font-size: 14px;}
#content div.date {color: #939598; font-size: 12px;}

#content #actions a {display: block; float: left; margin: 0 2px 2px 0; padding: 5px 20px; background: #d4deb7; color: #fff; font: 14px/18px Tahoma, sans-serif; text-transform: uppercase; text-decoration: none;}
#content #actions .children_act, #content #actions .children:hover {background: #96c800;}
#content #actions .teen_act, #content #actions .teen:hover {background: #cc0066;}
#content #actions .mature_act, #content #actions .mature:hover {background: #ff9900;}
#content #actions table {clear: left; }
#content #actions table th {padding: 5px 10px; border-right: dotted 1px #fff; color: #fff; font-size: 13px; line-height: 18px; text-align: left;}
#content #actions table tr.act {background: #d4deb7;}
#content #actions table td {padding: 10px; border-right: solid 1px #fff; border-bottom: solid 1px #d1d3d4; font-size: 13px; line-height: 18px; vertical-align: top;}

#content  .days {overflow: auto;}
#content  .days div {float: left; width: 18px; margin: 0 4px 0 0; padding: 3px 0; color: #96c800; text-align: center; font-size: 12px; line-height: 13px;}
#content  .days div.we {color: #ff9900;}
#content  .days div.act {background: #96c800; color: #fff;}
#content  .days div.actwe {background: #ff9900; color: #fff;}
#content  .days div a {color: #fff;}
#content  .days div a:hover {color: #cc0066;}

#main_news {float: right; width: 285px; font-size: 13px;}
#main_news .main_news_teaser {margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #e7e8e9;}
#main_news p {margin: 12px 0 0 0;}
#main_news a {display: block; position: relative; width: 135px;}
#main_news a span {display: block; position: absolute; right: 0; top: 5px; width: 20px; height: 13px; background: #96c800; color: #fff; line-height: 13px; text-decoration: none; text-align: center;}
#main_news .allnews {width: 80px; padding: 2px 10px 4px 10px; background: #96c800; color: #fff; text-align: center;}
#main_news .allnews:hover {background: #ff9900;}
#main_actions {float: left; width: 440px; font-size: 13px; line-height: 18px;}
#main_actions .main_action_teaser {width: 440px; margin-bottom: 20px; overflow: hidden;}
#main_actions .main_action_teaser .text {float: right; width: 311px; padding-left: 10px; border-left: solid 1px #e7e8e9;}
#main_actions .main_action_teaser .text a {display: block; color: #ff9900; font: bold 13px/18px Arial, Helvetica, sans-serif;}
#main_actions .main_action_teaser .date {float: left; width: 118px; font-size: 11px; line-height: 15px;}
#main_actions .main_action_teaser .date div {overflow: hidden; margin-bottom: 5px;}
#main_actions .main_action_teaser .date div a {float: left; width: 10px; height: 10px; margin-right: 3px; line-height: 1px; font-size: 1px;}
#main_actions .main_action_teaser .date div a.children {background: #96c800;}
#main_actions .main_action_teaser .date div a.teen {background: #cc0066;}
#main_actions .main_action_teaser .date div a.mature {background: #ff9900;}
#main_actions .main_action_teaser .date p {margin: 5px 10px 0 0;}
#main_actions .allactions {display: block; width: 110px; margin-left: 128px; padding: 2px 10px 4px 10px; background: #96c800; color: #fff; line-height: 20px; text-align: center;}
#main_actions .allactions:hover {background: #ff9900;}

#content .gal_teaser  {margin-bottom: 25px;}
#content .gal_teaser h3 {border: none; margin: 3px 0 10px 0;}
#content .gal_teaser h3 a {color: #ff9900;}
#content .gal_teaser h3 a:hover {color: #96c800;}
#content .gal_teaser  p {margin: 15px 0;}
#content .gal_teaser div {overflow: hidden;}
#content .gal_teaser a.gal_thumb {display: block; float: left; margin: 0 15px 15px 0; padding: 5px; background: #d6dfba;}
#content .gal_teaser a.gal_thumb:hover {background: #96c800;}
#content .gal_teaser a.gal_thumb img {display: block; width: 150px; height: 112px; border: solid 2px #fff;}
#content #tip {display:none; background: transparent url(/img/tooltip.png); font-size: 12px; height: 80px; width: 170px; padding: 20px; color: #96c800;}

#content  .pages {clear: left; margin: 25px 0; padding: 10px 0; overflow: hidden; border-top: solid 1px #d1d3d4; border-bottom: solid 1px #d1d3d4;}
#content  .pages a {margin: 0 3px; color: #414042;}
#content  .pages a:hover {color: #96c800;}
#content  .pages b {padding: 0 4px; margin: 0 3px; background: #ff9900; color: #fff; font-weight: normal;}
#content  .pages .prev {float: left;}
#content  .pages .next {float: right;}

#content #send {width: 560px; margin: 20px 0;}
#content #send div {overflow: hidden; position: relative; width: 540px; margin: 0 0 15px 0; padding-right: 20px;}
#content #send div.req {position: absolute; top: 0; right: -5px; width: 10px; height: 22px; background: url(/img/content_mark.gif) no-repeat 50% 50%;}
#content #send div input, #content #send div textarea, #content #send div select {float: right; width: 390px; border: solid 1px #d4deb7; height: 20px;}
#content #send div select {float: right; width: 392px; border: solid 1px #d4deb7; height: 22px;}
#content #send div textarea {height: 100px;}
#content #send div label {float: left; width: 140px; font-size: 13px; line-height: 22px;}
#content #send  p {margin: 20px 0; font-size: 12px;}
#content #send  .submit {display: block; margin-left: 150px; padding: 2px 15px;}
.ok {color:  #96c800;}
.err {color:  #cc0066;}

#novelties {position: relative; width: 740px; height: 370px; margin-bottom: 60px;}
#novelties #nav {margin-top: 3px; overflow: hidden;}
#novelties button {width: 80px; border: none; background: #96c800; color: #fff; font-size: 15px; font-weight: bold; line-height: 15px;}
#novelties button:hover {background: #ff9900;}
#novelties button.disabled {visibility:hidden !important;}
#novelties .next {float: right;}
#novelties .prev {float: left;}
#novelties #flowpanes {position: relative; width: 740px; height: 370px; overflow: hidden; background: #f2f8f1;}
#novelties #flowpanes .items {width: 20000em; position: absolute; clear: both; margin: 0; padding: 0;} 
#novelties #flowpanes div div {float: left; width: 740px; height: 370px;}
#novelties #flowpanes div  img {float: left; margin: 20px;}
#novelties #flowpanes div p {margin: 20px; font-size: 12px; line-height: 18px;}
#novelties #flowpanes div strong {display: block; margin-bottom: 10px; font-size: 14px;}
#novelties #flowpanes div small {display: block; margin-top: 10px; font-size: 13px; font-weight: bold;}

#novelties .align_center {position: relative; width: 460px; margin: 0 140px;}
#novelties .align_center_to_left {position: relative; right: 50%; float: right;}
#novelties .align_center_to_right {position: relative; z-index: 1; right: -50%;}
#novelties .navi a {float: left; display: block; width: 10px; height: 10px; margin: 6px 3px;  background: #d4deb7; font-size:1px; line-height: 1px;}
#novelties .navi a:hover {background: #ff9900;}
#novelties .navi a.active {background: #96c800;}
#content .theme_link a {display: block; margin: 3px 0; padding: 3px 20px; border: solid 1px #f2f8f1; background: #f2f8f1; color: #939598; text-align: center;}
#content .theme_link a:hover {border: solid 1px #96c800;}
#content .theme_link a.act {border: solid 1px #ff9900; background: #ff9900; color: #fff;}

#content .lib_b {position: relative; padding-left: 33px; background: url(/img/libb_mark.gif) no-repeat 0 3px; zoom: 1;}
#content .lib {position: relative; padding-left: 33px; background: url(/img/lib_mark.gif) no-repeat 4px 3px; zoom: 1;}
#content .lib_b a {display: block; font-weight: bold;}
#content .lib a {display: block; font-weight: bold;}
#content .lib_b a span {display: block; position: absolute; top: 8px; left: 3px; width: 15px; height: 15px; color: #fff; font-size: 10px; font-weight: normal; line-height: 15px; text-align: center; text-decoration: none;}
#content .lib a span {display: block; position: absolute; top: 4px; left: 5px; width: 15px; height: 15px; color: #fff; font-size: 10px; font-weight: normal; line-height: 15px; text-align: center; text-decoration: none;}

#content #questions  {padding: 0; margin: 0;}
#content #questions li {padding: 0; margin: 0 0 25px 0; background: none;}
#content #questions li strong {color: #939598;}
#content #questions li .answer {margin:5px 0 0 0; padding: 15px; background: #f2f8f1;}

#fourth_level {float: right; width: 285px; margin: 0 0 15px 15px; border-left: solid 15px #fff;}
#fourth_level h3 {margin: 0; padding: 5px 12px; border: none; background: #96c800; color: #fff; font-weight: bold; font-size: 13px; line-height: 15px;}
#fourth_level ul {list-style-type: none; background: #f2f8f1; margin: 0;}
#fourth_level li {padding: 0 12px; background: none; font-size: 13px; line-height: 15px;}
#fourth_level li.act {background: #fff url(/img/fourth_mark.gif) no-repeat 0 11px;}
#fourth_level a {display: block; padding: 5px 0; border-bottom: dotted 1px #96c800; color: #939598; text-decoration: none;}
#fourth_level a:hover {color: #6d6e71;}
#fourth_level a.no_border {border: none;}

#footer {clear: both; position: relative; padding-top: 50px; color: #6d6e71; font-size: 12px; line-height: 18px;}
#manager {margin: 0 0 20px 215px;}
#copyright {border-top: dotted 1px #9db1c1; padding: 20px 215px;}
#author {display: block; width: 295px; height: 24px; margin: 0 0 25px 215px; padding-top: 12px; background: url(/img/logo_cap.gif) right 50% no-repeat; color: #6d6e71; font-size: 12px; text-decoration: none;}
#author:hover {color:#cc0066; text-decoration: underline;}
#author span {display: none;}
#update {position: absolute; top: 50px; right: 40px;}
#konkurs {position: absolute; top: 120px; left: 665px;}
#top100 {position: absolute; top: 120px; right: 0;}
#mailru {position: absolute; top: 170px; right: 0;}
#mars {position: absolute; top: 120px; left: 0;}

.block {display: block;}
.float_left {float: left; margin: 0 10px 10px 0;}
.float_right {float: right; margin: 0 0 10px 10px;}
.border {border: solid 1px #65747b;}
.whitelink {color: #FFFFFF;}
.whitelink:hover {color: #FFFFFF;}


.simple_overlay {display:none; z-index: 100000; background-color:#333; width:675px; min-height:200px; border:1px solid #666;}
.simple_overlay .close {background-image:url(../img/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}

.simple_overlay #img {border:1px solid #666;}
.simple_overlay  .next, .simple_overlay  .prev {position:absolute; top:40%; border:1px solid #666; cursor: pointer; display: block; padding: 7px 12px; color: #fff; font-size: 15px; line-height: 15px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.simple_overlay  .prev {left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0;}
.simple_overlay  .next {right:-1px; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0;}
.simple_overlay  .next:hover, .simple_overlay  .prev:hover {text-decoration:underline; background-color:#000;}
.simple_overlay  .disabled {visibility:hidden;}
.simple_overlay  .progress {position:absolute; top:45%; left:50%; display:none;}
.simple_overlay  .next, .simple_overlay  .prev, .simple_overlay  .info {background:#333 !important; background: rgba(0, 0, 0, 0.6);}