body
      {
      margin: 0px;
      background-color: #E79667;
      color: #000000; 
      font-family: Arial;
      background-image: url(index/pozadie.jpg);
	    background-repeat: repeat-x;
      }

#plocha
      {
      width: 980px;
      margin-left: auto; margin-right: auto;
      }
      

/* ---------- TOP ------------ */      
#top
      {
      margin: 0px;      
	    width: 980px; height: 78px;
      }
#top h1
      {
      text-align: left;
      color: #000000;
      font-size: 13px;
      margin: 0px 0px 0px 20px;
      } 
#top img
      {
      margin: 0px 0px 0px 0px;
      }           
      
/* ---------- MENU ------------ */        
#menu
      {
      width: 150px; height: 152px;
      float: left;
      margin: 8px 0px 0px 0px;
      padding: 0px;
      border: 2px groove #F3CBAA;
      } 
#menu tr
      {
      font-size: 14px;
      font-weight: bold;
      }
#menu td
      {
      margin: 0px;
      padding: 1px 0px 2px 0px;
      width: 150px; height: 16px;
      border: 2px groove #F3CBAA;
      }
      
#menu_1{background-color: #D8C1B4;} 
#menu_maly1{background-color: #D8C1B4; width: 20px; height: 17px;} 
#menu_2{background-color: #D9AA8F;}
#menu_maly2{background-color: #D9AA8F; width: 20px; height: 17px;} 
#menu_3{background-color: #D39069;}   
#menu_maly3{background-color: #D39069; width: 20px; height: 17px;}   
#menu_4{background-color: #D48558;} 
#menu_maly4{background-color: #D48558; width: 20px; height: 17px;} 
#menu_5{background-color: #D47843;} 
#menu_maly5{background-color: #D47843; width: 20px; height: 17px;} 
#menu_6{background-color: #D36A2E;}            
#menu_maly6{background-color: #D36A2E; width: 20px; height: 17px;} 
#menu a
      {
      padding: 0px 7px 0px 7px;
      text-decoration: none; 
      color: #000000;
      }
#menu td a:hover
      {
      color: #F3CBAA;
      }      

/* ---------- LOGO ------------ */  
#logo
      {
      margin: 8px 0px 0px 0px;
	    width: 618px; height: 152px;
	    border: 2px groove #F3CBAA;
	    background-image: url(index/logo.jpg);
	    background-repeat: no-repeat;
	    float: left;
      } 

/* ---------- NEWS ------------ */  
#news
      {
      background-color: #D36A2E;
      margin: 8px 0px 0px 0px;
	    width: 200px; height: 152px;
	    border: 2px groove #F3CBAA;
	    float: left;
      }
#news_ram
      {
      width: 200px; height: 120px;
      overflow: auto;
      }      
#news h2
      {
      height: 30px;
      text-align: center;
      color: #000000;
      font-size: 17px;
      margin: 0px 0px 0px 0px;
      background-image: url(index/news.jpg);
	    background-repeat: no-repeat;
      } 
#news h3
      {
      text-align: left;
      color: #000000;
      font-size: 10px;
      margin: 5px 0px 0px 15px;
      }
#news p
      {
      text-align: left;
      color: #000000;
      font-size: 10px;
      margin: 5px;
      border-bottom: 1px dashed #000000;
      } 

/* ------------------ REKLAMA ------------ */
#reklama
      {
	    width: 152px; height: 500px;
	    float: left;
	    margin: 2px 0px 0px 0px;
	    background-color: #EFE8E4;
	    background-image: url(index/reklama.jpg);
	    background-repeat: no-repeat;
      } 

/* ------------------ DOWN ------------ */
#down
      {
	    width: 100%; height: 150px;
	    float: left;
	    margin-top: 0px;
	    background-image: url(index/line.jpg);
	    background-repeat: repeat-x;
      }
#downmenu ul
      {
      margin: 0px;
      list-style-type: none;
      text-align: center;
      padding: 20px 0px 0px 0px; 
      font-size: 12px;
      }          
#downmenu li
      {
      display: inline;
      padding: 0px 10px 0px 10px; 
      }
