/* --- resety --- */ 
* { 
  border: 0; 
  margin: 0; 
  padding: 0; 
  text-indent: 0; 
  } 
   
a img { border: 0; } 



/* --- rozvržení stránky --- */ 

html { 
  xbackground: #f3f3f0; 
  background-image:url(http://www.kibi.cz/interface4/obrazky/pozadi_male_mezi.jpg);
  /*background: #fff;*/
  color: #333; 
  font: normal normal normal 0.7em/1.3 Helvetica, arial, verdana, sans-serif;  
  text-align: left; 
  } 

#iealign {
  border: 0px solid red; 
  text-align: center;   
  position:absolute;
  top:0px;
  width:100%;
}

#contentX { 
  background: #f3f3f0; 
  border: 0px solid blue; 
  box-shadow:0px 0px 30px rgba( 0, 0, 0, .10);
  position:relative;
  margin: auto; 
  float:center;
  left:0px;
  top:5px;
  width: 1000px; /*!!!*/
  overflow:hidden;
} 
   

#content { 
  background: #ffffff; 
  border: 0px solid red; 
  position:relative;
  margin: 0px auto; 
  float:left;
  width: 1000px; /*!!!*/ 
  xborder-radius:8px;
} 

/* 
   =======================================
    HORNI NAVIGACE
   =======================================
*/

#navigacni-radek-pozadi{
    float:center;
	position:absolute;
	xposition:fixed;
	left:0;
	top:0;
	background-color:#555555; /*#FDBA42; #FFD072;*/
	width:100%;
	height:25px;
	xz-index:3000;
}	

#navigacni-radek {
    float:center;
	xposition:fixed;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	vertical-align:middle;
	width:100%;
	height:20px;
	margin:0px;
	padding-bottom:3px;
	xborder:1px solid green;	
	clear:both;	
	xz-index:3000;
}	

#centrovani-navigacniho-radku {
    margin: auto; 
	padding:0px;
    top:0px;
	left:0px;
	text-align:center;
	xborder:1px solid red;	
	width:1000px; /*!!!*/
	height:20px;
}	

#navigacni-radek-vlevo {
  position:relative;
  float:left;
  width:581px;
}

#navigacni-radek-vlevo a {
  float:left;
  position:relative;
  padding-left:15px;
  padding-right:15px;
  color:#FFFFFF;
  height:28px;
  padding-top:4px;
  font-size:12px;
  text-decoration:none;
  z-index:2000;
  display:block;
}

#navigacni-radek-vlevo a:hover { 
  background-color: #EE0000;
}

.vybrano {
  background-color: #BFD947;
  font-weight:bold;
}

#navigacni-radek-vpravo {
  position:relative;
  float:right;
  width:412px;
  height:35px;
  text-align:right;
  color:#BBBBBB;
  overflow:visible;
  border:0px solid green;
}

#navigacni-radek-vpravo a {
  float:right;
  position:relative;
  padding-left:15px;
  padding-right:15px;
  color:#FFFFFF;
  padding-top:4px;
  font-size:11px;
  text-decoration:none;
  z-index:2000;
  display:block;
}

#navigacni-radek-vpravo a:hover { 
  text-decoration:underline;
}

#zobraz-jmeno  a{ 
 padding-right:0px;
}
#zobraz-jmeno a:hover { 
  text-decoration:none;
}


/*------------------------------------------
*/
  

#header {
	position:relative;
	height: 153px; 
    border: 0px solid #333; 	
	width: 1004px; /*!!!*/
	xborder-radius: 8px;
	clear:both;
	z-index:1000;
}

#logo {
	float:left;
	position:relative;
	left: 10px;
	top: 15px;
	height: 75px;
	width: 245px;
	
}




/* 
   =======================================
    VLAJKY
   =======================================
*/
#top-right-box-flags {
	float:right;
	position:relative;
	top: 5px;
	right: 10px;
	border: 0px solid black;
	width: 100px;
	text-align:right;
}

/* 
   =======================================
    HLEDANI
   =======================================
*/
#top-right-box-search {
	float:right;
	position:relative;
	top: 5px;
	right: 10px;
	border: 0px solid black;
	width: 280px;
	text-align:right;
}

#top-right-box-search button {color: #FFF; width: 60px; background-color: #FDCE62; height:28px; font-weight:bold; font-size:1em}
#top-right-box-search input {color: #888888; width: 183px; border: 3px solid #FDCE62;  height:25px;}

