/* 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;
	/* [disabled]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-mini{margin:0; padding:0; text-align:left; font-size:1.2em;}
p-mini a{color:#7d8288;}
p a{color:#7d8288; font-style:italic;}
p a:hover{color:#971c20;}
p-italic{font-style:italic; margin:0; padding:0 5px 12px 0; text-align:left; font-size:14px;}
.outer {text-align: center; font-size:18px; margin:10px 0 10px -20px;}
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;}
h5{color:#5f5f5f; margin:20px 0 20px 0; font-size:1.6em; line-height:1.3em;}

.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;}
#map{width:100%; border: solid 1px #CCC; padding:10px 0 0 15px; margin:0 0 10px 0;}
#main-themes1{width:99%; height:auto; background:#fff; border:1px #fff solid; margin:0 0 10px 0; float:left; padding:5px 5px 0 5px;}
#main-themes{width:100%; height:auto; background:#fff; border:0; margin:20px 0 70px 0; float:left; padding:0 5px 0 5px;}
#main-themes-left{width:25%; height:auto; background:#fff; margin:0; float:left; padding:0;}
#main-themes-right{width:75%; height:auto; background:#fff; margin:0; float:left; padding:0;}
#banner{width:99.5%; height:auto; background:#fff; border:0; margin:0 0 10px 0; float:left; padding:0 0 0 5px;}
/* Шапка */
#main-top-100{width:100%; background:#f0f0f0; margin:0 auto; padding: 1px 0;}
#main-top{max-width:940px; height:80px; margin:0 auto 20px; padding:15px 0 0 0;}
#main-logo{width:23.5%; background:#f0f0f0; 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:-1px 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;}
#alumni{max-width:100%; clear:both;}
#alumni-1{width:100%; display:block; padding:0; margin:0 0 20px 0;}

/* Выпадающее меню */
#menu{width:75%; max-height:30px; background:#f0f0f0; margin:24px 0 0 0; padding:0; float:right;}
#nav7, #nav7 ul, #nav7 li{margin:0; padding:0;}
#nav7{position:relative; display:table; margin:0px auto 0; width:100%; text-align:left; background:#f0f0f0;}
#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 8px; 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;}
/* NEW */
.spoiler-new{margin:0 40px 10px 0; padding:0;}

#slider{margin:0 0 50px 0;}
.content-main{max-width:940px; margin:35px 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;}
/* NEW */
#page-block-right-new {width:25%; 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;}
/* NEW */
.illustration2-new {float:left; float:top; margin:3px 5px 20px 0;}
.illustration3 {width:24.36%;}
/* NEW */
.illustration4-new{margin:0 15px 0 0; padding:0; float:left;}
.illustration4{margin:2px 6px 0 0; padding:0; float:left;}
.jet-pointer{margin:0 20px 30px 0; padding:0; float:left;}

.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{max-width:100%; 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;}
/* NEW */
#page-block-right1-new{width:75%; 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;}
.portret2-alumni{margin:0 20px 0 0; float:left;}

#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:105px; 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;}

#abit{width:210px; height:42px; padding:12px 0 0 60px; background:#fff; border:#752528 1px solid; margin:5px 10px 10px 0; float:right;}
#abit a{color: #752528;}
#abit a:hover{color:#000;}

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

@media only screen and (max-width: 940px) {
#mon-line{display:none;} 
.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%;}
.illustration3 {width:24.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;}
.illustration3 {width:24.0%;}
}

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

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

@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;}
	}