body{background:#E9F0B1 url('../img/bg-body.png') 50% 0 repeat-x; text-align: center; color:#3e3e3e;}

/* LAYOUT */
#mother {background: url('../img/bg-mother.png') center 77px no-repeat; padding: 1px; width: 100%;}
.layout-wrap {background: #fff; margin: 75px auto 0; text-align: left; width: 964px; padding: 18px;}
#main {background: url('../img/bg-main.png') 100% 80px no-repeat;}


.col-side {float: left; display: inline; width: 248px;}
.col-content {float: right; display: inline; width: 715px; position: relative;}

/* MAIN MENU */
#main-menu {margin: 15px 0 20px -17px;}
#main-menu .reset li a {display: block; background: #3e3e3e; line-height: 28px; padding: 0 24px; font-size: 116.6%; color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
#main-menu .reset li a:hover, #main-menu .reset li.active a {background: #D5E167; color: #333;}
#main-menu .reset .reset {border: 1px solid #fff; border-width: 1px 0;}
#main-menu .reset .reset li a {background: #ebf0b6 url('../img/bg-main-menu.png') 30px 0.8em no-repeat; line-height: 26px; padding: 0 20px 0 50px; font-size: 100%; color: #6c6c6c;}
#main-menu .reset .reset li.active a, #main-menu .reset .reset li a:hover {background: #D5E167 url('../img/bg-main-menu.png') 30px 0.8em no-repeat; color: #333;}

#main-menu .reset .reset .reset li a {background: #ebf0c9 url('../img/bg-main-menu.png') 55px 0.8em no-repeat; line-height: 26px; padding: 0 20px 0 65px; font-size: 100%; color: #6c6c6c;}
#main-menu .reset .reset .reset li.active a, #main-menu .reset .reset .reset li a:hover {background: #D5E167 url('../img/bg-main-menu.png') 55px 0.8em no-repeat; color: #333;}

/* QUICK MENU */
#quick-menu {position: absolute; top: -36px; right: 0;}

/* SEARCH BOX */
#search-box {position: absolute; top: -32px; right: 100px; background: #e7f08e url('../img/bg-search-box.png') 100% 0 no-repeat; padding: 3px;}
#search-box .int {border: 1px solid #d1dc64; background: #f1f7bc; color: #333; padding: 4px; font-size: 91.6%; *padding: 3px 4px 2px;}
#search-box input {vertical-align: middle;}

/* ANNOT BOX */
#annot-box {padding: 290px 20px 0; margin: 20px 0 0;}
.b1cs {background: url('../img/bg-annot-box.jpg') 0 0 no-repeat;}
.b2cs {background: url('../img/bg-annot-box2.jpg') 0 0 no-repeat;}
.b3cs {background: url('../img/bg-annot-box3.jpg') 0 0 no-repeat;}
.b4cs {background: url('../img/bg-annot-box4.jpg') 0 0 no-repeat;}
.b5cs {background: url('../img/bg-annot-box5.jpg') 0 0 no-repeat;}
.b6cs {background: url('../img/bg-annot-box6.jpg') 0 0 no-repeat;}
.b7cs {background: url('../img/bg-annot-box7.jpg') 0 0 no-repeat;}
.b8cs {background: url('../img/bg-annot-box8.jpg') 0 0 no-repeat;}

.b1en {background: url('../img/bg-annot-box_en.jpg') 0 0 no-repeat;}
.b2en {background: url('../img/bg-annot-box2_en.jpg') 0 0 no-repeat;}
.b3en {background: url('../img/bg-annot-box3_en.jpg') 0 0 no-repeat;}
.b4en {background: url('../img/bg-annot-box4_en.jpg') 0 0 no-repeat;}
.b5en {background: url('../img/bg-annot-box5_en.jpg') 0 0 no-repeat;}
.b6en {background: url('../img/bg-annot-box6_en.jpg') 0 0 no-repeat;}
.b7en {background: url('../img/bg-annot-box7_en.jpg') 0 0 no-repeat;}
.b8en {background: url('../img/bg-annot-box8_en.jpg') 0 0 no-repeat;}

#annot-box .more {margin: 0px;} 
#annot-box .more a {text-decoration: none; padding: 0 20px; display: inline-block; position: relative; z-index: 99; background: url('../img/bg-annot-box-more.png') 100% 0 no-repeat; line-height: 28px;} 

#annot-box .sprite { position: absolute; top: -92px; left: 5px; width: 433px; height: 397px;}
.s1 {background: url('../img/bg-annot-box-sprite.png') 0 0 no-repeat;}
.s2 {background: url('../img/bg-annot-box-sprite2.png') 0 0 no-repeat;}
.s3 {background: url('../img/bg-annot-box-sprite3.png') 0 0 no-repeat;}
.s4 {background: url('../img/bg-annot-box-sprite4.png') 0 0 no-repeat;}
.s5 {background: url('../img/bg-annot-box-sprite5.png') 0 0 no-repeat;}
.s6 {background: url('../img/bg-annot-box-sprite6.png') 0 0 no-repeat;}
.s7 {background: url('../img/bg-annot-box-sprite7.png') 0 0 no-repeat;}
.s8 {background: url('../img/bg-annot-box-sprite8.png') 0 0 no-repeat;}


/* Annot Box - Prod */

#annot-prod {padding: 0 20px 0; margin: 20px 0 0; background:#414141;line-height:30px;height:30px;}
#annot-prod h1 {float:left;margin:0;padding:0;color:#fff;}
#annot-prod h4 {float:right;margin:0;padding:0;color:#fff;}
#annot-prod h4 strong {color:#cad762}



.content {padding: 0px 20px 0;}
.content h1 {font-size:20px;font-weight:bold;margin-top:10px;}

#prod-content {background:#fff url(../img/prod-content.gif) 0 0 repeat-x;min-height:81px;_height:81px;border-top:7px solid #cad761;border-right:1px solid #c7c9b1;}

/* HOME CROSSROAD */
.home-crossroad {border-top: 7px solid #4f4f4f; background: #3e3e3e; color: #fff; margin: 0 2px 0 0; padding: 0 0;}
.home-crossroad .reset li {float: left; display: inline; width: 210px; margin: 0 0 0 20px;}
.home-crossroad .reset li h2 {font-size: 116.6%; margin: 0; font-weight: normal;}
.home-crossroad .reset li h2 a {text-decoration: none;}
.home-crossroad .reset li h2 .img {width: 100%; overflow: hidden; display: block; height: 112px; position: relative; margin: 0 0 2px;}
.home-crossroad .reset li h2 .img .in {width: 210px; display: block; height: 112px; background: url('../img/bg-home-crossroad.png') 0 0 no-repeat; position: absolute; top: 0; left: 0; cursor: pointer;}
.home-crossroad .reset li h2 strong {background: #fff; display: block; padding: 0 10px; line-height: 28px; font-weight: normal;}
.home-crossroad .reset li p {font-size: 91.6%; margin: 10px 0;}
.home-crossroad .reset li .more {margin: 20px 0 0;}
.home-crossroad .reset li .more a {text-decoration: none; text-align: center; width: 164px; padding: 0 0 0 5px; display: inline-block; background: url('../img/bg-home-crossroad-more.png') 100% 0 no-repeat; line-height: 28px;}

/* HOME CROSSROAD */
.left-crossroad {border-top: 7px solid #4f4f4f; background: #3e3e3e; color: #fff; margin: 10px 2px 0 0; padding: 0 0; width:238px;}
.left-crossroad .reset li {width: 210px; margin: 10px 0 10px 10px }
.left-crossroad .reset li h2 {font-size: 116.6%; margin: 0; font-weight: normal;}
.left-crossroad .reset li h2 a {text-decoration: none;}
.left-crossroad .reset li h2 .img {width: 100%; overflow: hidden; display: block; height: 112px; position: relative; margin: 0 0 2px;}
.left-crossroad .reset li h2 .img .in {width: 210px; display: block; height: 112px; background: url('../img/bg-home-crossroad.png') 0 0 no-repeat; position: absolute; top: 0; left: 0; cursor: pointer;}
.left-crossroad .reset li h2 strong {background: #fff; display: block; padding: 0 10px; line-height: 28px; font-weight: normal;}
.left-crossroad .reset li p {font-size: 91.6%; margin: 10px 0;}
.left-crossroad .reset li .more {margin: 20px 0 0;}
.left-crossroad .reset li .more a {text-decoration: none; text-align: center; width: 164px; padding: 0 0 0 5px; display: inline-block; background: url('../img/bg-home-crossroad-more.png') 100% 0 no-repeat; line-height: 28px;}


/*  CROSSROAD */
.crossroad {border-top: 7px solid #4f4f4f; background: #3e3e3e; color: #fff; margin: 25px 2px 0 0; padding: 20px 0;}
.crossroad a { color:#fff;}
.crossroad .reset li {margin: 0 0 0 20px;}
.crossroad h2 {margin: 0 0 0 20px;}

.crossroad span {display:block;margin:0px;padding:0px;margin-left:25px;margin-bottom:20px;font-weight:bold;}
.crossroad span.ok {color:green;}
.crossroad span.no {color:red;}

.crossroad form {margin-bottom:25px;line-height:30px;}
.crossroad form label {display:block;width:250px;float:left;text-align:right;margin-right:15px;}
.crossroad form br {clear:both} 
.crossroad form input {display:block;float:left;width:400px;}
.crossroad form textarea {sdisplay:block;float:left;width:400px;}
.crossroad form input.submit {float:left;width:100px;margin-left:50px;} 

/* PRODUKTY */

#prod .reset li {float: left; display: inline; width: 160px; margin: 0 0 10px 16px; height:177px; position:relative; text-align:center}
#prod .reset li .img {width:160px; height:147px; background: #fff; position:relative;}
#prod .reset li .img img {width:156px;height:143px;margin: 2px 0 0 2px;}
#prod .reset li .img .corner {position: absolute; width: 22px; height: 22px; background: url('../img/bg-crossroad-prod-corner.png') 0 0 no-repeat; right: 0; top: 0;}
#prod .reset li .img .prise {position: absolute;display:block; width: 100%; height: 22px; background: url('../img/bg-crossroad-prod-corner.png') 0 0 no-repeat; right: 0; bottom: -20px;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  background:#fff;
  line-height:22px;font-size:12px; font-weight:bold;color:#6d780d;   
}
#prod .reset li .in { width:160px; height:28px; background: #fff; margin-top:2px; text-align:left;} 
#prod .reset li .in a {display:block; width:160px; height:28px; color:#3e3e3e; padding-top:2px;padding-left:5px;font-size:14px; }
#prod .reset li .in a:hover {text-decoration:none;}

/* detail produktu */

#detail h2 {color:#d5e167;}
#detail .l {width:390px;display:block;}
#detail .l p {float:right;}
/*table */
#detail .l table {margin: 10px 0 0 20px; width:370px;}

#detail .l table tr {height:28px;}

#detail .l table tr td { border:1px solid #3e3e3e;background:#474747; font-size:12px; color:#f7ffb1;font-weight:bold;padding-left:20px;}
#detail .l table tr td.f {width:125px; font-size:13px;padding-left:10px;color:#fff;font-weight:bold;}

#detail .l table tr.o td  {background:#4f4f4f;}

#detail .l table tr.c {height:41px;}
#detail .l table tr.c td.v {background:#d5e167; font-size:20px;text-align:center;color:#111111;}
#detail .l table tr.c td.v span {font-size:14px;color:#6d780d;display:inline;}
#detail .l table tr.c td.f {background:#626262;}

#detail .r { margin-right:10px;display:block;position:relative;}
#detail .r #img_main {position:relative;width:278px;height:277px;background:#fff;}
#detail .r #img_main .corner {position: absolute; width: 22px; height: 22px; background: url('../img/bg-crossroad-prod-corner.png') 0 0 no-repeat; right: 0; top: 0;}
#detail .r #img_main img {margin:3px 0 0 3px;width:272px;height:271px;}

#detail .reset { margin:10px 0 0 20px; }
#detail .reset li {float: left; display: inline; width: 66px; margin: 0 10px 50px 0px; position:relative;}
#detail .reset li.file {float:none; display: block; height:40px;}
#detail .reset li .img {width:66px; height:66px; background: #fff; position:relative;}
#detail .reset li .img img {width:60px;height:60px; margin: 3px 0 0 3px;}
#detail .reset li .img .corner {position: absolute; width: 10px; height: 10px; background: url('../img/bg-crossroad-vzor-corner.png') 0 0 no-repeat; right: 0; top: 0;}

/* cenik */
#cenik h2 {color:#d5e167;}
#cenik .reset { margin:10px 0 0 20px; }
#cenik .reset li {float: left; display: inline; margin: 0 10px 10px 0px; position:relative;}

/* NEWS BOX */
.news-box {width: 238px;}
.news-box h2 {margin: 0 5px; font-size: 150%; font-weight: normal;}
.news-box .reset li {margin: 10px 0 0;}
.news-box .reset li .date {color: #808080; margin: 0 5px;}
.news-box .reset li .in {position: relative; background: url('../img/bg-news-box.png') 0 100% no-repeat; padding: 10px 20px 10px 10px; font-size: 91.6%;}
.news-box .reset li .in .corner {position: absolute; width: 22px; height: 22px; background: url('../img/bg-news-box-corner.png') 0 0 no-repeat; right: 0; top: 0;}
.news-box .reset li .in p {margin: 0;margin-right:10px;}
.news-box .reset li .in .right {margin: 5px 0 0;}
.news-box .reset li .in .right a {color: #fff; font-weight: bold;}
.news-box .reset li .in .right a:hover {text-decoration: none;}

.news-box #enh_prod ul li {line-height:40px;display:block;margin-bottom:5px;}
.news-box #enh_prod ul li a {font-size:15px;}
.news-box #enh_prod ul li a img {width:50px;position:relative;top:20px;}

/* FOOTER */
#footer {background: url('../img/bg-footer-top.png') center 0 no-repeat; padding: 9px 0 1px;}
#footer .footer-help {background: url('../img/bg-footer-top.png') center 100% no-repeat; padding: 0 0 18px;}
#footer .footer-help .in {background: #cad65d; border-bottom: 1px solid #e9f0b1; width: 956px; padding: 0 22px; margin: 0 auto;}
#footer .footer-help .in p {margin: 0; line-height: 37px;}
#footer .footer-help .in .center {color: #dee69b;}
#footer .footer-help .in .center a {color: #69711f; text-decoration: none; margin: 0 10px;}
#footer .footer-help .in .center a:hover {text-decoration: underline;}