body { font-family: Verdana, "Geneva CE", lucida, sans-serif;
       font-size: small;
       margin: 0 0 0 0; 
       padding: 0 auto 0 auto;
       background: #fff url(pozadi/troj-pozadi-prechod.jpg) repeat-x;
       text-align: center;
       line-height: 1.5; /* Unitless for proper inheritance */       
     }
  
  h1  {
       float: right;
       border: 0px solid black;
       font-size: 100%;  
       font-family: 'Georgia CE', 'Times New CE', 'New York CE', Georgia, times, serif;;
       margin: 15px 20px 0 5px;
       right: 20px; 
       padding: 2px 0 0 0 ;  
       color: #663F30;   
    }
  h2 {
	  margin: 0;
	  padding: 8px 25px 4px 10px;
	  font-size: 130%;
	  text-align: left;
	  color: #333;
	  border-bottom: 0px solid #E0CFAB;
	  background: url(ramecek-velky/troj-obsah-ram-hlavicka.jpg) no-repeat top left;
	}   
  h3  {
    margin: 8px 0 -10px 15px ;  
    padding: 0 0 0 0; 
    text-align: left;
    font-size: 110%;      
    }     
  h4  {
    margin: 15px 0 -10px 20px ;  
    padding: 0 0 0 0; 
    text-align: left;
    font-size: 100%;      
    }         
  p {
    margin: 0 0 0 20px; 
    padding: 14px 20px 0px 10px;
    font-size: 90%;
    line-height: 150%;
  } 
  a         { text-decoration: underline; color: #542D1C; }
  a:link    { text-decoration: underline; color: blue; }
  a:hover   { text-decoration: none; #735E4D; }
  a:visited { #735E4D; }
  a:active  { text-decoration: underline; color: red; }
  
  fieldset {margin: 15px 0 0 0 ;}
  legend {padding: 5px;}
/* tabulky */

  table {
  background: #ccc;
    margin: 10px 20px 15px 40px; padding: 0;
    font-size: 90%; 
    font-family: sans-serif;
    }      
  tr    { background: #ddd;
  
    }
  th {
  text-align: center; 
  padding: 2px 5px; 
  }  
  td{     
     padding: 2px 5px; 
    }       
  ul{
    margin: 10px 20px 20px 60px ; padding: 0;
    font-family: Verdana, "Geneva CE", lucida, sans-serif;
    font-size: 100%;
    list-style: square;
    }
  ul li{
    font-weight: normal;
    line-height: 1.5;
    }      
  ul ul{
    margin: 3px 0 7px 20px; padding: 0;
    }
  ul ul li{
    font-weight: normal;
    }      

  ul ul ul{
    margin: 0 0 0 30px; padding: 0;
    }      
    #obal {     
      width: 930px; 
      margin: 0 auto 0 auto;  
      padding: 0 ;
      height: 515px;
      background: #fff url(pozadi/troj-pozadi-obrazek.jpg) no-repeat top left; 
      border: none;
      text-align: center;
    }   
    a#logo { 
      float: left;
      width: 310px; height: 85px;
      margin: 0px 0 0 444px;
      padding: 0 ;
      border: none; 
      background: url(logo/troj-logo.jpg) no-repeat top right;
    }     
    a#logo:hover { 
      float: left;
      width: 310px; height: 85px;
      padding: 0 ;
      border: none; 
      background: url(logo/troj-logo-vybrane.jpg) no-repeat top right;
    }    
    #hlavicka { 
      width: 770px; height: 200px; 
      float: left;
      margin: 66px 0 0 80px;
      _margin: 66px 0 0 40px; 
      padding: 0 ;
      background: url(troj-baner.jpg) no-repeat top right;
    }
    #hlavicka-de { 
      width: 770px; height: 200px; 
      float: left;
      margin: 66px 0 0 80px;
      _margin: 66px 0 0 40px; 
      padding: 0 ;
      background: url(troj-baner-de.jpg) no-repeat top right;
    }
    #hlavicka-fr { 
      width: 770px; height: 200px; 
      float: left;
      margin: 66px 0 0 80px;
      _margin: 66px 0 0 40px; 
      padding: 0 ;
      background: url(troj-baner-fr.jpg) no-repeat top right;
    }
    #obsah {
      float: left;
      width: 770px;
      margin: 0 0 0 80px;
      _margin: 0 0 0 40px;
      background: url(pozadi/troj-pozadi-obsah.jpg) repeat-y top left;
    }  
    #hlavicka-obsah {
      height: 240px;
      width: 770px;
      background: #FFFFFF url(troj-obsah-vrch.jpg) no-repeat top left;
    }
    #panel {  
      width: 220px;
      margin: -240px 0 0 0 ;
      float: left;
      text-align: left;
    }                   
    #text  {
      float: right;
      width: 550px;
      margin: -240px 0 0 0 ;
      padding: 0 0 0 0;
      text-align: left;
    }
    #paticka {  
      float: left;
      width: 770px; height: 165px;
      background-image: url(troj-paticka.jpg); background-position: top left; background-repeat: no-repeat;
      margin: 0 0 0 80px; 
      _margin: 0 0 0 40px; 
      padding: 0 0 0 0 ;
      text-align: center;
    }     
    /* paticka copyright*/
    p#paticka-copyrigt {    
      margin: 0; 
      padding: 115px 0 0 20px; 
      text-align: left;
      font-size: 90%;
      font-weight: bold;
    } 
    p#paticka-copyrigt strong       { color: #333333; }
    p#paticka-copyrigt strong span  { color: #C61B09; }        
    p#paticka-copyrigt a            { color: #A22222; }    
    p#paticka-copyrigt a:hover      { color: #735E4D; text-decoration: none; }    



