/* www.extend.pl - index.css */
/* created on: 07|2006 */

/* begin of css */
body { text-align: center; font: normal normal 11px Tahoma CE, Tahoma, Arial CE, Arial, Verdana CE, Verdana, sans-serif; margin: 0; color:#656565;  background: url("../g/bg.gif") center repeat-y; background-color: #bb0000;}
input, textarea { text-align: left; font: normal normal 11px Tahoma CE, Tahoma, Arial CE, Arial, Verdana CE, Verdana, sans-serif; color: #999 }
p, div { text-align: left; font: normal normal 11px Tahoma CE, Tahoma, Arial CE, Arial, Verdana CE, Verdana, sans-serif; color: #656565; }
em { color: #c00; font-weight: bold }
img.fleft { float: left; margin: 10px 20px 10px 0 }
img.fright { float: right; margin: 10px 0 10px 20px } 
a:link, a:visited { color: #c00; text-decoration: underline }
a:hover, a:visited:hover { color: #000; text-decoration: underline }
div.outer { width: 100%; }
div#container { width: 800px; margin: auto; padding: 0 0 0 }
div#top { width: 755px; height: 326px; background: #fff; margin: 0 21px }
form, ul, li { margin: 0; padding: 0 }
img.top-top { position: absolute; top: 0; left: 145px }
img.top-postertemp { position: absolute; top: 0; left: 0 }
img.top-postersite { position: absolute; top: 59px; left: 145px }
img.extendtitle { position: absolute; top: 15px; left: 450px; border: 0 }
img.top-linetop { position: absolute; top: 313px; left: 0 }
p.toplink { font-size: 10px; color: #aaa; margin: 0; width: 50px; }
p.toplink a:link, p.toplink a:visited { color: #aaa; text-decoration: none; display: block; padding: 2px 0 3px 25px }
p.toplink a:hover, p.toplink a:visited:hover { color: #000; text-decoration: none; display: block}
p.top-start { top: 7px; left: 240px }
p.top-mapa { top: 21px; left: 290px }
p.top-english { top: 35px; left: 340px }
div.top-menu { position: absolute; width: 122px; height: 161px; margin: 20px 0 0 622px }
div.top-menu menu { margin: 0; padding: 0 }
div.top-menu li { text-indent: 5px; list-style-type: none; margin: 0 0 0 23px; clear: both; height:23px; cursor: pointer; text-align: left }
div.top-menu li img { border-style: none; display: inline; float: left }
div.top-menu li p { margin: 0; padding: 3px 0 0 0 ; width: 150px }
div.top-menu li a:link, div.top-menu li a:visited { margin-top: 0px; text-decoration: none; color: #fff; font-weight: bold }
div.top-menu li a:hover, div.top-menu li a:visited:hover { margin-top: 0px; text-decoration: underline; color: #fff; font-weight: bold }
img.pagetitle { position: absolute; left: 30px; top: 250px }
div.content { width: 755px; margin: 0 21px 0; background: #fff }
div.content-columns { width: 755px; margin: 0 21px 0; background: #fff url("../g/bg_line.png") repeat-y }
div.inner { margin: 0 30px; position: relative; overflow: visible; text-align: center }
div.left { float: left; display: inline; width: 440px; text-align: left; }
div.inner > div.left { margin-top: 0px; z-index: 99; overflow: visible }
div.clear { clear: both }
div.bottom { text-align: right; width: 755px; margin: 0 21px 0; height: 122px; background: transparent url("../g/bottom.png") no-repeat; color: #999; position: relative; z-index: 98 }
div.bottomP { text-align: right; width: 755px; height: 122px; margin: 75% 0 0 23px; background: transparent url("../g/mainBottom.png") no-repeat; color: #999; position: absolute; z-index: 1}
div.bottomline { background: transparent url("../g/bottom_line.png") no-repeat }
div.bottom div.inner { position: absolute; text-align: left; top: 40px; left: 0px }
div.bottom p { margin: 5px 0 0 }
div.bottom p.copy { font-size: 10px }
div.bottom a:link, div.bottom a:visited { text-decoration: none; color: #999}
div.bottom a:hover, div.bottom a:visited:hover { text-decoration: none; color: #000}
div.right { float: right; display: inline; margin-left: 10px; width: 200px; text-align: left; }
div.inner > div.right { bottom: -50px; z-index: 100; overflow: visible }
div.right img.title { margin: 20px 0 10px }
div.right ul { margin: 0 0 0 16px; list-style-image: url("../g/bullet_arrow.png") }
div.right li { list-style-image: url("../g/bullet_arrow.png"); font-size: 9px; font-weight: bold }
div.right li a:link, li a:visited { color: #fff; text-decoration: none ; font-weight:bold;}
div.right li a:hover, li a:visited:hover { color: #000; text-decoration: none }
div.main { width: 755px; height: 100%; background: transparent url(../g/topFull.png) no-repeat; background-color: #fff;  position: absolute; margin-left: 24px; text-align: left; }
html>body div.main { margin: 0 23px }
div.main div#laptop { position: absolute; width: 350px; height: 162px; margin: 55px 0 0 250px }
div.main div#text { position: absolute; width: 220px; height: 120px; margin: 150px 0 0 210px }
div.main div.menu { position: absolute; top: 20px; left: 622px; text-align: left }
div.main div.menu li a:link, div.main div.menu li a:visited { margin-top: 0px; text-decoration: none; color: #fff; font-weight: bold }
div.main div.menu li a:hover, div.main div.menu li a:visited:hover { margin-top: 0px; text-decoration: underline; color: #fff; font-weight: bold }
div.main img.extendtitle { position: absolute; left: 120px; top: 12px }
div.main p.toplink2 { position: absolute; font-size: 10px; color: #aaa; margin: 0 }
div.main p.toplink2 a:link, p.toplink2 a:visited { color: #fff; text-decoration: none; display: block; padding: 2px 0 3px 25px }
div.main p.toplink2 a:hover, p.toplink2 a:visited:hover { color: #ccc; text-decoration: none; display: block}
div.main p.mapa { top: 10px; left: 495px }
div.main p.english { top: 27px; left: 438px }
div.main p.mapa a.linkmenulogo:hover { color: white }
div.main p.english a.linkmenulogo:hover { color: white }
div.main img.extend { position: absolute; left: 23px; top: 336px }
div.main img.input  { position: absolute; left: 21px; top: 480px }
div.main input.button { position: absolute; left: 207px; top: 476px; border: 0 }
div.main img.conowego  { position: absolute; left: 260px; top: 312px }
div.main img.logosmall { position: absolute; left: 260px; top: 348px }
div.main img.linia1  { position: absolute; left: 260px; top: 375px }
div.main img.linia2  { position: absolute; left: 497px; top: 248px }
div.main img.excms  { position: absolute; left: 527px; top: 229px; border: 0 }
div.main img.pudelko  { position: absolute; left: 520px; top: 260px; border: 0 }
div.main img.wersjademo  { position: absolute; left: 648px; top: 329px; border: 0 }
div.main p.p1  { position: absolute; left: 23px; top: 385px; width: 220px; font-size: 10px }
div.main > p.p1 { top: 375px }
div.main a.p2  { font-size: 10px; font-weight: bold; color: black }
div.main a.p2:hover { color: #c00; text-decoration: underline }
div.main a.p2 a:link, div.main a.p2 a:visited { color: #000; text-decoration: underline }
div.main a.p2 a:hover, div.main a.p2 a:visited:hover { color: #c00; text-decoration: underline }
div.main input { position: absolute; left: 25px; top: 483px; font-size: 10px; color: #999; border-style: none; background: transparent; width: 170px }
div.main p.p3 { position: absolute; left: 395px; top: 311px; font-size: 10px; font-weight: bold }
div.main p.p3 a:link, div.main p.p3 a:visited { color: #c00; text-decoration: underline }
div.main p.p3 a:hover, div.main p.p3 a:visited:hover { color: #000; text-decoration: underline }
div.main p.p4 { position: absolute; left: 290px; top: 355px; font-size: 9px; color: #666; font-style:italic }
div.main > p.p4 { top: 345px }
div.main div.news { position: absolute; left: 293px; top: 382px; width: 200px; font-size: 10px}
div.main div.news h3 { font-size: 11px; color: #000; margin: 0 0 7px 0; font-size: 10px }
div.main div.news p { font-size: 10px; color: #444 }
div.main div.news p.wiecej { font-weight: bold }
div.main div.news p.wiecej a:link, div.main div.news p.wiecej a:visited{ color: #000; text-decoration: underline  }
div.main div.news p.wiecej a:hover, div.main div.news p.wiecej a:visited:hover { color: #c00; text-decoration: underline  }
p.p5 { position: absolute; left: 635px; top: 265px; width: 120px; font-size: 10px }
html>body p.p5 { top: 255px }
div.main div.bottom { position: absolute; text-align: right; top: 480px; left: 390px; width: 300px; text-align: right; background: none }
img.w3c { border: 0 ;}
div.main div.bottom p { text-align: right; margin: 5px 0 0 }
div.main div.bottom p.copy { font-size: 7px; color: #999 }
div.main div.bottom a:link, div.bottom a:visited { text-decoration: none }
div.main div.bottom a:hover, div.bottom a:visited:hover { text-decoration: none }
a.ablack { color: black }
a.ablack:hover { color: #c00 }
/* end of css */



/*tutaj dodajemy nowe style dla strony index */

div.szareramki{ background: url("../g/bg.gif") center repeat-y; width: 800px; margin:auto; height:100%; }
div.bialetlo{ width: 755px; background-color: #fff; margin-left:23px;}
div.topstrony{ width: 755px; height: 313px; background: transparent url(../g/topFull.png) no-repeat;}
div.stopka{width: 755px;background: transparent url(../g/mainBottom.png) no-repeat;height: 122px;margin-left:23px;}

div.menuPrawaStrona { position: absolute; width: 155px; height: 161px; margin: 20px 0 0 590px }
div.menuPrawaStrona li { text-indent: 5px; list-style-type: none; margin: 0 0 0 23px; clear: both; height:23px; cursor: pointer; text-align: left }
div.menuPrawaStrona li img { border-style: none; display: inline; float: left }
div.menuPrawaStrona li p { margin: 0; padding: 5px 0 0 0 ; width: 150px }
div.menuPrawaStrona li a:link, div.top-menu li a:visited { margin-top: 0px; text-decoration: none; color: #fff; font-weight: bold }
div.menuPrawaStrona li a:hover, div.top-menu li a:visited:hover { margin-top: 0px; text-decoration: underline; color: #fff; font-weight: bold }

div.topstrony div#laptop { position: absolute; width: 350px; height: 162px; margin: 55px 0 0 250px }
div.topstrony div#text { position: absolute; width: 220px; height: 120px; margin: 150px 0 0 210px }
div.topstrony p.mapa {  position: relative; top: -41px; left: 495px }
div.topstrony p.english { position: relative; top: -41px; left: 438px }
div.topstrony p.mapa a.linkmenulogo:hover { color: white }
div.topstrony p.english a.linkmenulogo:hover { color: white }
div.topstrony img.extendtitle { position: relative; left: 120px; top: 12px }

table.tabela td {width: 33%;}
div.lewastrona{margin-left: 20px;margin-right:15px;margin-top:8px;}
div.lewastrona p.p1w  { font-size: 10px }
div.lewastrona a.p2w  { font-size: 10px; font-weight: bold; color: black }
div.lewastrona a.p2w:hover { color: #c00; text-decoration: underline }
div.lewastrona a.p2w a:link, div.lewastrona a.p2w a:visited { color: #000; text-decoration: underline }
div.lewastrona a.p2w a:hover, div.lewastrona a.p2w a:visited:hover { color: #c00; text-decoration: underline }

div.pierwszyWierszSrodek {width:220px;margin-bottom:10px;position:relative; top: -12px; }
div.pierwszyWierszSrodek p.pierwszyWierszSrodekp3 {font-size: 10px; font-weight: bold;}
div.pierwszyWierszSrodek p.pierwszyWierszSrodekp3  a:link, div.pierwszyWierszSrodek p.pierwszyWierszSrodekp3 a:visited { color: #c00; text-decoration: underline;}
div.pierwszyWierszSrodek p.pierwszyWierszSrodekp3  a:hover, div.pierwszyWierszSrodek p.pierwszyWierszSrodekp3 a:visited:hover { color: #000; text-decoration: underline;}

div.logodata img.logodata1{}
div.logodata  p.logodata2{font-size: 9px; color: #666; font-style:italic }
div.logodata span.s1{font-size: 9px; color: #666; font-style:italic;vertical-align: 15px;}
div.nowosc{background: url("../g/main_linia1.png") no-repeat;margin-right:5px;}
div.nowosc h3 { font-size: 11px; color: #000; margin: 0 0 7px 0; font-size: 10px; margin-left:30px;}
div.nowosc p { font-size: 10px; color: #444; margin-left:30px; }
div.nowosc a.p2  { font-size: 10px; font-weight: bold; color: black }
div.nowosc a.p2:hover { color: #c00; text-decoration: underline }
div.nowosc a.p2 a:link, div.nowosc a.p2 a:visited { color: #000; text-decoration: none; }
div.nowosc a.p2 a:hover, div.nowosc a.p2 a:visited:hover { color: #c00; text-decoration: none; }

div.prawastrona{background: url("../g/main_linia2.png") left no-repeat;height:200px;position:relative; top: -80px;}
div.prawastrona img{margin-left: 30px;border: 0 ;margin-top: 5px;}
div.prawastrona p{margin-left: 133px;position: relative; top: -180px;}

div.trescstopki{position: relative;bottom: -50px; margin-left: 62%; width: 300px;}
div.trescstopki a:link,a:visited {color: #656565;text-decoration: none;}
div.trescstopki a:hover,a:visited:hover { color: #000; ;text-decoration: none;}

div.wewakapit{ background-color: red; }