/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
img { margin:0px; padding:0px; border:none;}

img{border: 0;}
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:.1em 0 1em 0;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.uppercase { text-transform:uppercase; }
a{cursor: pointer;}
a span{display: none;}

img, div, input, hr { behavior: url("iepngfix.htc") }

a{
	color: #CC0000;
}
body{
	background: #dbdbdb url("../images/body-bg.png") repeat-x top left;
	/*font-family: georgia,times,serif;*/
	font-family: helvetica,Arial,sans-serif;
	font-size: 12px;
}
#holder #content #article #article_content h3,
#holder #content #article #article_content h2,
#holder #content #article #article_content strong,
#holder #content #article #article_content p,
#title .titleBooks h3,
.newsContent h3,
.paintingColumn span.author,
strong.large,
h3.morePaintings{
	font-family: georgia,times,serif;
	color: black;
}

strong.large{
	font-size: 18px;
	font-weight: normal;
}

img.imageBorder{
	border: 1px solid #a5a5a5;
}

#container{
	background: url("../images/boudnik-bg.png") no-repeat middle top;
}
#holder{
	width: 820px;
	margin: 0 auto;
}

#holder #leftColumn{
	float: left;
	width: 187px;
	min-height: 750px;
	_height: 750px;
	position: absolute;
}
#holder #leftColumn #logo{
	display: block;
	width: 187px;
	height: 170px;
	background-image: url("../images/logo.png");
 background-size:     cover;                     
    background-repeat:   no-repeat;
    background-position: center center; 

}
.lang_en #holder #leftColumn #logo{
	background-image: url("../images/logo_en.png");
}
.lang_fr #holder #leftColumn #logo{
	background-image: url("../images/logo_fr.png");
}
#holder #leftColumn #menu{
	margin-top: 20px;
}
#holder #leftColumn #menu ul,
#holder #leftColumn #menu ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#holder #leftColumn #menu ul li a{
	display: block;
	color: #333333;
	font-size: 15px;
	text-decoration: none;
	border-bottom: 1px solid #d3d3d3;
	padding: 4px 0;
}
#holder #leftColumn #menu ul li ul li a{
	font-size: 13px;
	padding-left: 15px;
	border: 0;
}
#holder #leftColumn #menu ul li ul.storeCats li a{
	padding-left: 25px;
}
#holder #leftColumn #menu ul li ul.storeCats li #subcategories a{
	padding-left: 35px;
	color: #666666;
}
#holder #leftColumn #menu ul li ul.storeCats li a{
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 0;
}
#holder #leftColumn #menu ul li a:hover{
	color: #CC0000;
	text-decoration: underline;
}

#holder #leftColumn #quickContact{
	background-color: white;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}


#holder #content{
	margin-left: 220px;
	text-align: justify;
	padding-bottom: 65px;
	min-height: 800px;
	position: relative;
}
#holder #content #langSwitcher{
	right: 0;
	padding: 10px;
	position: absolute;
}
#holder #content #langSwitcher a{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#holder #content #langSwitcher a:hover{
	text-decoration: underline;
}
#holder #content #langSwitcher a.active{
	color: #999;
}
#holder #content h1{
	color: #333333;
	font-size: 24px;
	border-bottom: 1px solid #d3d3d3;
	padding-top: 32px;
	padding-bottom: 5px;
	/*margin-bottom: 25px;*/
}
#holder #content h2{
	color: #333333;
	font-size: 20px;
	padding-top: 12px;
	/*padding-bottom: 5px;*/
	/*margin-bottom: 25px;*/
	text-align: left;
}

#holder #content #cart{
	float: right;
	background-image: url("../images/cart-bg.png");
	width: 211px;
	height: 39px;
	display: block;
	margin-top: 30px;
	text-decoration: none;
}
#holder #content #cart:hover span{
	color: #CC0000;
	text-decoration: underline;
}
#holder #content #cart span{
	display: block;
	color: #666666;
	margin-left: 35px;
	margin-top: 1px;
}
#holder #content #cart span b{
	color: #CC0000;
}