.srovnani {clear: both; margin: 0 ; padding: 0; }
.odsazeno-mini {margin-left: 50px; }
.odsazeno-midi {margin-left: 100px;}
.odsazeno-maxi {margin-left: 150px;}
.textvpravo {text-align: right;}
.textvlevo  {text-align: left;}
.textvestredu {text-align: center;}
.non-list {list-style: none;} /* odrazky bez list style*/
.ramecek {border: 2px solid; padding: 2px 5px 3px 5px; margin: 0 4px 0 4px; }

/* barvy */
.hlavni    { color: #542D1C; }
.vedlejsi  { color: #735E4D; }
.doplnkova { color: #A22222; } 
/* menu */      
	ul#nav{
/*   clear: both;*/
    float: right;

    padding: 0 ;
	  margin: 58px 10px 0px 0; _margin: 53px 10px 0 0; 
	  list-style:none;
	  background-color: none;

  }	     
	#nav li {
	  float: left;
	  margin: 0 0 0 8px;
	  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	  font-weight: bold;
	  font-size: 90%; 
    background: url(fw-zalozka-roh-nevybrana.gif) no-repeat top left;
	}
	#nav a {
	  float: left;
	  display: block;
	  padding: 4px; 
    padding-bottom: 2px;
	  margin: 0 0 0 0;
	  color: #888;
	  text-decoration: none;
	  border: 0px solid #9B8748;
	  border-bottom: none;
	  background: url(fw-zalozka-nevybrana.jpg) repeat-x top left;
	}
	#nav a:hover{
	  color: #333;
	  background: url(fw-zalozka-vybrana.jpg) repeat-x top left;
	} 
     
 /* úvodní bloky  */ 
	
	.box-velky {
	  width: 500px;
	  margin: 30px 0 20px 25px;
	  background: url(ramecek-velky/troj-obsah-ram-stred.jpg) repeat-y top left;
	}

	.box-velky img {
	  float: left;
    margin: 10px 10px 5px 10px;
    padding: 5px;
    border: 1px solid #ccc;  
  }
  .box-velky a img.imgclanky {
	  float: left;
    margin: 5px 0px 5px 10px;
    padding: 5px;
    border: none;   
  }
  
  .box-velky img.vpravo {
	  float: right;
    margin: 10px 20px 5px 10px; 
  }

  .box-velky p.box-paticka {
    clear: both;
    margin: 0 0 0 0 ; 
    padding: 14px 20px 20px 30px;

    font-size: 90%;
    background: url(ramecek-velky/troj-obsah-ram-spodek.jpg) no-repeat bottom left;
  }      	
  
   

 /* bloky v panelu */ 
	
	.box-maly {
	  width: 200px;
	  margin: 20px 0 20px 20px;
	  background: url(ramecek-maly/troj-small-ram-stred.jpg) repeat-y top left;
	}
	.box-maly p.nadpis {
	  margin: 0;
	  padding: 15px 20px 10px 20px;
	  height: 80px;
	  font-size: 120%;
	  font-weight: bold;
	  color: #333;
	  text-align: center;
	  background: url(ramecek-maly/troj-small-ram-hlavicka.jpg) no-repeat top left;
	}
	img.ikona {
    float: left;
  }  

	.box-maly p.nadpis span {
    border-bottom: 1px solid #A92C32; 
    padding: 0 0 7px 0; 
	}	
	.box-maly ul {
	  margin: 0;
	  padding: 14px 10px 14px 10px;
	  list-style:none;
	}
	.box-maly ul li {
	  margin: 0 0 6px;
	  padding: 0;
	}   
	.box-maly .prvni {
    margin: -50px 20px 10px 20px ; _margin: -50px 20px 10px 20px ;
    padding: 0 ;
  }
  .box-maly p {
    padding: 0 20px 0 20px; 
    margin: 0;
  }    
  .box-maly p span {
    padding: 0 10px 0 10px; 
    margin: 0;
  }    
  .box-maly p.paticka {
    padding: 0 20px 0 20px; 
    margin: 0;
    background: url(ramecek-maly/troj-small-ram-spodek.jpg) no-repeat bottom left;
  }   

