body{
  font-family:      Century Gothic, Trebuchet MS, Verdana;
  font-size:        10pt;
  line-height:      11pt;
  text-align:       center;
  background-color: #FFFFFF;
  height:           auto;
  width:            auto;
  border-style:     none;
}

input, textarea, select{font-family:inherit;}

A:link {text-decoration:none; color:#003399;}
A:visited {text-decoration:none; color:#003399;}
A:active {text-decoration:none;}
A:hover {text-decoration:underline; color: red;}

img {border-style:none;}

/* FORMATOVANI TEXTU */
h1{
  font-size:    15pt;
  font-weight:  bold;
  text-align:   center;
  color:        #003399;
}

h2{
  font-size:    14pt;
  font-weight:  bold;
  text-align:   center;
  color:        #003399;
}

h3{
  font-size:    13pt;
  font-weight:  bold;
  text-align:   center;
  color:        #003399;
  line-height:  60%
}

h4{
  font-size:    12pt;
  font-weight:  bold;
  text-align:   center;
  color:        #003399;
}

h5{
  font-size:    11pt;
  font-weight:  bold;
  text-align:   center;
  color:        #003399;
}

ul{
  margin: 1px;
}


.upozorneni{
  font-weight: bold;
  font-style: italic;
  color: red;
}

.podezrele{       
  color: #FF0099 !important;
  /* text-shadow: red 0px 0px 2px; */    
}

/* ZALOZKY */
#zalozky {
  margin-left: 20px;
  margin-right: 10px;
}

#zalozky ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#zalozky li {
  float: left;
  border: 1px solid #AAAAAA;
  border-bottom-width: 0;
  /*margin-left: 2;*/
  color: #003399;
  background: #EEEEEE;
  height: 1.5em;
  padding: 0.24em 1em;
  /*width: 150px;*/
  text-align: center;    
  cursor: pointer; 
}

#zalozky li:hover {
  background: #E5E5FF;
  border-color: red; 
}    

.zal_content {
  border: 1px solid black;
  margin-left: 10px;
  margin-right: 10px;
  clear: both;
  padding: 10px 10px 10px 10px;
}


/* Tlacitka */
#btn a {
  float: left;
  border: 1px solid #AAAAAA;
  font-size: 10pt;
  /*margin-left: 2;*/
  color: #003399;
  background: #EEEEEE;
  height: 10pt;
  padding: 2pt;
  text-align: center;    
  cursor: pointer; 
}

#btn a:hover {
  background: #E5E5FF;
  text-decoration: none;
  border-color: red; 
  color: red;
} 

/* HLAVNI MENU */
.divMenuPaticka{
	position: absolute;
  top: auto;
	bottom: 0; 
	left: 0;
	width: 100%; 
  height: 30px;
	overflow: hidden;
} 

.menu {
	position: absolute; 
	left: 0;
	right: 0;
	bottom: 32px; /*Set bottom value to HeightOfBottomFrameDiv*/
  border-bottom: 1px solid #AAAAAA;
	overflow: auto;
	z-index: 2;	
  margin-left: 5px;
	font-size: 10pt;
	font-weight: bold;
  text-align: left;
}
.menu A {
  margin-left: 28px;
}  
.menu A:hover{
	text-decoration: none;
	color: red;
}

.menu A span {
  position: absolute;
  left: 2px;
  width: 25px;
}

.menu A span img {
  position: relative;
  top: -2px;
}

