/* Global white space reset */
* {padding:0; margin:0}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0 10px}
li, dd {margin-left:15px}
fieldset {padding:6px}

/* Undo default HTML styling of common browsers */
a:link, a:visited {text-decoration:none; color:#aaa; font-weight:bold}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration:none; color:#1c4851}
ul, ol {list-style:none}
img {border:none}

/* General */
html, body {height:100%}
body {
	background:#282627 url('images/bg_general.gif') no-repeat top center;
	color:#4e4a49;
	text-align:center;
	margin:0;
	font:normal 11px/15px  verdana, serif
	}

/* General links */
a:hover {text-decoration:underline}
a:active {text-decoration:none}
a:focus, input:focus {outline:none}

/* Paragraph and headings */
p {margin:0 0 8px 0}
h1 {font-size:14px}
h2 {font-size:14px}
h3 {font-size:12px; color:#000; margin:5px 15px}
h4 {font-size:16px; margin:5px 13px}
h5 {font-size:10px}

/* Forms */
.submit {font:bold 12px verdana,serif; cursor:pointer!important; color:#1c4851; background:none; border:none; width:60px; margin:0 0 0 6px}
.radio {margin:0 5px 0 0; background:none; border:none}
.search {
	width:150px;
	height:18px;
	font:normal 12px verdana;
	color:#333;
	border:1px solid #999;
	background:url('images/bg_search_field.gif') no-repeat top left;
	padding:5px 6px 1px 6px;
	vertical-align:middle
	}

/* Who's your allwww */
#allwww {
	width:998px;
	min-height:100%;
	height:auto;
	margin:0 auto -95px auto;
	text-align:left
	}
* html #allwww {height:100%}

/* Header */
#header {height:332px}
#logo {
	width:366px;
	height:85px;
	padding:14px 0 0 0;
	background:url('images/bg_menu_starter.gif') no-repeat top right;
	float:left;
	display:inline;
	position:relative
	}
#logo-text {color:#ccc; font:normal 25px arial,serif; position:absolute; top:29px; left:100px}
#ticker {width:630px; height:31px; float:right; display:inline; padding:15px 0 0 0; text-align:center; color:#888}
#ticker:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
#headerimage {width:998px; height:233px; background:url('images/bg_header.jpg') no-repeat top left; float:left; position:relative}
#slogan {color:#888; font:normal 25px arial,serif; position:absolute; bottom:30px; left:550px}

#download {width:219px; height:100px; margin:40px 0 0 0; background:url('images/downloadblue.png') no-repeat top left; float:left}
#download-text {color:#fff; font:bold 12px verdana,serif; width:187px; display:block; text-align:center; padding:12px 4px 0 10px}

/*#icons {width:97px; height:90px; background:url('images/bg_icon_lines.gif') no-repeat top right; margin:130px 1px 0 0; float:right}
#iconsru {width:97px; height:90px; margin:200px -45px 0 0; float:right}*/


#kup {width:219px; height:100px; margin:100px 0 0 -219px; background:url('images/downloadblue.png') no-repeat top left; float:left}
#kup-gotowe {color:#fff; font:bold 12px verdana,serif; width:187px; display:block; text-align:center; padding:12px 4px 0 10px; text-decoration:none}
#kup a {color:#fff; display:block; height:51px}
#kup a:hover, #logo a:hover {text-decoration:none; color:#ddd}

#eng {width:20px; height:10px; margin:10px 20px 0 0; float:right}
#ru {width:20px; height:10px; margin:11px 3px 0 0; float:right}
/* Header links */
#logo a {font-weight:normal}
#download a {color:#fff; display:block; height:51px}
#download a:hover, #logo a:hover {text-decoration:none; color:#ddd}

/* Menu */
#menu {
	width:632px;
	height:53px;
	background:url('images/bg_menu.gif') repeat-x top left;
	float:right;
	display:inline
	}