/* 
   =======================================
    KOSIK
   =======================================
*/
#kosik-zobraz-box {
  float:right;
  position:relative;
  clear:right;
  right:10px;
  top:25px;
  height:34px;
  width:248px;
  background-color:#CFE957; /*D9EFF8;*/
  margin:0px;
  border: 3px solid #CFE957; /*#FFEAAB;*/
  cursor:pointer;
}

#kosik-nadpis-box {
  float:left;
  position:relative;
  width:80px;
  top:0px;
  left:0px;
  padding:0px;
  font-size:12px;
  font-weight:bold;  
  xborder-right:2px dotted #FFFFFF;
  padding-top:7px;
  height:23px;
}

#kosik-obsah {
  float:left;
  position:relative;
  top:0px;
  left:15px;
  padding:0px;
  color:#555555;
  font-size:12px;
  font-weight:bold;
  vertical-align:middle;
  padding-top:9px;
  height:23px;
}

#kosik-zobraz-box:hover *{
  xcolor:white;
}

#kosik-zobraz-box:hover{
  xbackground-color:red;
  xbackground-color:#EAFFBC;
}

#kosik-nadpis-box  a {
  color:#555555;
  text-decoration:none;
}

#kosik-obsah  a {
  color:#555555;
  text-decoration:none;
}


/* 
   =======================================
    HORNI MENU PRODUKTU
   =======================================
*/
#produkty-radek-menu {
	float:left;
	position:relative;
	top: 40px;
	left: 7px;
	text-align:left;
	background-color:#FD2578 /*#FA5228*/;
	width:984px;
	height:36px;
	z-index:1000;
}


#menu {
  font-size: 1.3em; 
  font-weight: bold; 
  color: #000000; 
  padding: 0; 
  margin: 0; 
  list-style-type: none; 
  list-style: none; 
  display:block;
}

/*Hlavni radek menu*/
#menu li {
  float: left;
  padding: 6px 2px 2px 2px; 
  border-right:2px solid #FF3A93;  white-space: nowrap;
  height:28px;
  verical-align:
}

/*odkazy hlavniho radku*/
#menu a {
  padding: 2px; 
  text-align: left; 
  padding-left: 10px; 
  padding-right: 10px; 
  display: block; 
  text-decoration: none; 
  font-weight: bold;   
  color:#FFFFFF;
}

#menu a:hover {
  background-color: #AFC937;
}

#menu li:hover {
  background-color: #AFC937;
}

#menu ul a:link {
  padding:0px;
  padding-left: 15px; /*odsazeni uvnitr pole*/
  border-left:1px solid #AAA;
  border-right:1px solid #AAA;
  font-weight: bold;
  color:  #222222; /* #000000; */
}

#menu ul a:visited{
  padding:0px;
  padding-left: 15px; /*odsazeni uvnitr pole*/
  border-left:1px solid #D0E9FA;
  border-right:1px solid #D0E9FA;
  font-weight: bold;
  color:  #222222; /* #000000; */
}

#menu ul li a:link {
  color: #fff; 
  padding:2px;
  border-left:0px solid red;
  border-right:0px solid red;
  border-bottom: none; 
  padding-left: 15px; /*odsazeni uvnitr pole*/
  color:  #222222; /* #000000; */
  display: block;
  background-color: #D0E9FA; /*#D0E9FA;  pozadi rozbalovaci nabidky*/
  font-weight: normal;
  height:1%;
  width:155px; /*musi byt jinak to v exploreru ulitne co do sirky*/
}
    
/*musi byt stejne jako predchozi*/	
#menu ul li a:visited {
  color: #fff; 
  padding:2px;
  border-left:0px solid red;
  border-right:0px solid red;
  border-bottom: none; 
  padding-left: 15px; /*odsazeni uvnitr pole*/
  color:  #222222; /* #000000; */
  display: block;
  background-color: #D0E9FA; /*#D0E9FA;  pozadi rozbalovaci nabidky*/
  font-weight: normal;
  height:1%;
  width:155px; /*musi byt jinak to v exploreru ulitne co do sirky*/
}


/* podkresluje polozky rozbalovaci nabidky */
#menu ul a:hover {
  color: #101010; 
  background-color: #FFFFFF;
}

#menu ul  li a:hover {
  color: #101010; 
  background-color: #FFFFFF;
}

