@CHARSET "UTF-8";

html, body, div {
	margin: 0;
	padding: 0
}

html {
	font-family: 'Tahoma';
	font-size: 10pt;
}

body {
	max-width: 1250px;
	min-width: 980px;
	margin: 0 auto;
	padding: 0 5px;
	background: url(/themes/default/images/bgr.jpg) repeat 0 0;
}

.border-left {
	padding-left: 6px;
	background: url(/themes/default/images/border-left.jpg) repeat-y 0 0
}

.border-right {
	padding-right: 6px;
	background: url(/themes/default/images/border-right.jpg) repeat-y 100% 0
}

h1, h2, h3, h4, h5, h6 {
	color: #d8a15b
}

h1 {
font-family:Arial;
font-size:11pt;
font-style:italic;
font-weight:normal;
}

h2 {
font-size:14pt;
font-weight:normal;
}

h3 {
	margin: 10px 0;
	font-size: 11pt;
	/*font-weight: normal;*/
	/*color: #ffe4a2;*/
}

h4 {
	font-size: 11pt;
}

h5 {
	font-size: 10pt;
}

h6 {
	font-size: 9pt;
}

p, li {
	font-size: 10pt;
	color: #ffe4a2
}


div.text p {
	text-align: justify;
	padding:5px 0;
}

a{
	color: #d8a15b
}

img {
	border: none
}

#page {
	background: #9b2d38;
}

#header {
	width: 100%;
	height: 444px;
	position: relative;
	background: transparent url(/themes/default/images/header-bgr.jpg) no-repeat 50% 0;
}

#left {
	width: 256px;
	height: 505px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(/themes/default/images/header-left.png) no-repeat 0 0;
}

#right {
	width: 274px;
	height: 444px;
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(/themes/default/images/header-right.png) no-repeat 0 0;
}

#logo {
	width: 170px;
	position: absolute;
	top: 0; left: 0;
	margin: 0;
	margin-left: 100px;
	background: transparent url(/themes/default/images/logo-bgr.png) no-repeat 0 0;
}

#logo a {
	width: 163px; height: 152px;
	margin: 86px auto 0 70px;
	display: block;
	background: transparent url(/themes/default/images/logo.png) no-repeat 0 0;
}

#wrapper {
	padding-top: 52px;
	background: url(/themes/default/images/pattern-left.png) no-repeat 0 100%
}

#left-sidebar {
	width: 153px;
	float: left;
	margin: 0/*52px*/ 0 0 60px;
	font: normal 9pt 'Tahoma';
}

#left-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#left-sidebar p {
	margin: 0;
	padding: 0;
	overflow: hidden
}

#left-sidebar li {
	/*height: 72px;*/
	margin-bottom: 20px;
}

#left-sidebar p {
	margin: 0;
	line-height: 18px;
}
#left-sidebar a {
	color: #ffe4a2;
}

#left-sidebar .more a {
	color: #d8a15b;
}

#left-sidebar p.date {
	font-weight: bold;
	/*color: #b77b40*/
	color: #d8a15b
}

#left-sidebar div.descr {
	display: block;
}

#content-wrapper {
	min-height: 510px;
	margin: 0 25px 0 250px;
	padding-bottom: 169px;
	background: url(/themes/default/images/pattern-right.png) no-repeat 100% 100%
}

.more {
	text-align: right;
}

/*.archive-news*/ .more a {
	padding: 4px 25px 7px 0px;
	display: block;
	background: url(/themes/default/images/more-bgr.jpg) no-repeat 100% 0
}

#content {
	width: 712px;
	margin: 0 auto;
	overflow: hidden;
}

.image {
	/*width: 490px;*/
	overflow: hidden;
	float: left;
	margin-left: 68px;
}

.image img {
	max-width: 399px;
	min-width: 100px;
	max-height: 450px;
	min-height: 100px;
	margin: 34px 36px 29px 34px;
}

.framing-t  { background: url(/themes/default/images/framing-t.jpg) repeat-x 0 0 }
.framing-r  { background: url(/themes/default/images/framing-r.jpg) repeat-y 100% 0 }
.framing-b  { background: url(/themes/default/images/framing-b.jpg) repeat-x 0 100% }
.framing-l  { background: url(/themes/default/images/framing-l.jpg) repeat-y 0 0 }
.framing-tr { background: url(/themes/default/images/framing-tr.jpg) no-repeat 100% 0 }
.framing-br { background: url(/themes/default/images/framing-br.jpg) no-repeat 100% 100% }
.framing-bl { background: url(/themes/default/images/framing-bl.jpg) no-repeat 0 100% }
.framing-tl { background: url(/themes/default/images/framing-tl.jpg) no-repeat 0 0 }

.about {
	width: 91px;
	height: 175px;
	padding: 50px 20px 50px 55px;
	float: right;
	color: #9a2d37;
	background: url(/themes/default/images/about-bgr.jpg) no-repeat 0 0;
}

