/* RESET */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* LAYOUT */

body {
 background: url(/images/main/bg.jpg) repeat-x;
 background-attachment: fixed;
  margin: 0 auto;
  text-align: center;
 }
 
 div#wrapper {
  width: 943px;
  margin: 0 auto;
  padding:0;
  overlay: hidden;
  text-align: center;
  }
 
div#header {
  float: left;
  height: 267px;
  width: 880px;
  background: url(/images/main/header.jpg);
 margin: 0 auto;
}

div#headleft {
 float:left;
 height: 267px;
 width: 30px;
 background: url(/images/main/head-left.png);
 margin: 0;
 padding:0;
}
div#headright {
 float:left;
 height: 267px;
 width: 30px;
 background: url(/images/main/head-right.png);
 margin: 0;
 padding:0;
}

div#container {
 float: left;
  width: 940px;
  margin: 0 auto;
  text-align: center;
  }
 div#content {
  background: #ffffff url(/images/main/container_bg.jpg) no-repeat center top;
  width: 940px;
  overflow: hidden;
 }

div#content_bottom {
 float: left;
 width: 940px;
 height: 28px;
 background: url(/images/main/content_bottom.png);
 }
 
div#footer {
 float: left;
	width: 941px;
	height: 100px;
	background: url(/images/main/footer_bg.png);
	margin: 10px 0 0 0;
	}

/* HEAD NAV */

div#nav {
 float: left;
 width: 880px;
 height: 40px;
 overflow: hidden;
 margin: 0 0 0 0px;
 background: #3f5060;
 padding:0;
opacity:0.85;
 filter:alpha(opacity=85);
}

div#nav ul {
margin: 0 0 0 0px;
}


div#nav ul li {
float: left;
width: 120px;
height: 40px;
margin: 0 5px 0 5px;
}
div#nav ul li a span {display: none;}


div#nav ul li a.katalog {
 background: url(/images/main/katalog-nav.png) top center;
 height: 40px;
 display: block;
 width: 120px;
}
div#nav ul li a.katalog:hover {
 background: url(/images/main/katalog-nav.png) bottom center;
}

div#nav ul li a.news {
 background: url(/images/main/nowosci.png) top center;
 height: 40px;
 display: block;
 width: 120px;
}
div#nav ul li a.news:hover {
 background: url(/images/main/nowosci.png) bottom center;
}

div#nav ul li a.zamowienia {
 background: url(/images/main/zamowienia.png) top center;
 height: 40px;
 display: block;
 width: 120px;
}
div#nav ul li a.zamowienia:hover {
 background: url(/images/main/zamowienia.png) bottom center;
}
div#nav ul li a.kursy {
 background: url(/images/main/kursy.png) top center;
 height: 40px;
 display: block;
 width: 120px;
}
div#nav ul li a.kursy:hover {
 background: url(/images/main/kursy.png) bottom center;
}

div#nav ul li a.home {
 background: url(/images/main/home.png) top center;
 height: 40px;
 display: block;
 width: 120px;
}
div#nav ul li a.home:hover {
 background: url(/images/main/home.png) bottom center;
}


div#nav ul li a.about {
 background: url(/images/main/about.png) top center;
 height: 40px;
 display: block;
 width: 120px;
}
div#nav ul li a.about:hover {
 background: url(/images/main/about.png) bottom center;
}

	
/* MAIN CONTENT */

div#maincontent {
  width: 540px;
  float: left;
  margin: 10px 0 20px 35px;
  text-align: left;
  padding: 0px;
  font-family: Tahoma;
 }

#maincontent a {
 color: #628eb9;
}
#maincontent a:hover {color:#ba2b27;}
 
#maincontent h1, #related h1 {color: #628eb9; font-size: 16px; font-family: Arial; margin: 10px 0 10px 0px;}

#maincontent img.product_img {
 border: 1px solid #a7b3ca;
 background-color: #b9c1d3;
 width: 270px; 
 height: 280px;
 padding: 3px;
  margin: 0 0 0 10px;
}
#maincontent h2 {
 clear: both;
 font-size: 13px;
 font-weight: bold;
 margin: 10px 0 5px 0;
 padding-left: 25px;
 height: 21px;
 line-height: 21px;
 background: url(/images/main/h2.png) no-repeat center left;
}
#maincontent p {
 color: #444444;
 font-size: 12px;
 margin: 5px 0 5px 0;
 line-height: 18px;
}

#maincontent img.katalog-list {
 width: 75px;
 height: 75px;
 border: 1px solid #cccccc;
 float: left;
 margin: 0 7px 10px 0;
}

#maincontent a.more {
 font-size: 12px; 
}

#maincontent ul, #maincontent ol {
 color: #444444;
 font-size: 12px;
 line-height: 18px;
 margin: 0 0 0 23px;
}

#maincontent ol {
 list-style-type: decimal;
 list-style-position: outside;
}

#maincontent ul {
 list-style-type: circle;
list-style-position: inside;
}

#maincontent ul.katlist {
 list-style-type: none;
 color: #444444;
 font-size: 12px;
 line-height: 21px;
 margin: 0 0 0 0px;
 padding: 0px;
}
#maincontent ul.katlist li {
 background: url(/images/main/h2.png) no-repeat left center;
 padding-left: 25px;
 height: 21px;
 line-height: 21px;
 margin: 2px 0 0 0;
}
#maincontent ul.katlist li a {
 height: 21px;
 line-height: 21px;
 font-weight: bold;
}

