body,html{
	font-size: 0.9em;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0;
	height: 100%;
	background-color: #FFCC00;
}
							
h1        {
	font-size: 1.1em;
	color: White;
	padding: 0.25em 0.25em 0.25em 0.25em;
	margin: 0; /* musí být pro správné zobrazení !!!! */
	background: #003399;
}
    
h2        {font-size: 1em;
              color: #990000;
              padding: 0.25em 0.25em 0.25em 0.25em;
				  margin: 0;
              } 
              
h3        {font-size: 0.9em;
              color: Black;
              padding: 0.25em 0.25em 0.25em 0.25em;
              background: #B9DBFF;
				  margin: 0;
				  }
              
p         	{
				font-size: 0.9em;
				padding: 0em 0em 0em 0em;
				margin: 0.25em 0.25em 0.25em 0.25em;
				line-height: 1.33em;
				}
				
li {
	font-size: 0.85em;
	line-height: 1.53em;
	list-style-type: square;
}

img {
	margin: 0.2em 0.2em 0.2em 0.2em;
}
				
pre {
	font-size: 1.2em;
}

code {
	font-size: 1.25em;
}

/*obecný odkaz - definice*/		  
a         {text-decoration: underline;
			font-weight: bolder;
			color: Black;}
a:link    {color: black}
a:active  {color: black}
a:hover   {color: red; text-decoration: underline}	

/* definice layoutu stránky - page - celá stránka */
.nw{
	white-space: nowrap;
}
#page{
	width: auto;
	padding: 0.25em 0.25em 0.25em 0.25em;
	margin: 0;
	height: 100%;
}
#page-inside{
	width: 98%;
	margin: 0 auto;
	height: 100%;
}

/* definice obsahu - pravý sloupec - zde uvedený levý margin je v přímé souvislosti
s definicí šířky vmenu */

#content{
	padding: 0.25em 0em 0em 0em;
	margin: 0em 0em 0em 14.5em;
}

/* definice vertikálného menu - levý sloupec
zde uvedená šířka v px musí být, protože em nefunguje, tenhle údaj
je svázán s údajem v níže definovaném content, který musí mít vlevo
odpovídající margin, do kterého se vejde tohle plovoucí menu
 */
#vertical-menu{
	font-size: 0.9em;
	font-family: verdana, arial, helvetica, sans-serif;
	width: 15.5em;
	float: left;
	font-weight: bolder;
	background-color: #CC3300;
	padding: 0.3em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
} 

#vertical-menu-inside{
	padding: 0.25em 0.25em 0.25em 0em;
	margin: 0;	
}

#vertical-menu-inside ul,li{
	font-size: 0.95em;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
#vertical-menu-inside li{
list-style-type: none;
}

#vertical-menu-inside hr{
	height: 6px;
	border-top: 3px solid #FFCC00;
	border-bottom: 3px solid #CC3300;
	border-left: 5px solid #FFCC00;
	border-right: 5px solid #CC3300;
}


#vertical-menu-inside a{
	display: block;
	color: White;
	text-decoration: none;
	padding: 0.25em 0em 0.25em 1em;
	margin: 0;
}
#vertical-menu-inside a:hover{
	display: block;
	text-decoration: none;
	background-color: gray;
	color: white;
	padding: 0.25em 0em 0.25em 1em;
	margin: 0em 0em 0em 0em;
	width: 94%;
}
.vaktivni {
	display: block;
	background-color: #FFCC00;
	color: Black;
	padding: 0.25em 0em 0.25em 1em;
	margin: 0em 0em 0em 0em;
	
}  
/* konec definice pro vertmenu */

.hlavicka{
	background-color: #990000;
	padding: 0.5em 0.5em 0.1em 0.5em;
}
.hlavicka p{
	text-align: center;
	font-weight: bold;
	color: Yellow;
	font-size: 2em;
}           

.left{
	float: left;
}
.right{
	float: right;	
}

.center{
margin-left: auto;
margin-right: auto;
text-align: center;

}
.paticka{
	padding: 1em 1em 1em 1em;
}
.paticka a{
	display: block;
}
/* třída ramecek urcuje zobrazování pro sekci novinky*/
.ramecek table{
	border: 1px solid Blue;
	border-collapse: collapse;
	width: 99%;
	float: right;
}

.ramecek th{
	padding: 0.25em 0.25em 0.25em 0.25em;
	background-color: Red;
	color: Yellow;
	font-weight: bold;
	text-align: center;
	word-spacing: 1.5em;
}
.ramecek h1{
	color: white;
	background-color: #212459;
}

.ramecek td{
	padding: 0.25em 0.25em 0.25em 0.25em;
	border: 1px solid Blue;
}
/* pro v pravo plovoucí - nutno odděleně, jinak zlobí formátování */
.cleaner{
	width: 0em;
	height: 0em;
	clear: right;
}

/* pro v levo plovoucí - nutno odděleně, jinak zlobí formátování */
.cleaner-left{
	width: 0em;
	height: 0em;
	clear: left;
}
.pracovnik{
	background-color: White;
	float: left;
	margin: 0.5em 0.5em 0em 0em;
	padding: 0.5em 0.5em 1.5em 0.5em;
	border: 1px solid Black;
	width: 200px;
	height: 310px;
}

/*
.pracovnik img{
display: block;
margin: 0 auto;
}
*/

.pracovnik p{
	text-align: center;
}
.pracovnik img{
	margin: 15px 0 15px 0;
}
.tabulka{
	width: 90%;
	border-collapse: collapse;
	border: none;
}
.tabulka td{
	padding: 0.2em 0.2em 0.2em 0.2em;
}
/*plovoucí obrázek vpravo s popisem, vše centrováno svisle*/
.image-right-center{
   float: right;
	background-color: White;
	text-align: center;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin-top: 1em;
	margin-left: 2em;
	margin-bottom: 1em;
}
/*plovoucí obrázek vlevo s popisem, vše centrováno svisle*/
.image-left-center{
   float: left;
	background-color: White;
	text-align: center;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin-top: 1em;
	margin-left: 2em;
	margin-bottom: 1em;
}
/* určuje rozměry boxu pro zobrazení "kovové těsnící kroužky" */
.sizing-rjt{
	width: 200px;
	height: 160px;
}
/* určuje rozměry boxu pro zobrazení "těsnění pístu" */
.sizing-tespis{
	width: 160px;
	height: 160px;
}
/* vm-add-on - třída pro formátování přídaných informací do svislého menu */

.vm-add-on{
	color: Yellow;
	padding: 0.5em 0.5em 1.5em 1em;
}