/* CSS2 ferro.pl./ */

/* common */

body { padding: 0; margin: 0; font: 12px/1.6 verdana, helvetica, geneva, arial, sans-serif; color: #000; }
.tlo { background: url(gfx/tlo.gif); }

p {font: 12px/1.5 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
ol {font: 12px/1.5 verdana, helvetica, geneva, arial, sans-serif;}
ul {font: 12px/1.5 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 15px; padding: 5px 0px 5px 0px; }
li {font: 12px/1.5 verdana, helvetica, geneva, arial, sans-serif; }

form {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
input { font: 13px verdana, helvetica, geneva, arial, sans-serif; }
input.button { font: bold 10px/1.0 verdana, helvetica, geneva, arial, sans-serif; }
textarea { font: 12px verdana, helvetica, geneva, arial, sans-serif; }
select { font: 12px verdana, helvetica, geneva, arial, sans-serif; }
label{ padding: 0px 0px 0px 0px; margin: 0px 0px 4px 0px; }
legend { font: normal 9px/1.0 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 10px 0px; }

a, a:link, a:visited, a:active { text-decoration: underline; color: #000;}
a:hover { text-decoration: none; color: #900; }

h1 {font: bold 25px/1.4 Georgia, MS Serif, New York, serif; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; color: #666; }
h2 {font: normal  20px/1.4 trebuchet ms, verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
h3 {font: bold 16px/1.4 trebuchet ms, verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 10px 0px; padding: 5px 0px 5px 0px; }
h4 {font: bold 13px/1.4 trebuchet ms, verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; }
h5 {font: bold 11px/1.4 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; }
h6 {font: bold 10px/1.4 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; }

#tlo-naglowek { background: url(gfx/tlo_naglowek.gif) repeat-x; }

#container { width: 925px; margin-left: auto; margin-right: auto; }

#logo { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px;  float: left; }
#logo img { margin: 0px 0px 0px 0px; padding: 25px 0px 25px 0px;  display: inline;}

#flagi { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  float: left; text-align: right; }
#flagi img { margin: 0px 0px 0px 0px; padding: 25px 0px 25px 0px;  display: inline;}

#search { padding: 35px 0px 0px 0px; margin: 0px 0px 0px 0px;  float: left; }
#search h6 {font: normal 10px/1.4 verdana, helvetica, geneva, arial, sans-serif; padding: 0px 0px 0px 0px; color: #333; }
.search-button { vertical-align : middle; margin: 0px 0px 10px 0px; }

#bc  { margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px; }
#bc h1 {font: bold 10px/1.2 verdana, helvetica, geneva, arial, sans-serif; color: #fff; }
#bc a, #bc a:link, #bc a:visited, #bc a:active {color: #fff;}
#bc select { font: 10px verdana, helvetica, geneva, arial, sans-serif; background-color: #eee; margin: 2px 0px 0px 0px; }

#main-menu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
#tabnav {margin-left: auto; margin-right: auto; padding-left: 0px; margin-bottom: 0px;  }
#tabnav ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#tabnav li { margin:0px 0px 0px 0px; padding: 0; display: inline; list-style-type: none; }
#tabnav a:link, #tabnav a:visited, #tabnav span {height: 26px; float: left; background: url(gfx/menu_normal.gif); font-size: 11px; line-height: 14px; font-weight: bold; padding: 11px 9px 12px 9px; border-right: 1px solid #DCD3CA; border-bottom: 1px solid #ccc; text-decoration: none; color: #fff;}
#tabnav  #current a:link, #tabnav  #current a:visited, #tabnav  #current span { border-bottom: 1px solid #726351; background: url(gfx/menu_current.gif); color: #fff; }
#tabnav a:hover{  color: #333; background-image: none; background: #C9B6A0; }

#midpage  { margin:0 px 0px 0px 0px; padding: 25px 0px 25px 0px; background-color: #fff; border-bottom: 1px solid #000;}

#name { margin: 0px 0px 0px 0px; padding: 20px 0px 20px 25px;background: url(gfx/tlo_name.gif);}
#name h2 { color: #000;  }

#nav-sub-ul { margin: 0px 25px 0px 0px; padding: 0px 0px 25px 0px; color: #000;}
#nav-sub-ul ul  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 1px solid #ddd;}
#nav-sub-ul li {border-bottom: 1px solid #ddd; margin: 5px 0px 5px 0px; padding: 0px 0px 5px 15px;  list-style-type : none; background: url(gfx/arrow.gif) no-repeat top left;  }
#nav-sub-ul li span { font-weight : bold;  }
#nav-sub-ul li #current2 { list-style-image: url(gfx/arrow_2.gif); }
#nav-sub-ul a, #nav-sub-ul a:link, #nav-sub-ul a:visited, #nav-sub-ul a:active { text-decoration: none; color: #333; }
#nav-sub-ul a:hover { text-decoration: none; color: #900; }

#ikony_lista blockquote { margin: 0px 0px 0px 0px; padding: 10px 0px 25px 0px; float: left; width:175px; }
#ikony_lista blockquote p {font: 12px/1.3 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 25px 10px 0px;}
#ikony_lista blockquote h4 {margin: 0px 0px 0px 0px; padding: 5px 25px 10px 0px;}

.dokumentacja_ikony blockquote { margin: 0px 0px 0px 0px; padding: 10px 0px 25px 0px; float: left; width:175px; }
.dokumentacja_ikony blockquote p {font: 12px/1.3 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 25px 10px 0px;}
.dokumentacja_ikony blockquote h4 {margin: 0px 0px 0px 0px; padding: 5px 25px 10px 0px;}

#footer  { margin: 25px 0px 25px 0px; padding: 10px 25px 10px 25px; background-color: #fff; color: #333; border-top: 1px solid #000; border-bottom: 1px solid #000;}
#footer a, #footer a:link, #footer a:visited, #footer a:active { text-decoration: underline; color: #666; }
#footer a:hover { text-decoration: none; color: #666; }

#midpage hr { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; clear: both; border: none; border-top: 1px dashed #ccc; }
#footer hr { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; clear: both; border: none; border-top: 1px dashed #ccc; }

/* kolumny */

.kol_1_3  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px; float: left; width: 275px; }
.kol_2_3  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px; float: left; width: 275px; }
.kol_3_3  { margin: 0px 0px 0px 0px; padding: 0px 25px 0px 25px; float: left; width: 275px; }

.kol_1_1  { margin: 0px 0px 0px 0px; padding: 0px 25px 0px 25px; float: left; }

.kol_1_2  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px; float: left; width: 275px; }
.kol_2_2  { margin: 0px 0px 0px 0px; padding: 0px 25px 0px 25px; float: left; width: 575px; }
.kol_1_2_2  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 275px; }
.kol_2_2_2  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px; float: left; width: 275px; }

.kol_1_4  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 200px; }
.kol_2_4  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px; float: left; width: 200px; }
.kol_3_4  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px; float: left; width: 200px; }
.kol_4_4  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px; float: left; width: 200px; }