/* INDIVIDUAL ARTICLE */

#maincontent img.single-kat-img {
 width: 250px;
 height: 220px;
 float: left;
 margin: 0px 10px 10px 0px; 
 border: 1px solid #9da7bc;
 background-color: #c7cfe0;
 padding: 4px;
}

div.screen {text-align: center; font-size: 11px; color: #cccccc;}
div.screen img {border: 1px solid #9da7bc; padding: 3px;  background-color: #c7cfe0;}

/* SIDEBAR */

div#sidebar {
width: 270px;
margin: 10px 0 0 63px;
float: left;
text-align: left;
}
div#sidebox {
/* background: url(images/main/sidebar_bg.jpg) top center no-repeat;*/
 background-color: #000000;
 border: 1px solid #ffffff;
   -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px;    /* Konqueror */
  -moz-border-radius: 10px; /* Firefox */
 width: 228px;
opacity:0.6;
 filter:alpha(opacity=60);
 margin: 0 0 0 22px;
}

#sidebar h1.katalog {
 background: url(images/main/katalog.png) top center no-repeat;
 width: 100px;
 height: 50px;
}
#sidebar h1 span {visibility: hidden;}

#sidebox ul.menulist {
 margin: 10px 0 15px 10px;
 font-family: tahoma;
 font-size: 13px;
}
#sidebox ul.menulist li {
 margin: 3px 0 3px 0;
}
#sidebox ul.menulist li a {
 color: #ffffff;
 text-decoration: underline;
}

#sidebox ul.menulist li a:hover {
 color: #434343;
}



/* RELATED */

div#related {
 text-align: left;
}

div#related h1 {margin-left: 50px; float: left;}

div.related-box {
 background: url(images/main/related_bg.jpg) top center no-repeat;
 height: 158px;
 text-align: center;
 }
 
button.prev {
 background: url(images/main/rel_arr_left.jpg) top center no-repeat;
 width: 53px;
 height: 41px;
 float: left;
 margin: 50px 15px 0 15px;
 border: 0px;
}

div.related-img {
 width: 750px;
height: 150px;
float: left;
}

div.related-img ul li {
 float: left;

 }
button.next {
 background: url(images/main/rel_arr_right.jpg) top center no-repeat;
 width: 53px;
 height: 41px;
 float: left;
 margin: 50px 5px 0 0;
 border: 0;
}
div.arrow-left a span, div.arrow-right a span {visibility:hidden; display: block; width: 53px; height: 40px;}

.related-img a img {
 border: 1px solid #a7b3ca;
 background-color: #b9c1d3;
 margin: 25px 2px 0 2px;
 padding:0px;
 height: 95px;
 width: 95px;
 }
 

/* SINGLE CONTENT */

div#singlecontent {
  background: #ffffff url(/images/main/singlecontent_bg.jpg) no-repeat center top;
  width: 940px;
  overflow: hidden;
min-height: 400px;
 }

div#singlecont {
  width: 740px;
  margin: 20px 0 20px 0px;
  text-align: left;
  padding: 0px;
  font-family: Tahoma;
 }

#singlecont a {
 color: #628eb9;
}
#singlecont a:hover {color:#ba2b27;}
 
#singlecont h1, #related h1 {color: #628eb9; font-size: 16px; font-family: Arial; margin: 10px 0 10px 0px;}

#singlecont img.product_img {
 width: 250px;
 height: 220px;
 float: left;
 margin: 0px 10px 10px 0px; 
 border: 1px solid #9da7bc;
 background-color: #c7cfe0;
 padding: 4px;
}
#singlecont h2 {
 clear: both;
 font-size: 13px;
 font-weight: bold;
 margin: 10px 0 5px 0;
}
#singlecont p {
 color: #444444;
 font-size: 12px;
 margin: 5px 0 5px 0;
 line-height: 18px;
}

div.spacer {
 height: 50px;
 width: 1px;
}
#singlecont ol.lista {
 color: #444444;
 font-size: 12px;
 margin: 5px 0 5px 10px;
 line-height: 18px;
 list-style-type: square;
}
#singlecont ul.lista {
 color: #444444;
 font-size: 12px;
 margin: 5px 0 5px 20px;
 line-height: 18px;
 list-style-type: disc;
}

	
/* FOOTER */

#footer {font-family: Tahoma; font-size: 11px; color: #444444;}
#footer div.footer_links {padding: 25px; 0 0 0;}
#footer a {color: #595959; text-decoration: none; margin: 0 5px 0 5px;}
#footer a:hover {color: #6d8aa5; text-decoration: underline;}
  
/* ZEM CONTACT */

.zemContactForm fieldset {
   border: none;
   padding-bottom: 1em;
   margin: 15px 0 0 0;
   }
.zemContactForm legend 
{color: #628eb9; font-size: 16px; font-family: arial; margin: 10px 0 10px 0px; font-weight: bold;}
  
.zemContactForm label {
   float: left;
   width: 160px;
   margin: 0.3em 10px 0 0;
   text-align: right;
   font: 12px tahoma;
   color: #444444;
   }
.zemContactForm input {
   margin-bottom: 0.5em;
   }
.zemContactForm br {
   clear: left;
   }
.zemContactForm .zemSubmit {
   margin: 0.5em 0 0 70px;
   }
.zemContactForm ul li {
 color: #444444;
 font-size: 12px;
 margin: 5px 0 5px 0;
 line-height: 18px;
}