html,body { 
	height:100%; 
	width:100%;
}


body {
	font-family: "Times New Roman", Times, serif;
	background-color:#f5f5f5;
	background-color:#E8E8E8 ;
	/* font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; */
}

body.grey {
	background-color:#575656;
}

h1 {
	font-size:45pt;
	line-height:50pt;
	margin-bottom:30px;
}

h2 {
	font-size:30pt;
	margin-bottom:20px;
}


body.home {
	background-color:#ebc8a2;
}

.center {
	text-align:center;
}

.globalwrapper {
	min-height:100%;
	position:relative;
	/* border:1px solid purple; */
}

a.to-top {
	display:inline-block;
	width:40px;
	height:22px;
	margin-top:20px;
}

div.space {
	display:block;
	height:40px;
}

/* HOME PAGE INTRO ++ */

.section_intro {
	min-height:100%;
	position:relative;
	overflow:hidden;
	background-color:#000;
}

.section_intro.img div.text{
	position:absolute;
	left:0;
}	

	.section_intro p {
		color:#fff;
		font-size:36pt;
		line-height:40pt;
		position:relative;
		margin-left:60px;
		margin-top:60px;
	}
	
	.section_intro div.large p {
		margin-top:180px;
		margin-bottom:125px;
		font-size:100pt;
		line-height:115pt;
	}
	
	.section_intro div.brown p{
		margin-left:0px;
		color:#ebc8a2;
	}

	.section_intro img {
		max-width:100%;
		width:100%;
		display:block;
	}
	
	.kpran {	
		position:relative;
		display:inline-block;
		margin-left:700px;
		margin-top:100px;
		margin-bottom:100px;
	}

		.kpran a {
			text-decoration:none;
			display:inline-block;
			padding:15px 15px;
			z-index:2000;
			position:relative;
			border:3px solid #ebc8a2;
			box-shadow: 8px 8px #ebc8a2;
		}
		
		.kpran p {
			margin:0;
			color:#ebc8a2;
		}
	
	.logo-izstade {
		margin-top:10px;
	}
	
	
	
/* HOME PAGE INTRO -- */

section.content {
	padding-left:380px;
	/* padding-left:22%; */
}

.section_content {
	vertical-align:top;
	padding:80px 40px 0 40px;
	padding:57px 40px 0 40px;
	/* padding-left:420px; */
	
	display:block;
	position:relative;
	font-size:14pt;
	line-height:30pt;
	padding-bottom:80px;
	max-width:800px;
	/* margin:0 auto; */
	/* margin-left:100px; */
	
}

.section_content .normal-spacing {
	line-height:21pt;
	font-size:
}

.section_content.wide {
	max-width:1000px;	
}
	
	.section_content div.inner a {
		color:#000;
		font-weight:bold;
	}
	
	
	.section_content p {
		
		/* font-weight:bold; */
		text-align:justify;
	}

	.section_content img {
		width:100%;
	}



.section_sidebar {
	min-width:250px;
	width:380px;
	/* width:22%; */
	text-align:center;
	position:fixed;
	left:0;
	
	/* position:absolute; */
	/* top:0; */
	/* left:0; */
	
}

section.content {
	position:relative;
}

.home .section_sidebar {
	position:absolute;
}

.home .section_sidebar.sticky {
	position:fixed;
	top:0;
}
	

.team .section_sidebar,
.news .section_sidebar,
.article .section_sidebar {
	/* position:fixed; */
}



.logo {
	margin-top:20px;
	display:block;
}

	.logo img {
		/* width:220px; */
		width:176px;
	}


	
.fl-left { float:left; }
.fl-right { float:right; }
.clear { clear:both; }

h1.h1 {
	font-size:52pt;
	line-height:62pt;
	margin-bottom:20px;
	color:#000;
	/* margin-top:-20px; */
	font-weight:bold;
	max-width:330px;
}

h1.h1.fl-right {
	font-size:30pt;
	line-height:42pt;
	line-height:40pt;
	margin-top:5px;
	text-align:center;
}

a.facebook {
	color:#000;
	font-size:18pt;
	text-decoration:none;
	font-weight:bold;
	font-family: "Trebuchet MS";
	float:right;
	margin-top:15px;
}

/* MENU ++ */

div.adaptive-menu {
	position:relative;
}	

div.menu-toggle-container,
div.menu-container { display:none; }

div.menu-container {
	position:absolute;
	left:0;
	top:49px;
	z-index:2000;
	width:100%;
	box-sizing:border-box;
}