/*radi menu 3 urovne pod sebe*/
#menu li div li {
  float: none; 
  border: none; 
  padding: 0px;  
  xleft:0;
  margin: 0;
  white-space: nowrap;
}

.sloupec {
  position:relative;
  background-color: #B0D9EA;
  float:left;
  margin:0px;
  padding:0px;
  xpadding-left:0px;
  xleft:0px;
  xwidth:180px; /* neni potreba*/
}

.sloupec-p{
  margin-bottom:4px;
  margin-top:4px;
}

.selected {
  background-color:red;
}

/*
----------------------------------------------------------
*/

/* 
   =======================================
    STRED HLAVNI STRANKY
   =======================================
*/

#obalka-sekce {
  clear:both;
  position:relative;
  float:left;
  font-size:12px;
  left:0px;
  top:0px;  
  width:1000px; /*!!!*/
  padding:0px;
  padding-top:10px;
  margin:0px;
  border-top: 5px solid white;
  background-color:white;
  height:1%;
}

#obalka-vlevo {
  clear:left;
  position:relative;
  float:left;
  font-size:12px;
  left:0px;
  top:0px;
  width:760px;
  padding:0px;
  padding-top:0px;
  margin:0px;
  border: 0px solid green;
  height=1%;
}

/* 
   =======================================
    BOXY NA HLAVNI STRANCE
   =======================================   
*/
#pozice11 {
  position:relative;
  float:left;
  clear:left;  
  left:7px;
  top:0px;
  border-bottom: 5px solid #E5E5E5;
  width:970px;
  padding-top:0px;
  padding-bottom:20px;
  vertical-align:top;
}

#zbozi-hlavni-stranka {
  float:left;
  position:relative;
  width:241px;
  height:155px;
  cursor:pointer;
  padding-top:10px;
  padding-bottom:20px;
  border: 1px dotted #FFFFFF;
}

#zbozi-hlavni-stranka:hover {
  background-color:#FFFFE2;
  border:1px solid #FFEAD2;
}

#zbozi-hlavni-stranka-sekce{
  padding-bottom:10px;
}

/* 
   =======================================
    OBSAH BOXU HLAVNI STRANKY
   =======================================
  border: 5px solid #C8FF89;
  background-color:#EAFFBC;

*/

#mezera-radku {
  float:right;
  position:relative;
  clear:right;
  width:210px;
  border:0px;
  right:10px;
  top:30px;
  padding:0px;
  margin:0px;
  height:10px;
}

#pozice12 {
  position:relative;
  float:right;
  clear:right;
  font-size:12px;
  right:10px;
  top:0px;
  border: 5px solid #FFEAAB;
  zborder: 5px solid #C8FF89;
  zbackground-color:#EAFFBC;
  background-color:#FFFFE2;
  width:220px;
  padding-top:0px;
  padding-bottom:10px;
  text-align:left;
  color:#444444;
}

#facebook-id {
  position:relative;
  float:left;
  clear:left;
  font-size:12px;
  left:0px;
  top:0px;
  border: 5px solid #dfe3ee;
  zborder: 5px solid #C8FF89;
  zbackground-color:#dfe3ee;/*3B5998*/
  background-color:#dfe3ee;
  width:230px;
  height:75px;
  padding-top:15px;
  padding-bottom:10px;
  text-align:left;
  color:#444444;
}

#pozice12-nadpis {
  position:relative;
  float:left;
  width:230px;
  xborder:1px solid green;
  margin:0px;
  left:-5px;
  top:-5px;
  background-color:#FFEAAB;
  xbackground-color:#C8FF89;
  height:20px;
  padding:0px;
  padding-top:5px;
  text-align:center;
  font-weight:bold;
  cursor:pointer;
}

#pozice12-nadpis:hover{
  background-color:#FF4444;
  color:#FFFFFF;
}

#pozice12-nadpis:hover a {
  background-color:#FF4444;
  color:#FFFFFF;
}

#pozice12-nadpis a {
  color:#000000;
  text-decoration:none;
}


#novinky-radek{
  float:left;
  position:relative;
  padding:1px 3px 1px 3px;
  width:295px;
  border:0px solid #FFFFE2;
  cursor:pointer;
}

#novinky-radek:hover{
  background-color:#D0E9FA;
  color:#000000;
  border:0px solid #FFEAD2;   
}