.downmenu_b { border-right: solid 1px #d1d1d1; }  
.downmenu_x { border: none; }       
#downmenu a
      {
      text-decoration: none;
      color: #000000;
      }      
#down p
      {
      padding-top: 0px;
      text-align: center;
      font-size: 10px;
      } 
#optimalizacia
      {
      text-align: center;
      margin: 10px 0px 0px 0px;
      }
#optimalizacia a img
      {
      border: 0px;
      margin-left: 10px;
      }
#onco_sk { border: none; } 


/* ----------------- JADRO ------------ */


/* -- HOME -- */
#home 
      {
      width: 800px;
      margin: 10px;
      float: left;
      }
#home h2
      {
      margin: 10px 0px 0px 30px;
      text-align: left;
      color: #000000;
      font-size: 20px;
      }  
#home p
      {
      text-align: left;
      color: #000000;
      font-size: 12px;
      margin: 20px 10px 0px 10px;
      }            
.home_program
      {
      width: 200px; height: 300px;
      background-image: url(home/program.jpg);
	    background-repeat: no-repeat;
	    float: left;
      } 
.home_program h3
      {
      text-align: center;
      color: #000000;
      font-size: 15px;
      margin: 20px 0px 20px 0px;
      }
.home_program ul
      {
      margin: 0px;
      padding: 0px 0px 0px 30px;
      }  
.home_program li
      {
      text-align: left;
      color: #000000;
      font-size: 10px;
      margin: 10px 20px 0px 0px;
      }           
.home_program h4
      {
      text-align: center;
      color: #000000;
      font-size: 20px;
      margin: 20px 0px 0px 0px;
      }  
.home_program h5
      {
      text-align: left;
      color: #000000;
      font-size: 14px;
      margin: 0px 0px 0px 115px;
      }        
.home_program a
      {
      text-decoration: underline;
      text-align: left;
      color: #8075D0;
      font-size: 12px;
      margin: 0px 0px 0px 100px;
      }       


/* -- ABOUT -- */
#about 
      {
      width: 800px;
      margin: 10px;
      float: left;
      }
#about h2
      {
      margin: 10px 0px 0px 30px;
      text-align: left;
      color: #000000;
      font-size: 20px;
      }  
#about h3
      {
      margin: 15px 0px 0px 30px;
      text-align: left;
      color: #000000;
      font-size: 19px;
      }      
#about p
      {
      text-align: left;
      color: #000000;
      font-size: 12px;
      margin: 10px 10px 0px 10px;
      }        
#about ul
      {
      margin: 0px;
      padding: 0px 0px 0px 30px;
      }  
#about li
      {
      text-align: left;
      color: #000000;
      font-size: 11px;
      margin: 5px 20px 0px 0px;
      }                  
#about_vizitka 
      {
      width: 420px; height: 220px;
      background-image: url(about/vizitka.jpg);
	    background-repeat: no-repeat;
	    float: right;
      }             
#about_vizitka h2
      {
      margin: 20px 0px 0px 30px;
      text-align: left;
      color: #000000;
      font-size: 22px;
      }  
#about_vizitka h3
      {
      margin: 0px 0px 0px 30px;
      text-align: left;
      color: #000000;
      font-size: 13px;
      }                      
#about_vizitka h4
      {
      margin: 10px 0px 0px 30px;
      text-align: center;
      color: #000000;
      font-size: 20px;
      }
#about_vizitka h5
      {
      margin: 0px 0px 0px 30px;
      text-align: center;
      color: #000000;
      font-size: 10px;
      } 
#about_vizitka table
      {
      margin: 20px 10px 0px 30px;
      }  
#about_vizitka td
      {
      width: 220px;
      text-align: left;
      color: #000000;
      font-size: 12px;
      }
#about_vizitka .right
      {
      padding-left: 50px;
      }      
#about_mail
      {
      padding: 5px 0px 0px 110px;
      }
.about_krok
      {
      margin: 0px;
      padding: 10px 20px 10px 10px;
      float: left;
      width: 800px; height: 105px;
      background-image: url(about/krok.jpg);
	    background-repeat: no-repeat;
      }             

/* -- SLUZBY -- */
#sluzby 
      {
      width: 800px;
      margin: 10px;
      float: left;
      }      
.sluzby_sluzba
      {
      float: left;
      margin: 0px 0px 0px 15px;
      width: 760px;
      }       
.sluzby_vrch
      {
      width: 760px; height: 27px;
      background-image: url(sluzby/vrch.jpg);
	    background-repeat: no-repeat;
	    float: left;
      }
.sluzby_jadro
      {
      width: 760px;
      background-image: url(sluzby/stred.jpg);
	    background-repeat: repeat-y;
	    float: left;
      }                  
.sluzby_spod
      {
      width: 760px; height: 18px;
      background-image: url(sluzby/spod.jpg);
	    background-repeat: no-repeat;
	    float: left;
      }
#sluzby h2
      {
      margin: 0px 0px 0px 50px;
      text-align: left;
      color: #000000;
      font-size: 20px;
      }
#sluzby h3
      {
      margin: 20px 0px 5px 50px;
      text-align: left;
      color: #000000;
      font-size: 17px;
      }	  
#sluzby ul
      {
      margin: 0px;
      padding: 0px 0px 0px 30px;
      }  
#sluzby li
      {
      text-align: left;
      color: #000000;
      font-size: 12px;
      margin: 10px 20px 0px 0px;
      } 
#sluzby table
		{
		margin: 0px 0px 0px 80px;
		}
#sluzby td
		{
		width: 120px;
		font-size: 12px;
		}
#sluzby_seo
		{
		float: right;
		margin: 0px 30px 5px 0px;
		}


/* -- REFERENCIE -- */
#referencie 
      {
      width: 800px;
      margin: 10px;
      float: left;
      }
#referencie h2
      {
      margin: 10px 0px 0px 30px;
      text-align: left;
      color: #000000;
      font-size: 20px;
      }  
#referencie h3
      {
      margin: 0px 0px 0px 30px;
      text-align: left;
      color: #000000;
      font-size: 19px;
      }      
#referencie ul
      {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 30px;
      list-style-type: square;
      }
#referencie li
      {
      font-size: 12px;
      text-align: left;
      color: #000000;
      }      
#referencie a
      {
      text-decoration: underline;
      color: #1749ED;
      }      
#referencie img
      {
      margin: 20px 0px 20px 100px; 
      border: 1px solid #000000;
      }
.referencie_popis
      {
      padding: 10px;
      margin: 30px 0px 0px 0px;
      width: 350px;
      background-color: #D36A2F;
      border: 2px groove #F3CBAA;
      }      
.referencie_line
      {
      margin: 0px 0px 0px 0px; 
      border-bottom: dotted 2px #000000; 
      width: 800px;
      }       
      

/* -- CENNIK -- */
#cennik 
      {
      width: 800px;
      margin: 10px;
      float: left;
      }
#cennik h2
      {
      margin: 20px 0px 10px 80px;
      text-align: left;
      color: #000000;
      font-size: 20px;
      } 
#cennik p
      {
      margin: 30px 0px 10px 0px;
      text-align: center;
      color: #000000;
      font-size: 15px;
      font-weight: bold;
      }                          
#cennik_tabulka
      {
      text-align: center;
      width: 750px;
      float: left;
      margin: 8px 0px 0px 50px;
      border: 2px groove #F3CBAA;
      } 
#cennik_tabulka tr
      {
      font-size: 14px;
      }
#cennik_tabulka td
      {
      border: 2px groove #F3CBAA;
      }
      

/* -- KONTAKT-- */
#kontakt 
      {
      width: 800px;
      margin: 10px;
      float: left;
      }                 
#kontakt_vizitka 
      {
      margin: 40px 0px 0px 100px;
      width: 420px; height: 220px;
      background-image: url(kontakt/vizitka.jpg);
	    background-repeat: no-repeat;
	    float: left;
      }             
#kontakt_vizitka h2
      {
      margin: 20px 0px 0px 30px;
      text-align: left;
      color: #000000;
      font-size: 22px;
      }  
#kontakt_vizitka h3
      {
      margin: 0px 0px 0px 30px;
      text-align: left;
      color: #000000;
      font-size: 13px;
      }                      
#kontakt_vizitka h4
      {
      margin: 10px 0px 0px 30px;
      text-align: center;
      color: #000000;
      font-size: 20px;
      }
#kontakt_vizitka h5
      {
      margin: 0px 0px 0px 30px;
      text-align: center;
      color: #000000;
      font-size: 10px;
      } 
#kontakt_vizitka table
      {
      margin: 20px 10px 0px 30px;
      }  
#kontakt_vizitka td
      {
      width: 220px;
      text-align: left;
      color: #000000;
      font-size: 12px;
      }
#kontakt_vizitka .right
      {
      padding-left: 50px;
      }      
#kontakt_mail
      {
      padding: 5px 0px 0px 110px;
      }                         
