BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #535353;
    LINE-HEIGHT: 1.3em;
    PADDING-TOP: 0px;
    FONT-FAMILY: Tahoma,arial,sans-serif;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
A:hover
{
    TEXT-DECORATION: underline
}
A
{
    COLOR: #0089c4;
    TEXT-DECORATION: none
}
A H2
{
    TEXT-DECORATION: none
}
P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 140%
}
A IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 18px;
    PADDING-BOTTOM: 5px;
    MARGIN: 4px 0px 8px;
    COLOR: #0089c4;
    TEXT-INDENT: 0em;
    LINE-HEIGHT: 1em;
    PADDING-TOP: 0px;
    WHITE-SPACE: normal
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #ffffff
}
.slogan_firstline
{
    FONT-SIZE: 120%
}
.noshow
{
    FILTER: alpha(opacity=0);
    opacity: 0;
    MozOpacity: 0;
    KhtmlOpacity: 0
}
#clear
{
    CLEAR: both
}
#tmt_news_box
{
    OVERFLOW-Y: auto;
    OVERFLOW-X: hidden;
    HEIGHT: 160px
}
#navigation_top
{
    MARGIN-TOP: 5px;
    MARGIN-LEFT: auto;
    WIDTH: 790px;
    MARGIN-RIGHT: auto;
    HEIGHT: 30px;
    TEXT-ALIGN: right
}
#login
{
    FLOAT: left
}
.loginbox
{
    BORDER-RIGHT: #dbdbdb 1px solid;
    BORDER-TOP: #888 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
    BORDER-LEFT: #888 1px solid;
    WIDTH: 120px;
    COLOR: #999999;
    MARGIN-RIGHT: 10px;
    BORDER-BOTTOM: #dbdbdb 1px solid
}
.passwordbox
{
    BORDER-RIGHT: #dbdbdb 1px solid;
    BORDER-TOP: #888 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
    BORDER-LEFT: #888 1px solid;
    WIDTH: 120px;
    COLOR: #999999;
    MARGIN-RIGHT: 10px;
    BORDER-BOTTOM: #dbdbdb 1px solid
}
.login_button
{
    BORDER-RIGHT: #dbdbdb 1px solid;
    BORDER-TOP: #dbdbdb 1px solid;
    FONT-SIZE: 11px;
    MARGIN-LEFT: 3px;
    BORDER-LEFT: #dbdbdb 1px solid;
    WIDTH: 40px;
    COLOR: #ffffff;
    BORDER-BOTTOM: #dbdbdb 1px solid;
    BACKGROUND-COLOR: #0089c4;
    TEXT-ALIGN: center
}
#menu_top
{
    FLOAT: right;
    PADDING-TOP: 3px
}
#menu_top A
{
    PADDING-RIGHT: 7px;
    DISPLAY: inline;
    PADDING-LEFT: 7px;
    FONT-SIZE: 1em;
    PADDING-BOTTOM: 0px;
    COLOR: #444;
    PADDING-TOP: 0px
}
.first_link
{
    PADDING-LEFT: 0px;
    BORDER-LEFT: medium none
}
.middle_link
{
    BORDER-RIGHT: #c8c8c8 1px solid;
    BORDER-LEFT: #c8c8c8 1px solid
}
.last_link
{
    BORDER-RIGHT: medium none;
    PADDING-LEFT: 0px
}
#top
{
    BACKGROUND-IMAGE: url(../img/bg_top.jpg);
    WIDTH: 100%;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 166px
}
#top_image
{
    BACKGROUND-IMAGE: url(../img/top.jpg);
    MARGIN-LEFT: auto;
    WIDTH: 1000px;
    MARGIN-RIGHT: auto;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 166px
}
#slogan
{
    FONT-SIZE: 110%;
    MARGIN-LEFT: 400px;
    WIDTH: 450px;
    COLOR: #ffffff;
    LINE-HEIGHT: 140%;
    MARGIN-RIGHT: 200px;
    PADDING-TOP: 100px;
    HEIGHT: 150px
}
#bg_navigation_top {
	margin-top: 0em;
	height: 15px;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFCFCF;
	}

#bg_navigation_bottom {
	height: 13px;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CFCFCF;
	padding-top: 2px;
	}	
	
ul#navigation {
	padding: 0;
	list-style: none;
	width: 790px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size:15px;
	background-image: url(../img/bg_nav.jpg);
	background-repeat: repeat-y;
	}		


