* { margin:0; padding:0; }
body { /* background:#202020 url("../gfx/bg_body.jpg") repeat-x 0 0; */ color:#6F716E; font-family:Vardana,Arial,sens-serif; font-size:0.7em; text-align:center; }

img { border:none; }

.cl { clear:both; height:1px; }
.fl { float:left; }
.fr { float:right; }

.bg { background:#202020 url("../gfx/bg_body.jpg") repeat-x 0 0; }

#cookie_info { background:#666; color:#fff; padding:10px 0; }
#cookie_info a.close { color:#fff; float:right; font-size:20px; text-decoration:none; position:relative; top:-4px; }
#cookie_info a.close:hover { color:#E06287; }
#cookie_info p { padding-right:20px; }
#cookie_info p a { color:#fff; text-decoration:underline; }
#cookie_info p + p { padding-top:5px; }

.page_wrapper { margin:0 auto; text-align:left; width:978px; }
#middle_area { background:#DCDCDC; text-align:left; }

#head { background:url("../gfx/bg_head.jpg") no-repeat 0 0; height:38px; position:relative; }
#head #logo { position:absolute; top:11px; left:15px; }
#head #headMenu { list-style:none; position:absolute; top:10px; right:21px; }
#head #headMenu li { display:inline; }
#head #headMenu li a { color:#C6C6C6; display:block; float:right; font-size:110%; margin-left:12px; text-decoration:none; }
#head #headMenu li a.lang { color:#7B7B7B; font-weight:bold; margin-left:28px; }
#head #headMenu li a:hover, #head #headMenu li a.current { color:#E06287; }

#banner { height:74px; overflow:hidden; }


#intro { background:url("../gfx/bg_container_home.gif") no-repeat left bottom; height:138px; padding-bottom:15px; }
#intro h2 { border-right:1px solid #282828; color:#fff; float:left; font-size:30px; font-weight:normal; height:88px; margin-top:28px; padding:20px 25px 0 0; text-align:right; width:179px; }
#intro h4 { color:#fff; font-family:Arial; font-size:140%; font-weight:normal; line-height:2; margin-left:240px; padding-top:55px; }
#intro img { float:right; }

#container { background:url("../gfx/bg_container.gif") repeat-y 0 0; line-height:1.5; margin:0 auto 0; padding:0; width:978px; position:relative; z-index:100; }
#container h3 { color:#F4F8FB; font-size:125%; margin-bottom:25px; }
#container h3.cufon { font-size:130%; }
#container h3 span { visibility:hidden; }
#container h3.cufon span { visibility:visible; }
#container h3#troche_dobrych_wiesci { background:url("../gfx/h3_troche_dobrych_wiesci.gif") no-repeat 0 0; }
#container h3#serwisy_www { background:url("../gfx/h3_serwisy_www.gif") no-repeat 0 0; }
#container h3#klik_cms { background:url("../gfx/h3_klik_cms.gif") no-repeat 0 0; }
#container h3#sklepy_internetowe { background:url("../gfx/h3_sklepy_internetowe.gif") no-repeat 0 0; }
#container h3#systemy_dedykowane { background:url("../gfx/h3_systemy_dedykowane.gif") no-repeat 0 0; }


/**
 * lewa
 */
#leftNav { float:left; margin-bottom:10px; padding:12px 0 12px 10px; width:195px; }
#leftNav #nav { list-style:none; }
#leftNav #nav ul { list-style:none; margin-left:15px; }
#leftNav #nav li a { border-bottom:1px solid #282828; color:#777; display:block; padding:5px; text-decoration:none; }
#leftNav #nav li a.current { color:#fff; }
#leftNav #nav li a:hover { text-decoration:underline; }

#leftNav .paging { color:#000; margin-top:30px; }
#leftNav .paging span { display:block; float:left; margin:5px 5px 0 0; }
#leftNav .paging a { background:url("../gfx/paging.gif") no-repeat 0 0; color:#000; display:block; height:22px; float:left; margin-left:5px; padding:5px 0 0 1px; text-align:center; text-decoration:none; width:26px; }
#leftNav .paging a.current { background:url("../gfx/paging_current.gif") no-repeat 0 0; }


/**
 * treść
 */
.content { color:#000; clear:both; padding:40px 22px; position:relative; z-index:100; min-height:150px; }
.content.withLeft { clear:none; float:right; width:729px; }
.content a { color:#E06287; }
.content p { margin-bottom:5px; clear:both; }
.content ul { margin:3px 0 3px 15px; }

/**
 * formularz
 */
.formularz label { display:block; float:left; padding:3px 5px 0 0; text-align:right; width:100px; }
.formularz input, .formularz textarea { background:#fff; border:0; border-right:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4; font-size:100%; overflow:hidden; padding:4px 6px; width:270px; }
.formularz textarea { font-family:Vardana,Arial,sens-serif; }
.formularz input.submit { background:#202020; color:#fff; font-weight:bold; padding:8px 10px; width:auto; }

/**
 * blog
 */
.blog { clear:both; margin-bottom:15px; }
.blog h4 { border-bottom:1px solid #BDBDBD; font-size:110%; margin:10px 0; padding-bottom:5px; }
.blog hr { background:#818181; border:0; height:1px; margin-bottom:8px; width:100px; text-align:left; }
.blog img { border:0; float:left; margin:0 15px 15px 0; }
.blog p { clear:none; }


.blog div.title { border-bottom:1px solid #BDBDBD; font-size:110%; font-weight:bold; margin-bottom:10px; padding-bottom:10px; }
.blog div.title h4 { border:0; color:#000; font-size:130%; font-weight:bold; margin:0; }
.blog div.title a { color:#000; text-decoration:none; }
.blog div.title a:hover { text-decoration:underline; }
.blog div.title a.fr { color:#E06287; font-size:90%; font-weight:normal; }
.blog div.title span { /*border-right:1px solid #BDBDBD;*/ color:#818181; font-size:90%; font-weight:normal; /*margin-right:10px; padding-right:10px;*/ }


.blog .comment { color:#818181;}

/**
 * fotogaleria
 */
.gallery { clear:both; margin-left:0px; }
.gallery div.foto { float:left; margin:0 10px 15px 0; overflow:hidden; width:135px; height:101px; text-align:center; }
.gallery div img { border:4px solid #fff; }

/**
 * mapa serwisu
 */
#site_map { line-height:1.8; }
#site_map a { color:#202020; text-decoration:none; }
#site_map a:hover { text-decoration:underline; }

/**
 * stopka
 */
#foot { color:#6B6B6B; padding:20px 22px 10px; position:relative; z-index:100; }
#foot ul { position:absolute; top:20px; right:22px; }
#foot ul li { display:inline; }
#foot ul li a { color:#6B6B6B; display:block; float:right; margin-left:12px; text-decoration:none; }
#foot ul li a:hover, #foot ul li a.current { color:#E06287; }
#foot p.w3c { border-top:1px solid #363636; margin-top:10px; padding:10px 0; }
#foot p.w3c a { background:#202020 url("../gfx/valid.gif") no-repeat 0 2px; color:#4C4C4C; padding:0 15px; text-decoration:none; }

/**
 * strona główna
 */
#home { /* background:#202020 url("../gfx/bg_body_home-2.jpg") repeat-x 0 0; */ }
#home .bg { background:#202020 url("../gfx/bg_body_home-2.jpg") repeat-x 0 0; }
#home #container { background:url("../gfx/bg_container_home.gif") no-repeat 0 0; color:#858585; height:300px; overflow:hidden; margin:0; padding:50px 22px; width:934px; }
#home #banner { height:381px; }

#home_news { float:left; margin-right:30px; width:400px; }
#home_news dl { margin-bottom:24px; }
#home_news dt { float:left; display:block; width:108px; }
#home_news dd { border-left:1px solid #4F4F4F; margin-left:108px; padding-left:7px; }
#home_news dd .title { color:#B8B8B8; }
#home_news dd .title a { color:#B8B8B8; text-decoration:none; }

#home_box { float:right; width:500px; }
#home_box h3 a { color:#fff; text-decoration:none; }
#home_box .box { float:left; height:132px; margin:0 0 0 55px; width:195px; }
#home_box .box p { position:relative; }
#home_box .box p a.end { position:absolute; bottom:4px; right:-2px; }

#extra_bg { background:#000; height:200px; width:50%; z-index:1; position:absolute; top:265px; left:0; }

/**
 * realizacje
 */
#middle_area.realizacje, #middle_area.realizacje .content { background:#000; }
#middle_area.realizacje #container { background:#000; }

#portfolio { background-color:#fff; border:1px solid #aaa; float:left; height:330px; overflow:hidden; width:570px; }
#portfolio_desc { float:right; color:#fff; width:140px; }

.top-bann
{
	width:978px;height:380px;overflow:hidden;background-image:url( '/gfx/topbann/bannbg.gif' );
	position:relative;
}
.top-bann div.description
{
	position:absolute;
	top:40px;
	left:610px;
	width:360px;
	z-index:51;
}
.top-bann div.description h2
{
	font-size:16px;
	font-weight:bold;
	font-family:Arial;
}
.top-bann div.description p
{
	margin-top:20px;
	line-height:16px;
	font-size:11px;
	font-family:Arial;
	color:#515151;
	
}
.top-bann div.visit
{
	position:absolute;
	top:155px;
	left:610px;
	width:360px;
	z-index:52;
	text-align:right;
}
.top-bann div.bigone
{
	position:absolute;
	top:0px;
	left:1px;
	z-index:50;
}
.top-bann div.ourclients
{
	position:absolute;
	top:250px;
	left:700px;
	width:360px;
	width:200px;
	text-align:center;
}
.top-bann div.ourclients h2
{
	color:#fff;
}
.top-bann div.ourclients img
{
	margin-top:10px;
	margin-left:10px;
}
#slajd li { list-style:none; }

#slajd { height:380px; width:978px; }
.slajd_wrapper { position:relative; }
.slajd_nav { float:left; position:absolute; top:30px; left:10px; z-index:900;width:200px; }
.slajd_nav li { background:url("/gfx/slajd_nav.gif") no-repeat 0 0; cursor:pointer; display:block; float:left; height:30px; margin-left:5px; width:30px;margin-bottom:5px; }
.slajd_nav li:hover { cursor:pointer; }
.slajd_nav li#button_selected { background-image:url("/gfx/slajd_nav_current.gif"); }