#menu ul {padding:20px 0 20px 17px; margin:0}
#menu li {display:inline; list-style:none; margin:0 12px 0 0; font:bold 13px verdana,serif}
#menu ul li a:link, #menu ul li a:visited {padding:5px 7px; color:#000; border:1px solid #ead28b; background:#fff}
#menu ul li a:hover, #menu ul li a#active, #menu ul li a:active {color:#fff; border:1px solid #fff; background:#1b3f83; text-decoration:none}

/* CONTENT AND COLUMNS */
#content {background:#f3f2f0 url('images/bg_page.gif') repeat-y top left}
#contentC {background:#f3f2f0 url('images/bg_pageC.gif') repeat-y top left}
#content a:link, #content a:visited {text-decoration:none; color:#1c4851; font-weight:bold}
#cA {float:left; width:270px; margin:0 11px 0 30px; display:inline}
.Ctopleft {background:url('images/corners_top.gif') no-repeat top left; width:9px; height:9px; overflow:hidden; float:left}
#search {background:#568048; padding:10px 15px}
#cA img {padding:4px; border:0px solid #d3cfce; margin:4px 7px 0 0}
.testimonial {padding:10px; font:normal 10px arial,sans-serif}
#cB {float:right; width:679px; margin:0 8px 0 0; display:inline}
.Ctopright {background:url('images/corners_top.gif') no-repeat top right; width:9px; height:9px; overflow:hidden; float:right}
#cB1 {width:640px; float:left; padding:0 10px 5px 10px}
.news {border-bottom:1px solid #e6e1dd; border-top:1px solid #fcfafb; padding:10px 15px 5px 15px}

#cB2 {width:309px; float:right; margin:0}

.dot {background:#fffcc7; border:1px solid #a4c0ba; padding:5px; margin:0 0 10px 13px; color:#282627}
.dot ul {list-style-type:none}
.dot li {padding:0 0 0 20px; margin:5px 0; background:url('images/check.gif') no-repeat 0 50%}

#dot2 {padding:5px; margin:0 0 10px 0; color:#282627}

#dot2 li {padding:0 0 0 20px; margin:5px 0; background:url('images/check.gif') no-repeat 0 50%}


.about {background:#c6d6d6; border:1px solid #a4c0ba; padding:5px; margin:0 0 10px 12px; color:#282627}
.about ul {list-style-type:none}
.about li {padding:0 0 0 20px; margin:5px 0; background:url('images/check.gif') no-repeat 0 50%}
.Cpad {margin:0 8px 0 30px}
.Cbottomleft {background:url('images/corners_bottom.gif') no-repeat top left; width:9px; height:9px; overflow:hidden; float:left; display:inline}
.Cbottom {
	width:942px;
	height:9px;
	overflow:hidden;
	display:inline;
	float:left;
	background:url('images/bg_page.gif') repeat-y -39px 0
	}
.Cbottomright {background:url('images/corners_bottom.gif') no-repeat top right; width:9px; height:9px; overflow:hidden; float:right; display:inline}

#cC {float:left; width:5px; height:860px; margin:0 11px 0 30px; display:inline}
.CCtopleft {background:url('images/corners_top.gif') no-repeat top left; width:9px; height:9px; overflow:hidden; float:left}
#cD {float:right; width:940px; margin:0 8px 0 0; display:inline}
.CCtopright {background:url('images/corners_top.gif') no-repeat top right; width:9px; height:9px; overflow:hidden; float:right}
#cD1 {width:900px; float:left; padding:0 10px 5px 10px}
.news {border-bottom:1px solid #e6e1dd; border-top:1px solid #fcfafb; padding:10px 15px 5px 15px}
.news a{
color: #1c4851;
display: block;
padding: 2px 0;
padding-left: 800px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
}
#D {margin:5px 50px;}


#naglowek {
	width:650px;
	height:50px;
	margin:3px 0 0 3px ;
	background:url('images/naglowek.gif') no-repeat;
	position:absolute;
	text-transform:uppercase
	}
#naglowek-title {color:#313119; font: 22px Myriad Pro,impact,serif;font-weight:bold; position:absolute; top:5px; left:155px}

#strony {
	width:200px;
	height:404px;
	margin:20px 0 0 10px ;
	background:url('images/strony internetowe.jpg') no-repeat;
	position:absolute;
	text-transform:uppercase
	}
#strony-title {color:#282627; font: 22px Myriad Pro, impact,serif; position:absolute; top:18px; left:25px}
#strony-title a {color:#282627; font-weight:bold}
#strony-text {color:#282627; font: 20px Myriad Pro, impact,serif; position:absolute; top:285px; left:33px}
#strony-text a {color:#35393f; font-weight:normal}

#seo {
	width:200px;
	height:404px;
	margin:20px 0 0 243px ;
	background:url('images/pozycjonowanie.jpg') no-repeat ;
	position:absolute;
	text-transform:uppercase	
}	
#seo-title {color:#282627; font: 22px Myriad Pro, impact,serif; position:absolute; top:2px; left:5px}
#seo-title a {color:#282627; font-weight:bold}
#seo-text {color:#282627; font: 20px Myriad Pro, impact, serif; position:absolute; top:285px; left:33px}
#seo-text a {color:#35393f; font-weight:normal}

#reklama {
	width:200px;
	height:404px;
	margin:20px 0 0 475px ;
	background:url('images/reklama.jpg') no-repeat ;
	position:absolute;
	text-transform:uppercase
	}
