@charset "utf-8";
/* -----------------------------CSS RESET--------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
:focus {outline: 0;}
body {}
ol, ul {list-style: none;}
table{border-collapse: separate;}
caption, th, td {font-weight: normal; vertical-align:top;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
*{margin: 0;}
 html, body {height: 100%;}
 a img{border:none}
 /* ---------------END RESET------------------*/
 
  @font-face {
    font-family: 'Humanst521LtBTLight';
    src: url('fonts/humanist_521_light_bt-webfont.eot');
    src: url('fonts/humanist_521_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/humanist_521_light_bt-webfont.woff') format('woff'),
         url('fonts/humanist_521_light_bt-webfont.ttf') format('truetype'),
         url('fonts/humanist_521_light_bt-webfont.svg#Humanst521LtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'Segoe UI', Tahoma, Geneva, sans-serif;
	font-size:10pt;
	background-color: #ffffff;
	background-image:url(grafika/bg-body.png);
	background-repeat: repeat-x  ;
	margin: 0;
	padding: 0;
	text-align: center;
}
.wrapper {
	min-height: 100%;
	width:974px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -250px;
}
a:link, a:visited, a:active{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	
}
p{
	margin-bottom:0.7em;
}
.pt-10{
	font-size:9pt;
}
.foto-l{
	 float:left;
	 margin:0 5px 0 0;
}
.foto-p{
	 float:right;
	 margin:0 0 0 5px;
}
ul{
	list-style:none;
	padding-left:17px;
	margin-left:15px;
}
ul ul {
	margin-top:8px
}
li li { font-size:9pt;
list-style:square;}
.ul1{
	list-style-image: url(grafika/bulet.png);
}
.ul2{
	list-style-image: url(grafika/bulet-szary.png);
}
.ul3{
	list-style-image: url(grafika/bulet-niebieski.png);
}
li{
	padding-bottom:8px;
	padding-left:0px;
	margin-left:0px;
	margin-right:5px;
} 
h1{
	margin-bottom:5px;
	font-family: 'Humanst521LtBTLight', 'times new roman';
	font-weight:normal;
	color:#c85a0a;
	font-size:48pt;
	text-shadow: #8b8b8b 1px 1px 1px;
	margin-left:25px;
}
h2{
	margin-bottom:5px;
	margin-top:25px;
	font-family: 'Humanst521LtBTLight', 'times new roman';
	font-weight:normal;
	color:#c85a0a;
	font-size:25pt;
	text-shadow: #9ba4b4 1px 1px 1px;
}
h3 {
	margin-bottom:5px;
	font-family: 'Humanst521LtBTLight', 'times new roman';
	font-weight:normal;
	font-size:18pt;
	color:#324a71;
	text-shadow: #9ba4b4 1px 1px 1px;
}
h3 a:link, h3 a:visited, h3 a:active{
	 color:#324a71;
	 border:none;
	 text-decoration:none;
	 padding-right:10px;
	 background-image:url(grafika/link-shape2.png);
	 background-position:top right;
	 background-repeat:no-repeat;
}
h3 a:hover{
	 color:#c85a0a;
	 text-decoration:none;
	 background-image:url(grafika/link-shape.png);
	 background-position:top right;
	 background-repeat:no-repeat;
}
h4 {
	margin-bottom:5px;
	font-family: 'Humanst521LtBTLight', 'times new roman';
	font-weight:normal;
	font-size:18pt;
	color:#c85a0a;
	text-shadow: #8b8b8b 1px 1px 1px;
}
.niebieski{
	 color:#324a71;
	 font-size:16pt;
}


#Container {
	text-align: left;
	height:auto;
	background-image:url(grafika/bg-main.jpg);
	background-repeat:no-repeat;
	width:974px;
}
#header {
	height:329px;
	background-repeat:no-repeat;
	margin:0px;
	width:974px;
	position:relative;
}
#menu {
	width:615px;
	height:72px;
	background-image:url(grafika/bg-menu1.png);
	background-repeat:repeat-x;
	z-index:100;	
	position:absolute;
	top:0px;
	right:0px;
}
#submenu{
	 width:611px;
	 height:195px;
	 left:358px;
	 top:-118px;	 
	 z-index:90;
	 position:absolute;
}
 #submenu-tresc{
	 width:611px;
	 height:180px;
	 background-image:url(grafika/bg-submenu.png);
	 background-repeat:no-repeat;
}
#submenu-stopka{
	 width:611px;
	 height:22px;
	 background-image:url(grafika/agencja-interaktywna-1.png);
	 background-repeat:no-repeat;
}
#submenu-chowacz{
	 position:absolute;
	 bottom:0;
	 right:0;
	 width:30px;
	 height:50px;
	 z-index:200;
}
.submenu-kol{
	width:185px;
	float:left;
	height:auto;
	display:table;
	font-family: 'Segoe UI', Tahoma, Geneva, sans-serif;
	margin-left:15px;
	margin-top:15px;
	text-align:left;
}
.submenu-kol p{
	 color:#cfd1c6;
	 margin-bottom:5px;
}
.submenu-kol p a:link, .submenu-kol p a:visited{
	color:#CCC;
	border:none;
}
.submenu-kol p a:hover, .submenu-kol p a:active{
	 color:#c95b0b;
	 border:none;
	 
}
.submenu-kol ul {
	 font-family: 'Segoe UI', Tahoma, Geneva, sans-serif;
	 font-size:9pt;
	 margin-left:5px;
	 padding:0px;
	 color:#a1a1a1; 
	 list-style:none;
}
.submenu-kol li {
	padding-bottom:7px;
}
.submenu-kol a:link, .submenu-kol a:visited{
	 color:#a1a1a1;
	 display:block;	 
 }
