/* Horní část - logo vlevo */

.ren_oblast_1_logo
  {
   background-color: white;
   text-align: center;
   vertical-align: bottom;
   font-family: verdana;
   font-size: 10px;
   font-weight: normal;
   width: 150px;
   height: 80px;
   max-width: 150px;
   max-height: 80px;
   margin: 0px;
   padding: 0px;
   border: 0px;
   color: black;
  }
  
/* Horní část - mezera mezi logem a částí s tlačítky (jen prázdný bílý obdélník) */  
  
.ren_oblast_2_mezera
  {
   display:block;
   background-color: white;
   width: 60px;
   height: 80px;
   max-width: 60px;
   max-height: 80px;
   margin: 0px;
   padding: 0px;
   border: 0px;
  }
  
/* Horní část - oblast tlačítek - celková definice */  
  
.ren_oblast_3_menu
  {
   background-color: white;
   vertical-align: bottom;
   width: 999px;
   max-width: 999px;
   max-height: 80px;
   margin: 0px;
   padding: 0px;
   border: 0px;
   border-collapse: collapse;
  } 

/* Horní část - oblast tlačítek - každé tlačítko musí být definováno zvlá‘ť kvůli tomu, že tlačítko i s nápisem je obrázek */

.ren_oblast_3_menu_TLmaly a
  {
   font-family: arial;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   color: white;
   float: left;
   display: block;
   width: 89px;
   height: 25px;
   background-image: url('../img/ucho_male.jpg');
   background-repeat: repeat-x;
   line-height: 2.5;
  }
.ren_oblast_3_menu_TLmaly a:hover
  {
   color: #facad9;
  }

.ren_oblast_3_menu_TLvelky a
  {
   font-family: arial;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   color: white;
   float: left;
   display: block;
   width: 125px;
   height: 25px;
   background-image: url('../img/ucho_velke.jpg');
   background-repeat: no-repeat;
   line-height: 2.5;
  }

.ren_oblast_3_menu_TLvelky a:hover
  {
   color: #facad9;
  }
  
/* Definice levého sloupce celková */
  
.ren_levy_sloupec
  {
   background-color: #dfdfdf;
   display: block;
   width: 160px;
   max-width: 160px;
   height: 100%;
   max-height: 400px;
/*   text-align: top;
*/
   vertical-align: top;
  }
  
/* Definice levého sloupce - ovál s datem */  
  
.ren_levy_sloupec_datum  
  {
   width: 160px;
   max-width: 160px;
   height: 45px;
   max-height: 45px;
   background-image: url("../pic/oval_datum.jpg");
   background-repeat: no-repeat;
   float: left;
   color: black;
   font-family: arial;
   font-weight: normal;
   font-size: 11px;
   text-align: left;
   padding-left: 13px;
   margin-top: 20px;
  }

/* Definice levého sloupce - ovál s uživatelem */  

.ren_levy_sloupec_uzivatel  
  {
   width: 160px;
   max-width: 160px;
   height: 45px;
   max-height: 45px;
   background-image: url("../pic/oval_uzivatel.jpg");
   background-repeat: no-repeat;
   float: left;
   color: black;
   font-family: arial;
   font-weight: normal;
   font-size: 11px;
   text-align: left;
   padding-left: 13px;
   margin-top: 0px;
  }  
  
/* Definice oblasti tlačítek ODHLÁSIT a NOVÉ HESLO */
/* Jsou jen textově, protože takhle malé by jako obrázek byly dost nečitelné */  
  
.ren_levy_sloupec_tlacitka_1
  {
   width: 160px;
   max-width: 160px;
   height: 40px;
   max-height: 40px;
   float: left;
   font-family: arial;
   font-size: 11px;
   font-weight: bold;
  }

.ren_levy_sloupec_tlacitka_1 a
  {
   color: #29166f;
   text-decoration: none;
   float: left;
   margin-left: 10px;
   margin-right: 10px;
  }
  
.ren_levy_sloupec_tlacitka_1 a:hover
  {
   color: #93012e;
   text-decoration: none;
   float: left;
  }    

/* Oblast tlačítek NOVÝ KLENT,ÚKOL,ZÁMĚR */
/* Jako u horních záložek je to ře‘eno obrázky na pozadí, takže pro každou možnost zvlá‘tní definice */

.ren_levy_sloupec_tlacitka_2
  {
   width: 160px;
   max-width: 160px;
   border: none;
  }

.ren_levy_sloupec_tlacitka_2_novy a
  {
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   text-align: left;
   padding-left:13px;
   color: white;
   width: 160px;
   height: 17px;
   display: block;
   background-repeat: no-repeat;
   background-image: url('../img/tlacitko_novy.jpg')
  }

.ren_levy_sloupec_tlacitka_2_novy a:hover
  {
   color: #fdd104;
  }

/* Definice hlavní pracovní plochy celková */
  
.ren_hlavni_plocha
  {
   vertical-align: top;
   padding-top: 15px;
  }    
         
/* Definice - titulní strana - úkoly vydané */         
             
.ren_pravy_sloupec_ukoly_vydane
  {
   background-color: white;
   width: 400px;
   max-width: 400px;
   margin-right: 2px;
   margin-left: 2px;
   vertical-align: top;
   float: left;
  }

/* Definice - titulní strana - úkoly přijaté */         
  
.ren_pravy_sloupec_ukoly_prijate
  {
   background-color: white;
   width: 400px;
   max-width: 400px;
   margin-right: 2px;
   margin-left: 2px;
   vertical-align: top;
   float: left;  
  }             
  
/* Obecná definice řádků tabulek */
/* Tabulka by celkově měla být definována s parametrem Border-collapse: separate */
/* Tabulka 1 se to jmenuje proto, aby případně mohly být definovány i jiné tabulky */  
  
.ren_zahlavi_tabulky_1
  {
   background-color: #580303;
   color: white;
   font-family: arial;
   font-size: 11px;
   font-weight: bold;
   margin: 0px;
   padding-left: 3px;
   text-align: left;
  }
  
.ren_tabulka_1_lichy_radek
  {
   background-color: #f1f1f1;
   color: black;
   font-family: arial;
   font-size: 11px;
   font-weight: normal;
   margin: 0px;
   padding-left: 3px;
   text-align: left;
  }
  
.ren_tabulka_1_sudy_radek
  {
   background-color: #dddddd;
   color: black;
   font-family: arial;
   font-size: 11px;
   font-weight: normal;
   margin: 0px;
   padding-left: 3px;
   text-align: left;
  }   
  
.oblast_zahlavi_ukoly_prijate
  {
   color: white;
   font-family: arial;
   font-weight: bold;
   font-size: 30px;
   text-shadow: black 2px 2px;
   line-height: 1.7;
   width: 400px;
   height: 50px;
   display: block;
   vertical-align: center;
   padding-left: 30px;
   background-repeat: no-repeat;
   background-image: url('../pic/zahlavi_ukoly_prijate.jpg');
  } 
  
.oblast_zahlavi_ukoly_vydane
  {
   color: white;
   font-family: arial;
   font-weight: bold;
   font-size: 30px;
   text-shadow: black 2px 2px;
   line-height: 1.7;
   width: 400px;
   height: 50px;
   display: block;
   vertical-align: center;
   padding-left: 30px;
   background-repeat: no-repeat;
   background-image: url('../pic/zahlavi_ukoly_vydane.jpg');
  }