.about .content {
	height: 100%;
	overflow: hidden;
}

.about strong {
	display: block
}

.back-to-parent {
	margin: 30px 60px 30px 0;
}

.divider {
	width: 532px;
	height: 70px;
	margin: 30px 36px 0;
	clear: both;
	background: url(/themes/default/images/divider.jpg) no-repeat 0 25px;
}

.carousel {
	overflow: hidden;
}

.carousel-view-wrapper {
	margin: 0 68px;
}

.carousel-view {
	position: relative;
	width: 576px;
	height: 596px;
	overflow: hidden;
}
.carousel-content {
	position: absolute;
	width: 597px;
	height: 576px;
}

.full {
	
}
/*
.one {
	width: 605px;
}
*/
.arrow-left, .arrow-right {
	width: 50px;
	height: 81px;
	padding: 18px 9px;
}
.full .arrow-left, .full .arrow-right {
	margin-top: 230px
}
.arrow-left {
	float: left;
	background: url(/themes/default/images/arrow-left-bgr.jpg) no-repeat 0 0
}
.arrow-right {
	float: right;
	background: url(/themes/default/images/arrow-right-bgr.jpg) no-repeat 0 0
}
.carousel .images {
	width: 597px/*576px*/;
	height: 576px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
/*
.one .images li {
	width: 109px;
	height: 109px;
	margin-right: 11px;
	margin-bottom: 11px;
	float: left;
	background: #db9f57;
}
*/
/*.full*/ .images li {
	width: 178px;
	height: 178px;
	margin-right: 21px;
	margin-bottom: 21px;
	float: left;
	background: #db9f57;
	position: relative;
	overflow: visible;
}

.full .images a, .full .images a div, .full .images img {
	width: 176px;
	height: 176px;
	overflow: hidden;
}

.full .images a {
	display: block;
	position: relative;
	border: 1px solid #b77a41
}

.full .images a div.mask {
	top: 0;
	left: 0;
	position: absolute;
	background: url(/themes/default/images/full-mask.png) no-repeat 0 0
}

.full .images a:hover div.mask {
	display: none
}

/*.full*/ .images div.descr {
	width: 110px;
	height: 33px; 
	padding: 7px 22px 14px;
	color: #9a2d37;
	background: url(/themes/default/images/tips.png) no-repeat 0 0;
	position: absolute;
	bottom: -20px;
	left: 12px;
	z-index: 99;
	display: none;
	text-align: center;
}

.full .images a:hover {
	border: 1px solid #ffe5a2
}

.full .images img {
}

.carousel .images li.last {
	margin-right: 0;
}

div#menu {
	width: 100%;
	position: absolute;
	bottom: -50px;
}

ul#menu {
	width: 715px;
	height: 41px;
	margin: 0 auto;
	padding: 4px 59px 32px 80px;
	list-style: none;
	background: url(/themes/default/images/menu-bgr.png) no-repeat 0 0
}

#menu li {
	position: relative;
	float: left;
	padding: 9px 25px;
	font: bold 14pt 'Arial';
	color: #9b2d38;
	background: white;
}

#menu a {
	display: block;
	width: 100%;
	height: 41px;
	position: absolute;
	top: 0;
	left: 0;
}

#menu .item1 a {width: 162px}
#menu .item2 a {width: 146px}
#menu .item3 a {width: 103px}
#menu .item4 a {width: 160px}
#menu .item5 a {width: 140px}

#menu .item1 a {background: url(/themes/default/images/menu-btns.jpg) no-repeat 0 0}
#menu .item2 a {background: url(/themes/default/images/menu-btns.jpg) no-repeat -162px 0}
#menu .item3 a {background: url(/themes/default/images/menu-btns.jpg) no-repeat -308px 0}
#menu .item4 a {background: url(/themes/default/images/menu-btns.jpg) no-repeat -411px 0}
#menu .item5 a {background: url(/themes/default/images/menu-btns.jpg) no-repeat -571px 0}

#menu .item1 a.selected {background: url(/themes/default/images/menu-btns.jpg) no-repeat 0 -82px}
#menu .item2 a.selected {background: url(/themes/default/images/menu-btns.jpg) no-repeat -162px -82px}
#menu .item3 a.selected {background: url(/themes/default/images/menu-btns.jpg) no-repeat -308px -82px}
#menu .item4 a.selected {background: url(/themes/default/images/menu-btns.jpg) no-repeat -411px -82px}
#menu .item5 a.selected {background: url(/themes/default/images/menu-btns.jpg) no-repeat -571px -82px}

#menu .item1 a:hover {background: url(/themes/default/images/menu-btns.jpg) no-repeat 0 -41px}
#menu .item2 a:hover {background: url(/themes/default/images/menu-btns.jpg) no-repeat -162px -41px}
#menu .item3 a:hover {background: url(/themes/default/images/menu-btns.jpg) no-repeat -308px -41px}
#menu .item4 a:hover {background: url(/themes/default/images/menu-btns.jpg) no-repeat -411px -41px}
#menu .item5 a:hover {background: url(/themes/default/images/menu-btns.jpg) no-repeat -571px -41px}

