/* colors */
/*
	yellow		... ffdd2b
	blue		... 423f69
	dark gray	... 777777
	light gray	... DDD
	red			... f20b0e
*/

/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ul {list-style: none;}
input, textarea { font-family: sans-serif; font-size: 100%;background: url(../img/inputback.gif) repeat-x; border:0; border-bottom:1px solid #ccc }
textarea { background: url(../img/textback.gif) repeat-x; border:0; border-bottom:1px solid #ccc }
html, body { min-height: 100%; _height: 100% }
body {line-height: 1;font-family: sans-serif; font-size: 62.5%; text-align: center; background: #4b4b4b url(../img/footer.jpg) no-repeat bottom;  }
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}
a { color: #373737; }
a:hover { color: #f20b0e; }
h1 { font-size: 220%; font-weight: normal; padding: 0 30px 20px 30px; color: #595959; background: url(../img/h1.gif) no-repeat 14px 0.5em; line-height: 1.5; }

/* classes */
.imgl { float: left; margin: 0 20px 10px 0; }
.imgr { float: right; margin: 0 0 10px 20px; }
.date { background: #f20b0e; color: #fff; padding: 1px 5px;}
.ramecek { border: 5px solid #ddd }
.thickbox:hover .ramecek { border: 5px solid #ccc }
.doplnit { color: lime; font-weight: bold; font-size: 12px }
.imp { color: #f0090c }
.r { text-align: right !important; }
.c { text-align: center !important; }
.even { background: #f3f3f3 }
.back { padding: 0 20px; }
.back a { background: url(../img/back.gif) no-repeat left; padding: 0 0 0 10px; color: #423f69 }
.cleaner { line-height: 1px; clear: both; }
.cleaner hr { display: none; }
.patent { background: url(../img/patent.gif) no-repeat right; padding-right: 70px; }
.tip { background: url(../img/tip.gif) no-repeat right; padding-right: 34px; }
.novinka { background: url(../img/novinka.gif) no-repeat right; padding-right: 58px; }
.error { color:  #f20b0e}

/* header + menu */
#header { background: #fff url(../img/header.gif) repeat-x bottom; }
.header { width: 890px; text-align: left; margin: 0 auto; padding: 10px 0 5px 0; overflow: hidden; }
.lang { border-left: 1px solid #ddd; float: right; padding: 8px 0 8px 15px; }
.lang li { float: left; padding: 0 5px; }
.lang a { text-decoration: none; color: #bfbfbf; }
.lang a:hover { color: #f20b0e; }
.lang .curr { color: #575757; }
#logo, #logo span { float: left; width: 116px; height: 70px; overflow: hidden; position: relative; cursor: hand; cu\rsor:pointer }
#logo span { position: absolute; left: 0; top: 0; background: url(../img/logo-small.png); }

#menu { clear: right; float: right; padding: 40px 0 0 0;}
#menu li { float: left; padding: 0 2px; }
#menu ul { float: right; }
#menu a { padding: 8px; color: #575757; font-weight: bold; font-size: 120%; text-decoration: none; float: left; }
#menu a:hover { background: #ffdd2b; color: #f20b0e;  }
#menu .curr { background: #f20b0e; color: #ffdd2b;  }

/* layout */
#wrap { background: #fff; padding: 15px 0 50px 0;  }
.wrap-in { width: 960px; text-align: left; margin: 0 auto; font-size: 110%; line-height: 1.4; min-height: 400px; _height: 400px }
#content { width: 620px; float: right; background: url(../img/content.png) repeat-x; padding: 25px 0 0 0; color: #777777; overflow: hidden;  }
.path { border-bottom: 15px solid #DDD; margin: 0 30px 10px 30px; padding: 0 0 10px 0; color: #ffdd2b; }
.path span { color: #777777; }

#col { width: 310px; float: left; font-size: 110%; line-height: 1.4; }
#col .block, #col .block span { width: 310px; height: 180px; overflow: hidden; position: relative;background: #434343; }
#col .block span { position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-color: transparent;}
#col .block strong { color: #fff; font-size: 180%; padding: 20px; display: block; }

#footer { width: 890px; margin: 0 auto; text-align: left; padding: 10px 0; color: #ddd; line-height: 1.3;}
#footer ul { background: url(../img/logo-footer.gif) no-repeat left; float: left; padding: 20px 0 15px 100px; }
#footer li { float: left; border-right: 1px solid #8b8b8b; padding: 0 5px; }
#footer li a { color: #ddd; text-decoration: none; }
#footer li a:hover { color: #fff; }
#footer .last { border: none; }
#footer p { clear: left; padding: 0 0 30px 105px; font-size: 110%; }
#footer a { color: #fff; text-decoration: none; }

/* submenu in left column */
#submenu { background: url(../img/submenu.png) repeat-x; margin-top: 5px; }
#submenu sup { color: #f20b0e;  }


.sub { padding: 25px 30px; zoom:1}
.sub li { background: #eee url(../img/sub-li.gif) no-repeat 10px 10px; }
.sub a { color: #423f69; font-weight: bold; text-decoration: none; display: block;  padding: 7px 10px 7px 40px;background: url(../img/sub-a.gif) no-repeat bottom left; zoom:1 }
.sub a:hover { background: #ffdd2b url(../img/sub-hover.gif) no-repeat; color: #f20b0e; }
.sub .curr, .sub a.curr:hover { background: #f20b0e url(../img/sub-curr.gif); color: #ffdd2b; }

.sub ul li { background: #fff url(../img/sub-li.gif) no-repeat 30px 10px; }
.sub ul a, #submenu .img ul a { background: url(../img/subsub-a.gif) repeat-x bottom; color: #777777; padding: 7px 0 7px 45px; }
.sub ul a:hover, .sub ul a.curr:hover { background: url(../img/subsub-a.gif) repeat-x bottom; color: #423f69; }
.sub ul .curr {background: url(../img/subsub-a.gif) repeat-x bottom; color: #f20b0e;   }

#submenu .img { background-repeat: no-repeat; background-position: 25px 4px;}
#submenu .img a { padding: 12px 0 12px 70px; background: url(../img/subsub-a.gif) repeat-x bottom;  }
#submenu .img ul a:hover { color: #423f69  }
#submenu .img ul a.curr { color: #f20b0e;  }

.subsub ul { margin: 0 0 0 27px }
.subsub ul li { background: url(../img/sub-li.gif) no-repeat 25px 10px; }
.subsub ul li a { font-size: 94%; font-weight: normal;}


/* content */
.article { padding: 0 30px 1em 30px; clear: both; }
.articlelist { padding: 0 30px 30px 30px; }
.article h2 { color: #423f69; font-weight: bold; font-size: 130%; padding: 1em 0 7px 0; border-bottom: 1px solid #ffdd2b; margin: 0 0 12px 0;  }
.article h3 { color: #423f69; font-weight: bold; font-size: 110%; padding: 0.5em 0 0.2em 0;  }
.article p { padding: 0.2em 0 0.8em 0; }
.article ul { padding: 0.2em 0 0.8em 15px; }
.article ul li { padding: 0 0 0 12px; background: url(../img/li.gif) no-repeat 0 0.5em; }
.article table { margin: 0.5em 0 }
.article th, .article td { padding: 0.4em 0.8em; }
.article th { background: #DDD; color: #423f69; font-weight: bold; text-align: center; border: 1px solid #f3f3f3; vertical-align: middle;  }
.article td { border: 1px solid #ddd; text-align: center; }
.techdata td { text-align: right; }

.imgs { float: left; width:375px; overflow: hidden; }
.imgs .crop { width:300px; overflow: hidden; float: left;}
.imgs ul { width: 75px; float: right; padding: 15px 0 0 0; }
.imgs ul li { padding: 0 0 10px 0; width: 75px; overflow: hidden; }
.imgs li img { border: 3px solid #ddd; display: block; }

.download { background: url(../img/download.png) repeat-x bottom; width: 180px; float: right; }
.download ul { padding: 15px 25px; }
.download ul li { background: none; padding: 0 0 0.5em 30px; }
.download a { text-decoration: none; color: #333; }
.download a span { color: #777777; }
.download a:hover { color: #f20b0e; }
.download .pdf { background: url(../img/ico-pdf.gif) no-repeat; }

/* homepage */
	#banner { background: #ddd; width: 960px; margin: 0 auto; text-align: left; }
#banner, #banner span { display: block; width: 960px; height: 250px; overflow: hidden; position: relative; }
#banner span { position: absolute; left: 0; top: 0; z-index: 1; }
#banner h1 { background: #424242; float: right; padding: 20px 40px; margin: 20px 0 0 0; color: #b0b0b0; font-size: 180%; }
#banner h1 strong { color: #fff; font-size: 150%; }
#banner p { clear: right; float: right; font-size: 120%; width: 380px; position: relative; left: -20px; line-height: 1.4; padding: 20px 0; font-weight: bold; color: #424242; }
#banner a { display: block; width: 241px; height: 60px; text-align: center; position: absolute; left: 548px; top: 169px; z-index: 2; line-height: 60px; text-decoration: none; font-weight: bold; font-size: 13px; color: #000; }
#banner a:hover { color: #f20b0e; }
#banner	.img1 { background: url(../img/banner1.jpg);  }
#banner	.img2 { background: url(../img/banner2.jpg);  }
#banner .img1 a { background: url(../img/banner1-more.jpg) no-repeat;  }
#banner .img2 a { background: url(../img/banner2-more.jpg) no-repeat;  }

.home #wrap { padding-bottom: 0; }
.home .wrap-in { background: url(../img/home-wrap.png) repeat-x; margin-top: 5px; }
.home .news { width: 312px; float: right; background: url(../img/news.gif) repeat-y; margin: 8px 0; padding: 18px 0 18px 0; }
	.news h2, .news h2 span { display: block; width: 262px; height: 30px; position: relative; left: 25px; top: 0; overflow: hidden; }
	.news h2 span { position: absolute; top: 0; left: 0; background: url(../img/home-news.gif); }
	.news ul { padding: 0 25px; }
	.news li { padding: 10px 0; color: #777777; }
	.news h3 { padding: 0 0 0.5em 0; }
	.news h3 a { color: #5f5f5f; font-weight: bold; font-size: 110%; }
	.news h3 a:hover { color: #f20b0e; }
	.news .more { float: right; background: url(../img/news-more.gif) no-repeat 0 0.4em; padding: 0 0 0 14px; margin: 0 25px 0 0; display: inline; }
	.text { margin: 0.5em 0 0 0;; }
	.text .imgl, .text .imgr, .images { border: 5px solid #ddd; }

.home .blocks { width: 620px; float: left; position: relative; left: 14px; background: url(../img/blocks.png) repeat-x; margin: 25px 0 0 0;  }
	.blocks ul { padding: 15px 10px 0 10px; }
	.blocks li { width: 200px; float: left; }
	.blocks h2, .blocks h2 span { width: 200px; height: 170px; display: block; position: relative; overflow: hidden; color: #575757; font-size: 190%; font-weight: bold; }
	.blocks h2 span { position: absolute; left: 0; top: 0; }
	.block1 h2 span { background: url(../img/block1.jpg); }
	.block2 h2 span { background: url(../img/block2.jpg); }
	.block3 h2 span { background: url(../img/block3.jpg); }
	.blocks p { padding: 0 10px; font-weight: bold; color: #777777; min-height: 8em; _height:8em }
	.blocks a { display: block; text-align: center; background: url(../img/more.gif) no-repeat bottom; padding: 0 0 12px 0; margin: 0 30px; color: #3a3a3a; text-decoration: none; }
	.over { cursor: hand; cu\rsor: pointer; }
	.blocks a:hover, .over a { color: #f20b0e !important; }
	.blocks a span { display: block; background: #ffef03 url(../img/more-span.gif) no-repeat top; padding: 3px 0 1px 0; }
	.blocks a b { background: url(../img/more-b.gif) no-repeat 0 4px; padding: 0 0 0 8px; }

/* categorylist, downloadlist */
ul.list li { background: url(../img/download.gif) no-repeat 0 0.3em; padding: 0 0 0.8em 15px; }
.list a { font-weight: bold; }
.list p { padding: 0.2em 0 0.2em 0; }
.list .info { color: #423f69; }

.images { float: right; margin: 0 0 10px 20px;}
.images img { display: block; padding: 7px; }

/* strankovani */
.page { width: 560px; overflow: hidden; clear: both; }
.page ul { padding: 0 30px; }
.page li { float: left; margin: 0 3px 3px 0; }
.page a { text-decoration: none; display: block; padding: 2px 6px; background: #eee; color: #423f69; font-weight: bold; }
.page .curr { background: #f20b0e; color: #fff  }

/* kontakty */
.contact { float: left; width: 170px; }
.contact table { width: 90% }
.contact td { text-align: left; border: none; padding: 0.2em 0.3em 0.2em 0;}

.form td { border: none; text-align: left; vertical-align: top; }
.button { background: #f20b0e; color: #ffdd2b; font-weight: bold; padding: 2px 5px; }