#reklama-title {color:#282627; font: 22px Myriad Pro, impact,serif; position:absolute; top:2px; left:42px}
#reklama-title a {color:#282627; font-weight:bold}
#reklama-text {color:#282627; font: 22px Myriad Pro, impact,serif; position:absolute; top:285px; left:28px}
#reklama-text a {color:#35393f; font-weight:normal}

#logotyp {
	width:200px;
	height:404px;
	margin:20px 0 0 708px ;
	background:url('images/logotyp.jpg') no-repeat ;
	position:absolute;
	text-transform:uppercase
	}
#logotyp-title {color:#282627; font:22px Myriad Pro, impact,serif; position:absolute; top:18px; left:70px}
#logotyp-title a {color:#282627; font-weight:bold}
#logotyp-text {color:#282627; font: 22px Myriad Pro, impact, serif; position:absolute; top:285px; left:28px}
#logotyp-text a {color:#35393f; font-weight:normal}

#wizualizacja {
	width:200px;
	height:404px;
	margin:370px 0 0 243px ;
	background:url('images/wizualizacja.jpg') no-repeat;
	position:absolute;
	text-transform:uppercase
	}
#wizualizacja-title {color:#282627; font: 22px Myriad Pro, impact,serif; position:absolute; top:18px; left:28px}
#wizualizacja-title a {color:#282627; font-weight:bold}
#wizualizacja-text {color:#282627; font: 20px Myriad Pro, impact,serif; position:absolute; top:285px; left:33px}
#wizualizacja-text a {color:#35393f; font-weight:normal}

#auta {
	width:200px;
	height:404px;
	margin:370px 0 0 475px ;
	background:url('images/auto.jpg') no-repeat ;
	position:absolute;
	text-transform:uppercase	
}	
#auta-title {color:#282627; font: 22px Myriad Pro, impact,serif; position:absolute; top:2px; left:22px}
#auta-title a {color:#282627; font-weight:bold}
#auta-text {color:#282627; font: 20px Myriad Pro, impact, serif; position:absolute; top:285px; left:33px}
#auta-text a {color:#35393f; font-weight:normal}

#druk{
	width:200px;
	height:404px;
	margin:370px 0 0 10px ;
	background:url('images/druk.jpg') no-repeat ;
	position:absolute;
	text-transform:uppercase
	}
