/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img, button { border: 0 }
a, button, object { text-decoration: none; outline: none; color: #85BEC6;}
a:hover { text-decoration: underline; }
ul { text-align: left; }
ul li {outline: none;}
fieldset { border: 0; }
address { font-style: normal;}
.submit:hover { cursor: pointer;}
a.ico { display: block; width: 26px; height: 26px;  background: url(../images/icons.gif) -1000px -1000px no-repeat; font: 11px/26px Arial; color: #85BEC6;}
a.ico:hover { text-decoration: none;}
a.totop { background-position: 0 0;}
a.timer { background-position: 0 -50px;}
a.email { background-position: 0 -100px;}
a.print { background-position: 0 -150px;}
a.ico-top { display: block; height: 16px;  background: url(../images/icons-top.gif) -1000px -1000px no-repeat; padding-left: 20px; color: #BFBFBF; font-weight: bold;}
a.ico-top:hover { text-decoration: none;}
a.vcms { background-position: 0 0;}
a.sklep { background-position: 0 -50px;}
h2 { font: normal 30px Arial; color: #FFF; margin: 18px 0 0; padding: 0 0 16px; }
h2 a { color: #FFF;}
h3 { font: bold 12px Arial; color: #FFF; margin: 0 -20px 0 0; padding: 18px 0 16px; border-bottom: 1px solid #0D4951; text-indent: 2px;}

  
/*Layout

------------------------------------------------------------------------- */
html { height: 100%; }
body { height: 100%; width: 100%; background: #1A1A1A url(../images/bg.jpg) 50% 0 repeat-x; font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #85BEC6;}

#top, #content, #content-home , #footer{ width: 941px; margin: 0 auto; position: relative; clear: both; z-index: 1;}
#page { width: 941px; margin: 0 auto -125px; background: #112528 url(../images/bg-page.png) 50% 0 repeat-x; position: relative; clear: both; z-index: 1;}

/* Top

------------------------------------------------------------------------- */
#top { height: 185px; background: url(../images/bg-top.png) 50% 0 repeat-x;}
#top h1 { position: absolute; top: 42px; left: 0;}
.menu { position: absolute; top: 148px; left: 2px; list-style: none;}
.menu li { float: left; padding: 0 15px 0 18px; background: url(../images/menu.gif) 0 50% no-repeat;}
.menu li:first-child { background: none;}
.menu li a { font-weight: bold; color: #BFBFBF;}
.menu li a:hover, .menu li a.active { color: #467177; text-decoration: none;}
.submenu { position: absolute; top: 32px; right: 0; width: 345px; list-style: none;}
.submenu li { margin: 10px 0 0;}
.submenu span { margin-right: 20px; color: #BFBFBF; font-weight: bold;}
.submenu a {font-weight: normal; color: #4D4D4D;}
.submenu a:hover { text-decoration: none;}
.submenu a:hover span { text-decoration: underline;}
#search { float: right; margin: 145px 1px 0;}
#search a {float: left; }
#search input {float: left; }
#search span.text { float: left; height: 14px; font: 12px/14px Arial; color: #4D4D4D; padding: 6px; background:  url(../images/bg-search.gif) 0 0 no-repeat; border: 0; margin: 0 0 0 10px; width: 140px;}
#search input.text { width: 100%;font: 12px/14px Arial; color: #4D4D4D; border: 0; background: none;}

/* Content

------------------------------------------------------------------------- */
#content { width: 901px; padding: 0 20px 20px; }
.content { float: right; width: 620px;}
.content-foot { border-top: 1px solid #0D4951; padding: 20px 0 0; margin: 20px -20px 0 0; clear: both;}
.content-foot a.ico { width: auto; padding-left: 38px;}
.sidemenu { float: left; position: relative; left: -40px; margin: 22px -40px 0 0; width: 300px; padding: 0; background: #134F58; list-style: none;}
.sidemenu li { float: left; width: 100%; clear: both; background: url(../images/sidemenu.jpg) 0 0 repeat-x; font: bold 12px/40px Arial; color: #85BEC6;}
.sidemenu li a { display: block; background: url(../images/sidemenu.gif) 100% 17px no-repeat; padding-left: 40px; color: #85BEC6;}
.sidemenu li:hover, .sidemenu li.active { color: #FFF; text-decoration: none;}
.sidemenu li:hover a, .sidemenu li.active  a { color: #FFF; text-decoration: none; background-position: 100% -33px; }
.sidemenu li ul {float: left; width: 260px; clear: both; background: #134F58; border-top: 1px solid #114952; list-style: none; padding: 0 0 10px 40px; display: block;}
.sidemenu li ul li { border-top: 1px solid #1E5A64; background: none; }
.sidemenu li ul li:first-child { border-top: 0;}
.sidemenu li ul li, .sidemenu li:hover ul li, .sidemenu li.active ul li { font: normal 11px/34px Arial; color: #85BEC6; }
.sidemenu li ul li a, .sidemenu li:hover ul li a, .sidemenu li.active ul li a { color: #85BEC6; background-position: 0 14px; padding-left: 12px; }
.sidemenu li ul li a:hover, .sidemenu li:hover ul li a:hover, .sidemenu li.active ul li a:hover, .sidemenu li.active ul li a.active, .sidemenu li ul li.active a { color: #FFF;}
.sidemenu li:hover ul, .sidemenu li.active  ul { display: block;}
.folio { float: right; margin: 22px -20px 0; width: 660px; padding: 0; background: url(../images/folio.gif) 50% -20px repeat-y; overflow: hidden; list-style: none;}
.folio li { width: 290px; float: left; height: 192px; overflow: hidden; padding: 0 20px 20px; margin: 20px 0 0; }
.folio li.first-line {margin-top: 0;}
.folio li a.project { float: left; width: 290px; height: 145px;/*192px;*/ background: url(../images/shadow.png) 0 0 no-repeat; cursor: pointer;}
.folio li a.project img { width: 280px; height: 90px; border: 5px solid #0B3C43; margin: 0 0 15px; z-index: -1; position: relative;}
.folio li a.project strong { font-size: 12px; color: #85BEC6; padding-right: 14px; background: url(../images/icons-top.gif) 100% -100px no-repeat; float: left;}
/*.folio li a.project span { display: block; width: 100%; clear: both; font: 11px/17px Arial; padding: 12px 0 0; height: 51px; overflow: hidden; color: #467177;}*/
.folio li a.project:hover { background: url(../images/blank.gif) 0 0 repeat; text-decoration: none;}
.folio li a.project:hover strong { color: #FFF;}
/*.folio li a.project:hover span { color: #85BEC6;}*/

.arts { float: right; margin: 22px -20px 0; width: 660px; padding: 0; overflow: hidden; list-style: none;}
.arts li { width: 290px; float: left; overflow: auto; padding: 0 20px 20px; margin: 20px 0 0;}
.arts li.first-line {margin-top: 0;}
.arts li a.art { display:block; cursor: pointer;margin-bottom: 3px; }
.arts li img { width: 60px; height: 60px; border: 5px solid #0B3C43; margin: 3px 5px 0 0; float: left; }
.arts li a.art strong { font-size: 12px; color: #85BEC6; padding-right: 14px; background: url(../images/icons-top.gif) 100% -100px no-repeat;}
.arts li a.art:hover { text-decoration: none;}
.arts li a.art:hover strong { color: #FFF;}

.pagination { margin: 20px 0 0; float: left;  position:relative; left: 50%; text-align:left; }
.pagination ul { list-style: none;position: relative; left: -50%; }
.pagination li { float: left; position:relative;}
.pagination li a { float: left; width: 21px; height: 21px; overflow: hidden; font: bold 11px/21px Arial; color: #85BEC6; text-align: center; background: url(../images/pagination.gif) 0 0 no-repeat; margin: 0 5px;}
.pagination li a:hover, .pagination li a.selected  { font-weight: normal; color: #467177; text-decoration: none;}
.pagination li a.prev { background-position: 0 -50px; margin-right: 18px;}
.pagination li a.prev:hover { background-position: 100% -50px;}
.pagination li a.next { background-position: 0 -100px; margin-left: 18px;}
.pagination li a.next:hover { background-position: 100% -100px;}

#font-size { position: absolute; top: 11px; right: 15px;}
#font-size a { font: normal 12px/26px Arial; color: #85BEC6; margin: 0 5px; float: left; width: 25px; height: 26px; background: url(../images/font-size.jpg) 0 0 no-repeat; text-align: center;}
#font-size a:hover { text-decoration: none; background-position: -25px 0;}
#font-size a.decreaseFont { font-size: 10px;}
#font-size a.resetFont { font-size: 12px; color: #2C6870;}
#font-size a.increaseFont { font-size: 18px;}

.font-size { font: normal 12px/16px Arial; color: #85BEC6;}
.user-text ol { margin: 16px 0 0 25px;}
.user-text ol li { padding: 2px 0 15px;  position: relative; }
.user-text ol li span.counter { position: absolute; left: -30px; top:0; width: 21px; height:21px; text-align: center; background: url(../images/counter.jpg) 0 0 no-repeat; line-height: 21px;}
.user-text img { float: left; border: 5px solid #0B3C43; margin: 0 20px 15px 0; vertical-align: top;}
.user-text img.fr { float: right; margin: 0 0 15px 20px;}
.user-text a { color: #FFF;}
.user-text p { margin: 6px 0;}
.user-text ul { margin: 0 0 0 25px;}
.user-text ul li { margin: 4px 0 0 0;}

.photos { float: right; position: relative; width: 340px; height: 300px; overflow: hidden; margin: 0 0 15px 15px;}
.photos .img-wrap { position: absolute; top: 0; left: 0; width: 290px; height: 290px; overflow: hidden; border: 5px solid #0B3C43; text-align: center;}
.photos .img-wrap img { height: 290px; margin: 0 auto; border: 0; float: none;}
.photos .prev, .photos .next { width: 40px; height: 60px; position: absolute; background: url(../images/navi.jpg) 0 0 no-repeat; cursor: pointer; z-index: 100;}
.photos .next { background-position: 0 0; right: 0; top: 64px; }
.photos .next:hover { background-position: 0 100%; }
.photos .prev { background-position: -40px 0;  right: 0; top: 174px;}
.photos .prev:hover { background-position: -40px 100%;}
.photos .counter { width: 40px; height: 16px; position: absolute; right: 0; top: 142px; text-align: center; }

.photos.art { width: 479px;height: 268px;/*158px;*/}
.photos.art .img-wrap {width: 429px;height: 257px;/*148px*/}
.photos.art .img-wrap img { height: 257px;/*148px*/}
.photos.art .next { top: 4px; }
.photos .prev { top: 74px;}

#contact-map { float: left; border: 5px solid #0B3C43; margin: 22px 0 0; width: 490px;overflow: hidden; }
#contact-map * {color: black}

#contact-details { float: right; margin: 22px 0 0; width: 360px; }
#contact-details  h2 { margin: 34px 0 0;}
#contact-details ul { list-style: none;}
#contact-details ul li { padding: 10px 0 0; clear: both; line-height: 20px;}
#contact-details ul li a { float: left; }
#contact-details ul li img.skype { float: left; margin: 2px 10px 0 0;}
#contact-details ul li img.gg { float: left; margin-right: 6px;}
#contact-details ul li span { width: 90px; float: left;}
#contact-details p {display: inline;}

.large {  width: 820px; height: 340px; margin: 0 auto; overflow: visible;}
.large .img-wrap { width: 820px; height: 330px;}
.large .img-wrap a { display: block; position: relative; cursor: pointer; }
.large .img-wrap a span.zoom { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/zoom.png) 0 0 no-repeat; z-index: 2;}
.large .img-wrap img { height: 330px; z-index: 1;}
.large .next { right: -40px; top: 40px; }
.large .prev { background-position: -80px 0; left: -40px; top: 240px;}
.large .prev:hover { background-position: -80px 100%;}
.large .counter { right: -40px; top: 120px; }

#project { clear: both; margin: 20px 40px 0; position: relative;}
.details { position: absolute; top: 0; right: 0; text-align: right; color: #467177; line-height: 18px;}
.details a { display: block;} 
.description { clear: both; padding: 15px 0 0;}

.projects { float: left; margin: 0 -20px 0 0; width: 921px; padding: 0; overflow: hidden; list-style: none; border-top: 1px solid #0D4951;}
.projects li { width: 200px; float: left; height: 115px; overflow: hidden; padding: 5px; margin: 15px 20px 0 0; background: #0B3C43; position: relative; z-index: 1;}
.projects li a.project { float: left; width: 200px; height: 90px; background: url(../images/projects.png) 0 0 no-repeat; cursor: pointer; color: #467177;}
.projects li a.project img { width: 200px; height: 90px; margin: 0 0 6px; z-index: -1; position: relative;}
.projects li a.project:hover { background: url(../images/blank.gif) 0 0 repeat; text-decoration: none; color: #FFF;}

.headmenu { overflow: hidden; height: 40px; margin: 0; width: 100%; padding: 0; list-style: none; background: url(../images/sidemenu.jpg) 0 0 repeat-x;}
.headmenu li { float: left; width: 33.3%; font: bold 12px/40px Arial; color: #85BEC6;}
.headmenu li a { display: block; background: url(../images/sidemenu.gif) 100% 17px no-repeat; padding-left: 21px; color: #85BEC6;}
.headmenu li a:hover,.headmenu li a.active { text-decoration: none; color: #FFF; background-position: 100% -83px; border-left: 1px solid #114B54; padding-left: 20px;}

#content-home { background: #262626;}
#head { height: 320px; background: #212121 url(../images/head.jpg) 0 0 no-repeat; padding-left: 600px; position: relative; z-index: 1000;}

#realiz { width: 340px; height: 290px; background: url(../images/realiz.jpg) 0 0 no-repeat; overflow: hidden; float: left; margin: -40px 0 0 -40px; position: relative; z-index: 10; padding: 62px 60px 0 40px;}
#realiz h3 { color: #85BEC6; padding: 0 0 14px 20px; border-color: #85BEC6; height: 18px; overflow: hidden;}
#realiz .prev, #realiz .next { width: 21px; height: 21px; position: absolute; background: red  url(../images/pagination.gif) 0 0 no-repeat; cursor: pointer; z-index: 100; text-align: center;}
#realiz .next { background-position: 0 -100px; left: 88px; top: 304px; }
#realiz .next:hover { background-position: 100% -100px; }
#realiz .prev { background-position: 0 -50px; left: 56px; top: 304px;}
#realiz .prev:hover { background-position: 100% -50px;}
#realiz .more { position: absolute; top: 304px; right: 80px; line-height: 20px; color: #467177;}
#realiz .more a { padding-right: 14px; background: url(../images/icons-top.gif) 100% -150px no-repeat; }

#news { margin: -280px -40px 0 -61px; float: right; width: 601px; background: #0B1314; padding: 302px 40px 0 0; position: relative; z-index: 100; overflow: hidden; height: 222px; }
#news h3 { color: #BFBFBF; padding: 0 0 14px 20px; border-color: #142D30; height: 18px; overflow: hidden; margin: 0;}
#news ul { margin: 20px 0 0; list-style: none;}
#news ul li { float: left; width: 270px; padding: 0 0 0 20px;}
#news span.title { color: #85BEC6; font: bold 12px/17px Arial;}
#news span.date { color: #17606A; display: block;}
#news span.body { display: block; margin: 15px 0 0; padding: 0 0 15px; line-height: 15px;}
#news a.more { padding-right: 14px; background: url(../images/icons-top.gif) 100% -200px no-repeat; }

#newsletter { float: left; width: 501px; padding: 25px 0 0 20px; color: #4D4D4D; position: relative;}
#newsletter strong { color: #BFBFBF;}
#newsletter label {float: left; }
#newsletter a {float: left; margin: 0 5px; }
#newsletter input {float: left; }
#newsletter span.email { float: right; height: 14px; font: 12px/14px Arial; color: #4D4D4D; padding: 6px; background:  url(../images/bg-email.gif) 0 0 no-repeat; border: 0; margin: -6px 0 0 10px; width: 208px;}
#newsletter input.text { width: 170px;font: 12px/14px Arial; color: #4D4D4D; border: 0; background: none;}

.shorts { clear: both; position: relative; width: 300px; padding: 0; margin: 20px 18px 0;}
.shorts .short { position: absolute; display: none; margin: -52px 0 0; padding: 52px 0 0;}
.shorts .active { display: block;}
.shorts .desc { width: 300px; height: 180px; overflow: hidden; display: block; }
.shorts .desc img { height: 100px; width: 290px; margin: 0 auto 15px; border: 0; float: none; border: 5px solid #0B3C43;}
.shorts .desc:hover { text-decoration: none; color: #FFF;}
.shorts .desc:hover img { border-color: #0B1314;}
.shorts .link { font-weight: bold; color: #FFF; position: absolute; top: 0; right: 0;}

#accordion { height: 320px; width: 340px; padding: 0;}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; color: #BFBFBF; height: 70px; line-height: 70px; overflow: hidden; padding: 0; outline: none; margin: 0; padding: 0 20px; width: 300px; border: 0; float: left; clear: both;}
.ui-accordion .ui-accordion-header a { color: #BFBFBF; display: block; }
.ui-accordion .ui-accordion-header a:hover, .ui-accordion .ui-state-active a { color: #FFF; text-decoration: none; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header:hover, .ui-accordion .ui-state-active { background: url(../images/header.jpg) -341px 0 no-repeat; color: #FFF;}
.ui-state-default {background: url(../images/header.jpg) 0 0 no-repeat;}
.ui-accordion .ui-accordion-content { padding: 8px 20px 0; border: 0; position: relative; top: 0; margin: 0; display: none; height: 102px; overflow: hidden; float: left; clear: both; width: 300px;}
.ui-accordion .ui-accordion-content-active { display: block; background: url(../images/active-content.jpg) 0 0 no-repeat; }
.ui-accordion .text { float: left; width: 100%; clear: both;}
.ui-accordion a.more { float: left; margin: 12px 0; padding-right: 14px; background: url(../images/icons-top.gif) 100% -150px no-repeat;}

/* Footer 

------------------------------------------------------------------------- */
#footer { height: 105px; background: #1A1A1A; color: #4D4D4D; width: 921px; padding: 20px 0 0 20px; line-height: 30px;}
#footer a { color: #4D4D4D;}
#footer a.link { color: #467177;}
#footer .icons { float: right; list-style: none;}
#footer .icons li { float: left; padding: 0 0 0 10px;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.push { height: 125px; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;
}