body {
     background-color: #cacaca;
     color: #393939;
     margin: 0px;
     padding: 0px;
     font-family: Tahoma, Verdana, 'Arial ce', 'arial', 'helvetica ce', 'helvetica';
     font-size: 13px;
        line-height: 150%;
}

/*
  UVITACI OBRAZOVKA
*/

a {
    color: navy;
}

a:HOVER {
    color: gray;
}

#welcome_start {
    margin: 200px auto;
    width: 750px;
}

#welcome_in {
    margin: auto;
    padding: 50px 0 50px 0;
    border-top: 5px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}
#welcome_copyright {
    padding-top: 20px;
    padding-right: 2px;
    text-align: center;
    color: #393939;
}

#welcome_copyright a {
    color: #2DA8FF;
}

#welcome_form {
    border-radius: 20px;
    width: auto;
    background-color: #919191;
    padding: 20px;
    font-size: 14px;
    color:white;
    background-image: url("../obr/logo.png");
    background-repeat: no-repeat;
    padding-left: 350px;
    box-shadow: 4px 4px 10px 2px #a8a8a8;
}
#welcome_form td {
    font-size: 14px;
    padding: 5px;
}
#welcome_form img {
    top: 4px;
    position: relative;
}

#welcome_form .text_input, #welcome_form .text_input_small {
    border: 1px solid black;
    padding: 3px;
    width: 220px;
    font-size: 14px;
    border-radius: 5px;
}

#welcome_form .text_input_small {
    width: 80px;
}

#welcome_form div,#welcome_form span {
    padding: 5px;
}

#welcome_form .tlacitko {
    width: 130px;
    border: none;
    border-radius: 5px;
    padding:10px;
    border: 1px solid #F4A400;
    background-color: #F4A400;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin: 9px;
}
#welcome_form .tlacitko:hover {
    border: 1px solid #393939;
}




/*
  MAIN PAGE
*/

#main_top {
    margin: 0px auto;
    padding: 0;
    background-color: #fff;
    width: 100%;
    height: 10px;
    border-bottom: 0px solid #fff;
}

#sysstat {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: white;
    border: 1px outset gray;
    padding: 10px;
    background-color: gray;
}

#main_sys_top {
    margin: 0px auto;
    padding: 0px;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #F49C00;
    height: auto;
}
#main_sys_top .in {
    padding: 5px;
    text-align: right;
}


#main_page {
    margin: 0px auto;
    padding: 35px;
}

.ikona {
    margin: 0;
    padding: 4px;
    width: 35px;
    height: 35px;
    border: 2px solid #f0f0f0;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
}

.ikona:HOVER {
    border: 2px solid #F49C00;
}

.stranka_small, .stranka_middle, .stranka_big {
    background-color: #fff;
    box-shadow: 4px 4px 10px 2px #bdbdbd;
    margin: auto;
    padding: 0px;
    margin-bottom: 30px;
    border-radius: 10px;
}

.stranka_small {
    width: 350px;
    margin: auto;
}

.stranka_middle {
    max-width: 1100px;
}
.stranka_big {

}

.f_input {
    border: 2px solid #819da6;
    padding: 5px;
    background-color: #ecfaff;
    font-size: 14px;
    text-align: left;
    border-radius: 5px;
}

.f_input:focus {
    background-color: #fff;
}

.f_input:hover, .f_input:focus {
    border: 2px solid #F4A400;
}


.f_submit {
    border: 2px solid #F4A400;
    border-radius: 5px;
    padding:10px;
    background-color: #F4A400;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin: 10px;
}

.f_submit:hover {
    background-color: #f4c566;
    border: 2px solid #f4c566;
    color: #000;
}

.nadpis {
    background-color: #272f65;
    font-size: 14px;
    padding: 10px;
    padding-left: 35px;
    color: #fff;
    font-weight: bold;
    background-image: url('../obr/ico/window.png');
    background-size: 25px;
    border-radius: 7px;
    background-position: 4px 7px;
    background-repeat: no-repeat;
}