div.menu-toggle-container {
	width:100%;
	box-sizing:border-box;
	padding:15px;
	text-align:center;
	background-color:#000;
	position:relative;
	height:47px;
}

a.menu-toggle {
	width:26px;
	height:21px;
	right:15px;
	top:13px;
	position:absolute;
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
	background:url('/assets/img/icon-menu.png') no-repeat bottom;
	
}

.home div.adaptive-menu {
	background-color:#000;
}

.home div.menu-toggle-container {
	background:#fff;
	color:#000;
}

.home a.menu-toggle {
	background:url('/assets/img/icon-menu.png') no-repeat top;
}

ul.menu {
	list-style:none;
	font-family: "Trebuchet MS";
	font-size:16px;
	letter-spacing:0.3pt;
	/* margin:1px 0; */
}

	
	
	ul.menu li a {
		background:#000;
		width:100%;
		display:block;
		text-align:center;
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		padding:15px 0;
	}
	
	ul.menu li.article a {
		background-color:#6e6e6d;
	}

	ul.menu ul.sub {
		list-style:none;
	}
	
		ul.menu ul.sub li {
			/* margin:2px 0; */
			/* border-bottom:2px solid grey; */
		}
		
		
		ul.menu li.home  ul.sub li {
			/* background:#000; */
			border-bottom:2px solid #6e6e6d;
		}
		ul.menu li.article  ul.sub li  {
			border-bottom:2px solid #6e6e6d;
		}
		
		ul.menu li.home  ul.sub li:last-child,
		ul.menu li.article  ul.sub li:last-child {
			border-bottom:none;
		}
		
		ul.menu ul.sub a {
			text-align:left;
			box-sizing:border-box;
			padding:15px 20px;
			color:#000;	
			background:#6e6e6d;
			background:#fff;
		}
		
		ul.menu li.home ul.sub a:hover {
			background:#000;
			color:#fff;
		}
		
		ul.menu li.article ul.sub a:hover {
			background:#6e6e6d;
			color:#fff;
		}

/* MENU -- */
/* LANG MENU ++ */

ul.lang-menu {
	margin-top:40px;
	font-family: "Trebuchet MS";
	margin-left:-5px;
}

	ul.lang-menu li {
		display:inline-block;
		margin:0 4px;
	}
	
	ul.lang-menu li span.line {
		font-weight:bold;
		/* margin-left:7px; */
		color: #000;
		font-size: 14pt;
	}
	
	ul.lang-menu li:last-child  {
		display:none;
	}
	
		ul.lang-menu li a {
			text-decoration:none;
			color:#000;
			/* text-transform:uppercase; */
			font-size:16px;
			/* font-weight:bold; */
		}

ul.lang-menu-adaptive {
	list-style:none;
	display:inline-block;
	font-family: "Trebuchet MS";
	margin:0 auto;
	display:none;
}

	ul.lang-menu-adaptive li {
		display:inline-block;
		margin:0 4px;
	}
	
	ul.lang-menu-adaptive li a {
		text-decoration:none;
		text-transform:uppercase;
		font-size:16px;
		color:#fff;
		font-weight:bold;
	}
	
	.home ul.lang-menu-adaptive li a {
		color:#000;
	}
	
	.home  ul.lang-menu-adaptive li span.line {
		color:#000;
	}
	
	ul.lang-menu-adaptive li span.line {
		font-weight:bold;
		margin-left:7px;
		color:#fff;
	}
	
	ul.lang-menu-adaptive li:last-child span.line {
		display:none;
	}
		
/* LANG MENU -- */
/* MAIN MENU ++ */

ul.main-menu {
	font-family: "Trebuchet MS";
	margin-top:80px;
	list-style:none;
	line-height:35pt;
	line-height:28pt;
	display:none;
}

	ul.main-menu li {
		
	}	
	
		ul.main-menu li span.line {
			display:block;
			color:red;
			color:#000;
			font-weight:bold;
			font-size:18pt;			
		}
		
		ul.main-menu li:last-child span.line {
			display:none;
		}
		
		ul.main-menu li:first-child span.line {
			display:block;
		}
		
		ul.main-menu li a {
			font-size:18pt;
			text-decoration:none;
			color:#000;
		}
		
		ul.main-menu li a.active,
		ul.main-menu li a:hover {
			font-weight:bold;
		}

/* MAIN MENU -- */
/* SUB MENU ++ */

