* {
	margin: 0;
	padding: 0;
}

body {
	background:url(../images/bg.jpg) repeat-x 0 0 #0a1341;
	font-family:  helvetica;
	font-size: 12px;
	color: #CCFFFF;
 
 
}
body a{
	color: #33CCCC; 
  	text-decoration: underline;
}
body a:hover{
  	text-decoration: none;
  	
  
}
body img{
  	border: 0px;
}
body hr{
  	color: #993300; 
 
  
}
body ul, li{
	margin-left: 10px;
}
 
#page {
  	margin: auto;
  	width: 960px;
  	height: 176px;
	background:url(../images/topbg.jpg) no-repeat 0 0 ;
 
}
.footer {
  	width: 954px;	
 	color: #638D88;
 	height: 55px;
 	float: right;
 	margin-top: 5px;
 	border-top: 2px #00314f solid;
	text-align: center;
	font-size: 13px;
	padding:3px;	
}
.footer a{
 	text-decoration: underline;	
 	color: #638D88;
 	
}
.footer a:hover{
 	text-decoration: none;	
 	color: #33CCCC;
 	
}
.pagination {
  	float: left;
  	width: 400px;
}
#page .wrak {
	background:  no-repeat 0 0 ;
  	height: 176px; 
  	width: 542px;
  	float: left;
}
#page .upper {
  	width: 415px;
  	height: 118px;
 	text-align: center;
 	color: #FFF;
 	font-size: 12px;
	float: right;
 	padding-top: 15px;
	
 
}
#page .menu {
  	width: 309px;
  	height: 22px;
	background: ;
	float: right;
	margin-right: 5px;
 	font-size: 13px;	
 	color: Yellow;
}
 
.h_menu a{
  	width: 80px;
  	height: 23px;
	float: left;
	background:url(../images/news.png) no-repeat ;
	padding-top: 30px;
	color:  #C0C0C0;
	text-align: center;
	font-weight: bold;
}
.h_menu a:hover{
  	width: 80px;
  	height: 33px;
	background:url(../images/news-a.png) no-repeat ;
	float: left;
	color: #FFF;
	font-weight: bold;
	padding-top: 20px;
	text-align: center;
}
 
#content {
  	width: 959px;	
	background: #09182b;
 	padding-bottom: 10px;
	float: right;	
  	
}
 
#content .tresc {
  	float: left;
  	width: 940px;
 
	background: url(../images/upcontent.jpg) no-repeat top left #00314f;
	margin: 10px  10px 0px 10px;
}  
 	
#content .right {
  	float: right;
	padding-top: 100px;
  	width:  310px;

	background:url(../images/menu2bg.jpg) no-repeat top left #00314f;
} 
 
 .pogoda {
  	float: right;
	margin: 10px 10px 15px 10px;
  	width:  300px;
  	height: 38px;

} 
#content .right h2{
  	width: 70%;
  	border-bottom: #FFFF55 2px solid;
  	font-size: 15px;
  	text-align: right;
	margin-right: 35px;
}
 .pogoda a{
 	text-decoration: none;
	color: #FFF;
} 
#content .pogoda a:hover{
 	text-decoration: underline;
	color: #FFF;
}
.pogoda p{
  	margin-left: 30px;
  	float: left;
}
#content .space {
  	float: left;
	margin: 10px 10px 15px 10px;
  	width:  120px;
  	height: 78px;

} 
#oferta {
  	margin-top: 5px;
  	float: right;
      margin-bottom: 25px;
}
.cennik {
  	width: 130px;
  	height: 100px;
  	float: left; 
}

.cennik  a   {
  	width: 130px;
  	height: 23px;
	margin: 10px;
  	float: left;
  	color: #003366;
  	background:url(../images/cennik.png) no-repeat top center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
  	
} 
.cennik  a:hover  {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #FFF;
  	background:url(../images/cennik.png) no-repeat bottom center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
 

}  

.kursy {
  	width: 130px;
  	height: 100px;
  	float: left; 
}

