/* CSS Document */

*{padding:0; margin:0; border: 0;}
body {padding:0; background:#fff; color:Black; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; line-height:20px; font-size:10px; height:auto !important; height:100%; min-height:100%; position:relative;}
p{margin:0; padding:0 5px 12px 0; text-align:left; font-size:1.4em;}
p a{color:#7d8288;}
p a:hover{color:#971c20;}
p-italic{font-style:italic; margin:0; padding:0 5px 12px 0; text-align:left; font-size:14px;}
h1{color:#5f5f5f; margin:0; padding:0 0 20px 0; line-height:30px;}
html{height: 100%;}  
*html body{height: 100%;} 
h2{font-size:1.5em; line-height:1.3em;}
h2 a{color:#7d8288;}
h2 a:hover{color:#971c20;}
h3{margin:0 0 15px 0; font-size:1.8em; line-height:1.3em;}
h4{color:#5f5f5f; font-size:2em; margin:0; padding:0; line-height:30px;}

#brown-line{width:100%; height:2px; background:#fff;} /* 752528 */

.float-right{margin-top:10px; margin-right:20px; float:right; width:24px;}
.float-right2{display:none; margin:0 auto; float:none; height:24px;}
#float-fixed{background:#fff; padding:0;}
#content-all{padding-bottom:170px;}  
#content-all:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

/* Шапка */
#main-top{max-width:940px; height:140px; background:#fff; margin:50px auto 30px;}
#main-logo{width:23.5%; background:#fff; margin:0; float:left;}
.logo{width:100%; padding:0;}
.fac{margin:8px 0 10px 0;}
.fac-museum{margin:0 0 5px 0;}
#iko-big{max-width:65%; padding:0; margin:-5px 5px 5px 0; font-size:1.4em; float:right;}
#kaf{float:right; height:62px;}
#logo{float:left;}
#logo li{display: inline-block; height:105px; width:220px;}

/* Kwicks - eng*/
body {padding: 0;}
.kwicks {list-style:none; position:relative; margin:0; padding:0;}
.kwicks.horizontal-e li {margin:0 -30px 0 0; float:left;}
.kwicks.vertical  li{margin-bottom: 0;}
.kwicks li{float:left;	width:63px; height:63px; margin-right:0;}
#kwick1 {background-image: url('../images/button-01-eng.jpg');}
#kwick2 {background-image: url('../images/button-02-eng.jpg');}
#kwick3 {background-image: url('../images/button-03-eng.jpg');}
#kwick4 {background-image: url('../images/button-04-eng.jpg');}
#kwick5 {background-image: url('../images/button-05-eng.jpg');}
#kwick6 {background-image: url('../images/button-06-eng.jpg'); margin-right: none;}
.kwicks.horizontal-e #kwick_4 {margin-right: none;}
.kwicks.vertical #kwick_4 {margin-bottom: 10px;}

/* Выпадающее меню */
#menu{width:65%; max-height:30px; background:#fff; margin:18px 0 0 0; padding:0; float:right;}
#nav7, #nav7 ul, #nav7 li{margin:0; padding:0;}
#nav7{position:relative; display:table; margin:7px auto 0; width:100%; text-align:left; background:#fff;}
#nav7 ul{position:absolute; z-index:5; display:none; background:#fff; border:#752528 1px solid; padding:8px 0;}
#nav7 li:hover ul{display:block;}
#nav7 li{display:table-cell; text-align:left;}
#nav7 ul li{display:block; text-align:left;}
#nav7 .right{direction:rtl;}
#nav7 .right ul{right:0;}
#nav7 .right li{direction:ltr;}
#nav7 a{display:block; padding:0 12px; color:#8d8d95; font-size:1.4em; font-weight:bold; text-decoration: none;}
#nav7 a:hover{color:#fff;}
#nav7 ul a{padding:0 12px; font-weight:bold; color:#000; font-size:1.3em;}
#nav7 ul a:hover{color:#fff;}
#nav7 li:hover{background:#752528;}
.main-menu{padding:2px 12px; color:#8d8d95; font-size:1.4em; font-weight:bold;}
.podmenu{font-weight:normal;}

/* Наполнение */
#list{font-weight:normal; font-size:1.4em; color:#000;}
#list li{margin-left:35px; padding-left:0;}
#list li a{color:#8d8d95;}
#list li a:hover{color:#F00;}
#list2{font-weight:normal; font-size:1.4em; color:#000;}
#list2 li{margin-left:265px; padding-left:0;}
#list2 li a{color:#8d8d95;}
#list2 li a:hover{color:#F00;}
.spoiler{margin:-40px 0 0 -40px; padding:0;}

#slider{margin:0 0 50px 0;}
.content-main{max-width:940px; margin:0 auto;}
.content-main-index{max-width:946px; margin:0 auto;}
#page-block {width:100%; margin:0 0 30px 0; float:left;}
#page-block a {color:#8d8d95; font-size:1.4em; text-decoration: none;}
#page-block a:hover {color:#752528;}
.logo-kaf {margin:0 10px 0 20px;}
.pic-txt {margin:20px 0 20px 0;}
#page-block-left {width:25%; margin:0 0 30px 0; padding:0 2% 0 0; float:left;} 
#page-block-right {width:75%; margin:0 0 30px 0; float:left;}
#page-block-right-museum {width:75%; margin:0 0 30px 0; padding:8px 0 0 0; float:left;}
.illustration {width:100%; margin:10px 0 10px 0;}
.illustration1 {width:67%; margin:10px 0 10px 0; }
.illustration2 {float:right; float:top; margin:8px 0 0 0;}

.mod-1 {width:30%; margin:7px 20px 10px 0; float:left;}
.mod-2 {width:133%; margin:7px 20px 10px -233px; float:none;}
.mod-3 {width:100%; margin:7px 20px 10px 0; float:none;}
.mod-4 {width:65%; margin:7px 20px 10px -233px; float:left;}

.line {width:100%; margin:0 0 10px 0;}
.logo-tv{width:90%;}
.gall{font-weight:normal; font-size:0.8em;}
.visnyk{width:100%; padding:0 20px 0 0;}
#iko-visnyk{width:185px; margin:0 50px 20px 0; float:left;}
#iko-museum{width:185px; margin:0 50px 20px 0; float:left; font-size:0.9em;}
#iko-museum a{color:#8d8d95;}
#iko-museum a:hover {color:#971c20;}
#events{width:936px; margin:0 auto;}
#events-left{width:24.5%; margin:5px 0 35px 0; padding:0; border:none; float:left;}
#events-right{width:74.5%; margin:5px 0 35px 0; padding:0; border:none; float:right;}
#clear-line{clear:left; margin:0; padding:0;}

p.dline1 {line-height: 1.22; margin: -10px 0 10px 0;}
p.dline {line-height: 1.22; margin: -10px 0;}
p.save {color:#666; font-weight:bold; font-size:1.2em;}
p.save a {color: #999; font-weight:bold; font-size:1.2em;}
p.save a:hover {color:red; font-weight:bold; font-size:1.2em;}
p.m{margin:0; padding:5px 5px 7px 0px; text-align:left; font-size:14px;}
p.m a{color:#999; font-weight:bold;}
p.m a:hover{color:#F00;}
p.save1{color: #121212; font-weight: 600;}
p.save1 a{color: #121212; font-weight: 600;}
p.save1 a:hover{color:red; font-weight: 600; }

#page-block-right1{width:33%; height:auto; float:left; margin:0 0 5px 0;}
#page-block-right1-museum{width:100%; height:auto; float:left; margin:0 0 5px 0;}
#page-block-right2{width:100%; float:left; clear:none;}

#leftbar-menu1 {color:#000; font-size:1.5em; font-weight:bold; text-decoration: none; margin:5px 0 10px 0;}
#leftbar-menu2 {color:#000; font-size:1.5em; font-weight:bold; text-decoration: none; margin:0 0 20px 0;}
#leftbar-menu3 {color:#000; font-size:1.4em; font-weight:normal; text-decoration: none; margin:0 0 20px 0;}
#leftbar-menu3 a {color:#8d8d95;}
#leftbar-menu3 a:hover {color:#971c20;}
#leftbar-menu4 {color:#000; font-size:1.4em; font-weight:bold; line-height:1.5em; text-decoration: none; margin:3px 0 10px 0;}
#leftbar-menu4 a {color:#8d8d95; line-height:1.5em;}
#leftbar-menu4 a:hover {color:#971c20;}
#leftbar-menu5 {color:#000; font-size:1.4em; font-weight:normal; line-height:1.5em; text-decoration: none; margin:4px 0 25px 0;}
#leftbar-menu5 a {color:#8d8d95; line-height:1.5em;}
#leftbar-menu5 a:hover {color:#971c20;}
#leftbar-menu6 {color:#000; font-size:1.5em; font-weight:bold; font-weight:normal; line-height:1.5em; text-decoration: none; margin:0 0 10px 0;}
#leftbar-menu6 a {color:#8d8d95; line-height:1.5em;}
#leftbar-menu6 a:hover {color:#971c20;}
#leftbar-menu7 {color:#000; font-size:1.5em; font-weight:bold; font-weight:normal; line-height:1.5em; text-decoration: none; margin:0 0 10px 0;}
#leftbar-menu7 a {color:#8d8d95; line-height:1.5em;}
#leftbar-menu7 a:hover {color:#971c20;}
#leftbar-menu8 {color:#000; font-size:1.5em; font-weight:bold; font-weight:normal; line-height:1.5em; text-decoration: none; margin:0 0 10px 0;}
#leftbar-menu8 a {color:#8d8d95; line-height:1.5em;}
#leftbar-menu8 a:hover {color:#971c20;}
#leftbar-menu9 {color:#000; text-decoration: none; margin:0 0 28px 0;}
#leftbar-menu10 {color:#000; font-size:1.5em; font-weight:bold; font-weight:normal; line-height:1.3em; text-decoration: none; margin:0 0 25px 0;}
#leftbar-menu10 a {color:#8d8d95; line-height:1.3em;}
#leftbar-menu10 a:hover {color:#971c20;}

#leftbar-menu-portret {color:#000; width:65%; font-size:1.0em; font-weight:normal; line-height:1.5em; margin:7px 0 10px 0; float:left;}

.new{width:90%; margin:7px 0;}
.portret{margin:8px 20px 10px 0;}
.portret2{margin:1px 20px 10px 0;}

#block-left {width:49%; margin:20px 0; clear:left; float:left;} 
#block-right {width:49%; margin:20px 0; float:right;}
#block2-left {width:25%; margin:0 0 20px 0; float:left;} 
#block2-left2 {width:25%; margin:0 0 20px 0; float:left;} 
#block2-right {width:49%; margin:0 0 20px 0; float:right;}
#plashka {width:100%; height:30px; background-color:#CCC; color:#FFF; margin:20px 0; padding:0 0 0 5px;}

/* Подвал */

#bottom {width:100%; height:195px; background:#333; padding:5px 0 0 0; bottom:0; clear:both; position:absolute; bottombottom:0;}
#bottom-980 {max-width:980px; height:auto; margin:0 auto; color:#fff; clear:both; height:190px;}
#bottom-980 a {color:#999; font-size:1.22em; font-weight:bold;}
#bottom-980 a:hover {color:#fff;}
#bottom-left {width:38%; float:left; height:190px;}
#bottom-left-1 {width:63%; background:#333; padding:20px 0 0 20px; float:left; height:190px;}
#bottom-left-2 {width:37%; background:#333; padding:22px 0 0 20px; float:right; height:190px;}
#bottom-right{width:62%; float:right; height:190px;}
#bottom-right-1 {width:71%; background:#333; padding:22px 0 0 20px; float:left; height:190px;}
#bottom-right-2 {width:29%; background:#333; padding:19px 0 0 20px; float:right; height:190px;}

#arhive{width:115px; height:25px; padding:2px 0 0 5px; background:#fff; border:#752528 1px solid; margin:10px 6px 50px 0; float:right;}
#arhive a{color: #752528;}
#arhive a:hover{color:#000;}
#arhive-e{width:112px; height:25px; padding:2px 0 0 5px; background:#fff; border:#752528 1px solid; margin:10px 6px 20px 0; float:right;}
#arhive-e a{color: #752528;}
#arhive-e a:hover{color:#000;}
.iko-arhive{width:15%; margin:0 20px 0 0;}
#arhive-v{width:65px; height:25px; padding:2px 0 0 15px; background:#fff; border:#752528 1px solid; margin:10px 6px 20px 0; float:left;}
#arhive-v a{color: #752528;}
#arhive-v a:hover{color:#000;}

@media only screen and (max-width: 1024px) {
#slider{margin:0 10px 50px 10px;}

@media only screen and (max-width: 940px) {
.float-right{display:none;}
.float-right2{display:inline; margin:0; float:right; height:23px;}
#list2 li {margin-left:230px;}
#menu{margin:20px 0 40px 0; width:80%; float:left;}	
#main-top{padding:0 1% 0 1%;}
#top01{margin:0 0 0 1%;}
#top02{margin:0 1% 0 0;}
.portret{width:80%;}
.portret2{width:35%;}
#leftbar-menu1 {margin:0 0 5px 0;}
#page-block-right{padding:0 1% 0 1%;}
#page-block-left{padding:0 0 20px 1%;}

}

@media only screen and (max-width: 750px) {
#list2 li {margin-left:250px;}
.new{width:30%; margin:0;}	
#main-top{max-width:940px; height:250px; background:#fff; margin:50px auto;}
#main-logo{width:220px; background:#fff; margin:7px 0 0 0; float:left;}
#menu{ float:left; clear:both;}
#top02{float:left; margin:0 0 0 1%; width:100%;}
#iko-big{max-width:100%; float:left; clear: both; margin:20px 0 0 0;}
#page-block-left{width:100%; float:left;}
#page-block-right {width:100%;}
#page-block-right{clear:left; float:left;}
.illustration2{display:none;} 
.logo-tv{width:90%;}
#block-left { margin:0; clear:left; float:left;} 
#block-right {width:100%; margin:0 0 20px 0; clear:left; float:left;}
#bottom {height:280px;}
#bottom-left{width:100%; float:left;}
#bottom-left1{width:70%; float:left;}
#bottom-left2{width:30%; float:left;}
#bottom-right{width:100%; clear:both; float:left;}
#bottom-right1{width:70%; float:left;}
#bottom-right2{width:30%; float:left;}
.portret2{width:45%;}
#content-all{padding-bottom:290px;}
}

@media only screen and (max-width: 730px) {

#list2 li {margin-left:230px;}
.new{width:40%;}
#kaf{margin:10px 0 0 0;}
#top{height:66px;}
	
}

@media only screen and (max-width: 670px) {	
	

.float-right2{margin:0 0 30px 0;}
#list2 li {margin-left:200px;}
.new{width:50%;}
#menu{width:95%;}
#nav7 a {padding:3px 7px;}
#nav7 ul a {padding:0 7px;}

}

@media only screen and (max-width: 490px) {
#list2 li {margin-left:180px;}
#bottom {height:320px;}
#main-top{height:140px; margin:28px auto 45px;}
#kaf{display:none;}
#menu{width:100%; margin:0 0 15px 0;}
#iko-big{margin:10px 0 0 0; clear:both;}
#nav7 a {padding:2px 4px; font-size:1.1em;}
#nav7 ul a {padding:0 4px;}
#top{height:99px;}
#top02{width:360px;}
#top04{width:100px; margin:0;}
#content-all{padding-bottom:330px;}
	}