ul.sub-menu {
	/* border:1px solid red; */
	font-family: "Trebuchet MS";
	
	margin-top:40px;
	margin-top:67px;
	
	line-height:26pt;
	line-height:22pt;
	list-style:none;
}

	ul.sub-menu li {
		padding:0px 0px 0px 0px;
	}	
	
		ul.sub-menu li span.line {
			display:block;
			color:#000;
			font-weight:bold;
			font-size:14pt;
		}
		
		ul.sub-menu li:last-child span.line {
			display:none;
		}
		
		ul.sub-menu li a {
			font-size:14pt;
			text-decoration:none;
			color:#000;
		}
		
		ul.sub-menu li a.active,
		ul.sub-menu li a:hover {
			font-weight:bold;
		}

/* SUB MENU -- */
/* NEWS LIST ++ */

ul.news.list {
	list-style:none;
	width:100%;
	max-width:640px;
}

	ul.news.list li {
		margin-bottom:40px;
	}
	
	ul.news.list img {
		max-width:640px;
		margin-top:30px;
	}
	
	ul.news h2 {
		width:60%;
		float:left;
		font-size:36pt;
		line-height:44pt;
	}
	
	ul.news p {
		font-size:14pt;
		line-height:30pt;
		line-height:20pt;
		text-align:left;
	}
	
	ul.news p.dates {
		font-size:20pt;
		float:right;
		line-height:27pt;
		font-weight:bold;
		margin-top:8px;
		text-align:center;
	}
	
	ul.news span.line {
		border:1px solid #000;
		background-color:#000;
		width:40px;
		height:1px;
		display:block;
		margin-top:40px;
	}
	
	ul.news li:last-child span.line {
		display:none;
	}

/* NEWS LIST -- */
/* ARTWORKS LIST ++ */

.artwork p {
	font-size:14pt;
	line-height:20pt;
	/* text-align:left; */
}


span.thick-line {
	font-weight:bold;
	font-size:50px;
	/* margin-top:20px; */
	display:block;
	/* line-height:20px; */
}

.artworks.list span.thick-line {
	margin-bottom:20px;
}


ul.artworks.list {
	list-style:none;
}

ul.artworks.list.more {
	display:none;
	margin-top:0;
}

ul.artworks.list li {
	/* margin-bottom:15px; */
	margin:10px 0;
}

	a.more-artworks {
		margin:10px 0;
	}
	
	a.more-artworks,
	ul.artworks.list li a {
		list-style:none;
		text-decoration:none;
		color:#000;
		display:inline-block;
		font-size:36pt;
		line-height:36pt;
		font-weight:bold;
		position:relative;
	}
	
	/*
	a.more-artworks {
		font-size:36pt;
		font-weight:bold;
		color:#000;
	}
*/
	a.more-artworks:hover span.underline,
	ul.artworks.list li a:hover span.underline {
		position:absolute;
		width:100%;
		height:2px;
		background-color:#000;
		left:0;
		bottom:-8px;
	}

/* open */

div.artwork {
	/* max-width:640px; */
	padding-right:80px;
}

div.artwork div.container {
	white-space:nowrap;
	position:relative;
	/* margin-bottom:30px; */
	margin-bottom:10px;
}

div.artwork div.container img {
	vertical-align:top;
	display:inline-block;
	width:100%;
	height:100%;
}

	ul.artworks.gallery {
		margin:0;
		padding:0;
		display:table;
		margin:0 auto;
		list-style:none;
		/* display:none; */
	}

		ul.artworks.gallery li:first-child {
			display:inline-block;
		}
		
		ul.artworks.gallery li {
			display:none;
		}
		
			ul.artworks.gallery li a {
				/* display:table; */
			}
		
			ul.artworks.gallery li img {
				/* max-height:500px; */
				/* height:auto; */
			}
			ul.artworks.gallery li p.description {
				white-space:normal;
				line-height:25px;
				margin-top:5px;
			}
	
	
			ul.artworks.gallery li p.description {
				margin-top:20px;
				/* font-size:16px; */
				/* max-width:600px; */
			}
			
			ul.artworks.gallery li div.description p {
				white-space:normal;
			}
			
			div.description {
				margin-top:40px;
				max-width:720px;
				overflow:hidden;
				display:block;
			}
	
			ul.artworks.gallery li p.description a,
			div.description a {
				color:#000;
			}
	
	
	a.artwork {
		text-decoration:none;
		color:#000;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		width:22px;
		position:absolute;
		/* top:50%; */
		/* margin-top:-15px; */
		margin-top:100px;
		top:0;
	}


	a.artwork:hover {
		opacity:0.5;	
	}

	a.artwork {
		position:absolute;	
	}

	a.artwork.next {
		/* vertical-align:top; */
		right:-70px;
	}

	a.artwork.prev {
		left:-70px;
	}

	



