body 		{background: #333;
			margin: 5px 0 0 0;
			padding: 0;
			font-size: 11px;
			font-weight: normal;
			font-family: Geneva, 'Arial CE', 'Helvetica CE', Arial, sans-serif;
			text-align: center;
			}

hr			{margin: 0; padding: 0; visibility: hidden;}

hr.cleaner {clear: both;
      		height: 1px;
      		margin: 0;
			padding: 0;
      		border: none;
			visibility: hidden;
      		}

.color1		{color: #fff; font-weight: bold;}
.color2		{color: #0033cc; font-weight: bold;}
.color3		{color: #cc0000; font-weight: bold;}

.schovat	{visibility: hidden;}

h1			{
			font-size: 14px;
			font-weight: bold;
			font-family: 'Times New CE', 'Garamond CE', Times, serif;
			margin: 0;
			padding: 5px 10px 0 0;
			color: #cc3300;
			background: #fff;
			}
			

h2			{
			font-size: 12px;
			font-weight: bold;
			font-family: 'Times New CE', 'Garamond CE', Times, serif;
			margin: 0;
			padding: 5px 10px 0 0;
			color: #666;
			}
			
h2 a		{color: #0033cc; text-decoration: none; padding: 0; margin: 0;}
h2 a:hover	{color: #809FFF; text-decoration: none; padding: 0; margin: 0;}					

h3			{
			font-size: 12px;
			font-weight: bold;
			margin: 0;
			padding: 5px 10px 0 0;
			color: #000;
			}

h4			{
			font-size: 12px;
			font-weight: bold;
			margin: 0;
			padding: 5px 0 5px 0;
			color: #0033cc;
			}


p			{
			font-size: 11px;
			font-weight: normal;
			margin: 0;
			padding: 5px 5px 5px 0;
			color: #666;
			}
			
p a			{color: #000; text-decoration: underline; margin: 0; padding: 0;}
p a:hover	{color: #0033cc; text-decoration: underline; margin: 0; padding: 0;}			


#container 	{background: #fff;
			width: 780px;
			height: auto;
			padding: 0;
			margin-left: auto;
			margin-right: auto;
			}


#naviline	{background: #aa0000 url("img/menu-back.jpg") bottom repeat-x;
			width: 778px;
			height: 30px;
			padding: 0;
			margin: 0;
			float: left;
			color: #fff;
			border: 1px solid #fff;
			}

#menu		{
			width: auto;
			height: auto;
			padding: 0;
			margin: 0 0 0 10px;
			float: left;
			font-weight: bold;
			font-size: 10px;
			}

#home {color: #fff; background: none; text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 0; padding: 5px 5px 10px 5px;}
#home:hover {color: #fff; background: url("img/item-back.jpg"); text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 0; padding: 5px 5px 10px 5px;}
#firma {color: #fff; background: none; text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#firma:hover {color: #fff; background: url("img/item-back.jpg"); text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#vyroba {color: #fff; background: none; text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#vyroba:hover {color: #fff; background: url("img/item-back.jpg"); text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#refer {color: #fff; background: none; text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#refer:hover {color: #fff; background: url("img/item-back.jpg"); text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#servis {color: #fff; background: none; text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#servis:hover {color: #fff; background: url("img/item-back.jpg"); text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#jobs {color: #fff; background: none; text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#jobs:hover {color: #fff; background: url("img/item-back.jpg"); text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#kontakt {color: #fff; background: none; text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#kontakt:hover {color: #fff; background: url("img/item-back.jpg"); text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#cesky {color: #fff; background: none; text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 30px; padding: 5px 5px 10px 5px;}
#cesky:hover {color: #fff; background: url("img/item-back.jpg"); text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 30px; padding: 5px 5px 10px 5px;}
#english {color: #fff; background: none; text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#english:hover {color: #fff; background: url("img/item-back.jpg"); text-decoration: none; width: auto; height: auto; float: left; margin: 0 3px 0 3px; padding: 5px 5px 10px 5px;}
#rusky {color: #fff; background: none; text-decoration: none; width: auto; height: auto; float: left; margin: 0 0 0 3px; padding: 5px 5px 10px 5px;}
#rusky:hover {color: #fff; background: url("img/item-back.jpg"); text-decoration: none; width: auto; height: auto; float: left; margin: 0 0 0 3px; padding: 5px 5px 10px 5px;}


#logoline	{background: #fff;
			width: 780px;
			height: 80px;
			padding: 0;
			margin: 0;
			float: left;
			border-bottom: 2px solid #fff;
			}
#logoline img	{float: left; margin: 10px 0 0 20px; padding: 0;}



#hotline	{background: #fff;
			width: 780px;
			height: 170px;
			padding: 0;
			margin: 0;
			float: left;
			text-align: left;
			font-weight: bold;
			border-bottom: 1px solid #fff;
			border-top: 1px solid #fff;
			}
			
.hotbox		{background: none;
			width: 257px;
			height: 170px;
			padding: 0;
			margin: 0 1px 0 1px;
			float: left;
			}			
.hotbox img {width: 257px; height: 120px;}

					
.hotname	{background: #000;
			width: 257px;
			height: 49px;
			padding: 0;
			margin: 0;
			float: left;
			border-bottom: 1px solid #fff;
			}	

.head1 		{color: #000;
			background: url("img/obr1.jpg") top left no-repeat;
			text-decoration: none;
			width: 247px;
			height: 39px; 
			float: left;
			margin: 0;
			padding: 10px 0 0 10px;}
			
.head1:hover {color: #fff;
			background: url("img/obr2.jpg") top left no-repeat;
			text-decoration: none;
			width: 247px;
			height: 39px;
			float: left;
			margin: 0;
			padding: 10px 0 0 10px;}


#searchbox		{background: none;
			width: 258px;
			height: 170px;
			padding: 0;
			margin: 0 1px 0 1px;
			float: left;
			}			
#searchbox img {width: 258px; height: 120px;}

			
#search		{background: #cc0000 url("img/search-back.jpg") no-repeat;
			width: 258px;
			height: 49px;
			padding: 0;
			margin: 0;
			float: left;
			border-bottom: 1px solid #fff;
			}
