body  { 	margin:0; 
			padding:0; 
			text-align:center;
        	font-family:"Trebuchet MS", Verdana, sans-serif; font-size:70%; line-height:1.25em; color:#003882;  
			background: #e4e4e4 url(pict/background4.jpg) repeat-x top left;
			behavior: url(csshover.htc);
}

h1
	{
	height: 60px;
	padding: 20px 0px 0px 0px;
	font-size: 20px;
	margin: 0px;
	}
	
#zahl { 	padding: 0; 
			width:795px; 
			height:80px; 
			margin:0; 
			padding:0; 
			overflow:hidden; 
			background:#99CCFF url(pict/zahl.jpg) no-repeat;
			position: absolute;
			top: 0px;
}	
#menu { 			width: 795px; 
					height: 40px; 
					margin:0; 
					padding:0;		 
					background:#10a5dd url(pict/podmenu.jpg) repeat-x top left; /* modra cara pod menu */
}
#menu-obsah	{ 	width:795px; 
					height: 25px; /* nevim na co je */
}
#stin {
	width: 807px;
	margin:0px auto;
	background: #fffff0 url(pict/bc.jpg) repeat-y top left;
}				  
#obsah  {	
				width: 795px; 
				margin:0px auto;
				border-left: solid 1px Silver;
				border-right: solid 1px Silver;
				text-align:left;
				background-color: white; 	
}
/* ................................................................................. */
#uvod 			{	float: left; 
						width: 380px; 
						height:205px; 
						margin:0; 
						padding:0; 
						background-color: white;
}
#uvod-obsah		{	margin:0px; 
						padding: 1em 0.5em 0 1em;
						line-height: 1.4em;
						font-size: 1.1em;
						
}	
#flash 			{	/*float: left;*/
						
						margin:0 0 0 381px; 	
						padding:0; 
						background-color: white; 
}
#flash-obsah	{ 	margin:0; 
						padding: 0;
						/*background: url(pict/firma3.jpg) no-repeat;*/
						background-position: center center; 
						height: 205px;
						/*border: solid #DCDCDC 1px;*/
}
/* ................................................................................. */						
#stred{
						background: url(pict/stred.jpg); width: 795px; height: 25px;
}						
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#levypanel				{	float: left; 
                        width: 565px; 
								margin:0; 
								padding:0;
								background-color: white;
}
#levypanel-obsah		{	margin:0; 
								padding: 1em 1em; 								
}
#hlavnipanel			{	margin:0 0 0 565px; 
								padding:0;							
}
#hlavnipanel-obsah 	{	margin:1em; 			
								padding: 1em 1em; 
								border: dotted 1px #ccc;
							   background-color: #F0F7FF;
								/*background-color: #FFFFF0;*/
								line-height: 1.6em;
}
#boxa{
	/*background: #FFFFF0;*/
	background: #CAE5FF;
	font-size: 1.1em;
	font-weight: bold;
}
#boxb{
	/*background: #6AB6FF;*/
	padding: 0 0 0.5em  0 ;
	background: #F0F7FF;
	font-size: 1.5em;
	font-weight: bold;
	text-align:center;
 
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#hlavni					{	margin:0; 
								padding:0;	
}
#hlavni-obsah			{	margin:0;
								padding:0;								 
}
/* ::::::::::::::::%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%:::::::::::::::::::::: */
#paticka-null {clear: both;
               width: 100%;
               padding: 0;
               border: 0;
}
#paticka  {  	padding: 0;
					margin: 0;		
					
}
hr.cleaner	{	clear:both; display: none}
/*...........................................................................................*/
.right2 {width: 7px;
         background-image: url(../img/bg5.gif);
         background-repeat: repeat-y;
			background-position: top left;}
