@charset "utf-8";
/* CSS Document */
* { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    line-height: 1.2em; 
    vertical-align: baseline; 
    text-decoration: none; 
    outline: 0; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	size:9px;
}
html {
background-color:#000; /*#609bf7;*/
background-image: url('../img/gora1.jpg'), url('../img/tlo.jpg');
background-position:0 0, center 167px;
 	background-size:100% 167px,cover;
background-repeat: repeat-x, no-repeat;
/*background-size: cover;*/
margin: 0px;
padding: 0px;
width:100%;
height:100%;
overflow-y: scroll;
}
body {
	box-shadow: 0px 10px 20px rgba(0, 0, 128, 0.25);
	width: 940px;
	margin: 0 auto;
	padding:0px;
	margin-top:7px;
	background-color:#FFF;
	color: Black;
	box-shadow: rgba(0, 0, 128, 0.9);
}

/*HTML 5 specific*/
header,section,article,aside,footer{
	display: block;
}
header{
	height:160px;
	background-color:#FFF;
 	background-image: url(../img/gora2.jpg);
	background-position:0 bottom;
	background-repeat: repeat-x;
}

.classh1 {
	height:115px;
	text-align:center;
	background:url(../img/SJlogo.jpg)center 7px no-repeat;
}

div.classh1 img{
	margin: 0 auto;
	padding-top:7px;
}



aside{
	clear:both !important;
	float: left;
	width: 200px;
	min-height: 480px;
	margin: 0 0 20px 0;
	padding-top:40px;
}

#kontakt{
    float:left;	
    width:180px;
    margin-right:20px;
}
#mapa{
    float:left;
    width:350px;
}
.pp_googlemapa{
	clear:both;
    margin-top:0px; /*h obraka - h strzałki - zwiazane z wysokością obrazka*/
    margin-left:0px;
    z-index:10;
}
.pp_googlemapa_img{
    width:16px;
    height:14px;
}

.googlemapa{
    width:425px;
    height:350px;
    border-bottom: solid 10px #0072c8;
}
video{
    border-bottom: solid 10px #0072c8;
}
.video_p{
	text-align:center;
	}
.powrot{
	text-align:left;
	margin-left:10px;
	color: #0072c8 !important;
}

p.powrot a, a .powrot {
    color: #0072c8;
}
a:hover .powrot {
    color: #0072c8;
}
a:visited .powrot{
    color: #0072d9;
}

section{
	float: right;
	width: 75%; /*700px;*/
	padding-left: 20px;
	padding-top:40px;
	margin: 0 0 20px 0px;
	border-left: 2px dotted #b2a497;

}

section h2 {
	font: 14pt;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	color: #0072c8;
	padding-bottom: 10px;
	margin: 0;
	width: 156.6px;
	width:160px;
}
.zakres{
	width: 200px;
}
section h3 {
	width:650px;
	font: 14pt ;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	color: #493831;
	padding-bottom: 10px;
	margin: 0;
}
section h4 {
	font: 10pt;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	color: #493831;
	padding-bottom: 10px;
	margin: 0;
}
section h5 {
	font-weight:bold;
	/**text-transform: uppercase;*/
	color: #493831;
	/*padding-bottom: 10px;*/
	margin: 0;
	padding-bottom:0;
	margin-bottom:0;
}
section p{
	padding-bottom:10px;
	text-align:justify;
}
section ul{
	margin-left:10px;
	text-align:justify;
	padding-bottom:10px;
}
section ol{
	margin-left:10px;
		text-align:justify;
	padding-bottom:10px;
	list-style-type: circle;
}
section ul li.aa{
	margin-left:10px;
list-style-type: circle;
}

section p a{
color: #0072c8;
}
.pogrubienie{
	font-weight:bold;
}
footer{
	clear:both !important;
	width: 925px;
	height: 45px;
	margin: 0 auto;
	padding-right:15px;
	text-align:right;
	background: #0072c8;
	border-top:solid 2px #97b6e5;
	border-bottom:solid 2px #97b6e5;
}
footer p{
	color: white;
	margin-top:6px;
	line-height:14px;
	font-size:12px;
}
.footer_bold{
	font-weight:bold;
}
.trzon_zespolu{
	float:left;
}
.trzon_zespolu_spis{
    float:left;
    width:445px;
    margin-left:30px;
    padding:10px;
    border-left:solid 2px #97b6e5;
    border-right:solid 2px #97b6e5;
    margin-bottom:20px;
    text-align:left;
}

.photo_person{
    float:left;
    margin-left:-185px;
    margin-top:-20px;
    width:88px; /*zwiazane z .pp*/
    height:133px;
    border-bottom: solid 10px #0072c8;
}
.pp{
    float:left;
    margin-left:-186px;
    margin-top:101px; /*h obraka - h strzałki - zwiazane z wysokością obrazka*/
    width:16px;
    height:14px;
}
.case_study_ul{
    margin-left:10px;	
}
.case_study_ul li{
    margin-bottom:10px;	
}
.photo_case_study{
    float:left;
    margin-top:200px;
    margin-left:7px;
    width:200px; 
    border-bottom: solid 10px #0072c8;
    border-top: solid 10px white;
}	
.pp_case_study{
    float:left;
    margin-left:-201px;
    width:16px;
    height:14px;
}
/*Johua Bell*/
.photo_case_study001{ height:190px; }	
.pp_case_study001{ margin-top:389px; }	

/*ZA Kędzieżyn Koźle*/
.photo_case_study002_1{ height:262px; }	
.pp_case_study002_1{ margin-top:460px; }