#novinky-radek a{
  text-decoration:none;
  color:#222222;
}

#novinky-obrazek {
  float:left;
  position:relative;
  width:55px;
}

#novinky-text {
  float:left;
  position:relative;
  width:235px;
  padding-left:5px;
}

#pozice12-novinky-submenu {
  float:left;
  clear:left;
  font-weight:bold;
  top:10px;
  position:relative;
  left:5px;
  width:100%;
}

#pozice12-novinky-mail {
  float:left;
  clear:left;
  top:10px;
  position:relative;
  left:5px;
}


#pozice12 ul {
  clear:left;
  position:relative;
  float:left;
  text-align:left;
  list-style-position:inside;
  padding:5px;
  border:0px;
  width:95%;
}

#pozice12 ul  a{
  color:#444444;
  text-decoration:none;
}

#pozice12 ul  a:hover{
  color:#FF2222;
  text-decoration:underline;
}

/* 
   =======================================
    DISKUZE
   =======================================
*/
#mezera-radku-vlevo {
  float:left;
  position:relative;
  clear:left;
  width:120px;
  border:0px;
  right:10px;
  top:0px;
  padding:0px;
  margin:0px;
  height:20px;
}

#pozice11-sub {
  position:relative;
  float:left;
  top:0px;
  left:0px;
  width:210px;
  text-align:left;
  border:0px dotted gray;
  padding:10px;
  padding-top:20px;
  padding-left:14px;  
}

#pozice11-sub ul {
  text-align:left;
  list-style-position:inside;
  border:0px;
  width:210px;
  padding-top:10px;
  list-style-image:url('/interface4/obrazky/odrazka.png');
}

#pozice11-sub li {
  padding-top:2px;
  padding-bottom:2px;
  cursor:pointer;
  border:1px solid #FFFFFF;     
}

#pozice11-sub li:hover {
  background-color:#FFFAE2; /*FFFFE2*/
  border:1px solid #FFEAD2;   
  
}

#pozice11-sub li  a{
  color:#444444;
  text-decoration:none;
}

#pozice11-sub li  a:hover{
  zcolor:#FA0000;
}

#pozice11-zelena {  /*!!!*/
  clear:left;
  position:relative;
  float:left;
  text-align:left;
  left:10px;
  top:0px;
  border: 5px solid #C8FF89;
  background-color:#EAFFBC;  
  width:730px;
  padding-top:5px;
  padding-bottom:5px;
}

#pozice30 {   /*!!!*/
  clear:left;
  position:relative;
  float:left;
  text-align:left;
  left:10px;
  top:0px;
  border: 5px solid #FFEAAB;
  background-color:#FFFFE2;
  width:994px;
  padding-top:5px;
  margin-top:10px;
  padding-bottom:5px;
}

#xbox512 ul  a{
  color:#444444;
  text-decoration:none;
}

#xbox512 ul  a:hover{
  color:#FF2222;
  text-decoration:underline;
}


#xbox512 ul {
  clear:left;
  position:relative;
  float:left;
  text-align:left;
  list-style-position:inside;
  list-style-image:url('/interface4/obrazky/odrazka.png');
  padding:5px;
  zleft:10px;
  border:0px dotted gray;
  border-top:3px solid #AAAAAA;
  width:100%;	
}


#nadpis-pozice {
  position:absolute;
  float:left;
  text-align:left;
  left:-5px;
  top:-12px;
  width:200px;
  background-color:#FDBA42;
  color:#FFFFFF;
  font-weight:bold;
  font-size:13px;
  padding:2px;
  padding-left:7px;
  cursor:pointer;
}

#nadpis-pozice:hover{
  background-color:#FF4444;
  color:#FFFFFF;
}

#nadpis-pozice:hover a {
  background-color:#FF4444;
  color:#FFFFFF;
}

#nadpis-pozice a {
  color:#FFFFFF;
  text-decoration:none;
}


#box512 {
  xclear:left;
  position:relative;
  float:left;
  zleft:10px;
  top:0px;
  border: 5px solid #E5E5E5;
  width:470px;
  margin:10px;
}

#obrazky-radek {
  xclear:left;
  position:relative;
  float:left;
  zleft:10px;
  top:0px;
  xborder: 2px solid #F5F5F5;
  xwidth:482px;
  margin:3px;
  width:145px;
}

