/* Basic Example CSS */

body { font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; margin:0; background:#f5f5f5;}
img, div { behavior: url(iepngfix.htc) ;border: none; -ms-interpolation-mode: bicubic;}
a img{border:0px;}
p { font-size:14px; line-height:18px;}
h2 { font-size:36px; font-weight:normal; text-align:center; color:#545757;}
h3 { font-size:12px; margin:0; padding:0; text-transform:lowercase; font-variant:small-caps; color:#555555; }
h4 { font-size:16px; font-weight:normal; text-align:center; color:#a6a6a6;}

.green { color: #00b299; }
.red { color: #dc0029; }

.wrapper { width:100%; margin:auto 0; background:#f7f7f7 ; }


#primary-wrap { color:#545757; font-size:13px; background: #ffffff; height: 40px; position: fixed; z-index: 9999; width: 100%; top: 0; }
#primary { position: relative; height: 40px; overflow:visible; list-style:none;} 
#primary li {padding: 0 10px 0px 0;margin: -6px 0px 0px 0px; float: left;}
#primary li.middle {margin: 2px 0px 0px 0px;}
primary li.middle img{border: none;}
#primary li.seven {margin: -8px 0px 0px -25px;}
#primary li a {height: 40px; margin: 1px 0;color: #545757; text-decoration:none;}
#primary li a:hover { height: 40px; margin: 1px 0;color: #00b299; text-decoration:none;}
#primary li.separator {padding: 0 10px 0px 0;margin: -6px 0px 0px 0px; float: right;}
#primary li.lng {float: right; margin: 2px 0px 0px 0px;}
#primary li.world {float: right; margin: -8px 0px 0px 0px;}

/* ===== Tooltip CSS ===== */
div.tooltip { display:none; /* initially tooltips are hidden */ padding:10px; background:#fafafa; color:#555555; font-size:13px; font-style:italic; }

/* ===== Scrollable CSS ===== */
/* Primary Container */
div.scrollable { position:relative; width:100%; height:527px; overflow:hidden; }

/* Items Container */
div.scrollable div.items { width:20000em; position:absolute; clear:both; }

/* Individual Item Containers */
div.scrollable div.items div { float:left; height:527px; padding: 0; /*background:#000;*/ }

#frameIndex { color:white; width:1050px; background: #f8f8f8;}
	.logo { float:left; width:750px; }
	.menu { float:right; width: 300px; color:#545757; font-size:11px;  margin:75px 0 0 0;}
		.menu img { margin-left:50px; }
		.menu a { color:#545757; text-decoration:none; }
		.menu a:hover { color:#555555; }
	.menu #indexProjectList { cursor:pointer;  margin:10px 30px 30px 65px; padding:0 0 0 30px; }
	.menu #indexPageList { cursor:pointer;  margin:10px 50px 50px 50px; padding:0 0 0 30px; }
		.menu #indexProjectList li, .menu #indexPageList li { padding:0 0 5px 0; } 
		.menu #folio { cursor:pointer; list-style:none; margin:10px 30px 50px 65px; padding:0 0 0 30px; }
	.menu #folio { cursor:pointer;  margin:10px 50px 50px 50px; padding:0 0 0 30px; }
		.menu #folio li, .menu #folio li { padding:0 0 5px 0; }
	.menu h2 {  margin: 0 0 0px 77px; font-size: 13px; color: #00b299; text-align: left;}
	.lista { float:right; width: 300px; color:#545757; font-size:11px;  margin:90px 0 0 0;}
		.lista img { margin-left:50px; }
		.lista a { color:#545757; text-decoration:none; }
		.lista a:hover { color:#555555; }
	.lista #indexProjectList { cursor:pointer;  margin:10px 30px 50px 65px; padding:0 0 0 30px; }
	.lista #indexPageList { cursor:pointer;  margin:10px 50px 50px 50px; padding:0 0 0 30px; }
		.lista #indexProjectList li, .lista #indexPageList li { padding:0 0 5px 0; } 
	.lista h2 {  margin: 0px 0px 0px 77px; font-size: 13px; color: #00b299;text-align: left;}
div.scrollable div.items div.gold { background-color:#fafafa; padding:100px 40px 20px 40px;  width:220px; font-size:12px; line-height: 18px; color:#545757; }
	div.gold p { margin:0 0 18px 0; font-size:12px; line-height: 18px; }
		div.gold ul { margin:0; padding:0; }
		div.gold li { margin:0; padding:0; list-style:none; font-size:12px; }
		div.gold a { color:#545757; text-decoration:none; }
		div.gold a:hover { text-decoration:underline; }
	div.pointer { position:absolute; z-index:1000; width:31px; height:31px; margin:20px 0 0 245px; }
	div.photo { border-right:5px solid #fff; }

div.scrollable div.items div.page { color: #545757; padding:45px; width:800px; }
	div.page h2 { font-size:18px; color: #00b299; margin:0; padding:0; text-transform:lowercase; font-variant:small-caps; text-align:left;  }
	div.about { width:500px; float:left; padding:30px; margin:60px 20px 0 30px; }
		div.about p { font-size: 12px; line-height: 14px; }
		div.about a { color:#545757; text-decoration:none; }
		div.about a:hover { text-decoration:underline;color:#555555; }


/* folio */

/* print */

div.scrollable div.items div.first {  width:556px; }
	div.first1 {float:left; position: absolute; margin: 0px 0px 0px 0px;}
	div.first2 {float:left; position: absolute; margin: 0px 0px 0px 369px;}
	div.first3 {float:left; position: absolute; margin: 139px 0px 0px 0px;}
	div.first4 {float:left; position: absolute; margin: 139px 0px 0px 293px;}
	div.first5 {float:left; position: absolute;margin: 335px 0px 0px 293px;}
	
div.scrollable div.items div.second { width:782px; }
	div.second1 {float:left; position: absolute; margin: 0px 0px 0px 0px;}
	div.second2 {float:left; position: absolute; margin: 0px 0px 0px 245px;}
	div.second3 {float:left; position: absolute; margin: 0px 0px 0px 388px;}
	div.second4 {float:left; position: absolute; margin: 347px 0px 0px 245px;}
	div.second5 {float:left; position: absolute; margin: 291px 0px 0px 388px;}
	div.second6 {float:left; position: absolute; margin: 291px 0px 0px 586px;}
	
div.scrollable div.items div.third {  width:551px; }
	div.third1 {float:left; position: absolute; margin: 0px 0px 0px 0px;}
	div.third2 {float:left; position: absolute; margin: 0px 0px 0px 290px;}
	div.third3 {float:left; position: absolute; margin: 179px 0px 0px 0px;}
	div.third4 {float:left; position: absolute; margin: 179px 0px 0px 366px;}
	div.third5 {float:left; position: absolute; margin: 322px 0px 0px 0px;}
	
/* folio branding */
	
div.scrollable div.items div.brandone {  width:443px; }
	div.brandone1 {float:left; position: absolute; margin: 0px 0px 0px 0px;}
	div.brandone2 {float:left; position: absolute; margin: 271px 0px 0px 0px;}
	
div.scrollable div.items div.brandtwo {  width:551px; }
	div.brandtwo1 {float:left; position: absolute; margin: 0px 0px 0px 0px;}
	div.brandtwo2 {float:left; position: absolute; margin: 0px 0px 0px 305px;}
	div.brandtwo3 {float:left; position: absolute; margin: 238px 0px 0px 0px;}
	
div.scrollable div.items div.brandthree {  width:394px; }
	div.brandthree1 {float:left; position: absolute; margin: 0px 0px 0px 0px;}
	div.brandthree2 {float:left; position: absolute; margin: 271px 0px 0px 0px;}

div.scrollable div.items div.brandfour {  width:681px; }
	div.brandfour1 {float:left; position: absolute; margin: 0px 0px 0px 0px;}
	div.brandfour2 {float:left; position: absolute; margin: 0px 0px 0px 253px;}
	div.brandfour3 {float:left; position: absolute; margin: 0px 0px 0px 482px;}
	div.brandfour4 {float:left; position: absolute; margin: 238px 0px 0px 253px;}
	
div.lastscreen {margin: 0px 2px 0px 0px}
div.podpis {float:left; position: absolute; margin: 506px 0px 0px 0px;  font-size:12px; line-height: 24px; color: #545757; background: #f7f7f7;z-index: 9999;}
div.ico {float:left; position: absolute; margin: 506px 0px 0px 60px;  font-size:12px; line-height: 18px; color: #545757;background: #f7f7f7;z-index: 9999;}
	

div.scrollable div.items div.pageklienci { color: #545757; padding:45px; width:708px; }
	div.pageklienci h2 { font-size:18px; color: #00b299; margin:0; padding:0; text-transform:lowercase; font-variant:small-caps; text-align:left;  }	
	div.klienci { width:708px; float:left; padding:30px; margin:40px 20px 0 0px; }
		div.klienci p { font-size: 12px; line-height: 14px; }
	div.map {width:250px; float:left; margin-top: 105px; margin-left: 70px;font-size: 12px; font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; color: #545757; }
div.scrollable div.items div.adresy { color: #545757; padding:45px; width:160px; }
	div.adresy h2 { font-size:18px; color: #00b299; margin:0; padding:0; text-transform:lowercase; font-variant:small-caps; text-align:left;  }	
	div.info { width:220px; float:left; margin-top: 60px; }
		div.info h2 { padding-left: 25px; margin: 0 0 5px 0; font-size: 18px; color: #00b299;}
		div.info ul { list-style:none; margin:0; padding:0; line-height: 16px;}
		div.info li { list-style:none; font-size:11px; margin:0; padding-bottom:10px; padding-left:25px; }
		div.info a { color:#fff; text-decoration:none; }
		div.info a:hover { text-decoration:underline; }
		div.info a { color:#545757; text-decoration:none; }
		div.info a:hover { text-decoration:underline;color:#555555; }
	div.clients { width:195px; float:left; margin-top: 60px; }
		div.clients h2 { padding-left: 50px; margin: 0 0 15px 0; font-size: 18px; color: #00b299;}
		div.clients ul { list-style:none; margin:0; padding:0; }
		div.clients li { list-style:none; font-size:11px; margin:0; padding-bottom:6px; padding-left:50px; }
		div.clients a { color:#fff; text-decoration:none; }
		div.clients a:hover { text-decoration:underline; }
	div.press-row { padding:30px; margin:80px 0 0 30px; }
		div.press-row h2 { margin:0 0 20px 0; }
		div.press-row img { margin:0 15px 15px 0; }
	div.map a:hover { background:#ffffff; text-decoration:none; } /*BG color is a must for IE6*/
	div.map a.tooltip span { display:none; padding:30px 30px 40px 30px; margin:480px 0 0 -780px; width:500px; text-align:center; text-transform:lowercase; font-size:24px; letter-spacing:2px; }
	div.map a.tooltip:hover span{display:inline; position:absolute; background:#fafafa; color:#545757; border:4px double #a6a6a6; }

/* footer */
#footer, #footer * { font-size:12px; font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; line-height:15px;text-decoration:none;}
#footer a { color: #545757; }
#linetop {float:top; width:100%; height:1px; margin:auto 0; background:#eeeeee; position: fixed; top: 40px; }
#linebtn { width:100%; height:1px; margin:auto 0; background:#eeeeee;}
#g7 { padding:0px 5px 5px 10px; vertical-align:middle; cursor:pointer; border: none;}
}

/* Select lists */
select { width:50px; border:1px solid #d6d6d6; margin:5px 0; padding:4px 2px; height:24px; background:#ffffff; color: #545757;font-size: 12px; font-family: "Myriad Pro", Helvetica, Verdana, Arial, serif; }

/* Next and Previous buttons */
#back { float:right; clear: both; margin:180px 20px 20px 20px; font-size:10px; }
#back a { padding:11px 60px 11px 51px; cursor:pointer; color:#ffffff; background: transparent url("../images/back.png") no-repeat; margin-left:0px; }

#navBtnsn {position: relative; float:right; margin:202px 20px 20px 20px; font-size:10px; }
#navBtnsp {position: relative; float:left; margin:202px 20px 20px 20px; font-size:10px; }
#navBtnsn a {position: relative; padding:14px 18px 14px 18px; cursor:pointer; color:#ffffff; background: transparent url("../images/ron.png") no-repeat; margin-left:0px; }
#navBtnsp a {position: relative; padding:14px 18px 14px 18px; cursor:pointer; color:#ffffff; background: transparent url("../images/lon.png") no-repeat; margin-left:0px; }

#logotype { float:left;  margin:20px 19px 20px 19px; font-size:10px; }
.dane {color:#545757; text-decoration:none; float:left;  margin: 40px 19px 5px 19px; }
.dane img{border: none;}
.dane a { color:#545757; text-decoration:none; }
.dane a:hover { text-decoration:none;color:#555555; }

.dane .tytul {color: #00b299; font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; font-size: 13px; line-height:20px;}
#copyright {clear: both; color:#545757; text-decoration:none; float:right;  margin: 8px 19px 8px 19px; text-align: right;}
.pointline{width: 100%; height:1px; margin: 4px 0px 8px 0px; background: #eeeeee url("../images/pointline.jpg") repeat-x;}
#copypointline{width: 151px; height:1px; margin: 8px 0px 8px 0px; background: #eeeeee url("../images/pointline.jpg") repeat-x;}

.dane .tytul {color: #00b299; font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; font-size: 13px; line-height:20px;}
#qr {clear: both; color:#545757; text-decoration:none; float:right;  margin: -200px 10px 0px 0px; text-align: right;}
#nav { position:fixed; right:210px;}

.dane #dta { cursor:pointer; list-style-type:none;}
	.dane #dta { cursor:pointer; list-style-type:none;}
		.dane #dta li{ padding: 0 0 0 0; } 

a.prev { }
a.next { }
a.prev:hover, a.next:hover { color: #555555; }

div.scrollable div.items div.pageform {color: #545757; padding:45px; width:550px; }
	div.pageform h2 { font-size:18px; color: #00b299; margin:0; padding:0; text-transform:lowercase; font-variant:small-caps; text-align:left;  }
	
div.formularz { width:500px; float:left; padding:30px; margin:60px 5px 0 20px; }
div.formularz h2 {  margin: 0 0 15px 0; font-size: 18px; color: #00b299;}

#odpowiedz {font-size: 12px; font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; color: #545757; }
#contactform {font-size: 12px; font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; color: #545757; }
.naglowek{font-size: 16px; color: #545757; margin: 0 0 0 0;}
.podtytul{font-size: 10px; color: #999999; margin: 0 0 0 0;}
#contactform input.text { width:325px; border:1px solid #d6d6d6; margin:5px 0; padding:5px 3px; height:16px; background:#ffffff; color: #545757;font-size: 12px; font-family: "Myriad Pro", Helvetica, Verdana, Arial, serif; color: #a6a6a6;}
#contactform textarea {overflow:auto; width:325px; border:1px solid #d6d6d6; margin:5px 0; padding: 5px 3px; background:#ffffff; color: #545757;font-size: 12px; font-family: "Myriad Pro", Helvetica, Verdana, Arial, serif; color: #a6a6a6;}

.seven img, .seven li img{border: none;}

/* Disabled Next or Previous button */
a.prev.disabled { background: transparent url("../images/loff.png") no-repeat !important; color:#ffffff !important; }
a.next.disabled { background: transparent url("../images/roff.png") no-repeat !important; color:#ffffff !important; }

/* ===== CSS Rounded Corners ===== */
/*div.tabPanes { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
div.tooltip,
div.scrollable div.items div { -moz-border-radius: 8px; -webkit-border-radius: 8px; }*/

		#menuwrapper{ position:relative; height:210px;}
		#menu{position:absolute; bottom:0; left:0;}
		.menuitem{ position:fixed relative; bottom:0px; display:inline-block; }