.photo_case_study002_2{ margin-top:0px; height:112px; }	
.pp_case_study002_2{ margin-top:112px; }

/*port głębkowodny*/
.photo_case_study003_1{ height:127px; }	
.pp_case_study003_1{ margin-top:327px; }

.photo_case_study003_2{ margin-top:0px; height:127px; }	
.pp_case_study003_2{ margin-top:127px; }

.photo_case_study003_3{ margin-top:0px; height:131px; }	
.pp_case_study003_3{ margin-top:131px; }

.photo_case_study003_4{ margin-top:0px; height:133px; }	
.pp_case_study003_4{ margin-top:133px; }

/*kamien TS*/
.photo_case_study004_1{ height:114px; }	
.pp_case_study004_1{ margin-top:314px; }

/*kontener kultury*/
.photo_case_study005_1{ height:150px; }	
.pp_case_study005_1{ margin-top:350px; }

/*marathon*/
.photo_case_study006_1{ height:165px; }	
.pp_case_study006_1{ margin-top:365px; }

.photo_case_study006_2{ margin-top:0px; height:133px; }	
.pp_case_study006_2{ margin-top:133px; }
/*kongres gospodarczy*/
.photo_case_study007_1{ height:80px; }	
.pp_case_study007_1{ margin-top:280px; }

.photo_case_study007_2{ margin-top:0px; height:133px; }	
.pp_case_study007_2{ margin-top:133px; }
.photo_case_study007_3{ margin-top:0px; height:133px; }	
.pp_case_study007_3{ margin-top:133px; }

/*kongres gospodarczy*/
.photo_case_study008_1{ height:119px; }	
.pp_case_study008_1{ margin-top:319px; }

/*marathon 2012*/
.photo_case_study009_1{ height:133px; }	
.pp_case_study009_1{ margin-top:333px; }

.photo_case_study009_2{ margin-top:0px; height:134px; }	
.pp_case_study009_2{ margin-top:134px; }
.photo_case_study009_3{ margin-top:0px; height:133px; }	
.pp_case_study009_3{ margin-top:133px; }

.photo_case_study009_4{ margin-top:0px; height:133px; }	
.pp_case_study009_4{ margin-top:133px; }






/*014_media*/
.photo_prasa014{ height:267px; }	
.pp_prasa014{ margin-top:467px; }
/*016_media*/
.photo_prasa016{ height:133px; }	
.pp_prasa016{ margin-top:333px; }
/*024_media*/
.photo_prasa024{ height:200px; }	
.pp_prasa024{ margin-top:400px; }




/*.photo_case_study004_1{ height:114px; }	
.pp_case_study004_1{ margin-top:314px; }

.photo_case_study008_1{ height:119px; }	
.pp_case_study008_1{ margin-top:319px; }
*/
/*strona case study*/
.photo_case_study_1{ height:114px; }
.pp_case_study_1{ margin-top:114px; }

.photo_case_study_2{ margin-top:0px; height:119px; }	
.pp_case_study_2{ margin-top:119px; }

.photo_case_study_3{ margin-top:0px; height:134px; }
.pp_case_study_3{ margin-top:134px; }


.photo_case_study_h300{ margin-top:0px; height:300px; }
.pp_case_study_h300{ margin-top:300px; }



.photo_case_study2 {
    border-bottom: 10px solid #0072C8;
    border-top: 10px solid white;
    float: left;
    margin-left: 7px;
    margin-top: 0px;
    width: 200px;
}





article{
clear:both;
margin-right:45px;
margin-bottom:40px;
}
table{
	text-align:center;
	width:100%;
	border:1;
}
 .blue {
	color:#0072c8;
}
/* menu*/
#menu{
	margin-top:-1px;
	padding-top:5px;
	text-align: center;
	width: 940px;
}
#menu ul{
		margin: auto;
		padding:0;
		position: relative;
		display: block;
		width: 940px; /*szerokość całego menu*/
		height: 50px;
		}
		#menu li{
		list-style: none;
		float: left;
		
		}
		
		#menu ul ul{
		position: absolute;
		width: 926px;
		height: 36px;
		top: 41px; /*35*/
		left: 6px; /*bez px ustawia sie pod danym punktem menu*/
		visibility: hidden;

		}
		#menu li a{
		/*width: 120px;*//* gdy stała szerokość  */
		padding-left:12px;/* gdy zienna szerokość  */
		padding-right:12px;/* gdy zienna szerokość  */
		padding-top:4px;
		height: 37px;
		display: block;
		text-decoration:none;
		text-align: center;
		line-height: 30px;
		font-size: 12px;
		font-family: Verdana;
		color: #97b6e5;
		border-right: 1px solid #97b6e5;
		/*font-weight: bold;*/

		} 
		#menu li a:hover{
		background-position: bottom;
		color: white;
		} 
		
		#menu ul li:hover ul{
		visibility:visible;
		z-index:2;
		
		}
		#menu li li a{
		/*width: 99px;*/ /*gdy ma byc stała szerokosc*/
		margin-top:6px;
		height: 26px;
		line-height: 26px;
		background: transparent;
		border-right: 1px solid black;

		
		}
		#menu li li a:hover{
		/*background-color: #444444;*/

		}
		#menu li li{
		height:36px;
		background: url(../img/w_line6.png) left repeat-x;
		background-color: #333333;
		}

		#menu li div {
			left:0px;
			height:36px;
			width:30px;
		background: url(../img/w_triangle6.png) left no-repeat;	
		}