@import 'common.css';


#body {margin:0; padding:0;}

a strong,
a {text-decoration: none; color: #8db734;}
a:hover strong,
a:hover {color: #8db734; text-decoration: underline;}

#container {width: 990px; margin: auto; position: relative; background: url(../images/layout/bg_container.png) no-repeat scroll left top;}
#container #header {height: 186px;}
#container #header h1,
#container #header .as-h1 {display: block; position: absolute; left: 76px; top: 49px; width: 345px; height: 70px;}
#container #header h1 a,
#container #header .as-h1 a {display: block; width: 345px; height: 70px; position:relative;}
#container #header h1 a span,
#container #header .as-h1 a span {display: block; width: 345px; height: 70px; position:absolute; left: 0px; top:0px; background: url(../images/layout/logo.png) no-repeat scroll left top;}
#container #header strong {color: #606060; position: absolute; left: 8px; top: 167px; font-size: 17px; font-weight: normal;}

#container #intro {height: 467px; position:relative;}
#container #intro h1,
#container #intro .as-h1 {top:75px; left: 124px; display: block; z-index: 10; font-size: 18px; font-weight: normal; position:absolute;}
#container #intro img.decoration {width: 337px; height: 342px; left:552px; top:50px; position:absolute;}
#container #intro img.hidden {display: none;}
#container #intro .box {height: 356px; padding: 111px 516px 0px 124px; z-index: 1; line-height: 15px; width: 350px; text-align: justify; background: url(../images/layout/bg_intro.png) no-repeat scroll 77px 46px; position:relative;}
#container #intro .box .realized {display: block; padding-bottom:10px; font-weight: bold;}
#container #intro .box .realized strong {font-weight: normal;}
#container #intro p {padding-bottom: 10px;}
#container #intro dl {margin-left: 15px; line-height: 1.5em;}
#container #intro dl dt { font-weight: bold;}
#container #intro dl dt span {font-size: .9em; font-weight: normal;}
#container #intro dl dd dl {width: 90%; overflow: hidden; padding: 7px 0px 15px 0px;}
#container #intro dl dd dl dt {float: left; clear:left; width: 50px; font-weight: normal;} 
#container #intro dl dd dl dd {float: left; font-weight: bold;}
#container #intro .products {color: #fff; position:absolute; top: 368px; left: 502px; z-index:50; font-size:1.3em; font-weight: normal; line-height: 23px; display: block; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25;  }

#container #main {background-color: #000; color: #BCBBBB; width:100%; overflow:hidden;}
#container #main p {color: #BCBBBB; line-height: 1.4em; text-align: justify;}
#container #main .block {margin-left: 30px; width: 290px; height: 100px; float: left; padding: 30px 0px 15px 0px;}
#container #main .block h2 {font-size: 16px; color: #8db734; padding-bottom: 15px;}
#container #main #sitemap {margin-left: 100px; padding: 20px;}
#container #main #sitemap li {list-style: disc outside; line-height: 1.5em;;}
#container #main #sitemap ul {margin-left: 20px;}
#container #main #photos {margin-left: 50px; width: 940px; overflow: hidden;}
#container #main #photos a { display: block; float: left; width:270px; height: 150px; overflow: hidden; margin-right:40px; margin-bottom: 40px; border: #8db734 solid 1px;}
#container #main #photos img{width: 270px;}

#container #main #guest-book {position:relative; /*top:13px;*/ padding: 30px 20px 20px 80px; /*margin-bottom: 13px;*/ background: url(../images/layout/bg_gb.png) repeat-y scroll center top;}
#container #main #guest-book .pagination {margin-left: 240px; display: block; height: 25px; position:relative; overflow:hidden; margin-bottom: 10px;}
#container #main #guest-book .pagination span,
#container #main #guest-book .pagination a {/*border: #ACACAC 1px solid;*/ font-family: tahoma; text-align:center; float:left; height:18px; line-height: 18px; width:15px; margin: 0px 2px 5px 2px;}
#container #main #guest-book .pagination span.current {width: 19px;}
#container #main #guest-book .pagination .text {width:auto; margin-right: 5px; margin-left: 5px;}
#container #main #guest-book li ul.child {margin-left: 15px;}
#container #main #guest-book li ul.head {height: 20px; overflow: hidden; position:relative; width: 640px; background: url(../images/layout/bg_gb_post.png) no-repeat scroll left top;}
#container #main #guest-book li ul.head li {float: left; line-height:20px; color: #565656; margin-left:10px;}
#container #main #guest-book li ul.head li.info { float:right;}
#container #main #guest-book li ul.head li.info .date { /*font-family: georgia; */font-weight: normal;}
#container #main #guest-book li ul.head li.answer { width: 80px; padding-right: 10px; float:right; text-align:right;}
#container #main #guest-book li ul.head li h2,
#container #main #guest-book li ul.head li strong {color: #acacac; display: inline;}
#container #main #guest-book li ul.head li strong.name {color: #8db734;}
/*#container #main #guest-book li.admin ul.head li strong {color: #d7c821;}*/
#container #main #guest-book li ul.head li .separator {margin: 0 5px 0 5px; font-size: 1.2em; font-weight: bold;}
#container #main #guest-book li p.body {padding: 30px 20px 15px 58px; color: #acacac; width: 562px; position:relative; text-align: justify; background: url(../images/layout/bg_gb_post.png) no-repeat scroll left -20px; margin-bottom:15px;}
#container #main #guest-book li.admin p.body {width: 532px; padding-right: 50px;}
#container #main #guest-book li.admin p.body span.admin-logo {width:25px; height:125px; position:absolute; display:block; right:5px; bottom:10px; background: url(../images/layout/logo_small_vertical_50.png) no-repeat scroll left top;}
       
#container #main #guest-book-form {border-top: #141414 solid 6px; padding: 30px 20px 20px 100px; width: 870px;}
#container #contact {padding: 30px 20px 20px 100px; width: 700px;}

#container #contact legend,
#container #main #guest-book-form legend {font-size: 16px; color: #8db734; /*color: #BCBBBB;*/ font-weight: bold; margin-bottom: 20px;}

#container #contact ul li,
#container #main #guest-book-form fieldset ul li {width: 300px; overflow: hidden; margin-bottom: 5px; float: left;}
#container #contact .textarea li,
#container #main #guest-book-form fieldset .textarea li {float:none; clear:left; width:auto;}
#container #contact label,
#container #main #guest-book-form fieldset label {color: #BCBBBB; float: left; width: 70px; line-height:1.9em;}
#container #contact input,
#container #contact textarea,
#container #main #guest-book-form fieldset input,
#container #main #guest-book-form fieldset textarea {background: #979797;  border: #6a6a6a solid 1px; float: left; padding: 3px; width: 200px;}
#container #contact textarea,
#container #main #guest-book-form fieldset textarea {width: 500px;}
#container #contact button,
#container #main #guest-book-form fieldset button {width: 206px; margin-left: 70px;}
#container #contact .required input,
#container #contact .required textarea,
#container #main #guest-book-form fieldset .required input,
#container #main #guest-book-form fieldset .required textarea {border-color: #8db734;}
#container #contact .required span.required,
#container #main #guest-book-form fieldset .checkbox span.required {float: left;margin-left: 70px; line-height: 2em;clear: left; color: #98c734; width:70%;}

#container #main #guest-book-form .success,
#container #main #guest-book-form ul.error {margin-left: 0px !important; margin-bottom:50px;}
#container #main #guest-book-form fieldset ul li.checkbox input {width: auto; margin-left:70px; border:none; background:none;} 
#container #main #guest-book-form fieldset ul li.checkbox label {width: auto; margin-left:3px;}


#container #main-menu {position: absolute; z-index: 20;  top: 133px; right: 0px; /*overflow: hidden;*/ height: 36px; width:495px; padding: 2px 0px 2px 2px; margin:0; background: url(../images/layout/bg_menu.png) no-repeat scroll left top;}
#container #main-menu li {float: left; background: url(../images/layout/bg_menu_items.png) no-repeat scroll 0px 32px; position:relative;}
#container #main-menu li a {color: #bcbbbb; line-height: 32px; display: block; height: 32px; padding-left: 20px;}
#container #main-menu li a:hover {text-decoration: none;}  

#container #main-menu li ul {display: none; background: #000; position:absolute; left: 0px; top: 32px; padding-top: 1px;}
#container #main-menu li ul li {float:none; background: url(../images/layout/bg_submenu.png) no-repeat scroll center top; margin-bottom:1px;}
#container #main-menu li ul li:hover,
#container #main-menu li ul li.active {background-position: 0 -32px;}
  
#container #main-menu li.first a {width:60px;}
#container #main-menu li.first:hover,
#container #main-menu li.first.active {background-position: 0px 0px;}


#container #main-menu li.second a {width:68px; }
#container #main-menu li.second:hover,
#container #main-menu li.second.active {background-position: -80px 0px;}

#container #main-menu li.third a {width:78px;}
#container #main-menu li.third:hover,
#container #main-menu li.third.active {background-position: -168px 0px;}
#container #main-menu li.third ul li a {width: 98px;}


#container #main-menu li.fourth a {width:81px;}
#container #main-menu li.fourth:hover,
#container #main-menu li.fourth.active {background-position: -266px 0px;}

#container #main-menu li.fifth a {width:108px;}
#container #main-menu li.fifth:hover,
#container #main-menu li.fifth.active {background-position: -367px 0px;}

#container #main-menu li:hover ul {display: block;}
/*#container #main-menu li ul li a {width: 100px !important;}*/

#container #footer {background-color: #000;height:37px;}
#container #footer span {height:37px; line-height: 37px; color: #BCBBBB; float: right; margin-right: 10px;}

.zindex50 {z-index:50;}
.zindex51 {z-index:51;}
.zindex52 {z-index:52;}
.zindex53 {z-index:53;}
.zindex54 {z-index:54;}
.zindex55 {z-index:55;}
.zindex56 {z-index:56;}
.zindex57 {z-index:57;}
.zindex58 {z-index:58;}
.zindex59 {z-index:59;}
.zindex60 {z-index:60;}
.zindex61 {z-index:61;}
.zindex62 {z-index:62;}
.zindex63 {z-index:63;}
.zindex64 {z-index:64;}

.right {text-align: right;}
.success,
.error {margin-left: 100px; background-color: #a84343; padding: 10px 20px 10px 20px; margin-bottom: 20px; width: 540px; color: #fff; position:relative; top: 20px; border: #fff solid 1px; line-height: 1.5em;}
.success {background-color: #8db734;}
.success,
.error li {color: #fff !important;}


.jcarousel-container-horizontal { position:relative; top: 13px; width: 768px; padding: 6px 110px 13px 110px; margin-bottom:30px; background: url(../images/layout/bg_galery.png) no-repeat scroll center top;}
.jcarousel-clip-horizontal {    width:  768px;    height: 126px;}
.jcarousel-item {    width: 380px;    height: 126px; background: url(../images/layout/bg_galery_item.png) no-repeat scroll left top;}
.jcarousel-item a {display: block; width: 100%; height:100%; overflow:hidden; position: relative;}
.jcarousel-item a:hover {text-decoration: none;}
.jcarousel-container li.active,
.jcarousel-item:hover { background-position: right top;}
.jcarousel-item a img { position:absolute; right:218px;}
.jcarousel-item a .info {float:left; color: #d2d2d2; width:190px; overflow:hidden; padding-top: 10px; padding-left: 10px; margin-left: 170px;}
.jcarousel-item a .info span {float:left; clear:left; line-height:1.5em;}
.jcarousel-item a .info span.realization { font-size: .8em}
/*.jcarousel-item a ul li {}*/
.jcarousel-item-horizontal {    margin-right: 20px;}
/*.jcarousel-item-placeholder {    background: #fff;    color: #000;}*/
.jcarousel-container-horizontal img {height: 120px;}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {    position: absolute;    top: 7px;    right: 10px;    width: 28px;    height: 32px;    cursor: pointer;    background: url(../images/layout/bg_galery_arr.png) no-repeat scroll 0 -96px;}
.jcarousel-next-horizontal:hover {    background-position: 0px -64px;}
.jcarousel-next-horizontal:active {    background-position: 0px -64px;}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {    cursor: default;    background-position: -96px 0;}
.jcarousel-prev-horizontal {    position: absolute;    top: 7px;    left: 10px;    width: 28px;    height: 32px;    cursor: pointer;    background: url(../images/layout/bg_galery_arr.png) no-repeat scroll 0 0;}
.jcarousel-prev-horizontal:hover {    background-position: 0px -32px;}
.jcarousel-prev-horizontal:active {    background-position: 0px -32px;}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {    cursor: default;    background-position: -96px 0;}