/* pravy panel Novinky */

  p.novinka { color: #333; }  

/* pravy panel Akce */

p.akce span.nadpis {
      display: block;
      margin: 5px 0 0 0;
      padding: 0 0 0 0px;
      font-weight: bold;
      color: #69916C;
      font-size: 120%; 
    }  
    
p.akce {
      padding: 5px 18px 5px 10px;
      font-size: 85%;
      color: #333;
      text-align: left;
    }  

/* pravy panek Rychly Kontakt*/

 ul#kontakt {list-style: none; margin-left: 45px; margin-top: 15px;}
 ul#kontakt li{color: #333; font-weight: bold; font-size: 85%; }
 ul#kontakt li span {font-weight: bold; color: #69916C;}    
 
/* galerie */

.galerie
{
margin: 10px 0 0 90px;
padding: 0 auto 0 auto;

}

.galerie .nahled{
float: left;
border: 1px solid #C4A360;
margin: 10px 15px ;
padding: 7px;
}

.galerie img {border: none; }
.galerie a {margin:  0 ; padding: 0 ; text-decoration: none; }
.galerie a:hover {background-color: #ccc; display: block; text-decoration: none;
margin:  0 ; padding: 0 ; 
}

.galerie .nahled p{
width: 160px;
margin: 0;
padding: 5px 0 5px 0;

text-align: left;
font-size: 90%;
color: #555;
}

.text-justify { text-align: justify;}
.text-left    { text-align: left;}
.text-right   { text-align: right;}
.text-center  { text-align: center;}
.left {float: left;}
.right {float: right;}


/* třídy pro UL */
ul#nabidka {line-height: 1.0; margin: 5px 0 0 60px; 
list-style: square url(icony/-troj-ico-coko-small.gif);
}
ul#nabidka li {font-weight: normal;  }
h3.nabidka  {margin: 15px 0 0 15px;}


