* {
  	padding:0;
   margin:0;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #003366;
 	font-size: 11px;
 	font-family: Arial;
}

a:link {
	color: #FF6600;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FF6600;
}
a:hover {
	text-decoration: none;
	color: #FF6600;
}
a:active {
	text-decoration: underline;
	color: #FFCC00;
}

#wstep{
	color: #006699;
	padding-top: 200px;
}

#wstep img{
	padding-bottom: 100px;
}

#page {
	width: 758px;
	margin: 0 auto;
}

#main{
	width: 758px;
	height: 917px;
	max-height: 917px;
}

#header {
	width: 758px;
	height: 210px;
	float: left;
}

#menu {
	width: 182px;
	height: 682px;
	float: left;
	background-color:#000033;
	overflow-y:hidden;
}

#menu #logo {
	width: 105px;
	height: 105px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 5px;
}

#menu #navi{
	width: 182px;
	min-height: 379px;
	color: #FFF;
	line-height: 21px;
	letter-spacing: 1px;
	word-spacing: 1.2px;
	font-size: 9px;
	font-weight: bold;
}

#menu #navi ul.gl li{ 
	list-style-type: none;
	padding-left: 10px;
	background: url("../images/menu_tlo.png") no-repeat center top;
	cursor: pointer;
	font-family: "Franklin Gothic Medium"; 
	color: #E6E6E6; 
	font-size: 9px;
	text-transform: uppercase;
	
}

#menu #navi ul.gl li ul.sub{
	padding-bottom: 5px;
}

#menu #navi ul.gl ul.sub li{
	list-style-type: none;
	line-height: 14px;
	padding-left: 5px;
	background: #000033;
	color: #FFC977;
	font-family: Arial; 
}

#menu #navi ul.gl ul.sub li a{
	color: #FFC977;
	text-decoration:none;
	font-weight: bold;
}

#menu #navi ul.gl ul.sub li a:hover{
	color: #FFF;
	text-decoration:none;
	font-weight: bold;
}


#menu #kadr{
	background: url("../images/sklep.gif") no-repeat top;
	height: 100px;
	padding-top: 60px;
	text-align: center;
}

#menu #kadr span{
	text-align: right;
	width: 100%;
}

#content{	/* Treść na stronie głównej*/
	width: 576px;
	height: 682px;
	float: left;
	background: #FFF;
}

#content .nagl{
	height: 95px;
	width: 100%;
	background: #dfdfdf url("../images/listwa_pomaran_g.gif") no-repeat bottom right;
}

#content .nagl .adres{
	width: 273px;
	float: left;
	text-align: center;
	padding-top: 5px;
}

#content .nagl .adres span{
	color: #Ff0000;
	font-weight: bold;
}

#content .nagl .motto{
	width: 233px;
	float: left;
	padding: 20px;
	padding-bottom: 0px;
	font-weight: bold;
}

#content .nagl .motto span { 
	font-size: 12px;
	color: #009900;
}

#content .left{
	float: left;
}

#content .right{
	float: right;
}

#content .trening{
	background: #F5F5F4 url("../images/listwa_zielona.png") no-repeat top;
	width: 272px;
	height: 372px;
	padding-top: 32px;
	border-right: 1px solid #909090;
}

#content .szkolenie{
	background: #FEECDA url("../images/listwa_pomaran.gif") no-repeat top;
	width: 303px;
	height: 372px;
	padding-top: 32px;
}

#content .szkolenie #box{
	height: 90px;
	width: 299px;
	border: 1px dotted #FEDCB9;
}

#content .szkolenie #box p{
	float: left;
	width: 151px;
}

#content .szkolenie #box .img{
	float: left;
	text-align: center;
	width: 130px;
	cursor: pointer;
	margin-top: 8px;
}

#content .trening p{
	padding: 5px;
	text-align: justify;
}

#content .trening p.center span{
	color: red;
	font-weight: bold;
}

#content .trening p.center,
#content .szkolenie p.center,
#content .filie p.center,
#content .nowosci .tlo p.center,
#content .nowosci2 .tlo p.center{
	padding: 5px;
	text-align: center;
}

#content .nowosci,
#content .nowosci2{
	width: 287.5px;
	background: url("../images/bel.gif") no-repeat top;
	padding-top: 25px;
}

