/**
 * styly vlastní pro front page 
 * 
 * @author     Pan Petr
 * @package    Kofr
 * @copyright (c) 01/2017, Pan Petr
 */
/*--------------------------------------- vstupni stranka-------------------------------------------------*/
body  { 
    font-family: Verdana,
                  'Arial CE',
                  'Lucida Grande CE',
                  'Helvetica CE',
                  sans-serif;
    font-size: 8pt;
    cursor: auto;
    color: #000000;
    margin: 0; 
    padding: 0; 
    border: 0; 
    overflow: auto;
    background-color: rgb(153,202,255);
    background-repeat: repeat-y;
    background-image: url("../!grafika/bg_page.gif");
}



 /*--------------------------------------- zahlavi stranky -------------------------------------------------*/
 /*definovani pozic zahlavi*/

 /*ohraniceni celeho zahlavi*/
 #top-cover { 
     position: absolute;
     width:    754px;
     height:   131px;
     left: 24px; top:2px;
 	   border:  0px solid blue;
     margin:  0; 
     padding: 0;
     }

 /*pozadi hlavicky*/
 .top-t-background { 
    width: 754px;
    height: 82px;
    background-image: url("../!grafika/grafika_top.jpg");
}

 /*logo firmy*/
 .top-logo { 
     position: absolute;
     width: 216px;
     height: 42px;
 	   left:   14px; top: 10px;
 	   background-image: url("../!grafika/logo_top.gif");
 	   border: 0px solid blue;
     }

 /* adresa firmy */
 #top-cover #top-address { 
     position: absolute;
     width: 220px;
     height: 25px;
 	   left: 12px; top: 52px;
 	   text-align: center;
     border: 0px solid blue;
     }
                         
/* oblast pro zobrazeni vyhledavaciho tlacitka */
#top-cover #find-cover { 
     position: absolute;
     left: 550px; top: 80px;
     width: 60px; height: 15px;
 	   border: 0px solid blue;
     margin: 0;
     padding: 0;
     z-index: 1;
     }                         

 /* grafika menu */
 .top-line { 
     position: absolute;
     left: 0px; top: 83px;
     width: 754px; height: 48px;
 	   background-repeat: repeat-x;
 	   background-image: url("../!grafika/menu_bg.gif");
 	   border: 0px solid blue;
     }

/* grafika menu - leva strana*/
 .top-line-left { 
     position: absolute;
     left: 0px; top: 83px;
     width: 8px; height: 48px;
 	   background-image: url("../!grafika/menu_left.gif");
 	   }

/* grafika menu - prava strana*/
 .top-line-right { 
     position: absolute;
     left: 746px; top: 83px;
     width: 8px; height: 48px;
 	   background-image: url("../!grafika/menu_right.gif");
 	   }

 /*-------------------------------- top menu je zvlast ------------------------------*/
 /* polozky horniho menu */
 #top-menu { 
     position: absolute; 
     left: 30px; top: 88px;
     width: 724px; height: 20px;
     border: 0px solid black;
     color: blue;
     font-weight: bold;        
     }
     
/* oddelovaci obdelnicky */
 #top-menu a { 
     color: black;
     font-weight: bold;
     padding: 0 11px 0 5px;
     display: inline-block;
     border-right: 2px solid white;
     }
     
 #top-menu a.active {color: red;}            
/* po prejeti mysi */
 #top-menu a:hover { color: white; }

 /***************************************end zahlavi*********************************************************/



 /*-------------------------------------------- right menu -------------------------------------------------*/

 /*definovani grafiky praveho menu (prihlasovaci formular)*/
 .userForm-content {
     font-size: 7pt; font-weight: normal; width: 145px;
     margin: 0 0 0 2px; padding: 0; border: 0px solid blue;
     display: block; z-index: 2;
     }
  
 .userForm-mess {
     position: absolute; left: 500px; top: 25px; width: 130px; 
     font-size: 7pt; font-weight: bold; padding: 2px; 
     border: 1px solid red;
     }
          /*vypis chybovych hlasek po prihlaseni*/                  

/* vstupni prihlasovaci formular */
 .userForm-content input.vstupni { 
     width: 80px; height: 15px;
     margin: 2px 0 0px 2px;
     border: 1px solid white;
     padding: 0;
     }

 .userForm-content input.button{
     position: relative; left: 15px;
     width: 60px; height: 18px;
 	   font-size: 7pt; 
     font-weight: bold;
     color: white;
     margin: 3px 0 0 0; 
 	   border-color: silver;
     background-color: #0066ff; 
     }



/*-------------------------------------------- horni menu -------------------------------------------------*/

/* horni menu druhy radek */
 #left-cover { 
     position: absolute;
     left: 38px; top: 109px;
     width: 724px; height: 26px;
 	   border: 0px solid black;
     margin: 0;
     padding: 0;
     }

