/* CSS Document */
    html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #aaa;
	color: #000;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
      }
    p {
      margin: 0.5em 0;
      }
    #page {
      position: relative;
      width: 774px;
      margin: 0 auto;
      text-align: left;
      background-color: #FFFFFF;
      }
    #header {
      width: 100%;
      height: 208px;
    }
    #decoration {
	width: 100%;
	height: 70px;
	background-image: url(../img/decoration.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    }	
    #menu {
	width: 100%;
	height: 76px;
	background-image: url(../img/menu.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    }
    #menu-produkty {
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
    }			
    #pruh {
	width: 100%;
	height: 6px;
	background-image: url(../img/pruh.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    }	
    #loga {
	width: 774px;
	height: 126px;
	background-color: #FFFFFF;
    }			
    #footer {
	width: 100%;
	height: 30px;
	font-size:0.8em;
	color: white;
	text-decoration: none;
	color: #999;
	text-align: center;
    }
    #footer a {
	text-decoration: none;
	color: #999;
    }	
    #footer a:hover {
	text-decoration: underline;
	color: #333;
    }
    #contactwrap {
      padding: 0;
	  margin: 0;
	  font-size:0.8em;
	  color:#005ea8;
	  background-image: url(../img/Kontakty_obrazek.png);
	  background-repeat: no-repeat;
	  background-position: right;	
	} 	
    #contentwrap {
      padding: 0;
	  margin: 0;
	  font-size:0.8em;
	  color:#005ea8;
    }
    #contentwrap a, #contactwrap a {
	color:#005ea8;
	text-decoration:none;
    }	
    #contentwrap a:hover,  #contactwrap a:hover {
	text-decoration:underline;
	vertical-align: top;
    }			
    .tablebcg {
	background-image: url(../img/obdelnik.jpg);
	background-repeat:repeat;	
    }			
    #content {
	padding-top: 10px;
	padding-right: 2em;
	padding-bottom: 10px;
	padding-left: 2em;
    }
	/* the vertical menu starts here */
	div#listcontainer {font-size:13px;}
	div#listcontainer ul {border:0; margin:0 0 0 220px; padding:0; list-style-type:none;}
	div#listcontainer li {
	margin:0;
	padding:0 0 0 0;
	text-indent:1.1em;
	background-image: url(../img/sipka.gif);
	background-repeat: no-repeat;
}
	/*div#listcontainer li:first-child {border-top:1px solid #069;}*/
	div#listcontainer a {text-decoration:none; color:#06C; font-weight:bold;}
	div#listcontainer a.red {color:#FF0000;}
	div#listcontainer a:hover {color: #FF9900;}
	/* a hack for IE Win only \*/	
	/** html div#listcontainer ul {border-top:1px solid #069;}*/
	/*end of hack */
	/* the vertical menu ends here */
	
	
/* the horizontal menu starts here */
div#listmenu {
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	font-size:0.8em; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	clear: both;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left:-20px;
	}
div#listmenu ul {
	float: right;
	margin: 0;

	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	margin-right: 10px;
	line-height: 2em;

	}
	div#listmenu a {
	padding:0 6px; /*creates space each side of menu item's text */
	color:#015CA5;	/* sets the type color */
	font-weight: bold;
	text-decoration: none;
	}
	div#listmenu a.active {
	color:#D5BDC8;	/* sets the type color */
	}	
div#listmenu a:hover {
	color:#D5BDC8;
	text-decoration:none;
	}

.leftmenu {
	margin-left: 20px;

	}
div#rightmenu {
	float: left;
	}	
	
div#secondmenu {
	font-size:1em;
	}
div#secondmenu ul {
	float: right;
	margin: 0 10px 0 0;
	}
div#secondmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	margin-right: 10px;
	padding-left:10px;
	background-image: url(../img/sipka2.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
	div#secondmenu a {
	padding:0 6px; /*creates space each side of menu item's text */
	color:#000066;	/* sets the type color */
	font-weight: bold;
	text-decoration: none;
	}
	div#secondmenu a.active {
	color:#D5BDC8;	/* sets the type color */
	}	
div#secondmenu a:hover {
	color:#D5BDC8;
	text-decoration:none;
	}	
		
	
/* the horizontal menu ends here */
/* END OF LIST-BASED MENU */		
	
	.clearfix {display: inline-block;}   /* a fix for IE Mac */

	/* next a fix for the dreaded Guillotine bug in IE6 */
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	.clear {clear:both;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/*fonts*/
    .mensi {
	font-size:.8em;

	
    }