#obrazky-radek-box {
  clear:left;
  position:relative;
  float:left;
  xmargin-top:20px;
  padding-bottom:5px;
}

#pozice11-sub-375 {
  position:relative;
  float:left;
  top:0px;
  left:5px;
  width:340px;
  text-align:left;
  border:0px dotted gray;
  padding:10px;
  padding-top:20px;
}

#pozice11-clanky-nahled {
  float:left;
  clear:both;
  width:82px;
  margin-left:5px;
}

#pozice11-clanky-popis {
  float:left;
  width:200px;
}

#radek-clanku {
  clear:left;
  position:relative;
  float:left;
  clear:both;
  background-color:#FFFFFF;
  cursor:pointer;
  padding-top:5px;
  padding-bottom:5px;
  width:295px;
  border:0px solid #FFFFFF;   
}

#radek-clanku:hover {
  background-color:#D0E9FA; /*FFFFE2*/
  border:0px solid #FFEAD2;   
}


#posledni-foto-box {
  position:relative;
  float:left;
  padding:5px;
  width:135px;
  cursor:pointer;
  overflow:hidden;
  left:5px;
  border:1px solid #FFFFFF;
}

#posledni-foto-box:hover{
  background-color:#FFFAE2;
  border:1px solid #FFEAD2;  
}

#debug-div {
  clear:both;
  position:fixed;
  float:right;
  left:10px;
  top:50px;
  width:300;
  z-index:5000;
  background-color:white;
  border:5px solid red;
  text-align:left;
}
/* 
   =======================================
    SKRYTE BOXY
   =======================================
*/
#prihlaseni {
  xclear:both;
  position:relative;
  xfloat:right;
  left:157px;
  top:30px;
  width:245px;
  z-index:5000;
  background-color: #D0E9FA; /*#D0E9FA; pozadi rozbalovaciho menu*/
  border: 5px solid #B0D9EA;  /* B0D9EA 8090BA; #A0A0FA;   linka okolo rozbalovaciho menu*/
  /*background-color:#FFFFE2;
  border:5px solid #FDBA42;*/
  text-align:left;
  visibility:hidden;
  color:#333333;
  font-size:1.2em;
  padding-bottom:7px;
  xoverflow:visible;
}

#prihlaseni-close {
  position:relative;
  float:right;
  border:0px solid red;
  width:15px;
  left:0px;
  top:-1px;
  z-index:5000;
  padding:0px;
  margin:0px;    
}

#prihlaseni a {
  font-size:0.9em;
  color:#555555;
}


/*
====================================================
FORMATOVANI TEXTU
====================================================
*/
.nadpis {
  font-weight:bold;
  font-size:13px;
}

.nadpis-sekce-text {
  font-weight:bold;
  font-size:13px;
  color:#555555;
}

.odkaz-standard {
  font-weight:normal;
  text-decoration:none;
  font-size:11px;
  color:#555555;
}

.odkaz-standard-a {
  font-weight:normal;
  text-decoration:none;
  font-size:1em;
  color:#555555;
}

.odkaz-standard-a:hover{
  color:#FA0000;
  text-decoration:underline;
}

.mistni-nadpis {
  color:#444444;
  font-weight:bold;
  font-size:13px;
}

.obrazek-ram1 {
  border: 1px solid #000000;
}

.nadpis-sekce-barevny {
  font-weight:bold;
  font-size:13px;
  color:#C75807;
}

.nadpis-sekce-odkaz {
  font-weight:bold;
  font-size:13px;
  color:#555555;
}

.nadpis-sekce-odkaz:hover {
  color:#FA0000;
}

.text-sedy-11 {
  color:#888888;
  font-size:0.9em;
}

.text-sedy-12 {
  color:#888888;
  font-size:1.0em;
}

.text-sedy-1em{
  color:#888888;
  font-size:1.1em;
}

.ul-polozky {
  clear:left;
  position:relative;
  float:left;
  text-align:left;
  list-style-position:inside;
  padding:5px;
  border:0px;
  width:95%;
}

.ul-polozky a{
  color:#444444;
  text-decoration:none;
}

.ul-polozky  a:hover{
  color:#FF2222;
  text-decoration:underline;
}


.drobny_odkaz {
  color:#444444;
  text-decoration:underline;
  font-weight:bold;
  padding-top:5px;
  line-height:20px;
}

.drobny_odkaz:hover {
  color:#FF0000;
}