.kursy  a   {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #003366;
  	background:url(../images/kursy.png) no-repeat top center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
	margin: 10px;	
} 
.kursy  a:hover  {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #FFF;
  	background:url(../images/kursy.png) no-repeat bottom center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
}  
.ladowania {
  	width: 130px;
  	height: 100px;
  	float: left; 
}

.ladowania  a   {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #003366;
  	background:url(../images/butle.png) no-repeat top center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
	margin: 10px;	
} 
.ladowania  a:hover  {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #FFF;
  	background:url(../images/butle.png) no-repeat bottom center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
}  
.serwis {
  	width: 130px;
  	height: 100px;
  	float: left; 
}

.serwis  a   {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #003366;
  	background:url(../images/serwis.png) no-repeat top center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
	margin: 10px;  	
} 
.serwis  a:hover  {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #FFF;
  	background:url(../images/serwis.png) no-repeat bottom center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
} 

.nurkowania {
  	width: 130px;
  	height: 100px;
  	float: left; 
}

.nurkowania  a   {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #003366;
  	background:url(../images/nurkowania.png) no-repeat top center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
	margin: 10px;  	
} 
.nurkowania  a:hover  {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #FFF;
  	background:url(../images/nurkowania.png) no-repeat bottom center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
}  

.wypozyczalnia {
  	width: 130px;
  	height: 100px;
  	float: left; 
}

.wypozyczalnia  a   {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #003366;
  	background:url(../images/wyp.png) no-repeat top center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
	margin: 10px; 	
} 
.wypozyczalnia a:hover  {
  	width: 130px;
  	height: 23px;
  	float: left;
  	color: #FFF;
  	background:url(../images/wyp.png) no-repeat bottom center ; 
  	text-align: center;
  	padding-top: 75px;
  	font-weight: bold;
} 
.head_menu {
  	width: 959px;
  	height: 46px;
  	float: right;
	background: #09182B ; 
}
.head_menu a{
	float: left;
	width: 96px;
	height: 23px;
	color: #FFF;
	margin: 10px 10px 4px 10px;
	text-decoration: none;
	padding-top: 10px;
	text-align: center;
  	background:url(../images/button.jpg) no-repeat top center ; 	
}
.head_menu a:hover{
	float: left;
	width: 96px;
	height: 22px;
	padding-top: 11px;
  	background:url(../images/button.jpg) no-repeat bottom center ; 	
}
#content .left {   
  	width: 600px;
  	padding: 20px 10px 10px 10px;
  	float:left;
}    
.left .news {
  	margin: 10px 10px 0px 10px;	
 	width: 560px;
  	font-size: 14px;
	background:url(../images/sep-news.jpg) no-repeat bottom center ;
  	float: left;
  	padding-bottom: 14px;
  	
  
}
.left .news_index {
  	margin: 10px 10px 0px 10px;	
 	width: 250px;
  	font-size: 14px;
	background:url(../images/sep-news.jpg) no-repeat bottom center ;
  	float: left;
  	padding-bottom: 14px;
}
.news_index b{
    	 width: 164px; 	
 	 font-weight: normal;
	 font-size: 11px;
	 text-align:left;
 	 display: block;
	 color: #747C78;
  
}
.news_index p{
	background:url(../images/sep-news.jpg) no-repeat bottom center ;
  	float: left;
  	text-align: justify;
	font-size: 12px; 
}
.news p{
 
	padding: 5px;
  	text-align: justify;
}
.news a{
	text-decoration: none;
	color: 
}
.left h2{
  	margin: 10px;
  	padding-left: 35px;
  	height: 30px;
  	width: 100%;
  	background: url(../images/arrow.jpg) no-repeat  left;
}
.news_category {
  	margin: 10px 3px 0px 3px;
        width: 292px;
	float: left;		
}
.news_category h2{
  	margin: 10px;
  	padding-left: 35px;
  	height: 30px;
  	font-size: 14px;
  	background: url(../images/arrow2.jpg) no-repeat  left;
}
.news_category h2 a{
 
  	color: #FFF;
 	text-decoration: none;
}
.left .title{
  	float: left;
  	width: 100%;
  	font-size: 15px;
  	margin-left: 10px;
	  border-bottom: 3px #09182b solid;
	  font-weight: bold;	
}
.gal_img {
  	margin: 10px;
  	padding: 5px;
  	width: 115px;
  	height: 100px;
  	background: url(../images/photo_bg.jpg) repeat-y;
  	float: left;
  	text-align: center;
}
.photo {
  	width: 100px;
 	max-height: 90px;
  	
}
.galeria {
  	width: 285px;
  	margin: 5px;
  	height: 90px;
  	float: left;
	background: #092741;	
  
}
.galeria a{
  	font-size: 13px;
 	 font-weight: bold;
}
.galeria  img{
	padding: 5px;
	background: #000;
  	max-height: 80px;
}
.news b{
    	 width: 100%; 	
 	 font-weight: normal;
	 font-size: 11px;
	 text-align:left;
	 float:left; 
	 color: #747C78;
  
}
 