.submenu-kol a:hover, .submenu-kol a:active{
	color:#c85a0a;
} 
 
#flash{
	position:absolute;
	z-index:1;
	width:974px;
	height:329px;
}

#facebook{
	position:fixed;
	top:2px;
	right:80px;
	z-index:130;
	width:110px;
	height:21px;
	text-align:right;
}
#plus{
	position:fixed;
	top:2px;
	right:0px;
	z-index:140;
	width:30px;
	height:21px;
	text-align:right;
}
#plus2{
	position:fixed;
	top:5px;
	right:5px;
	z-index:150;
	text-align:right;
}
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	font-family: 'Humanst521LtBTLight', 'times new roman';
	font-size:20pt;
	color:#CCC;
	padding:29px 0 0 10px;
}
#menu li{
	display:inline;
	padding:0px 10px 0px 15px;	
}
#menu a:link, #menu a:visited{
	color:#CCC;
	border:none;
}
#menu a:hover, #menu a:active {
	 color:#c95b0b;
	 border:none;
}

#mainContent {
	 padding-top:20px;
}

.kol-lewa{
	float:right;
	width:280px;
	padding-right:15px;
	margin-right:8px;
}
.box-1{
	float:left;
	width:667px;
	background-image:url(grafika/bg-box-1.png);
	background-repeat:no-repeat;
	margin-bottom:20px;
}
.box-1 p{
	 line-height:1.5em;
	 font-size:11pt
}
.box-1 h1 {
	font-weight:normal;
	color:#324a71;
	font-size:27pt;
	text-shadow: #9ba4b4 1px 1px 1px;
	margin-left:0px;
}
.box-1 h1 a:link, .box-1 h1 a:visited, .box-1 h1 a:active{
	 color:#324a71;
	 border:none;
	 padding-right:10px;
	 background-image:url(grafika/link-shape2.png);
	 background-position:top right;
	 background-repeat:no-repeat;
 }
.box-1 h1 a:hover{
	 color:#c85a0a;
	 background-image:url(grafika/link-shape.png);
	 background-position:top right;
	 background-repeat:no-repeat;	 
}
.box-1 h2 {
	 font-weight:normal;
	 color:#c85a0a;
	 font-size:27pt;
	 text-shadow: #8b8b8b 1px 1px 1px;
}
.box-1 h2 a:link, .box-1 h2 a:visited, .box-1 h2 a:active{
	 color:#c85a0a;
	 border:none;
	 padding-right:10px;
	 background-image:url(grafika/link-shape.png);
	 background-position:top right;
	 background-repeat:no-repeat;
}
.box-1 h2 a:hover{
	color:#324a71;
	background-image:url(grafika/link-shape2.png);
	background-position:top right;
	background-repeat:no-repeat;
	text-shadow: #9ba4b4 1px 1px 1px;
}
 
