@import "style.css";
/* 
	style for WebNet
	by michal@indid.pl
	2006
	
	Ice&Durban
	
	*/

BODY {
	background-color: #fff;
  	margin:0;
    padding:0;
	background-image: url(images/dana/tlo1.png);
	background-position: top;
	background-repeat: repeat-x;
	text-align:center;
}

#top {
	background-image: url(images/cb/top.png);
	background-position: top;
	background-repeat: norepeat;
	width: 760px;
	height: 39px;
}
#top_menu {
	padding-left: 540px;
	padding-top: 10px;
}
html>body #top_menu {
	padding-left: 490px;
	padding-top: 10px;

}
#top_menu a,a:hover {
	font: 11px arial;
	color: #fff;
	text-decoration: none;
}

#mid {
	width: 760px;	
	border-left:1px solid black;
	border-right:1px solid black;
	background-color:#fff;
}
html>body #mid {
	width: 758px;	
	border-left:1px solid black;
	border-right:1px solid black;
	background-color:#fff;
}
#bot {
	background-image: url(images/cb/bot.png);
	background-position: top;
	background-repeat: norepeat;
	width: 760px;
	height: 29px;
	color: #fff;
}
#bod div,a,a:hover {
	font: 11px arial;
	color: #fff;
	text-decoration: none;
}

td {
	font: 11px tahoma;
	color: #868585;
}

.news {
	font: 11px tahoma;
	color: #868585;
}
.news a,a:hover {
	font: 11px tahoma;
	color: #868585;
}

#bar1 {
	background-image: url(images/cb/bar.png);
	background-position: top;
	background-repeat: norepeat;
	width: 729px;
	height: 50px;
}
#bar1 a,a:hover {
	font: 11px arial;
	color: #fff;
	text-decoration: none;
}

.l5 {
	font: 13px tahoma;
}
.news_area {
	padding:10px;
}

.news_area a {
	font: 14px tahoma;	

}
.news_area a:hover {
		
	color: #000;
	text-decoration: underline;
}
h1 {
	font:14px tahoma;
	font-weight:bold;
	color:#000;
}
h2 {
	font:11px tahoma;
	display: inline;
	font-weight:bold;
}
h3 {
	font:11px tahoma;
	display: inline;
	font-weight:bold;
}
h4 {
	font:16px georgia;
	font-weight:bold;
	color:#000;
}
.os1 {
	background: url(images/os.gif) no-repeat;
	width: 480px;
	height: 22px;
	font-family: verdana;
	font-size: 12px;
	padding-top: 3px;
	color: #717171;
}

.osl{
	cursor: pointer;
	color: #717171;
}
.osl:hover {
	color: #717171;
	cursor: pointer;
	text-decoration: underline;
}
.title2 {
	text-align: right;
	font-family: verdana;
	font-size: 11px;
	height: 30px;
	padding-right: 20px;
	padding-top: 8px;
	color: #717171;
}
.np_header {
	font-family: Verdana;
	font-size: 14px;
	text-align: left;
	color: #717171;
	font-weight: bold;
}
.np_data {
	padding: 4px 4px 4px 4px;
	font-size: 10px;
	width: 92px;
}
.np_txt {
	font-size: 12px;
	padding-right: 5px;
}
.t_mid {
	border-right: 1px dotted #EEEEEE;
}
.l7 {
	font: 12px tahoma;
	font-weight: bold;
}

.shop_menu {
	font: 11px tahoma;
	color: #9C9C9C;
}
.shop_menu:hover {
	font: 11px tahoma;
	color: #9C9C9C;
	text-decoration:none;
}


.t_dwa {
	border-bottom: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	color: #C3C3C3;
	font: 11px tahoma;
	font-weight: bold;
	height: 30px;
	text-align: center;
}

.t_dwa_a {
	color: #C3C3C3;
	font: 11px tahoma;
	font-weight: bold;
	text-decoration: none;
}

.t_dwa_a a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.t_mid {
	background-image: url(images/cb/tab_2.gif);
}
.t_mid3 {
	background-image: url(images/cb/tuktuk.gif);
}
.t_mid0 {
	background-image: url(images/cb/tab_1.gif);
}

.t_mid0b {
	background-color: #CFCFCF;
	width: 1px;
}

.t_raz {
	border-top: 1px solid #EAEAEA;
	height: 25px;
	text-align: center;
}


.bo6 {
	border: 4px solid #00F801;
}

.foo1 {
	height:18px;
	width:163px;
	background-image: url(images/dana/foo1.png);
	background-position: top;
	background-repeat: norepeat;
}
.foo2 {
	height:18px;
	width:628px;
	background-image: url(images/dana/foo2.png);
	background-position: top;
	background-repeat: norepeat;
	margin:0px;
	padding:0px;
	font:10px tahoma;
	color:#000;
}
.foo2 a {
	color:#000;
}
.foo1 p {
	margin:0px;
	font:10px tahoma;
	color:#dae9f0;
}
.foo2 span {
	padding-left:155px;
}
#profil {
	padding:3px;
}
#jestem td {
	color: #c4161c;
}
#listad {
	background-color:#e9e9e9;
	width:163px;
	height:203px;
	text-align:left;
	margin-bottom:15px;
}
#listad div {
	padding:3px;
}	
#listaf div {
	padding:3px;
}	

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
position: absolute;
background-color: lightgrey;
padding: 1px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: -170px;
left: -5px;

}
.fronir_small {
	margin:2px;
	width: 35px;
	text-align:center;

}
.fronir_small a {
	font: 10px arial;
	color: #000;
}

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ 
position: absolute;
background-color: lightyellow;
padding: 2px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail2 span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ 
visibility: visible;
top: -280px;
left: -35px;

}
.textati {
font:13px tahoma;
font-weight:bold;
color:#636363;
border-bottom:1px solid #868585;
}
#sector a {
color: #C4161C;
font:13px tahoma;
}