#holder #content #bookCover{
	float: left;
	margin-top: 15px;
	text-align: center;
}
#holder #content #bookDetail{
	margin-left: 180px;
}
#holder #content #bookDetail h2{
	color: #333333;
	font-size: 18px;
	padding: 0;
	text-align: left;
	margin-top: 15px;
}
#holder #content #bookDetail h3{
	color: #666;
	font-size: 16px;
	text-align: left;
	/*margin-bottom: 25px;*/
}
#holder #content #bookDetail .bookInfo, #holder #content .pictureInfo{
	margin: 10px 0;
	border-collapse: separate;
}
#holder #content #bookDetail .bookInfo td, #holder #content .pictureInfo td {
	padding: 3px 0;
	padding-right: 6px;
	color: #000;
	border-bottom: 1px solid white;
}
#holder #content #bookDetail .bookInfo .propName, #holder #content .pictureInfo .propName {
	font-weight: bold;
}
#holder #content #bookDetail #bookComment, #holder #content #pictureComment {
	color: #333;
}
#holder #content #bookDetail #bookComment strong, #holder #content #pictureComment strong {
	display: block;
	font-size: 14px;
}
#holder #content #bookDetail #bookPrice {
	font-size: 18px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid white;
}
#holder #content #picturePrice {
	font-size: 18px;
	margin-top: 10px;
	padding-top: 10px;
}
#holder #content #bookDetail #bookPrice strong, #holder #content #picturePrice strong {
	font-size: 14px;
	display: inline !important;
}

#holder #content .newsItem{
	clear: left;
	padding-top: 15px;
}
#holder #content .newsItem .imageLeft{
	float: left;
	margin-top: 5px;
}
#holder #content .newsItem .newsContent{
	margin-left: 115px;
}
#holder #content #currentExhibition .newsItem .newsContent{
	margin-left: 225px;
}
#holder #content .newsItem h3{
	font-size: 20px;
	margin-top: 5px;
	line-height: 22px;
}
#holder #content .newsItem h3 a{
	color: #333333;
	text-decoration: none;
}
#holder #content .newsItem h4{
	font-size: 15px;
	margin-bottom: 10px;
}
#holder #content .newsItem h3 a:hover{
	color: #CC0000;
	text-decoration: underline;
}
#holder #content .newsItem span{
	color: #999999;
	display: block;
	margin-bottom: 10px;
}

#holder #content #products_paitings{
	width: 580px;
}
#holder #content #products_paitings td{
	text-align: left;
	vertical-align: bottom;
	padding: 8px 0;
}
#holder #content #products_paitings .painting_thumb{
	/*height: 130px;*/
	/*vertical-align: bottom;*/
	background-color: #f1f1f1;
	padding: 10px;
	height: 130px;
	vertical-align: middle;
	margin: 10px;
	margin-bottom: 5px;
	border-top:1px dotted #CCCCCC;
	text-align: center;
}
#holder #content #products_paitings .painting_thumb img{
	/*vertical-align: bottom;*/
}
#holder #content #products_paitings a span{
	display: block;
	margin-left: 10px;
}
#holder #content #products_paitings a:hover span.authorName{
	text-decoration: underline;
}
#holder #content #products_paitings a span.pictureTitle{
	color: black;
	font-size: 11px;
}

#holder #content #products_paitings span.price{
	color: black;
	font-size: 11px;
	margin-left: 10px;
}

#holder #content #article{
	margin-top: 15px;
}
#holder #content #article .imageLeft{
	float: left;
}
#holder #content #article #article_content{
	margin-left: 315px;
}
#holder #content #article #article_content h2{
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0px;
}
#holder #content #article #article_content h3{
	margin-bottom: 20px;
}

#holder #content #article #article_content span.help{
	font-size: 11px;
	color: #AAAAAA;
	margin-bottom: 0;
	line-height: 11px;
	display: block;
}
#holder #content #article #article_content strong{
	font-weight: normal;
	display: block;
	margin-bottom: 6px;
}
#holder #content #article #article_content p{
	margin: 0;
	padding: 0;
}

#holder #content #article span{
	color: #999999;
	display: block;
	margin-bottom: 15px;
}

#holder #content #orderBook #bookInfo{
	float: right;
	width: 260px;
	padding: 15px;
	background-color: #e8e8e8;
	text-align: left;
	height: 380px;
}
#holder #content #orderBook #bookInfo .imageLeft{
	float: left;
}
#holder #content #orderBook #bookInfo p{
	margin-left: 90px;
}
#holder #content #orderBook form{
	clear: left;
}
#holder #content #orderBook form textarea{
	height: 110px;
	width: 290px;
}

#holder #content .book_thumb{
	padding: 10px;
	border-bottom: 1px solid #c9c9c9;
	border-top: 2px solid #ffffff;
	position: relative;
	min-height: 85px;
	_height: 85px;
	display: block;
}
#holder #content .book_thumb:hover{
	background-color: white;
}
#holder #content .book_thumb a{
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	display: block;
}
#holder #content .book_thumb a .bookThumb{
	width: 70px;
	float: left;
}
#holder #content .book_thumb a strong{
	color: #9f1c1c;
}
#holder #content .book_thumb a .price{
	float: right;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}