/* definovani horniho menu druhy radek */
 .leftMenu-content { 
     font-size: 10pt;
     font-weight: bold; color: white;
     margin: 3px 0 0 2px;
     padding: 0;
     border: 0px solid blue;
     display: block;
     z-index: 2;
     }

 .leftMenu-content a { 
     color: white;
     padding: 0 11px 0 5px;
     display: inline-block;
     border-right: 3px solid white;
     }

 .leftMenu-content a:hover     {color: red;}
 .leftMenu-content a.reg       {color: black; font-weight: bold;}
 .leftMenu-content a:hover.reg {color: red;}
 .leftMenu-content form        {margin: 0 0 10px 0; }

/* prihlasovaci dialog, zatim pouze slovo "Prihlasit:" */
.leftMenu-nadpis { 
    position: absolute;
    left: 682px; 
    top: 0px;
    width: 140px; 
    height: 19px;
    color: blue;
    text-indent: 5px;
    font-weight: bold;
    margin: 0px;
    padding-top: 8px;
    border: 0px solid blue;
    z-index: 2;
}

 /***************************************end horni menu************************************************/



 /*--------------------------------------- main page -------------------------------------------------*/
 /*definovani hlavni stranky pro zobrazovani textu formularu a ostatnich prvku*/

 /*ohraniceni cele hlavni stranky*/
 #main-cover { 
    position: absolute;
    left: 24px; top: 150px;
    width: 754px;
    border: 0px solid blue;
    margin: 0;
    padding: 0px 0 0 0;
    background: rgb(214,234,255);
    background-repeat: repeat-y;
    background-image: url("../!grafika/tab_bg.gif");
    z-index: 1;
}

 /*formatovani v ramci mainPage-cover*/
.mainPage-content { 
    position: relative;
    width: 741px;
    overflow: no-content;
    margin: 6px 0 10px 6px;
    padding: 0;
    border: 0px solid orange;
}
  
/*.mainPage-content input {padding: 0px; margin: 2px;} -- ted asi na nic --*/
 .mainPage-content input.opType {
     position: relative; 
     left: 10px;
     }

/* grafika hlavni stranky vrch*/
 .mainPage-top { 
     position: absolute;
     left: 0px; top: 0px;
     width: 754px; height: 4px;
     border: 0px solid blue;
     margin: 0;
     padding: 0px 0 0 0;
     background-repeat: repeat-x;
 	   background-image: url("../!grafika/tab_top.gif");
 	   }

/* grafika hlavni stranky spodek*/
 .mainPage-bottom { 
     position: relative;
     left: 0px; top: 0px;
     width: 754px; height: 4px;
     background-repeat: repeat-x;
 	   background-image: url("../!grafika/tab_bottom.gif");
 	   }

/***************************************end main page*********************************************************/

/************************************** Vypis informacnich hlasek ****************************************/
#infoPruh_content{
    text-align: center;
}
.info-content {
    background-color: green; 
    color: white;
    text-align: center;
    margin: 1px 160px auto;
}
.error-content {
    font-weight: bold; 
    color: white;
    background-color: red; 
     /*display: block;*/
    text-align: center;
    margin: 1px 160px auto;
}
#vystraha {
    text-align: center;
    margin: 1px 160px auto;
}                  
                  

/***************************************** end Aktivni uzivatel ***********************************************/


/************************************** Aktivní (prihlaseny) uzivatel ****************************************/

/* oblast pro zobrazeni prihlasenenho uzivatele */
#user-cover { 
     position: absolute;
     left: 650px; top: 88px;
     width: 120px; height: 10px;
 	   border: 0;
     margin: 0;
     padding: 0;
     z-index: 2;
     }

/* definovani fontu */
 .user-content {
     font-weight: bold; 
     font-size: 7pt;
     }
 .user-content a {
     color: blue;
     }

/***************************************** end Aktivni uzivatel ***********************************************/

/****************************************************pomocne styly pro ruzne oblasti*****************************/
.ramecek {
     border: 1px solid black; 
     font-weight: bold; 
     font-size: 8pt;
	   margin: 0; 
     padding: 5px; 
     display: block;
     }

.ramecekNoBold {
     border: 1px solid black; 
     font-size: 8pt;
	   margin: 0; 
     padding: 5px; 
     display: block;
     }	        

.ramecekBlue {
     border: 1px solid blue; 
     font-weight: bold; 
     font-size: 8pt;
	   margin: 0; 
     padding: 5px; 
     display: block;
     }

.ramecekZahlavi {
     border: 1px solid blue; 
     font-weight: bold; 
     font-size: 8pt; 
     background: blue;
	   margin: 0; 
     padding: 5px; 
     display: block;
     }	

.fieldNoBold {
     border: 1px solid black; 
     font-size: 8pt;
	   margin: 0; 
     padding: 2px; 
     display: block;
     }	 
     
.setAdmin a {
    font-size: 15px;
    font-weight: bold;
}     

/*END*************************************************pomocne styly pro ruzne oblasti*****************************/