.box-1-l{
	 float:left;
	 width:312px;
	 height:auto;
	 background-image:url(grafika/linia-pion-mala.png);
	 background-repeat:no-repeat;
	 margin-left:15px;
	 padding-left:8px;
	 color:#5d6f8c;
}
.box-1-l a:link, .box-1-l a:visited, .box-1-l a:active{
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	color:#5d6f8c;
}
.box-1-l a:hover{
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#c85a0a;
	color:#c85a0a;
	
}
.box-1-p{
	float:right;
	width:315px;
	height:auto;
	margin-right:10px;
	color:#c85a0a;
}
.box-1-p a:link, .box-1-p a:visited, .box-1-p a:active{
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	color:#c85a0a;
}
.box-1-p a:hover{
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#5d6f8c;
	color:#5d6f8c;
}
.box-2{
	 background-image:url(grafika/linia-pion-mala.png);
	 background-repeat:no-repeat;
	 padding-left:8px;
	 color:#53504a;
	 margin-bottom:25px;
}
.box-2 h2 {
	 font-family: 'Humanst521LtBTLight', 'times new roman';
	 font-weight:normal;
	 color:#53504a;
	 margin:0px;
	 font-size:27pt;
	 text-shadow: #8b8b8b 1px 1px 1px;
}
.box-2 a:link, .box-2 a:visited, .box-2 a:active{
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	color:#53504a;
}
.box-2 a:hover{
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#5d6f8c;
	color:#c85a0a;
}
.box-2 p{
	 line-height:1.5em;
	 font-size:11pt;
}

.kol-lewa h2 a:link, .kol-lewa h2 a:visited, .kol-lewa h2 a:active{
	 color:#53504a;
	 border:none;
	 display:block;
	 background-image:url(grafika/link-shape3.png);
	 background-position:top right;
	 background-repeat:no-repeat;
}
.kol-lewa h2 a:hover{
	 color:#c85a0a;
	 border:none;
 	 background-image:url(grafika/link-shape.png);
	 background-position:top right;
	 background-repeat:no-repeat;
}
.box-3{
	 background-image:url(grafika/linia-pion-mala.png);
	 background-repeat:no-repeat;
	 padding-left:8px;
	 color:#53504a;
	 margin-bottom:15px;
}
.box-3 h2 {
	 font-family: 'Humanst521LtBTLight', 'times new roman';
	 font-weight:normal;
	 color:#53504a;
	 margin:0px;
	 font-size:24pt;
	 text-shadow: #8b8b8b 1px 1px 1px;
}
.box-3 p{
	 line-height:1.5em;
	 font-size:11pt;
}
.c1{
	color:#375fed;
}
.c2{
	color:#dc3945;
}
.c3{
	color:#f0c54e;
}
.c4{
	color:#3aa53b;
}
.box-4 {
	float:left;
	width:667px;
	background-image:url(grafika/bg-nowosci.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-top:10px;
}
.box-4 h3{
	display:block;
	width:433px;
	float:right;
	text-align:left;
	padding-left:10px;
	color:#324a71;
	font-size:36pt;
	text-shadow: #9ba4b4 1px 1px 1px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:15px;
}
.box-5{
	margin-top:30px;
	float:right;
	padding:15px;
	width:637px;	 
 }
 .slider{
	 width:443px;
	 float:right;
	 text-align:left;
	 height:245px;
	 margin-right:15px;
}
.slider li{
	 list-style:none;
}
.slider li .slider-info{
	position: relative; 
	top: -65px;
	left: 20px;
	z-index:1;
	color: #5d6f8c;
}

.slider li .slider-info a:link, .slider li .slider-info a:visited{
	color: #c85a0a;
}
.slider li .slider-info a:hover{
	color: #324a71;
}

.tip{
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	cursor:help;
 }
.szybki-kontakt{
	float:left;
	margin: 0px;
	color:#53504a;
}

.szybki-kontakt p{
	 line-height:1.5em;
	 font-size:10pt;
}
.kontakt-main{
	height:auto;
	width:100%;
}
.kontakt-main h4{
	font-weight:normal;
	font-size:18pt;
}
#form1{
	width:100%;
	height:150px;
}
.wiecej{
	text-align:right; 
	font-size:9pt;
	float:right;
	border:none;
}
.wiecej a:link, .wiecej a:visited, .wiecej a:active{
	 color:#b4b4b4;
	 border:none;
}
.wiecej a:hover{
	 color:#c85a0a;
	 border:none;
}