ul.menu-artwork {
	margin-top:195px;
	margin-top:216px;
	margin:0 auto;
	margin-top:120px;
	margin-top:110px;
	font-family: "Trebuchet MS";
	/* max-width:110px; */
}

	ul.menu-artwork li {
		display:inline-block;
	}
	
	ul.menu-artwork li a {
		text-decoration:none;
		color:#000;
		line-height:26px;
	}
	
	ul.menu-artwork li a:hover {
		opacity:0.6;	
	}
	
	ul.menu-artwork li a.active {
		font-weight:bold;
	}
	
	ul.menu-artwork li:last-child span { display:none; }
	
	
	
body.artwork.open ul.main-menu,
body.artwork.open ul.sub-menu,
body.artwork.open ul.lang-menu,
body.artwork.open a.logo,
ul.main-menu.toggle {
	display:none;
}

body.artwork.open ul.main-menu.toggle {
	display:block;
}

body.artwork.open ul.main-menu.toggle li a,
body.artwork.open ul.main-menu.toggle li span{
	color:#c9c9c9;	
}

body.artwork.open ul.main-menu.toggle li a:hover {
	color:#000;	
}

body.artwork.open ul.main-menu.toggle.black li a,
body.artwork.open ul.main-menu.toggle.black li span{
	color:#000;	
}


/* ARTWORK FULLSCREEN ++ */

#fullscreen-artwork {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-height:100%;
	background-color:#575656;
	z-index:3000;
	display:none;
}
	
	body.grey {
		background-color:#575656;
	}
	
	#fullscreen-artwork  ul {
		list-style:none;
	}
	
	div.artwork.fullscreen {
		max-width:100%;
		padding:0;
		margin:0 auto;
		/* display:table; */
		max-width:1100px;
		margin-top:80px;
		padding:0 50px;
		padding:0 80px;
	}
	
	
	div.artwork.fullscreen ul.artworks.gallery li img {
		max-height: 100%;
	}
	
		
		a.close-fullscreen {
			position:absolute;
			top:-50px;
			right:-72px;
			color:#000;
			text-decoration:none;
			font-size:20px;
		}
	
/* ARTWORK FULLSCREEN -- */


/*


div.artwork.wide {
	max-width:1000px;
}



div.artwork.wide {
	max-width:1000px;
}

	#large-artwork {
		display:inline-block;
		text-decoration:none;
		color:#000;
		width:26px;
		height:26px;
		
		width:18px;
		height:18px;
		background:url('/assets/img/icon-zoom.png') no-repeat top;
		background-size: cover;
		position:absolute;
		left:-240px;
		bottom:0;
	}
	
	#large-artwork.open {
		background-position:bottom;
	}
	
	#large-artwork:hover {
		opacity:0.6;
		
	}
	
	
	
		
		
		.text-left {
			text-align:left;
		}
	
*/

/* ARTWORKS LIST -- */
/* CONTACTS EMPLOYEES ++ */

ul.employees {
	margin-top:60px;
	list-style:none;
}

	ul.employees li {
		display:inline-block;
		margin-right:80px;
		margin-bottom:40px;
		min-width:200px;
	}
	
	ul.employees span.line {
		/* border:1px solid #000; */
		background-color:#000;
		width:26px;
		height:2px;
		display:block;
		margin-top:20px;
		margin-bottom:20px;
	}

/* CONTACTS EMPLOYEES -- */

div.media {
	margin-top:40px;
}

	div.media a {
		color:#000;
		text-decoration:none;
		display:inline-block;
		vertical-align:middle;
		font-size:18pt;
		font-weight:bold;
	}
	
	div.media a:hover {
		text-decoration:underline;
	}

	div.media span.line {
		width:25px;
		height:2px;
		background-color:#000;
		display:inline-block;
		vertical-align:middle;
		margin:0 10px;
	}

	
/* PARTNERS LIST ++ */

ul.partners {
	list-style:none;
	margin-top:40px;
	margin-left:-10px;
	text-align:center;
}

	ul.partners p.title {
		text-align:center;
		margin:10px 0;
		margin-left:10px;
		font-weight:bold;
	}

	ul.partners li {
		display:inline-block;
		vertical-align:top;
		margin:10px;
	}
	
	ul.partners li.small a {
		/* width:50%; */
		max-width:100px;
	}
	
	ul.partners li a {
		display:block;
		max-width:200px;
	}

