html {
	background-color:#DEDEDE;
	padding:0px;
	
}

body {
	margin: 0px auto;
	padding: 0; 
	font: 12px/18px 'Trebuchet MS', Arial, Verdana, sans-serif; 
	color: #666;
	text-align: center;
	background: transparent url(../pix/bg.png) no-repeat top center;
}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

h1 {font: normal 22px 'Lucida Sans Unicode', Arial; color:#0070BC; margin-bottom:15px; letter-spacing:-1px;}
h2 {font: normal 17px 'Lucida Sans Unicode', Arial; color:#0070BC; }
h3 {font: normal 15px Arial; margin-bottom:7px; color:#F0C000; font-weight:bold; letter-spacing:0.5px;}
h4 {font: normal 15px 'Lucida Sans Unicode', Arial; margin-bottom:3px; color:#0070BC; letter-spacing:0px;}

ul {list-style:none;}
li {padding:0px;}

#content #right ul { margin:10px 0 10px 0;}
#content #right li {list-style:circle; list-style-type: disc; list-style-position: inside; margin-left:20px;}

hr{	border: none 0; border-top: 1px solid #D8D8D8; height: 1px;	vertical-align:top; margin:10px 0 10px 0; clear:both;}

img {border:0;}

a:link, a:visited {	text-decoration: none; border:0; background-color:transparent; color:#0070BC; padding:0; }
a:active, a:hover {	text-decoration: underline; background-color:transparent; color:#0070BC;}

form {padding:0px; margin:0px;}
p {padding:0px; margin:0px;}
div, ul {padding:0; margin:0;}

.clear {padding:0; margin:0; height:0px; line-height:0px; clear:both;}

input, .info, .alert, .explanation, #subsubmenu a, .pages, .pages_select, textarea
{
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px;    /* Konqueror */
-moz-border-radius: 5px; /* Firefox */
}

.bandeau_titre_left { margin:0; padding:0; background: url(../pix/l_index.jpg) no-repeat; height:23px; width:20px; float:left; }
.bandeau_titre { margin:0; padding:0; background: url(../pix/bandeau_titre.jpg) repeat-x; height:23px; color:#FFFFFF; font-size:16px; font-weight:bold; text-align:center; float:left; }
.bandeau_titre_right { margin:0; padding:0; background: url(../pix/r_index.jpg) no-repeat; height:23px; width:20px; float:left; }


#top {height:70px;}
#logo_top {float:left; padding:14px 0px 0 320px; width:311px; height:96px;}

.boxa, .boxb, .boxc {float:left; border:0px solid red;}
.boxa {width:370px; height:40px; padding:12px;}
.boxb {width:215px; height:22px; padding:0px; background: transparent url(../pix/login.png) 0px 0px no-repeat; margin:20px 0 0 200px;}
.boxb input {margin:0; padding:0; width:172px; background-color:transparent; border:0; font-size:11px; text-align:left; height:20px; border:0px solid red; margin-right:2px; padding-left:3px; }
.boxb .ok {width:30px; background-color:transparent; cursor:pointer;}
.boxb form {border:0px solid red; height:27px;}

.boxc {width:70px; height:15px; padding:0px; margin:24px 0 0 60px;}
.boxc img {margin-left:7px;}

#jezyki {float:right; text-align:right; padding:0; }
#jezyki {color:#999; font-size:12px; margin:10px 20px 0 0px; background-color:transparent;}
#jezyki .top1, #jezyki .top2 {float:left; padding:10px; line-height:15px;}
#jezyki .top1 {background: transparent url(../../pix/border_top.gif) 150px 10px no-repeat; padding-right:30px;}



#main {width:970px; margin: auto; padding:0px; padding-bottom:20px; background: #0171BD url(../pix/bg_main.jpg) 0px 0px repeat-x;}


#content {clear:both; background: #fff url(../pix/content_bg.jpg) top center repeat-x; border:0px solid red; padding-top:0px; position:relative; top:-67px; z-index:2;margin:0 20px; width:930px}




#left { padding:0; width:180px; float:left; border:0px solid red; text-align:left; border:0px solid red}
#right {padding:30px 0px 0 0; width:710px; float:left; border:0px solid black; text-align:left; margin-left:20px; position:relative; z-index:300; border:0px solid red}
#right hr {clear:both;}

#menu {padding:0; height:35px; margin-bottom:0px;}
#menu li {display:block;  width:107px; float:left; padding:0; margin:0; border:0px solid red; text-align:center; float:left; }
#menu a, #menu .two_lines a {display:block; color:#fff; padding:10px 0px 0px 0px; text-decoration:none; font: bold 10px/12px 'Trebuchet MS', Arial, Verdana, sans-serif; border:0px solid red; text-align:center; height:25px; letter-spacing:0;}

#menu .two_lines a {padding-top:4px; height:31px;}

#menu a:hover, #menu .checked, #menu .two_lines .checked  {color:#000; background-color:#FFD101}

#baner {height:236px; overflow:hidden; z-index:3; border:0px solid red; position:relative; top:-27px;}

#flash,#logo, #photo_top, #waves {float:left; position:relative;z-index:1;}
#flash {width:590px; height:200px; overflow:hidden; text-align:left;}
#logo {width:217px;z-index:4; left:-10px; height:200px; padding-right:0px; background: transparent url(../pix/logo.png) no-repeat top center; cursor:pointer;}
#photo_top {float:right; width:200px;  top:-201px; }

/*#waves {height:170px;background: transparent url(../pix/waves.png) no-repeat top center; z-index:3; width:970px; float:none; top:90px;}*/
#waves {height:170px;background: transparent url(../pix/waves.png) no-repeat top center; z-index:3; width:970px; float:none; top:90px; position:absolute; left:0px;}


#big_title {color:#fff;position:relative;z-index:10; left:50px; width:450px; top:-100px; border:0px solid black; text-align:left;font: normal 20px Arial; }
#big_title b {font-size:28px; line-height:20px; letter-spacing:-1px;}


#submenu {z-index:5; float:none; height:27px; text-align:left; color:#000; left:0; position:relative;background: transparent url(../pix/submenu_bg2.png) 0px 0px repeat-x; padding:0px 8px 0 0px; border:0px solid red;}
#submenu li {display:block; float:left; height:23px; font-weight:bold}
#submenu a {display:block; color:#000; padding:5px 10px 4px 10px;}
#submenu a:hover, #submenu .checked {background-color:#0070BC; text-decoration:none; color:#fff;}



/* submenu */
#subsubmenu { border:0px solid red; width:715px; height:25px; position:relative; z-index:20; left:215px; top:-35px;}
#content #right #subsubmenu ul {list-style:none;}
#content #right #subsubmenu li {padding:0px;}
#subsubmenu li{display:block; float:left; height:23px;}
#subsubmenu a {display:block; color:#000; padding:0px 10px; margin-right:10px; font-weight:bold;}
#subsubmenu a:hover, #subsubmenu .checked {background-color:#FFD101; text-decoration:none; color:#000;}

#subsubmenu_ { border:1px solid red; width:715px; height:25px; z-index:200; left:0px; top:-50px;}
#content #right #subsubmenu_ ul {list-style:none;}
#content #right #subsubmenu_ li {padding:0px;}
#subsubmenu_ li{display:block; float:left; height:23px;}
#subsubmenu_ a {display:block; color:#000; padding:0px 10px; margin-right:10px; font-weight:bold;}
#subsubmenu_ a:hover, #subsubmenu_ .checked {background-color:#FFD101; text-decoration:none; color:#000;}




.start_box {width:220px; float:left; color:#666;font: normal 11px/14px Arial; margin:0 16px 16px 0;}
.start_box img {float:left; margin:2px 5px 4px 0;}
.start_box a:hover {background-color:#fff;}
.start_box .ng {color:#F0C000; display:block; font: bold 13px Arial; margin-bottom:3px;}

.start_box2 {width:210px; float:left; color:#666;font: normal 11px/14px Arial; margin:0 16px 16px 0;}
.start_box2 img {float:left; margin:2px 5px 4px 0;}
.start_box2 a:hover {background-color:#fff;}
.start_box2 .ng {color:#F0C000; display:block; font: bold 13px Arial; margin-bottom:3px;}

.en_savoir {float:right; display:block; border:1px solid red;}


#footer{ font-size:11px; margin-top:0px; color:#fff; margin:auto; width:930px; padding:0px 0px; border:0px solid red; padding-top:50px; background: transparent url(../pix/bottom.png) top center no-repeat; position:relative; top:-90px; z-index:20}
#footer .left a {margin-right:10px; color:#fff;}
#footer .left {float:left; margin-left:20px;}
#footer .right {float:right; text-align:right; padding-right:20px; }
#footer .logos {display:block; border:0px solid red; padding:10px 0;}


.gal, .galright {float:left; margin-right:6px; width:146px; background-color:#f2f2f2; padding:0px; margin-top:7px; text-align:center; margin-bottom:0px;}

.gal_photo {width:144px; height:144px; border:1px solid #D8D8D8; margin-bottom:1px; display:table-cell; vertical-align:middle; text-align:center;}

.gal  a img , .galright a img {border:none; padding:0px; margin:auto; vertical-align:middle;}
.galright {margin-right:0px;}
.galdesc {font-size:11px; color:#666; line-height:14px; overflow:hidden; position:relative; }

.box_news {}

.gal a:link, .galright a:link, .gal a:visited, .galright a:visited {text-decoration: none; color:#666; background-color:transparent; display:block; }
.gal a:active, .galright a:active, .gal a:hover, .galright a:hover {text-decoration: none; background-color:transparent; color:#ccc;}


#map_canvas {width:610px; height:300px; margin-bottom:20px; margin-top:20px; color:#333;}
#map_canvas b {color:#000;}


/* formularz */
.formularz {border:0px solid #ccc; background-color:transparent; padding:10px; font-size:12px; font-weight:normal; color:#333; margin-bottom:10px; text-align:left;}
.formula hr {clear:both;}
.tab_right, .tab_left {margin-bottom:0px;}
.tab_right {width:30%; display:block; text-align:right; padding:10px 2px 5px 5px; border:0px solid red; float:left; font-size:11px; font-weight:bold; }
.tab_left {width:50%; display:block; text-align:left; padding:5px; border:0px solid blue; float:left;}

.formula .tab_left input {background:none; padding:0; margin:0; border:1px solid #ccc; background-color:#fff; width:250px; padding:5px; font-size:11px; color:#666;}
 
.formula .tab_left select {padding:4px; font-size:11px;}
.formula .info, .formula .alert, .formula .explanation, .formula .reg {color:#fff; padding:4px 7px; font-weight:normal; border:1px solid white; margin-top:5px; font-size:11px; display:block;}

.formula .alert {background-color:red;}
.formula .info {background-color:#999;}
.formula .explanation {background-color:transparent; border:0; padding:2px 7px; margin-top:0px; color:#666;}
.formula .reg {color:#666; border:1px solid #ccc; background-color:#fff;}
.formula .tab_left img {border:0; padding-bottom:5px;}
.formula  .checkbox {width:20px;}

/* end formula */

#content .button, #content .formula .tab_left .button {border:0; padding:0px 3px 3px 3px; font-size:12px; font-weight:normal; color:#111; background: url(../pix/icons.gif) center top repeat-x; height:24px; line-height:26px; width:auto; cursor:pointer;}





.formy {margin:10px 0; font: 12px/16px Arial Verdana, sans-serif; }
input{width:200px; border:1px solid #ccc; color:#333; padding:5px; padding-left:5px; margin-bottom:2px;}
.dane {padding:6px; color:#666; text-align:right; width:110px; float:left; border:0px solid red; background-color:#3A84C4; color:#fff;}
textarea {width: 322px;	height: 100px;	border: 1px solid #ccc;	background-color:#fff; padding:5px;  margin-bottom:2px;}
.alert {font-size:12px; padding:20px;color:#FF0000; padding:6px; clear:both; margin-bottom:2px;}

.input_ {background: url(../../pix/bg_input_.gif) left top no-repeat; width:120px;}

.input_recherche {background: url(../../pix/bginput.gif) left bottom no-repeat; background-color: transparent; width:180px; height:22px; border:none; color:#666; padding:3px;margin-bottom:5px; margin-top:0;}

.button, .button_big {background: url(../../pix/button.jpg) left bottom no-repeat; width:100px; height:26px; margin-top:3px; color:#000; text-align:center; border:0; cursor:pointer; }

#content .button250, #content .formula .tab_left .button250 {background: url(../pix/button250.jpg) no-repeat top left ; width:250px; height:26px; margin-top:3px; color:#000; text-align:center; border:0; cursor:pointer; }
#content .button150, #content .formula .tab_left .button150 {background: url(../pix/button150.jpg) no-repeat top left ; width:150px; height:26px; margin-top:3px; color:#000; text-align:center; border:0; cursor:pointer; }





.tab_clear {background: transparent; margin:auto; padding:0;}
.in_right {text-align:right;}


.tabClear {padding:0;}

.tab_clear .pole {background: url(../../pix/bginput_.gif) left bottom no-repeat; background-color: transparent; width:250px; height:22px; border:none; color:#333; padding:0 ; margin:0;}
.bt {background: url(../../pix/bg_bt.jpg) bottom no-repeat; background-color: transparent; width:141px; height:26px; border:none; padding:0 0 2px 0px; cursor:pointer; color:#fff; font:12px Arial;}



#tresc table {
  font: 12px/16px Arial, Verdana, Georgia, Tahoma, sans-serif;
	margin:10px 0 20px 0;
	padding:0px;
	color: #fff;
	background: #3A4851;
}

#tresc table th {
	color: #fff;
	font-weight: normal;
	background: #3A4851;
	text-align: left;
	padding: 6px 2px;
	font-size: 13px;
}
#tresc table th img {border:0px;}
#tresc table th a {color: #333333;text-decoration:none;}

#tresc table tr {
	background: #fff;
}

#tresc table td {
	padding: 2px 5px;
	font-size: 12px;
  color:#333;
}

/*  lista */
.list {margin:10px 0; border:0px solid green;}

.list .list_row, .list .list_th {background-color:#A29184; padding:0px; width:100%; border:0px solid blue; margin:7px 0; color:#ccc;}
.list .list_row img {width:110px; float:left; margin-right:0px;padding:1px;}

.list .list_row .desc_, 
.list .list_row .desc_nazwa, 
.list .list_th .desc_, 
.list .list_th .desc_nazwa, 
.list .list_th .desc_foto
 {font-size:12px; margin:0px 10px; width:140px; display:block; float:left; overflow:hidden; border:0px solid red; padding:0; padding:5px 0;}

.list .list_th .desc_foto {width:90px;}
.list .list_row .desc_nazwa {width:140px; overflow:hidden; font-weight:normal; font-size:14px; }
.list .list_th .desc_nazwa {width:140px; overflow:hidden; color:#ccc;}
.list .list_th .desc_ {color:#ccc;}

.list .list_row a:link, .list .list_row a:visited {text-decoration: none; color:#fff; background-color:#A29184; padding:0px; width:100%; display:block;}
.list .list_row a:active, .list .list_row a:hover{text-decoration: none; background-color:#8C7969; color:#fff;}
.list .list_row br, .list .list_th br {clear:both;}

.list .list_th {background-color:#574439; color:#fff; clear:both; }


/* end lista */

#footer img {float:left; margin-top:-20px; margin-right:10px;}


.pages_comment { float:left; padding-left:0px; color:#0070BC; font-weight:bold; }
.pages { float:left; width:30px; font-size:12px; background-color:#999999; text-align:center; margin:0px 5px 0px 0;padding-top:0px; }
.pages:link, .pages:visited {background-color:#999999; }
.pages:hover {background-color:#0070BC;}
.pages_select { float:left; width:30px; font-size:12px; background-color:#0070BC; text-align:center; margin:0px 5px 0px 0;padding-top:0px;}
.pages_select:link, .pages_select:visited {background-color:#0070BC;}
.pages_select:hover {background-color:#0070BC;}













#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: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 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; }
#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; }

















#gallery {position:relative; width:700px; border:0px solid red; padding-right:0; border:0px solid red}

#gallery_l {float:left; border:0px solid red; position:relative;top:-27px; width:210px; margin:0 auto; border:0px solid red}
#gallery_l span { display:block; float:left; width:100px; height:62px; background-color:#D9D9D9; margin:0 5px 5px 0; overflow:hidden;}
#gallery_l img {position:relative; z-index:1;}
#gallery_l span a {display:block; z-index:2; text-decoration:none;position:relative;}

.ds a {width:100px; height:62px; }
.ds a:hover {width:96px; height:58px; z-index:10; background-color:#ffd101; padding:1px;}
.ds:hover img, .dss img {width:96px; height:58px;border:2px solid #ffd101;}

.sd {width:96px; height:58px; z-index:10; background-color:#ffd101; padding:0px;}
.sd img {width:96px; height:58px; border:2px solid #ffd101; }

.str {margin-bottom:5px; margin-left:77px; border:0;}

#gallery_r {float:left; margin-left:5px; width:470px;}
#gallery_r img {float:left; margin:0 3px 0 3px;}
#gallery_r a {float:left; position:relative; top:150px;}



#all_project{}
#slider-buttons_left_top  {width:220px; height:27px; margin:0; border:0px solid red; padding:0; text-align:center}
#slider-buttons_left_bottom  {width:220px; height:22px; margin:0; border:0px solid red; padding-top:5px; text-align:center}
#slider-buttons_left_top img,#slider-buttons_left_bottom img { position:relative; margin:auto}

#list_left{width:210px; margin:0;}
#list_left span { float:left; width:100px; height:62px; background-color:#D9D9D9; margin:0 5px 5px 0; overflow:hidden;}



#project_center{width:500px; float:left; overflow: auto;overflow-x:hidden; overflow-y:hidden; height:359px; margin:0 auto; padding:0}
#slider-buttons_center{ float:left;width:30px; margin:0 auto;}
#list_center{border:0; margin:0; padding:0; left:400px;}
#list_center img {float:left; margin:0; padding:0;}