/* Nastaveni mista mezi okrajem prvku a obsahem v prvku - vpravo */
.odvpravo-2    { padding-right:  2px; }
.odvpravo-5    { padding-right:  5px; }
.odvpravo-10   { padding-right: 10px; }
.odvpravo-20   { padding-right: 20px; }
.odvpravo-30   { padding-right: 30px; }
.odvpravo-40   { padding-right: 40px; }  
.odvpravo-50   { padding-right: 50px; } 
.odvpravo-100  { padding-right: 100px; } 
.odvpravo-280  { padding-right: 280px; } 
.odvpravo-350  { padding-right: 350px; } 
.odvpravo-420  { padding-right: 420px; } 
.odvpravo-490  { padding-right: 490px; } 
.odvpravo-560  { padding-right: 560px; } 
.odvpravo-630  { padding-right: 630px; } 
.odvpravo-700  { padding-right: 700px; }
.odvpravo-770  { padding-right: 770px; }
.odvpravo-840  { padding-right: 840px; }
.odvpravo-910  { padding-right: 910px; }

/* Nastaveni mista mezi okrajem prvku a obsahem v prvku - vlevo */  
.odvlevo-2     { padding-left:  2px; }
.odvlevo-5     { padding-left:  5px; }
.odvlevo-10    { padding-left: 10px;  }  
.odvlevo-20    { padding-left: 20px;  }  
.odvlevo-30    { padding-left: 30px;  }  
.odvlevo-40    { padding-left: 40px;  }  
.odvlevo-50    { padding-left: 50px; } 
.odvlevo-100   { padding-left: 100px; }
.odvlevo-150   { padding-left: 150px; }  
.odvlevo-280   { padding-left: 280px; } 
.odvlevo-350   { padding-left: 350px; } 
.odvlevo-420   { padding-left: 420px; } 
.odvlevo-490   { padding-left: 490px; } 
.odvlevo-560   { padding-left: 560px; } 
.odvlevo-630   { padding-left: 630px; } 
.odvlevo-700   { padding-left: 700px; }
.odvlevo-770   { padding-left: 770px; }
.odvlevo-840   { padding-left: 840px; }
.odvlevo-910   { padding-left: 910px; }

/* Nastaveni odsazeni mezi okrajem prvku a obsahem v prvku - vpravo */
.odsvpravo-10   { margin-right: 10px; }
.odsvpravo-20   { margin-right: 20px; }
.odsvpravo-30   { margin-right: 30px; }
.odsvpravo-40   { margin-right: 40px; }  
.odsvpravo-50   { margin-right: 50px; } 
.odsvpravo-100  { margin-right: 100px; } 
.odsvpravo-280  { margin-right: 280px; } 
.odsvpravo-350  { margin-right: 350px; } 
.odsvpravo-420  { margin-right: 420px; } 
.odsvpravo-490  { margin-right: 490px; } 
.odsvpravo-560  { margin-right: 560px; } 
.odsvpravo-630  { margin-right: 630px; } 
.odsvpravo-700  { margin-right: 700px; }
.odsvpravo-770  { margin-right: 770px; }
.odsvpravo-840  { margin-right: 840px; }
.odsvpravo-910  { margin-right: 910px; }

/* Nastaveni odsazeni mezi okrajem prvku a obsahem v prvku - vlevo */  
.odsvlevo-10    { margin-left: 10px;  }  
.odsvlevo-20    { margin-left: 20px;  }  
.odsvlevo-30    { margin-left: 30px;  }  
.odsvlevo-40    { margin-left: 40px;  }  
.odsvlevo-50    { margin-left: 50px; } 
.odsvlevo-100   { margin-left: 100px; } 
.odsvlevo-280   { margin-left: 280px; } 
.odsvlevo-350   { margin-left: 350px; } 
.odsvlevo-420   { margin-left: 420px; } 
.odsvlevo-490   { margin-left: 490px; } 
.odsvlevo-560   { margin-left: 560px; } 
.odsvlevo-630   { margin-left: 630px; } 
.odsvlevo-700   { margin-left: 700px; }
.odsvlevo-770   { margin-left: 770px; }
.odsvlevo-840   { margin-left: 840px; }
.odsvlevo-910   { margin-left: 910px; }