body { 
	background: url(../img/bg_body.jpg) repeat scroll 50% 0 transparent;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%; 
	line-height:1em; 
	color:#fff; 
	vertical-align:middle;
	margin: 0;
	
	
}

a{
	color: #fff;
	text-decoration:none;
}

.active a{
	color:black;
	}

a:hover{
	cursor:pointer;
	text-decoration:underline;
	}

#topHeader{
	border-top: 4px solid #acb81a;
	height: 75px;
}

#topMenuBar{
	background: #fff;
	height:54px;
	width:100%;
	background: url(../img/bg_top_menu.jpg) 50% 0 no-repeat #728907;
	box-shadow: 0 6px 25px #000;
}

#page{
	background: #000 url(../img/bg_page_athletics_sepia.jpg) left top no-repeat;	
}

#topMenuBar ul{
	text-align: right;
	color:#fff; 
	font-weight:bold;
	display:inline;
	list-style:none;
}

#topMenuBar ul li{
	float:left;
	padding:20px 20px;
	/*border-right: 2px solid #fff;*/
	line-height:14px;
}

#topMenuBar ul li.active, #topMenuBar ul li:hover{
	background:orange;
	border-right: 0px;
	box-shadow: 0 6px 25px #000;
	color:black;
	
	}

#topMenuBar ul li.last{
	border:none;
}

#mainContent{
	/*background: #000 url(../img/bg_page_athletics_sepia.jpg) left top no-repeat;*/		
}

.container{
	width: 960px;
	margin-left: auto ;
	margin-right: auto ;
}

#mainBox {
    background-color: #FFFFFF;
    height:506px;
    padding: 10px;
    color:#000;
	box-shadow: 0 6px 25px #000;
}

#preloader{
	margin-top:200px;
	margin-left: auto ;
	margin-right: auto ;
	width:128px;
	}

.shadow{
	display:block;
	width: 1000px;
	margin-left: auto ;
	margin-right: auto ;
}

#content{
	display:block;
	width: 960px;
	height:540px;
	padding-top:20px;
	padding-bottom:20px;
	margin-left: auto ;
	margin-right: auto ;
}


#bottomMenuBar{
	background: #fff;
	height:54px;
	width:100%;
	background: url(../img/bg_top_menu.jpg) 50% 0 no-repeat #728907;
	box-shadow: 0 6px 25px #000;
}

#bottomMenuBar ul{
	text-align: right;
	color:#fff; 
	display:inline;
	list-style:none;
}

#bottomMenuBar ul li{
	float:right;
	padding:20px 20px;
}

#bottomMenuBar ul li.last{
	border:none;
}

#footer{
	/*height: 10px;*/
}

#slideCaption1{
	left: 60% !important;
	width:40% !important;
	bottom:0px !important;
	text-align:justify;
	
	}
#slideCaption2{
	left: 0% !important;
	width:40% !important;
	bottom:0px !important;
	text-align:justify;
	}

#slideCaption3{
	text-align:justify;
	}
.bigDesc{
	font-size:20px;
	line-height:25px;
	}
.leftPart{
	float:left;
	}
.rightPart{
	float:right;
	}
.textRight{
	text-align:right;
	}

.boxShadow{
	box-shadow: 0 6px 25px #000;
	}
.boxScrollable{
	height:520px;
}
.blackBox{
	background:#000;
	padding: 15px;
	color:orange;
	margin-bottom:10px;
}

.smallBlackBox{
	padding: 10px;
	background:#000;
	margin-right:15px;
	margin-bottom:10px;
	display:inline-block;
}

.smallBlackBox span{
	display:block;
	color:orange;
	padding-top:15px;
	text-align:right;
	}

.smallBlackBox img{
	width:250px;
	height:120px;
	}

ul.orangeList{
	margin:0px;
	list-style:none;
	display:inline;
}

ul.orangeList li{
	float:left;
	display:inline-block;
	width:940px;
	background:orange;
	padding:10px 10px;
	margin:5px 0px;
	color:black;
	font-weight:bold;
	text-align:right;	
	box-shadow: 0 6px 25px #000;
}

ul.orangeList li:hover{
	color:orange;
	background: black;
	}

