/* CSS Document */
form {
  padding: 0px;
  margin: 0px;
}

a.bile-tenke-underline{
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  cursor: default;
}

a.bile-tenke-underline:hover{
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
  color: #ffffff;
}


a.modre-tenke-underline{
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  color: #275f97;
  cursor: default;
}

a.modre-tenke-underline:hover{
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
  color: #275f97;
}

a.napoveda{
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #c60a0a;
  cursor: help;
}

a.napoveda:hover{
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  color: #c60a0a;
  cursor: help;
}

a.vrchniTaby{
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  cursor: default;
}

a.vrchniTaby:hover{
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  color: #ffffff;
}

a.button{
  background-image: url('../Imagescervene-pozadi-21px.gif');
  background-repeat: repeat-x;
  background-position: top;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  border: 1px solid #600603;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
  margin: 0px 0px 0px 2px;
  cursor:default;
/*  position: relative;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  color: #000000;
  cursor: default;
  border: 1px solid #cfcfcf;
  background: #FFCC1E;
  margin: 2px 0px 0px 2px;
  padding: 2px;
  width: auto;*/
}
a.button-act{
  position: relative;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #000000;
  cursor: default;
  border: 1px solid #000000;
  background: #FFCC1E;
  margin: 2px 0px 0px 2px;
  padding: 2px;
  width: auto;
}
a.slozka{
  font-weight: normal;
  color: #000000;
  text-align: left;
  margin-left: 0px;
  text-decoration: none;
  cursor: pointer;
}
a.slozka:hover{
  font-weight: normal;
  text-align: left;
  margin-left: 0px;
  text-decoration: underline;
  color: #000;
}

a.obyc{
  color: #000;
  font-weight: normal;
  text-decoration: none;
}
a.obyc:hover{
  color: #000;
  background: #fffccc;
  font-weight: bold;
  text-decoration: none;
}