/* index */

#midpageindex  { margin:0 px 0px 0px 0px; padding: 0px 0px 25px 0px; background-color: #fff; background-image: url(gfx/tlo_kran_index.jpg);  background-repeat: repeat-x;  background-position: top;  float: left; border-bottom: 1px solid #000;  width: 925px; }

#krany_szukaj_index { margin: 0px 0px 0px 625px; padding: 35px 0px 0px 25px; color: #fff; height: 215px; color: #fff; }
#krany_szukaj_index select { font: 10px verdana, helvetica, geneva, arial, sans-serif; background-color: #eee; }
#krany_szukaj_index a, #krany_szukaj_index a:link, #krany_szukaj_index a:visited, #krany_szukaj_index a:visited a:active { text-decoration: underline; color: #fff;}
#krany_szukaj_index a:hover { text-decoration: none; color: #fff; }
.krany-button { vertical-align : middle; margin: 0px 0px 0px 10px; }

.index-box-2 {
  margin: 5px 0px 25px 0px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ccc;
  height: 263px;
}
.index-box-2-double {
  margin: 5px 0px 25px 0px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ccc;
  height: 562px;
}
.index-box-1 {
  margin: 5px 0px 25px 0px;
  padding: 0px 0px 0px 0px;
  height: 275px;
}


/* produkt */
.prod-kod { margin: 0px 5px 5px 0px; padding: 5px 5px 5px 5px; background-color: #666; color: #fff; }
#prod { margin: 0px 0px 0px 0px; padding: 0px 0px 25px 0px; float: left;}
#prod_foto_1 { margin: 0px 25px 0px 0px; padding: 0px 74px 0px 0px; float: left; border-right: 1px dashed #ccc; width: 200px;}

#prod_foto_2 { margin: 25px 0px 0px 0px; padding: 0px 74px 0px 0px; border-right: 1px dashed #ccc; width: 200px;}

#prod_foto_3 { margin: 0px 0px 0px 0px; padding: 25px 0px 0px 25px; float: left; width: 200px; border-left: 1px dashed #ccc; height: 175px; }

#prod_foto_3_lang { margin: 25px 0px 0px 0px; padding: 0px 74px 0px 0px; border-right: 1px dashed #ccc; width: 200px;}

#prod-dane { margin: 25px 0px 0px 0px; padding: 0px 25px 0px 0px; float: left; width: 275px;}

#prod-opis { margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px; float: left;  }
#prod-opis img {border: 1px solid #000; }

#prod-pliki {margin: 0px 0px 0px 0px; padding: 10px 0px 25px 0px; width: 875px; }
#prod-pliki blockquote { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width:125px; }
#prod-pliki hr { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; clear: both; border: none; }
#prod-pliki blockquote p {font: 10px/1.3 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 25px 5px 0px;}
#prod-pliki blockquote h4 {margin: 0px 0px 0px 0px; padding: 5px 25px 5px 0px;}
#prod-pliki img {border: 1px solid #000; }

#prod-tech {margin: 0px 0px 0px 0px; padding: 10px 0px 25px 0px; width: 875px; }
#prod-tech blockquote { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width:125px; }
#prod-tech hr { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; clear: both; border: none; }
#prod-tech blockquote p {font: 10px/1.3 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 25px 5px 0px;}
#prod-tech blockquote h4 {margin: 0px 0px 0px 0px; padding: 5px 25px 5px 0px;}
#prod-tech img {border: 1px solid #000; }

#inne-prod {margin: 0px 0px 0px 0px; padding: 10px 0px 25px 0px; width: 875px; }
#inne-prod blockquote { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width:125px; }
#inne-prod hr { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; clear: both; border: none; }
#inne-prod blockquote p {font: 10px/1.3 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 25px 5px 0px;}
#inne-prod blockquote h4 {margin: 0px 0px 0px 0px; padding: 5px 25px 5px 0px;}

#prod p {font: 11px/1.3 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
#prod h4 {margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
#prod table {background: #fff; }
#prod table p {font: 11px/1.0 verdana, helvetica, geneva, arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
#prod td { background: #eee; padding: 1px 5px 1px 5px; margin: 1px 1px 1px 1px; border-left: 1px solid #fff; border-top: 1px solid #fff;}

/* kolory */

.red {color: #c00; }

.reset { clear: both; }