/* Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, 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: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/* Basic
----------------------------------------------- */
body {font: 16px/1em verdana, arial, helvetica, sans-serif; color: #000; margin: 10px 0 0 30px; width: 1130px;}
a, a:visited {color: #000; text-decoration: none;}
a:hover {color: #ED2024; text-decoration: underline;}
a:active {color: #969696;	text-decoration: none;}
a img {border: 0;}
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
.red {color: red;}
hr {border-width: 0; border-top: 1px solid #558baf; height: 1px; width: 90%; text-align: left; position: relative; left: -35px;}
h1 {font-weight: normal; font-size: 1.0em; clear: both; margin: 40px 0 20px 0px;}
.red {color: red;}



/* Alerts
----------------------------------------------- */
.alert-bad {float: left; color: #000; border: 1px solid red; width: 658px; font-size: 10px; padding: 12px; background: #ffe3e3; margin: 10px 0 20px 0;}
.alert-good {float: left; color: #000; border: 1px solid green; width: 658px; font-size: 10px; padding: 12px; background: #d4ead4; margin: 10px 0 20px 0;}



/* Row menu
----------------------------------------------- */
#rowmenu {background: #6cc900; height: 30px; margin-top: 10px;}
#rowmenu ul {background: #fff; float: left; margin: 5px 0 0 6px; font-size: 0.75em; font-weight: bolder;}
#rowmenu ul li {height: 30px; display: block; float: left; background: url("../images/button_left.gif") repeat-x; padding: 0 0 0 17px; border-left: 1px solid #fff;}
#rowmenu ul li img {margin-left: 12px;}
#rowmenu ul li a, #rowmenu li a:visited {color: #fff; position: relative; top: -8px; text-decoration: none;}
#rowmenu ul li a:hover {color: #fff;}
#rowmenu ul li.select {background: url("../images/button_left_hover.gif") repeat-x;}
#rowmenu ul li.select a, #rowmenu li.select a:visited {color: #fff;}



#wrap {width: 945px; float: left;}
#content {width: 675px; float: left; padding: 60px 0 0 5px;}
#sidebar {width: 245px; float: left;}

#wrap-industries {width: 880px; padding: 10px 0 0 0;}
#wrap-industries .industries {font-size: 0.63em; line-height: 14px; margin-bottom: 30px; width: 880px;}
#wrap-industries .industries td {padding-right: 4px; text-align: left; width: 220px; padding-top: 8px;}
#wrap-industries .industries .industries_applications td {color: #ff0000;	line-height: 16px; text-align: left;}

#wrap-contacts {width: 945px; padding: 0;}
#wrap-contacts #content-contacts {width: 675px; height: 500px; float: left; padding: 6px 0 0 0;}
#wrap-contacts #sidebar-contacts {width: 245px; float: left; padding: 46px 0 0 0;}

#footer {width: 1090px; text-align: center; padding: 30px 0 20px 0; clear: both; font-size: 0.69em;}

.product-p {font-size: 0.75em; width: 300px; margin: 10px 0 0 0;}

.products-thumb {width: 50px; height: 70px; float: left; text-align: center; padding: 3px;}
.products-thumb img {border: 1px solid #eee;}
.products-thumb img:hover {border: 1px solid #ff0000;}

.products-thumb1 {width: 50px; height: 90px; float: left; text-align: center; padding: 3px;}
.products-thumb1 img {border: 1px solid #eee;}
.products-thumb1 img:hover {border: 1px solid #ff0000;}
.products-thumb1 span span a, .products-thumb1 span span a:visited {font-weight: bold; color: #626262;}



/* New layout
----------------------------------------------- */
.uvod {width: 1080px; background: url("../images/S01red.jpg") right 0 no-repeat; font-size: 0.875em;}
.uvod p {width: 500px;}

.produkty {width: 1080px; background: url("../images/produkty.jpg") right 0 no-repeat; font-size: 0.75em;}
.produkty p {width: 500px;}

.podminky, .download {width: 900px; font-size: 0.75em;}

.kontakt {width: 1130px;}
.kontakty {width: 869px; font-size: 0.75em; float: left;}
.mapa {float: left; width: 220px; position: relative; top: -45px;}
.mapa h3 {padding: 1.0em 0 0.75em 0; line-height: 1.25em;}
.mapa p {font-size: 0.75em; line-height: 1.5em; margin: 0 0 1.1em 0;}
.mapa a, .mapa a:visited {color: #5a5a5a; text-decoration: underline;}
.mapa a:hover {color: #6cc900;}



/* Article
----------------------------------------------- */
.article h1 {font-size: 1.125em; padding: 0.31em 0 0.75em 0; line-height: 1.25em;}
.article h2 {font-size: 1.125em; padding: 1.0em 0 0.75em 0; line-height: 1.25em;}
.article h3 {font-size: 1.0em; padding: 1.0em 0 0.75em 0; line-height: 1.25em;}
.article h4 {font-size: 0.875em; padding: 1.0em 0 0.75em 0; line-height: 1.25em;}
.article h5 {font-size: 0.875em; padding: 1.0em 0 0.75em 0; line-height: 1.25em; text-decoration: underline;}
.article h6 {font-size: 0.875em; padding: 1.0em 0 0.75em 0; line-height: 1.25em; font-style: italic;}
.article p {font-size: 0.875em; line-height: 1.5em; margin: 0 0 1.1em 0;}
.article pre {border: 1px dotted #000; margin: 0.75em 1.56em 0.75em 0.63em; padding: 0.63em 0.94em; background: #fff; font-size: 0.75em; font-family: "courier new"; line-height: 1.4em; display: block; overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
.article blockquote {border-left: 1px dashed #000; margin: 0.75em 25px 0.75em 0.63em; background: #d7d7d7; display: block;}
.article blockquote p {font-size: 0.75em; line-height: 1.6em; padding: 0.63em 0.94em;}

.article a, .article a:visited {color: #5a5a5a; text-decoration: underline;}
.article a:hover {color: #6cc900;}

.article ul {margin: 0.75em 0 1.25em 1.56em; font-size: 1.0em; list-style: disc;}
.article ul li {line-height: 1.38em;}
.article ul li ul {margin-top: 0; margin-bottom: 0; font-size: 1.0em; list-style: circle;}
.article ul li ul li ul {margin-top: 0; margin-bottom: 0; font-size: 1.0em; list-style: square;}

.article ul.attach {list-style: none; margin-left: 2px;}
.article ul.attach li {line-height: 2.0em;}
.article ul.attach li a {padding-left: 25px;}
.article ul.attach li.ext-pdf {background: url("../images/ext_pdf.png") 0 4px no-repeat;}

.article ol {margin: 0.75em 0 1.25em 1.56em; font-size: 1.0em; list-style: decimal;}
.article ol li {line-height: 1.38em;}
.article ol li ol {margin-top: 0; margin-bottom: 0; font-size: 1.0em;}
.article ol li ol li ol {margin-top: 0; margin-bottom: 0; font-size: 1.0em; list-style: lower-latin;}

.article table {width: auto; border-collapse: collapse; font-size: 1.0em; margin: 0.31em 0 1.25em 0; border: 1px solid #e0e0e0; border-top: 0px solid #888; border-bottom: 0px solid #888;}
.article table caption {font-variant: small-caps; padding-bottom: 0.63em;}
.article table.full {width: 100%;}
.article table th {background: #6cc900; color: #fff; padding: 0.5em; border-bottom: 1px solid #fff; text-align: left; font-weight: bold;}
.article table td {border-bottom: 1px solid #eee; padding: 0.5em;}
.article table tr.headin {background: #f0f9e5;}

.article .article-vlevo {float: left; margin: 10px; margin-left: 0; border: 1px solid #000;}
.article .article-vpravo {float: right; margin: 10px 5px 10px 10px; border: 1px solid #000;}
.article .article-text-vlevo {text-align: left;}
.article .article-text-vpravo {text-align: right;}
.article .article-text-center {text-align: center;}
.article .article-text-justify {text-align: justify;}
.article .youtube {text-align: center; padding: 20px 0;}