#content .nowosci{
	border-right: 1px solid #909090;
}

#content .nowosci .tlo,
#content .nowosci2 .tlo{
	background: url("../images/tlok.gif") repeat-y bottom left;
	height: 160px;
}

#content .nowosci .tlo p span,
#content .nowosci2 .tlo p span{
	color: red;
	font-size: 20px;
	font-weight: bold;
}

#content .nowosci .tlo p,
#content .nowosci2 .tlo p{
	float: left;
	width: 125px;
	border-right: 1px solid #D1D1D1;
}

#content .nowosci .tlo .img,
#content .nowosci2 .tlo .img{
	float: left;
	text-align: center;
	width: 135px;
	margin-top: 3px;
}

#content .filie{
	background: url("../images/listwaszara1.gif") no-repeat top;
	width: 303px;
	height: 150px;
	padding-top: 40px;
	text-align: center;
}

#content .filie .img{
	float:left;
	width: 120px;
}

#content .filie p{
	border-left: 0px;
	float:left;
	width: 150px;
	height: 100%;
}

#content .filie p span{
	color: red;
	font-size: 15px;
	font-weight: bold;
}

#content2{		/* treść wszystkich podstron*/
	width: 556px;
	height: 662px;
	float: left;
	background: #FEECDA;
	padding: 10px;
	overflow-y: scroll;
}

#footer{
	width: 758px;
	height: 25px;
	float: left;
	background: #333333;
	color: #666;
	text-align: center;
	vertical-align: middle;
}

#menu_ad {
	width: 100%;
	height: 40px;
	text-align: center;
	background-color: #FFFF99; 
	font-size: 15px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#menu_ad a{
	color: #000;
}

h2.galTitle {
	font-size: 14px;
}

  .gvIIIContainer{
		width:450px;
		height: 590px;
		position:relative;
		background: url("../images/linia.png");
		margin: 0 auto;
		margin-top: 10px;
		border: 10px solid #27273C;
	}
	.gvIIIContainer .gvIIIImgContainer {
	  width:450px;
		height:338px;
		float:left;
		overflow:hidden;
		margin-bottom:10px;
	}
	
	.gvIIIContainer .gvIIIImgContainer img{
		margin-left:0;
		margin-top:0;
	}
	
	.gvIIIContainer .gvIIIImgTop{
		position:absolute;
		width:450px;
		height:169px;
		top:0;
		left:0;
	  	background: url("../images/linia.png");
		overflow:hidden;
	}
	
	.gvIIIContainer .gvIIIImgBot{
		position:absolute;
		width:450px;
		height:169px;
		top:169px;
		left:0;
	  	background: url("../images/linia.png");
		overflow:hidden;
	}

	.gvIIIAltText{
		right:0;
		top:0;
		background:#000;
		border:1px solid #fff;
		color:#fff;
		padding:5px;
	}

	.gvIIIContainer .gvIIIImgContainer .gvIIILoader{
		position:absolute;
		top:0;
		left:0;
		background: url(../images/ajax-loader.gif) no-repeat center center;
		width:450px;
		height:292px;
		display:none;
		z-index:16 !important;		
	}
	.gvIIIContainer .gvIIIHolder{
		float:left;
		height:240px;
		width:450px;
		overflow:auto;
		
	}
	.gvIIIContainer .gvIIIHolder .gvIIIArrow{}
	.gvIIIContainer .gvIIIHolder .gvIIIItem{
		float:left; 
		height:115px;
		width:115px;
		border: 5px solid #27273C;
		margin: 2px 5px 2px 14px;
		cursor:pointer;
		vertical-align: middle;
		top:0;
		left:0;
	}
	.gvIIIContainer .gvIIIHolder .gvIIIItem img{
		padding:0;
		margin: 0;
		border:none;
		cursor:pointer;
	}
	.gvIIIContainer .gvIIIToolTip{
		width:260px;
	}
	.gvIIIContainer .gvIIIToolTip .gvIIIText{
		background:url(../images/gvIIITTTop.png) no-repeat left top;
	}
	.gvIIIContainer .gvIIIToolTip .gvIIIText p{padding:5px;margin:0;}
	.gvIIIContainer .gvIIIToolTip .gvIIIPointer{
		background:url(../images/gvIIITTbottomMid.png) no-repeat;
		height:38px;
		width:260px;
	}