/* CSS */
body
	{
	  margin: 0;
	  padding: 0;
		text-align:center; /* centrovani stranky v ie */
		font-family: Arial;
		font-size: 95%;
		background-color: #ffffff;    
    background-image: URL("./obrazky/pozadie_zaklad.jpg"); 
    background-attachment: fixed;      
  }
#vsechno
	{
		margin: 3px auto 0 auto; /* centrovani v ostatnich prohlizecch */
		width:760px; /* sirka */
    background-color: #ffffff;
    background-image: URL("./obrazky/pozadie_stredny2.gif"); 	   	
	}
#hlavicka
	{
		width: 760px; /* sirka */
    height: 70px;		
		/*border-bottom:1px solid black;  vykresleni spodniho ramecku divu */
	}
	
#logospodne { 
    width: 760px;
    height: 160px;
     }
     
.listapodlogom 
  {
  width: 760px;  
  _
  }     
     
#siroky
	{
		width: 535px	; /* sirka */
		float: right; /*pokud zde napisete left a u stejne vlastnosti #uzky napisete right prehodite #siroky doleva a #uzky doprava */
		/*border-left:1px solid black; vykresleni ramecku divu */
		text-align:left;		
	}
#uzky
	{
		width: 210px	; /* sirka */
		float: left;	/* pokud zde napisete right a u stejne vlastnosti #siroky napisete left, prehodite #uzky doprava s #siroky doleva  */
	}
#paticka
	{
		clear: both; /* tohle donuti dalsi prvky zacit az pod floatnutymi */
		width: 760px; /* sirka */
		/*border-top:1px solid black;  vykresleni ramecku divu */		
	}
.patka
	{
		clear:both; /* tohle donuti dalsi prvky zacit az pod floatnutymi */
	}

ul.formy {}
ul.formy li
  {
    width:70px;
    float:left;
    list-style:none;
          }

/**************** nastylovanie hlavicky ******************************/
#hlavicka 
  {
    margin: 0 0 0 0;
    padding: 0; 
    background-color: #336699;
    background-color: #cddae6;
    border-bottom: 1px solid #ffffff;
  }
      
/***************** klikatelne logo float right**************/
#hlavicka #logo 
  { 
    width: 350px; 
    height: 70px;    
    float: left;     
    /*background-image: URL("./obrazky/logo_luxury_car.jpg");
    background-repeat: no-repeat;*/
    background-color: #336699;
    background-color: #9ab3cd;             
  }
  
#hlavicka #logo a 
  {
    width: 350px; 
    height: 65px;    
    float: left;     
    background-image: URL("./obrazky/logo.gif");  
    background-repeat: no-repeat; 
           
  }
  
#hlavicka #logo a span 
  { 
  visibility: hidden; 
  }
  
/****************** obalovaci div jazykove mutacie ****************/
#hlavicka menu
  { 
  width: 160px;  
  float: right;    
  margin: 0;
  padding: 0;  
  background-color: #ffffff;
  }
  
#hlavicka menu li 
  {
  float: right; 
  list-style: none;
  margin: 3px;
  }
  
#hlavicka menu li a.sk 
  {  
  display: block;
  width: 30px;
  height: 20px; 
  background-image: URL("/obrazky/slovenska_vlajka.gif");
  }
  
#hlavicka menu li a.en 
  {  
  display: block;
  width: 40px;
  height: 20px;  
  background-image: URL("/obrazky/anglicka_vlajka.gif");
  }
  
#hlavicka menu li a.de 
  {  
  display: block;
  width: 33px;
  height: 20px;  
  background-image: URL("/obrazky/nemecka_vlajka.gif");
  }
  
#hlavicka menu li a.fr 
  {  
  display: block;
  width: 30px;
  height: 20px;  
  background-image: URL("/obrazky/francuzska_vlajka.gif");
  }
  
#hlavicka menu li .sk span,.de span ,.en span,.fr span
  {
  visibility: hidden;
  }
  
#hlavicka .odkaz
  {
  display: block;
  margin: 0;
  padding: 5px 0;  
  font-size: 70%;
  color: #336699;   
  text-decoration: none;
  letter-spacing: 1px;
  }
    
/***************************** logo spodne **************************/
#logospodne {
    clear: both; 
    margin-bottom: 1px;   
    /*background-color: #fafafa;*/
    /*border-bottom: 1px solid #9ab3cd;*/
    
  }
  
/*********************** 3-farebna lista pod logom ********************/
.listapodlogom
  {
  font-size: 10px; /* vyska riadka pre IE*/
  height: 13px;  /*vyska riadka pre FF*/   
  background-image: URL("/obrazky/listapodlogom.gif");   
  }
    
/***************************** nastylovanie sirokeho stlpca ***********************/
#siroky 
  {
  margin: 5px 0 5px 0;  
  border-left: 1px dashed #cddae6;
  background-image: URL("/obrazky/pozadie_stredny.gif");
  text-align: justify;
  }
  
#siroky h1 
  {
  margin: 5px 95px 10px 10px;
  padding: 2px 5px 2px 0;
  font-size: 120%;
  color: #dd0000;  
  border-bottom: 1px dashed #dd0000;
  font-weight: normal;
  }
  
#siroky h2 
  {
  margin: 0 100px 10px 5px;
  padding: 2px 5px;
  font-size: 110%;
  color: #dd0000;
  /*background-color: #ecf1f8;*/  
  } 
  
#siroky h3 
  {
  margin: 0 100px 10px 5px;
  padding: 2px 5px;
  font-size: 100%;
  color: #000000;
  text-align: left;
  /*background-color: #ecf1f8;*/  
  }  
  
#siroky p 
  {
  /*text-indent: 15px;*/
  margin: 0 100px 10px 15px;
  font-size: 90%;
  padding: 0;
  line-height: 1.5em;
  }
  