#navigation li {
	display: block;
	float: left;
	}	
	
li#nav-home, 	li#nav-aktualnosci, li#nav-ofirmie, li#nav-oferta, li#nav-wizualizacje, li#nav-wspolpraca, li#nav-kontakt, li#nav-inne {
	border-right: 1px solid #CFCFCF;
	background: url(../img/arrow_down.gif) right 55% no-repeat;	
	}
	
#navigation li a {
	display: block;
	color: #333333;
	text-decoration: none;
	border-bottom: 0;
	background: url(../img/arrow_down.gif) right 55% no-repeat;
	padding-top: 3px;
	padding-right: 30px;
	padding-bottom: 3px;
	padding-left: 12px;
	}	
	
li#nav-home {
	background: none;
	padding-right: 5px;
	}

li#nav-home a {
	border-left: 0;	
	padding-right: 12px;
	background: none;
	border-left: solid 1px #cfcfcf;
	}	
	
li#nav-inne {
	background: none;
	padding-right: 5px;
	}

li#nav-inne a {
	border-left: 0;	
	padding-right: 12px;
	background: none;
	}	

li#nav-kontakt {
	border-right: 0px;	
	}	
/* 2nd and 3rd level menus */
#navigation ul {
	position: absolute;
	z-index: 99;
	left: -999em;
	margin: 0px 0 0 -1px;
	padding: 0;
	width: 12.9em;
	height: auto;
	border: solid #C7C7C7;
	border-width: 1px 1px 0;
	background: #ffffff;
	font-size: 12px;
}

/* 3rd level menus only */
#navigation ul ul {
	margin-top: -1.3em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12em;
}

/* 2nd and 3rd level menus */
#navigation li li {
	width: 12.9em;
	border-bottom: 1px solid #DBDBDB;
	padding-top: 2px;
	padding-right: 0em;
	padding-bottom: 2px;
	padding-left: 0em;
}

/* 2nd and 3rd level menus */
#navigation ul a {
	width: 9em;
	w\idth: 9em;
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;
}


#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	left: auto;
}

#navigation li:hover, #navigation li.sfhover {
	background: #ffffff;
}

/* 2nd and 3rd level menus */
#navigation ul li:hover, #navigation ul ul li:hover, #navigation ul li.sfhover, #navigation ul ul li.sfhover {
	background-color: #0089C4;
}

/* 2nd and 3rd level menus */
#navigation ul li a, #navigation ul ul li a {
	background: none;
	}
#navigation ul li a:hover, #navigation ul ul li a:hover {
	background: none;
	color:#FFFFFF;
	}	

/* 2nd level menus only */
#navigation a.sub {
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 12em 52%;
	font-size: 12px;
}

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

/* nav - kategorie - portfolio */
ul#nav-subcats {
	padding: 0;
	list-style: none;
	width: 480px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	font-size:12px;
	}		


#nav-subcats li {
	display: block;
	float: left;
	border: 1px solid #C7C7C7;
	width: 150px;
	height: 17px;
	padding: 2px;
	text-align: center;
	}	
	
#nav-subcats a {
	color: #333333;
	text-decoration: none;
	}
#nav-subcats2 {
	background-color: #0089C4;
	}	
#nav-subcats2 a {
	color: #ffffff;
	}		