a.mail{
}

a.mail:hover{
 
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.footer, .push {
	height: 270px;
}
.footer {
	 background-image: url(grafika/bg-stopka1.png);
	 background-repeat:repeat-x;
}
#slogan{
	height:65px;
	width:auto;
	margin:0 auto;
	font-family: 'Humanst521LtBTLight', 'times new roman';
	font-weight:normal;
	font-size:40pt;
	color:#c5c5c5;
}
.footer-pojemnik{
	 height:270px;
	 background-image: url(grafika/bg-stopka2.png);
	 background-position:center top;
	 background-repeat:no-repeat;
	 width:974px;
	 margin: 0 auto;
	 color:#65615a;
}
.footer-pojemnik p{
	 margin:0px;
	 font-size:9pt;
}
.credits{
	 float:left;
	 width:348px;
	 margin-top:20px;
	 text-align:center;
}
.menu-kol{
	width:185px;
	float:left;
	height:auto;
	display:table;
	font-family: 'Segoe UI', Tahoma, Geneva, sans-serif;
	margin-left:15px;
	margin-top:37px;
	text-align:left;
}
.menu-kol p{
	 color:#53504a;
	 margin-bottom:9px;
}
.menu-kol ul {
	 font-family: 'Segoe UI', Tahoma, Geneva, sans-serif;
	 font-size:9pt;
	 margin-left:5px;
	 padding:0px;
	 color:#a1a1a1; 
	 list-style:none;
}
.menu-kol li{
	margin:0px;
	padding:0 0 5px 0;
}
.menu-kol a:link, .menu-kol a:visited   {
	 color:#a1a1a1;
	 display:block;
}
.menu-kol a:hover, .menu-kol a:active{
	 color:#c85a0a; 
}
.menu-kol p a:link, .menu-kol p a:visited, .menu-kol p a:active{
	 color:#53504a;
}
.menu-kol p  a:hover{
	 color:#c85a0a;
}
.footer a:link, .footer a:visited, .footer a:active{
}
.footer a:hover {
}

input, textarea, select{
	 border:none;
	 color:inherit;
	 width:100%;
	 height:100%;
}
.formArea, .formLine{
	 background:none;
	 color:#b4b4b4;
	 border:none;
	 font-family: 'Segoe UI', Tahoma, Geneva, sans-serif;
	 font-size:10pt;
}
.formButton {
	background:none;
	height:100%;
	width:100%;
	color:#666;
	text-align:center;
	padding:10px;
	cursor:pointer;
}
option{
	
}

.formError{
	display:block;
	color:#F00;
}
.gg-stat{
	float:right;
	margin: 0px;
	height: 29px;
}
.input1{
	border:solid;
	border-color:#d8d8d8;
	border-width:1px;
	background-color:#FFF;
	color:#bbbbbb;
	float:left;
	margin:5px;
	padding:7px 6px 6px 6px;
	width:149px;
	height:29px;
    border-radius: 7px;
}

.input2{
	border:solid;
	border-color:#d8d8d8;
	border-width:1px;
	background-color:#FFF;
	color:#bbbbbb;
	float:right;
	margin:5px 0px 5px 5px;
	padding:5px 8px 5px 5px;
	width:271px;
	height:86px;
    border-radius: 7px;
}

.input3{
	border:solid;
	border-color:#d8d8d8;
	border-width:1px;
	background-color:#FFF;
	color:#bbbbbb;
	float:left;
	margin:5px;
	padding:7px 6px 6px 6px;
	width:200px;
	height:29px;
    border-radius: 7px;
}

.input4{
	border:solid;
	border-color:#d8d8d8;
	border-width:1px;
	background-color:#FFF;
	color:#bbbbbb;
	float:right;
	margin:5px 0px 5px 5px;
	padding:5px 8px 5px 5px;
	width:423px;
	height:186px;
    border-radius: 7px;
}


