* {font-family: Arial}
body {background: #f2f2f0; font-size: 12px}
.width {width: 980px; margin: 0px auto; text-align: left}

#bg_right {position: absolute; left: 50%; margin-left: 489px; width: 210px; height: 630px;  background: url('images/bg_right.jpg') no-repeat; }
#bg_left {position: absolute; left: 50%; margin-left: -699px; width: 210px; height: 630px;  background: url('images/bg_left.jpg') no-repeat; }
#flower {width: 339px; height: 224px; z-index: 1000; background: url('images/flower.png'); position: absolute; margin-left: 240px; margin-top: 220px}

#header {height: 400px; background: url('images/header.jpg') no-repeat; }
#psk {position: absolute; margin: 28px 0px 0px 355px}
#logo {position: absolute; margin: 25px 0px 0px 85px}
#ajax {position: absolute; margin: 108px 0px 0px 396px}
#ajax img {width: 423px; height: 220px}

#container {background: url('images/bg.png') repeat-x #fff; min-height: 430px}
#content {min-height: 271px; background: url('images/content_bg.jpg') no-repeat; }

#footer {height: 100px; border-top: 1px solid #e5e5d9}
#footer p {font-size: 11px; line-height: 30px; color: #83867b; margin-top: 10px}
#footer a {font-weight: bold; color: #778940}
#footer a:hover {color: #1a1b14}

#menu {margin: 130px 0px 0px 10px; width: 245px; height: 240px; }
#menu a {display: block; background: url('images/menu.png'); height: 24px}

#menu .menu_2 {background-position: 0px -24px}
#menu .menu_3 {background-position: 0px -48px}
#menu .menu_4 {background-position: 0px -72px}
#menu .menu_5 {background-position: 0px -96px}
#menu .menu_6 {background-position: 0px -120px}
#menu .menu_7 {background-position: 0px -144px}
#menu .menu_8 {background-position: 0px -168px}
#menu .menu_9 {background-position: 0px -192px}
#menu .menu_10 {background-position: 0px -216px}

#menu .menu_1:hover {background-position: 100% 0px}
#menu .menu_2:hover {background-position: 100% -24px}
#menu .menu_3:hover {background-position: 100% -48px}
#menu .menu_4:hover {background-position: 100% -72px}
#menu .menu_5:hover {background-position: 100% -96px}
#menu .menu_6:hover {background-position: 100% -120px}
#menu .menu_7:hover {background-position: 100% -144px}
#menu .menu_8:hover {background-position: 100% -168px}
#menu .menu_9:hover {background-position: 100% -192px}
#menu .menu_10:hover {background-position: 100% -216px}

.btn_map {margin-left: 2px; width: 310px; height: 65px; background: url('images/btn_map.png'); }
.btn_map a {float: left; margin-top: 40px; margin-left: 10px; color: #757672}
.btn_map a:hover {font-weight: bold; color: #65772f}
.btn_map .links {margin-left: 90px}

#contact .links {margin-left: 90px; margin-bottom: 20px}
#contact .links a {float: left; margin-left: 10px; color: #757672}
#contact .links a:hover, #contact .links a.active {font-weight: bold; color: #65772f}
#contact {position: absolute; margin-top: 3px; width: 312px; background: url('images/box_contact.png') no-repeat;}
#contact table {margin: 90px 0px 0px}
#contact td {padding: 5px 0px 5px 30px; font-size: 11px; color: #757672}
#contact td a {color: #1a1b14}
#contact td a:hover {color: #6e8417}
#contact td.name {text-align: right; color: #6e8417}

#box {padding-bottom: 25px; margin-left: 340px; min-height: 200px; width: 640px; margin-top: 27px; background: url('images/box_info.png') no-repeat;}
#box p {padding: 0px 15px 10px; line-height: 20px; color: #1a1b14; text-align: justify}
#box .header {margin: 5px 15px}
#box .headerbig {height: 50px; margin: 5px 15px}
#box .headerbig img {margin-top: 10px}
#box .headerbig .main {position: absolute; margin-top: -30px}
#box h2 {color: #6e8417; font-size: 15px; font-weight: bold; margin: 0px}
#box h2.margin {margin-top: 30px}
#box .text p {padding: 10px 0px 0px 0px}
#box .text {padding: 0px 15px}
#box #contact_right {position: absolute; margin-left: 270px}
#box #contact_right p {color: #757672; padding: 0px; margin-bottom: 5px; font-weight: bold}
#box #contact_right a {float: right; margin-left: 10px; color: #757672}
#box #contact_right a:hover {font-weight: bold; color: #65772f}
#box form {margin-bottom: 30px}
#box a {color: #757672;}
#box a:hover {color: #6e8417;}

.btn_send {float: right; color: #6e8417; font-weight: bold; width: 40px; font-size: 11px}
.btn_send:hover {color: #757672}

a.more {margin-left: 15px; color: #6e8417; font-weight: bold}
a.more:hover {color: #1a1b14}

.input {width: 340px; height: 33px; background: url('images/input.png'); margin-bottom: 10px}
.input input {margin: 5px; height: 23px; width: 330px; color: #757672; font-size: 11px}

.textarea {width: 340px; height: 103px; background: url('images/textarea.png'); margin-bottom: 10px}
.textarea textarea {margin: 5px; height: 93px; width: 330px; color: #757672; font-size: 11px}
.error {color: #6e8417 !important; font-weight: bold; background-position: 0px 100% !important}

.map {width: 340px; height: 110px; background: url('images/map.jpg'); margin-bottom: 3px; cursor: pointer}
#box.contact {min-height: 500px}

#box .list {margin: 10px 15px; line-height: 22px}
#box .list h1 {color: #1a1b14; font-weight: bold; font-size: 12px; margin-bottom: 8px}
#box .list .img {width: 180px; height: 115px; background: url('images/img.png'); float: left; margin-right: 10px}
.img img, .img2 img {margin: 5px;}
#box .list .element {min-height: 175px;}
#box p, #box div {text-align: justify}

#box ul {list-style: none; margin-bottom: 10px;}
#box li {margin-left: 30px; padding-left: 15px; margin-bottom: 5px; color: #6e8417; font-weight: bold; background: url('images/li.png') no-repeat 0px 5px; }

#gallery .img2, #gallery .img {cursor: pointer; width: 120px; height: 85px; background: url('images/img2.png'); float: left; margin-right: 10px; margin-bottom: 10px}

#gallery {margin-left: 60px; padding-bottom: 20px}

.btn_left {margin-left: 24px; margin-top: 24px; position: absolute; width: 12px; height: 42px; background: url('images/btn_left.png'); }
.btn_right {margin-left: 598px; margin-top: 24px; position: absolute; width: 12px; height: 42px; background: url('images/btn_right.png'); }

.message_form {position: absolute; color: #65772f; font-weight: bold}

#map {width: 800px; height: 500px; border: 3px solid #000}
#map * {overflow: visible}

#overlay_loader {display: none; z-index: 10002; padding: 50px 60px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -60px; margin-top: -50px}
#photo_container {padding: 4px; background: #fff;}
#photo_container img {cursor: pointer; clear: both; display: block; border: 1px solid #d2d9e2}
#photo_container .click {display: none; z-index: 5000; position: absolute; padding: 5px; color: #fff; line-height: 20px; margin: 1px;}
#overlay_container * {overflow: visible}

#footer p.links {font-size: 9px; line-height: 14px}

.category {float: left; text-align: center !important; font-size: 11px }
.category .img {float: none !important; margin-bottom: 3px}