#baner
{
    BACKGROUND-IMAGE: url(../img/baner.jpg);
    MARGIN-LEFT: auto;
    WIDTH: 790px;
    MARGIN-RIGHT: auto;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 258px
}
#news_box
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    FLOAT: left;
    OVERFLOW: hidden;
    WIDTH: 290px;
    PADDING-TOP: 45px;
    HEIGHT: 205px;
    TEXT-ALIGN: left
}
.news_box_strong
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff
}
#news_box P
{
    COLOR: #ffffff;
    TEXT-ALIGN: justify
}
#news_box A
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
#news_box A:hover
{
    TEXT-DECORATION: underline
}
#box_photo
{
		BORDER: #ffffff 1px solid;
}
#graphic_frame
{
    BORDER-RIGHT: #ccc 1px solid;
    BORDER-TOP: #ccc 1px solid;
    BACKGROUND: #fff;
    FLOAT: right;
    OVERFLOW: hidden;
    BORDER-LEFT: 0px;
    WIDTH: 453px;
    BORDER-BOTTOM: #ccc 1px solid;
    HEIGHT: 259px
}
#graphic_frame A
{
    FONT-SIZE: 12px;
    COLOR: #555
}
.previous
{
    MARGIN-RIGHT: 125px
}
.next
{
    MARGIN-LEFT: 125px
}
#container
{
    MARGIN-TOP: 10px;
    MARGIN-LEFT: auto;
    WIDTH: 790px;
    MARGIN-RIGHT: auto;
    PADDING-TOP: 10px;
    TEXT-ALIGN: left
}
#left
{
    FLOAT: left;
    WIDTH: 526px
}
#left P
{
    MARGIN-BOTTOM: 14px
}
#column1
{
    PADDING-RIGHT: 20px;
    FLOAT: left;
    WIDTH: 243px
}
#column2
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    WIDTH: 243px
}
#right
{
    PADDING-LEFT: 20px;
    FLOAT: right;
    WIDTH: 244px
}
.miniaturka
{
    BORDER-RIGHT: #dfdfdf 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #dfdfdf 1px solid;
    PADDING-LEFT: 3px;
    BACKGROUND: #fff;
    FLOAT: left;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #dfdfdf 1px solid;
    WIDTH: 80px;
    MARGIN-RIGHT: 10px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #dfdfdf 1px solid
}
.miniaturka_box
{
    MARGIN-BOTTOM: 10px;
    PADDING-BOTTOM: 8px;
    PADDING-TOP: 5px
}
.miniaturka_opis
{
    FLOAT: right
}
.strzalka
{
    PADDING-RIGHT: 15px;
    BACKGROUND: url(../img/arrow-blue.gif) no-repeat right 40%;
    PADDING-BOTTOM: 1px
}
#aktualne_realizacje
{
    BORDER-TOP: #c4c4c4 1px solid;
    MARGIN-TOP: 20px;
    PADDING-BOTTOM: 40px;
    PADDING-TOP: 20px
}
#aktualne_realizacje UL
{
    PADDING-LEFT: 17px;
    LIST-STYLE-IMAGE: url(../img/bullet.gif);
    MARGIN: 1.2em 0px 0px;
    LINE-HEIGHT: 140%
}
#aktualne_realizacje UL LI
{
    MARGIN-TOP: 0.5em
}
#aktualne_realizacje UL A
{
    COLOR: #0266a4;
    BORDER-BOTTOM: #0096ce 1px dotted;
    TEXT-DECORATION: none
}
#footer
{
    CLEAR: both;
    BORDER-TOP: #c4c4c4 1px solid;
    MARGIN-TOP: 20px;
    MARGIN-BOTTOM: 2em
}
#footer P
{
    FONT-SIZE: 0.91em;
    COLOR: #999;
    PADDING-TOP: 5px;
    TEXT-ALIGN: center
}
#footer A
{
    FONT-WEIGHT: bold;
    COLOR: #444;
    TEXT-DECORATION: none
}
.separator
{
    MARGIN-LEFT: 3px;
    MARGIN-RIGHT: 3px
}
.clear
{
    CLEAR: both
}
.jcarousel-container
{
    POSITION: relative
}
.jcarousel-clip
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    Z-INDEX: 2;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    PADDING-TOP: 0px;
    POSITION: relative
}
.jcarousel-list
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    Z-INDEX: 1;
    LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    PADDING-TOP: 0px;
    POSITION: relative;
    TOP: 0px
}
.jcarousel-list LI
{
    FLOAT: left;
    WIDTH: 280px;
    MARGIN-RIGHT: 40px;
    LIST-STYLE-TYPE: none;
    HEIGHT: 140px
}
.jcarousel-item
{
    FLOAT: left;
    WIDTH: 280px;
    MARGIN-RIGHT: 40px;
    LIST-STYLE-TYPE: none;
    HEIGHT: 140px
}
.jcarousel-next
{
    DISPLAY: none;
    Z-INDEX: 3
}
.jcarousel-prev
{
    DISPLAY: none;
    Z-INDEX: 3
}
.jcarousel-skin-tango .jcarousel-container
{
    BORDER-RIGHT: #346f97 1px solid;
    BORDER-TOP: #346f97 1px solid;
    BACKGROUND: #f0f6f9;
    BORDER-LEFT: #346f97 1px solid;
    BORDER-BOTTOM: #346f97 1px solid;
    -moz-border-radius: 10px
}
.jcarousel-skin-tango .jcarousel-container-horizontal
{
    PADDING-RIGHT: 40px;
    PADDING-LEFT: 40px;
    PADDING-BOTTOM: 20px;
    WIDTH: 245px;
    PADDING-TOP: 20px
}
.jcarousel-skin-tango .jcarousel-container-vertical
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 40px;
    WIDTH: 75px;
    PADDING-TOP: 40px;
    HEIGHT: 245px
}
.jcarousel-skin-tango .jcarousel-clip-horizontal
{
    WIDTH: 245px;
    HEIGHT: 75px
}
.jcarousel-skin-tango .jcarousel-clip-vertical
{
    WIDTH: 75px;
    HEIGHT: 245px
}
.jcarousel-skin-tango .jcarousel-item
{
    WIDTH: 75px;
    HEIGHT: 75px
}
.jcarousel-skin-tango .jcarousel-item-horizontal
{
    MARGIN-RIGHT: 10px
}
.jcarousel-skin-tango .jcarousel-item-vertical
{
    MARGIN-BOTTOM: 10px
}
.jcarousel-skin-tango .jcarousel-item-placeholder
{
    BACKGROUND: #fff;
    COLOR: #000
}
.jcarousel-skin-tango .jcarousel-next-horizontal
{
    RIGHT: 5px;
    WIDTH: 32px;
    CURSOR: pointer;
    POSITION: absolute;
    TOP: 43px;
    HEIGHT: 32px
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover
{
    BACKGROUND-POSITION: -32px 0px
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active
{
    BACKGROUND-POSITION: -64px 0px
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal
{
    BACKGROUND-POSITION: -96px 0px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover
{
    BACKGROUND-POSITION: -96px 0px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active
{
    BACKGROUND-POSITION: -96px 0px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-prev-horizontal
{
    LEFT: 5px;
    WIDTH: 32px;
    CURSOR: pointer;
    POSITION: absolute;
    TOP: 43px;
    HEIGHT: 32px
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover
{
    BACKGROUND-POSITION: -32px 0px
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active
{
    BACKGROUND-POSITION: -64px 0px
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal
{
    BACKGROUND-POSITION: -96px 0px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover
{
    BACKGROUND-POSITION: -96px 0px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active
{
    BACKGROUND-POSITION: -96px 0px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-next-vertical
{
    LEFT: 43px;
    WIDTH: 32px;
    CURSOR: pointer;
    BOTTOM: 5px;
    POSITION: absolute;
    HEIGHT: 32px
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover
{
    BACKGROUND-POSITION: 0px -32px
}
.jcarousel-skin-tango .jcarousel-next-vertical:active
{
    BACKGROUND-POSITION: 0px -64px
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical
{
    BACKGROUND-POSITION: 0px -96px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover
{
    BACKGROUND-POSITION: 0px -96px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active
{
    BACKGROUND-POSITION: 0px -96px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-prev-vertical
{
    LEFT: 43px;
    WIDTH: 32px;
    CURSOR: pointer;
    POSITION: absolute;
    TOP: 5px;
    HEIGHT: 32px
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover
{
    BACKGROUND-POSITION: 0px -32px
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active
{
    BACKGROUND-POSITION: 0px -64px
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical
{
    BACKGROUND-POSITION: 0px -96px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover
{
    BACKGROUND-POSITION: 0px -96px;
    CURSOR: default
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active
{
    BACKGROUND-POSITION: 0px -96px;
    CURSOR: default
}
.strong
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px
}
.strong2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px
}
.orange
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #822786
}
.ramka
{
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: silver 1px solid;
    BORDER-LEFT: silver 1px solid;
    BORDER-BOTTOM: silver 1px solid
}
.pierwsza
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.pierwsza1
{
    BACKGROUND-POSITION: left 9px;
    PADDING-LEFT: 15px;
    BACKGROUND-IMAGE: url(../images/kropka.jpg);
    PADDING-TOP: 2px;
    BACKGROUND-REPEAT: no-repeat
}
.foty
{
	width: 120px;
	height: 90px;
	float: left;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
}
.foty img
{
	border: #CFCFCF 1px solid;
/*
	width: 110px;
	height: 80px;
*/
}