/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,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: 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;}
ol, ul {list-style: none;}
input, textarea { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 100%; }
body {line-height: 1;font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 62.5%;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}

body { text-align: center; line-height: 1.4; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; background: #e8ecf1; }
a { color: #3b6a99 }
a:hover { color: #000 }

.txt-red { color:rgb(255,0,0);}
.bold {font-weight: bold;}

.star {color: #ff0000;}
.input-send {width: 250px; height: 30px; font-size: 14px; font-weight: bold;}
.arrow-send {vertical-align: middle;}
.arrow-send div {width: 320px; background: url(../img/arrow_send.png)  no-repeat right;}

#header { background: #ffffff url(../img/header.png) repeat-x bottom; padding: 20px 0 0 0px;}
#header .in { width: 980px; margin: 0 auto; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; overflow: hidden;  }
#logo {float: left; padding: 0 0 40px 20px; position: relative; width:300px;}
#logo a { font-size: 320%; color: #333; text-decoration: none; }
#logo img { display: block; }
#logo p {text-align: left; position: absolute; left: 20px; bottom: 0x; font-size: 15px; color: red; font-style: italic; height: 30px; background: #ffffff url(../img/header.png) repeat-x bottom; }
#header ul { float: right; padding: 0px 0 0 0; }
#header li { float: left; background: url(../img/button.gif) center; min-height: 40px; _height:40px; margin: 0 3px 0 0;  }
#header li.top { float: left; background: url(../img/button2.gif) center; min-height: 40px; _height:40px; margin: 0 3px 0 0;  }
#header ul li a { width: 125px; float: left; font-size: 160%; color: #666666; text-decoration: none; padding: 8px 0 4px 0; text-align: center; }
#header ul li.top a { width: 125px; float: left; font-size: 160%; color: #ffffff; text-decoration: none; padding: 8px 0 4px 0; text-align: center; }
#header ul li a:hover { color: #204D7A; font-size: 170%; }
#header ul li.top a:hover { color: #ffffff; font-size: 170%; }
#header ul li a.activ,  { color: #204D7A; font-size: 170%;}

#header ul.secondary { padding: 5px 0 0 0; }
#header ul.secondary li { float: left; min-height: 30px; _height:30px; margin: 0 3px 0 0; background: none; }
#header ul.secondary li a { font-size: 120%; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #fff; font-weight: bold; padding: 5px 0 6px 24px; text-align: left; width: auto; float: none; display: block; zoom:1 }
#header ul.secondary li a:hover { color: #fff; font-size: 120%; text-decoration: underline; }
#header ul.secondary .butt-black { width: 125px }
#header ul.secondary .butt-black a { margin: 0 4px 0 0; background: url(../img/button_black.gif) left;}
#header ul.secondary .butt-red { width: 124px;}
#header ul.secondary .butt-red a { margin: 0 4px 0 0; background: url(../img/button_red.gif) left; }
#header ul.secondary .butt-yellow { width: 126px;}
#header ul.secondary .butt-yellow a { margin: 0 4px 0 0; background: url(../img/button_yellow.gif) left; }
#header ul.secondary .butt-green { width: 125px }
#header ul.secondary .butt-green a { margin: 0 4px 0 0; background: url(../img/button_green.gif) left;}
#header ul.secondary .butt-gray { width: 122px }
#header ul.secondary .butt-gray a { background: url(../img/button_gray.gif) left;}

#menu { padding: 0px 0px 20px 0px; background: #1e4872 url(../img/menu.png) repeat-x top;}
#menu .in { position:relative;  width: 940px; margin: 0 auto; text-align: left; overflow: hidden;}
#menu ul { font-size: 110%;}
#menu ul ul { padding: 0.4em 0 0 0; }
#menu ul li { float: left; width: 145px; padding: 25px 0 0 0;}
#menu ul ul li { float: none; width: auto; padding: 0; }
#menu ul a { font-weight: bold; color: #fff; font-size: 120%;}
#menu ul ul a { font-weight: normal; text-decoration: none;font-size: 110%;}
#menu a:hover { color: #A7BACD;  }
#menu a.activ { color: #33CCCC;}

#menu .tip {float: left; color: #EFFFFF; font-size: 110%; background: url(../img/tip.png) repeat-x; padding: 25px 10px 10px 10px; }
#menu .tip strong { color:#fff; font-size: 120%; }
#menu .right {background-color: transparent; float: left; color: #ffff00; font-size: 13px; font-weight: bold; padding: 30px 10px 10px 40px; }


#menu ul li#extra-link{position: absolute; width:150px; padding: 0px; bottom: 35px; right: 392px; background: url(../img/extra-link1.gif) no-repeat;}
#menu ul li#extra-link2 {position: absolute; width:150px; padding: 0px; bottom: 10px; right: 392px; background: url(../img/extra-link2.gif) no-repeat;}
#menu ul li#extra-link a, #menu ul li#extra-link2 a{display: block; padding: 3px 10px 3px 20px; width: 120px; font-size:120%; font-weight:bold; color: #fff; text-decoration: none;}
#menu ul li#extra-link a:hover, #menu ul li#extra-link2 a:hover {text-decoration: underline}
#flash { height: 120px; background: url(../img/flash.gif) repeat-x; clear: both; }
#flash .in { width: 940px; margin: 0 auto; padding: 20px 0 0 0; text-align: left;position: relative;}
#flash .in img { position: absolute; top: -146px; left: 770px; }
#flash #swfobj { width: 820px; }
#flash #swfobj img { display: block; position: static; }

#footer {  position: relative; text-align: left; width: 980px; overflow: hidden; margin: 0 auto; background: #1e4872 url(../img/footer.png) no-repeat; font-size: 110%; clear: both; }
#footer .in { background: url(../img/footer-in.png) no-repeat bottom; padding: 5px 10px 5px 0; float: left; }
#footer .in2 { position: absolute; top: 2px; right: 10px; }
#footer .in2 a{ color: rgb(224,224,224); }
#footer .in2 a:hover { color: rgb(255,255,255); }

#footer p { float: right; width: 236px; color: #91a8c0; text-align: right; padding: 1.1em 0 0 0; }
#footer p a { color: #91a8c0; text-decoration: none; }
#footer p a:hover { color: #fff; }
#footer ul { float: left; width: 734px; background: #355b80 url(../img/footer-ul.png) no-repeat; color: #fff;}
#footer li { float: left; padding: 0 0 0 15px;}
#footer ul a { text-decoration: none; color: #fff; }
#footer ul a:hover { color: #A7BACD; }
.visit { font-size: 120%; font-weight: bold; padding: 0.8em 0 0 15px !important; }
.qt { width: 240px; }
.bk { width: 160px; padding: 0.5em 0 0 0; }
.qt a { background: url(../img/qt.gif) no-repeat left; float: left; padding: 0 0 0 55px; }
.bk a { background: url(../img/bk.gif) no-repeat left; float: left; padding: 0 0 0 40px; }
.tpmont { width: 170px; }
.tpmont a { background: url(../img/tpmont.gif) no-repeat left; padding: 0.5em 0 0 0; float: left; padding: 0 0 0 55px; }

.center {text-align: center;} 
.center div {margin: 0 auto;}

#content { text-align: left; width: 960px; margin: 0 auto; font-size: 120%; padding: 30px 0 20px 0; clear: both; }
h1, h2, h3 {  font-weight: normal; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; }
h1 { font-size: 200%; padding: 10px 0 10px 0; }
h2 { font-size: 150%; color: #1E4872; padding: 0 0 5px 0; }
.article p, .box p { padding: 0.2em 0 0.8em 0; }
.article ul { padding: 0.2em 0 0.8em 15px; }
.article ul li { background: url(../img/li.gif) no-repeat 0 0.4em; padding: 0 0 0 15px; }
.article .imgr { float: right; border: 2px solid #1E4873; margin: 0 0 7px 15px; }
.article .img_set {position:relative; float: right; width: 240px;}
.article .img_set .imgr {margin: 0px 0px 7px 15px;}
.imgr-n { float: right; margin: 0px 0px 7px 15px;}

.abraziv .article .img_set {width: 290px;}

.box { border: 1px solid #FFCC66; background: #FFFFE1; padding: 8px 10px;}
.box2 { border: 1px solid #1E4872; background: #D6DAEA; padding: 8px 10px;}
.prize_box {width: 590px; text-align: left; padding: 10px 10px 10px 10px;}
.prize_box strong, .price strong, .download strong {color: #1E4872;}
.produkt_table td.pricer { text-align: right; padding-right: 2em; }

.download {float : left;}
.cleaner {clear: both;}
.zero_cleaner {clear: both; height: 0px; line-height: 0px; font-size: 0px;}

.produkt_table {width: 590px; padding: 10px 10px 10px 10px;}

.produkt_table th {font-weight: bold; padding: 4px 4px 4px 4px; color: #1E4872;}
/*.produkt_table td {padding: 2px 0px;}*/
.produkt_table td {padding: 4px 4px 4px 4px;}
.cenik td {text-align: right; padding: 2px 15px;}
.cenik td:first-child {padding: 2px 0px; text-align: left;}
.bordered td {padding: 2px; border: 1px solid #ffCC66;}
.produkt_table .center { text-align: center;}
.produkt_table h3 {font-size: 110%; font-weight: bold; color: #1E4872;}
.produkt_table strong {color: #000;}

.kontakt_table {margin: 10px auto;}
.kontakt_table th {text-align: right; font-weight: bold; padding: 2px; color: #1E4872;}
.kontakt_table td {padding: 2px;}

.pre_number {width: 35px;}
.no_border th {border-bottom: 0px;}
#table_form {font-weight: bold; color: #1E4872;}

/* homepage */
#home { width: 540px; float: left;}
#home li { width: 254px; height: 216px; margin: 0 16px 16px 0; float: left; overflow: hidden; }
#home a {height: 194px; padding: 10px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 150%; color: #1E4872; text-decoration: none; display: block;}
#home a:hover { color: #000; text-decoration: underline; background-position: 0px -214px;}

#m1 a {background: url(../img/m12.jpg) no-repeat;}
#m2 a {background: url(../img/m22.jpg) no-repeat;}
#m3 a {background: url(../img/m32.jpg) no-repeat;}
#m4 a {background: url(../img/m42.jpg) no-repeat;}
#m5 a {height: 24px; padding-top: 180px; background: url(../img/m62.jpg) no-repeat;}

#col { float: right; width: 400px;}
#col_image {text-align: center;}
.high { color: red; }
#show { background: #ffcc66 url(../img/more.gif) no-repeat left; color: #fff; text-decoration: none; font-weight: bold; display: block; text-align: center; width: 100px; margin: 0 auto 20px auto; padding: 2px 0; }

p.important {color: #ff0000; font-size: 120%;}

.go-back {display:block; width:960px; height: 40px; margin: 0 auto; padding: 5px; text-align: right; font-size: 120%; font-weight: bold;}

.parametry th,tr,td{border: 1px rgb(128,128,128) solid; padding: 3px 5px 3px 5px;}
h3{font-size: 16px; font-weight:bold;}

.thumbnails .image {
    width: 330px;
    float: left;
    margin-right: 5px;
    text-align: center;
    padding-bottom: 1em;
}

.thumbnails .image span {
    font-weight: bold;
    display: block;
}
.reset { clear: both; height: 1px; } 

.center { text-align: center; }
