html {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #FFF;
	background: url(../img/bg-body.gif) repeat-x top center #73D4FF;
	line-height: 1.6em;
	}

* {	margin: 0; padding: 0;}

h1 {font-size: 1.6em; text-transform: uppercase; margin-bottom: 15px}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 5px; color: #FFD300;}

.produkty h2 {padding-top: 25px;}


.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
.clear {clear: both;}
	
hr {
  	border: 0;
  	width: 80%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	}
	


a {color: #FFF;}
a:hover {color: #BEE72F;}
img {border: none;}
p {margin-bottom: 18px;}
#content p {text-align: justify;}

.datum {margin-bottom: 0;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none;}

img.lft, .floatleft {
	float: left;
	margin: 0 15px 10px 0;
	}

img.rgt, .floatright {
	float: right;
	margin: 0 0 5px 15px;
	}
	
.darky img.rgt {margin-right: 20px;}

#content ul, #content ol {margin: 0 0 15px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ol {margin-left: 34px;}
	
input {font-size: 1em;}
	
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */

/* IE button fix */
	
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}

.button {
	border: 1px solid #8ED5F3;
	border-right: 1px solid #4DADDD;
	border-bottom: 1px solid #4DADDD;
	background: #0059A5;
	color: #FFF;
	font-weight: bold;
	padding: 5px 15px;
	margin-left: 10em;
	text-transform: uppercase;
	cursor: pointer;
	}

input, select, label {vertical-align: middle; margin-bottom: 5px;}
input, select {font-size: 1em; padding: 1px;}

label {
	display: block;
	width: 10em;
	float: left;
	}
	
.polekont {width: 349px;}

form br {
	clear: both;
	} 
	
#tTM {float: left;}
#required {float: right; margin-right: 50px;}

.breadcrumbs {
	position: absolute;
	top: -10px;
	right: 10px;
	text-align: right;
	font-size: 0.8em;
	}



/* tabulka bezna */
table {
	border: 1px solid gray;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	}	
	th, td {
		padding: 5px 10px;
		vertical-align: top;
		border: 1px solid gray;
		}
/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;
	}
	table.noformat th, table.noformat td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
		
/* nahrada obrazkem */

#h_menu a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	

.back {
	position: absolute;
	top: 35px;
	right: 43px;
	width: 99px;
	height: 15px;
	background: url(../img/but-back.gif) no-repeat;
	}
	.back span {display: none;}
	
/* float clear */

#neco {
	overflow: hidden;
	_display: inline-block;
	}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	
/* PNG FIX IE6 */
.logo, #banners img, #mlha, #ender, #hpflash img, #homepage #content_container {behavior: url(iepngfix.htc) }
	

/**********obsah**********/

#zuby {
	background: url(../img/bg-zuby.gif) repeat-x top center;
	width: 100%;
	height: 650px;
	}	
	#jested {
		background: url(../img/bg-jested.jpg) no-repeat top center;
		height: 577px;
		width: 100%;
		}
		#all {
			margin: 0 auto;
			text-align: left;
			width: 920px;
			font-size: 1.2em;
			position: relative;
			}

/* ******* hlavicka ******* */

#top {
	height: 143px;
	position: relative;
	}
	.logo {
		position: absolute;
		top: 27px;
		left: 20px;
		}
	#search {
		position: absolute;
		top: 32px;
		right: -28px;
		background: url(../img/bg-search.gif) no-repeat -1px 18px;
		display: none;
		}
		.searchfield {
			background: none;
			border: none;
			width: 106px;
			height: 17px;
			padding: 1px 2px;
			text-align: center;
			}
		#search .button {margin: 3px 0 0 5px;}
		
	
/* ******* menu ******* */

