@charset "UTF-8";
/* CSS Document */

body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #333; background-color: #FFF; margin: 0px; border-top: 4px solid #C70000; }

sup { line-height: 0; }

h1 { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color: #000; text-align: right; margin: 0; padding: 45px 25px 0 0; }

.cleaner { clear: both; }
.cleaner-padding { clear: both; padding: 0 0 20px 0; }
.cleaner-small-padding { clear: both; padding: 0 0 5px 0; }

#container { width: 100%; overflow: hidden; margin: 0 auto; background: url('../images/layout/site-bg.gif') repeat-x; }


/* header */
#header-wrapper { width: 821px; height: 145px; margin: 0 auto; }
#header-wrapper .logo { width: 224px; height: 145px; float: left; background: url('../images/layout/logo-bg.gif'); }
#header-wrapper .logo img { margin: 0; padding: 45px 0 0 35px; border: 0;}

#header-wrapper #navigation-wrapper { float: right; width: 597px; height: 145px; margin: 0; padding: 0; }
#header-wrapper #navigation-wrapper h1 { display: block; float:right; height: 51px; margin: 0; padding: 25px 25px 0 0; }
#header-wrapper #navigation-wrapper .language { float: right; padding: 5px 25px 0 0; margin: 0; color: #000; font-size: 12px; }
#header-wrapper #navigation-wrapper .language a {  color: #CA0100; text-decoration: underline; }

/* navigation */
#navigation { width: 597px; height: 50px; padding: 0; margin: 0; }
#navigation a { float: left; height: 50px; text-decoration: none; background-position: 0 0; margin: 0; padding: 0; }

#navigation a.uvod { background: url('../images/navigation/uvod.gif') no-repeat; width: 73px; }
#navigation a.ospolocnosti { background: url('../images/navigation/ospolocnosti.gif') no-repeat; width: 126px; }
#navigation a.cleanroomproducts { background: url('../images/navigation/cleanroom-produkty.gif') no-repeat; width: 170px; }
#navigation a.esdproducts { background: url('../images/navigation/esd-produkty.gif') no-repeat; width: 129px; }
#navigation a.contacts { background: url('../images/navigation/kontakty.gif') no-repeat; width: 99px; }

#navigation a:hover { background-position: 0 -50px; }

#navigation a.uvod-a { background: url('../images/navigation/uvod.gif') no-repeat; width: 73px; background-position: 0 -100px; }
#navigation a.ospolocnosti-a { background: url('../images/navigation/ospolocnosti.gif') no-repeat; width: 126px; background-position: 0 -100px; }
#navigation a.cleanroomproducts-a { background: url('../images/navigation/cleanroom-produkty.gif') no-repeat; width: 170px; background-position: 0 -100px; }
#navigation a.esdproducts-a { background: url('../images/navigation/esd-produkty.gif') no-repeat; width: 129px; background-position: 0 -100px; }
#navigation a.contacts-a { background: url('../images/navigation/kontakty.gif') no-repeat; width: 99px; background-position: 0 -100px; }

/* subnavigation */
.subnavigation { font-size: 13px; color: #000; line-height: 2em; padding: 0; margin: 0 0 25px 0; }
.subnavigation a { color: #C90101; text-decoration: underline; }
.subnavigation a:hover { color: #0036BF; text-decoration: none; }



/* center top images */
#center-wrapper { width: 821px; margin: 0 auto; padding: 0; }

#center-images-wrapper { float: left; width: 371px; height: 138px; margin: 0 auto; padding: 0; overflow: hidden;  }

#center-images-wrapper .breadcrumb { width: 371px; height: 58px; background: #FDFDFD url('../images/layout/breadcrumb-bg.gif') no-repeat; margin: 0; padding: 0;  }
#center-images-wrapper .breadcrumb p { font-size: 9px; color: #000; font-weight: normal; text-transform: uppercase; padding: 27px 15px 0 20px; margin: 0; }
#center-images-wrapper .breadcrumb a { color: #0036BF; text-decoration: underline; }
#center-images-wrapper .breadcrumb a:hover { color: #0036BF; text-decoration: none; }

#center-images-wrapper .product-titles { width: 371px; height: 80px; background: #D60606 url('../images/layout/titlebar-bg.gif') no-repeat;  margin: 0; padding: 0; }
#center-images-wrapper .product-titles h2 { font-family: "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; color: #FFF; text-align: left; margin: 0; padding: 25px 20px 0 105px; letter-spacing: -0.05em; }

#center-wrapper #side-picture { width: 450px; height: 138px; float: right; margin: 0; padding: 0; background-color: #000; }
#center-wrapper .bottom  { width: 821px; height: 20px; background: url('../images/layout/subpage-center-images-bottom.gif') no-repeat;  margin: 0; padding: 0; }


/* content */
#content-wrapper { width: 771px; margin: 0 auto; padding: 0 25px 10px 25px; background: #FFF; }
#content-wrapper-cr { width: 771px; margin: 0 auto; padding: 0 25px 10px 25px; background: no-repeat #FFF url('../images/layout/bg-02.jpg');}
#content-wrapper-esd { width: 771px; margin: 0 auto; padding: 0 25px 10px 25px; background: no-repeat #FFF url('../images/layout/bg-01.jpg');}

h3 { font-family: "Times New Roman", Times, serif; font-size: 23px; font-weight: normal; color: #C90101; text-align: left; padding: 0; margin: 0 0 15px 0; }
h3 .product-number { font-size: 11; }
h4 { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color: #0C2875; text-align: left; padding: 0; margin: 0 0 10px 0; }
h5 { font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; color: #0C2875; text-align: left; padding: 0; margin:  5px 0 5px 0; }

p { font-size: 13px; font-weight: normal; color: #000; line-height: 1.5em; text-align: left; margin: 0 0 10px 0; padding: 0; }
p a { color: #0036bf; text-decoration: underline; }
p a:hover { color: #0036bf; text-decoration: none; }
ul { list-style: none; font-size: 12px; font-weight: normal; color: #000; line-height: 1.5em; text-align: left; margin: 0 0 10px 0; padding: 0; }

ul.web-map { list-style: disc; margin: 0 0 0 20px; padding: 0; list-style-position: inside; line-height: 1.8em;  }
ul.web-map li { margin: 0; padding: 0;}
ul.sub { list-style: circle; margin: 0 0 0 20px; padding: 0; list-style-position: inside; line-height: 1.8em; }
ul.web-map li { margin: 0; padding: 0;}
ul.web-map a { color: #0036BF; text-decoration: underline; }
ul.web-map a:hover { text-decoration: none; }


.endofsubproducts { border-bottom: 5px solid #F7F7F7; margin: 5px 0 15px 0; }
.endofproducts { border-bottom: 5px solid #E4E5E8; margin: 10px 0 15px 0; }

.image-right { float: right; border: 0; margin: 10px 0 15px 15px; border: 3px solid #D0D0D0; }
.image-left { float: left; border: 0; margin: 0 10px 0 0; border: 5px solid #EBEBEB; }

.product-box-wrapper {  width: 771px; margin: 5px auto 0 auto; padding: 0; }
.product-box-wrapper .box { float: left; width: 230px; margin: 0 10px 0 0; padding: 0 10px 10px 0; font-size: 12px; font-weight: normal; color: #000; line-height: 1.4em; text-align: left; }
.product-box-wrapper .box img { border: 5px solid #E4E5E8; margin: 0 5px 5px 0; float: left; }
.product-box-wrapper p { padding: 0; margin: 10px 0 0 0; }

.product-box-wrapper ul { width: 145px; padding: 0 0 0 20px; margin: 0; display: block; float: left; list-style: outside; list-style-type: disc; line-height: 1.45em;}
.product-box-wrapper ul.fullrow { width: 680px; padding: 0 0 0 20px; margin: 0; display: block; float: left; list-style: outside; list-style-type: disc; line-height: 1.45em;}
.product-box-wrapper li { padding: 0 0 3px 0; }

.product-box-wrapper .boxlast { float: left; width: 170px; margin: 0 10px 0 0; padding:  0 10px 0 0; font-size: 12px; font-weight: normal; color: #000; line-height: 1.5em; text-align: left; }
.product-box-wrapper .boxlast img { border: 5px solid #E4E5E8; margin:  0 5px 3px 0; float: left; }

.main-product-box-wrapper {  width: 771px; margin: 5px auto 0 auto; padding: 0; background: #FFF; }
.main-product-box-wrapper .box { float: left; width: 237px; margin: 0 10px 0 0; padding: 0 10px 0 0; font-size: 12px; font-weight: normal; color: #000; line-height: 1.4em; text-align: left; aborder-right: 1px solid #E4E5E8; }
.main-product-box-wrapper .box img { border: 5px solid #E4E5E8; margin: 0 5px 0 0; float: left; }
.main-product-box-wrapper p { padding: 0; margin: 10px 0 0 0; }

#submenu { padding: 20px 0 15px 0; font-size: 11px; }
#submenu.main { padding: 0 0 15px 0; font-size: 11px; }
#submenu a { color: #C90101; padding: 0 10px 0 0; }
#submenu a:hover { text-decoration: none; }

#products-group { padding: 10px; margin: 0 0 2px 0; background-color: #F8F8F8; border-bottom: 3px solid; border-color: #EBEBEB; }
#products-group:hover { background-color: #F2F2F2;}
#products-group a { float: left; display: block; margin: 0; padding: 10px 0 0 10px; font-size: 26px; font-family: "Times New Roman", Times, serif; color: #C90101; text-decoration: none; }
#products-group a:hover { text-decoration: underline; }
#products-group .image-right { float: right; display: block; border: 0; padding:0; margin: 0 0 0 20px; border: 3px solid #FFF; }

/* bottom cloumns */
#bottom-wrapper { width: 821px; margin: 0 auto; padding: 0; border-top: 1px solid #E4E5E8; background: #FFF;  }
#address { float: left; width: 158px; padding: 10px 20px 20px 25px; margin: 0; }
#address h3 { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color: #C90101; text-align: left; margin: 0; padding: 0; }
#address ul { list-style: none; line-height: 1.5em; padding: 5px 0 0 0; margin: 0; font-size: 12px; font-weight: normal; color: #000; }

#division { float: right; width: 200px; }
#division .mark{ margin: 30px 0 0 35px; padding: 10px 10px 5px 10px; float: left; border: 5px solid #CA0100; text-align: center; }
#division .logo { padding: 0; }
#division p { padding: 0; margin: 0; line-height: 2em; font-size: 12px; }
#division a { color: #0036bf; text-decoration: underline; }
#division a:hover { color: #0036bf; text-decoration: none; }

#newsletter { float: left; width: 371px; padding: 10px 10px 10px 35px; margin: 0; border-left: 1px solid #E4E5E8; border-right: 1px solid #E4E5E8; }
#newsletter h3 { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color: #C90101; text-align: left; margin: 0; padding: 0; }
#newsletter p { font-size: 12px; font-weight: normal; color: #000; line-height: 1.5em; }

#newsletter form { margin: 0; }
#newsletter input.email { float: left; width: 190px; margin: 0 5px 0 0; font: 12px Helvetica, Arial, sans-serif; color: #000; }
#newsletter input.button { float: left; margin: 0; }
#newsletter .button { margin: 0; padding: 0; }

/* footer */
#footer-wrapper { width: 100%; margin: 0 auto 0 auto; padding: 0; background: url('../images/layout/footer-bg.gif') repeat-x; }
#footer-wrapper .text { width: 821px; font-size: 10px; color: #FFF; line-height: 1.5em; margin: 0 auto; padding: 15px 0 60px 0; text-transform: uppercase; }
#footer-wrapper .copy { float: left; }
#footer-wrapper .links { float: right; }
#footer-wrapper a  { color: #FFF; text-decoration: underline;  }
#footer-wrapper a:hover { color: #FFF; text-decoration: none; }
#footer-wrapper a.krea { color: #FFF; text-decoration: none;  }
#footer-wrapper a.krea:hover { color: #FFF; text-decoration: underline; }

/* CONTACT FORM */
#content-wrapper .contact-form fieldset { color: #000; border: 0; background-color: #FFF; padding: 25px; margin: 0; position:relative; }
#content-wrapper .contact-form fieldset input { font-size: 12px; padding: 3px; font-weight: normal; width: 220px; margin-bottom: 3px; }
#content-wrapper .contact-form fieldset input.button { font-size: auto; padding: 3px; font-weight: normal; width: auto; margin-bottom: 3px; }
#content-wrapper .contact-form fieldset textarea { font-size: 12px; padding: 3px; font-weight: normal; margin-bottom: 3px; width: 300px; height: 150px; }
#content-wrapper .contact-form fieldset th { text-align: right; font-weight: normal; }
#content-wrapper .contact-form fieldset p { margin: 0 0 20px 0; padding: 0 0 0 5px; }
#content-wrapper .contact-form p.form { margin: 0 0 15px 25px; padding: 0; font-weight: normal; }
#content-wrapper .contact-form p.red { color: red; font-weight: bold; }
#content-wrapper .contact-form p.green { color: green; font-weight: bold; }

#content-wrapper .contact-form .contacts { margin: 0 25px 25px 25px; line-height: 1.6em; color: #000; }
#content-wrapper .contact-form .contacts td { padding: 5px 5px 5px 0; line-height: 1.6em; width: 220px; }
#content-wrapper .contact-form .contacts th { padding: 5px 5px 5px 0; text-align: left; font-size: 14px; font-weight: bold; width: 220px; }
#content-wrapper .contact-form span { color: #FF0000; }