.guzik{
	float:right;
	margin:5px;
	width:95px;
	height:40px;
	background-image: url(grafika/submit.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
guzik:hover{
	background-image:none;
}	
.zero a:link, .zero a:visited, .zero a:active{border-bottom:none;}
.zero a:hover{}
.jezyk{
	position:absolute;
	top:0;
	right:0;
	z-index:310;
	display:block;
	text-align: center;
}

/*PODSTRONY*/


#kol-webdesign{
	padding-top:260px;
}

#Container3{
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
	background-image:url(grafika/bg-webdesign.jpg);
	background-repeat:no-repeat;
	width:974px;


}



#Container2 {
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
	background-image:url(grafika/bg-page.jpg);
	background-repeat:no-repeat;
	width:974px;
}
#Container4{
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
	background-image:url(grafika/bg-portfolio1.jpg);
	background-repeat:no-repeat;
	width:974px;


}
#Container5{
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
	background-image:url(grafika/bg-strony-internetowe.jpg);
	background-repeat:no-repeat;
	width:974px;


}
#Container6{
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
	background-image:url(grafika/bg-portfolio2.jpg);
	background-repeat:no-repeat;
	width:974px;


}
#Container7{
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
	background-image:url(grafika/bg-szkolenia.jpg);
	background-repeat:no-repeat;
	width:974px;


}
#Container8{
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
	background-image:url(grafika/bg-webdesign2.jpg);
	background-repeat:no-repeat;
	width:974px;
}

#Container9{
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
	background-image:url(grafika/bg-kontakt.jpg);
	background-repeat:no-repeat;
	width:974px;
}
#Container10{
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
	background-image:url(grafika/bg-opieka.jpg);
	background-repeat:no-repeat;
	width:974px;


}
#Container2 h1, #Container3 h1, #Container4 h1, #Container5 h1, #Container6 h1, #Container7 h1, #Container8 h1, #Container9 h1, #Container10 h1{
	 display:block;
	 margin-bottom:10px;
}
.tresc{
	float:left;
	width:667px;
	height:auto;
	padding-top:3px;	 
}
.menu-bok{
	 width: 197px;
	 float:left;
	 font-family: 'Humanst521LtBTLight', 'times new roman';
}
.kol-A{
	 float:left;
	 width:450px;
	 background-image:url(grafika/linia-pion-mala.png);
	 background-repeat:no-repeat;
	 background-position:0px 5px;
	 margin-left:10px;
	 padding-left:10px;
	 color:#6d6a64;
	 position:relative;
}
.kol-A p{
	line-height:16pt;
}

.bt-glowny{ 
	 width:196px;
	 height:76px;
	 text-align:right;
	 font-size:16pt;
	 margin-bottom:5px;
}
#A{ 
	width:100%;
 	height:100%;
 	display:block;
}
#A a:link, #A a:visited, #A a:active{
	 display:block;
	 color:#757575;
	 background-image:url(grafika/menu.png); 
	 background-position:0px -76px;
	 background-repeat:no-repeat;
	 padding:20px 13px 0px 0px;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
 }
