BODY {
	margin: 10px; 
	text-align: center; 
	font-family: Geneva CE, Verdana, Arial CE, sans-serif;
	font-size: 80%;
	background: #003
}

TD { 	font-size: 80% }
P { margin: 0px 0px 5px 0px }

#page { 
	width: 750px; text-align: left; margin: auto;
	
	background: #006 url(el/pageBck.gif)
} 

#head { 
	width: 750px; color: #fff;
	background: url(el/pageTop.gif) no-repeat
}

#head H1 {
	font-weight: bold; font-size: 190%; line-height: 50px;
	letter-spacing: 1px;
	padding: 10px 14px 6px 25px; margin: 0px
}

#head IMG { float: right } /* logo MAGNETON */

#topMenu {
	width: 750px; clear: both;
	color: #003; font-size: 90%;
	background: #36c
}

#topMenu2 { padding: 3px 10px 3px 25px } /* vnitrni odsazeni textu */

#topMenu A { color: #003; text-decoration: none; font-weight: bold }
#topMenu A.selected { color: #fff }
#topMenu A:hover { text-decoration: underline; color: #cdf }
#topMenu A.selected:hover { text-decoration: none; color: #fff }
#topMenu .mensi { font-size: 85% }

#tabJazyky { margin-top: 10px; margin-right: 14px; }

#leftColumn {
	float: left; width: 200px; height: 460px;
	margin-left: 2px;
	text-alignn: center;
	background: url(el/leftCoBck.gif) no-repeat; 
}	

#leftIllustration { height: 170px; margin-top: 2px }

#leftMenu { margin: 6px 20px 0px 10px; line-height: 100% }
#leftMenu H1 {
	padding-top: 5px; padding-bottom: 5px; margin: 0px 0px 0px 5px;
	color: #69f; font-size: 100%; text-transform: uppercase; 
}
#leftMenu UL  { text-align: left; list-style-type: none; margin: 0px 0px 0px 18px; padding: 0px }
#leftMenu LI  { list-style-image: url(el/leftMenuArrow.gif); margin-top: 3px; padding: 0px; 
	font-size: 82%; font-weight: bold }
#leftMenu A { color: #9bf; text-decoration: none }
#leftMenu A.selected { color: #fff }
#leftMenu A:hover { text-decoration: underline; color: #cdf }
#leftMenu A.selected:hover { color: #fff; text-decoration: none }

#obsah {
	float: right; width: 540px;
	background: #ffc;
	margin: 2px 2px 0px 0px
}

#s1 { float: left; width: 340px }
#s2 { float: right; width: 120px }

#obsah2 { padding: 5px 20px 10px 20px }
#obsah3 { padding: 5px 170px 20px 20px }

#obsah IMG { float: left; margin-right: 15px; margin-bottom: 5px }
#obsah IMG.right { float: right; margin-left: 15px; margin-bottom: 5px }
#obsah IMG.banner { position: relative; margin-top: 15px }

#obsah A { color: #444 }
#obsah A:hover { color: #69f }
#obsah A:hover STRONG { color: #69f; }
#obsah P { color: #222 }
#obsah STRONG { color: #039; font-weight: bold  }
#obsah P.popis { font-size: 80%; clear: both; margin-bottom: 10px }

#obsah H2 {
	font-size: 120%; font-weight: bold; letter-spacing: 1px; 
	margin: 25px 0px 10px 0px; clear: both;
	color: #039; 
	border-bottom: 1px solid #039
}

#obsah H3 {
	font-size: 95%; font-weight: bold; letter-spacing: 1px; 
	margin: 25px 0px 10px 0px; clear: both;
	color: #333; 
	border-bottom: 1px solid #333
}

#obsah H4 { font-weight: bold; color: #000; font-size: 100%; margin-bottom: 5px }

.odkazy { border-left: 1px solid #006; clear: both;
	padding: 2px 6px 4px 10px; margin-top: 20px;
	font-size: 85%
 } 

UL.links {
	font-size: 82%;
	margin-top: 10px; padding-left: 108px;
	list-style-type: none; list-style-image: url(el/sipka.gif)
}
.odkazy UL.links { padding-left: 18px; margin-left: 0px }
UL.links LI.out { list-style-image: url(el/svet.gif) }
UL.links LI.mail { list-style-image: url(el/obalka.gif) }
UL.links LI A { text-decoration: none }

/* kontakty */
.leg { float: left; width: 60px; text-align: right; font-style: italic; font-size: 85%; line-height: 150% }
.adresa { float: left; width: 180px; margin-left: 35px }
.funkce   { font-style: italic }
.jmeno { font-weight: bold; color: #000 }
.konec { clear: both; height: 20px }


#pata { 
	font-size: 82%; color: #9bf; font-weight: bold; 
	clear: both;
	background: #006 url(el/pageBottom.gif) no-repeat bottom;
	padding: 5px 0px 8px 225px
}
#pata A {color: #fff; text-decoration: none }
#pata A:hover {text-decoration: underline }