/***** RESET *****/
*{  
    margin:0; 
    padding:0;
	outline:0;
}
:focus {
	outline: 0;
}
fieldset,img {  
    border:0; 
} 

/***** LINK STYLES *****/
a {font-size: 1em; color:#59aff5; text-decoration: underline;}
a:hover {font-size: 1em; color:#89c5f7; text-decoration: underline;}

.box-content a {font-size: 1em; color:#59aff5; text-decoration: none;}
.box-content a:hover {font-size: 1em; color:#89c5f7; text-decoration: underline;}

.contact-middle a { font-size:1em; color:#5888ae; text-decoration: none; font-weight:bold; }
.contact-middle a:hover {font-size:1em; color:#5888ae; text-decoration: underline;}

.last-link a {color:#2269a0; text-decoration:none;}
.last-link a:hover {color:#2269a0; text-decoration:underline;}

.info a { font-size:0.92em; color:#5b7d88; text-decoration:none; padding: 0px 5px;}
.info a:hover {font-size:0.92em; color:#8fb7c4; text-decoration:none;}

a.more { font-size:0.92em; color: #c7e6ff; text-decoration: none; display:inline; padding: 9px 9px; background-color: #4f96ce; width: 80px; text-align:center; float:right; margin-right: 20px;}
a.more:hover {color: #fff;font-size:0.92em;text-decoration: none;}

a.back { font-size:0.92em; color: #8fb7c4; text-decoration: none; display:inline; padding: 9px 9px; background-color: #123e62; width: 70px; text-align:center; float:right; }
a.back:hover {color: #fff; font-size:0.92em;text-decoration: none;}

a.real { font-size:0.92em; color: #c7e6ff; text-decoration: none; display:inline; padding: 7px 1px; background-color: #4f96ce; width: 80px; text-align:center; float:right;}
a.real:hover {color: #fff;}

a.nav-right { display: block; height: 29px; width: 26px; position:absolute; top: 70px; right: 9px; background-image:url(../images/nav_right.gif); background-repeat:no-repeat; z-index:70;cursor:pointer; }

a.nav-left { display: block; height: 29px; width: 26px; position:absolute; top: 70px; left: 9px; background-image:url(../images/nav_left.gif); background-repeat:no-repeat; z-index: 70; cursor:pointer;}

a.see { font-size:0.92em; color: #8fb7c4; text-decoration: none; display:inline; padding: 7px 1px; background-color: #123e62; width: 80px; text-align:center; float:right; position:relative; top: -3px; }
a.see:hover {color: #fff;}

.copy a {color: #789cb8; text-decoration: none;}
.copy a:hover {color: #789cb8; text-decoration: underline;}

.bottom-nav a { font-size: 11px; color: #59758a; text-decoration:none; padding:0 3px;}
.bottom-nav a:hover { font-size: 11px; color: #94d7f4; text-decoration: underline;padding:0 3px;}

a.light { color: #94d7f4; text-decoration:none;}
a.light:hover { color: #94d7f4; text-decoration:underline;}

a.maplink {font-size: 0.92em; color:#858371; text-decoration: none; background-image:url(../images/map_arrow.gif); background-repeat: no-repeat; background-position:0 5px; padding-left: 11px;}
a.maplink:hover {text-decoration: underline;font-size: 0.92em; color:#858371;}

a.vcard {font-size: 0.92em; color:#72705b; text-decoration: none; font-weight:normal;background-image:url(../images/vcard.gif); background-repeat: no-repeat; background-position:3px 0px; padding-left: 30px; padding-bottom: 5px; padding-top: 1px;}
a.vcard:hover {font-size: 0.92em;text-decoration: underline;color:#72705b;}

/***** BASIC STYLES *****/
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #b0d5e1;
	background-color: #000;
}
.container {
	background-color: #0e324f;
	background-image: url(../images/top_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width:auto;
}
.clear {
	clear:both;
	font-size:0.1em;
	height: 0%;
}
.right {
	float: right;
}
.left {
	float:left;
}
.right-align{
	text-align: right;
}
.left-align{
	text-align: left;
}
ul, ol {
	padding-left: 1.5em;
	list-style:none;
}
input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	color:#a9a9a9;
	padding-left: 3px;
	padding-right: 2px;
}

/***** STRUCTURE STYLES *****/
.top {
	height: 142px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/top_rays.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.rays { 
	position: absolute;
	left: 50%;
	top: 0;
	width: 102px;
	height: 141px;
	margin: 0px 0 0 -597px;
	background: url(../images/top_rays_left.jpg) no-repeat;
}
.bubbles {
	position:absolute;
	left: 50%;
	top: 0;
	width: 59px;
	height: 141px;
	margin: 0px 0 0 430px;
	background: url(../images/top_bubbles.jpg) no-repeat;
}
.content_bubbles {
	position:absolute;
	left: 50%;
	top: 540px;
	width: 66px;
	height: 110px;
	margin: 0px 0 0 -530px;
	background: url(../images/content_bubbles.jpg) no-repeat;
}
.scissors {
	position:absolute;
	left: 50%;
	width: 22px;
	height: 15px;
	margin: -8px 0 0 -489px;
	background: url(../images/scissors.gif) no-repeat;
}
.leaf { 
	position: absolute;
	left: 50%;
	display:none;
	top: 146px;
	width: 162px;
	height: 71px;
	cursor:pointer;
	margin: 0px 0 0 244px;
}

/***** sIFR STYLES *****/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-hasFlash h1.header { 
	visibility: hidden;
	font-size: 160%;
}
.sIFR-hasFlash h1.project { 
	visibility: hidden;
	font-size: 160%;
}
.sIFR-hasFlash h1.title{ 
	visibility: hidden;
	font-size: 200%;
}
.sIFR-hasFlash h1.company{ 
	visibility: hidden;
	font-size: 200%;
}
.sIFR-hasFlash h2 { 
	visibility: hidden;
	font-size: 160%;
}
.sIFR-hasFlash h3 { 
	visibility: hidden;
	font-size: 160%;
}

/***** HEADER STYLES *****/

h1.header {
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#024477;
	font-weight: bold;
	margin: 12px 0px 0px 0px;
}
h1.project {
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#024477;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}
h1.title {
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#b0d5e1;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}
h1.company{
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#b0d5e1;
	font-weight: bold;
	margin: 0px 0px 20px 25px;
}
h1.contact-title {
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#72705b;
	font-weight: bold;
	width:auto;
	border-bottom:1px solid #c8c8b2;
	padding-left: 3px;
	padding-bottom: 2px;
	margin: 0px 0px 10px 0px;
}
h2 {
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#b0d5e1;
	font-weight: bold;
}
h3 {
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#80c2f7;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
h4 {
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#b0d5e1;
	font-weight: bold;
	margin: 8px 3px;
	margin-bottom: 4px;
}

/***** LAST PROJECT BOX STYLES *****/
.last {
	height: 264px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	color:#666;
}
.middle-container {
	height: 264px;
	width: auto;
	position:relative;
}
.title-container {
	background-image: url(../images/dotted_yellow.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 37px;
	width: auto;
	margin-right: 30px;
	margin-left: 30px;
}
div.title {
	background-image: url(../images/wheels.gif);
	background-repeat: no-repeat;
	float: left;
	height: 37px;
	width: 330px;
	background-position: 3px 12px;
	padding-left: 31px;
}
.caption {
	float: left;
	height: 22px;
	width: auto;
	padding-left: 25px;
	font-size: 1.17em;
	padding-top: 15px;
}
.last-left {
	float: left;
	height: 217px;
	width: 357px;
	padding-top: 8px;
	padding-left: 33px;
}
.last-picture {
	background-color: #FFFFFF;
	padding: 10px;
	height: 165px;
	width: auto;
	border: 1px solid #e0e0df;
	position:relative;
}
.last-picture img {
	border: 1px solid #d9d9d9;
	position:absolute;
    top:10px;
    left:10px;
    z-index:8;
}

.last-picture img.active {
    z-index:10;
}

.last-picture img.last-active {
    z-index:9;
}

.last-link {
	text-align: right;
	height: auto;
	width: auto;
	color: #847f66;
	padding-top: 8px;
	padding-right: 12px;
	font-size: 0.92em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.last-right {
	float: left;
	height: auto;
	width: 565px;
	padding-left: 25px;
	padding-top: 25px;
}
.description {
	height: 124px;
	width: 520px;
	line-height: 16px;
	padding-bottom: 6px;
}
.last ul {
	margin-top: 10px;
	padding-left: 0em;
}
.last li {
	background-image:url(../images/li_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 20px;
	padding: 3px 20px;
}
.more-projects {
	background-image: url(../images/dotted_yellow.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: auto;
	width: 545px;
	padding-top: 5px;
	text-align: right;
}
.content-title {
	background-image: url(../images/dotted_blue.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 56px;
	padding-top: 13px;
	width: auto;
}
.center-title {
	height: auto;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}
.main {
	height: auto;
	width: auto;
	background-image: url(../images/bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.content {
	height: auto;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 20px;
}
.footer-container {
	height: 52px;
	width: auto;
	background-image: url(../images/dotted_black.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	color: #59758a;
}
.footer {
	height: 45px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	background-image: url(../images/bubbles_footer.gif);
	background-repeat: no-repeat;
	background-position: 750px 8px;
}
.copy {
	float: left;
	height: 25px;
	width: auto;
	background-image: url(../images/devil.gif);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-left: 26px;
	margin-left: 15px;
	display: inline;
}
.bottom-nav {
	float: right;
	height: auto;
	width: auto;
	font-size: 0.55em;
	padding-top: 12px;
	padding-bottom: 10px;
}
.menu-container {
	height: 24px;
	width: auto;
	padding-top: 116px;
}

/***** MAIN MENU STYLES *****/
.menu ul{
	list-style-type: none;
}
.menu li{
	display: inline;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 14px;
	padding-left: 28px;
	padding-right: 28px;

}
.menu .active {
	background-color: #ebe9da;
	border-top: solid 1px #fff;
	color: #3e88c3;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 0.92em;
}
.menu a {
	color: #e3f3ff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 0.92em;
}
.menu a:hover {
	color:#59aff5;
	text-decoration:none;
	font-size: 0.92em;
}
.menu span{
	color:#59aff5;
}
.menu .active a {
	color: #3e88c3;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1em;
	padding-top: 8px;
	padding-bottom: 14px;
}
.menu .active a:hover {
	color: #3e88c3;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1em;
}
/***** PODSTRONA Z PORTFOLIO *****/
.portfolio {
	height: auto;
	width: auto;
}
.portfolio .left-column {
	float: left;
	height: auto;
	width: 180px;
	padding-bottom: 25px;
}
.portfolio .right-column {
	float: right;
	height: auto;
	width: 750px;
}

.portfolio .clients ul {
	list-style-type: none;
}
.portfolio .clients li{
	padding: 6px 4px;
	border-bottom: solid 1px #2f4456;
	margin-left: -1.5em;
	background-image:url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 170px 13px;
}
.portfolio .clients .end{
	border-bottom: none;
}
.portfolio .clients a {
	color: #719abc;
	text-decoration: none;

}
.portfolio .clients a:hover {
	color:#a9d8ff;
	text-decoration:none;
}
.portfolio .clients a.active {
	color: #a9d8ff;
	text-decoration: none;
	font-weight:bold;

}
.portfolio .clients a.active:hover {
	color:#a9d8ff;
	text-decoration:none;
	font-weight:bold;
}
.portfolio div.project {
	width: 346px;
	height: auto;
	float:left;
	padding-left: 25px;
	padding-bottom: 20px;
}
.portfolio div.website {
	width: 346px;
	height: auto;
	float:left;
	padding-left: 25px;
}
.portfolio .picture, .portfolio .image  {
	background-color: #163b58;
	border: solid 1px #224f72;
	padding: 5px;
}
.portfolio .image {
	margin-bottom: 30px;
}
.portfolio .picture img, .portfolio .image img {
	border: solid 1px #255377;
}

.portfolio .project p {
	line-height: 16px;
	padding: 0px 3px;
	background-image: url(../images/dotted_blue.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 8px;
}
.portfolio .info {
	width:auto;
	padding: 6px 0px;
}
#screenshot {
	margin: 0;
	padding: 8px;
	position: absolute;
	background-color: #163b58;
	border: solid 1px #224f72;
	display: none;
	z-index: 89;
}
/***** STRONICOWANIE *****/
.navigation {
	float:right;
	width:auto;
	height:auto;
	padding-top:10px;
	padding-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
}
.navigation a {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #052439;
	display: block;
	float:left;
	border: solid 1px #3b5a74;
	font-size:1em;
	padding: 5px 7px;
	margin-left: 1px;
	color:#fefefe;
	text-decoration: none;
}
.navigation a:hover {
	color: #fefefe;
	border: solid 1px #afdeff;
}
.page-active{
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	float:left;
	border: solid 1px #9aafe5;
	font-size:1em;
	padding: 5px 7px;
	margin-left: 1px;
	color:#0e324f;
	background-color: #afdeff;
	border: solid 1px #afdeff;
	font-weight: bold;
}
.marker {
	color:#dfdfdf;
	float:left;
	padding: 5px;
	margin-left: 1px;
}
.next {
	float: right;
	padding-top: 15px;
	padding-right: 30px;
}

/***** PODSTRONA CO ROBIMY *****/
.website {
	height: auto;
	width:auto;
}
.website .left-column .text {
	line-height: 16px;
	background-image: url(../images/dotted_blue.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 15px;
	margin-bottom: 35px;
}
.website .right-column p {
	line-height: 16px;
	padding: 7px 5px;
	color: #719abc;
	background-image:none;
}
.website .left-column {
	float: left;
	height: auto;
	width: 570px;
}
.website .right-column {
	float: right;
	height: auto;
	width: 340px;
}


/***** INNE *****/
.pic {
	float: left;
	
	padding: 3px;
	margin: 3px 10px 4px 0;
}
.back-container {
	background-image: url(../images/dotted_blue.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: auto;
	width: auto;
	padding-top: 5px;
	text-align: right;
	margin-left: 25px;
	margin-right: 10px;
}

/***** PRAWY BOX *****/
.box-content {
	background-color: #0d3656;
	color: #719abc;
	border-left: 1px solid #204767;
	border-right: 1px solid #204767;
	width: 314px;
	height:auto;
	padding: 0 10px 10px 10px;
	background-image: url(../images/dotted_box.gif);
	background-repeat: no-repeat;
	background-position: 10px 21px;
}
.box-top {
	background-image:url(../images/box_top.gif);
	background-repeat: no-repeat;
	width: 336px;
	height: 14px;
}
.box-bottom {
	background-image:url(../images/box_bottom.gif);
	background-repeat: no-repeat;
	width: 336px;
	height: 3px;
	font-size: 0.1em;
	margin-bottom: 20px;
}
.box-content ul {
	margin-top: 10px;
	padding-left: 0em;
}
.box-content li {
	background-image:url(../images/li_dark.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 20px;
	padding: 5px 20px;
}



/***** PANEL KONTAKT *****/
.contact-container{
	width:955px;
	height:263px;
	position:absolute;
	left: 50%;
	margin: 0px 0 0 -467px;
	background-image: url(../pictures/kontakt.jp);
	background-repeat: no-repeat;
	display:none;
}
.contact-container p {
	line-height: 18px;
	padding-left: 3px;
}

.contact-left {
	float: left;
	height: auto;
	width: 385px;
	padding-top: 25px;
	padding-right: 35px;
	color: #79785b;
}
.contact-middle {
	float: left;
	height: auto;
	width: 225px;
	padding-top: 25px;
	padding-left: 25px;
	margin-right: 10px;
	color: #79775a;
	padding-bottom: 5px;
}
.down {
	margin-top: 7px;
}
.contact-right {
	float: left;
	height: 240px;
	width: 264px;
	background-image: url(../images/poland.gif);
	background-repeat: no-repeat;
	background-position:23px 1px;
}
.contact-close {
	text-align: right;
	padding-top: 3px;
}
.map-link {
	text-align: center;
	height: auto;
	width: auto;
	padding-top: 192px;
}
.descript {
	height: auto;
	width: auto;
	line-height: 16px;
}
.descript ul {
	margin-top: 10px;
	padding-left: 0em;
}
.descript li {
	background-image:url(../images/li_project.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 20px;
	padding: 3px 20px;
}
.details {
	margin-top: 17px;
}
.details td {
	padding: 2px 0;
	padding-right: 30px;
}
.cms {
	margin-top: 10px;
	padding-left: 0em;
}
.cms li {
	background-image:url(../images/li_cms.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 20px;
	padding: 3px 20px;
}
.cms li ul {
	list-style-type: none;
}
.cms li ul li {
	padding-left: 0px;
	background:none;
}
#hundred {
	position:absolute;
	top: 60px;
	left: 50%;
	margin-left: 330px;
	width: 174px;
	height: 124px;
	z-index:80;
	background:url(../images/happy_100.png) no-repeat;
}