#A a:hover{
	 background-position:0px 0px;
	 color:#c95b0b;
	 background-image:url(grafika/menu.png);
	 display:block;
	 width:183px;
	 height:56px;
}
#A-open a:link, #A-open a:visited, #A-open a:active{
	 display:block;
	 color:#757575;
	 background-image:url(grafika/menu.png);
	 background-position:0px 0px;
	 padding:20px 13px 0px 0px;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#A-open a:hover{
	 color:#c95b0b;
	 background-image:url(grafika/menu.png);
	 background-position:0px 0px;
	 display:block;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#B{
}
#B a:link, #B a:visited, #B a:active{
	 display:block;
	 color:#757575;
	 background-image:url(grafika/menu.png); 
	 background-position:0px -228px;
	 background-repeat:no-repeat;
	 padding:20px 13px 0px 0px;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#B a:hover{
	 color:#c95b0b;
	 background-image:url(grafika/menu.png);
	 background-position:0px -152px;
	 display:block;
	 width:183px;
	 height:56px;
}
#B-open a:link, #B-open a:visited, #B-open a:active{
	 display:block;
	 color:#757575;
	 background-image:url(grafika/menu.png);
	 background-position:0px -152px;
	 padding:20px 13px 0px 0px;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#B-open a:hover{
	 color:#c95b0b;
	 background-image:url(grafika/menu.png);
	 background-position:0px -152px;
	 display:block;
	 width:183px;
	 height:56px;
}
#C{
}
#C a:link, #C a:visited, #C a:active{
	 display:block;
	 color:#757575;
	 background-image:url(grafika/menu.png); 
	 background-position:0px -380px;
	 background-repeat:no-repeat;
	 padding:20px 13px 0px 0px;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#C a:hover{
	 color:#c95b0b;
	 background-image:url(grafika/menu.png);
	 background-position:0px -304px;
	 display:block;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#C-open a:link, #C-open a:visited, #C-open a:active{
	 display:block;
	 color:#757575;
	 background-image:url(grafika/menu.png);
	 background-position:0px -304px;
	 padding:20px 13px 0px 0px;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#C-open a:hover{
	 color:#c95b0b;
	 background-image:url(grafika/menu.png);
	 background-position:0px -304px;
	 display:block;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#D{
}
#D a:link, #D a:visited, #D a:active{
	 display:block;
	 color:#757575;
	 background-image:url(grafika/menu.png); 
	 background-position:0px -532px;
	 background-repeat:no-repeat;
	 padding:20px 13px 0px 0px;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#D a:hover{
	 color:#c95b0b;
	 background-image:url(grafika/menu.png);
	 background-position:0px -456px;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#D-open a:link, #D-open a:visited, #D-open a:active{
	 display:block;
	 color:#757575;
	 background-image:url(grafika/menu.png);
	 background-position:0px -456px;
	 padding:20px 13px 0px 0px;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
#D-open a:hover{
	 color:#c95b0b;
	 background-image:url(grafika/menu.png);
	 background-position:0px -456px;
	 width:183px;
	 height:56px;
	 text-shadow: #9ba4b4 1px 1px 1px;
}
.m-rozwiniete{
	 width:196px;
	 height:auto;
	 text-align:right;
	 font-size:13pt;
	 margin-bottom:7px;
 }
.m-rozwiniete ul{}
.m-rozwiniete li{
	 margin-bottom:5px;

}
.m-rozwiniete a:link, .m-rozwiniete a:visited{
	 color:#3c6aa7;
	 display:block;
	 padding-right:6px;
	 background-image:url(grafika/linia-pion-mala.png);
	 background-repeat:no-repeat;
	 background-position:top right;
}
.m-rozwiniete a:hover{
	 color:#c95b0b;
 	 display:block;
	 background-image:url(grafika/linia-pion-mala-kolor1.png);
	 background-repeat:no-repeat;
	 background-position:top right;
}
.m-rozwiniete a:active{
	 color:#bd5408;
	 display:block;
	 background-image:url(grafika/linia-pion-mala-kolor1.png);
	 background-repeat:no-repeat;
	 background-position:top right;
}

.kol-B-naglowek{
	padding:10px;
	margin-right:10px;
	margin-bottom:30px;
	width:260px;
	height:200px;
	float:right;
}
.kol-B{
	padding:10px;
	margin-right:10px;
	margin-bottom:30px;
	width:260px;
	float:right;
	background-image:url(grafika/linia-pion-mala.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	color:#6d6a64;
}
.kol-B p{
	 line-height:15pt;
}
.float-div-L{
	width:210px;
	margin:30px 15px 5px 0px;
	float:left;
}
.float-div-P{
	width:210px;
	margin:30px 0px 5px 15px;
	float:right;
}

.kol-B a:link, .kol-B a:visited, .kol-B a:active, 
.kol-A a:link, .kol-A a:visited, .kol-A a:active,
.mail {
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	color:#5d6f8c;
	padding-right:7px;

}
.kol-B a:hover, .kol-A a:hover, .mail:hover{
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#c85a0a;
	color:#c85a0a;

}
.podstrona-dol{
 	float:right;
	width:820px;
	background-image:url(grafika/bg-podstrona-dol.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-top:10px;
	position:relative;
}
.kontakt-podstrona{
	margin-top:60px;
	margin-left:10px;
	float:left;
	padding:15px;
	width:637px;	
}
#realizacje{
	position:absolute;
	top:-165px;
	right:14px;
	z-index:80;
	width:279px;
	height:232px;
}





#realizacje2{
	position:absolute;
	top:-249px;
	right:25px;
	z-index:80;
}