.menu li {
	clear: both;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 10pt;
  list-style-position: outside;
  list-style-type: square;
  font-weight: normal;
}
.menu ul {
	clear: both;	
	margin: 0px;
	margin-left: 16px;
	padding-left: 6px;
}
.menu li A{
  text-decoration: none;
	width: 165px;
  margin-left: 5px;	
	/*color: #666666;#5F5F5F;*/
	/*border-bottom: 1px solid #E8ECF1;*/
}
.menu li A:hover{	
	color: red !important;
  text-decoration: none;
}
.menu li A:visited{
  text-decoration: none;
	/*color: #666666;#5F5F5F;*/
}
.menu hr{
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

.menu_login{
  font-weight:  bold;
}
.menu_login A:hover{
	color: red !important;
  text-decoration: none;
}

.menu_send{
  text-align:           center;
  vertical-align:       middle;
  font-size:            10pt;
  font-family:          inherit;
  height:               20px;
	color:                #003399;
  border:               1px solid #D3D3D3;
  border-radius:        6px;
  -webkit-border-radius:6px;
  padding-bottom:       1px;
  margin-bottom:        1px;
}
.menu_send:hover{
  color:                red;
  border:               1px solid #D3D3D3;
  background-color:     #E5E5FF;
}

/* Strankovac */
.strankovac {
	margin: 5px 0;
	font-size: 90%;
  color: #003399;
}

.strankovac a {
	margin-right: 2px;
	padding: 3px 5px;
	border: 1px solid #D3D3D3;
	text-decoration: none;
	color: #003399;
}

.strankovac a:hover {
	background: #E5E5FF;
	border: 1px solid #D3D3D3;
}

.strankovac .current {
	background:      #003399;
	border:          1px solid #003399;
	color:           #FFFFFF;
	font-weight:     bold;
}


/* Zacatek seznamu */
.tblHeader{
		color:          #003399;
		height:         22px;
		font-size:      10pt;
		font-weight:    bold;
		overflow:       hidden;
    vertical-align: top;
    background:     linear-gradient(transparent, #FFFFFF 45%);
		border-bottom:  1px solid #CCCCCC;
    border-right:   1px solid #E5E5E5;
    vertical-align: middle;
    margin-left:    1px;
}

/* Konec seznamu */
.tblFooter{
		color:          #003399;
		height:         25px;
		font-size:      10pt;
		font-weight:    bold;
    background:     linear-gradient(#FFFFFF 45%, transparent);
    margin-left:    1px;
    border-top:     1px solid #CCCCCC;
}

/* Radek seznamu */
.tblLine{
		color:          #003399;
		height:         17px;
		font-size:      10pt;
		overflow:       hidden;
    margin-left:    1px;
		border-bottom:  1px solid #CCCCCC;
    border-right:   1px solid #E5E5E5;		
}

/* Radek formulare */
.tblForm{
		color: #003399;
		height: 30px;
		font-size: 10pt;
}

/* Radek formulare - nazev radku*/
.tblFormText{
    background-color: #F5F5F5;
    border-bottom: 1px solid #CCCCCC;
		color: #003399;
		height: 30px;
		font-size: 10pt;
}

/* Radek formulare - hodnota*/
.tblFormValue{
    border-bottom: 1px solid #CCCCCC;
    padding-left: 3px;
		color: #003399;
		height: 30px;
		font-size: 10pt;
}

/* Radek formulare */
.tblFormSmall{
		color: #003399;
		height: 17px;
		font-size: 10pt;
		text-align: left;		
}

/* Policka */
input,textarea, select{
  font-weight: normal;
  font-size: 10pt;
  text-decoration: none;
  color: #003399;
	background-color: #F5F5F5;
  border: 1px solid;
  border-color: #D3D3D3;
}

/* Policka  zablokovana */
input[disabled],textarea[disabled],select[disabled]{
	background-color: #E2E2E2;
}

/* Aktivni policka */
input:focus,textarea:focus, select:focus{ 
	background-color: #ECECEC;
	border-color: blue;
}

/* Kurzor nad polickem */
input:hover,textarea:hover, select:hover{ 
	border-color: blue;
}

/* Tlacitko */
.button {
	font-size:              10pt;
	font-weight:            bold;
  font-family:            inherit;
  height:                 22px;
	color:                  #003399;
	border:                 1px solid #D3D3D3;
	background-color:       #F5F5F5;
  border-radius:          6px;
  -webkit-border-radius:  6px;
  vertical-align:         middle;
}

/* Kurzor nad tlacitkem */
.button:hover, .button:focus{
  color:             red;
	border:            1px solid #D3D3D3;
	background-color:  #E5E5FF;
}



/* Radio box */
.radio{
	font-size: 10pt;
	color: #777777;
	border: none;
	background-color: transparent;
  vertical-align: middle;
  position: relative;
  top: -2px;
}


/* PREHLED */
.prehled_radek_oznaceny{
  background-color: #FFDD83 !important;
}
.prehled_radek_oznaceny_sel{
  background-color: #CFAD53 !important;
}
.prehled_radek_cerveny{
  background-color: #FFD7D8;
}
.prehled_radek_cerveny_sel{
  background-color: #CFA7A8;
}
.prehled_radek_zluty{
  background-color: #FFFFAA;
}
.prehled_radek_zluty_sel{
  background-color: #CFCF7A;
}
.prehled_radek_zeleny{
  background-color: #CAFFCA;
}
.prehled_radek_zeleny_sel{
  background-color: #9ACF9A;
}
.prehled_radek_sel{
  background-color: #E5E5FF;
}
.prehled_radek_preskrtnuty{
  text-decoration: line-through;
}

/* Zaskrtnute */
.prehled_zaskrtnute{
	font-size: 90%;
  color: #003399;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  box-shadow: #DDDDDD 2px 2px 4px;
  border: solid 1px #D3D3D3;
  padding-right: 1px;
  padding-left: 1px;
  width: 175px;
}

/* STATISTIKA v MENU */
#statistika{
  width: 180px;
  height:80px;
  border: 1px solid #AAAAAA;
  margin: 0px;  
  font-size: 11pt;
  color: #666666;  
}
#statistika td { 
  font-size: 9pt;
  font-weight: bold;
  height: 10px;
  color: #666666;
}


/* Osobni predvolby */
.osobni_panel{
  position: absolute;
	font-size: 10pt;
	color: #003399;
	border: none;
}

.osobni_panel table td{
		color: #003399;
		height: 17px;
		font-size: 10pt;
		border-bottom: 1px solid #CCCCCC;
    /*border-right: 1px solid #F5F5F5;*/	
}

/* Naseptavaci okno */
.naseptavac{
  font-size:        10pt;
  text-align:       left;
  position:         absolute;
  border:           1px solid #DDDDDD;
  background-color: #FFFFFF;
  margin:           0px;
  cursor:           default;
  visibility:       hidden;
  list-style-type:  none; 
  width:            358px; 
}
.naseptavac ul {
	clear:            both;	
	margin:           2px;
	margin-left:      10px;
	padding-left:     6px;
}
.naseptavac li {
	clear:                 both;
	margin-left:           5px;
	padding-left:          0px;
	font-size:             10pt;
  list-style-position:   outside;
  list-style-type:       circle;
}
.naseptavac li A{
  text-decoration:   none;
	display:           block;
	color:             #666666;
}
.naseptavac li A:hover{
	display:           block;
	text-decoration:   none;
	background-color:  #ECECEC;
	/*color:             blue;*/
}
.naseptavac li A:visited{
  text-decoration:  none;
	color:            #666666;
}
.naseptavac table{
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}
.naseptavac tr:hover{
  background-color:  #ECECEC;
}
.naseptavac td{
  color:            #666666;
  border-top:       1px solid #EEEEEE;
  border-bottom:    1px solid #EEEEEE;
}

/* Okno s NAPOVEDOU */
.napoveda{
  font-size:          9pt;
  text-align:         left;
  padding:            3px;
  padding-top:        5px;
  padding-left:       5px;
  position:           absolute;
  margin:             0px;
  visibility:         hidden; 
  width:              200px;
  z-index:            300;
  border:             1px solid #FFE080;
  border-radius:      0px 4px 4px 4px;
  -webkit-border-radius:0px 4px 4px 4px;
  color:              #CC3300;
  background-color:   #FFFFCC;
  box-shadow:         2px 2px 7px #DDDDDD;
  -webkit-box-shadow: 2px 2px 7px #DDDDDD;
}

/* Okno s filtrem*/
.filtr{
  font-size:    9pt;
  text-align:   left;
  position:     absolute;
  /*border: 1px solid #B0B0B0;
  background-color: #ECECEC;*/
  margin: 0px;
  cursor: default;
  visibility: hidden;
  border-radius:      0px 0px 4px 4px;
  /*-moz-border-radius: 0px 0px 4px 4px;*/
  -webkit-border-radius:0px 0px 4px 4px;
  border:             #AAAAAA solid 1px;
  background:         #EEEEEE;
  text-shadow:        0 1px 0 #DDDDDD;
	/*-moz-box-shadow:    2px 2px 5px #bbb;*/
  -webkit-box-shadow: 2px 2px 5px #DDDDDD;
  box-shadow:         2px 2px 5px #DDDDDD;
}

.filtr table {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}

.filtr table td {
  font-size: 9pt;
	color: #003399;
	height: 11px;
	border: none;  
	padding-left: 2px;
  border-right: solid 1px #e1e1e1;
  border-left:  solid 1px #e1e1e1;
}

.filtr select {
  font-size: 9pt;
  height: 18px;
}

/* Info okno */
.divInfoOkno{
  font-size:            9pt;
  text-align:           center;
  width:                300px;
  position:             absolute;
  z-index:              200;
  margin:               0px;
  cursor:               default;
  border-radius:        5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border:               #AAAAAA solid 1px;
  background:           #EEEEEE;
  text-shadow:          0 1px 0 #DDDDDD;
  -webkit-box-shadow:   1px 1px 45px #DDDDDD;
  box-shadow:           1px 1px 45px #DDDDDD;
  opacity:              0;
  filter:               alpha(opacity=0);
}

/* Kontext menu */
.kontext_menu{
  position: absolute;
  border: 1px solid #777777;
  background-color: #F5F5F5;
  margin: 0px;
  padding: 0px;
  visibility: hidden; 
  width: 150px;
  z-index: 250;
}

.kontext_menu table {
	  margin: 0px;
    padding: 0px;
    width: 100%;
}

.kontext_menu table td {
    font-size: 9pt;
		color: #003399;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;			
		height: 8pt;  
    text-align: left;  	    		
}

.kontext_menu table td.disabled{
    font-size: 9pt;
		color: #D3D3D3;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;			
		height: 8pt;  		
}

.kontext_menu table td a{
  width:100%;
  height:100%;
  display:block;
  text-decoration: none;
}

.kontext_menu hr {
    color: #D3D3D3;
    background-color: #D3D3D3;
    border: none;
		width: 97%;  
		height: 1px;
}

/* Vlastni select */
.SelectVlastniSipka{
  position:             absolute;
  top:                  1px;
  right:                1px;
  background:           none;
  z-index:              1;
  cursor:               pointer;
}

.SelectVlastniObrazek{
  position:             absolute;
  top:                  1px;
  left:                 1px;
  background:           none;
  z-index:              1;
  cursor:               pointer;
}

.SelectVlastniOkno{
  display:              none;
  max-height:           350px;
  overflow:             hidden;
  overflow-y:           scroll;
  position:             absolute;
  z-index:              510;
  background-color:     #F5F5F5;
  border-radius:        0px 0px 4px 4px;
  /*-moz-border-radius: 0px 0px 4px 4px;*/
  -webkit-border-radius:0px 0px 4px 4px;
  border:               #D3D3D3 solid 1px;
	/*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
  -webkit-box-shadow:   1px 1px 2px #DDDDDD inset;
  box-shadow:           1px 1px 2px #DDDDDD inset;   
}

.SelectVlastniOkno table td{
  padding-left:         5px;
  text-indent:          -3px;
}


/* Schvalovaci okno */
.schvOkno{
  font-size:              9pt;
  text-align:             left;
  color:                  #003399;  
  background-color:       #F9F9F9;
  width:                  400px;
  border:                 solid 1px #D9D9D9;
  border-radius:          4px 4px 4px 4px;   
}

.schvSchvalovatel{
  font-size:              9pt;
  padding-left:           5px;
  font-weight:            bold;
}

.schvTermin{
  font-size:              7.5pt;
  padding-right:          1px;
  font-style:             italic;
  color:                  red;
}

.schvVyjadreni{
  font-size:              9pt;
  padding-left:           2px;
}

.schvStav{
  font-size:              8.5pt;
  padding-left:           5px;
}

.schvTlacitko {
	font-size:              9pt;
  font-family:            inherit;
  height:                 20px;
	color:                  #003399;
	border:                 1px solid #D3D3D3;
  margin-bottom:          3px;
	background-color:       #F5F5F5;
  border-radius:          3px;
  -webkit-border-radius:  3px;
  padding-top:            1px;
  vertical-align:         middle;
  cursor:                 pointer;
  display:                block;
  width:                  105px;
}

.schvTlacitko:hover, .schvTlacitko:focus{
  color:                  red;
	border:                 1px solid #D3D3D3;
	background-color:       #E5E5FF;
  text-decoration:        none;
}


/* PopUp okno */
.popup{
  font-size: 9pt;
  text-align: left;
  position: absolute;
  /*border: 1px solid rgb(65,105,225);*/
  color: #003399; 
  /*background-color: rgb(240,248,255);*/
  margin: 0px;
  visibility: hidden; 
  width: 375px;
  z-index: 210;
  border-radius:      0px 0px 4px 4px;
  /*-moz-border-radius: 0px 0px 4px 4px;*/
  -webkit-border-radius:0px 0px 4px 4px;
  border:             #AAAAAA solid 1px;
  background:         #EEEEEE;
  text-shadow:        0 1px 0 #DDDDDD;
	/*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
  -webkit-box-shadow: 1px 1px 2px #DDDDDD inset;
  box-shadow:         1px 1px 2px #DDDDDD inset;
}

.popup table td {
    font-size: 10pt;
		color: #003399;
		height: 12px;
		border: none;  
		padding-left: 2px;
}

/* Mini nastenka */
div.board {
  font-size: 10px;
	border: 1px solid #777777;
	background: #FFFFFF;
	overflow: hidden;
	text-align: left;
	padding: 2px 0px;
	margin: 5px 0px;
	width: 820px;
}

div.board table td {
    font-size: 9pt;
		color: #003399;
		height: 12px;
		border-bottom: none;  
}

/* RSS Ctecka */
div.RSSctecka {
	font-size: 10px;
	border: 1px solid #777777;
	background: #FFFFFF;
	overflow: hidden;
	text-align: left;
	padding: 2px 0px;
	margin: 5px 0px;
	width: 400px;
}

div.RSSctecka ul {
	clear: both;	
	margin: 0px;
	margin-left: 14px;
	padding-left: 6px;
}

div.RSSctecka li{
	clear: both;
	margin-left: 0px;
	margin-top: 2px;
	padding-left: 0px;
	font-size: 10px;
  list-style-position: outside;
  list-style-type: disc;
  }

/* Ovladaci panel */
.ovladani {
  background:       transparent;
  font-size:        10pt;
  text-align:       center;
  width:            100%;
  height:           28px;
  top:              0px;
  left:             0px;
  color:            #003399;
  position:         relative;
  z-index:          20;
}

.ovladani table {
  margin-left:      2px;
  border-collapse:  collapse;
  border:           none;
  height:           100%;
}

.ovladani table td {  
  min-width:        20px;
  text-align:       center;
  font-size:        10pt;
  padding-left:     3px;
  padding-right:    3px;
  border-right:     solid #AAAAAA 1px;
  border-left:      solid #AAAAAA 1px;
}

.ovladani table td a {
  text-decoration:  none;
}

/* Nadpis stranky */
#nadpis{
  top:              -25px;
  margin:           0px;
  padding:          0px;
  width:            auto;
  height:           auto;
  font-weight:      bold;
  font-size:        10pt;
  z-index:          1;
  position:         relative;
  display:          inline-block;
}


/* Prepinani sekci */
div.sekce {
  font-size: 10pt;
  font-weight: normal;
  background-color: #F5F5F5;
  width: 100%;
  height: 22px;  
}

div.sekce A {
  text-decoration: none;
}

div.sekce A:hover{
	text-decoration: none;	
	color: red;
} 

div.sekce div.sekce_volba {
    background-color: #F5F5F5;
    width: 55px;
    height: 20px;
    font-weight: bold;
    text-align: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;  
} 

div.sekce div.sekce_volba a {
    font-size: 13px;
    display: block;
    padding-top: 2px;
    padding-bottom: 3px;
    width: 55px;   
} 

/* Prihlasovaci okno */
.prihlasovani {
  position:             absolute;
  top:                  55%;
  left:                 0;
  width:                100%;
  text-align:           center;
}

.prihlasovani fieldset {
    margin-top:         1em;
    width:              200px;
    border-radius:      4px 4px 4px 4px;
    /*-moz-border-radius: 4px 4px 4px 4px;*/
    -webkit-border-radius:4px 4px 4px 4px;
    padding:            5px;
    border:             #AAAAAA solid 1px;
    padding:            1.5em;
    padding-bottom:     1em;
    background:         #EEEEEE;
    text-shadow:        0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow: 1px 1px 2px #DDDDDD inset;
    box-shadow:         1px 1px 2px #DDDDDD inset;
    z-index:            2;
}

.prihlasovaniRamecek {
    margin-top:           1em;
    font-size:            9pt;
    width:                250px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    padding:              5px;
    border:               #AAAAAA solid 1px;
    padding:              1.5em;
    padding-bottom:       1em;
    background:           #EEEEEE;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #DDDDDD inset;*/
    -webkit-box-shadow:   2px 2px 25px #DDDDDD;
    box-shadow:           2px 2px 25px #DDDDDD;
    z-index:              2;
}

.prihlasovani fieldset legend {
    font-weight:        bold;
    color:              #003399;
    padding:            5px 10px;
    border-radius:      2px;
    /*-moz-border-radius: 2px;*/
    -webkit-border-radius:2px;
    border:             1px solid #AAAAAA;
    background-color:   #FFFFFF;
    /*-moz-box-shadow:    3px 3px 15px #DDDDDD;*/
    -webkit-box-shadow: 3px 3px 15px #DDDDDD;
    box-shadow:         3px 3px 15px #DDDDDD;
    z-index:            1;
}

.prihlasovaniRamecekNazev {
    font-weight:          bold;
    font-size:            10pt;
    letter-spacing:       0.5px;
    color:                #003399;
    padding:              5px 10px;
    width:                100px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               1px solid    #AAAAAA;
    background-color:     #FFFFFF;
    -webkit-box-shadow:   3px 3px 15px #DDDDDD;
    box-shadow:           3px 3px 15px #DDDDDD;
    z-index:              1;
    position:             relative;
    left:                 -70px;
    top:                  -35px;
}

.prihlasovaniHlaska {
    position:             absolute;
    top:                  35%;
    left:                 0;
    width:                100%;
    text-align:           center;
    letter-spacing:       0.5px;
    font-size:            10pt;
}

.loginText{
    color:              #003399;
    font-size:          9pt;
    font-weight:        bold;
    letter-spacing:     0.5px;
    padding-right:      1px;
    padding-left:       1px;
    text-align:         right;
    height:             22px;
}

.loginInput{
    font-weight:            normal;
    font-size:              9pt;
    text-decoration:        none;
    color:                  #003399;
  	background-color:       #F5F5F5;
    border:                 1px solid;
    border-color:           #D3D3D3;
}

.loginInput:focus{ 
    background-color:       #ECECEC;
    border-color:           blue;
}

.loginSend{
    text-align:             center;
    font-size:              9pt;
    border:                 1px #003399 outset;
    border-radius:          4px;
    -webkit-border-radius:  4px;
}

.loginSend:hover{
    border:                 blue 1px inset;
    background-color:       #D3D3D3;
    cursor:                 pointer;
}

.loginHlaska{
    width:            100%;
    font-weight:      bold;
    font-size:        11pt;
    color:            red;
}
.loginCapsLock{
    height:           15px;
    text-align:       center;
    vertical-align:   middle;
    color:            #FF6000; 
}
.loginInfo{
    position:         absolute;
    top:              auto;
    left:             0;
    height:           40px;
    width:            100%;
    padding:          0;
    margin:           0;
    bottom:           0;    
    border:           0;   
    border-top:       1px solid #AAAAAA;
    background:       #EEEEEE;
  	overflow:         hidden;
    font-weight:      normal;
    font-size:        8pt;
    text-decoration:  none; 
    text-align:       center;
    color:            #777777;                     
}
.loginInfo a{
    font-weight:      normal;
    text-decoration:  none; 
    color:            #777777;
}
.loginInfo a:hover{
    font-weight:      normal;
    text-decoration:  none; 
    color:            #003399;
}
.loginInfoVersion{
    position:         absolute;
    padding-top:      2px;
    width:            300px;
    right:            0;
    text-align:       center;  
}
.loginInfoVersion a{
    font-weight:      normal;
    text-decoration:  none;
    color:            #777777;   
}
.loginInfoCopyright{    
    border-top:       1px solid #D3D3D3;
    padding:          2px;
    width:            300px;
    right:            0;
    position:         absolute;
    top:              auto;
    bottom:           2px;
}
.loginInfoName{    
    position:         absolute;
    padding-top:      2px;
    width:            100%;
    left:             0;
    top:              10%;
    text-align:       center;
    font-size:        10pt;
    font-weight:      bold;
}
.loginInfoName:hover{    
    color:            #003399;
}
.loginInfoLegal{    
    position:         absolute;
    width:            100%;
    left:             0;
    bottom:           0px;
    text-align:       center;
    font-size:        7pt;
}
.loginInfoLoga{    
    position:         absolute;
    left:             0px;
    z-index:          5;
}
.loginInfoPreloadImg{    
   border:            0;
   width:             1px;
   height:            1px;
   visibility:        hidden;
}
a.loginInfoLogoQML {
    position:         absolute;
    left:             20px;
    top:              1px;
    width:            80px;
    height:           38px;
    display:          block;
    background-image: url('../img/logo_qml_small40_cb.png');
    background-repeat: no-repeat;
}
a.loginInfoLogoQML:hover {
    background-image: url('../img/logo_qml_small40.png');
    background-repeat: no-repeat;
}
a.loginInfoLogoQCOM {
    position:         absolute;
    left:             120px;
    top:              1px;
    width:            186px;
    height:           38px;
    display:          block;
    background-image: url("../img/logo_qcom_small40_cb.png");
    background-repeat: no-repeat;
}
a.loginInfoLogoQCOM:hover {
    background-image: url("../img/logo_qcom_small40.png");
    background-repeat: no-repeat;
}

.podacilistekRamecek {
    margin-top:           1em;
    border-radius:        8px;
    -webkit-border-radius:8px;
    padding:              5px;
    border:               #AAAAAA solid 1px;
    padding:              1.5em;
    padding-bottom:       1em;
    background:           #F5F5F5;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #DDDDDD inset;*/
    -webkit-box-shadow:   2px 2px 25px #DDDDDD;
    box-shadow:           2px 2px 25px #DDDDDD;
    z-index:              2;
}

.ucho {
  position:           absolute;
	top:                0px;
  cursor:             pointer;
  padding-top:        2px;
  padding-bottom:     2px;
  padding-left:       5px;
  padding-right:      5px;
  z-index:            100;
  font-size:          8pt;
  height:             15px;
  color:              #003399;
  text-align:         center;
  border-right:       1px solid #666666;
  border-left:        1px solid #666666;
  border-bottom:      1px solid #666666;
  border-radius:      0 0 10px 10px;
  -webkit-box-shadow: 3px 3px 5px #DDDDDD;
  box-shadow:         3px 3px 5px #DDDDDD;
}

.ucho:hover {
  background-color:   #FFE080;
  color:              #FF6000;
  border-color:       #FF6000;
  -webkit-box-shadow: none;
  box-shadow:         none;
}

.uchoPopup {
	position: absolute;
  text-align: left;
  z-index: 100;
  text-decoration: none;
	font-size: 10pt;
  border-radius:5px;
  visibility: hidden;
  border:             #AAAAAA solid 1px;
  background:         #EEEEEE;
  text-shadow:        0 1px 0 #DDDDDD;
	/*-moz-box-shadow:    2px 2px 5px #DDDDDD;*/
  -webkit-box-shadow: 2px 2px 5px #DDDDDD;
  box-shadow:         2px 2px 5px #DDDDDD;
  color: #003399;    
}


.komentarRamecek {
    position:             relative;
    width:                auto;
    margin:               5px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    background:           #FFFFCC;
    color:                #003399;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    z-index:              2;
}

.komentarRamecek:hover {
    border:               #777777 solid 1px;
    background:           #FFFFAA;
}

.komentarRamecekDulezity {
    background:           #FFE080;
}

.komentarRamecekDulezity:hover {
    background:           #FFE066;
}

.komentarTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                95px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.komentarTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.komentarPriznak {
    margin:               2px;
    margin-left:          4px;
    width:                80px;
    display:              inline-block;
    text-align:           left;
    height:               15px;
    padding:              2px;
}

.komentarePopisek {
  margin-left:          20px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.komentareRamecek {
  border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
}
  

/* PODNETY */
.podnetRamecek {
    position:             relative;
    width:                auto;
    margin:               5px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    background:           #D0F0FF;
    color:                #003399;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    z-index:              2;
}

.podnetRamecek:hover {
    border:               #777777 solid 1px;
    background:           #C0F0FF;
}

.podnetTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                95px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.podnetTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.podnetyPopisek {
  margin-left:          20px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.podnetyRamecek {
  border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
}

/* JEDNANI */
.jednaniRamecek {
    position:             relative;
    width:                auto;
    margin:               5px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    background:           #F0FFF0;
    color:                #003399;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    z-index:              2;
}

.jednaniRamecek:hover {
    border:               #777777 solid 1px;
    background:           #E0FFE0;
}

.jednaniRamecek a:hover{
    text-decoration:      none;
}

.jednaniTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                95px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.jednaniTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.jednaniPopisek {
  margin-left:          20px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.jednaniKruh {
    border-radius:        50%;
    behavior:             url(PIE.htc);
    width:                50px;
    height:               50px;
    border:               1px solid #AAAAAA;
    background:           #FFFFCC; 
    vertical-align:       middle;     
}

.jednaniRamecekPopis {
    position:             relative;
    width:                auto;
    margin:               4px;
    margin:               4px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    background:           #FFFFCC;
    color:                #003399;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    z-index:              2;
}

.jednaniRamecekPopis:hover {
    border:               #777777 solid 1px;
    background:           #FFFFAA;
}

.jednaniSeznamRamecek {
  border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
}

.jednaniTextPopisek {
  color:                #003399;
}


/* UKOLY */
.ukolRamecek {
    position:             relative;
    width:                auto;
    margin:               5px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    /*background:           #D0FFE0;*/
    color:                #7E7E7E;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    z-index:              2;
}

.ukolRamecek:hover {
    border:               #2E2E2E solid 1px;
    background:           #E8E8E8;
}

.ukolRamecekHotovo {
    background:           #E0FFF0;
}

.ukolRamecekHotovo:hover {
    background:           #D0EFE0;
}

.ukolRamecekPoterminu {
    background:           #FFF0F0;
}

.ukolRamecekPoterminu:hover {
    background:           #DFD0D0;
}

.ukolPopisek {
  color:                  #003399;
}

.ukolTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                95px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.ukolTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.ukolyPopisek {
  margin-left:          20px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.ukolyRamecek {
  border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
}

/* SOUBORY (prilohy) */
.souboryTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                115px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.souboryTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.souboryPopisek {
  margin-left:          180px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.souboryRamecek {
  border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
}




/* RELATED */
#related_z {
  margin-left:  20px;
  margin-right: 10px;
}

#related_z ul {
  list-style: none;
  padding:    0;
  margin:     0;
  margin-top: 1px;
}

#related_z li {
  float:                left;
  border:               1px solid #AAAAAA;
  margin-right:         5px;
  background:           #FFFFFF;
  border-radius:        6px 6px 6px 6px;
  -webkit-border-radius:6px 6px 6px 6px;
  color:                #003399;
  height:               20px;
  padding:              0.24em 1em;
  text-align:           left;
  position:             relative;
  width:                120px;
  top:                  1px;    
  cursor:               pointer;
  margin-bottom:        4px; 
}

#related_z li:hover {
  color:                red;
	border:               1px solid #777777;
}  

.related_z_sel {
  top:                  3px !important;
  border-bottom-width:  0 !important;
  height:               23px !important;
  border-radius:        6px 6px 0px 0px !important;
  -webkit-border-radius:6px 6px 0px 0px !important;
  margin-bottom:        0px !important; 
}

.related_r {
  border:               1px solid #AAAAAA;
  margin-left:          3px;
  margin-right:         3px;
  margin-bottom:        3px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              0px; 
}