@import url(layout.css);
@import url(map.css);
.style-red {
	color:red;
}

.style-supred {
	color:red;
	/*vertical-align: super;*/
}

.style-blue {
	color:navy;
}

.style-supblue {
	color:navy;
	/*vertical-align: super;*/
}

.style-default {
	color:#333333;
	font-size: 11px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:30px;
}

.style-description {
	color:#333333;
	font-size: 13px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div.header {
	color:#333333;
	font-size: 12px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px #666666 dotted;
	width:400px;
	background:#F4F4F4;
	margin-left:10px;
}



html {
	color:#000; 
	background:rgb(192,192,192)
}

body {
	color: black;
	font-size: 10px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:rgb(192,192,192)
}

#container {
	background-color: rgb(192,192,192); 
	width: 750px;
	margin: 0 auto;
	border: 0
}

#menucontainer {
	width: 750px;
	height: 24px; 
	background-image:url('../images/top_pict_1x3.png');
	background-attachment:inherit;
	background-repeat:no-repeat;
	overflow: hidden;
}
#menucontainer ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#menucontainer li {
	float: left;
}

#menucontainer a {
	font: inherit;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px;
	font-size: 11px;
}

#menucontainer a:hover {
	color: #fc0 ; }



#topbannercontainer {
	width: 750px;
	height: 112px;
	background-color:#C0C0C0 }


#mainmenucontainer {
	width: 750px;
	height: 32px;
	background-image:url('../images/top_pict_3x3.png'); 
	background-repeat:no-repeat; 
	background-attachment:inherit;
	overflow: hidden;
}
#mainmenucontainer ul {
	list-style-type: none;
	width: 750px;
	height: 32px;
	margin: 0;
	padding: 0;
}
#mainmenucontainer li {
	float: left; 
	height: 32px; 
	text-align: center 
}
#mainmenucontainer a {
	/*padding-left:5px;*/
	padding-top:5px;
	height: 32px; 
	color: #fff; text-decoration: none; 
	display: block; width:145px; background:#3366CC; 
}

#mainmenucontainer a.mm { width:150px }
#mainmenucontainer a.mmactive { width:150px; cursor:pointer; color: #cfcfcf; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.7 }

#mainmenucontainer a:hover {
	cursor:pointer; color: #cfcfcf; filter: alpha(opacity=70); 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.7
}

#contentcontainer 	
{
    width: 750px; 
    background-color:#fff; 
    padding:0px;
    position:relative;
}

#listpanel { 
	min-height:300px;
	height:300px;
	position: relative; 
	float: left; 
	width: 597px; 
	background-color:#fff; 
	border-bottom:1px #999999 solid 
}

div[class] #listpanel {
   height:auto;
}


#prodpanel { 
	position: relative; 
	float: left; 
	width: 450px; 
	background-color:#fff;  
}


div.hint {
	min-height:40px;
	height:40px;
	border:1px navy solid;
	width: 140px;
}
div.top {
	color:#333333;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background:#E8F3FF;
	font-weight: bold;
	min-height:20px;
	height:20px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-variant:small-caps;
	border-bottom:1px navy solid;
}
div.content {
	text-align:left;
	color: #000;
	min-height:20px;
	height:20px;
	margin-left:5px;
	margin-top:2px;
}
div.content a {
	color:#333333;
	font-size: 10px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
div.content a:hover {
	text-decoration:underline;
}

div[hint] .hint {
   height:auto;
}


#hintpanel { 
	position: relative; 
	float: left; 
	width: 148px; 
	background-color:#fff; 
}
#vseparator1px {
	background-color:#999999; 
	width:1px; 
	position:relative; 
	float:left; 
	height:300px;
}


#submenu { height:300px; position: relative; float: left; width: 148px; background-color:#fff; border-bottom:1px #999999 solid }

#submenu.pm { width: 148px }

#submenu.sm1 { width: 148px }
#submenu.sm2 { width: 148px }
#submenu.sm3 { width: 148px }
#submenu.sm4 { width: 148px }
#submenu.sm5 { width: 148px }

#submenuseparator {
	background-color:#999999; width:2px; position:relative; float:left; height:300px
}

a.submenu {
	clear: both; 
	display: block; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 7px; 
	font-family: Tahoma; 
	font-size: 8pt; 
	color: #000000; 
	text-decoration: none; 
	font-weight:400
}
a:hover.submenu	{ color: #808080; text-decoration: underline }

.images { 
	position:absolute;
	top:170px;
	width:148px; 
	filter: alpha(opacity=35); 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35); 
	-moz-opacity: 0.35; 
	opacity:0.35 
}
.imagesover { 
	position:absolute;
	top:170px;
	width:148px; 
	height:141px;  
	filter: alpha(opacity=100); 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity:1 
}

#scroll {
	background-color:white
}

#footer {
	width: 750px;
	background-color:#fff;
	overflow:hidden;
	color:white;
	font-family: Verdana; 
	font-size: 9pt; 
	color: #fff; 
	text-decoration: none; 
}
#footer span.certyfikaty {
	
	float:right;

}

#bottommenu {
	width: 750px;
	height: 30px;
	background-image: url('../images/top_pict_3x3.png');
	background-attachment: inherit;
	background-repeat: no-repeat;
}
#footer p {
	padding-top:5px;
	text-align:center;
}
#bottommenu a {
	font-family: Verdana; 
	font-size: 9pt; 
	color: #fff; 
	text-decoration: none; 
}
#bottommenu a:hover { 
	text-decoration: underline 
}

.copyright {
	text-align:center;
	font-family: Verdana; 
	font-size: 8pt; 
	color: #333333; 
	text-decoration: none; 
}
a.copyright {
	font-family: verdana; 
	font-size: 8pt; 
	color: #0860A8; 
	text-decoration: none
}
a:hover.copyright { text-decoration: underline }









table.styl1 {
 width: 400px; 
 font-family: verdana; 
 font-size: 10px; 
 table-layout: auto;
 border-collapse: collapse;
 bordet-spacing:0px 
}
 
td.styl1{
 padding-left: 5px;
 border-bottom: 1px solid #666666;
 border-right: 1px solid #666666;
 width:120px;
 border-left: 1px solid #666666
}
 
.styl1 {
 padding-left: 5px;
 border-bottom: 1px solid #666666;
 border-right: 1px solid #666666;
}

.flagon {
	padding:0px; 
	padding-right:2px; 
	padding-top:1px; 
	margin-bottom:0px;
	border:1px #FFFFFF solid;
}

.flagoff {
	padding:0px; 
	padding-right:4px; 
	padding-top:2px; 
	margin-bottom:1px;
	border:0px transparent none;
}