#holder #content #searchbox{
	background-color: #e6e6e6;
	padding: 10px;
	margin-top: 25px;
}
#holder #content #searchbox strong{
	float: left;
	font-size: 14px;
	color: #666666;
	margin-top: 4px;
}
#holder #content #searchbox form{
	/*margin-left: 360px;*/
}
#holder #content #searchbox form #submitButton{
	float: right;
	margin-top: 2px;
}
#holder #content #searchbox form span{
	display: block;
	float: left;
	width: 85px;
	text-align: right;
	padding-right: 15px;
}
#holder #content .paginationControl{
	text-align: center;
	padding: 10px;
	background-color: #d8d8d8;
	font-size: 13px;
	color: #666666;
}

#holder #footer{
	text-align: center;
	font-size: 11px;
	background-color: #f1f0f0;
	padding: 15px;
	clear: left;
	color: #333333;
}

.divider{
	clear: both;
	/*border-bottom: 1px solid #A5A5A5;*/
	border-bottom:1px dotted #CCCCCC;
	padding-top: 30px;
}

#cartTable{
	border-collapse: separate;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#cartTable td{
	padding: 10px;
	font-size: 14px;
	border-bottom: 1px solid #cccccc;
	margin: 3px;
}
#cartTable #cartHeader td{
	font-weight: bold;
}

/* BUTTON */
.button {
	display: block;
	padding: 4px 6px;
	text-align: center;
	font-size: 11px;
	clear: left;
	float: left;
	background-color: #f2f2f2;
	color: #999999;
	border: 2px solid #cccccc;
	text-decoration: none;
	font-weight: bold;
	margin-top: 15px;
}
.button:hover {
	color: #CC0000;;
	border-color: #CC0000;;
}
.button.big{
	font-size: 20px;
	font-weight: normal;
}
/*
button::-moz-focus-inner {
border:0;
padding:0;
}

.button:hover {
background-color:#111;
color:#fff;
}

.button:active {
-webkit-transform:translateY(1px);
-moz-transform:translateY(1px);
}

.small.button {
font-size:11px;
}

.large.button {
font-size:14px;
padding:8px 19px 9px;
}

.green.button {
background-color:#91bd09;
}

.green.button:hover {
background-color:#749a02;
}

.blue.button {
background-color:#2daebf;
}

.blue.button:hover {
background-color:#007d9a;
}

.red.button {
background-color:#e33100;
}

.red.button:hover {
background-color:#872300;
}

.magenta.button {
background-color:#a9014b;
}

.magenta.button:hover {
background-color:#630030;
}

.orange.button {
background-color:#ff5c00;
}

.orange.button:hover {
background-color:#d45500;
}

.orangellow.button:hover {
background-color:#fc9200;
}

.white.button {
background-color:#fff;
border:1px solid #ccc;
color:#666 !important;
font-weight:400;
text-shadow:0 1px 1px rgba(255,255,255,1);
}

.white.button:hover {
background-color:#eee;
}

.secondary.button {
background:#fff url(/images/gradients/36px-black.png) repeat-x 0 0;
color:#555 !important;
text-shadow:0 1px 1px rgba(255,255,255,0.5);
border:1px solid #bbb;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
}

.secondary.button:hover {
background-color:#eee;
color:#444 !important;
border-color:#999;
}

.super.button {
background-image:url(/images/super-button-overlay.png);
font-size:13px;
border:1px solid rgba(0,0,0,.25);
-webkit-border-radius:15px;
-moz-border-radius:15px;
padding:0;
}

.super.button span {
display:block;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-top:1px solid rgba(255,255,255,.2);
line-height:1;
padding:4px 15px 6px;
}

.small.super.button {
font-size:11px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
}

.small.super.button span {
-webkit-border-radius:11px;
-moz-border-radius:11px;
padding:2px 12px 6px;
}

.small.white.super.button span {
padding:3px 12px 5px;
}

.large.super.button {
background-position:left bottom;
-webkit-border-radius:18px;
-moz-border-radius:18px;
}

.large.super.button span {
font-size:14px;
-webkit-border-radius:17px;
-moz-border-radius:17px;
padding:7px 20px 9px;
}
*/
.right.button {
float: right;
/*margin-top: 20px;*/
margin-right: 20px;
}

