body,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
li,
p,
input,
textarea,
select {font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif; color:#606060;}

body {font-size:62.5%;}

html,
body {/*height:100%;*/}

h1,
h2,
h3,
h4 {font-family:"Arial CE", Arial, "Helvetica CE", helvetica, sans-serif; padding-top:.2em; color:#ff2a00;}
h1 *,
h2 *,
h3 *,
h4 * {color:#ff2a00;}

p,
form,
img {margin:0; padding:0;}

a { color: #69911A; }
a:hover {text-decoration:none;}

a img {border:none;}

label,
button,
a span {cursor:pointer;}

textarea { font-size: 1em; }

input[type=submit] { cursor: pointer; }

ul,
ol { padding: 0; margin: 10px 0; }
ul li { margin-left: 15px; }
ol li { margin-left: 25px; }

/***************************************************************************************************************************/
/*     FONT-PATTERNS
-------------------------
* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
* VERDANA
      font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
* TAHOMA
      font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
* TIMES NEW ROMAN
      font-family: "Times New Roman CE", "Times New Roman", "Times New CE", "Times CE", times, serif;
* COURIER NEW
      font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
* GEORGIA
      font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;
* IMPACT
      font-family: "Impact CE", "Arial CE", "Techno CE", "Helvetica CE", Impact, lucida, sans-serif;
* CCOMIC SANS MS
      font-family: "Comic Sans MS CE", "Comic Sans MS", "Arial CE", Arial, "Sand CE", "Helvetica CE", lucida, fantasy;
*/
/***************************************************************************************************************************/
/* --------------------------------------- body ------------------ */
#body {margin:0px 0px; padding:0px 0px; font-size:1.03em; line-height:1.4;}

/* --------------------------------------- container ------------------ */
#container {width:960px; margin:0px auto; font-size:0.8em; position:relative; background:url(../images/layout/bg-container.png) no-repeat left bottom;}

/* products */

/* anchors */

/* classes */

/* heads */

/* error success */

/* other */

/* --------------------------------------- header --------------------- */
#header {height:167px; background:url(../images/layout/bg-header.jpg) no-repeat left top; position:relative; padding-bottom:39px;}
#header h1,
#header .as-h1 {font-size:1em; margin:0px 0px; padding:0px 0px; position:absolute; left:5px; top:42px; width:430px; height:115px;}
#header h1 a,
#header .as-h1 a {color:#000; font-size:2em; width:430px; height:115px; position:relative; display:block;}
#header h1 a span,
#header .as-h1 a span {position:absolute; left:0px; top:0px; display:block; width:100%; height:100%; background:url(../images/layout/logo.png) no-repeat left top;}

#header #langMenu { float:right; margin:8px; }
#header #langMenu li { margin-left:5px; float:left; list-style:none; color:#fff; font-size:0.9em; padding:0px 5px;}
#header #langMenu a { color:#fff; text-decoration:underline; padding-right:20px;}
#header #langMenu a:hover { color:#fff; text-decoration:none; }
#header #langMenu a.selected { color:#ccc; text-decoration:none; }
#header #langMenu img { border:none; }
#header #langMenu .cz a {background:url(../images/layout/cz.gif) no-repeat right center;}
#header #langMenu .pl a {background:url(../images/layout/pl.gif) no-repeat right center;}
#header #langMenu .sk a {background:url(../images/layout/sk.gif) no-repeat right center;}
#header #langMenu .hu {}
#header #langMenu .ru {}
#header #langMenu .en {}


/* --------------------------------------- content -------------------- */
#content {width:630px; float:left; padding:25px 0px 35px 10px;}
#content h1,
#content h2,
#content h3 {margin:0px 0px; padding:0px 0px 0px 10px;}

#content .news {margin:0px 0px; padding:0px 0px; list-style:none; clear:both;}
#content .news li {float:right; color:#fff; width:294px; background:url(../images/layout/bg-news.png) #84bc19 no-repeat center bottom; padding:10px 10px; height:125px; overflow:hidden; margin: 0;}
#content .news li p {color:#fff;}
#content .news li h2 {font-size:1em; font-weight:normal; height:30px; padding:0px 0px; color:#545454;}
#content .news li h2 a {text-decoration:none; font-weight:800; color:#ff2a00;}
#content .news li h2 a:hover {text-decoration:underline;}
#content .news li img {float:left; border:1px solid #fff; margin-right:10px;}
#content .news li:first-child {float:left; background-image:url(../images/layout/bg-news-first.png);}
#content .news li.archive {float:none; clear:both; width:100%; overflow:hidden; background:none; padding:0px 0px; height:auto; padding-top:5px;}
#content .news li.archive a {float:right; display:block; color:#1e1e1e; text-align:center; text-decoration:none; padding:0px 10px; height:20px; line-height:20px; background:url(../images/layout/bg-more.gif) #84bc19 repeat-x left top;}
#content .news li.archive a:hover {text-decoration:underline;}

#content .article-annot,
#content .article { margin-bottom: 20px; }
#content .article { width: 609px; padding: 0 10px; }
#content .article-annot h3 a { color:#ff2a00; } 
#content .article-annot .text,
#content .article .text { width: 100%; overflow:hidden; position: relative; min-height: 90px; padding-top: 10px; margin-top: 10px; }
#content .article-annot .text { padding:10px 10px 0; width:609px; border:1px solid #84bc19; border-bottom:none; border-left:none; margin: 0; }
#content .article-annot .img,
#content .article .img { margin-right: 10px; float: left; }
#content .article-annot .more { position: absolute; right: 0; bottom: 0; }
#content .article-annot .more a {display:block; color:#1e1e1e; text-align:center; text-decoration:none; padding:0px 10px; height:20px; line-height:20px; background:url(../images/layout/bg-more.gif) #84bc19 repeat-x left top;}
#content .article-annot .more a:hover {text-decoration:underline;}
#content .article .back { padding-top: 20px; clear: both; }
#content .article .back a { display:block; color:#1e1e1e; text-align:center; text-decoration:none; padding:0px 10px; height:20px; line-height:20px; background:url(../images/layout/bg-more.gif) #84bc19 repeat-x left top; width: 25px; }
#content .article .back a:hover { text-decoration: underline; }

#content #photogallery { width: 100%; margin-top: 20px; overflow: hidden; }
#content #photogallery .photo { width: 120px; margin: 0 10px 10px 0; float: left; }
#content #photogallery .photo .img { text-align: center; height: 90px; margin: 0; float: none; }

#content #sitemap li { margin-bottom: 5px; }
#content #sitemap ul { margin: 0; }
#content #sitemap ul li { margin-bottom: 0; }

#content .series-index {margin:10px 0; padding:0px 0px; list-style:none; clear:both; width: 100%; overflow: hidden;}
#content .series-index li {float:left; color:#fff; width:293px; padding:10px 10px; min-height:200px; overflow:hidden; margin: 0; border: 1px solid #E5E5E5; background-color: #EEE;}
#content .series-index li p { }
#content .series-index li h2 {font-size:1em; font-weight:normal; height:30px; padding:0px 0px;}
#content .series-index li h2 a {text-decoration:none; font-weight:800;}
#content .series-index li h2 a:hover {text-decoration:underline;}
#content .series-index li img {float:left; border:1px solid #fff; margin-right:10px;}
#content .series-index li .price-from { padding-top: 5px; clear: left; }

#content .series-item { width: 140px; margin: 0 15px 15px 0; float: left; }
#content .series-item h2 { padding: 0; margin-bottom: 5px; }
#content .series-item .img { height: 90px; }

#other-menu {margin:10px 0px; padding:0px 0px; list-style:none; float:right; width:315px;}
#other-menu li { text-align: center; margin-bottom: 4px; }
#other-menu .fast-contact {margin-bottom:10px;}
#other-menu .fast-contact a {display:block; width:311px; color:#fff; height:32px; text-decoration:none; font-weight:800; text-transform:uppercase; font-size:1.1em; line-height:32px; background:url(../images/layout/bg-fast-contact.png) repeat-x left top; border:1px solid #ff2a00; text-align:center;}

.pagination { text-align: center; margin-top: 20px; }

/* --------------------------------------- main menu ------------------ */
#main-menu {position:absolute; top:167px; left:0px; width:960px; background:url(../images/layout/bg-main-menu.png) #84bc19 repeat-x left top; overflow:hidden; height:39px; margin:0px 0px; padding:0px 0px; list-style:none;}
#main-menu li {float:left; display:block; width:158px; text-align:center; padding-left:2px; background:url(../images/layout/bg-main-menu-separator.png) no-repeat left center;}
#main-menu li:first-child {padding-left:0px; background:none; width:160px;}
#main-menu li a {color:#fff; display:block; height:39px; line-height:39px; font-weight:800; text-decoration:none; font-size:1.1em; text-transform:uppercase;}
#main-menu li a:hover {background:url(../images/layout/bg-main-menu-active.png) #efaa09 repeat-x left top;}

#google-plus { position: absolute; right: 0; top: 90px; }
#link-pricelist { position: absolute; right: 15px; top: 125px; }
#link-pricelist a { background-color: #C99907; font-weight: bold; color: #FFF; text-transform: uppercase; text-decoration: none; padding: 5px 10px; border: 1px solid #FFF; display: block; }

/* --------------------------------------- footer --------------------- */
#footer {clear:both; background:url(../images/layout/bg-footer.png) repeat left top;}
#footer p {text-align:right; margin:0px 0px; padding:10px 25px; color:#545454; font-size:0.8em;}

#overlay1 { background: url(../images/layout/overlay.png) repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#overlay1 form { background-color: #FDF9EA; font-size: 0.8em; width: 455px; height: 320px; padding: 10px 20px; margin: -170px 0 0 -247px; position: relative; left: 50%; top: 50%; }
#overlay1 .link-close { text-align: center; margin-top: 10px; }

#overlay2 { background: url(../images/layout/overlay.png) repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#overlay2 #cis-form { background-color: #FDF9EA; width: 455px; height: 640px; padding: 10px 20px; margin: -330px 0 0 -247px; position: relative; left: 50%; top: 50%; }
#overlay2 #cis-form iframe { height: 610px; }
#overlay2 #cis-form .link-close { font-size: 0.8em; text-align: center; margin-top: 10px; }

.form ul { width: 500px; padding: 0; margin: 10px 0; overflow: hidden; list-style: none; }
.form ul li { width: 100%; padding: 0 0px 3px 0; margin: 0; overflow:hidden;}
.form ul li label {float:left; width:45px;}
.form ul li.left {float:left; width:49%;}
.form ul li.right {float:right; width:49%;}
.form ul .odd { text-align: right; width: 90px; padding-top: 2px; }
.form ul li input { width: 160px; }
.form ul li textarea { width: 405px; height: 150px; }
#form-contact label {width:65px;}

.align-c { text-align: center; }

.message { font-weight: bold; text-align: center; }

.ok { color: #008000; }

.err { color: #FF0000; }

ul.errors {margin:10px 0px; list-style:none; padding:0px 0px;}
ul.errors li {color:#f00; font-weight:800; text-align:cnter;}

form.send-pricelist {padding-left:10px;}
form.send-pricelist ul {margin:0px 0px; padding:0px 0px; width:100%; overflow:hidden; list-style:none;}
form.send-pricelist ul li {width:49%; float:left; padding:0px 0px 3px 0px; margin:0px 0px; overflow:hidden;}
form.send-pricelist ul li.odd {float:right; clear:left;}
form.send-pricelist ul li label {/*float:left; width:60px;*/display:block;}
form.send-pricelist ul li input.input,
form.send-pricelist ul li select {width:280px;}
form.send-pricelist p.button {text-align:center; padding:10px 0px;}