body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 70%;
	text-align: center;
	font-family: Tahoma,"Verdana CE", Verdana, "Arial CE", Arial,  sans-serif;
	color: #404040;
	background: url(../img/metaz/bg_body.jpg) #5887A5;
	}
	#shade {
		background: url(../img/metaz/bg_shade.jpg) repeat-x;
		}

* {	margin: 0; padding: 0;}

h1 {font-size: 2.2em; color: #245E8D; font-family: "Trebuchet MS", "Arial CE", Arial, sans-serif; letter-spacing: -1px; background: url(../img/metaz/bg_h1.gif) no-repeat 0 3px; margin-left: -50px; padding-left: 50px; margin-bottom: 20px;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 4px; color: #245E8D;}
.homepage_document h1 { font-size: 2em; color: white; font-family: "Trebuchet MS", "Arial CE", Arial, sans-serif; letter-spacing: -1px; background: none; padding-left: 35px; }

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{clear: both; line-height: 0; height: 0;}
.none {display: none;}

a {color: #365C81;}
a:hover {color: #797B80;}
img {border: none;}
p {margin-bottom: 15px;}

img.floatleft {
	float: left;
	margin: 15px 20px 15px 0;
	}

img.floatright {
	float: right;
	margin: 15px 0px 15px 20px;
	}

#content ul, #content ol {margin: 0 0 15px 30px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	#content ul {list-style: disc;}
	
/* tabulka bezna */
table {
	border: 0;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	
	}	
	th, td {
		padding: 10px 15px;
		vertical-align: top;
		border: 1px solid #929497;
		}
		th {
			background: #929497;
			color: #FFF;
			border-top: 1px solid #cecece;
			border-right: 1px solid #cecece;
			border-left: 1px solid #cecece;
			}
			
		td p {margin-bottom: 0;}
		
/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;
	background: none;
	}
	table.noformat th, table.noformat td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
		table.noformat th {
			background: none;
			color:#245E8D;
			}
		
/* nahrada obrazkem */

.neco span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	
	
.focus {}
	.focus a, .focus span {
		position: absolute;
		white-space: nowrap;
		}
		.focus a:focus, .focus a:active {
			position: absolute;
			left: 0;
			top: -25px;
			background:#FFF;
			z-index: 500;
			padding: 2px 5px 4px 6px;
			}
			

/**********obsah**********/



#all {
	margin: 0 auto;
	text-align: left;
	width: 982px;
	background: url(../img/metaz/bg_all.jpg) repeat-y #3C617C;
	}
	.bot {				
			background: url(../img/metaz/bg_all_bot.jpg) no-repeat bottom left;
			}
	.shade {
		padding: 35px 18px 0 18px;
		margin: 0 1px;
		background: url(../img/metaz/bg_all_shade.jpg) repeat-x;		
		}
		

/* ******* hlavicka ******* */

#top {
 	width: 100%;
	position: relative;
	}
	.logo {
		position: absolute;
		top: 44px;
		left: 23px;
		z-index: 200;
		}
	
	#languages {
		position: absolute;
		top: -24px;
		right: 30px;
		font-size: 1em;
		}
		
		#languages a {
			color: #A8B3BC;
			text-decoration: none;
			text-transform: uppercase;
			padding-left: 25px;
			margin-left: 20px;
			font-family: "Trebuchet MS", "Arial CE", Arial, sans-serif;
			}	
			
			.czech {background: url(../img/metaz/flag_cz.gif) no-repeat 0 -86px; }
			.english {background: url(../img/metaz/flag_en.gif) no-repeat 0 -86px; }
			
			#languages .chosen {background-position: 0 1px; color: #FFF;}
	
		
	
/* ******* menu ******* */