#h_menu {
	position: absolute;
	top: 35px;
	left: 312px;
	z-index: 2000;
	}
	#h_menu ul {
		list-style: none;
		position: relative;
		width: 621px;
		height: 33px;
		z-index: 2010;
		}
		#h_menu ul li {
			float: left;
			position: relative;
			z-index: 2020;
			}
			#h_menu ul li a {
				display: block;					
				color: #FFF;
				height: 33px;
				position: relative;
				overflow: hidden;
				}
				#h_menu ul li a:hover {
					background: #bee72f;
					color: #003777;
					}
					.m1 {width: 116px;}
					.m2 {width: 123px;}
					.m3 {width: 139px;}
					.m4 {width: 71px;}
					.m5 {width: 78px;}
					.m6 {width: 74px;}
						.m1 span {background: url(../img/m1.gif) no-repeat 0 0; cursor: pointer;}
						.m2 span {background: url(../img/m2.gif) no-repeat 0 0; cursor: pointer;}
						.m3 span {background: url(../img/m3.gif) no-repeat 0 0; cursor: pointer;}
						.m4 span {background: url(../img/m4.gif) no-repeat 0 0; cursor: pointer;}
						.m5 span {background: url(../img/m5.gif) no-repeat 0 0; cursor: pointer;}
						.m6 span {background: url(../img/m6.gif) no-repeat 0 0; cursor: pointer;}
							#h_menu a:hover span, #h_menu .selected a span {background-position: 0 -33px;}
							
							
			/* ***** vnorene menu ***** */
			
			#h_menu ul ul {
				position: absolute;
				top: 33px;
				left: 0;
				width: 162px;
				height: auto;
				z-index: 2030;
				padding-top: 10px;
				display: none;
				}
				#h_menu ul ul li {
					float: none;
					height: auto;
					}						
					#h_menu ul ul li a {
						height: auto;
						padding: 0 1px;
						text-decoration: none;
						font-size: 0.9em;	
						background: url(../img/bg-podmenu.png) repeat-y;				
						}
						#h_menu ul ul li.first a {background: url(../img/bg-podmenu-top.png) no-repeat 0 0;}
						#h_menu ul ul li.last a {background: url(../img/bg-podmenu-bottom.png) no-repeat 0 100%;}
							#h_menu ul ul li.first a:hover {background-position: -162px 0;}
							#h_menu ul ul li.last a:hover {background-position: -162px 100%;}						
						
							
							#h_menu ul ul li a span {
								padding: 5px 10px;
								display: block;
								position: relative;
								border-bottom: 1px solid #3872b0;
								cursor: pointer;
								width: auto;
								}
								#h_menu ul ul li.first a span {
									padding-top: 10px;
									}
								#h_menu ul ul li.last a span {
									border-bottom: none;
									padding-bottom: 10px;
									}
									
					#h_menu ul li:hover ul, #h_menu ul li.hover ul {display: block;}
										

				
			
			

			
/* **** hlavni cast **** */

#main {
	padding: 10px 0 0 0;
	position: relative;
	width: 920px;
	z-index: 400;
	min-height: 460px;
	}
	#homepage #main {padding: 0;}
	
#mlha {
	width: 700px;
	height: 143px;
	background: url(../img/bg-mlha.png) no-repeat;
	position: absolute;
	top: 525px;
	left: 250px;
	z-index: 50;
	}
	
/* **** obsah **** */

#content_container {
	float: right;
	width: 597px;
	background: url(../img/bg-content-bot.gif) no-repeat bottom left;
	margin-bottom: 30px;
	z-index: 500;
	position: relative;
	}
	#homepage #content_container {
/*		background: url(../img/bg-krup.gif) no-repeat 350px 25px;*/	
		background: none;
/*		margin-top: -30px;
*/		}
	#content {
		background: url(../img/bg-content.jpg) no-repeat top left;
		padding: 34px 34px 1px 44px;
		position: relative;
		min-height: 395px;
		_height: 395px;
		z-index: 501;
		margin-bottom: 10px;
		}
		#homepage #content {
			background-image: none; 
			padding: 0;
			min-height: 368px;
			_height: 418px;
			}
    #hpflash {
	    position: absolute;
    	top: -11px;
	    left: -13px;
    	}
			#banners {
				top: 310px;
				left: 40px;
				position: absolute;
				height: 126px;
				}
				#banners img {margin-right: 30px;}
				
		#text {
			height: 350px;
			overflow: auto;
			padding-right: 20px;
			}
		
#cedule {
	position: absolute;
	top: 127px;
	left: 3px;
	z-index: 1000;
	}
	
		
/* **** paticka **** */

#ender {
/*	background: url(../img/bg-energie.png) no-repeat 0 0;
*/	clear: both;
	width: 100%;
	font-size: 1em;
	height: 51px;
	text-align: right;
	}
	#ender span {font-size: 1.2em; font-weight: bold;}
	
.copyright {
		position: absolute;
		top: 454px;
		left: 0;
		font-size: 0.9em;
		}
		
.box {
	width: 170px;
	float: left;
	text-align: center;
	padding: 20px 0;
	}
	.box h2 {
		font-weight: bold;
		font-size: 1em;
		}
	.box p {margin-bottom: 0;}

	.yellow, .yellow a{
		color: #FFD300;
		font-size: 1.1em;
		}

.bila {
	color: #FFFFFF;
}