.titulek-polozky {
  font-weight:bold;
}

.editace-znak {
  color:red;
  text-decoration:none;
}
.sedy_odkaz_tucne{
	font-size: 1.1em;
	color: gray;
	text-align: left;
	text-decoration: underline;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;	
}

.sedy_odkaz_tucne:hover {
	color: red;
}

.vyrazny-nadpis {				
	font-size: 1.3em;
	color: #FA5228;
	font-weight: bold;
	text-align: left;
	text-decoration: none;	
	font-family: Arial, Helvetica, sans-serif;	
}


/*
====================================================
FORMATOVANI FORMULARU
====================================================
*/

.prihlaseni-input {
  border:1px solid #B0D9EA;
  font-size:1.1em;
  height:19px;
  width:120px;
  margin:0px;

}

.prihlaseni-button{
  border:1px solid #555555;
  background-color:#AAAAAA;
  font-size:1.0em;
  width:70px;
  height:22px;
  color:#FFFFFF;
  margin:0px;
}


.xtable {
  text-align:left;
  margin-left:10px;
  margin-bottom:5px;
  margin-top:5px;
}

.xtable-nadpis{
  font-size: 1.1em;
  color: #DD6600;
  font-weight: bold;
  text-align: left;
  margin-left:10px;
  margin-bottom:5px;
  margin-top:5px;
  border-bottom:3px solid #EFEFEF;
}

.xtable input {
  border:1px solid #B0D9EA;
  font-size:1.1em;
  height:19px;
  margin-top:5px;
  margin-bottom:5px;
}

.xtable select {
  border:1px solid #B0D9EA;
  font-size:1.1em;
  height:19px;
}

.xtable button{
  border:1px solid #555555;
  background-color:#AAAAAA;
  font-size:1.0em;
  width:70px;
  height:22px;
  color:#FFFFFF;
}

/*------------------------------------*/
#formular-radek {
  position:relative;
  float:left;
  clear:left;
  margin:10px 0px 0px 0px;
  width:100%;
  padding-bottom:0px;
}

#formular-radek-oddeleny {
  position:relative;
  float:left;
  clear:left;
  margin:10px 0px 0px 0px;
  border-bottom:1px dashed #E0E0E0;
  width:100%;
  padding-bottom:10px;
}

.formular-popisek {
  position:relative;
  float:left;
  font-size:1.1em;
  font-weight:bold;
  color:#5F5F5F;  
  width:110px;
}

.formular-pole {
  position:relative;
  float:left;
  width:550px;
}

.form-input {
  background-color:white;
  border:1px solid #CFCFCF;  
  color:#555555;
  width:150px;
  font-size:1.1em;
  padding:2px;
}

.form-select {
  background-color:white;
  border:1px solid #CFCFCF;  
  color:#888888;
  width:200px;
  font-size:1.1em;
  padding:2px;
  margin-top:3px;
}

.form-tlacitko{
  background-color:#F0F0F0;
  border:1px solid #CFCFCF;  
  color:#555555;
  width:80px;
  font-size:1.1em;
  padding:2px;
  margin-top:15px;
}

.form-tlacitko-barevne{
  background-color:#FFEAAB;
  border:1px solid #FDBA42;  
  color:#555555;
  width:80px;
  font-size:1.1em;
  padding:2px;
  margin-top:15px;
  margin-left:5px;
}

/*
====================================================
LEVA POZICE
====================================================
*/
#obalka-uzka-vlevo {
  clear:left;
  position:relative;
  float:left;
  font-size:12px;
  left:0px;
  top:0px;
  width:230px;
  padding:0px;
  padding-top:0px;
  margin:0px;
  border: 0px solid green;
  height:1%;
}

#obalka-siroka-vpravo {
  clear:right;
  position:relative;
  float:right;
  font-size:12px;
  right:10px;
  top:0px;
  width:755px;
  padding:0px;
  padding-top:0px;
  margin:0px;
  border: 0px solid green;
  height=1%;
}

#pozice10 {
  position:relative;
  float:left;
  clear:left;
  font-size:12px;
  left:10px;
  top:0px;
  border: 5px solid #FFD6CB; /*#FFEAAB;*/
  background-color: #FFD6CB; /*#FFF7F5; */ /*#FFFFE2;*/
  width:208px;
  padding-top:3px;
  padding-bottom:10px;
  text-align:left;
  color:#444444;
}