#druk-title {color:#282627; font: 22px Myriad Pro, impact,serif; position:absolute; top:18px; left:32px}
#druk-title a {color:#282627; font-weight:bold}
#druk-text {color:#282627; font: 22px Myriad Pro, impact,serif; position:absolute; top:285px; left:28px}
#druk-text a {color:#35393f; font-weight:normal}

#outreklama {
	width:200px;
	height:404px;
	margin:370px 0 0 708px ;
	background:url('images/outreklama.jpg') no-repeat ;
	position:absolute;
	text-transform:uppercase
	}
#outreklama-title {color:#282627; font:22px Myriad Pro, impact,serif; position:absolute; top:2px; left:32px}
#outreklama-title a {color:#282627; font-weight:bold}
#outreklama-text {color:#282627; font: 22px Myriad Pro, impact, serif; position:absolute; top:285px; left:28px}
#outreklama-text a {color:#35393f; font-weight:normal}

#foto {
	width:200px;
	height:404px;
	margin:720px 0 0 10px ;
	background:url('images/foto.jpg') no-repeat ;
	position:absolute;
	text-transform:uppercase
	}
#foto-title {color:#282627; font:22px Myriad Pro, impact,serif; position:absolute; top:5px; left:36px}
#foto-title a {color:#282627; font-weight:bold}
#foto-text {color:#282627; font: 22px Myriad Pro, impact, serif; position:absolute; top:92px; left:28px}
#foto-text a {color:#35393f; font-weight:normal}

#spot {
	width:200px;
	height:404px;
	margin:720px 0 0 243px ;
	background:url('images/spoty.jpg') no-repeat ;
	position:absolute;
	text-transform:uppercase
	}
#spot-title {color:#282627; font:22px Myriad Pro, impact,serif; position:absolute; top:5px; left:60px}
#spot-title a {color:#282627; font-weight:bold}
#spot-text {color:#282627; font: 22px Myriad Pro, impact, serif; position:absolute; top:92px; left:28px}
#spot-text a {color:#35393f; font-weight:normal}


#retusz {
	width:200px;
	height:404px;
	margin:720px 0 0 475px ;
	background:url('images/retusz.jpg') no-repeat ;
	position:absolute;
	text-transform:uppercase
	}
#retusz-title {color:#282627; font:22px Myriad Pro, impact,serif; position:absolute; top:5px; left:20px}
#retusz-title a {color:#282627; font-weight:bold}
#retusz-text {color:#282627; font: 22px Myriad Pro, impact, serif; position:absolute; top:92px; left:28px}
#retusz-text a {color:#35393f; font-weight:normal}


#tlumaczenia {
	width:200px;
	height:404px;
	margin:720px 0 0 708px ;
	background:url('images/tlumaczenia.jpg') no-repeat ;
	position:absolute;
	text-transform:uppercase
	}
#tlumaczenia-title {color:#282627; font:22px Myriad Pro, impact,serif; position:absolute; top:5px; left:29px}
#tlumaczenia-title a {color:#282627; font-weight:bold}
#tlumaczenia-text {color:#282627; font: 22px Myriad Pro, impact, serif; position:absolute; top:92px; left:28px}
#tlumaczenia-text a {color:#35393f; font-weight:normal}

#kontakt {
	width:679px;
	height:154px;
	margin:0px 0 0 -10px ;
	background:url('images/tlo.jpg') no-repeat ;
	position:absolute;
	
	}
#kontakt-title {color:#282627; font:22px Verdana, Myriad Pro, impact,serif; position:absolute; top:1px; left:25px}
#kontakt-title a {color:#282627; font-weight:bold}
#kontakt-text {color:#282627; font: 15px Verdana, Myriad Pro, impact, serif; position:absolute; top:120px; left:28px}
#kontakt-text a {color:#35393f; font-weight:normal}