#search form		{margin: 0; padding: 5px 0 0 10px;}				


#search2		{background: #000;
				width: 256px;
				height: 49px;
				padding: 0;
				margin: 0;
				float: right;
				border-left: 2px solid #fff;
				}
#search2 form	{margin: 0; padding: 5px 0 0 10px;}				


#content	{background: #fff url("img/grad-text.jpg") bottom left no-repeat;
			width: 780px;
			height: auto;
			padding: 0;
			margin: 0;
			float: left;
			text-align: left;
			}


#delitko	{background: url("img/grad2.jpg") top repeat-x;
			width: 778px;
			height: 10px;
			padding: 0;
			margin: 0;
			float: left;
			text-align: left;
			border-top: 2px solid #fff;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			}


#mezzoline	{background: #000 url("img/sparks.jpg") no-repeat;
			width: 778px;
			height: 49px;
			padding: 0;
			margin: 0;
			float: left;
			border: 1px solid #fff;
			}

#mezzoline img {width: 522px; height: 49px;}

#column1	{
			width: 522px;
			height: auto;
			padding: 0;
			margin: 0;
			float: left;
			}


.masterbox	{background: url("img/headlink.gif") no-repeat;
			width: 492px;
			height: auto;
			padding: 8px 0 5px 0;
			margin: 0 0 0 10px;
			float: left;
			}		

.textbox	{
			width: 492px;
			height: auto;
			padding: 5px 0 5px 0;
			margin: 0 0 0 10px;
			float: left;
			}

.textbox1	{
			width: 492px;
			height: auto;
			padding: 5px 0 5px 0;
			margin: 0 0 0 10px;
			float: left;
			border-top: 1px solid #ccc;
			}

