/* CSS Document */

BODY { background-color:#565656; margin:0 auto;}

#box {width:670px; margin:0 auto;}


/* szary pasek z logo */
#top {background-image:url(img/cien_top.jpg); background-position:bottom; background-repeat:no-repeat; text-align:center; height:125px; padding-top:10px; padding-bottom:12px; width:670px; background-color:#565656; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #A1A2A6;}

/* ramka strony */
#content {background-image:url(img/cien.jpg); background-repeat:repeat-y; width:654px; height:520px; padding-left: 8px; padding-right: 8px;}

/* cien pod kwadratem */
#bottom {height:30px; background-image:url(img/cien_bottom.jpg); background-position:top; background-repeat:no-repeat; background-color:#565656;}

/* zdjecie po lewej stronie */
#foto {width:165px; height:520px; float:left; background-color:#ACB0B3; margin:0;}

/* biale pole obok zdjecia */
#txt {float:right; background-color:#FFFFFF; width: 489px; height: 520px;}

/* pasek menu */
#menu {height:22px; background-color:#FFFFFF; margin-top: 10px; margin-bottom: 35px; text-align: center; clear: both; font: 11px Tahoma, sans-serif; color: #3A3939;}

	
#menu ul {
	margin: 0;
	padding:8px 0 8px 0;
	list-style-type: square;
}
#menu li {
	display: inline;
	padding:8px 0 8px 0;
	border-left:#fff solid 1px;
	list-style-image:url(img/red_dot.gif);
}
#menu li a {text-decoration: none; color: #3A3939; padding:0px 17px 2px 17px; background-image:url(img/grey_dot.gif); background-position:left; background-repeat:no-repeat;	}
#menu li a:hover {text-decoration: underline; color: #666666; background-image:url(img/dark_dot.gif); background-position:left; background-repeat:no-repeat;}
#menu li a.current {text-decoration: none; color: #CC0000; padding:0px 17px 2px 17px; background-image:url(img/red_dot.gif); background-position:left; background-repeat:no-repeat;	}


/* submenu */
#submenu {padding-bottom:20px; font: 11px Tahoma, sans-serif; font-weight:normal; color: #666666; text-align: center;}
#submenu a {color: #666666; text-decoration:none;}
#submenu a.current {color: #CC0000;}

/* ustawienia tekstu w polu txt */
H1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999999;}
P {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 1.7;}
#left_tab {float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height: 1.7;
width:140px; text-align: right; font-weight: normal; padding-right: 10px;}
#right_tab {float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 1.7;
width:230px;}
.txt {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 1.7; text-align: left; padding-left:15px;}

/* usługi */
#uslugi {width:auto; padding:25px 50px 0 30px;}
#uslugi p {margin:0; padding:15px; text-align:right;}

/* kontakt */
#kontakt {width:auto; padding:0px 50px 0 30px;}
#kontakt p {margin:0; padding:15px; text-align:right;}
#kontakt a {color:#666666; text-decoration:underline;}
#mapa {width:390px; height:200px; border:1px solid #bbbbbb; padding:5px;}

/* projekty */
.oferta {padding:5px 10px 0 5px; margin-top:5px; width: 370px;}
.left_col {display: inline; float: left; margin-right:15px;}
.left_col img {border:0px solid #bbbbbb; padding:5px;}
.left_col img.blank {border:none; padding:5px;}
.right_col {font-size:11px; width:220px; color:#888888; display: inline; font-family:Arial, Helvetica, sans-serif;}
.more {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#990000; margin:0; padding:0; float:right;}
.clear {clear:both; height: 10px; margin:0; padding:0;}
h2 {font-size:11px; color:#666666; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-weight:normal;	margin-bottom: 10px; border-bottom:0px solid #CCCCCC; } 



/* Scroll */
.scroll-panel {width: 410px; overflow: auto; padding-right:40px; padding-top: 20px;
}
#pane2 {
	height: 380px;
	background-color:#ffffff;
	margin-left: 20px;
}

a.jScrollArrowUp {background: url(img/basic_arrow_up.gif) no-repeat 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(img/basic_arrow_down.gif) no-repeat 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
.orange-bar .jScrollPaneTrack {background-color: #FFFFFF; background-image:url(img/line.jpg); background-repeat:repeat-y; }
.orange-bar .jScrollPaneDrag {background: url(img/drag_grab.gif) no-repeat 50% 50%;}


.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa;}
.jScrollPaneDrag {position: absolute; background: #666; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; 
height: 9px;}
a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0; right: 0; text-indent: -2000px; overflow: hidden;
height: 9px;}


/*galeria */

.photogallery{ /*CSS for TABLE containing a photo album*/
margin-left:30px;}

.photogallery img{ /*CSS for images within an album*/
border: 0px solid #dddddd;
padding:10px;}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 10px Arial;
margin-top:20px;
margin-left:30px;}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid #dddddd;
text-decoration: none;
background-color: white;
color:#999999;}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #FF0000;
color:#FFFFFF;
}

.back {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#666666; margin:0 30px 0 0; padding:0; float:right;}