a.tuc{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
a.tuc:hover{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
a.klasik{
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}
a.klasik:hover{
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
a.filtry{
  color: #e60c0c;
  font-weight: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;  
}
a.filtry:hover{
  color: #e60c0c;/*#ff8226;4889DC;*/
  font-weight: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;  
}

a.menu{
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  color: #000000;
  cursor: default;
}

a.menu:hover{
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  color: #000000;
  cursor: default;
}

a.zaskrtavatka{
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  cursor: default;
}

a.zaskrtavatka:hover{
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  color: #ffffff;
}

a.zalozka{
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #000000;
  cursor: default;
}

a.zalozka:hover{
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  color: #000000;
}

a.zalozka-aktivni{
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #000000;
  cursor: default;
}

a.zalozka-aktivni:hover{
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  color: #000000;
  background: #e1e1e1;
}

a.zalozka-pasivni{
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #b0b0b0;
  cursor: default;
}

a.zalozka-pasivni:hover{
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  color: #b0b0b0;
}

a.tlacitko{
  color: #000000;
  font-weight: normal;
  text-align: center;
  border: 1px solid #b0b0b0;
  background: #d1d1d1;
  text-decoration: none;
  padding: 1px 4px 1px 4px;
}
a.tlacitko:hover{
  color: #000000;
  font-weight: normal;
  text-align: center;
  border: 1px solid #b0b0b0;
  background: #d1d1d1;
  text-decoration: none;
  padding: 1px 4px 1px 4px;
}

body.pozadi{
  position: relative; 
  width: 1003px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin: 0px auto 0px 150px; padding: 0px;
  background: white url('../Images/novy_styl/bgbody.gif') repeat-y fixed left top; color: black;
  color: #000000;
	font-size : 8pt;
	text-align: left;
	border: 0px solid;
}
body{
  margin: 5px;
  padding: 0;
  color: #000;
	font-family : Tahoma, Verdana, sans-serif;
	font-size : 8pt;
	text-align: left;
	border: 0px solid;
	background: none;
}	
  /* Scrollbar
  scrollbar-track-color: #efefef;
  scrollbar-face-color: #efefef;
  scrollbar-highlight-color: #fff; /*vrchni+levy okraj
  scrollbar-darkshadow-color: #fff; /*spodni+pravy okraj
  scrollbar-shadow-color: #000000; /* stin spodni+pravy
  scrollbar-arrow-color: #000000;  /*sipka*/
/*}*/

.cerna-leva{
  background: url(../Images/cerna_leva.png) no-repeat right bottom;
  height: 39px;
  width: 6px;
}

.cerna-stred{
  background: url(../Images/cerna_stred.png) repeat-x left bottom;
	height: 39px;
	color: #ffffff;
}

.cerna-prava{
  background: url(../Images/cerna_prava.png) no-repeat left bottom;
	height: 39px;
	width: 6px;
}

.cerny-okraj-levy{
  background: url(../Images/cerny_okraj.png) repeat-y left top;
  width: 6px;
}

.cerny-okraj-pravy{
  background: url(../Images/cerny_okraj_pravy.png) repeat-y left top;
  width: 6px;
}

.cerny-spodni-levy{
  background: url(../Images/cerny_spodni_levy.png) no-repeat right top;
  width: 6px;
  height: 5px;
}

.cerny-spodni-okraj{
  background: url(../Images/cerdny_spodni_okraj.png) repeat-x left top;
	height: 5px;
}

.cerny-spodni-pravy{
  background: url(../Images/cerny_spodni_pravy.png) no-repeat left top;
  width: 6px;
  height: 5px;
}

.sedy-levy-vrchni-roh{
  background: url(../Images/sedy_levy_vrchni_roh.png) no-repeat right top;
  height: 18px;
  width: 19px;
}

.sedy-stred{
  background: url(../Images/sedy_stred.png) repeat-x top;
  height: 18px;
  color: #666666;
  font-weight: bold;
  padding: 2px;
}

.sedy-pravy-vrchni-roh{
  background: url(../Images/sedy_pravy_vrchni_roh.png) no-repeat left top;
  height: 18px;
  width: 11px;
}

.sedy-levy-okraj{
  background: url(../Images/sedy_levy_okraj.png) repeat-y right;
  width: 10px;
}

.sedy-pravy-okraj{
  background: url(../Images/sedy_pravy_okraj.png) repeat-y left;
	width: 11px;
}

.sedy-levy-spodni-roh{
  background: url(../Images/sedy_levy_spodni_roh.png) no-repeat right top;
	height: 13px;
	width: 10px;
}

.sedy-stred-spodni{
  background: url(../Images/sedy_stred_spodni.png) repeat-x top;
  height: 18px;
}

.sedy-pravy-spodni-roh{
  background: url(../Images/sedy_pravy_spodni_roh.png) no-repeat left top;
	height: 13px;
	width: 11px;
}

div.bin1{
  position: absolute;
  color: #000000;
  top: 100px;
  left: 0px;
  width: 250px;
  /*height: 100px;*/
  border: 1px dashed #cfcfcf;
  background: #efefef;
  background: white url('../Images/bg_tab.gif') repeat scroll left top; color: black;
  padding: 2px;
  z-index: 11;
  text-align: justify;
  /*overflow: auto;*/
}

div.kalendar-bin{
  position: absolute;
  color: #000000;
  top: 100px;
  left: 0px;
  border: 1px dashed #cfcfcf;
  background: #efefef;
  background: white url('../Images/bg_tab.gif') repeat scroll left top; color: black;
  padding: 2px;
  z-index: 11;
  text-align: justify;
  /*overflow: auto;*/
}

div.login{
  position: relative;
  background: #f1f3f5;
  background-image: url('../Images/security.png');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 10px;
  border: 0px solid red;
}

div.nastred{
  background: #f1f3f5;
  border: 1px solid #b0b0b0;
  position:absolute;
  margin-top: 100px;
  width: 340px;
  padding: 10px;
}

div.maily{
  position: absolute;
  top: 130px;
  border: 1px solid #c0c0c0;
  left: 270px;
  background: #ffffff;
  z-index:1;
  padding: 5px;
}

.modry-nadpis{
	font-size: 10pt;
	font-weight: bold;
	color: #4889DC;
}


div.plovouci-help{
  position: absolute;
  z-index: 10;
  width: 144px;
  color: #ffffff;
}

div.select-look{
  position: absolute;
  border: 1px solid #cfcfcf;
  background: #ffffff;
  z-index: 100;
  height: 150px;
  width: 400px;
  cursor: default;
}

div.detaily_zbozi{
  position: absolute;
width: 800px;
  z-index: 111;
  background-image: url(../Images/overlay.png);
  background-repeat: repeat;
  background-position: left top;
  border: 1px solid #ffffff;
  color: #ffffff;
  /*
  height: 300px;  overflow-y: auto;
  overflow-x: hidden;*/
}

.normal{
  background: none;
  cursor: default;
}

div.help-top{
  background-image: url(../Images/vzskakovaci_help_top.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 144px;
  height: 4px;
  margin: 0px;
}
div.help-middle{
  position:relative;
  background-image: url(../Images/vzskakovaci_help_middle.png);
  background-position: left top;
  background-repeat: repeat-y;
  width: 120px;
  margin: 0px;
  padding: 2px 5px 2px 15px;
  color: #ffffff;
  border:0px solid red;
}
div.help-bottom{
  background-image: url(../Images/vzskakovaci_help_bottom.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 144px;
  height: 15px;
  margin: 0px;
}


div.stranka{
  border: 0px solid #b0b0b0;
  background: #ffffff;/*#f1f3f7;*/
  padding: 4px;
  z-index: 1;
  /*height: 200px;*/
}
div.submenu{
  position: absolute;
  margin-top: 6px;
  padding: 0px;
  border: 1px solid #b0b0b0;
  background: #f1f3f7;
  z-index: 101;
  width: 180px;
}

div.submenu2{
  position: absolute;
  margin: -19px 0px 0px 19px;
  padding: 0px;
  border: 1px solid #b0b0b0;
  background: #f1f3f7;
  width: 150px;
}

.aktivni-polozka{
 position: relative;
 width: 100%;
 background: #e1e1e1;
 border: 1px solid #000000; 
}
.neaktivni-polozka{
  color : #000;
  background: none;
}

div.polozka-submenu{
  padding: 0px;
  border: 0px solid #b0b0b0;
  background: #f1f3f7;
}

div.vrchni-menu{
  text-align: left;
  font-size: 8pt;
  text-align: right;
  position: relative;
  margin: 0px 2px 0px 2px;
  left:0px;
  width: 100%;
  color: #ffffff;
  z-index:100;
  border: 1px #b0b0b0 solid;
  background: #f1f3f7;
  padding: 0px 0px 0px 0px;
  margin: 2px;
  float: none;
}


div.nastavene-filtry{
  border: 0px dashed #cfcfcf;
  color: #4889DC;
  font-size: 8pt;
  margin: 4px 0px 4px 0px;
}

div.okraj{
  position: relative;
  width: 98%;
  border: 1px solid #cfcfcf;
  margin-bottom: 20px;
}
div.popis{
  font-weight: bold;
  position: relative;
  width: 98%;
  background: #efefef;
  border: 1px solid #cfcfcf;
  padding:2px;
}


fieldset{
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #b0b0b0;
  background: #f1f3f7;
  position: relative;
}

fieldset.horni{
  margin-top: 10px;
  padding: 10px;
  border-top: 1px solid #b0b0b0;
  border-right: 0px solid #b0b0b0;
  border-bottom: 0px solid #b0b0b0;
  border-left: 0px solid #b0b0b0;
  background: #f1f3f7;
  position: relative;
}

fieldset.leva{
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #b0b0b0;
  background: #f1f3f7;
  width: 46%;
  float: left;
}

fieldset.prva{
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #b0b0b0;
  background: #f1f3f7;
  width: 48%;
  float: none;
}

fieldset.ctvrtina{
  position: relative;
  margin: 10px 5px 0px 0px;
  padding: 10px;
  border: 1px solid #b0b0b0;
  background: #f1f3f7;
  width: 24%;
  float: left;
}

fieldset.expired{
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #b80e0e;
  background: #fef1f1;
  float: none;
}

fieldset.kalendar{
  position: relative;
  margin: 10px 5px 0px 0px;
  padding: 10px;
  border: 1px solid #b0b0b0;
  background: #f1f3f7;
  width: 150px;
  /*float: left;*/
}

fieldset.seda{
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #b0b0b0;
  background: #d1d1d1;
  position: relative;
}

fieldset.tretina{
  position: relative;
  margin: 10px 5px 0px 0px;
  padding: 10px;
  border: 1px solid #b0b0b0;
  background: #f1f3f7;
  width: 31%;
  float: left;
}

fieldset.none{
  background: none;
  margin: 10px;
  padding: 10px;
  border-top: 1px solid #ffffff;
  border-right: 0px solid #ffffff;
  border-bottom: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
  position: relative;
  color: #ffffff;
}

legend{
  font-size: 9pt;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
  color: #000000;
}

legend.aktivni{
  font-size: 9pt;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
  background: #e1e1e1;
}

legend.expired{
  font-size: 9pt;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
  color: #b80e0e;
}

legend.white{
  font-size: 9pt;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
  color: #ffffff;
}

/* Nadpis formulare */
.form-nadpis{
  position: relative;
  border: 1px solid #b3c1e1;
  background-image: url('../Images/pozadi_ramecku.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  height: 22px;
  text-align: left;
  font-weight: bold;
  color: #000;
  margin: 0px 0px 2px 0px;
}
.formNadpisText{
  font-weight: bold;
  padding: 5px 0px 0px 10px;
  text-align: left;
  color: #275f97;
}

.help{
  font-size: 7pt;
  color: #b0b0b0;
}

h1{	
  font-family : Tahoma, Verdana, sans-serif;
	font-size : 12pt;
	text-align: left;
	color: #000000;
}
h2{
  font-family : Tahoma, Verdana, sans-serif;
	font-size : 14pt;
	text-align: center;
}
h4{position:relative;font-family:Tahoma,Verdana;font-size:9pt;height:21px;width:200px;background-image: url('../Images/zalozka_.gif');background-repeat: no-repeat;background-position: left top;margin-top:15px;margin-bottom:-4px;padding-left:18px;padding-top:3px;color:#5c5c5c;}

.hlava{
  background: #fff url('../Images/hlava.gif') no-repeat;
  background-position: left top;
  height: 84px;
  width: 800px;
}


input{
  font-family : Tahoma, Verdana, sans-serif;
	font-size : 8pt;
	border: 1px solid #cfcfcf;
	margin: 0px 0px 2px 0px;
}

input.povinne{
  background-image: url(../Images/trojuhelnik.png);
  background-repeat: no-repeat; 
  background-position: right bottom;
  text-align: left;
}
  
input.readonly{
  background: #f1f3f7;
  text-align: left;
}

 input.pruhledne{
  font-family : Tahoma, Verdana, sans-serif;
	font-size : 8pt;
	text-align: right;
	border: 1px solid #cfcfcf;
	background: #ffffff;
	margin: 0px 0px 2px 0px;
  width: 100%; 
 }
 input.pruhledne-suma{
  font-family : Tahoma, Verdana, sans-serif;
	font-size : 8pt;
	font-weight: bold;
	text-align: right;
	border: 1px solid #cfcfcf;
	background: #ffffff;
	margin: 0px 0px 2px 0px; 
  width: 100%; 
 }

input.right{
  font-family : Tahoma, Verdana, sans-serif;
	font-size : 8pt;
	border: 1px solid #cfcfcf;
	margin: 0px 0px 2px 0px;
  text-align: right;
}

input.noborder{
  border: 0px solid;
  margin: 0px;
}

input.white{
  border: 0px solid;
  color: #ffffff;
}

/* Nastaveni vzhledu inputu */
input.zaznam{
	position: relative;
  border: 0px solid #cc9;
  padding-left: 3px;
  margin: 1px;
  width: 99%;
  border: none;
}

input.zaznam-nep{
	position: relative;
  padding-left: 3px;
  margin: 1px;
  width: 99%;
  border: none;
  background: #f0f0f0;
}

input.celkem{
	position: relative;
  border: 0px solid #cc9;
  padding-left: 3px;
  margin: 1px;
  width: 99%;
  border: none;
  text-align: right;
  font-weight: bold;
}

input.tlacitko{
  color: #000000;
  font-weight: normal;
  text-align: center;
  border: 1px solid #b0b0b0;
  padding: 0px 4px 0px 4px;
  background: #d1d1d1;
/*  border: 1px solid #cfcfcf;
  background: #FFCC1E;
  margin: 0px 0px 0px 2px;
  background-image: url('../Images/oranzove-pozadi-25px.gif');
  background-repeat: repeat-x;
  background-position: top;*/
}

input.tlacno{
  border: 0px solid #cfcfcf;
  background: none;
  font-weight: bold;
  margin: 0px 0px 0px 2px;
}


@media print {
  .levy-admin{
    display: none;           
    }
}
@media screen {
  .leve-menu{
    position:absolute;
    margin-top: 5px;
    background: #ffffcc url(../Images/bg2.gif) repeat-y;
    width:200px;
    height: 550px;
    border:1px solid rgb(192,192,192);
    margin-left:5px;    
  }
}

.kladna{
  font-weight: bold;
  color: #00b500;
}

.zaporna{
  font-weight: bold;
  color: #e60c0c;
}

.levy-admin {
  border: 0px dashed  #cc9;
  background-color: #ffffff;
  position: relative;
  top: 0px;
  width: 200px;
  /*height: 510px;*/
  left: 0;
  float: left;
  padding-top: 10px;
}
  .popisLog{position:absolute;font-weight:bold;text-align:right;width:45px;border: 0px solid}
  .dataLog{position:relative;left:50px;border:0px solid}
  .formLog{position:relative; border: 1px solid #c0c0c0; margin: 5px; padding:5px; background:#efefef}

.nadpis-menu{
  position: relative;
  background: #f0f0f0;
  text-align: left;
  font-weight: bold;
  margin: 5px;
  padding-left: 5px;
  border: 1px solid #c0c0c0;

}
.nadpis{
  font-weight: bold;
}

.obly-levy{
  background: url(../Images/obly_levy.png) no-repeat right top;
  height: 20px;
  width: 5px;
}

.obly-stred{
	background: url(../Images/obly_stred.png) repeat-x left top;
	height: 20px;
	font-weight:bold;font-size:101%;font-family:Tahoma;
}

.obly-pravy{
  background: url(../Images/obly_pravy.png) no-repeat left top;
  height: 20px;
  width: 4px;
}

.polovina1{
   background: #fef5cc;
   position: relative;
   border: 0px solid;
}

.polovina2{
   background: #fef5cc;
   position: absolute;
   left: 401px;
   border: 0px solid;
}

.povinne{
  background: #ffffff;
	margin: 0px 0px 2px 0px;  
}
.nepovinne{
  border: 1px solid #cfcfcf;
  background: #f0f0f0;
	margin: 0px 0px 2px 0px;  
}

.pozadiForm{
  position: relative;
  padding: 8px;
  margin-left: 5px;
  background : #fff none;
  border: 1px solid #b3c1e1;
  background-image: url('../Images/pozadi_menu.gif');
  background-repeat: repeat-y;
  background-position: left bottom;  
  margin-bottom: 10px;
}

/******************** Ramecek stranky *************************/
.ramecek{
  position: absolute;
  left: 2px;
  border: 1px solid #cc9;
  width: 300px;
  background : #ffc none;
  margin: 5px 5px 5px 5px;
  padding: 2px 2px 2px 2px;
}

/******************** Admin ramecek stranky *************************/
.ramecek-admin{
  position: relative;
  border: 1px solid #cc9;
  width: 180px;
  margin: 5px 5px 5px 5px;
  padding: 2px 2px 5px 2px;
  z-index: auto;
  background-image: url('../Images/pozadi_menu.gif');
  background-repeat: repeat-y;
  background-position: left bottom;    
}

.razitko{
  position: relative;
  left: 480px;
  font-weight: bold;
}

select{
  font-family : Tahoma, Verdana, sans-serif;
	font-size : 9pt;
	border: 1px solid #cfcfcf;
	margin: 0px 0px 2px 0px;
}

span.logon{
  width:50px;
  text-align:right;
  font-size:8pt;
  font-weight:bold;
}

span.pasivni{
  color: #b0b0b0;
}
/* Popisky policek ve formulari */
span.sloupec1{
  position: absolute;
  text-align: right;
  width: 120px;
  font-weight: normal;
}

span.sloupec2{
  position: relative;
  left: 125px;
  border: 0px solid red;
}

span.sloupec25{
  position: relative;
  left: 210px;
  border: 0px solid red;
}

/* Popisky policek ve formulari */
span.sloupec3{
  position: absolute;
  text-align: right;
  left: 355px;
  width: 100px;
  font-weight: bold;
}
span.sloupec4{
  position: absolute;
  text-align: right;
  left: 460px;
  width: 102px;
  font-weight: normal;
  border: 0px solid;
}
span.sloupec5{
  position: absolute;
  text-align: right;
  width: 140px;
}
span.sloupec6{
  font-weight: bold;
  position: relative;
  text-align: left;
  left: 145px;
  width: 15px;
}
span.sloupec7{
  position: absolute;
  text-align: left;
  top: 5px;
  left: 185px;
  width: 15px;
}

span.vrchni-tlacitko{
  border:1px solid #cfcfcf;
  padding: 2px;
  background:#fafafa;
  width: auto;
  height: 15px;
}

span.vrchni-tlacitko-act{
  border: 1px solid #707070;
  padding: 2px;
  background: #e4e4e4;
  width: auto;
  height: 15px;
}

/* Nastaveni rozmeru stranky */
.stranka5{
  position: absolute;
  left: 210px;
  padding: 5px;
  width: 80%;
  top: 5px;
  border: 0px solid;
  z-index:0;
}

#leve-menu {
  position: relative;
  margin: 0px 0px 0px 1px;
  width: 172px; float: left; /*overflow: hidden;*/         /* hidden ve FF nezobrazuje bublinu hledani */
  border-left: 0px solid white; 
  background-color: white; color: black;
  font-size: 8pt;
}

#prave-menu {
  width: 25%;
	float: none;
	overflow: hidden;
  margin: 0px 0px 0px 0px;
  border-left: 1px solid #e1e1e1;
  background-color: #ffffff;
	color: black;
}

#stred {
  position: relative;
  width: 75%;
	float: left;
	overflow: hidden;/*635*/ 
  margin: 0px 0px 0px 1px; 
  padding: 0px 0px 0px 10px;
  background-color: white;
	color: black;
	border: 0px solid red;
}

#vrchstranky {
  width: 1003px; 
  height: 102px;
  border-top: 2px solid #009FE8;
  border-bottom: 1px solid #cfcfcf;
  background: white url('../Images/bg_top_menu_strip.gif') repeat-x scroll left top; color: black;  
  margin-bottom: 4px;
}

div#spodekstranky {
  width: 100%; height: 12px; float: left;
  text-align: center;
  margin: 12px 0px 0px 0px; 
  border-top: 1px solid #cfcfcf; 
  background-color: white; color: #009EF8;
  bottom: 0px;
}

div.leva{
  border-right: 1px #b0b0b0 solid;
  width: 45%;
  float: left;
  margin: 5px 20px 5px 5px;
}

div.leva-motiv{
  border-right: 1px #b0b0b0 solid;
  width: 35%;
  float: left;
  margin: 5px 20px 5px 5px;
}

div.prava{
  position: relative;
  border: 0px #d1d1d1 solid;
  width: 20%;
  float: none;
}


div#spodekstranky-pismo {
  text-align: center;
  height: 26px;
  font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
  margin: 1px 0px 0px 0px; padding: 10px 0px 0px 0px;
  border-top: 1px solid red;
  background-color: white; color: black;
}
.plochaTlacitek{
  background: white url('../Images/bg_top_menu_strip.gif') repeat-x scroll left top; color: black;  
  /*background: #ffffff;*/
  border-left: 0px solid #7cacdf;
  border-right: 0px solid #7cacdf;
  border-bottom: 0px solid #7cacdf;
  border-top: 0px solid #7cacdf;
  padding: 0px;
}

option.prvni{
  background:#f1f3f7;
  text-align:center;
  font-weight:bold;
}

.pocet-obj{
  font-size: 5pt;
  font-weight: bold;
  color: #e60c0c;
}


.strom {
  padding: 10px;
  margin: 0px 0px 5px 0px;
  border: 1px solid #cc9; /**/
  left: 0px;
  overflow: auto;
  color: #275f97;
  background : #fff none;
  border: 1px solid #b3c1e1;
  background-image: url('../Images/pozadi_menu.gif');
  background-repeat: repeat-y;
  background-position: left bottom;  
}

span.polozka-menu{
  background: silver;
  width: 20px;
  padding-left: 20px;
  height: 20px;
}
/* Submenu yobrayivsi se po najeti na leve menu*/
.strom2 {
  position: absolute;
  width: 170px;
  padding: 10px;
  margin: 2px;
  border: 1px solid #b3c1e1;
  left: 100px;
  top: 40px;
  color: #275f97;/*#7A7A7A;*/
  z-index: 10;
  background: #ffffff;
  background-image: url('../Images/pozadi_menu.gif');
  background-repeat: repeat-y;
  background-position: left bottom;    
}

.polozkaMenu{
  font-size: 8pt;
  border: 0px solid;
  padding: 0px 0px 0px 10px;
}


/* Vzhled vsech tabulek */
table{
	font-family : Tahoma, Verdana, sans-serif;
  /*border-collapse: collapse;*/
	font-size : 8pt;
}

/* Tabulka uvnitr pole pro zaznamy */
table.zaznam{
  border-collapse: collapse;
  border: 1px solid #b3c1e1;
  margin: 4px;
  background:none;
}

table.tableVrchni{
  border-collapse: collapse;
  border: 1px solid #b3c1e1;
}

table.tisk{
	font-family : Tahoma, Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #cfcfcf;
	font-size : 8pt;
}

table.menubar{
  font-family: sans-serif,Helvetica,  Verdana,Tahoma;
  font-size: 8pt;
}
/* Nadpis v tabulce pro zapis zaznamu */
td.popis{
  background: #80AECD;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
}

td.expired{
  background: #b80e0e;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
}

td.ikona{
  width: 16px;
  background: #d1d1d1;
}

tr.tr-selectstyle{
  cursor: default;
}

iframe.zbozi{
  border: 0px;
  background: none;
  width: 100%;
  height: 100%;  
}

.telo-napovedy{
  border: 0px solid;
  padding: 5px 15px 15px 15px;
}

.modre-pozadi-25px{
  background-image: url('../Images/modre-pozadi-25px.gif');
  background-repeat: repeat-x;
  background-position: top;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border: 1px solid #7cacdf;
  padding: 2px 4px 2px 4px;
}

.oranzove-pozadi-25px{
  background-image: url('../Images/oranzove-pozadi-25px.gif');
  background-repeat: repeat-x;
  background-position: top;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border: 1px solid #ff8226;
  padding: 2px 4px 2px 4px;
}

.zelene-pozadi-21px{
  background-image: url('../Images/zelene-pozadi-21px.gif');
  background-repeat: repeat-x;
  background-position: top;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border: 1px solid #02a002;
  padding: 2px 4px 2px 4px;
}

.cervene-pozadi-21px{
  background-image: url('../Images/cervene-pozadi-21px.gif');
  background-repeat: repeat-x;
  background-position: top;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border: 1px solid #600603;
  padding: 2px 4px 2px 4px;
}

.zelenyObloukLevy{
  background-image: url('../Images/zalozkaZelenaMezi4.gif');
  background-repeat: no-repeat;
  background-position: right;
  height: 21px;
  width: 10px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border-top: 0px solid #02a002;
  
}
td.zelenyObloukPravy{
  background-image: url('../Images/zalozkaZelenaMezi5.gif');
  background-repeat: no-repeat;
  background-position: left;
  height: 21px;
  width: 10px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border-top: 0px solid #02a002;
  
}

/* Nadpis v tabulce pro zapis zaznamu */
td.popis-vlevo{
  background: #80AECD;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}

td.popis-form{
  background: #dfdfdf;
  font-weight: bold;
  text-align: left;
}
/* Popis radku v zaznamech */
td.popis-normal{
  background: #80AECD;
  font-weight: normal;
  text-align: right;
  padding: 0px 2px 0px 2px;
  color: #ffffff;
}
td.tisk{
  text-align: right;
  font-weight: bold;
  width: 25%;
}

td.popis2{
  font-weight: bold;
  position: relative;
  background: #efefef;
  border: 1px solid #cfcfcf;
}
td.nadpis{
  background: #80AECD;
  color: #ffffff;
  border: 1px solid #b3c1e1;
  font-weight: normal;
}

td.tucne{
  font-weight: bold;
}

.aktualni{
  background: #CCCCFF;
}

.aktualni-expirovane{
  background: #e99a98;
}

.lichy{
  background: #e1e1e1;
}

.lichy-expired{
  background: #fddfdf;
}

.lichy-kriticky{
  background: #e1e1e1;
  color: #e60c0c;
}

.sudy{
  background: #F5F5F5;/*#F5F5F5;*/
}

.sudy-expired{
  background: #fef3f3;/*#F5F5F5;*/
}

.sudy-kriticky{
  color: #e60c0c;
  background: #F5F5F5;/*#F5F5F5;*/
}

tr.schvalen{
  background: #ffffcc;/*#E2E8A2;*/
}

.krititcky-stav{
  font-family: Verdana;
  font-weight: bold;
  font-size: 10pt;
  color: #e60c0c;  
}

/* Vzhled textarey */
textarea{
	font-family : Tahoma, Verdana, sans-serif;
  font-size: 8pt;
  border: 1px solid #c0c0c0;
}
textarea.popis{
	font-family : Tahoma, Verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  background: #F8E89F;
  border: 0px solid #c0c0c0;
  vertical-align: middle;
}

textarea.zaznam{
	position: relative;
  padding-left: 3px;
  margin: 1px;
  width: 99%;
  border: none;
  white-space: normal;
}
textarea.zaznam-nep{
	position: relative;
  padding-left: 3px;
  margin: 1px;
  width: 99%;
  border: none;
  white-space: normal;
  background: #f0f0f0;
}
.vlevo{
  position:absolute;width:50%;text-align:left;
}

.vpravo{
  position:absolute;left:50%;width:50%;text-align:right;
}

.vrchniLista{
  background-image: url('../Images/vrchni_menu_pozadi.gif');
  background-repeat: repeat-x;
  background-position: top;
  border: 1px solid #b3c1e1;
  height: 22px;  
  background-position: bottom;
  text-align: center;
  margin: 0px 0px 0px 0px;
}


.vrchniPolozkaOld{
  border: 1px solid #b3c1e1;
  height: 22px;
  text-align: center;
  color: #275f97;
  font-weight: bold;
}

.vrchniPolozkaAktivni{
  border: 1px solid #b3c1e1;
  background-image: url('../Images/pozadi_ramecku.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  text-align: center;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}

.vrchniOddelovac{
  background-image: url('../Images/vrchni_menu_oddelovac.gif');
  background-repeat: no-repeat;
  background-position: bottom;
  height: 22px;
  width: 5px;
}

.vrchniTaby{
  background-image: url('../Images/tab_stred2.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  height: 25px;
  color: #275f97;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
}



.levyTab{
  background-image: url('../Images/tab_levy2.gif');
  background-repeat: no-repeat;
  background-position: bottom;
  height: 25px;
  width: 5px;
  color: #ffffff;
}
.pravyTab{
  background-image: url('../Images/tab_pravy2.gif');
  background-repeat: no-repeat;
  background-position: bottom;
  height: 25px;
  width: 5px;
  color: #ffffff;
}

.zalozkaTab{
  background-image: url('../Images/tab_stred1.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  height: 25px;
  color: #275f97;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
}
.zalozkaLevyTab{
  background-image: url('../Images/tab_levy1.gif');
  background-repeat: no-repeat;
  background-position: bottom;
  height: 25px;
  width: 5px;
  color: #ffffff;
}
.zalozkaPravyTab{
  background-image: url('../Images/tab_pravy11.gif');
  background-repeat: no-repeat;
  background-position: bottom;
  height: 25px;
  width: 2px;
  color: #ffffff;
}
.zalozkaPravyTabNormal{
  background-image: url('../Images/tab_pravy1.gif');
  background-repeat: no-repeat;
  background-position: bottom;
  height: 25px;
  width: 5px;
  color: #ffffff;
}
.zalozkaAktivniTab{
  background-image: url('../Images/tab_stred1.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  border-top: 2px solid #ffcc1b;
  height: 25px;
  color: #275f97;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
}

/******************** Zahlavi ramecku *************************/
.zahlaviRamecku{
  position: relative;
  border: 1px solid #b3c1e1;
  background-image: url('../Images/pozadi_ramecku.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  height: 22px;
  text-align: left;
  font-weight: bold;
  color: #000;
  margin: 0px 0px 2px 0px;
}

.zahlaviBok{
  position: relative;
  border: 0px solid #b3c1e1;
  background-image: url('../Images/bok_ramecku.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 22px;
}
.zahlaviText{
  padding: 5px 0px 0px 10px;
  text-align: left;
  color: #275f97;
}

.zarovnan{
  position: relative;
  left: 125px;
}

/* Okno s tabulkovy stylem vypisu zaznamu */
.zaznamy{
  position: relative;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  border: 1px solid #cc9; /**/
  position: relative;
  overflow: auto;
  border: 1px solid #b3c1e1;
  background-image: url('../Images/pozadi_menu.gif');
  background-repeat: repeat-y;
  background-position: left bottom;  
  margin-bottom: 10px;  
}

.zaznamy-r{
  position: relative;
  width: 100%;
  height: 150px;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  border: 1px solid #cc9; /**/
  position: relative;
  overflow: auto;
  color: #7A7A7A;
  background : #fffccc;
  text-align: right;
}
  .zaskrt-lichy{position:relative;border:1px solid #b3c1e1;padding:5px;background:#EDF2F9;margin:2px;width:98%;}
  .zaskrt-sudy{position:relative;border:1px solid #b3c1e1;padding:5px;background:#ffffff;margin:2px;width:98%;}
  .zaskrtavaci{position:absolute;left:0px;height:100%;}
  .zaskrt-vypis{position:relative;left:15px;}

.zahlavi{
  color: #e95b1f;
  font-weight: bold;
  text-align: left;
}

#tabs{
	width: 100%;
  float: left;
  text-align: left;
  padding-bottom: 0px;
  border-bottom: 3px solid #a8a8a8;
}

#tabs ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
  margin-left: 1px;
}
#tabs ul li a {
  display: block;
 	background: url(../Images/crm_zalozka_stred.png) repeat-x top;
  padding: 5px 5px;
  color: #000000;
	text-decoration: none; float: left;
	border-left: 1px solid #A8A8A8;
	border-right: 1px solid #A8A8A8;
	margin-bottom:0px;
}

#tabs ul li.active a {
  color: #ffffff;
  background: none;
  height: 24px;
  border-top-width: 2px;
	margin-top: -2px;
	border-color: #6EBCEB;
}

#tabs ul li a:hover {
  background: url(../Images/crm_zalozka_stred_aktivni.png) repeat-x top;
  border-top: 0px solid #db0d0d;
  text-decoration: none;
}

ul{
	margin-left: 5px;
	padding-left: 0px;
}

.podzalozka {
	background:#F1F3F7; 
	border:1px solid #a8a8a8; 
	clear:both;	
}

.svg-24px {
  width: 24px;
  height: 24px;
}