body {behavior: url(csshover.htc);}
body, div, p, form, fieldset, img, ul, li, h1, h2, h3, h4, input {margin: 0; padding: 0; border: none}
body {background: #2f6da4 url(images/background.png) top left repeat-x; font-family: arial, tahoma, verdana, sans-serif; font-size: 11px; color: #FFF; margin: 0 0 10px 0}


#conteiner {width: 1000px; margin: 0 auto 10px auto; position: relative}
#header {height: 303px;}

a {text-decoration: none; color: #84B4DA;}
a:hover {color: #FFF}

h1 a {display: block; width: 421px; height: 172px; background: url(images/logo.png) top left no-repeat; position: absolute; left: 92px; top: 7px; cursor: pointer}
h1 a span {display: none}

#header .tlo {width: 590px; height: 261px; position: absolute; top: 40px; left: 400px; z-index: 2}
#header .tlo1 {background: url(images/header_1.png) top left no-repeat;}
#header .tlo2 {background: url(images/header_2.png) top left no-repeat;}
#header .tlo3 {background: url(images/header_3.png) top left no-repeat;}
#header .tlo4 {background: url(images/header_4.png) top left no-repeat;}
#header .tlo5 {background: url(images/header_5.png) top left no-repeat;}
#header .tlo6 {background: url(images/header_6.png) top left no-repeat;}
#header .tlo7 {background: url(images/header_7.png) top left no-repeat;}

#header ul {font-family: arial, tahoma, sans-serif; font-size: 15px; position: absolute; top: 283px; left: 70px; list-style-type: none; z-index: 4; width: 920px}
#header ul li {display: inline}
#header ul li a {color: #FFF; font-weight: bold; text-decoration: none; padding: 0 10px 6px 10px; float: left}
#header ul li a:hover {border-bottom: 3px solid red; padding: 0 10px 4px 10px}
#header ul li ul {position: absolute; top: 18px; left: -3000px}
#header ul li:hover ul {left: 51px}
#header ul li ul li a {padding: 6px 10px;}
#header ul li ul li a:hover {color: red; border: none; padding: 6px 10px}

#content {margin: 56px 0 18px 0; font-size: 13px;}
#content .right {text-align: right}

#news {float: left; margin: 0 0 0 80px; width: 239px; font-size: 10px; display: inline}
#news h2 {font-family: Arial Narrow; font-size: 22px; color: #FF0300; font-weight: normal; padding: 0 0 0 0}
#news h3 {font-size: 13px; color: #84B4DA; padding: 0 0 1px 0}
#news div {text-align: justify; line-height: 12px; margin: 0 0 18px 0}
#news div a {display: block; text-align: right;  padding: 16px 0 0 0}


#right {float: right; margin: 0 91px 0 0; width: 510px; line-height: 15px; display: inline}
#right h2 {font-family: Arial Narrow; font-size: 17px; padding: 1px 0 19px 0; letter-spacing: 1px;}

#model .header {height: 82px; margin: 0 0 15px 0}
#model .header a {float: left; border:1px solid #4F95D1; width: 80px; height: 80px; margin: 0 10px 0 0}
#model .header h2 {float: right; margin: 67px 0 0 0; padding: 0;}
#model h3 {font-size: 13px; color: #84B4DA; padding: 0 0 10px 0}
#model p {margin: 0 0 25px 0; text-align: justify}

.download {float: left; width: 240px;}

.tech {float: right; width: 250px}
.tech table {width: 250px}
.tech td {background: #84B4DA; color: #555555; font-size: 9px; padding: 2px 4px}

.galerie {position: relative; min-height: 80px; padding: 0 100px 20px 0; text-align: right}
.galerie a {position: absolute; right: 0; top: 0; border:1px solid #4F95D1; width: 80px; height: 80px}

.galeria .header {height: 82px; margin: 0 0 15px 0}
.galeria .header img {float: left; border:1px solid #4F95D1; width: 80px; height: 80px; margin: 0 10px 0 0}
.galeria .header h2 {float: right; margin: 66px 0 0 0; padding: 0;}
.galeria .header_o {margin: 0 0 0 0}
.galeria .header_o h2 {text-align: right; padding: 0;}

.fotki img {border:1px solid #4F95D1; margin: 0 0 15px 0}
.fotki a {width: 80px; height: 80px; border:1px solid #4F95D1; margin: 0 25px 25px 0; float: left}
.fotki a.last {margin-right: 0}
.fotki a img {border: none; margin: 0}
.fotki a.back {border: none; display: block; float: none; margin: 0; width: auto; height: auto; *margin: 0 0 15px 0}

.linki .header {border-top: 2px solid #FFF; padding: 5px 0 20px 0}
.linki .header a {float: left}
.linki .header h3 {float: right; font-size: 17px; letter-spacing: 1px; font-family: "arial narrow", arial, sans-serif}
.linki .tresc {margin: 0 0 10px 0}
.linki .tresc span {display: block; margin: 10px 0 0 0}

.contacts .header {border-top: 2px solid #FFF; padding: 5px 0 40px 0}
.contacts .header img {float: left; margin: 0 5px 0 0}
.contacts .header h3 {float: right; font-size: 17px; letter-spacing: 1px; font-family: "arial narrow", arial, sans-serif}
.contacts .tresc {margin: 0 0 10px 0}
.contacts .tresc h4 {font-size: 12px; color: #C0C0C0}
.contacts .tresc span {display: block;}

.news p {text-align: justify}
.news p a {}
.news p a.left {float: left; margin: 5px 5px 5px 0; width: 80px; height: 80px; border:1px solid #4F95D1;}
.news p a.right {float: right; margin: 5px 0 5px 5px; width: 80px; height: 80px; border:1px solid #4F95D1;}
.news .big {border:1px solid #4F95D1; display: block; margin: 0 0 15px 0}
.news a {text-align: left; display: block}

#footer {margin: 0 0 0 398px; background: url(images/linia.png) top left no-repeat; padding: 9px 0 0 0; font-size: 10px; color: #333}
#footer a {color: #84B4DA;}
#footer a:hover {color: #FFF;}
#footer span {padding: 0 0 0 470px}

#chmura {width: 458px; height: 172px; background: url(images/chmura.png) top left no-repeat; position: absolute; top: 27px; left: 478px; z-index: 1}
#linia {width: 502px; height: 5px; background: url(images/linia.png) top left no-repeat; position: absolute; top: 298px; right: 0px; z-index: 3}

.clear {clear: both}