/* PARTNERS LIST -- */	
/* ADAPTIVE ++ */

@media screen and (max-width:1024px){
	
	
	
	h1.h1 {
		max-width:100%;
	}
	
	.section_sidebar {
		width:280px;
	}
	
	section.content {
		padding-left:260px;
	}
	
	/* news ++ */
	ul.news h2 {
		width: 100%;
	}
	
	ul.news p.dates {
		float:left;
	}
	
	/* news -- */
	
	
}


@media screen and (max-width:850px){
	.logo-izstade {
		display:none;
	}	
}

/*
@media screen and (max-width:320px){
	.logo-izstade {
		display:none;
	}
}
*/

@media screen and (max-width:700px){
	.hide-plansete {
		display:none;
	}
}

@media screen and (max-width:500px){
	
	ul.news h2 {
		font-size: 28pt;
		line-height: 34pt;
	}	
	
	ul.artworks.list li a {
		font-size: 28pt;
		line-height: 34pt;
	}
	
	a.more-artworks, ul.artworks.list li a {
		font-size: 28pt;
		line-height: 34pt;	
	}
		
}


@media screen and (max-width:800px){
	
	a.artwork {
		margin-top:0;
	}
	
	
	.section_content p {		
		text-align:left;
	}
	
	
	/*
	.section_intro p {
		color:#fff;
		font-size:36pt;
		line-height:40pt;
		position:relative;
		margin-left:60px;
		margin-top:60px;
	}
	
	.section_intro div.large p {
		margin-top:180px;
		margin-bottom:125px;
		font-size:100pt;
		line-height:115pt;
	}
	*/
	.section_intro div.large p {
		font-size:50pt;
		line-height:70pt;
	}
	
	.section_intro.img div.text{
		max-width:100%;
	}
	
	/* news ++ */
	ul.news h2 {
		width: 100%;
	}
	
	ul.news p.dates {
		float:left;
	}
	
	/* news -- */
	
	
	
	h1 {
		font-size: 36pt;
		line-height: 40pt;
		margin-bottom: 30px;
	}
	
	ul.artworks.list li a {
		/* font-size: 30pt; */
		/* line-height: 30pt; */
	}
	
	/* home page ++ */
	
	.logo-izstade {
		float:left;
		clear:both;
	}
	
	section.content {
		padding-left: 0px;
	}
	
	.section_intro p.large {
		margin-top:50px;
		margin-bottom:20px;
		font-size:50pt;
		line-height:55pt;
	}
	
	.kpran {
		margin-left:0px;
		margin-top:60px;
		margin-bottom:100px;
	}
	
	.section_intro.img div.text {
		position:relative;
		background:#ebc8a2;
		padding:20px;
	}
	
		.section_intro.img div.text p {
			color:#000;
			font-size:16pt;
			margin:0;
			margin:15px 0;
			line-height:21pt;
			font-weight:bold;
		}
	
	.section_intro p {
		font-size:26pt;
		line-height:30pt;
	}
	
	/* home page -- */
	
	div.adaptive-menu { padding:20px; }
	
	.menu-container { display:none; }
	
	div.menu-toggle-container {
		display:block;
	}
	
	.section_content {
		padding:20px 20px 20px 20px;
	}
	
	.section_sidebar {
		/*
		width:100%;
		padding:0;
		position:relative;
		display:block;
		box-sizing:border-box;
		margin-bottom:40px;
		text-align:right;
		*/
		display:none;
	}
	
	
		
	a.logo,
	.main-menu,
	.sub-menu {
		display:none;
	}
	
		
	ul.employees p {
		text-align:center;
	}
	
	ul.employees li {
		width:100%;
		margin:0 0 40px 0;
	}
	
	ul.employees span.line {
		margin:20px auto;
	}
	
	ul.news.list {
		max-width:100%;
	}
	
	
	/* artwork ++ */
	
	div.artwork {
		max-width:auto;
		padding-right: 40px;
		padding-left: 40px;
	}
	
	#large-artwork {
		left:0px;
		bottom:-40px;
	}
	
	
	div.artwork-img-container {
		margin-bottom:60px;
	}
	
	
	
	
	a.artwork.next {
		right:-35px;
	}

	a.artwork.prev {
		left:-35px;
	}
	
	#fullscreen-artwork div.inner {
			padding:70px 50px;
	}
	
	a.close-fullscreen {
		right:-35px;
		top:-35px;
		right:0;
	}
	
	/* artwork -- */
	
}
	
/* ADAPTIVE -- */