#pozice10-nadpis {
  position:relative;
  float:left;
  width:216px;
  margin:0px;
  left:-5px;
  top:-5px;
  background-color:#FFD6CB;
  height:20px;
  padding:0px;
  padding-top:5px;
  text-align:center;
  font-weight:bold;
  cursor:pointer;
}

/*
====================================================
SLOUPCE BEZ URCENI
====================================================
*/

.levy-sloupec {
  position:relative;
  float:left;
}

.pravy-sloupec {
  position:relative;
  float:right;
}


/*
====================================================
PATICKA
====================================================
*/

#linka {
	background-color: #CFE957;
	position:relative;
	float:left;
	top: 0px;
	left: 10px;
	width: 1004px;
	border: 0px solid #CFE957;
	height:5px;
	font-size: 0.1em; 
	clear:both;
	z-index:1;
}

#paticka {
	background-color: #EDEDED;/*#F3F3F0;*/
	position:relative;
	float:left;
	clear:both;
	margin-top: 20px;
	padding-bottom: 0px;
	left: 0px;
	width: 1000px; /*!!!*/
	border: 0px solid green;
	z-index:1;
	text-align:left;
	font-size:1.1em;
	height:320px;
}

#paticka a {
  color:#01ACF0;
}

#paticka-logo{
	float:left;
	clear:both;
	margin-top: 10px;
	margin-left:10px;
	position:relative;
	height:60px;
}

#paticka-box-horni{
	float:left;
	xclear:both;
	margin-top: 20px;
	margin-left:30px;
	padding-left:20px;
	position:relative;
	width:684px;
	height:25px;
	background-color: #FDBA42; /*#FFEAAB;*/
}

#paticka-box-dolni-vlevo{
	float:left;
	clear:both;
	margin-top: 10px;
	margin-left:15px;
	padding-left:20px;
	position:relative;
	width:190px;
    top:20px;
	line-height:22px;
}

#paticka-sloupec-nadpis {
  font-size:1.1em;
  font-weight:bold;
  color:#AAC02D;
  padding:0px 3px 7px 0px;
  border-bottom:1px solid #BBB;
}

#paticka-sloupec-popis{
  font-size:0.9em;
  padding:10px 3px 7px 0px;
  color:#999;
  xborder-bottom:1px solid #BBB;
}

#paticka-box-dolni{
	float:left;
	margin-top: 10px;
	margin-left:10px;
	padding-left:20px;
	position:relative;
	width:210px;
	border-left:0px dashed #AAAAAA;
	height:120px;
	top:20px;
	line-height:22px;
}

#paticka-nabidka {
	float:left;
	padding-left:20px;
	padding-right:20px;
	position:relative;
    vertical-align:center;	
	padding-top:5px;
	border-right:1px dashed #FFFADB;
	font-weight:bold;
	cursor:pointer;
}

#paticka-nabidka a{
  color:  #FFFFFF; /*#333333;*/
  text-decoration:none;
}

#paticka-nabidka:hover  {
  background-color:#FA5555;
  border-right:1px dashed #FA5555;
  color:#FFFFFF;
  height:20px;
}

#paticka-nabidka:hover  a {
  background-color:#FA5555;
  color:#FFFFFF;
  height:20px;
}

#paticka2 {
	background-color: #AFC937;/*#F3F3F0;*/
	position:relative;
	float:left;
	clear:both;
	padding-bottom: 0px;
	left: 0px;
	width: 1000px; /*!!!*/
	border: 0px solid green;
	z-index:1;
	text-align:left;
	font-size:1.1em;
	height:50px;
}

#paticka2-vlevo{
	float:left;
	clear:both;
	padding-left:20px;
	position:relative;
	width:400px;
    top:20px;
	color:#FFF;
}

#paticka2-vpravo{
	float:right;
	clear:right;
	position:relative;
	width:400px;
    top:15px;
	text-align:right;
	padding-right:20px;
	xborder:1px solid red;
	color:#FFF;
}

/*
====================================================
RADEK S HLASENIM
====================================================
*/
#hlaseni-box {
	float:left;
	position:relative;
	clear:both;
	top: 0px;
	left: 0px;
	text-align:left;
	background-color:#D0E9FA; /*#FFD072;*/
	width:1004px;
	height:15px;
	font-size:1.1em;
	color:#666666;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	z-index:1000;
}