#tlo {
	width:679px;
	height:310px;
	margin:-7px 0 0 -10px ;
	background:url('images/tlo.jpg') no-repeat ;
	position:absolute;
	
}
#cF {float:right; width:940px; margin:0 8px 0 0; display:inline}
.Ctopright {background:url('images/corners_top.gif') no-repeat top right; width:9px; height:9px; overflow:hidden; float:right}
#cF1 {width:900px; float:left; padding:0 10px 5px 10px}
.news {border-bottom:1px solid #e6e1dd; border-top:1px solid #fcfafb; padding:10px 15px 5px 15px}

.CCpad {margin:0 8px 0 30px}
.CCbottomleft {background:url('images/corners_bottom.gif') no-repeat top left; width:9px; height:9px; overflow:hidden; float:left; display:inline}
.CCbottom {
	width:942px;
	height:9px;
	overflow:hidden;
	display:inline;
	float:left;
	background:url('images/bg_pageC.gif') repeat-y -39px 0
	}
.CCbottomright {background:url('images/corners_bottom.gif') no-repeat top right; width:9px; height:9px; overflow:hidden; float:right; display:inline}

/* Footer */
#footer {height:95px; width:100%; margin:0; background:url('images/bg_footer.gif') no-repeat bottom center}
#foot {height:95px; width:998px; margin:0 auto; text-align:left}
#foot1 {height:30px; text-align:right; padding:12px 29px 0 0}
#foot1 a:link, #foot1 a:visited {color:#888}
#foot1 a:active {color:#999}
#foot2 {padding:10px 360px 0 30px; color:#999}
#foot2 a:link, #foot2 a:visited {color:#ddd}
#foot2 a:active {color:#eee}
.star {color:#fc0}
.valid {float:right}

/* Misc */
.clear {clear:both}
.leflo {float:left}
.riflo {float:right}
#properspace {height:105px}
#preloader {display:none}

/* Panel menu jQuery */
.arrowlistmenu{
width: 270px; /*szerokość menu*/
}
.arrowlistmenu .menuheader{ /*generalny styl nagłówka listy*/
font: bold 12px verdana,serif;
color: #fff;
background: #282627 url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*odległość nagłówka od treści*/
padding: 8px 0 7px 10px;
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .openheader{
background-image: url(images/titlebar-active.png);
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px;
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*dolna przerwa między punktami menu*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*wygląd "kropki"*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{
color: #A70303;
background-color: #F3F3F3;
}
#pictur {float: left;
	width: 665px;
	padding: 10px 0;
	margin: 0;
	border-top: 0px;
	border-right: 1px ;
	border-bottom: 1px ;
	border-left: 1px ;}
	
/*galeria*/
ul.display {
	float: left;
	width: 665px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px ;
	border-right: 1px ;
	background: #f3f2f0;
}
ul.display li {
	float: left;
	width: 665px;
	padding: 10px 0;
	margin: 0;
	border-top: 0px;
	border-right: 1px ;
	border-bottom: 1px ;
	border-left: 1px ;
}
ul.display li a {
    color:#282627; font:20px 'Myriad pro', Verdana, impact,serif; 
	color: #e7ff61;
	text-decoration: none;
}
ul.display li .content_block {
	padding: 0 10px;
}
ul.display li .content_block h2 {
	margin: 0;
	padding: 3px;
	font-weight: normal;
	font-size: 12px;

}
ul.display li .content_block p {
	margin: 0;
	padding: 5px 5px 5px 230px;
	font-size: 12px;
}
ul.display li .content_block a img{
	padding: 5px;
	border: 2px solid #ccc;
	background: #fff;
	margin: 0 10px 0 0;
	float: left;
}

ul.thumb_view li{
	width: 218px;
}
ul.thumb_view li h2 {
	display: inline;
}
ul.thumb_view li p{
	display: none;
}
ul.thumb_view li .content_block a img {
	margin: 0 0 10px;
}


a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background: url(switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }


/*galeria*/

#lightbox{ position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border:0 }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 10px auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; border: 2px solid #ccc;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }