body { margin:0;padding:0;text-align: center;font-family: verdana, arial, sans-serif; color:#444444; background-color:#ffffff;}
a { color: #000000;text-decoration:  none;font-weight: normal; border: 0px;}
a:link, a:visited { color: #000000;text-decoration:  none;font-weight: normal; border: 0px;}
a:hover { color: #000000;text-decoration:  underline;font-weight: normal; border: 0px;}

.bold { font-weight: bold;}

span.arrow { font-size:11px; font-weight:bold }

.fr {float:right;}
.fl {float:left;}

.tr {text-align:right;} /*nowa*/
.tl {text-align:left;} /*nowa*/
.tc {text-align:center;} /*nowa*/

.clr {clear: both;}

img.ico { border: 0px; }
img.flag { border: 1px solid #9a9a9a; }
/* Layout */
a.anchor { background: none; }


#container { width: 850px;text-align:left; margin-left: auto; margin-right: auto; margin-bottom: 20px; }

#banner { width: 850px; height: 124px; background: url("img/banner_logo.jpg") no-repeat left center;  background-color: #ebeae8; text-align:left; }

#banner img { margin: 0px; border-width: 0px; }
#banner a { border-width: 0px; }
#banner a:hover { border-width: 0px; }
#mainsite { width: 850px;height: 100%;background: url("img/white_line_185.gif") repeat-y left center; background-color: #fff;}
#menuleft { float: left; width: 185px; background-color: #ebeae8; }
#content { width: 665px;height: 100%; margin: 0px; background-color: #fff; float: left;}
#footer { width: 850px; height:25px; text-align: center; background-color: #d7d6d4;}
#footer .text { padding: 7px 0px 5px 0px; font-size: 10px; }
#query {  margin-left: auto; margin-right: auto; font-size: 11px; margin-top: 30px;}
#flags { width: 850px; height: 20px; background-color: #ebeae8; text-align:right; }
#flags a.wyloguj { font-size: 11px; font-weight: bold; margin-right: 5px;color:#777777; }

#banner #urzadzenia  { width: 840px; height: 92px; text-align: right; }
#banner #menutop  { padding: 10px 30px 0px 0px;  float: right; }
#banner #menutop div.menu { text-align: center; float: left;  margin: 0px 0px 0px 0px; padding:0px 3px 0px 3px; font-size:10px;  text-transform: uppercase; }
#banner #menutop div.menu a { display:inline;  margin-bottom 5px; padding: 0px 5px 0px 5px; text-decoration: none;color:#777777;font-weight:bold;}
#banner #menutop div.menu a:link { }
#banner #menutop div.menu a:hover {font-weight:bold; color: #da2218;}
#banner #menutop div.last { border-width: 0px; border-style: none;}
#banner #menutop div.menu a.active {font-weight:bold;color: #da2218;}
#banner #menutop div.menu a.ico {  display:inline; padding: 0px 0px 0px 5px; margin:0px; color:#777777;font-weight:bold;}
#banner #menutop div.menu a:link.ico { }
#banner #menutop div.menu a:hover.ico {font-weight:bold;}
#banner #menutop div.menu div.ico { margin: 5px 0px 0px 0px;width: 100px;}


#menuleft .menu { background: url("img/white_line.gif") repeat-y right center;}

#menuleft .menu ul {margin: 0px; padding:0px 0 0px 0;width: 185px; ;border-bottom: 1px solid #fff; text-align:left; font-size:11px;}
html>body #menuleft .menu ul { width: 185px; }
#menuleft .menu ul li {list-style: none; padding: 2px 0px 2px 0px; border-bottom: 1px solid #fff; border-top: 1px solid #fff;}
html>body #menuleft .menu ul li { padding: 3px 0 3px 0; }
#menuleft .menu ul li a { display:block; width: 145px; padding: 5px 0 5px 20px; text-decoration: none;color:#575352;font-weight:bold;}
html>body #menuleft .menu ul li a { width: 145px; }
#menuleft .menu ul li a:link { }
#menuleft .menu ul li a:hover {font-weight:bold; color: #da2218;}
#menuleft .menu ul li.active {background: url("img/ico_menu.gif") no-repeat right center;}
#menuleft .menu ul li.last { border-width: 0px; border-style: none;}
#menuleft .menu ul li a.ico {  display:inline; padding: 5px 0px 5px 5px; margin:0px; color:#575352;font-weight:bold;}
#menuleft .menu ul li a:link.ico { }
#menuleft .menu ul li a:hover.ico {font-weight:bold;}
#menuleft .menu ul li div.ico { margin: 5px 0px 5px 20px;width: 120px;}
#menuleft .menu div.add { padding: 0px 0px 5px 10px;}
#menuleft .menu div.add a.add { font-size: 11px; text-decoration: none; font-weight: bold; color: #575352; background: none; }
#menuleft .menu a.anchor { background: none; }

#menuleft table.message { width: 100%; text-align:left; }
#menuleft td.message { font-size: 11px;width: 100%; text-align: left;}
#menuleft p.message_error { font-size: 11px; width: 100%;text-align: left;}

#content #gap  { height: 30px; }



#content .content { width: 500px; margin: 40px 0px 30px 25px; float: left; font-size: 11px; }
html>body #content .content { margin-left: 50px; }
#content .gallery { width: 600px; margin: 10px 0px 30px 20px; float: left; font-size: 11px; }
html>body #content .gallery { margin-left: 35px; }
html>body #content .gallery span.header1 { font-size: 13px; font-weight: bold; text-decoration: none; color: #555555;}

#content .content .text {  text-align: justify; font-size: 11px;  width: 500px; margin-bottom: 30px;}
#content .content .text ul { font-size: 11px;text-align: left; margin: 15px 0px 15px 20px; }
#content .content .text ul li { margin: 0px; }
#content .content h1 { font-size: 13px; font-weight: bold; text-decoration: none;text-transform: uppercase; color: #da2218; }
#content .content .article ul { font-size: 11px; text-align: left; margin: 15px 0px 15px 20px; }
#content .content .article ol { font-size: 11px;text-align: left; margin: 15px 0px 15px 20px; }
#content .content .article ul li {margin: 0px; }
#content .content .centered {  text-align: left; font-size: 11px;  width: 500px; margin-bottom: 20px;}
#content .content table.data { width:500px; border-collapse: collapse; margin: auto;}
#content .content table.data td.label { width: 150px; border: 1px solid #a8a8a8;  text-align: left; padding: 5px;}
#content .content table.data td.value { width: 200px; border: 1px solid #a8a8a8;  text-align: left; padding: 5px;}
#content .content table.data td.modify { width: 150px;  text-align: left; padding: 5px;}
#content .content table.data a.add { font-size: 11px; text-decoration: none; font-weight: bold; color: #777777; background: none; }
#content .content form {  width: 500px; }
#content .images { float:left; width: 120px; margin: 30px 0px 30px 30px; padding-top: 10px;}
#content img { border: 1px solid #a8a8a8; margin: 10px 15px 10px 15px; }
#content img.ico { border: 0px; margin: 0px;}
#content img.flag { border: 1px solid #a8a8a8;margin: 0px; }
#content .content span.header { font-size: 13px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #da2218;}
#content .content span.header1 { font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #da2218;}
#content .content span.header2 { font-size: 12px; font-weight: bold; text-decoration: none; color: #555555;}
#content .content span.header3 { font-size: 16px; font-weight: bold; text-decoration: none; color: #555555;}
#content .content span.header_news { font-size: 12px; font-weight: bold; text-decoration: none; color: #555555;}
#content textarea { width: 100%; }
#content div.ico { margin: 5px 0px 0px 0px;width: 130px;}
#content div.add { padding: 20px 0px 5px 0px;}
#content a.add { font-size: 12px; text-decoration: none; font-weight: bold;color: #555555; }
#content .content .article {  text-align: justify; font-size: 11px;  width: 100%; padding-top: 15px; padding-bottom: 10px;}
#content a.more { color: #555555; font-size:11px; font-weight: bold; text-decoration: none; }
#content a:hover.more { color: #d1392b; font-size:11px; font-weight: bold; text-decoration: none; }

#menuleft table.style_normal  { text-align:center; }
#menuleft td.field_normal  {  color: #000000;  width: 130px;  text-align: center;  }
#menuleft td.button_normal   {   color: #000000;  text-align: center;  width: 130px;}

#menuleft table.style_dealer  { text-align:left; font-size: 11px; width: 190px;}
#menuleft table.style_dealer .form_title { font-weight: bold; font-size: 11px;}
#menuleft td.caption_dealer {  color: #555555; width: 50px; font-size: 11px;font-weight: bold;  text-align: left;  }
#menuleft td.field_dealer {  color: #000000;  width: 100px; font-size: 11px; text-align: left;  }
#menuleft td.button_dealer  {   color: #000000;  text-align: left; font-size: 11px; width: 200px;}

#login { width: 200px; height: 100%; text-align:left; margin-left: auto; margin-right: auto; margin-top: 100px;padding: 10px 10px 10px 10px; border: 1px solid #9a9a9a; }
#login table.style_login  { font-size:11px; text-align:center; width:100%;}
#login td.form_title { font-size:13px; font-weight: bold; color: #000000; padding-bottom: 5px; width: 100%;  text-align: center;  }
#login td.caption_login { font-size:11px; font-weight: bold; color: #000000;  width: 30%;  text-align: right;  }
#login td.field_login { font-size:11px;  color: #000000;  width: 70%;  text-align: left;  }
#login td.button_login   {  font-size:11px;  color: #000000;  text-align: center;  width: 100%;}
#login table.message { width: 100%; text-align:center; }
#login td.message { font-size: 11px;width: 100%; text-align: center;}
#login p.message_error { font-size: 11px; width: 100%;text-align: center;}
#login form {margin: 0;padding: 0; text-align:left; }
#login input {height: 16px; margin:0; padding:0px 0px 0px 4px; }
html>body #login input {height: 18px;}
#login input {font-size: 11px; font-weight: bold; color:#444444; background-color: #eeeeee; border: 1px solid #346ba9;}
#login input.button {font-size: 11px; margin-right:4px; width: 50px; height:18px; padding: 0px; color:#444444;border: 1px solid #346ba9; background-color: #eeeeee;}
                  
#content table.style_wysiwyg  { text-align:center; width: 100%}
#content td.field_wysiwyg  {  color: #000000;  width: 100%;  text-align: center;  }
#content td.button_wysiwyg   {   color: #000000;  text-align: center;  width: 100%;}

#content table.style_wysiwyg  { text-align:center; width: 100%}
#content td.field_wysiwyg  {  color: #000000;  width: 100%;  text-align: center;  }
#content td.button_wysiwyg   {   color: #000000;  text-align: center;  width: 100%;}

#content table.style_normal  { text-align:left; width: 300px;}
#content table.style_normal .form_title { font-weight: bold; }
#content td.caption_normal {  color: #555555; width: 80px; font-weight: bold;  text-align: left;  }
#content td.field_normal {  color: #000000;  width: 200px;  text-align: left;  }
#content td.button_normal  {   color: #000000;  text-align: left;  width: 200px;}

#content table.style_zapytanie  { text-align:left; width: 350px;}
#content table.style_zapytanie .form_title { font-weight: bold; }
#content td.caption_zapytanie {  color: #555555; width: 150px; font-weight: bold;  text-align: left;  }
#content td.field_zapytanie {  color: #000000;  width: 200px;  text-align: left;  }
#content td.button_zapytanie  {   color: #000000;  text-align: left;  width: 200px;}

#content .content div.product {  text-align: left; font-size: 11px;  width: 550px; margin-bottom: 20px; border-bottom: 1px solid #a8a8a8;}
#content div.image {   width: 100px; margin: 0px; padding: 0px; text-align: center; }
#content div.image img.product { border-width: 0px; margin: 0px; padding: 0px;border: 1px solid #8e8f8f; }
#content div.image div.underproduct { border-width: 0px; margin: 0px;background: url("img/bottom.gif") no-repeat left top; padding: 0px; width: 100px; height: 5px; }
#content table.product { width:500px; border-collapse: collapse; }
#content table.product td { width: 125px; border-width: 0px; text-align: left; padding-bottom: 10px; vertical-align: top;}
#content table.product td form { width: 125px; text-align:center;}
#content .content span.product_name {  color:#555555; font-size: 13px; font-weight: bold; text-decoration: none; }
#content .content span.product_price {  color:#555555; font-size: 11px; font-weight: bold; text-decoration: none; }
#content .content p { margin: 0px; padding: 0px; }