#menu a:hover {
	text-decoration: none;
}

#footer {
	/*width: 100%;*/
	height: 55px;
	position: relative;
	margin-top: -169px;
	padding: 190px 230px 0 430px;
	background-color: red;
	background: url(/themes/default/images/footer-bgr.jpg) no-repeat 50% 100%;
}

#footer, #copyright {
	font: normal 7pt 'Tahoma';
	color: #5b0b15;
}

#footer div {
	position: absolute;
}

#creator, #counters, #copyright {
	z-index: 2
}

#creator {
	display: block;
	position: absolute;
	top: 100px;
	left: 175px;
	padding: 45px 0 0;
	font: normal 10pt 'Arial';
	color: #5b0b15;
	text-decoration: none;
	background: url(/themes/default/images/eo-logo.png) no-repeat 135px 0;
}

#creator:hover {
	color: #ffe5a2;
	text-decoration: underline;
	background: url(/themes/default/images/eo-logo-a.png) no-repeat 135px 0;
}

#counters {
	top: 206px;
	left: 45px;
}

#copyright {
	top: 210px;
	left: 250px;
	text-transform: uppercase;
}

#phone, #phone div {width: 226px;}

#phone {
	height: 245px;
	left: 0;
	bottom: 0;
	font: italic 20pt 'Times New Roman';
	text-align: center;
	background: url(/themes/default/images/phone-bgr.png) no-repeat 50% 100%
}

#phone span {
	font-size: 14pt;
}

#phone div {
	height: 104px;
	top: 0;
	left: 0;
	background: url(/themes/default/images/phone.png) no-repeat 0 0
}

#cushion {
	width: 230px;
	height: 177px;
	right: 0;
	bottom: 0;
	background: url(/themes/default/images/cushion.png) no-repeat 0 0
}



#foto {
	width: 500px;
	height: 170px;
	border: blue;
	overflow: hidden;
	position: relative;
}

#foto-list {
	/*width: 1760px;*/
	height: 170px;
	position: absolute;
	left: 0;
}

#foto-list li {
	width: 200px;
	height: 150px;
	float: left;
	background: red;
	margin: 10px;
	list-style: none;
}

.text {
	width: 80%;
	margin: 0 auto 0 10%;
}

ul.archive-news, div.archive-news {
	width: 70%;
	margin: 0 auto 0 13%;
	padding: 0;
	list-style: none;
}

.archive-news p {
	/*text-align: justify;*/
	/*color: #ffe4a2*/
}

.archive-news p.date {
	width: 85px;
	padding: 46px 51px 22px 26px;
	margin: 0 0 0 -20px;
	font: bold 10pt 'Tahoma';
	color: #5b0b15;/*#8f262f;*/
	background: url(/themes/default/images/date-bgr.jpg) no-repeat 0 0;
}

.archive-news p.title, .archive-news p.title a {
	font: bold 11pt 'Tahoma';
	text-decoration: none;
	color: #d8a15b
}

.navigator {
	overflow: hidden;
	float: left;
	padding: 3px 25px 8px 0px;
	list-style: none;
	background: url(/themes/default/images/more-bgr.jpg) no-repeat 100% 0
}

.navigator p, .navigator li {
	float: left
}

.navigator p {
	margin: 0;
	color: #ffe4a2
}

.navigator li {
	padding: 0 10px
}

.navigator li a {
	text-decoration: none;
}

h3.page-title {
	height: 52px;
	position: relative;
	overflow: hidden;
}

h3.page-title div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

h3.page-title-inside {
	text-align: center;
	margin-bottom: 19px;
}
h3.page-title-inside2 {
	text-align: center;
	margin-bottom: 19px;
	margin-right: 105px;
}

h3.company { width: 174px; }
h3.company div { background: url(/themes/default/images/page-title.jpg) no-repeat 0 0; }
h3.gobelin { width: 151px; }
h3.gobelin div { background: url(/themes/default/images/page-title.jpg) no-repeat -174px 0; }
h3.framing { width: 129px; }
h3.framing div { background: url(/themes/default/images/page-title.jpg) no-repeat -325px 0; }
h3.price { width: 198px; }
h3.price div { background: url(/themes/default/images/page-title.jpg) no-repeat -454px 0; }
h3.contacts { width: 188px; }
h3.contacts div { background: url(/themes/default/images/page-title.jpg) no-repeat -652px 0; }
h3.news { width: 160px; }
h3.news div { background: url(/themes/default/images/page-title.jpg) no-repeat -840px 0; }
h3.archive-news { width: 254px; }
h3.archive-news div { background: url(/themes/default/images/page-title.jpg) no-repeat -1000px 0; }