#siroky dl
  {
  font-size: 90%;
  line-height: 1.5em;
  margin: 15px 100px 15px 20px;  
  }
  
#siroky dl dt
  {
  margin: 5px;
  color: #336699;
  font-style: italic;
  }
  
#siroky ul 
  {  
  margin: 0 100px 10px 25px;
  font-size: 90%;
  padding: 0;
  line-height: 1.5em;
  }
  
#siroky ul li 
  {
  margin: 0 0 0 20px;
  list-style-image: URL("/obrazky/odkaz.gif");
  text-align: left;
  }
  
#siroky address
   {
   font-style: normal;
   font-size: 90%;
   margin: 10px 20px;
   _margin: 10px 0;
   line-height: 1.5em;
   }

#siroky .kontakt
  {
  font-size: 100%;  
  margin: 10px 20px;
  }
  
#siroky #formular
  {
  width: 410px;
  margin: 0 0 0 15px;
  border-left: 1px solid #cccccc;
  }

#siroky #formular tr td
  {
  font-size: 75%;  
  background-color: #fafafa;  
  }
  
#siroky #formular tr td label
  {
  display: block;
  margin: 5px;
  padding: 0;
  font-size: 90%;
  }
  
#siroky #formular label
  {
  }
  
#siroky #formular .error
  {
  color: #cc0000;
  }
  
#siroky #formular tr td input,textarea,select
  {
  margin: 5px;
  }
  
#siroky .hore
  {
  display: block;
  margin: 30px 0 10px 15px;
  font-size: 70%;
  text-align: left;
  font-weight: normal;
  color: #336699;
  }
  
#siroky #animacia 
  {
  float: right;
  margin-right: 90px;
  _margin-right: 50px;
  width: 420px;
  height: 100px;
  background-image: URL("/obrazky/mapa_world.gif");
  background-repeat: no-repeat;
  }
  
#siroky a
  {
  font-weight: bold;
  color: #336699;
  }
  
#siroky a:hover
  {
  text-decoration: none;
  }
  
#siroky .mapa
  {
  margin: 15px 8px;
  border: 7px solid #fafafa;
  }

#mapaeuropy
  {
  margin: 0 10px;
  background-image: URL("./obrazky/pozadie_zaklad.jpg"); 
  }
  
#mapaeuropy object
  {
  margin: 10px 0;
  }

#mapaeuropy h1
  {
  padding: 2px 5px 2px 0;
  font-size: 120%;
  color: #dd0000;  
  border-bottom: 1px dashed #dd0000;
  font-weight: normal;
  }
  
#mapaeuropy a
  {
  color: #cc0000;
  }
  
#mapaeuropy a:hover
  {
  text-decoration: none;
  }
  


/****************************** nastylovanie laveho stlpca ************************/
#uzky 
  { 
  background-color: #ebf0f5;
  margin: 5px 0;
  }

#uzky #pozadielavytop 
  {
  width: 210px;
  height: 10px;
  background-image: URL("/obrazky/pozadielavytop.gif");
  background-repeat: no-repeat;
  }
  
#uzky #pozadielavybottom 
  {
  width: 210px;
  height: 10px;
  font-size: 8px;
  background-image: URL("/obrazky/pozadielavybottom.gif");
  background-repeat: no-repeat;
  }
  
#uzky menu 
  {  
  margin: 0;
  padding: 0;
  text-align: left; 
  }

#uzky menu li 
  {
  width: 210px; 
  padding: 4px 0;
  margin: 0 0 0 0;
  list-style: none;
  font-size: 75%;
  border-bottom: 1px solid #ffffff;
  background-image: URL("/obrazky/pozadieodkazy.gif");
  background-repeat: no-repeat; 
  }
  
#uzky menu li a 
  { 
  display: block; 
  margin: 0 30px 0 10px;  
  color: #555555;
  }  
  
#uzky menu li a:hover 
  { 
  text-decoration: none;
  color: #dd0000;    
  }

#uzky menu li a#aktivni 
  {
  color: #dd0000;
  } 

#uzky menu #asistencia 
  {
  margin: 2px 0 0 0;
  padding: 0;  
  }
  
#uzky menu #asistencia li
  { 
  width: 180px; 
  margin: 0 0 0 30px;
  padding: 4px 0;
  text-align: left; 
  list-style-type: square;  
  color: #ffffff;
  border: 0; 
  font-size: 100%; 
  _font-size: 100%;
  }
  
#uzky menu #asistencia li a {
  display: block;
  margin: 0 10px 0 0;   
  }
   
/******************************* nastylovanie paty *******************************/
#paticka 
  {     
  background-color: #9ab3cd;
  background-image: URL("/obrazky/pozadiepaticka.gif");
  background-repeat: no-repeat;
  text-align: right;
  }
  
#paticka p 
  {
  font-size: 65%;
  padding: 3px;
  margin: 0;
  color: #ffffff;
  }
  
#paticka p a 
  {
  color: #ffffff;
  }
  
/****************************** rozne ***********************************/
img.floatleft 
  {
  float: left;
  margin: 0 15px 10px 15px;
  }
  
img.floatright 
  {
  float: right;
  margin: 0 100px 10px 15px;
  }
  
#staty 
  {
  width: 200px;
  margin: 5px auto;
  text-align: left;
  }
  
#staty h3
  {
  font-size: 110%;
  margin: 0px 5px 5px 5px;
  color: #cc0000;
  }
  
#staty address
  {
  font-style: normal;
  font-weight: bold;  
  margin: 5px;
  font-size: 85%;
  }
  
#staty img
  {
  border: 5px solid #dadada;
  margin: 5px 0;
  }