* { margin: 0; padding: 0;}
html, body { height: 100%; width: 100%; }
body { color: #000; font: 15px Verdana, Arial, Helvetica, sans-serif; background: #f1dec2 url(img/fon.jpg) repeat-y center 0; }
a{ text-decoration: underline; color: #4a6069; }
a:hover { text-decoration: none; }
h1, h2{ font-size: 18px; position: relative; color: #88003d; padding: 5px 0 5px 10px;}

.galprev {position:relative; font-size:12px;}
.allworks {position:absolute; font-size:18px; text-decoration:none; right:10px; bottom:5px; color: #88003d; 
}
.leftkont a {text-decoration:none; color:#000000;}
.leftkont a:hover {

   text-decoration: underline;
}


h3{ font-size: 16px; position: relative; color: #88003d; padding: 5px 0 5px 10px; }
img{ border: none; }
.all{ min-height: 100%; margin: 0 auto -68px auto; width: 800px; background: url(img/header.jpg) no-repeat;}
.list2 { padding-left:40px}


.container{ width: 100%; }
.clear{ clear: both; height: 0; overflow: hidden; }

/* start header */
.header{  height: 80px;}
.logo{ padding: 22px 0 0 40px; float:left;}
.header h3 { color: #b56086; font-size: 14px; text-align: right; padding: 14px 45px 0 0; }
/* end header */

/* start sidebar */
.sidebar{ float: left; margin: 0 0 0 -100%; width: 170px; }
.menu{none outside none;
 padding-left: 25px;
    padding-top: 35px;
}
.menu li{ padding: 1px 0; }
.menu a { text-decoration: none; color: #000; font-size: 14px; font-weight: bold; background: url(img/arrow.gif) no-repeat 0px -17px;padding: 0 0 0 13px; }
.menu a:hover, .menu a.act {  color: #88003d; background: url(img/arrow.gif) no-repeat 0px 5px;}
.select { background: #fff; border: 1px solid #88003d; margin: 50px 0 0 10px; color: #88003d; padding: 2px 0 8px 0; height: 1%;}
.select:after{content: '.'; display: block; visibility: hidden; height: 0; line-height: 0; clear: both;}
.select p {font-weight: bold; font-size: 12px; text-align: center; }
.select ul { list-style: none; font-size: 10px;}
.select li { padding: 7px 0 7px 12px;}
.select li a {color: #88003d; text-decoration: none; font-weight: bold;}
.select li p {color: #88003d; text-decoration: none; font-weight: bold; text-align: left; font-size: 10px; }
.select li ul { background: #f3e0c5; margin: 0 0 0 -12px; text-align: center; }
.select li ul li {padding: 0;}
.select li ul li a {color: #000; font-weight: normal;}
a.ok {display: block; padding: 3px 10px; float:right; border: 1px solid #88003d; text-decoration: none; position: relative; left: -20px; color: #000; font-weight: bold;}
a.ok:hover {text-decoration: underline;}


.leftkont { background: #fff; border: 1px solid #88003d; margin: 50px 0 0 10px; color: #88003d; padding: 2px 0 8px 0; height: 1%;}
.leftkont {font-weight: bold; font-size: 12px; padding-left: 5px}
.leftkontp {font-size: 12px; padding-left: 5px; color:#000000; font-weight:normal; padding:0}

.rock {margin: 50px 0 0 10px; color: #88003d; padding: 2px 0 8px 0; height: 1%; text-align:center; }


/* end sidebar */

/* start content */
.content{ float: left; width: 100%; }
.indention{ padding: 15px 55px 0 180px; }
.indention p { text-indent: 10px; padding: 5px 0;}
.gallery { background: #f3e0c5; padding: 0 0 10px 0; margin: 15px 0 10px 0; height: 100%;}
.gallery li {float:left; list-style: none; height: 100%; text-align: center; background: #f3e0c5;}
.gallery ul:after{content: '.'; display: block; visibility: hidden; height: 0; line-height: 0; clear: both;}
.gallery li div{ height: 130px; line-height: 130px; width:126px; vertical-align: middle;}
.gallery li div img {border: 5px solid #fff; vertical-align: middle;}
.gallery li div a{ height: 130px; display: block;}
.gallery li p {font-size: 9px; color: #88003d; text-align: center; text-indent: 0; padding: 0;}
.gallery li p strong {display: block; }
.gallery li p ins { color: #000; padding: 0 5px; text-decoration: none; border-left: 1px solid #88003d; font-weight: bold;}
.gallery .next { width:10px; padding: 60px 8px 0 4px;}
.gallery .prev { width:10px; padding: 60px 4px 0 8px;}

 /* page catalog */
.indention .sort {font-size: 12px; color: #88003d; padding: 0; float:left;}
.filter {
	margin: 0 0 5px 10px;
	font-size: 10px;
	height: 1%;
	clear: left;
}
.filter:after{content: '.'; display: block; visibility: hidden; height: 0; line-height: 0; clear: both;}
.filter li {float:left; padding: 0 10px 0 0; width: 121px; list-style: none; text-align: right;}
.filter li p { text-align: right; color: #88003d; font-weight: bold; padding: 3px;}
.filter li ul li { border: 1px solid #88003d; padding: 2px 20px 2px 5px; color: #000;
 background: #fff url(img/arrow2.gif) no-repeat 94% 3px; width: 95px; }
.filter li ul li a { color: #000; text-decoration: none;}
.filter .button-ok {
	padding: 18px 25px 0 0;
	width: auto;
	background: none;
	border: none;
}
.filter .button-ok a {
	display: block;
	padding: 1px 7px;
	background: #b56086;
	border: 1px solid #88003d;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}
.catalog { list-style: none; border-right: 1px solid #fff; height: 1%;}
.catalog:after {content: '.'; display: block; visibility: hidden; height: 0; line-height: 0; clear: both;}
.catalog li {border-top: 1px solid #fff; border-left: 1px solid #fff; float:left; width:187px; height: 198px;}
.catalog li a { background: #f3e0c5; display: block; width:187px; height: 198px; text-align: center; cursor: pointer; text-decoration: none;}
.catalog li a:hover { background: #eccea2;}
.catalog li a .img  { height: 165px; line-height: 165px; display: block;}
.catalog li a .img img { border: 5px solid #fff; vertical-align: middle;}
.description {display: block; font-size: 9px; color: #88003d; font-weight: normal; padding: 165px 5px 0 0; margin: -165px 0 0 0; height: 25px; position: relative; z-index: 100; background: url(img/spacer.gif) no-repeat;}
.description ins {color: #000; padding: 0 5px; text-decoration: none; border-left: 1px solid #88003d; font-weight: bold;}
.description .red {color: #88003d;}
.nav {border-top: 1px solid #fff; text-align: center; list-style: none; height: 25px; line-height: 25px; background: #f3e0c5;}
.nav li { border-right: 1px solid #000; display: inline;  color: #88003d; font-weight: bold; font-size: 10px; padding: 0; }
.nav .last { border: none;}
.nav li a {color: #000; text-decoration: none; padding: 0 5px 0 2px;}
.nav li a:hover, .nav li a.act{color: #88003d;}

 select { border: 1px solid #88003d; background: #fff;
color: #000; width: 121px; font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 auto;}

/* page gallery */
.breadcrumb {list-style: none; color: #88003d; padding: 0 0 0 5px; font-size: 12px; height: 1%;}
.breadcrumb:after{content: '.'; display: block; visibility: hidden; height: 0; line-height: 0; clear: both;}
.breadcrumb li { float:left; border-right: 1px solid #88003d; padding: 0 6px;}
#gallery { margin: 3px 0 0 0;}
.zed { list-style: none; clear: right; height: 1%;}
.zed li { float:left; height: 100%;}
a.back { float:right; display: block; color: #88003d; font-weight: bold; padding: 10px 20px 0 0; text-decoration: none;}
.big-img {width:520px; text-align: center;}
#gallery .big-img div { width:520px; height: 340px; line-height: 340px; vertical-align: middle;}
.big-img div img { border: 10px solid #fff; vertical-align: middle;}
#gallery .next, #gallery .prev{ padding-top: 160px;}
.big-img li { float: none; color: #88003d; font-size: 10px;}
#gallery ins { color: #000; padding: 0 5px; text-decoration: none; border-left: 1px solid #88003d; font-weight: bold;}
#gallery .red {color: #88003d; font-weight: normal;}
a.buy {display: block; float:right; margin: -20px 0 0 0; padding: 0 20px 0 0; font-weight: bold; font-size: 12px; color: #ff0000; text-decoration: none; position: relative;}
a.buy:hover {text-decoration: underline;}
/* page contact and about */
.fr {float:right; padding: 5px 0 0 20px;}
.indention .first{ padding: 30px 0 5px 0;}
.list { padding: 0 0 10px 40px; list-style: none;}
.contact {color: #88003d; font-weight: bold; font-size: 12px; border-top: 1px solid #88003d; margin: 15px 0 0 0; padding: 15px 0 0 0; list-style: none;}
.contact a {color: #88003d; text-decoration: none;}
.contact a:hover {text-decoration: underline;}
/* end content */

/* start footer */
.clear-down{ clear: both; height: 68px; }
.footer{ width: 800px; height: 68px; background: url(img/footer.jpg) no-repeat; margin: 0 auto; font-size: 9px;}
.zakaz { padding: 35px 0 0 40px; color: #ff0000; float:left;}
.copyright{ float:right; padding: 25px 55px 0 0; color: #88003d;}
/* end footer */

/* ALERT WINDOW */
#buy-block { position: absolute; top: 450px; left: 65%; background: #fff; border: 1px solid #88003d; width: 200px; height: 220px; padding: 0 0 0 5px;}
#buy-block a.ok { position: absolute; top: 190px; left: 150px; }