/*
====================================================
MENU
====================================================
*/
#sys_menu{
  float:left;
  position:fixed;
  left:3px;
  padding:3px;
  top:35px;
  text-align:left;
  font-size:1.1em;
  z-index:2000;
  background-color:#FAFAFA;
}

#sys_menu_polozka{
  float:left;
  position:relative;
  clear:both;
  width:150px;
  cursor:pointer;
}

#sys_menu_polozka a{
  color:#555555;
  text-decoration:none;
}

#sys_menu_polozka:hover {
  background-color:#EFEFEF;
}

#sys_menu_mezera{
  float:left;
  position:relative;
  clear:both;
  width:150px;
  height:15px;
}  


#sys_submenu{
  float:left;
  position:fixed;
  left:3px;
  top:350px;
  width:150px;
  text-align:left;
  font-size:1.1em;
  background-color:#FFFCCC;
  padding:3px;
  z-index:2000;
}

#sys_info{
  float:right;
  position:fixed;
  background-color:white;
  right:2px;
  top:35px;
  text-align:left;
  font-size:1.1em;
  width:130px;
  border:5px solid #CACACA;
  padding:3px;
  z-index:2000;
}

#sys_info a, #sys_info a:visited{
  text-decoration:none;
  font-weight:bold;
  color:red;  
}

/*
====================================================
====================================================
LOKALNI FORMATOVANI
====================================================
====================================================
*/


/* 
===================================================== 
POZICE PRVKU
=======================================================
*/


#pozice10-seda {
  position:relative;
  float:left;
  clear:left;
  font-size:12px;
  left:10px;
  top:0px;
  background-color: #FFFFFF;
  border: 5px solid #E5E5E5;
  width:200px;
  padding:10px 5px 10px 5px;
  text-align:left;
  color:#444444;
}

#pozice11-nadpis-sedy {
  position:relative;
  float:left;
  width:730px;
  border:0px solid green;
  border-bottom:3px solid #E5E5E5;
  margin:0px;
  left:0px;
  top:0px;
  xbackground-color:#EFEFEF;
  background-color:#FFFFFF;
  height:20px;
  padding:0px;
  padding-top:0px;
  text-align:left;
  font-weight:normal;
  padding-left:5px;
}

#pozice11-bez-ramu {
  position:relative;
  float:left;
  clear:left;  
  left:10px;
  top:0px;
  border: 0px solid #E5E5E5;
  width:730px;
  padding-top:0px;
  padding-bottom:0px;
  margin:15px 0px -10px 5px;
  vertical-align:top;
  text-align:left;
}

#pozice11-horni-okraj{
  position:relative;
  float:left;
  clear:left;  
  left:10px;
  top:0px;
  border-top: 3px solid #E5E5E5;
  width:730px;
  padding-top:5px;
  padding-bottom:0px;
  margin-top:15px;
  margin-left:5px;
  vertical-align:top;
  text-align:left;
}


#pozice00-nadpis-zeleny {
  position:relative;
  float:left;
  width:208px;
  border:5px solid #B8FA79;
  margin: 5px 0px 10px 10px;
  left:0px;
  top:0px;
  background-color:#B8FA79;
  text-align:left;
}

#pozice00-nadpis-zeleny-polozka a{
  position:relative;
  float:left;
  width:100%;
  display:inline-block;
  height:20px;
  cursor:pointer;
  font-weight:bold;
  color:#555555;  
}

#pozice00-nadpis-zeleny-polozka a:hover {
  background-color:#FF0000;
  text-decoration:none;
  color:#FFFFFF;
}

/* 
   =======================================
    STRANKOVANI
   =======================================
*/
#strankovani-box{
  position:relative;
  float:right;
  clear:right;
  font-size:1.1em;
  margin-top:30px;
}

#strankovani-box-stranka {
  float:left;
  position:relative;
  width:20px;
  background-color:#FFC230;
  border-right:1px solid #FFEAAB;
  text-align:center;
  height:20px;
  xpadding-top:3px;
}

#strankovani-box-stranka a{
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
}

#strankovani-box-stranka a:hover{
  background-color:red;
}

.aktualni-stranka {
  background-color:red;
  display:block;
  height:20px;
}

.neaktualni-stranka {
  height:20px;
  display:block;
}

#logo-gopay {
  float:left;
  position:relative;
  clear:left;
  padding-top:20px;
  margin-bottom:-5px;
}