#koszty{
	position:absolute;
	top:162px;
	right:-23px;
	z-index:70;
}


table{
	text-align:center;
	font-size:9pt;
}
tr{
	margin:20px;
}
td{
	border-bottom:solid    #e1e1e1 1px;
}
.tr-o{
	text-align:left;
}

.niebieski-1{
	 color:#3c6aa7;
	 text-shadow: #999 0px 1px 1px;
	 font-size:13pt;

}
p.niebieski-1{
	line-height:20pt;}

.niebieski-2{
	color:#3c6aa7;
	font-size:10pt;
}
.niebieski-3{
	 color:#3c6aa7;
	 text-shadow: #CCC 1px 1px 1px;
	 font-size:12pt;
	 line-height:25px;
}
.pomarancz-1{
	 color:#c85a0a;
	 text-shadow: #CCC 0px 1px 1px;
}
.kol-1{
	background-color: #f7f7f7;
}
.kol-2{
	background-color: #f3f3f3;
}
.kol-3{
	background-color: #eeeded;
}
.kol-4{
	background-color: #ebeaea;
}
/* PORTFOLIO */
.tresc-port{
	float:left;
	width:960px;
	height:auto;
	padding-top:3px;	 
}
.kol-A-port{
	float:left;
	width:280px;
	background-image:url(grafika/linia-pion-mala.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	margin-left:10px;
	padding-left:10px;
	color:#6d6a64;
	position:relative;
	height:auto;
}
.realizacje-A{
	float:right;
	width:760px;
}

.realizacje-flash{
	float:right;
	margin-bottom:5px;
	width:440px;
	height:290px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}

.realizacje-flash p{
	font-size:13pt;
	padding: 50px 20px 0px 20px;
	line-height:20pt;
	color:#666;
	
}

.realizacje-flash p+p{
	font-size:12pt;
	padding-top: 0px;
	color: #525252;
	line-height:16pt;
	
}

.realizacje-flash a:link, .realizacje-flash a:visited {
	font-size:16px;
	color:#c85a0a;
}

.realizacje-flash a:hover {
	font-size:16px;
	color: #036;
}

.realizacje-flash a:active {
	font-size:16px;
	color: #036;
}

.nawigacja{
	float:right;
	width:460px;
	font-family: 'Humanst521LtBTLight', 'times new roman';
	font-weight:normal;
	color:#CCC;
	font-size:28pt;
	margin-top:10px;
	text-align:right;
}
.nawigacja a:link, .nawigacja a:visited{
	color:#CCC;

}
.nawigacja a:hover, .nawigacja a:active{
	color:#c85a0a;

	text-shadow: #9ba4b4 1px 1px 1px;
}
.projekt{
	position:relative;
	width:357px;
	float:left;
	margin:11px;
}
.projekt h3{
	text-align:right;
	margin:0;
}
.projekt img{
	display:block;	
}
.wstazka{
	position:absolute;
	top:28px;
	right:0;
	z-index:300;
	display:block;
	text-align: center;
}

.cmsTipContent{
	width:350px;
	font-size:14px;
	text-align:left;	
}

.cmsTipContent h4{
	text-shadow:none;
	font-size:18px;	
}

.za-flasha{
	width: 960px;
	text-align:center;
	margin-right:60px;
	margin-top:0px;
	position:relative;
	
}
.za-flasha p{
	color:#999;
}
.za-flasha-text{
	float:right;
	width:580px;
	height:50px;
	text-align:center;
	margin-right:20px;
	margin-top:90px;
}
.za-flasha-text2{
	float:left;
	width:480px;
	text-align:left;
	margin-left:50px;
	margin-top:40px;
}

.za-flasha-foto1{
	position:absolute;
	z-index:-8;
	right:20px;
	top:135px;
	text-align:center;
}
	
	
.za-flasha h3{
	font-size:16pt;
}
.logo{
	margin:40px 0 0 37px;
	float:left;
	
}
/* PORTFOLIO logotypy */

.logotypy{
	float:right;
	text-align:center;
	width:750px;
	
}

/* zwijane panele */
.CollapsiblePanelTab:hover{
	cursor:pointer;
}