/*...................................... menu ................................................*/
ul#navmenu {
  margin: 0 0 0 16px; /* odsazení menu vlevo */
  border: 0 none;
  padding: 0;
  width: 700px; /*For KHTML*/
  list-style: none;
  height: 14px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 25px; /* vyska bunky roletky, tj. tady musí být stejná hodnota jako je výška menu */ 
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 230px; /* šířka podmenu  */
  list-style: none;
  display: none;
  position: absolute;
  top: 26px; /* svisle odsazeni rolet menu od vrchniho radku menu */
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #CCC; /*rámeček okolo menu*/
  /*border-right-color: #CCC;*/ /*oddělovač mezi jednotl. položkami menu*/
  /*border-bottom-color: #6495ED;*/
  padding: 0 10px; /* vnitřní okraj v buňkách hlavního menu*/
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #10A5DD; /*pozadí hlavní menu*/
  color: White; /*barva písma odkazu - funguje pouze v ff*/
  /*font: bold 1em/22px Verdana, Arial, Helvetica, sans-serif;*/
  font:  11px/26px "Trebuchet MS", Verdana, sans-serif;  /* za lomítkem je výška buňek menu */
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: /*#CCC*/ /*#79c5e9*/ #fffff0; /*barva odkazu a písma po najetí myší v IE - asi!!!*/
  color: black;      /* v hlavním menu */
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: /*#EEE*/ #79c5e9; /*barva pozadí rozbalených položek*/
  color: /*#666*/ black; /*barva písma rozbaleného menu*/
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #FFFFF0; /* pozadí a písmo 2 menu - aktivní */
  color: /*#FFF*/black;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: /*#EEE*/#79c5e9; /* pozadí a písmo 3 menu */
  color: /*#666*/black;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: /*#CCC*/#FFFFF0; /* pozadí a písmo 3 menu - aktivní */
  color: /*#FFF*/black;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: /*#EEE*/#79c5e9;
  color: /*#666*/#fff;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: /*#CCC*/#FFFFF0;
  color: /*#FFF*/black;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 230px; /* vztahuje se k šířce podmenu */
  width: 65px; /* šířka podmenu - alfa,beta,gama */
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
/* .......................................................................................................... */
/* ................................menu_2.................................................................... */

ul, li
{
margin: 0;
padding: 0;
}

.cl
{
clear: both;
}

ul.menu2 li
{
list-style-type: none;
}

ul.menu2 li.item2
{
float: left;
width: 265px;
height: 80px;
margin-right: 5px;
margin-bottom: 5px; 
}

/* neaktivní tlačíto */
ul.menu2 li.item2 a
{
display: block;
width: 265px;
height: 80px;

/*border: solid #FDF5E6 1px;*/
border: solid #DCDCDC 1px;
}

.tl1{
	background: #FFFFF0 url('pict/1p.jpg');
}

.tl2{
	background: #FFFFF0 url('pict/2pnew.jpg');
}

.tl3{
	background: #FFFFF0 url('pict/3pnew.jpg');
}

.tl4{
	background: #FFFFF0 url('pict/4pnew.jpg');
}
.tl5{
	background: #FFFFF0 url('pict/5p.jpg');
}

.tl6{
	background: #FFFFF0 url('pict/6p.jpg');
}
.tl7{
	background: #FFFFF0 url('pict/7p.jpg');
}

.tl8{
	background: #FFFFF0 url('pict/8p.jpg');
}
.tl9{
	background: #FFFFF0 url('pict/9p.jpg');
}

.tl10{
	background: #FFFFF0 url('pict/10p.jpg');
}

/* aktivní tlačítko */
.lista1 a:hover
{
border-color: #A9A9A9;
background-image: url('pict/1.jpg');
}
.lista2 a:hover
{
border-color: #A9A9A9;
background-image: url('pict/2.jpg ');
}
.lista3 a:hover
{
border-color: #A9A9A9;
background-image: url('pict/3.jpg ');
}
.lista4 a:hover
{
border-color: #A9A9A9;
background-image: url('pict/4.jpg ');
}
.lista5 a:hover
{
border-color: #A9A9A9;
background-image: url('pict/5.jpg ');
}
.lista6 a:hover
{
border-color: #A9A9A9;
background-image: url('pict/6.jpg ');
}
.lista7 a:hover
{
border-color: #A9A9A9;
background-image: url('pict/7.jpg ');
}
.lista8 a:hover
{
border-color: #A9A9A9;
background-image: url('pict/8.jpg ');
}
.lista9 a:hover
{
border-color: #A9A9A9;
background-image: url('pict/9.jpg ');
}
.lista10 a:hover
{
border-color: #A9A9A9;
background-image: url('pict/10.jpg ');
}


#nadpis{
	background:#FFFFF0; width: 795px; height: 67px;
   text-align:center;
	margin: 0;
}
#nohy{
	background:#FFFFF0; width: 795px; height: 221px;
   text-align:center;
	margin: 0px;
	padding: 2px 0 2px 0;
}
#nohy2{
	background:#FFFFF0; width: 795px; 
   text-align:center;
	margin: 0px;
	padding: 2px 0 2px 0;
}