.wreck-item{
  	width: 100px;
  	height: 100px;
  	margin: 10px 20px 0px 20px;
  	color: #000;
  	float: left;
  	
  
}
.wreck-item a{
 
  	width: 100px;
  	float: left;
 	background-color: #000;
 	color: #FFF;
 	text-align: center;
 
 
}
.news-icon {
  	float: left;
  	border: 0px;
  	margin: 4px;
 
} 
.galeriahead {
 
 	top: 0px;
 	right: 0px;
  	height: 65px;
  	float: left;
}
.galeriahead h2 {
        width: 100%;
  	border-bottom: 1px solid #8B8989;
  	text-align: right;
}
.photohead {
  	float: left;
  	border: 0px;
  	margin: 13px;
  	padding: 2px;
  	border: 2px solid #8B8989;
  	width: 100px;
 
} 
.bottom-panel-top {
    	float: left;
  	width: 944px;
  	height: 31px; 
	background:  url(../images/bottom-panel-top.jpg) no-repeat bottom  ;
	margin: 10px  0px 0px 10px; 
  
}
.bottom-panel-top h2 {
  	margin: 10px 0px 0px 265px;
  	font-size: 17px;
  	color: #000;
  	font-weight: bold;
}
.bottom-panel {
    	float: left;
  	width: 944px;
 	color: #00314f;
	background:  url(../images/bottom-panel-bg.jpg) repeat-y ;
 
	margin: 0px 0px 0px 10px;  
}
.more_jobs{
  	width: 100%;
  	height: 35px;
  	float: left;
}
.windguru{
  	color: #000;
  	margin: 20px;
}
#mapka {
  	float: left;
  	display: inline;
  	width: 540px;
  	height: 300px;
  	margin-left: 40px;
  	background: #FFF;
} 
#mapka-wrakow {
  	float: left;
  	display: inline;
  	width: 540px;
  	height: 400px;
  	margin-left: 40px;
  	background: #FFF;
} 
#mapka-wrak {
  	float: left;
  	display: inline;
  	width: 870px;
  	height: 330px;
  	margin-left: 40px;
  	background: #FFF;
  	border-top: #000 solid 4px;
  	border-bottom: #000 solid 4px;
} 
#sidebar li{
  	margin: 10px;
}
#opis {
  	float: left;
  	width: 270px;
  	height: 200px;	
  	margin-left: 65px;
  	text-align: justify;
  	color: #969696;
}
#opis b{
  	width: 270px;
  	height: 35px;
  	float: left;
  	
  	
}
.bottom-panel-bottom {
	float: left;
  	width: 944px;
  	height: 27px; 
	background:  url(../images/bottom-panel-bottom.jpg) no-repeat bottom  #00314f;
	margin: 0px 0px 0px 10px; 
}
.post-news-list {
	padding: 5px;	
}
#facebook {
	border: none;
	color: #33CCCC;
}