body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, optgroup, button, p, blockquote, th, td{margin:0; padding:0} ul, li{border:0; outline:0; vertical-align:baseline; background:transparent} h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal} table{border-collapse:collapse; border-spacing:0}
caption, th{text-align:left} ol, ul{list-style:none} fieldset, img{border:0} input, textarea, select, optgroup, option, button{font-family:inherit; font-size:100%}
button, input{width:auto; overflow:visible} optgroup, address, caption, cite, code, dfn, em, th, var{font-style:normal; font-weight:normal}
dl li{list-style:none} a, a:focus{outline:none; background:transparent; text-decoration:none; border:none}
html{margin:0px; padding:0px}
body{display:table; width:100%; font-family:Georgia, "Times New Roman", Times, serif}
#top{width:100%; height:32px; position:absolute; top:0px;}
.search-form{position:absolute; right:10px; top:5px}
.search-form input{margin:0 4px 0 0; padding:1px 4px 1px 4px; font-size:80%}
#tooltip{position:absolute; padding:7px 8px 11px 8px; display:none; font-size:82%; z-index:999; max-width:250px}
#menu{width:950px; height:32px; margin:0 auto -20px; display:block; vertical-align:middle; font-family: "Times New Roman", Times, serif; font-size:100%}
#menu ul{margin:0; padding:0}
#menu a{/* padding:5px 10px; */ display:block; text-align:center}
#menu li{float:left}
#menu li a.root{padding:7px 12px 7px}
#menu li a.root-selected{padding:7px 12px 6px}
#right{width:180px; margin:0; padding:0; list-style:none; font-size:90%}
#right li a{padding:5px; display:block}
#right h5 a{padding:4px 0 5px 0; font-size:110%}
a.right-menu, a.right-menu-select{padding:5px 0 7px 0px}
ul.bread{margin:7px 10px 0 10px; padding:0 0 7px 0; display:block}
ul.bread li{margin:0 0 0 0; display:inline}
ul.bread span{font-size:75%}
ul.bread a{font-size:75%}
#wrapper{width:963px; margin:0px auto}
#page{margin:205px 0 0 0; padding:10px 0 10px; clear:both}
#content{margin:0 0 20px 0}
#main{width:738px; min-height:310px; margin:10px 10px 0; float:left}
#sidebar{width:200px; margin:24px 0 0; float:right}
#h1, #h1-e {margin-left:645px; top:80px; text-indent:-9999px; position:absolute}
#h1 a, #h1-e a{width:315px; height:100px; display:block}
/* STREAM */
#banner{width:920px; height:330px; margin:auto}
.banner div{width:920px; height:330px; position:absolute}
.welcome{width:900px; height:310px; display:none; position:absolute; z-index:777}
.welcome h3{margin-top:15px; margin-left:200px; font-size:105%}
.welcome dl{margin-top:25px; margin-left:240px}
.welcome dt{width:200px; height:20px; font-size:80%; text-align:right; display:block}
.welcome dd{width:400px; margin:-10px 0 5px 210px; display:block}
a#welcomes{display:block; position:absolute; font-size:85%; bottom:15px; right:20px}
#pano{width:920px; height:430px; margin:auto; text-align:left}
#map{width:920px; height:520px; margin:auto}
object#pano{margin:0 auto; display:block}
#panohint{margin:30px}
#page h1{margin:0 10px 0 0; padding:0 0 10px 0; top:0px; position:relative; font-size:175%; text-indent:0}
#page h1:first-letter, #pre span:first-letter, .black:first-letter, .black-on-misc:first-letter, .catalog ul li:first-letter
{text-transform: capitalize;}
#page h2{margin:0 10px 0 320px; top:0px; text-indent:0; position:relative}
#page h2 a{width:550px; height:25px; font-size:110%}
#page h2 a:hover{height:24px}
#page h4{font-size:85%; margin:5px 20px 0px 320px}
#info{width:880px; height:261px; margin:10px auto 0 auto}
#nav{width:880px; position:relative; z-index:991}
#nav li{width:220px; float:left; display:block}
#nav a{width:220px; height: 22px; display:block; font-size:105%; text-align:center}
#nav a:hover, #nav a.activeSlide{width:218px; height: 20px; margin: -1px 0 0 0;}
#news{clear:both;}
span.date{font-weight:bold; font-size:85%; display:inline; position:absolute; z-index:30; margin:-10px 0 0 10px; padding:5px 7px}
span.imgs{width:270px; height:205px; position:absolute; display:block; z-index:25; margin:0 0 0 20px}
.news{width:878px; height:220px; margin-top:-2px; padding:20px 0px 0px; position:absolute}
.news p{display:block; margin:5px 20px 0 320px; font-size:80%; clear:both}
.news img{width:270px; height:205px; z-index:20; margin:0 0 0 20px; position:absolute}
.news span.next{display:block; position:absolute; font-size:80%; bottom:15px; right:5px}
.misc{width:940px; height:20px; margin:10px auto 10px auto; padding:0 0 5px 0;}
.miscs{padding:0 0 5px 0; height:20px}
iframe.waitwindowlocal{position:absolute; border:0px; z-index:999}
div.waitwindowlocal{width:25px; height:25px; margin:-8px 0 0 65px; position:absolute; z-index:777}
div.waitwindowlocalshadow{position:absolute; z-index:888}
#collections{width:940px; height:128px; margin:auto}
#collections ul{margin:0 -10px 0 0px; padding:10px 0 0 10px}
#collections img{width:106px; height:106px}
#collections li{width:112px; height:112px; margin:0 4px 0 0; padding:0; float:left}
#collections a{width:106px; height:106px; font-size:90%}
.preload{}
#pre{min-width:100px; min-height:100px; padding:10px 10px 10px 10px; z-index:777}
#pre span{max-width:200px; margin:-5px 0 5px 0; padding-bottom:2px; display:block; font-size:85%; font-weight:bold;}
#addthis {width:200px; position: absolute; margin:-23px 0 0 759px;  z-index: 555}
#museums p, .copy span{font-family: "Lucida Grande", Verdana, Arial, sans-serif;}
#museums{width:938px; margin:40px auto 0px}
.museum{width:296px; height:126px; margin:10px 0 10px 9px; float:left}
.museum span a{width:110px; height:75px; display:block}
#museums h3{margin:7px 0 0 7px}
#museums h3 a{font-size:90%}
#museums span{width:110px; height:75px; margin:10px 7px 7px; float:left}
#museums p{margin:7px 3px 0 0; font-size:65%; line-height:112%}
#logos{width:233px; height:213px; margin:13px 0 0 -115px; position:absolute}
#footer{margin-top:120px; padding:10px 0 10px 0}
#extend{width:918px; margin:0px auto 0px}
#footer dl{font-size:85%; display:block; float:left}
#footer dt{width:228px; margin-bottom:5px}
#footer dd a{font-size:95%}
ul.about{width:918px; margin:25px auto 0; display:block; clear:both}
ul.about li{margin-right:42px; float:left}
ul.about a{font-size:85%}
ul.about a:hover{text-decoration:none}
.copy{width:918px; margin:20px auto 0 auto; clear:both}
.copy div{font-size:80%; margin-top:10px}
.copy span{margin-top:5px; display:block; font-size:80%}
.pager{margin:10px 0 0 0; padding:10px 0; font-size:85%}
.pager .titles{padding:0 0 5px 0}
.pages{font-size:90%}
.number{line-height:150%; font-size:130%; display:inline}
.number a{display:inline}
span.current{font-size:150%}
.clear, .clear br{clear:both; display:block; height:0px; width:0px}
.clears{clear:both; margin:0px auto; width:1px}
#over, .over{z-index:990}
.right{text-align:right}
.none {display:none; height:0px; width:0px}
/* PAGES */
.rozdil, #catalog-detail{margin:0 10px 0 0}
.item, .article{min-height:220px; margin:10px 0 0 0; padding:20px 0px 20px}
span.imgs a{width:287px; height:15px; margin-left:-5px; padding:207px 0 0 0; display:block; font-size:75%; text-align:right; border:none}
.item img, .article img{width:270px; height:205px; z-index:20}
.item img{margin:0 0 0 20px; position:absolute}
.article img{margin:0 30px 30px 20px; position:relative; float:left}
.text{text-align:justify; font-size:80%}
.article .text{margin:5px 20px 0 20px}
.item .text{margin:5px 20px 0 320px; clear:both}
.text p{margin:0 0 10px 0}
.text a{border:none}
.text a:hover{text-decoration:underline}
span.next{height:10px; margin:-25px 10px 0 0; position:relative; display:block; float:right; font-size:80%}
.board, .errortext, #at_bitrix{margin:20px 20px 20px 20px; padding:20px}
.board h3{margin:20px 0 20px 0}
.board tr, .board td, .board input, .board textarea, #at_bitrix tr, #at_bitrix td, #at_bitrix input, #at_bitrix textarea{margin:0 0 20px 0; padding:5px 15px; font-size:95%}
.search-page hr{margin:25px auto;}
.search-page p{margin:10px 0 10px 20px; font-size:90%}
.search-page a{font-size:130%}
.search-page small{margin:2px 0 0 0; display:block}
.search-page small a, .search-page p a{font-size:100%} 
#images{padding:15px 0 0 5px}
#linked{margin:10px 10px 0 0; padding:0}
#images li {float:left; height:145px;}
#images a{width:145px; margin:10px 0 0 10px; padding:10px; display:block}
#images img{min-width:80px; max-width:145px; height:110px; margin:auto; display:block;}
#fulltext{margin:0 10px 0 0; padding:10px 10px 0 10px}
#fulltext p{margin:0 0 10px 0; text-align:justify; font-size:85%}
#fulltext p a{padding:1px; font-size:108%}
#fulltext p a:hover{text-decoration:none}
#fulltext ul{font-size:90%; font-weight:bold}
.catalog{margin:0 10px 0 0; padding:10px 0 0 0}
.catalog ul{margin:0 0 0 40px; padding:0 0 10px; font-size:90%}
.catalog ul li{font-style:italic; margin:0 0 20px 0; padding:1px 10px; display:block}
.catalog ul li div{padding:5px; margin:0 0 20px 0}
.catalog ul a{font-size:130%; border:none; padding:5px; display:block}
.catalog ul a:hover{border:none}
.catalog ul ul{margin:-20px 10px -10px 20px; padding:0; display:block; border:none}
.catalog ul ul li{font-style:normal; font-weight:normal; margin:0; display:block}
.catalog ul ul a{font-size:120%}
.catalog a{padding:1px; font-size:105%}
.catalog a:hover{text-decoration:none}
#catalogs{margin:0 10px 10px 0; padding:10px 0 0 0}
#catalogs ul{border:none; padding:0; margin:0}
#catalogs li img{width:106px; height:106px; display:block}
#catalogs li{width:116px; height:116px; margin:0px 4px 0px 0px; padding:0px; float:left}
#catalogs a{width:106px; height:106px; display:block; font-size:80%}
#catalog-detail img{min-width:75px; min-height:75px; margin:10px 10px 10px 0; padding:0;}
#catalog-detail a{border:none; padding:1px; font-size:105%}
#catalog-detail a:hover{text-decoration:none}
#properties{font-size:90%; margin:0 0 10px 0; padding-left:10px}
.properties{font-size:90%; margin:20px 20px 25px 320px; padding-left:10px}
.board .properties{font-size:90%; margin:0; padding:0; border:none}
#text{width:485px; margin:10px 0 0 0; padding:0 0 10px 10px; font-size:90%}
a#sect{width:230px; margin:0 0 0 10px; padding:0; display:block; font-size:80%; border:none}
.black, .black-on-misc{padding:3px; display:block; position:absolute; font-size:75%}
.black{width:102px; margin:-117px 0 0 10px}
.black-on-misc{width:100px; margin:-111px 0 0 1px}
/*
#noscript{z-index:9999; font-size:110%; color:#FC9; background:#2C2C2C url(http://i.hutsul.museum/bg/bg_menu.gif) repeat-x bottom; padding:10px; text-align:center; position:fixed;  top:80px}
#noscript span{display:block; font-family:Tahoma; font-size:75%; color:#FFF8C7}
#noscript a, #noscript a:visited{color:#7F705A}
#noscript a:hover{color:#D8CBB0}
*/

/*CSS3!*/
#page, #museums, .search-form input, .board, .board tr, .board td, .board input, .board textarea, #at_bitrix tr, #at_bitrix td, #at_bitrix input, #at_bitrix textarea
{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
#pre, #tooltip {-moz-box-shadow: 2px  2px 8px #000;	-webkit-box-shadow: 2px 2px 8px #000;	box-shadow: 2px 2px 8px #000;}
.welcome, .black, .black-on-misc, #trans{opacity:.8; filter: alpha(opacity=80)}