#popis{
	background:#FFFFF0; width: 795px; height: 19px;
   text-align:center;
	margin: 0px;
	padding: 2px 0 1px 0;
}
hr {
	padding: 0px; margin: 0px;
}
.cara1{
	color: #0072BB;
	background: #0072BB;
	border: solid #0072BB 1px;
}
.cara2{
	color: #0072BB;
	background: #0072BB;
	border: solid #0072BB 1px;
	height: 22px;
}
.cara3{
	color: #0072BB;
	/*background: #0072BB;*/
	border: dashed #778899 1px;
	height: 1px;
	/*margin:0;*/ 
	/*padding:0 0 4px 0;*/
}
.cara4{
	border: dashed #DFEEFF 1px;
   border-left: none;
   border-right: none;
}
.cara5r{
	color: #0072BB;
	background: #0072BB;
	border: solid #0072BB 1px;
	width: 500px;
	text-align: left;
}
/*:::::::::::::::::::::::::  SP  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#content {
      width: 100%;
      margin:0em auto;
      /*border: 1px solid black;*/
      text-align:left;
      max-width: 795px;
		background: /*#E2E3D5*/ #F0F7FF;
		}
   #sidebar {
      float: left;
      width: 180px;
      margin:0; padding:0;
      
		}
   #sidebar-content {
      margin:0; /*padding: 0.5em 1em;*/
		padding: 0;
      font-size: 70%;
		
      }
   #main {
      margin:0 0 0 180px; padding:0;
      }
   #main-content {
      margin:0; padding: 1em  0 0 1em;
      font-size: 100%;
      background: #fff;
		}
   hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

#stred2{
	margin:0; padding:0;
}
#stred2-content{
	margin:0; padding:0;
	height: 70px;
}
.pruhsp{
	height: 66px;
	width: 99%;
}

#spobr 			{	float: left; 
						width: 266px; 
						height:64px; 
						border: 1px solid #CCC;
						margin:2px 15px 15px 0; 
						padding:5px; 
						background-color: #FFFFF0;
}
#spobr-obsah		{	margin:0px; 
						padding: 1em 0.5em 0 1em;
						/*background-position: center center;*/
}	
#sppopis 			{	margin:0 0 0 266px; 	
						padding:0; 
						background-color: #FFFFF0; 
						height:64px;
					
}
#sppopis-obsah	{ 	margin:0; 
						padding: 1em 0 0 1em;
						height: 64px;
}

h3 {display: block; font-size: 1.5em; margin: 0.4em 0 0.4em 0;}

p.z {
margin-top: 5px; 
margin-bottom: 5px;
font-family:"Trebuchet MS", Verdana, sans-serif; color:#ADD8E6;  
/*background:#fffff0;*/}
p.z:hover {background:#ffff0; color: #003882;}
p.z2 {display: block; margin: 0.8em 0;}
p.z3 {display: block; margin: 0 1em 0 0 ; text-align: right; padding: 0 0 10px 0;}
p.z4 {display: block; margin: 0.2em 0;}
p.z5 {display: block; margin: 0 1em 0 0 ; text-align: right; padding: 0 0 2px 0;}
p.z6 {display: block; margin-top: 0.8em; margin-bottom: 0em;}
/* ****************** alternativa ke clearboth *************** */
.clearfloat
{
display: table;
width: 100%;
}

a
{
	/*color: #5E7AC6;*/
	color: #18A9D8;
	decoration: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}

a:hover
{
	color: #999999;
}

.obtekani
{
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}

p.mensi
{
	margin: 0em 0em;
	padding: 0 0 0 0;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.4em;
	font-variant: small-caps;
}

td
{
	text-align: left;
}

p.techspec
{
	margin: 1em 0.3em;
	padding: 0 0 0 2em;
	font-size: 1.2em;
	line-height: 1.4em;
}
td.seda
{
	 background-color: #E6E7E9;
	 width: 100px;
}
td.cervena
{
	 background-color: #EB1C22;
	 width: 10px;
}
td.modra
{
	 background-color: #0095DA;
	 width: 2px;
}
td.pruhbunka
{
	border-top: 1px solid #EB1C22;
}

#paticka-null p
	{
	display: inline;
	}
	
h2
	{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	}

#uvod-obsah p
	{
	margin: 0px;
	padding: 0px;
	}
