@charset "UTF-8";


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; border: none; outline: none; font-size: 100%; background: transparent; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6, th { font-weight: normal; }
ul, ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

html, body { height: 100%; }

body { color: #000000; background: #f0ecd5 url(../i/bg-page.png) repeat 0 0; font: 0.625em/1.2 Arial, Helvetica, sans-serif; }

input, textarea, select { color: #666666; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }

a { color: #8b8357; text-decoration: underline; cursor: pointer;}
a:hover { text-decoration: none; }

sup { font-size: 75%; vertical-align: baseline; position: relative; top: -0.5em; }
sub { font-size: 75%; vertical-align: baseline; position: relative; bottom: -0.3em; }

.m-noscreen { display: none; }

.g-br { clear: both; display: block; height: 0; overflow: hidden; }

input.type-text,
input.type-password { padding: 2px 2px 3px; border: none; background: #ffffff; }
textarea { padding: 2px 2px 3px; border: none; background: #ffffff; overflow: auto; resize: none; }
select { padding: 0; border: none; background: #ffffff; }
input.type-image { padding: 0; border: none; }
input.type-submit,
input.type-reset,
input.type-button { padding: 1px 4px 1px; border: none; background: #ffffff; color: #000000; cursor: pointer; }

.g-content { font-size: 1.1em; }
.g-content img { margin: 0 10px 10px; }
.g-content h1,
.g-content h2,
.g-content h3,
.g-content h4,
.g-content h5,
.g-content h6,
.g-content p,
.g-content ul,
.g-content ol,
.g-content dl,
.g-content table,
.g-content object { margin: 0 0 1.2em; }
.g-content table p,
.g-content li p,
.g-content blockquote p { margin-bottom: 0; }
.g-content h1 { font-size: 2.0em; margin: 0 0 0.7em; }
.g-content h2 { font-size: 1.8em; margin: 0 0 0.7em; }
.g-content h3 { font-size: 1.6em; margin: 0 0 0.7em; }
.g-content h4 { font-size: 1.4em; }
.g-content h5 { font-size: 1.2em; }
.g-content h6 { font-size: 1em; }
.g-content ul { margin-left: 20px; }
.g-content ol { margin-left: 34px; }
.g-content li ul,
.g-content li ol { margin-bottom: 0; }
.g-content ul li { padding: 0 0 0 14px; background: url(../i/marker.gif) no-repeat 0 0.5em; }
.g-content ol {}
.g-content ol li { list-style: decimal outside; }
.g-content hr { clear: both; display: block; height: 1px; overflow: hidden; width: 60%; margin: 0 auto 1.2em; background: #cccccc; }
.g-content abbr,
.g-content acronym { border-bottom: dotted 1px #666666; cursor: help; }
.g-content blockquote { margin: 0 34px 1.2em; padding: 0.2em 1.5em; border-left: 3px solid #666666; }
.g-content table { margin: 0 auto 1.2em; }
.g-content table caption { font-size: 1.2em; font-weight: bold; padding: 0 20px 10px; text-align: center; }
.g-content table th { padding: 2px 10px 4px; border: 1px solid #000000; }
.g-content table td { padding: 2px 10px 4px; border: 1px solid #000000; vertical-align: top; }


#page { width: 996px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; }
#page-right { display: inline; float: right; width: 540px; margin: 0 61px 0 0; }
#page-left { display: inline; float: right; width: 260px; margin: 0 80px 0 55px; }
#pusher { height: 60px; clear: both; }
#footer { width: 880px; height: 60px; padding: 0 61px 0 55px; margin: 0 auto; }


#logotype { padding: 30px 0; font-size: 3em; color: #4f71a1; }
#logotype a { color: #4f71a1; text-decoration: none; }

#telephone { padding: 0 0 55px; font-size: 2em; color: #8b8357; }
#telephone span { font-size: 0.8em; color: #4f71a1; }

#mainmenu { margin: 0 0 30px; background: url(../i/dots-1.gif) repeat-x 0 0; font-size: 1.1em; }
#mainmenu li { padding: 3px 0 4px; background: url(../i/dots-1.gif) repeat-x 0 bottom; }
#mainmenu li span { display: block; padding: 12px 8px; color: #ffffff; background: #8b8357; }
#mainmenu li a { display: block; padding: 12px 8px; color: #8b8357; text-decoration: none; }
#mainmenu li a:hover { color: #ffffff; background: #8b8357; }

#inbasket { margin: 0 0 70px; font-size: 1.1em; color: #c8c8c8; }
#inbasket a { color: #61a853; }

#lastnews { margin: 0 0 55px; }
#lastnews .title { font-size: 2em; color: #8b8357; padding: 0 0 15px; }
#lastnews ul { margin: 0 0 0 20px; font-size: 1.1em; }
#lastnews ul li { padding: 0 0 10px; }
#lastnews ul li a {}
#lastnews ul li .date { color: #9e9e9e; font-size: 0.8em; }

#forsearch { font-size: 1.1em; margin: 0 0 100px; }
#forsearch .type-text { width: 120px; vertical-align: middle; }
#forsearch .type-image { vertical-align: middle; margin: 0 0 0 5px; }

#footer { font-size: 1.1em; }
#footer .line { background: url(../i/dots-2.gif) repeat-x 0 0; height: 14px; overflow: hidden; }
#footer .copyright { float: left; width: 160px; color: #a5a5a5; }
#footer .menu { text-align: right; padding: 5px 0 0; }
#footer .menu li { color: #8b8357; display: inline; padding: 0 12px; border-left: 1px solid #8b8357; }
#footer .menu li.el-first { padding-left: 0; border-left: none; }

#topmenu { font-size: 1.1em; padding: 40px 0 55px 30px; }
#topmenu li { color: #8b8357; display: inline; padding: 0 12px; border-left: 1px solid #8b8357; }
#topmenu li.el-first { padding-left: 0; border-left: none; }

#collage { margin: 0 0 50px; height: 186px; background: url(../i/collage.jpg) no-repeat 0 0; }

#content { padding: 0 0 40px; }

#content2 { padding: 0 0 40px; }

#elements-index { width: 100%; overflow: hidden; margin: 0 0 20px; }
#elements-index .elem { float: left; width: 170px; height: 165px; padding: 0 5px; text-align: center; }
#elements-index .elem .image {}
#elements-index .elem .image img {}
#elements-index .elem .title { padding: 10px 0 0; font-size: 1.1em; }
#elements-index .elem .title a {}
div.elemt {position: absolute; z-index:-100; top:-100px;left:-100px}

#card { position: relative; overflow: hidden; margin: 0 10px 30px 0; }
#card .image { float: left; width: 130px; }
#card h1 { margin: 0 0 1.4em 130px; color: #8b8357; font-size: 1.8em; text-decoration: underline; }
#card .g-content { margin: 0 0 30px 130px; }
#card .price { font-size: 1.8em; margin: 0 0 0 130px; }
#card .button { position: absolute; right: 20px; bottom: 0; }

span {cursor: pointer;}