.textbox1 ul			{list-style-type: none; list-style-position: inside; color: #666; padding: 0; margin: 5px 0 10px 0;}
.textbox1 ul a			{color: #000; text-decoration: underline;}
.textbox1 ul a:hover	{color: #0033CC; text-decoration: underline;}
.textbox1 li			{padding: 0; margin: 0 0 5px 0;}

.databox	{
			width: 492px;
			height: auto;
			padding: 5px 0 5px 0;
			margin: 0 0 0 10px;
			float: left;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #cc3300;
			}

.databox a			{color: #cc3300; text-decoration: none; margin: 0; padding: 0; cursor: hand; }
.databox a:hover	{color: #cc3300; text-decoration: underline; margin: 0; padding: 0;  cursor: hand; }


.imagetext	{
			width: 60%;
			height: auto;
			padding: 0;
			margin: 0;
			float: left;
			}

.imagetext	form		{margin: 0; padding: 0;}

.imagetext ul			{width: 300px; list-style-type: circle; list-style-position: inside; color: #666; padding: 0px; margin: 0px; float: left;}
.imagetext ul a			{color: #0033cc; text-decoration: none; font-weight: normal;}
.imagetext ul a:hover	{color: #0033cc; text-decoration: underline; font-weight: normal;}
.imagetext li			{padding-left: 10px; padding-bottom: 3px; margin: 0px; }			


.foto		{background: #eee;
			width: 160px;
			height: auto;
			padding: 0;
			margin: 0;
			float: right;
			}
.foto img			{float: left; padding: 0; margin: 5px;}


.plaintext	{
			background:	#eee url("img/grad-linky.jpg") top right repeat-y;	
			width: 492px;
			height: auto;
			padding: 0;
			margin: 2px 0 0 0;
			float: left;
			}

.plaintext	img			{float: left; width: 490px; height: auto; padding: 0; margin: 0;}
.plaintext form			{background: #eee; float: left; margin: 0; padding: 3px 0 3px 0;}														

.plaintext ul			{list-style-type: square; list-style-position: inside; color: #ccc; padding: 10px; margin: 0px;}
.plaintext ul a			{color: #000; text-decoration: none;}
.plaintext ul a:hover	{color: #cc0000; text-decoration: underline;}
.plaintext li			{padding: 0; margin: 0 0 5px 0;}			
			

.plaintext2	{
			width: 492px;
			height: auto;
			padding: 0;
			margin: 2px 0 0 0;
			float: left;
			}
.plaintext3	{
			width: 492px;
			height: auto;
			padding: 0;
			margin: 0;
			padding-left: 5px;
			float: left;
			}
.plaintext3 li			{padding: 0px; margin: 0px; padding-left: 10px;}		
.plaintext3 ul			{list-style-type: square; color: #ccc; padding: 0; margin: 0;}
.plaintext3 ul a			{color: #000; text-decoration: none;}
.plaintext3 ul a:hover	{color: #cc0000; text-decoration: underline;}	
			
			
.data		{background: #fff;
			width: auto;
			height: auto;
			padding: 0;
			margin: 0;
			float: right;
			}

.itemtext1x	{
			width: 50%;
			padding: 0;
			margin: 0;
			float: left;
			}
.itemtext2x	{
			width: 50%;
			padding: 0;
			margin: 0;
			float: right;
			}
						
.itemtext1	{
			width: 50%;
			_height: 100px;
			min-height: 100px;
			padding: 0;
			margin: 0;
			float: left;
			}										

.itemtext1 form			{margin: 0; padding: 0;}	
.itemtext1 img			{float: left; width: 80px; padding: 0; margin: 5px; border: 1px solid #ccc;}

.itemtext1 ul			{list-style-type: square; list-style-position: inside; color: #666; padding: 0; margin: 5px 0 10px 0;}
.itemtext1 ul a			{color: #000; text-decoration: none;}
.itemtext1 ul a:hover	{color: #cc0000; text-decoration: underline;}
.itemtext1 li			{padding: 0; margin: 0 0 5px 0;}


.neukaz {
	display: none;
}

.itemtext2	{
			width: 50%;
			_height: 100px;
			min-height: 100px;
			padding: 0;
			margin: 0;
			float: right;
			}
			
.itemtext2 form			{background: #eee; float: right; margin: 0; padding: 0;}														
.itemtext2 img			{float: left; width: 80px; padding: 0; margin: 5px;  border: 1px solid #ccc;}

.itemtext2 ul			{list-style-type: square; list-style-position: inside; color: #666; padding: 0; margin: 5px 0 10px 0;}
.itemtext2 ul a			{color: #000; text-decoration: none;}
.itemtext2 ul a:hover	{color: #cc0000; text-decoration: underline;}
.itemtext2 li			{padding: 0; margin: 0 0 5px 0;}


#column2	{
			width: 257px;
			height: auto;
			padding: 0;
			margin: 0;
			float: left;
			border-left: 1px solid #ccc;
			}


#guidebox	{
			
			width: 248px;
			height: auto;
			padding: 0;
			margin: 0;
			float: left;
			}			


.topnavcontainer {
			width: 248px;
			height: auto;
			padding: 5px 0 0 0;
			margin: 0 0 5px 0;
			float: left;
			font-weight: bold;
			}

.topnavcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.navcontainer li { margin: 0 0 1px 0; list-style-type: none;}

.topnavcontainer a
{
display: block;
padding: 5px 10px;
width: 210px;
color: #000;
background-color: #fff;
text-decoration: none;
border-bottom: 1px dashed #000;
}

.topnavcontainer a:hover
{
color: #cc0000;
text-decoration: none;
background-color: #fff;
border-bottom: 1px dashed #000;
}


.navcontainer {
			width: 248px;
			height: auto;
			padding: 5px 0 0 0;
			margin: 0 0 5px 0;
			float: left;
			font-weight: bold;
			}
			
.navcontainer img {padding: 0 0 5px 0; margin: 0;}			

.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.navcontainer li { margin: 0 0 1px 0; list-style-type: none;}

.navcontainer a
{
display: block;
padding: 5px 10px;
width: 210px;
color: #666;
background: url("img/grad-item.jpg") center no-repeat;
text-decoration: none;
}

.navcontainer a:hover
{
color: #000;
background: url("img/grad-item.jpg") center no-repeat;
text-decoration: none;
}

.navcontainer ul ul li { margin: 0 0 1px 0; }

.navcontainer ul ul a
{
display: block;
padding: 3px 5px 3px 20px;
width: 205px;
color: #809FFF;
background: url("img/grad-item2.jpg") center no-repeat;
text-decoration: none;
border-bottom: 1px dashed #ccc;
}

.navcontainer ul ul a:hover
{
color: #0033cc;
background: url("img/grad-item2.jpg") center no-repeat;
text-decoration: none;
border-bottom: 1px dashed #ccc;
}


.homecoming {
			width: 248px;
			height: auto;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			float: left;
			font-weight: bold;
			}


.homecoming ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.homecoming li { margin: 0 0 1px 0; }

.homecoming a
{
display: block;
padding: 5px 15px;
width: 225px;
color: #000;
background: #cc3300 url("img/homecoming.gif")  bottom right no-repeat;
text-decoration: none;
}

.homecoming a:hover
{
color: #000;
background-color: #aa0000;
text-decoration: none;
}

#quicknavi {background: #ccc url("img/quicknavi.gif")  bottom right no-repeat;
			width: 255px;
			height: 25px;
			padding: 0;
			margin: 30px 0 50px 0;
			float: left;
			}

#quicknavi form	{margin: 0; padding: 0 0 0 5px;}


#delitko2	{background: url("img/grad-bom.jpg") top repeat-x;
			width: 778px;
			height: 10px;
			padding: 0;
			margin: 0;
			float: left;
			text-align: left;
			border-bottom: 2px solid #fff;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			}


#footer		{background: #000;
			width: 778px;
			height: auto;
			padding: 5px 0 0 0;
			margin: 0 0 10px 0;
			float: left;
			color: #fff;
			border: 1px solid #fff;
			}

#footer a		{color: #fff; text-decoration: none; padding: 5px 0 0 0; margin: 0;}
#footer a:hover	{color: #fff; text-decoration: underline; padding: 5px 0 0 0; margin: 0;}


#language	{background: none;
			width: 700px;
			height: 20px;
			padding: 0;
			margin: 0;
			font-weight: bold;
			text-align: right;
			color: #fff;
			float: left;
			}

#language a			{color: #fff; text-decoration: none; padding: 0; margin: 0;}			
#language a:hover	{color: #fff; text-decoration: underline; padding: 0; margin: 0;}
.archiv {
	float: left;
	width: 300px;
	text-align: right;
}

			


