html, body {
	height: auto;	
    overflow: auto; 
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #072849 url("../img/body_bg_4.jpg") repeat-x bottom left;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	font-size:12px;
	color:#fff;
}
.stopa {
    font-size:11px;
    color:#A3C2D4;
}

img{
	border:none;
}

a, a:link{
	color:#103959;
	text-decoration:none;
	cursor:hand;
}

ul.menu li a, ul.menu li a:link, ul.menu li a:visited{
color:white;
	text-decoration:none;
	cursor:hand;

}


div.clear{
	clear:both;
}

h2{
	margin:0;
	font-size:15px;
	font-style:italic;
}
/******* GLOWNY POJEMNIK *****/

#container {
	margin:0px auto;
	padding:0px;
	width:980px;
	height:100%;
	background-image:url("../img/body_bg.jpg");
	background-position:bottom center;
	background-repeat:no-repeat;	
}

#content{
	text-align:left;
	border:none;
	padding-bottom:30px;
	width:980px;
	margin:0 auto;
	height: expression( this.scrollHeight < 636 ? "635px" : "auto" );
	min-height:635px;	
	position:relative;
}

a div.linki{
	float:left; 
	display:block; 
	width:117px;
	height:68px; 
	text-decoration:none;
	color:#A3C2D4;
	font-size:10px;
	cursor:hand;	
}

a div.linki2{
	float:left; 
	display:block; 
	width:150px;
	height:68px; 
	text-decoration:none;
	color:#a4b4c3;
	font-size:10px;
	cursor:hand;
}

div.linki_text{
	text-align:left;
	padding-top:15px;
}

div.linki_text:hover{
	text-decoration:underline;
}

#main_bot{
	height:90px;
	width:914px;
	border:none;
	margin:auto;
	text-align:center;	
}

#main_top{
	background-color:transparent;
	height:120px;
	width:980px;
	margin:5px auto;	
}
	
#menu_top{
	width:650px;
	height:120px;
	border:none;
	float:left;
	text-align:left;
}
	
#menu_top_top{
  width:650px;
	height:50px;
	border-bottom:2px solid #071e34;
}

#menu_top_bot{
  width:650px;
	height:70px;
	border-top:2px solid #183857;
}
	
#logo{
  width:200px;
	float:left;
	margin:16px 0 0 20px;
}	

ul.menu, ul.menu2, ul.menu3{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.menu li, ul.menu2 li, ul.menu3 li{
  display: inline;
  float: left;
  border:none;
}

ul.menu li a{
  display: block;
  padding: 15px 25px;
  border: none;
  border-left-width: 0;
  text-decoration: none;
  color: white;
  font: bold 13px Tahoma;
}

ul.menu2 li a{
  display: block;
  padding: 0 14px;
  border: none;
  border-left-width: 0;

}

ul.menu3 li a{
  display: block;
  border: none;
  border-left-width: 0;

}

ul.menu li a:hover{
  text-decoration:underline;
}

ul.menu li a.active{
  display: block;
  padding: 15px 25px;
  border-bottom: 4px solid #a4b0bc;
  border-left-width: 0;
  text-decoration: none;
  color: #ff461a;
  font: bold 13px Tahoma;
}

a.linkimg img{
  padding:15px 0 15px 0;
}

/**********################boxy##############**********/
div.content_mid{
  width:270px;
  float:left;
}

div.content_mid2{
  width:580px;
  float:left;
}

div.hackdiv{
	float:left;
	margin-right:30px;
	
}

div.hackdiv2{
	float:left;	
}

div.top{
  width:auto;
  background: url("../img/box/toptop.png") repeat-x top left;
  display:block;
  height:58px;
}

div.top2{
  width:auto;
  background: url("../img/box/toptop2.png") no-repeat bottom right;
  display:block;
  height:58px;
  line-height:58px;
}

div.top3{
  background: url("../img/box/toptop3.png") no-repeat bottom right;
  display:block;
  height:58px;
  line-height:58px;  
}

table.xtend{
	border-collapse: collapse;
	     	  border: 0;
	       	  padding: 0;
	       	  margin: 0;

}

td.topleft{
	background: url("../img/box/topleft.png") no-repeat top left;
	width:20px;
	height:58px;
	margin:0;
	padding:0;
}

td.toptop{
	background: url("../img/box/toptop.png") repeat-x top right;
	height:58px;
	margin:0;
	padding:0;
}

td.topright{
	background: url("../img/box/topright.png") no-repeat top left;
	width:14px;
	height:58px;
	margin:0;
	padding:0;
}

td.midleft{
	background: url("../img/box/midleft.png") repeat-y top left;
	width:20px;
	margin:0;
	padding:0;
}

td.midmid{
	background-color:#fff;
	margin:0;
	padding:0;
	color:#3f3f3f;
	padding:15px 3px 0;	
}

td.midright{
	background: url("../img/box/midright.png") repeat-y top left;
	width:21px;
	margin:0;
	padding:0;	
}

td.botleft{
	background: url("../img/box/botleft4.png") no-repeat top left;
	width:20px;
	height:30px;
	margin:0;
	padding:0;	
}

td.botbot{
	background: url("../img/box/botbot5.png") repeat-x top left;
	height:30px;
	margin:0;
	padding:0;	
}

td.botright{
	background: url("../img/box/botright4.png") no-repeat top left;
	width:24px;
	height:30px;
	margin:0;
	padding:0;	
}

/*########################box wersja 2#############################*/

td.topright2{
	background: url("../img/box/topright2.png") no-repeat top left;
	width:21px;
	height:58px;
	margin:0;
	padding:0;
}

/*#########################box wersja 3#########################*/

td.topright3{
	background: url("../img/box/topright3.png") no-repeat top left;
	width:21px;
	height:58px;
	margin:0;
	padding:0;
}
 
/*############################menu news,oferta itd. #############*/
div.articles {
    font-size:11px;
    color:#8d8d8d;
}

div.articles img.zajawkaIMG {
    float:left;
    margin-right:10px;
}
div.articles a.title {
    color:#ed2f01;
    padding:10px 0 10px 0;
    margin:0px 0 10px 0;
    font-weight:normal;
    display:block;
    background: url(../images/dots.gif) repeat-x bottom left;
}

div.article {
     background: url(../images/dots.gif) repeat-x bottom left;
    padding:0px 0 10px 0;
    margin:0px 0 10px 0;
}
div.articles a.wiecej {
    color:#a3a3a3;
    display:block;
    background: url(../images/arrow.gif) no-repeat bottom left;
    padding-left:20px;
    margin-bottom:5px;
}


ul.news{
   margin:0;
   padding:0;
   list-style-type: none;

}
ul.news li{
  margin: 0 0 0 10px;
  padding: 0;

}

ul.news li a{
   display: block;
   height: auto;
   width:260px;
   line-height: 15px;
   text-decoration: none;
   color: #fff;
   font-weight: 100;
   font-size: 10px;
   border-bottom:1px solid #65879d;
  padding:5px
}

ul.news li a:hover {

    background-color: #305e7d;

}