#h_menu {
	font-family: "Trebuchet MS", "Arial CE", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	height: 35px;
	}
	#h_menu ul {
		list-style: none;
		position: relative;
		width: 100%;
		}
		#h_menu ul li {
			float: left;		
			background: url(../img/metaz/bg_m2.gif) no-repeat;
			text-align: center;
			}
			
			#h_menu ul li a {
				display: block;
				position: absolute;
				top: 0;
				padding: 9px 0 8px 0;
				text-decoration: none;
				color: #FFF;	
				}
					
			.homepage {width: 100px; left: 0; background: url(../img/metaz/m_homepage.gif) no-repeat 0 -35px; z-index: 100;}
			.profil-spolecnosti, .company-profile {width: 188px; left: 85px; background: url(../img/metaz/m_profil-spolecnosti.jpg) no-repeat 0 -35px; z-index: 99;}
			.obchod, .sales { width: 124px; left: 258px; background: url(../img/metaz/m_obchod.jpg) no-repeat 0 -35px; z-index: 98;}
			.certifikace, .certification  {width: 137px; left: 371px; background: url(../img/metaz/m_certifikace.jpg) no-repeat 0 -35px; z-index: 97;}
			.novinky, .news  {width: 124px; left: 496px; background: url(../img/metaz/m_novinky.jpg) no-repeat 0 -35px; z-index: 96;}
			.kariera, .career {width: 123px; left: 607px; background: url(../img/metaz/m_kariera.jpg) no-repeat 0 -35px; z-index: 95;}
			.reference, .references {width: 128px; left: 719px; background: url(../img/metaz/m_reference.jpg) no-repeat 0 -35px; z-index: 94; }
			.kontakt, .contact {width: 123px; left: 821px; background: url(../img/metaz/m_kontakt.gif) no-repeat 0 -35px; z-index: 92;}
			
			#h_menu ul li.selected a {background-position: 0 0; z-index: 101;}
					#h_menu ul li.selected a.slevarna-oceli, 
					#h_menu ul li.selected a.slevarna-hliniku, 
					#h_menu ul li.selected a.modelarna, 
					#h_menu ul li.selected a.volne-kapacity	{ visibility: hidden;}
			#h_menu a:hover {color: #D9EAFB;}
		
			
			
					
/* ******* submenu ******* */

#submenu	{
		position: absolute;
		height: 30px;
		margin-top: 15px;
		}
	#submenu ul {
		list-style: none;
		position: relative;
		margin-left: 200px;
		}
		#submenu ul li {
			display: inline;	
			}
			#submenu ul li a {
				padding: 10px 10px 5px 0;
				color: #33577B;
				background-color: #FFF;
				font-size: 1.1em;
				}
				#submenu ul li a:hover	{
					color: #666;
					}
				
/* *********************************** */
/* ************** HEADER ************* */
/* *********************************** */

#header {
	height: 181px;
	clear: both;
	background: url(../img/metaz/header_pic1.jpg) 0 40px no-repeat #FFF;
	}
	
	#header.h_profil-spolecnosti, #header.h_vyhledavani, #header.h_company-profile, #header.h_search,  {background: url(../img/metaz/header_pic2.jpg) 0 40px no-repeat #FFF;}
/*	#header.h_obchod, #header.h_sales  {background: url(../img/metaz/header_pic3.jpg) 0 40px no-repeat #FFF;}*/
	#header.h_certifikace, #header.h_certification  {background: url(../img/metaz/header_pic4.jpg) 0 40px no-repeat #FFF;}
	#header.h_novinky, #header.h_news  {background: url(../img/metaz/header_pic5.jpg) 0 40px no-repeat #FFF;}
/*	#header.h_kariera, #header.h_career {background: url(../img/metaz/header_pic6.jpg) 0 40px no-repeat #FFF;}*/	
	#header.h_reference, #header.h_references {background: url(../img/metaz/header_pic7.jpg) 0 40px no-repeat #FFF;}
