/* 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; width: 770px}
#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;  }
*/

.ro #banner	.img1 { background: url(../img/banner1_ro.jpg);  }
.ro #banner	.img2 { background: url(../img/banner2_ro.jpg);  }
.en #banner	.img1 { background: url(../img/banner1_en.jpg);  }
.en #banner	.img2 { background: url(../img/banner2_en.jpg);  }
.de #banner	.img1 { background: url(../img/banner1_de.jpg);  }
.de #banner	.img2 { background: url(../img/banner2_de.jpg);  }
.fr #banner	.img1 { background: url(../img/banner1_fr.jpg);  }
.fr #banner	.img2 { background: url(../img/banner2_fr.jpg);  }

.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; }
.home .ro .news { width: 512px;}
.home .de .news { width: 712px;}
.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); }
.ro .news h2 span { background: url(../img/home-news_ro.gif); }
.en .news h2 span { background: url(../img/home-news_en.gif); }
.de .news h2 span { background: url(../img/home-news_de.gif); }
.fr .news h2 span { background: url(../img/home-news_fr.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;  }
.ro .blocks { width: 420px }
.de .blocks { width: 220px }
.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); }
.ro .block1 h2 span { background: url(../img/block1_ro.jpg); }
.ro .block2 h2 span { background: url(../img/block2_ro.jpg); }
.blocks p { padding: 0 10px; font-weight: bold; color: #777777; min-height: 10em; _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; }

.en .block1 h2 span { background: url(../img/block1_en.jpg); }
.en .block2 h2 span { background: url(../img/block2_en.jpg); }
.en .block3 h2 span { background: url(../img/block3_en.jpg); }

.de .block1 h2 span { background: url(../img/block1_de.jpg); }
.de .block2 h2 span { background: url(../img/block2_de.jpg); }
.de .block3 h2 span { background: url(../img/block3_de.jpg); }

.fr .block1 h2 span { background: url(../img/block1_fr.jpg); }
.fr .block2 h2 span { background: url(../img/block2_fr.jpg); }
.fr .block3 h2 span { background: url(../img/block3_fr.jpg); }

/* 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; }

/* nyroModal */
div#nyroModalFull {font-size: 12px;color: #ccc;}
div#nyroModalFull div#nyroModalLoading {border: 4px solid #ddd;width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/nyroloader.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;border: 4px solid #ddd;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute;display: block;top: -15px;right: -15px;width: 15px;height: 15px;text-indent: -9999em;background: url(../img/nyroclose.gif) no-repeat;outline: 0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0;position: absolute;top: -22px;left: 5px;font-size: 12px;color: #ddd; background: none;}
/*div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {overflow: auto;}*/
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
.home div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 0px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {z-index: 105;outline: none;position: absolute;top: 0;height: 100%;width: 40%;cursor: pointer;text-indent: -9999em;background: left 20% no-repeat;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {height: 60%;width: 20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {left: 0;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {background-image: url(../img/nyroprev.gif);}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {right: 0;background-position: right 20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {background-image: url(../img/nyronext.gif);}