@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic&subset=latin,latin-ext);

* { margin: 0; padding: 0; }
body { font: normal 13px/1.3 Ubuntu, Tahoma, Arial; background: #edbc7c url(/i/bg.jpg) repeat; }
img { border: 0; max-width: 100%; }
#map img { max-width: 10000%; }

a { color: #b88342; text-decoration: none; }
a:hover { text-decoration: underline; }
hr { height: 1px; background: #CCC; border: 0; margin: 20px 0; border-bottom: 1px solid #FFF; }

#Header { overflow: hidden; position: relative; }
/*
body.index .Header { background: url(/i/head_pic_1.png) no-repeat 70% top; }
body.subpage .Header { background: url(/i/head_pic_2.png) no-repeat 70% top; }
*/
body.index .Header, body.subpage .Header { background: url(/i/head/head_pic_main.png) no-repeat 70% top; }
body .HeaderArt { background: url(/i/head/head_pic_sztuka.png) no-repeat 70% top !important; }
body .HeaderLibrary { background: url(/i/head/head_pic_ksiegi.png) no-repeat 70% top !important; }
body .HeaderDocuments { background: url(/i/head/head_pic_dokument.png) no-repeat 70% top !important; }
body .HeaderNature { background: url(/i/head/head_pic_przyroda.png) no-repeat 70% top !important; }
body .HeaderGift { background: url(/i/head/head_pic_pamiatki.png) no-repeat 70% top !important; }
body .HeaderPhotography { background: url(/i/head/head_pic_zdjecia.png) no-repeat 70% top !important; }
body .HeaderArcheology { background: url(/i/head/head_pic_archeol.png) no-repeat 70% top !important; }
body .HeaderEthnography { background: url(/i/head/head_pic_etnog.png) no-repeat 70% top !important; }
body .HeaderCartography { background: url(/i/head/head_pic_mapa.png) no-repeat 70% top !important; }
body .HeaderMilitary { background: url(/i/head/head_pic_militaria.png) no-repeat 70% top !important; }
body .HeaderNumismatics { background: url(/i/head/head_pic_numizm.png) no-repeat 70% top !important; }

/*body.subpage .Site { background: url(/i/head/sub_pic_main.png) no-repeat 0 bottom; }*/
body .SiteDefault { background: url(/i/head/sub_pic_main.png) no-repeat 0 bottom; }
body .SiteArt { background: url(/i/head/sub_pic_sztuka.png) no-repeat 0 bottom !important; }
body .SiteLibrary { background: url(/i/head/sub_pic_ksiegi.png) no-repeat 0 bottom !important; }
body .SiteDocuments { background: url(/i/head/sub_pic_dokumenty.png) no-repeat 0 bottom !important; }
body .SiteNature { background: url(/i/head/sub_pic_przyroda.png) no-repeat 0 bottom !important; }
body .SiteGift { background: url(/i/head/sub_pic_pamiatki.png) no-repeat 0 bottom !important; }
body .SitePhotography { background: url(/i/head/sub_pic_zdjecia.png) no-repeat 0 bottom !important; }
body .SiteArcheology { background: url(/i/head/sub_pic_archeol.png) no-repeat 0 bottom !important; }
body .SiteEthnography { background: url(/i/head/sub_pic_etnog.png) no-repeat 0 bottom !important; }
body .SiteCartography { background: url(/i/head/sub_pic_mapa.png) no-repeat 0 bottom !important; }
body .SiteMilitary { background: url(/i/head/sub_pic_militaria.png) no-repeat 0 bottom !important; }
body .SiteNumismatics { background: url(/i/head/sub_pic_numizm.png) no-repeat 0 bottom !important; }

#Header .Logo { overflow: hidden; float: left; padding: 15px 10px 15px 80px; }
#Header .Logo2 { overflow: hidden; float: right; margin: 0; width: 315px; height: 136px; background: url(/i/head_bg_right.png) no-repeat top right; position: relative; }
#Header .Logo2 a.wm { position: absolute; right: 18px; bottom: 12px; }
#Header .Logo2 a.mwm { position: absolute; right: 110px; bottom: 0px; }
#Header .Menu { clear: both; overfwlo: hidden; height: 44px; width: 100%; background: url(/i/menu_grad1.png) repeat-x; }
#Header .Menu ul { list-style-type: none; position: relative; float: left; padding: 0 6px; margin: 6px 0 0 140px;  }
#Header .Menu ul:before { content: ''; width: 6px; height: 31px; background: url(/i/menu_btns_left.png) no-repeat right; position: absolute; top: 0; left: 0; }
#Header .Menu ul:after { content: ''; width: 6px; height: 31px; background: url(/i/menu_btns_right.png) no-repeat left; position: absolute; top: 0; right: 0; }
#Header .Menu ul > li { float: left; overflow: hidden; background: url(/i/menu_btns_bg.png) repeat-x; height: 31px; }
#Header .Menu ul > li a { font: bold 14px/28px Ubuntu; color: #fff !important; float: left;  padding: 0 10px; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); height: 28px; margin-top: 1px; }
#Header .Menu ul > li a.current,
#Header .Menu ul > li a:hover { text-decoration: none; background: #000; background: rgba(0,0,0,0.5); }
#Header .Menu li.select { display: none; float: none; line-height: 28px; padding: 0 5px; }
#Header .Menu li.select select { width: 100%; vertical-align: middle; }
#Header .Menu .Auth { float: right; margin: 5px 20px 0 0; }
#Header .Menu .Auth select { display: none; color:#fff; font: bold 14px/150% Ubuntu; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); border: 2px solid #777; border-radius: 5px; background: #AA794A; box-shadow: 2px 2px 2px rgba(0,0,0,0.9); }
#Header .Menu .Auth a { float: left; position: relative; height: 31px; margin-left: 18px; padding: 0 5px; background: url(/i/btn2_m.png) repeat-x center; font: bold 13px/30px Ubuntu; text-align: center; color: #fff !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); }
#Header .Menu .Auth a:before { content: ''; width: 6px; height: 31px; background: url(/i/btn2_l.png) no-repeat right; position: absolute; top: 0; left: -6px; }
#Header .Menu .Auth a:after { content: ''; width: 6px; height: 31px; background: url(/i/btn2_r.png) no-repeat left; position: absolute; top: 0; right: -6px; }
#Header .Menu .Auth a.login, #Header .Menu .Auth a.logout { height: 31px; background: url(/i/btn1_m.png) repeat-x center; font: bold 13px/30px Ubuntu; text-align: center; color: #333 !important; text-shadow: none; }
#Header .Menu .Auth a.login:before, #Header .Menu .Auth a.logout:before { background: url(/i/btn1_l.png) no-repeat right; }
#Header .Menu .Auth a.login:after, #Header .Menu .Auth a.logout:after { background: url(/i/btn1_r.png) no-repeat left; }
#Header .Menu .Auth a.login:hover { text-decoration: none; color: #7F4A05 !important; }
#Header .Menu .Auth a.logout:hover { text-decoration: none; color: #b00 !important; }

#Header a.Newsletter { position: absolute; top: 2px; right: 8px; padding: 0 5px; background: url(/i/btn2_m.png) repeat-x; height: 31px; font: bold 14px/28px Ubuntu; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); }
#Header a.Newsletter:before { content: ''; width: 6px; height: 31px; background: url(/i/btn2_l.png) no-repeat right; position: absolute; top: 0; left: -6px; }
#Header a.Newsletter:after { content: ''; width: 6px; height: 31px; background: url(/i/btn2_r.png) no-repeat left; position: absolute; top: 0; right: -6px; }

#breadcrumbs { font: normal 12px/18px Ubuntu; color: #e9b26e; padding: 10px; text-shadow: 1px 1px 0px rgba(0,0,0,0.8); }
#breadcrumbs a { color: #b88342; padding: 0 2px; }

div.Site { overflow: hidden; position: relative; }
.Left { float: left; width: 20%; overflow: hidden; }
.Right { float: right; width: 79%; overflow: hidden; }

div#content { position: relative;  background: rgba(0,0,0,0.4); overflow: hidden; }
div#content .ChangeCollection { position: absolute; top: 6px; right: 12px; color: #b88342; font: bold 14px/150% Ubuntu; text-shadow: 2px 2px 0px rgba(0,0,0,0.8); }
div#content .ChangeCollection select { padding-left: 5px; color:#AA794A; font: bold 14px/150% Ubuntu; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); border: 2px solid #634118; border-radius: 5px; background: #000; box-shadow: 2px 2px 2px rgba(0,0,0,0.9); }

div#content .newsletter {}
div#content .newsletter-register { color: #eee; font: bold 13px/150% Ubuntu; padding: 0 10px 12px; text-shadow: 1px 1px 0px rgba(0,0,0,0.8); }
div#content .newsletter-unsubscribe { padding: 0 10px; font: bold 13px/150% Ubuntu; text-shadow: 1px 1px 0px rgba(0,0,0,0.8); }

div#content .UserCollectionAuthor, div#content .UserCollectionUrl { color:#b88342; font: 14px/150% Ubuntu; padding-left: 15px; text-shadow: 2px 2px 0px rgba(0,0,0,0.8); }
div#content .UserCollectionAuthor { position: absolute; top: 6px; right: 12px; }
div#content .UserCollectionAuthor strong { color:#e9b26e; font: bold 18px/150% Ubuntu; }
div#content .UserCollectionUrl a { color:#e9b26e; font: 16px/150% Ubuntu; }

.LeftMenu { overflow: hidden; background: #000; background: rgba(0,0,0,0.5); margin-bottom: 10px; color: #fff; font: 14px Ubuntu; }
.LeftMenu .navigation { margin: 10px 0 10px 0;  border-left: 1px solid #b88342; }
.LeftMenu .navigation ul { margin: 0 0 0 8px; border-left: 1px solid #b88342; }
.LeftMenu .navigation li { padding-left: 8px; list-style-type: none; }
.LeftMenu .navigation li a { color: #fff; font: normal 14px/17px Ubuntu; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); }
.LeftMenu .navigation li.active > a { color: #e9b26e; }
.LeftMenu .navigation li ul { display: none; }
.LeftMenu .navigation li.active > ul { display: block }
.LeftMenu .navigation li.select { display: none; float: none; padding: 0 5px; }
.LeftMenu .navigation li.select select { width: 100%; vertical-align: middle; font: bold 15px/28px Ubuntu; }

.LeftMenu .navigation li a.edit { color: #b88342; font-weight: bold; }
.LeftMenu .navigation li a.remove { color: #f00 !important; font-weight: bold; }

.LeftMenu div.Title { padding: 10px 0 0 10px; color: #b88342; font: bold 16px/150% Ubuntu; }
.LeftMenu p.moreUrl { padding: 0 5px 12px 10px; color: #b88342; font-size: 90%; }

.MenuCollections { width: 32%; }
.MenuCollections .LeftMenu { margin-left: 10px; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); }
.MenuCollections .LeftMenu .navigation { margin-left: 8px; border: none; }
.MenuCollections .LeftMenu .navigation li { border-left: 5px solid #b88342; margin-top: 2px; margin-left: 2px; }
.MenuCollections .LeftMenu .navigation li:hover { border-left: 5px solid #fff; }

.Left .SearchForm {
	overflow: hidden; background: #000; background: rgba(0,0,0,0.5); padding: 10px; margin-bottom: 10px;
	color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}
.Left .SearchForm input, .Left .SearchForm select {
	border-radius: 5px; border: 1px solid #b88342;
	max-width: 99%;
}
.Left .SearchForm input#submit {
	width: 91px; height: 25px; background: url(/i/btn_login.png) no-repeat center; font: bold 13px Ubuntu; text-align: center; color: #333 !important;
	border: none; cursor: pointer;
}
.Left .SearchForm input#submit:hover { color: #7F4A05 !important; }

div.SiteHr { background: url(/i/color_1.png) repeat-x; height: 5px; overflow: hidden; }

div.Content {
	background: #000;
	background: rgba(0,0,0,0.5);
	padding: 15px 20px;
	margin: 0 10px 10px;
	position: relative;
	overflow: hidden;
	font: 13px/130% Ubuntu;
	color: #b88342;
}

.ExhibitsList { position: relative; }
.ExhibitsList .ChangeView { color: #b88342; padding: 0 0 10px; overflow: hidden; border-bottom: 1px solid #634118; width: 97%; }
.ExhibitsList .ChangeView .ListView { float: left; padding: 0; }
.ExhibitsList .ChangeView span { color: #e9b26e; cursor: pointer; }
.ExhibitsList .ChangeView span:hover { text-decoration: underline; }
.ExhibitsList .ChangeView .SortBy { float: right; padding: 0 15px; }

.ExhibitsList .Exhibit { float: left; position: relative; height: 115px; width: 48%; margin: 0 1% 0 0; padding: 10px 0; border-bottom: 1px solid #634118; color: #b88342; }
.ExhibitsList .Exhibit a { color: #b88342; }
.ExhibitsList .Exhibit .Image { float: left; width: 100px; height: 100px; overflow: hidden; margin-right: 10px; border: 1px solid #b88342; background: #000; background: rgba(0,0,0,0.4); text-align: center; color: #634118; font: bold 15px/100px Ubuntu; }
.ExhibitsList .Exhibit .Image .NoImage { width: 100px; height: 100px;  }
.ExhibitsList .Exhibit .Image img {  }
.ExhibitsList .Exhibit .Info { color: #b88342; }
.ExhibitsList .Exhibit .Info .Title { font: bold 14px/120% Ubuntu; }
.ExhibitsList .Exhibit .Info .Author { font-style: italic; }
.ExhibitsList .Exhibit a { text-decoration: none; }
.ExhibitsList .Exhibit .Info .Desc { font: 12px/130% Ubuntu; padding: 5px 0 0; }
.ExhibitsList .Exhibit a:hover .Info .Desc { text-decoration: underline; }
.ExhibitsList .Exhibit div.RmfCollection { position: absolute; top: 2px; right: 0; padding: 2px 3px; background: #000; border: 1px solid #b00; border-radius: 10px; }
.ExhibitsList .Exhibit div.RmfCollection a { color: #b00; font: bold 14px/130% Ubuntu; }

.ExhibitsList .ExhibitPhoto { overflow: hidden; float: left; height: 180px; position: relative; width: 48%; margin: 0 1% 1% 0; padding: 10px 0; border: 1px solid #b88342; color: #b88342; background: #000; background: rgba(0,0,0,0.5); }
.ExhibitsList .ExhibitPhoto a { color: #e9b26e; }
.ExhibitsList .ExhibitPhoto img { position: absolute; left: 0; top: 0; width: 100%; }
.ExhibitsList .ExhibitPhoto .NoImage { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #634118; font: bold 60px/200% Ubuntu; }
.ExhibitsList .ExhibitPhoto .Info { position: absolute; bottom: 0; left: 0; width: 96%; padding: 2%; background: #000; background: rgba(0,0,0,0.5); font: 12px/130% Ubuntu; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); }
.ExhibitsList .ExhibitPhoto .Info .Title { font: bold 15px/120% Ubuntu; padding: 2% 0 0; }
.ExhibitsList .ExhibitPhoto .Info .Author { font-style: italic; padding-bottom: 1%; }
.ExhibitsList .ExhibitPhoto div.RmfCollection, .ExhibitsList .ExhibitMedia div.RmfCollection { position: absolute; top: 3px; right: 3px; padding: 2px 3px; background: #000; border: 1px solid #b00; border-radius: 10px; }
.ExhibitsList .ExhibitPhoto div.RmfCollection a, .ExhibitsList .ExhibitMedia div.RmfCollection a { color: #b00; font: bold 14px/130% Ubuntu; }

.ExhibitsList .MediaLine { border-bottom: 1px solid #634118; overflow: hidden; }
.ExhibitsList .ExhibitMedia {
	float: left; position: relative;
	overflow: hidden;
	width: 48%; margin: 0 1% 0 0; padding: 10px 0; color: #b88342;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.8);
	min-height: 50px;
}
.ExhibitsList .ExhibitMedia a.Image { float: left; margin: 0 10px 10px 0; }
.ExhibitsList .ExhibitMedia a.Image img { border: 1px solid #B88342; }
.ExhibitsList .ExhibitMedia ul { list-style-type: none; overflow: hidden; }
.ExhibitsList .ExhibitMedia ul li { text-indent: -40px; padding: 0 0 5px 40px; }
.ExhibitsList .ExhibitMedia ul strong { padding-right: 5px; }
.ExhibitsList .ExhibitMedia p { padding-top: 10px; color: #e9b26e; }
.ExhibitsList .ExhibitMedia p a { color: #e9b26e; }
.ExhibitsList .ExhibitMedia a.media-video { display:block; width:300px; height:168px; border: 1px solid #634118; margin-bottom: 5px; }

.ExhibitsList .TotalRecords { clear: both; float: left; padding: 5px 0 5px 10px; font: normal 12px/150% Ubuntu; color: #b88342; }
.ExhibitsList .TotalRecords span { font-weight: bold; }
.paginator { float: right; font-size: 10px; margin: 10px 30px; text-align: right; }	
.paginator a, .paginator span { float: left; margin: 2px; padding: 2px 5px; text-decoration: none; border: 1px solid #634118; background: #000; background: rgba(0,0,0,0.4); color: #b88342; font: 12px Ubuntu; }	
.paginator span { color: #AFAFAF; }	
.paginator a { border-color: #b88342; }	
.paginator a:hover { background: #b88342; color: #000; }

form#confirm input { margin: 20px; }
form#confirm p.hint { padding-top:10px; }

ul.CollectionsBox { list-style-type: none; margin: 0; padding: 0; position: relative; overflow: hidden; }
ul.CollectionsBoxHome { margin: 10px 0 5px; }
ul.CollectionsBox li { float: left; width: 400px; height: 221px; margin: 0 0 10px 10px; padding: 0; overflow: hidden; position: relative; border: 1px solid #634118; background: #000; background: rgba(0,0,0,0.5); }
ul.CollectionsBox li p { position: absolute; bottom: 0; left: 0; padding: 4%; width: 92%; background: #000; background: rgba(0,0,0,0.5); color: #e9b26e; font: 11px/110% Ubuntu; text-shadow: 1px 1px 0px rgba(0,0,0,0.8); }
ul.CollectionsBox li.NoPhoto:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #634118; font: bold 36px/300% Ubuntu; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); } 
ul.CollectionsBox li a { display: block; color: #fff; }
ul.CollectionsBox li a.Title { display: block; color: #e9b26e; font: bold 16px/130% Ubuntu; }

.block-news-home { float: left; width: 280px; padding: 10px; margin: 10px 5px; font: 13px/130% Ubuntu; color: #b88342; position: relative; overflow: hidden; background: #000; background: rgba(0,0,0,0.5); border: 1px solid #634118; }
.block-news-home h2 { font: bold 16px/130% Ubuntu; display: block; margin: 0; border: 0; padding: 0; border-bottom: 1px solid #634118; }
.block-news-home h2 a { height: 100%; display: block; font-size: 0; text-indent: -9999em; }
.block-news-home ul { padding: 0 0 20px 0; list-style-type: none; }
.block-news-home ul li { overflow: hidden; border-bottom: 1px solid #634118; padding: 5px; }
.block-news-home ul li a.fl { float: left; margin: 0 5px 5px 0; }
.block-news-home ul li a.fl img { border: 4px solid #634118; }
.block-news-home ul li:hover { background: #000; background: rgba(0,0,0,0.2); }
.block-news-home ul li:hover a.fl img { border: 4px solid #b88342; }
.block-news-home .block-more { position: absolute; right: 10px; bottom: 8px; }

ul.CollectionsBox li.ArticlesList .block-news-home { float: none; width: auto; border: 0; background: none; overflow: visible; position: static; }
ul.CollectionsBox li.ArticlesList .block-news-home ul { list-style-type: circle; margin: 10px 0 10px 20px; padding: 0; overflow: visible; }
ul.CollectionsBox li.ArticlesList .block-news-home ul li { list-style-type: circle; border: 0; margin: 3px 0; padding: 0 0 0 2px; overflow: visible; width: auto; height: auto; background: none; float: none;  }

.block-fullnews-article { float: left; width: 280px; padding: 10px; margin: 10px 5px; font: 13px/130% Ubuntu; color: #b88342; position: relative; overflow: hidden; background: #000; background: rgba(0,0,0,0.5); border: 1px solid #634118; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); }
.block-fullnews-article	li { padding: 10px 0; border-bottom: 1px solid #C7C7C7; overflow: hidden; }	
.block-fullnews-article	h3 { font: bold 13px Ubuntu;  margin-bottom: 5px; line-height: 18px; }
.block-fullnews-article	h3 a { color: #B88342 !important; }
.block-fullnews-article ul { padding: 0 0 20px 0; list-style-type: none; }
.block-fullnews-article ul li { overflow: hidden; border-bottom: 1px solid #634118; padding: 5px; }
.block-fullnews-article img.f { float: left; margin-right: 10px; border: 1px solid #B88342; }
.block-fullnews-article a { text-decoration: none; color: #fff; }
.block-fullnews-article p a { color:#ccc; }	
.block-fullnews-article a.supertitle { text-decoration: underline; color: #4F7B7B;  }	
.block-fullnews-article p { text-align: left; font:10px Verdana; line-height: 14px; }
.block-fullnews-article .block-more { position: absolute; right: 10px; bottom: 8px; font-size: 90%; }


ul.CollectionsBox li.ArticlesList h2 { font: bold 16px/130% Ubuntu; display: block; margin: 0; border: 0; padding: 0; border-bottom: 1px solid #634118; }
ul.CollectionsBox li.ArticlesList .block-fullnews-article { float: none; width: auto; border: 0; background: none; overflow: visible; position: static; }
ul.CollectionsBox li.ArticlesList .block-fullnews-article ul { margin: 0 0 10px; padding: 0; overflow: visible;}
ul.CollectionsBox li.ArticlesList .block-fullnews-article li { padding: 10px 0; border: 0; margin: 3px 0; border-bottom: 1px solid #634118; overflow: hidden; width: auto; height: 125px; background: none; float: none; }

h2.borderHeader { font: bold 22px/130% Ubuntu; display: block; margin: 10px; padding: 0; border-bottom: 1px solid #634118; color: #b88342; }
.block-fullnews { padding: 0 10px; margin: 0; font: 13px/130% Ubuntu; color: #b88342; position: relative; overflow: hidden; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); }
.block-fullnews ul { list-style-type: none; }
.block-fullnews	li { padding: 10px 0; margin: 0; border-bottom: 1px solid #634118; overflow: hidden; }	
.block-fullnews	h3 { font: bold 16px Ubuntu;  margin-bottom: 5px; line-height: 18px; }
.block-fullnews	h3 a { color: #B88342 !important; }
.block-fullnews	.block-fullnews-date { font-size: 90%; padding-bottom: 5px; }
.block-fullnews ul { padding: 0 0 20px 0; list-style-type: none; }
.block-fullnews ul li { overflow: hidden; border-bottom: 1px solid #634118; padding: 5px; }
.block-fullnews img.f { float: left; margin-right: 10px; border: 1px solid #B88342; }
.block-fullnews a { text-decoration: none; color: #fff; }
.block-fullnews p a { color:#eee; }

#Footer { min-height: 18px; _height: 18px; overflow: hidden; background: url(/i/foot_grad1.png); padding: 0 50px; font: normal 10px/16px Ubuntu; color: #aaa; }
#Footer .Info { float: left; }
#Footer .Author { float: right; }

#FooterPartners { text-align: center; padding: 5px; }
#FooterPartners img { margin: 0 5px; padding: 5px; box-shadow: 2px 2px 6px rgba(255,255,255,0.6); background: #fff; background: rgba(255,255,255,0.9); }

.clear { clear: both; }
.left, #left { float: left; min-width: 300px; max-width: 650px; margin-bottom: 20px; } 
.right, #right { float: right; max-width: 300px; margin-bottom: 20px; } 
.site { max-width: 1000px; margin: 0 auto; }
.relative { position: relative; }

.notify { padding: 10px; color: #e9b26e; font-size: 11px; background: #000; background: rgba(0,0,0,0.5); border: 1px solid #b88342; margin-bottom: 10px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); }
.notify a { font-weight: bold; }

.error { padding: 10px; color: #000; font-weight: bold; background: #FFDFEC; border: 1px solid #A21E54; margin-bottom: 10px; text-shadow: 1px 1px 1px #FFF; }

@media screen and (max-width: 1260px) {
	.ExhibitView div.Details { width: 52%; }
	.ExhibitView div.RelationsBox, .ExhibitView div.MediaBox { max-width: 48%; }
}
@media screen and (max-width: 1160px) {
	.ExhibitView div.Details { width: 50%; }
	.ExhibitView div.RelationsBox, .ExhibitView div.MediaBox { max-width: 46%; }
	
	#Header .Menu ul { margin-left: 6px; }
	#Header .Menu .Auth { margin-right: 6px; }
}
@media screen and (max-width: 1080px) {
	.ExhibitView div.Details { width: 47%; }
	.ExhibitView div.RelationsBox, .ExhibitView div.MediaBox { max-width: 42%; }
	.ExhibitView div.MediaBox ul li a.media-video { width:355px; height:200px; }
}

@media screen and (max-width: 1000px) {
	.Left { width: 25%; }
	.Right { width: 74%; }
	.ExhibitView div.Details { width: 45%; }
	.ExhibitView div.RelationsBox, .ExhibitView div.MediaBox { max-width: 39%; }
	.ExhibitView div.MediaBox ul li a.media-video { width:335px; height:189px; }

	.MenuCollections { width: 32%; }
}

@media screen and (max-width: 950px) {	
	#Header .Logo { padding-left: 5px; }
	/*#Header .Menu ul { margin-left: 10px; }*/
	.ExhibitView div.Details { width: 40%; }
	.ExhibitView div.RelationsBox, .ExhibitView div.MediaBox { max-width: 34%; }
	.ExhibitView div.MediaBox ul li a.media-video { width:265px; height:150px; }
}
@media screen and (max-width: 880px) {
	#Header .Logo2 { width: 150px; background: none; }
	#Header .Logo2 a { position: absolute; right: 18px; bottom: 12px; }
	.ExhibitsList .Exhibit { float: none; width: 98%; margin-left: 1%; }
	.ExhibitsList .ExhibitPhoto { float: none; width: 98%; margin-left: 1%; }
	.ExhibitView div.Details { float: none; clear: both; width: 100%; border-radius: 0; }
	.ExhibitView div.RelationsBox, .ExhibitView div.MediaBox { float: none; overflow: hidden; max-width: 100%;; border-radius: 0; }
	.ExhibitView div.MediaBox ul li a.media-video { width:435px; height:245px; }
	.right, #right { max-width: 250px; }
	
	#Header .Menu .Auth a { display: none; }
	#Header .Menu .Auth a.login { display: block; }
	#Header .Menu .Auth select { display: block; }
}
@media screen and (max-width: 800px) {
	/*#Header .Menu li { display: none; }
	#Header .Menu li.select { display: block; }*/
	.left, #left { clear: both; float: none; max-width: 100%; overflow: hidden; }
	.right, #right { clear: both; float: none; max-width: 100%; overflow: hidden; }
	.ExhibitsList .ExhibitMedia { float: none; width: 98%; border-bottom: 1px solid #634118; }
	.ExhibitsList .MediaLine { border: none; }
	
	.MenuCollections { float: none; clear: both; width: 99%; }
}
/*
@media screen and (max-width: 750px) {
	#Header .Menu .Auth a { display: none; }
	#Header .Menu .Auth a.login { display: block; }
	#Header .Menu .Auth select { display: block; }
}*/
@media screen and (max-width: 710px) {
	#Header .Logo { padding: 10px; float: none; display: block; }
	#Header .Logo2 { display: none; }
	#Header .Menu li { display: none; }
	#Header .Menu li.select { display: block; }
	#Footer { padding: 0 5px; }
	.Left { width: 32%; }
	.Right { width: 67%; }
	.ExhibitsList .ChangeView .ListView,
	.ExhibitsList .ChangeView .SortBy { float: none; width: 100%; padding: 2px 10px; }
	
	.MenuCollections { width: 99%; }
}
@media screen and (max-width: 600px) {
	.Left { width: 100%; float: none; }
	.Right { width: 100%; float: none; }
	#breadcrumbs { display: none; }
	.LeftMenu ul.navigation li { display: none; }
	.LeftMenu ul.navigationUserCollection li { display: block; }
	.LeftMenu ul.navigation li.select { display: block; }
	div.Content { margin: 10px; }
	.block-news-home { float: none; width: 96%; padding: 2%; margin: 10px 0; border-left: none; border-right: none; }
	ul.CollectionsBox { margin-top: 10px; }
	.Left .LeftMenu { margin-bottom: 0; }
	div#content .UserCollectionUrl { padding-top: 8px; }
	div#content .UserCollectionAuthor { position: relative; text-align: right; }
	
	.MenuCollections { width: 98%; margin: 5px; }
	.MenuCollections .LeftMenu { margin-left: 0px; }
}
@media screen and (max-width: 500px) {
	#logo { float: none; padding: 30px 0; text-align: center; display: block; }
	.ExhibitsList .Exhibit { overflow: hidden; height: auto; }
	div.Content { margin: 0; }
	div#content .UserCollectionAuthor { margin-bottom: 10px; }
	div#content .ChangeCollection { position: absolute; top: 6px; left: 15px;  }
	div#content .UserCollectionUrl { padding-top: 30px; }
	ul.CollectionsBox { margin: 10px auto 0; /*width: 260px; */}
	ul.CollectionsBoxHome { margin: 10px auto 5px; /*width: 260px; */}
	.ExhibitView div.MediaBox ul li a.media-video { width:300px; height:168px; }
	.ExhibitView div.RelationsBox, .ExhibitView div.MediaBox { padding: 5px 0 5px 10px; margin-right: -1px; }
	
	.MenuCollections { width: 100%; margin: 5px 0; }
}
@media screen and (max-width: 450px) {
	ul.CollectionsBox { margin: 10px auto 0; width: 380px; }
	ul.CollectionsBoxHome { margin: 10px auto 5px; width: 380px; }
	ul.CollectionsBoxHome li { width: 368px; margin-left: 5px; }
}
@media screen and (max-width: 400px) {
	div.Content { padding: 5px; }
	#Header .Menu .Auth { margin-right: 5px; }
	.ExhibitsList .ExhibitMedia ul li { text-indent: 0; padding-left: 0; }
	ul.CollectionsBox { margin: 10px auto 0; width: 320px; }
	ul.CollectionsBoxHome { margin: 10px auto 5px; width: 320px; }
	ul.CollectionsBoxHome li { width: 308px; }	
}
@media screen and (max-width: 365px) {
	#Header .Menu .Auth select { width: 120px; }
	.ExhibitView div.MediaBox ul li a.media-video { width:265px; height:150px; }
}