/* CSS
Author: Pluszawica, photelldesign, www.photell.pl
Created: 21-08-2009
*/

/* Init rules (standard elements setup)
---------------------------------------------------------*/
body{color:#535353;margin:0;padding:0;background:#f4f4f4 url('../g/backb1.png') repeat-x 0 0;font:12px Arial, sans-serif;line-height:18px;}
img{border:0;}
blockquote,p,ul,li,dl,dd,dt,ol,div,h1,h2,h3,h4,h5,h6,table,tr,td,th{margin:0;padding:0;}
li{list-style:none;}
h2,h3,h4,h5,h6{font-family:Georgia, serif;font-weight:bold;font-style:italic;}
h2{font-size:20px;font-weight:bold;padding:0 0 20px 0;}
h3{font-size:14px;font-weight:bold;padding:0 0 15px 0;}
a:link{color:#23afae;}
a:visited{color:#23afae;}
a:hover{color:#d3d92b;}
address{font-style:normal;}
address strong{color:#23afae;}
abbr, accronym{border:0;}

dl{padding-bottom:10px;}
dl dt{font-weight:bold; font-family:Georgia, serif;font-style:italic;padding:0 0 6px 0;}
ul li,dl dd{padding:0 0 2px 15px;background: url('../g/raquogreen.png') no-repeat 5px 50%;}
dl strong{color:#23afae;}

table{background:#d3d3d3;margin:15px 0 0 0;}
table tr{background:#f4f4f4;}
table tr td{text-align:left;padding:5px 20px;}
table tr th{text-align:left;padding:5px 20px;font-weight:bold;font-family:Georgia, serif;font-size:12px;font-style:italic;color:#23afae;}

p, blockquote, ol, ul{padding-bottom:10px;}

/* Layout construction
---------------------------------------------------------*/

div#wrapper{margin:0 auto;padding:0;width:1000px;position:relative;}

/* header
---------------------------------------------------------*/

div#header{height:430px;position:relative;}
div#header p#english, div#header p#english a{text-decoration:none;font-size:11px;}
div#header p#english{position:absolute;top:0px;left:940px;color:#fff;}
div#header p#english a:link{color:#fff;}
div#header p#english a:visited{color:#fff;}
div#header p#english a:hover{color:#fff;}
div#header h1{padding:45px 0 0 0;position:relative;left:-10px;}
div#header ul{width:430px;position:absolute;top:60px;left:595px;}
div#header ul li{display:inline;font-size:14px;font-family:Georgia, serif;padding:0 20px 0 0;background:transparent;}
div#header ul li a{text-decoration:none;padding:0 5px 0 5px;}
div#header ul li a:link{font-weight:bold;border:0;}
div#header ul li a:visited{font-weight:bold;border:0;}
div#header ul li a:hover, div#header ul li.act a{color:#23afae;font-weight:bold;border-bottom:5px solid #23afae;}

div#header div#banner{height:270px;width:1100px;position:absolute;top:160px;}
div#header div#banner img#bannerpic{display:block;width:497px;height:136px;position:absolute;top:70px;left:0px;}
div#header div#banner object{display:block;width:491px;height:247px;position:absolute;top:15px;left:500px;}

div#header p#add_fav{font-size:11px;position:absolute;top:0px; left:820px;color:#fff;}
div#header p#add_fav a{text-decoration:none;}
div#header p#add_fav a:link{color:#fff;}
div#header p#add_fav a:visited{color:#fff;}
div#header p#add_fav a:hover{color:#fff;}

/* home page boxes
---------------------------------------------------------*/

div#wrapper dl.box{position:relative;background:#0df;width:220px;float:left;display:block;margin:20px 35px 20px 0;color:#fff;height:170px;padding:30px 0 0 0;}

div#wrapper dl.box dt{font:13px Georgia, serif;font-weight:bold;padding:0;width:205px;line-height:50px;position:relative;top:-20px;left:7px;}

div#wrapper dl#strony.box dt{background:url('../g/dash1.png') repeat-x 0px 44px;}
div#wrapper dl#aplikacje.box dt{background:url('../g/dash2.png') repeat-x 0px 44px;}
div#wrapper dl#druk.box dt{background:url('../g/dash3.png') repeat-x 0px 44px;}
div#wrapper dl#seo.box dt{background:url('../g/dash4.png') repeat-x 0px 44px;}

div#wrapper dl.box dt a{text-decoration:none;}
div#wrapper dl.box dt a:link{color:#fff;}
div#wrapper dl.box dt a:visited{color:#fff;}
div#wrapper dl.box dt a:hover{color:#fff;}
div#wrapper dl.box dd{padding-left:10px;background:url('../g/raquo.gif') no-repeat 0 6px;position:relative;left:11px;top:-5px;font-size:13px;line-height:19px;}
div#wrapper dl.box dd.imgdd{position:static;}
div#wrapper dl.box dd a:link{color:#fff;}
div#wrapper dl.box dd a:visited{color:#fff;}
div#wrapper dl.box dd a:hover{color:#fff;}
div#wrapper dl#strony.box{background:#30c1c0 url('../g/spiffup1.png') no-repeat top right;}
div#wrapper dl#aplikacje.box{background:#d3d92b url('../g/spiffup2.png') no-repeat top right;}
div#wrapper dl#druk.box{background:#9d9f9f url('../g/spiffup3.png') no-repeat top right;}
div#wrapper dl#seo.box{background:#000 url('../g/spiffup4.png') no-repeat top right;margin-right:0;}
div#wrapper dl.box dd a{display:block;width:41px;height:41px;position:absolute;top:159px;left:179px;}

/* content
---------------------------------------------------------*/

div#content{padding:10px 0 35px 0;clear:both;float:left;width:1000px;}
div#content div#leftbar{width:560px;float:left;padding-right:20px;}
div#content div#rightbar{width:420px;float:left;}

/* footer
---------------------------------------------------------*/

div#footer{clear:both;background:url('../g/backf.png') repeat-x 0px 0px;padding:15px 0 0 0;}
div#footergutter{width:1000px;margin:0 auto;}

div#footergutter dl{width:245px;float:left;margin:0;padding:10px 0 20px 0;position:relative;left:0;top:0;}
div#footergutter dl#kontaktdl{left:130px;width:130px;}
div#footergutter dl#szybkiedl{left:90px;}
div#footergutter dl#ostatniedl{left:50px;}
div#footergutter dl dt{font-weight:bold;font-style:italic;font-size:13px;font-family:Georgia, serif;padding:0 0 15px 0;}
div#footergutter dl dd{font-size:11px;}
div#socker{clear:both;background:#000;width:100%;float:left;padding:2px 0;}
div#sockergutter{width:1000px;margin:0 auto;color:#fff;font-size:11px;}
div#sockergutter p{width:50%;float:left;}
div#sockergutter p a{text-decoration:none;}
div#sockergutter p#w3c{text-align:right;}

div#content p#allpros{clear:both;}