/* invoice form */
form{
	font-size: 13px;
}
dt, dd{
	float: left;
	padding-top: 15px;
}
dt{
	font-weight: bold;
}
dd{
	margin-right: 30px;
}
textarea{
	width: 500px;
	height: 80px;
}
form label{
	width: 80px;
	display: block;
	float: left;
}
form legend{
	font-size: 16px;
	padding: 0 10px;
}
form fieldset{
	border: 1px solid #cccccc;
	padding: 15px;
}
#invoice #customer_message-label,
#invoice #date_pay-label,
#invoice #date_issue-label,
#invoice #save-label,
#invoice #phone-label,
#invoice #payment_proforma-label,
#invoice #payment_package-label,
#invoice #payment_rec-label,
#invoice #payment_post-label,
#invoice #payment_other-label,
#invoice #message-label{
	clear: left;
}
#expeditionGroup-element{
	float: right;
	width: 265px;
}
#expeditionGroup-element #payment-label label{
	width: 200px;
}
#contactGroup-element{
	margin: 0;
}
#contactGroup-label{
	display: none;
}
#fieldset-saveGroup{
	border: 0;
}
#saveGroup-element{
	padding-top: 0;
	margin-bottom: 35px;
}

#fieldset-saveGroup{
	padding-left: 9px;
	padding-top: 0;
}

#footer .leftSide{
	float: left;
	width: 300px;
	text-align: left;
}
#footer .rightSide{
	margin-left: 300px;
	text-align: left;
}

div.morePaintings{
	clear: left;
	padding-top: 25px;
}

h3.morePaintings{
	font-size: 16px;
	margin-bottom: 15px;
}
div.morePaintings .paintingColumn{
	border-top:1px dotted #CCCCCC;
	float:left;
	margin-right: 10px;
	/*padding:10px 0 0;*/
	text-align:left;
	width:190px;
}
#title .titleBooks .bookColumn .paintingPhotoHolder,
div.morePaintings .paintingColumn .paintingPhotoHolder{
	background-color: #f1f1f1;
	padding: 5px;
	/*height: 150px;*/
	vertical-align: middle;
	margin-bottom: 5px;
}
#title .titleBooks .bookColumn .paintingPhotoHolder{
	height: 150px;
}
#title .titleBooks .bookColumn .paintingPhotoHolder{
	background-color: #f7f7f7;
	display: flex;
    justify-content: center;
    align-items: center;
}
#title .titleBooks .bookColumn .paintingPhotoHolder a,
div.morePaintings .paintingColumn .paintingPhotoHolder a{
	display: block;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}
#title .titleBooks .bookColumn .paintingPhotoHolder a img,
div.morePaintings .paintingColumn .paintingPhotoHolder a img{
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}
#title .titleBooks .bookColumn .descriptionHolder{
	height: 120px;
	position: relative;
	margin-bottom: 20px;
}
#title .titleBooks .bookColumn strong.title,
div.morePaintings .paintingColumn strong.title{
	font-weight: normal;
	font-size: 11px;
	padding: 5px;
}
div.morePaintings .paintingColumn strong.titletitle{
	font-weight: normal;
	font-size: 11px;
	padding: 5px;
}
div.morePaintings .paintingColumn strong.titletitle a{
	text-decoration: none;
	color: black;
}
.paintingColumn span.author{
	display: block;
	margin-left: 5px;
}

.paintingColumn .price {
	float: right;
	font-weight: bold;
}

#title .titleBooks .bookColumn{
	border-top:1px dotted #CCCCCC;
	float:left;
	margin-right: 10px;
	padding:10px 0 0;
	text-align:left;
	width:190px;
}
#title .titleBooks h3{
	margin-left: 5px;
	font-size: 14px;
}
#title .titleBooks h4{
	margin-left: 5px;
}
#title .titleBooks .moreInfo{
	margin-left: 5px;
	font-size: 11px;
	color: #999;
}

#title .titleBooks .price{
	/*text-align: left;*/
	width: 100%;
	position: absolute;
	bottom: 0;
}

#title .titleBooks .price span{
	font-size: 13px;
	color: #000;
	font-weight: bold;
}

#title .button{
	clear: left;
}

#holder #content #title h2.subheader{
	font-family: georgia,times,serif;
	color: black;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 15px;
}

#aktuality_short{
	margin-top: 15px;
}
#aktuality_short strong{
	color: #666;
	font-size: 11px;
}
#holder #leftColumn #menu #aktuality_short ul li a{
	color: #999999;
	font-size: 11px;
	border: 0;
	padding: 2px 0;
}
#holder #leftColumn #menu #aktuality_short ul li a:hover{
	color: #CC0000;
}

#current_exhibition_short{
	/*margin-top: 15px;*/
}
#current_exhibition_short strong{
	color: #666;
	font-size: 11px;
}
#holder #leftColumn #menu #current_exhibition_short a{
	color: #999999;
	text-decoration: none;
	font-size: 11px;
}
#current_exhibition_short a strong{
	color: #999999;
	display: block;
	font-family: georgia,times,serif;
	font-size: 12px;
}
#holder #leftColumn #menu #current_exhibition_short a:hover,
#holder #leftColumn #menu #current_exhibition_short a:hover strong{
	color: #CC0000;
}