.nadpis_prip {
    background-color: #838383;
    font-size: 14px;
    padding: 10px;
    padding-left: 35px;
    color: #fff;
    font-weight: bold;
    border-radius: 7px;
    background-image: url('../obr/ico/window_prip.png');
    background-size: 25px;
    background-position: 4px 7px;
    background-repeat: no-repeat;
}

.nadpis_in {
}

.nadpis_prip .nadpis_in {
    border-color: #272f65;
}

.nadpis .nadpis_in {
    border-color: #074090;
}

.stranka_in {
    padding: 10px;
}

.hlmenu_ikona {
    float: left;
    width: 120px;
    height: 90px;
    text-align: center;
    border: 2px solid #e0e0e0;
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 10px;
    border-radius: 5px;
}
.hlmenu_ikona img {
    border: none;
    height:50px;
}

.hlmenu_ikona a {
    text-decoration: none;
    font-weight: bold;
    color: #555;
}

.hlmenu_ikona a:HOVER {
    text-decoration: none;
    color: #000;
}

.hlmenu_ikona:HOVER{
    border: 2px solid #272f65;
}



.both {
    clear: both;
}

td, th {
}

table.vypis {
        background-color: #fff;
        width:100%;
}

table.vypis td,.vypis th {
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
    border-left: 1px solid #F6F6F6;
    border-top: 1px solid #F6F6F6;
    padding: 5px;

}
table.vypis th {
    background-color: #E0E0E0;
}

table.vypis tr{
    background-color: #f0f0f0;
}
table.vypis tr:HOVER{
    background-color: #fff;
}

table.vypis tr:HOVER td:first-child{
    border-left:2px solid #0077ff;
    color:  #074090;
}


.form td, .space5 {
    padding: 5px;
}

.zmen {
    color: green;
}
.prava {
    color: blue;
}
.smaz {
    color: red;
}

.ostra {
    color: maroon;
}
.zmen:HOVER,.prava:HOVER,.ostra:HOVER {
    text-decoration: none;
    background-color: #fff;
}

.smaz:HOVER {
    text-decoration: none;
    color: white;
    background-color: red;
}

.chyba {
    color: red;
}


.funkce {
    padding: 10px;
    font-size: 16px;
}

.funkce a {
    color: #F49C00;
}

.funkce a:HOVER {
    color: #000;
}

em {
   font-size: 0.9em;
   font-style: normal;
   color: gray;
}

.sys_info {
    float: left;

}

.sys_info .in {
    padding: 5px;
    float: left;
    color: #000;
    font-size: 1em;
    line-height: 1.7;
    text-align: left; 
}

.sys_info .in b {
    color: #393939;
}
h1 {
    font-size: 1.7em;
}

h2 {
    font-size: 1.2em;
    text-decoration: underline;
}

.uk_popis {
    font-size: 0.9em;
    color: gray;
}

.cislo, .cislo div {
    text-align: right;
}
.cislo input {
    text-align: left;
}
.cislo {
    width: 110px;
}

span.vzorec {
    color: blue;
    font-size: 0.8em;   
    z-index: 0;
}

p {
    padding-left: 5px;
}

.vyber_obdobi div {
    border: 1px solid silver;
    display: block;
    float: left;
    margin: 5px;
    font-size: 1.3em;
    padding: 3px;
}

#okno_obce {
    border: 1px solid black;
    background-color: white;
    position: absolute;
         right: 10px;
         top: 90px;
    padding: 0;
    width: 180px;
}

.nadpis_in a {
    text-decoration: none;
    color:#fff;
}

.nadpis_in a:HOVER {
    text-decoration: none;
    color: orange;
}

.vyber_popis {
    color: blue;
    float: left;
    padding-left: 10px;
}

.vyber_popis span {
    color: gray;
}