/*	#header.h_kontakt, #header.h_contact {background: url(../img/metaz/header_pic8.jpg) 0 40px no-repeat #FFF;}
	#header.h_slevarna-oceli, #header.h_steel-foundry {background: url(../img/metaz/header_pic9.jpg) 0 40px no-repeat #FFF;}*/	
	/*#header.h_slevarna-hliniku, #header.h_aluminium-works {background: url(../img/metaz/header_pic10.jpg) 0 40px no-repeat #FFF;}
	#header.h_modelarna, #header.h_pattern-room {background: url(../img/metaz/header_pic11.jpg) 0 40px no-repeat #FFF;}
	#header.h_modelarna, #header.h_spare-capacity {background: url(../img/metaz/header_pic12.jpg) 0 40px no-repeat #FFF;}*/
	#search {
		position: relative;
		float: right;
		background: url(../img/metaz/bg_search_short.jpg) no-repeat;
		width: 249px;
		height: 37px;
		z-index: 150;
		}
		#search p {
			position: absolute;
			top: 10px;
			left: 30px;
			}
			.searchfield {
				border: 1px solid #7C7E82;
				padding: 2px 5px;
				font-size: 12px;
				vertical-align: middle;
				}
			#search .button {
				vertical-align: middle;
				}
		#sitearea {
			position: relative;
			top: 116px;
			left: 70px;
			}
			#sitearea h3 {
				font-size: 2.5em; color: #FFF; font-family: "Trebuchet MS", "Arial CE", Arial, sans-serif; letter-spacing: -2px;
				margin-bottom: 0;
				padding-bottom: 0;
				width: 500px;
				left: -40px;
				position: relative;
				}
			.drobky {position: absolute; right: 160px; margin-top: -20px;}
			.drobky, .drobky a, .drobky strong {color: #FFF;}
				

				
			


			
/* **** hlavni cast **** */

#main {
	margin: 0;
	position: relative;
	width: 100%;
	}
	

/* **** obsah **** */

#content_container {
	padding: 35px 70px 30px 80px;
	position: relative;
	height: 100%;
	background: url(../img/metaz/bg_contentcont_bot.jpg) bottom left no-repeat #FFF;
	}
	#content {
		background-color:#FFF;
		}
		#content p {text-align: justify;}
		
	.strip {
		width: 640px;
		float: left;
		padding-left: 30px;
		}
		
	#imgstrip {
		float: right;
		width: 120px;
		}
		#imgstrip table {
			border: 0;
			width: 118px;
			height: 118px;
			padding: 0;
			margin-bottom: 30px;
			background: none;
			}
			#imgstrip td {
				border: 1px #CCC solid;
				padding: 0;
				margin: 0;
				vertical-align: middle;
				text-align: center;
				line-height: 0;
				}
	
			
		
/* **** paticka **** */

#ender {
	width: 100%;
	color: #C1CDD6;
	text-align: center;
	clear: both;
	background: url(../img/metaz/bg_all_bot.jpg) no-repeat bottom left;
	}
	#ender p {padding: 10px 0 12px 0; background: url(../img/metaz/bg_ender_bot.gif) repeat-x bottom;}
	#ender a, #ender strong, .copyright a, .copyright strong {color: #FFF;}
	#ender a:hover, .copyright a:hover {color: #CCCCCC;}
	#ender span {margin: 0 35px;}
	
	.copyright {
		color: #C1CDD6;
		text-align: center;
		padding-top: 10px;
		font-size: 0.9em;		
		}
		
	.skupina {
		width: 100%;
		}
		.skupina a {
			display: block;
			float: left;
			padding-bottom: 15px;
			height: 40px;
			left: 80px;
			position: relative;
			}			
			.conti {background: url(../img/metaz/logo_conti.gif) no-repeat; width: 82px; margin-left: 0px; margin-top: 2px;}
			.kovopol {background: url(../img/metaz/logo_kovopol.gif) no-repeat; width: 112px; margin-left: 100px; margin-top: 4px;}
			.sca {background: url(../img/metaz/logo_sca.gif) no-repeat; width: 80px; margin-left: 100px; margin-top: 2px;}
			.real {background: url(../img/metaz/logo_real.gif) no-repeat; width: 63px; margin-left: 100px;}
			.sstl {background: url(../img/metaz/logo_sstl.gif) no-repeat; width: 83px; margin-left: 100px; margin-top: 2px;}
						
			#ender .skupina span {
				display: none;
				margin: 0;
				}
			#ender span.skupina	{
				font-size: 1.1em;
				letter-spacing: 0.4em;
				position: relative;
				top: -10px;
				margin-bottom: 10px;
				padding-bottom: 20px;
				}
#content .subItemsList {
	margin: 0 0 15px 0;
	list-style: none;
	line-height: 1.7em;
	}

table.noborder *{
	border: none;
}