html {height:100%; width:100%; overflow:hidden;}
body { text-align:center; height:100%; overflow:hidden; width:100%; background:#000; color:#494D58; font-family:Tahoma, Arial, Verdana, sans-serif; }

/* body full picture background */
.bg { width:100%; height:100%; position: absolute; top:0; left:0; }

/* wyzerowanie marginesow i paddingow */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* clearing float */
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

/* common styles */
img { border: 0; }
.floatleft { float:left; }
.floatright { float:right; }
.error4 { font-size:16px; line-height:200%; }
#scroller { position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; }

/* Main container */
#container { background:#fff; margin:101px auto 20px auto; position:relative; width:960px; -moz-border-radius:15px; -webkit-border-radius:15px; }

/* header div */
#header { height:142px; position:relative; }
#header #logo { position:absolute; left:0; top:-71px; }
#header #lang { color:#A6B6C4; position:absolute; top:28px; right:42px; }
#header #lang a { color:#A6B6C4; font-size:12px; text-decoration:none; }
#header #lang a.active { font-weight:bold; }

/* menu */
#header #menu { list-style-type:none; position:absolute; top:80px; left:40px; background:url(../images/menu-bg.png) no-repeat; width:882px; height:40px; }
#header #menu li { display:block; float:left;  line-height:240%;  }
#header #menu li a { color:#fff; font-size:12px; text-decoration:none; display:block; width:126px; height:40px; }
#header #menu li a:hover { background:url(../images/menu-on.gif) repeat-x; display:block; width:126px; height:40px; }
#header #menu li a.active { background:url(../images/menu-on.gif) repeat-x; display:block; width:126px; height:40px; }
#header #menu li.first a:hover { background:url(../images/menu-left-on.png) repeat-x; display:block; width:126px; height:40px; }
#header #menu li.last a:hover { background:url(../images/menu-right-on.png) repeat-x; display:block; width:126px; height:40px; }
#header #menu li.first a.active { background:url(../images/menu-left-on.png) repeat-x; display:block; width:126px; height:40px; }
#header #menu li.last a.active { background:url(../images/menu-right-on.png) repeat-x; display:block; width:126px; height:40px; }

/* content */
#content { padding:0 38px 25px 38px; }
#content #flash { height:260px; width:880px; background:url(../images/flash.jpg) no-repeat; margin-bottom:40px; }
#content #mapa { margin-bottom:20px; }

/* left side */
#left-side { float:left; width:310px; }
#left-side #submenu { background:url(../images/produkty.png) no-repeat top; width:310px; padding-top:54px; }
#left-side #submenu.multimedia { background:url(../images/multimedia.png) no-repeat top; width:310px; padding-top:54px; }
#left-side #submenu ul { list-style-type:none; text-align:left;}
#left-side #submenu ul li { line-height:240%;  width:310px; margin-bottom:4px; }
#left-side #submenu ul a { background:url(../images/submenu-bg.jpg) no-repeat; display:block; height:40px; width:310px; color:#47545F; font-size:12px; text-decoration:none; font-family:calibri }
#left-side #submenu ul a:hover { background:url(../images/submenu-bg-on.jpg) no-repeat; display:block; height:40px; width:310px; color:#fff; font-size:12px; text-decoration:none; font-family:calibri }
#left-side #submenu ul a.active { background:url(../images/submenu-bg-on.jpg) no-repeat; display:block; height:40px; width:310px; color:#fff; font-size:12px; text-decoration:none; font-family:calibri }
#left-side #submenu ul li.active a{ background:url(../images/submenu-bg-on.jpg) no-repeat; display:block; height:40px; width:310px; color:#fff; font-size:12px; text-decoration:none; font-family:calibri }
#left-side #submenu ul a span { padding-left:24px; }

#left-side #submenu ul li ul li { margin-bottom:0px; }

#left-side .contact-box { width:310px; background:#F8F9FB; text-align:left; font-size:12px; color:#7E828D; }
#left-side .contact-box p { padding:12px; }

.download { text-align:left; padding-top:6px; }
.download p { font-weight:bold; padding-bottom:6px; }
.download a { color:#88929B; font-size:12px; padding:4px; }
.download a:hover { text-decoration:none; }

/* right side */
#right-side { float:right; width:553px; text-align:left; font-size:12px; }
#right-side h2.h2-grey { background:url(../images/header-grey.png) #88929B no-repeat; line-height:240%; padding-left:20px; font-size:16px; color:#fff; font-weight:bold; height:40px; width:533px; }
#right-side h2.h2-red { background:url(../images/header-red.png) #EA0000 no-repeat; line-height:240%; padding-left:20px; font-size:16px; color:#fff; font-weight:bold; height:40px; width:533px; }
#right-side h2.h2-red span { float:left;}
#right-side h2.h2-red a { color:#fff; font-size:12px; font-weight:normal; text-decoration:none; float:right; margin-right:14px; }
#right-side h2.h2-red a:hover { text-decoration:underline; }

#right-side .h2-produkt { background:url(../images/header-red.png) #EA0000 no-repeat; line-height:150%; padding-left:20px; font-size:13px; color:#fff; font-weight:bold; height:40px; width:533px; }

#right-side p { color:#494D58; font-size:12px; line-height:150%; padding:10px }
.wiecej { color:#EA0000; text-decoration:none; font-weight:bold; }
#right-side a:hover { text-decoration:underline;}

#right-side h4 { background:url(../images/red-dot-big.gif) 1px 6px no-repeat; padding:0 0 0 12px; font-size:14px; margin:15px 8px 4px 10px; }
#right-side h4 a { color:#494D58 }
#right-side h4 a:hover { text-decoration:none; color:#494D58 }

#aktualnosci { padding-top:8px; }
#aktualnosci h3 { color:#494D58; font-size:14px; padding:10px 10px 0 10px; }
h3.title { color:#494D58; font-size:14px; padding:10px 10px 0 0px; }
.date { font-size:11px; padding:0px 10px 0 10px; }
#aktualnosci h3 a { color:#494D58; }
#aktualnosci p { padding:0 10px 8px 10px; }
#aktualnosci .wiecej { color:#EA0000; font-size:11px; text-decoration:none; font-weight:bold; }
#aktualnosci .news { border-bottom:1px solid #F2F3F5; }

#right-side .produkty { list-style-type:none; line-height:150%; font-size:13px; margin-left:22px; padding-bottom:12px; border-bottom:1px solid #F2F3F5;}
#right-side .produkty li { background:url(../images/grey-dot.gif) 1px 8px no-repeat; padding:0 0 0 15px; }
#right-side .produkty li a {  color:#494D58; font-size:13px; text-decoration:none;}
#right-side .produkty a:hover { color:#494D58; font-size:13px; text-decoration:underline; }
.description { padding:0 10px 8px 10px; }
.description table { border:1px solid #F2F3F5; }


.dealerzy ul.floatleft { width:200px; }

.dealerzy ul { list-style-type:none; margin-top:8px; margin-bottom:5px; }
.dealerzy ul li { background:url(../images/red-dot.gif) 1px 6px no-repeat; padding:0 0 0 12px; }
.dealerzy ul li a { color:#494D58; line-height:150%; }
.dealerzy ul li a:hover { text-decoration:none;}
.dealerzy h3 { font-size:14px; padding:12px 0 5px 0; text-decoration:underline; }

#map .mapslink:hover {
text-decoration:none;
}

#map .mapslink {
color:#47545F;
font-size:11px;
display:block;
}

.gmnoprint { right:1px !important; }

/* contact form */
#form { margin-top:20px;}
#form .label { float:right; padding-right:10px; line-height:160%; }
#form input { padding:4px 3px 0 3px; float:right; height:22px; width:430px; border:0; background:url(../images/input.png) no-repeat; }
#form textarea { height:122px; width:430px; float:right; border:0; padding:3px; background:url(../images/textarea.png) no-repeat; }
.form-row { padding-top:10px; }
#form input.submit { background:url(../images/wyslij.png) no-repeat; border:0; cursor:pointer; width:150px; height:40px; margin-right:286px; }
.error { color:red; font-size:11px; background:#DFDFDF none repeat scroll 0 0; border:1px dotted #7E7D7C; display:block; padding:2px; width:288px; font-style:oblique;}
#form input.error { font-size:12px; font-style:normal;}
#messageBox { margin-left:116px;}
#messageBox ul li { list-style-type:none; padding-bottom:2px; }

#dialog {z-index:0; text-align:center;}
#dialog input {width:200px;}
.ui-dialog {z-index:-1;}
#dialog .error {border:1px solid #f00; width:200px; margin-left:auto; margin-right:auto;}
#dialog #email_form {text-align:center;}
#dialog input.error {border:1px solid #f00;}
.katalog {cursor:pointer;}
a.katalog:hover {text-decoration:underline;}

#dialog label.error {border:0;}
/* footer */
#footer { /*position:absolute; bottom:-40px; left:40px;*/ margin:0 auto; width:880px; height:40px; }
#footer p { font-size:11px; color:#7A838C; }
#footer a { color:#7A838C; text-decoration:none; font-weight:bold;}