.vyber_ukazatel_box {
    border: 1px dashed silver;
    border-top-width: 0px;
    margin: 5px;
    padding: 5px;
}

.f_male {
        width: 650px;
}

#help {
    color: gray;
    min-height: 50px;
    _height: 50px;
    padding-left: 43px;
    background-image: url('../obr/help.gif');
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.povinne {
    background-image: url('../obr/povinne.gif');
    background-repeat: no-repeat;
    background-position: 0 3px;
}


td ul {
   margin: 0;
}
ul li {
   margin-left: -15px;
}

div.pritel {
        background-image: url('../obr/pritel.gif');
        background-repeat: no-repeat;
        height: 60px;
        padding-left: 60px;
}

div.pritel div {
        padding-top: 10px;
}
table.pristupy td {

        padding: 5px;
}

#okno_modelovani {
    border: 1px solid black;
    background-color: white;
    position: absolute;
         left: 40px;
         top: 120px;
    padding: 0;
    width: 700px;
}

.v_promenna {           
    cursor: help;
    color: blue; 
}

.tooltip {
    border: 1px solid black;
    background-color: white;  
    padding: 5px;  
    width: 200px; 
    color: black;   
}
span.neakt_info {
	color: silver;
}

#pruzkumnik {
	border: 1px solid silver;
         padding: 2px;
         margin: 10px;
}

#pruzkumnik #cesta {
	background: silver;
         padding: 5px;         
}

#pruzkumnik #cesta a{
	color: green;
}

#pruzkumnik #cesta a:hover{
	color: gray;
}

#pruzkumnik .obsah{
         padding: 10px; 
}

#pruzkumnik h5{
         padding: 0;
         margin: 0;
         margin-bottom: 20px; 
         font-size: 12px;
}

#pruzkumnik .obsah .slozka {    
         width: 120px;
         text-align: center;
         height: 100px;        
         float: left;
}

#pruzkumnik .obsah .slozka a {
         display: block;
         width: 100%; 
         cursor: pointer;
         text-decoration: none;
         color: navy;               
}
         
#pruzkumnik .obsah .slozka a:hover {
         text-decoration: underline; 
         color: gray; 
}

#pruzkumnik .obsah .slozka a span {
         display: block; 
                 
}
#pruzkumnik .obsah .slozka img {
         border-width: 0;         
}

table.si {
         margin: 10px;
         background-color: white;
}

table.si th,table.si td {
         border: 1px solid black;
         padding: 2px;
}


/* box pro info zpravy */
#messages_box {
      position: absolute;
      top: 0;
      left: 0;
      width: 400px;
      padding: 20px;
}

#messages_box .message {
      width: 100%;
      padding: 20px;
      padding-left: 50px;
      padding-right: 40px;      
      position: relative;
      margin-bottom: 10px;
}

#messages_box .information,
#messages_box .success {
      border: 2px solid green;
    border-radius: 10px;
      background-color: #B2F08D;
      background-image: url('../obr/ico/message_success.gif');
      background-repeat: no-repeat;
}

#messages_box .error {
      border: 2px solid red;
        border-radius: 10px;
      background-color: #F0A2A6;
      background-image: url('../obr/ico/message_error.gif');
      background-repeat: no-repeat;
}

#messages_box .message .close_button {
      position: absolute;
      top: 20px;
      right: 20px;
}

.skupina {
      padding: 5px;
      border: 1px solid gray;
      margin: 10px;
}

.skupina h3 {
      margin: 0;
}

/* textova cast formulare u vyplnovani */
.textova_cast {
    padding: 3px;
    text-align: left;
    font-family: verdana;
    border: 2px solid #819da6;
    padding: 5px;
    background-color: #ecfaff;
    font-size: 14px;
    text-align: left;
    border-radius: 5px;
}

p.textova_cast {
    border: 1px solid #000;
    margin: 10px;
    padding: 6px;
}

.table_filter td {
    padding: 5px;
}

.center {
    text-align:center;
}