.grid{
	width:310px;
	line-height:22px;
	display:inline;
	float:left;
	margin-right:15px;
	background:#000;
	}
.grid.last{
	margin-right:0px;
	}
.grid img{
	width:310px;
	height:250px;
	opacity: 0.5;
	}
	
.grid img.halfHeight{
	height:258px;
	opacity: 0.5;
}

.grid:hover img{
	opacity: 1.0;
	}

.grid .info{
	padding:15px;
	background:orange;
	color:black;
}
.grid .info.darkOrange{
		background: url(../img/bg_body.jpg) repeat scroll 50% 0 transparent;
	}
.grid:hover .info.darkOrange{
		background: url(../img/bg_tile.jpg) repeat scroll 50% 0 transparent;
	}
.grid:hover .info{
	background:#000;
	color:orange;
}

.grid .link{
	padding:15px;
	text-align:right;
	background:#000;
	font-size:20px;
	color:orange !important;
}

.grid:hover .link{
	background:orange;
	color:black !important;
}

.darkOrange{
	
}

.fullHeight{
	height: 506px;
}

.halfHeight{
	height: 258px;
}

.hide{
	display:none;
}

.vAlignMiddle{
	vertical-align:middle;
}

.gallery ul{
	display:inline;
	list-style:none;
}

.gallery ul li{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

.gallery ul li img{
	box-shadow: 0 6px 25px #000;
	opacity: 0.95;
	width: 225px;
	height: 125px;
}

.gallery ul li img:hover{
	opacity: 1.0;
}

.gridList{
	background:black;
	color:orange;
	margin-bottom:20px;
	width:960px;
	box-shadow: 0 6px 25px #000;
	}
.gridList .info{
	text-align:justify;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
	display:inline-block;
	font-size:20px;
	line-height:24px;
	}
.trener1{
	background: #000 url(../img/trenerSylwetka1.jpg) no-repeat 0px -50px;
	height:190px;
}

.trener1 span{
	margin-left:190px !important;
	}

.trener2{
	background: #000 url(../img/trenerSylwetka2.jpg) top right no-repeat ;
	height:180px;
}

.trener2 span{
	margin-right:300px !important;
}

.trener3{
	background: #000 url(../img/trenerSylwetka3.jpg) top left no-repeat ;
	height:180px;
}

.trener3 span{
	margin-left:290px !important;
}

.trener4{
	background: #000 url(../img/trenerSylwetka4.jpg) top right no-repeat ;
	height:180px;
}

.trener4 span{
	margin-right:300px !important;
}

.trener5{
	background: #000 url(../img/trenerSylwetka5.jpg) no-repeat 0px -90px;
	height:180px;
}

.trener5 span{
	margin-left:245px !important;
}

.trener6{
	background: #000 url(../img/trenerSylwetka6.jpg) no-repeat 710px -90px;
	height:180px;
}

.trener6 span{
	margin-right:265px !important;
}

.trener7{
	background: #000 url(../img/trenerSylwetka7.jpg) top left no-repeat;
	height:180px;
}

.trener7 span{
	margin-left:310px !important;
}

.trener8{
	background: #000 url(../img/trenerSylwetka8.jpg) no-repeat top right;
	height:180px;
}

.trener8 span{
	margin-right:290px !important;
}

.trener9{
	background: #000 url(../img/trenerSylwetka9.jpg) no-repeat 0px -60px;
	height:210px;
}

.trener9 span{
	margin-left:215px !important;
}

.trener10{
	background: #000 url(../img/trenerSylwetka10.jpg) no-repeat top right;
	height:180px;
}

.trener10 span{
	margin-right:305px !important;
}

#gridListTrener2, #gridListTrener3, #gridListTrener4, #gridListTrener5, #gridListTrener6{
	display:none;	
}

.mapLocationInfo{
	color:black;
	line-height:20px;
}
.alignRight{
	text-align:right;
}
.alignLeft{
	text-align:left;
}

.newsTable{
	width:700px;
}

.newsTable tr.highlight:hover td{
	background-color:orange;
	color:black;

}

.alignCenter{
	text-align:center;
}

ol.romanStyleList{
	list-style-type:upper-roman;
}

ol.noneStyleList{
	list-style-type:none;
}