html {
	margin: 0;
	padding: 0;
	background: #E4E4DE url(../images/background.jpg) left top repeat-x; 
	
	height: 100%;
  min-height: 100%;
	
}
body {
	margin: 0;
	padding: 0;
  font: 75%/1.5 arial, verdana, sans-serif; 
  color: #000; 
  font-size:12px;
  line-height: 18px;
  height: 100%;
  min-height: 100%;
 	background: url('../images/okraje.gif') center top no-repeat;
  text-align: left;
}


/*




html
{
  height: 100%;
  min-height: 100%;
  margin: 0;
	padding: 0;
 
}


body    
{ 

  
  margin: 0; 
  padding: 0; 
  
  position: relative;
  line-height: 18px;
  height: 100%;
  min-height: 100%;
   background: url(../images/okraje.gif)  260px 0  no-repeat;
  text-align: left;
}

*/

/* prvky viditelne jen bez pouziti css */

.no_css
{
  visibility: hidden;
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

/* konec: prvky viditelne jen bez pouziti css */


/* obecne elementy */

  h1
  {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    font-variant: small-caps;
    background: url(../images/h1.jpg) center left no-repeat; 
  }


  h2, h3
  {
    font-size: 1.2em;
    margin: 10px 0 0 0;
    padding: 10px 0; 
    background: url(../images/h1.jpg) center left no-repeat; 
  }
  
  #left h2
  {
    margin: 0;
    padding: 0;
  }
  
  
  p
  {
    margin: 10px 0 10px 0;
  }

  img
  {
    border: 2px solid #3271AA;
    padding: 1px;
  }

  hr
  {
    height: 0;
    overflow: hidden;
    border: none;
    border-top: 1px solid #666;
  }
  ul {
/*	  border: 1px solid red;*/
/*        margin: 0 0 0 0;*/
	  padding: 0 0 0 15px;
	  text-align: left;
  }
  ul li ul {
	  padding: 0 0 0 20px;
  }
  ul li {
	  padding: 2px 0 2px 0;
	  list-style-type: square;
  }
  
/* konec: obecne elementy */


/* obecne tridy */      

  .margin_right{
  margin-right:10px;
  }


  .float_left
  {
   float: left;
  }

    
  .float_right     
  {
    float: right;
  }    

    
  .clear_both
  {
    clear: both;
  }
  
    
  .margin-top
  {
    margin-top: 15px;  
  }

  .red
  {
    color: #d00000;
  }  
  
  .green
  {
    color: #00ff00;
  }
  
  .center
  {
    text-align: center;
  }

  .justify
  {
    text-align: justify;
  }

  a
  {
    color:  #000080;  
  }
 
    a:hover
    {
      color:  #0000d0;  
    }


  .hr
  {
    clear: both;
    height: 1px;
    margin: 5px 0 0 0;
  }


/* konec: obecne tridy */    


  #page
  {
    
    margin: 0 auto; 
    position: relative;
    _height: 100%; 
    min-height: 100%;
    width: 888px;
    bottom: 0;
    background: #fff url(../images/page.jpg) left top repeat-y;
  }



  #header
  { 
    position: relative;
    height: 324px;
  }   


  .header-1
  { 
    background: #fff url(../images/header-1.jpg) left top no-repeat;
  }   

  .header-2
  { 
    background: #fff url(../images/header-2.jpg) left top no-repeat;
  } 
  .header-3
  { 
    background: #fff url(../images/header-3.jpg) left top no-repeat;
  } 
  .header-4
  { 
    background: #fff url(../images/header-4.jpg) left top no-repeat;
  } 

  #middle
  {
    margin: 0;
    
    background: url(../images/ttv.gif) 0px 63px no-repeat;
  }

  #vehicle-bottom
  {
    padding: 40px 10px 40px 110px;
  }

  .vehicle-bottom-1
  {
    background: url(../images/content-1.jpg) 0px 20px no-repeat;
  }

  .vehicle-bottom-2
  {
    background: url(../images/content-2.gif) 353px 30px no-repeat;
  }
 .vehicle-bottom-3
  {
    background: url(../images/content-3.gif) 280px 30px no-repeat;
  }


  /* obsah stranky*/
    #content
    {
    margin-top:40px;
     padding: 10px 15px;
      overflow: hidden;
      text-align: justify;
      width: 850px;
    }
    #content.narrow {
     width: 665px;
     float: right;
    }
    
     #content.wide {
     width: 665px;
     float: right;
    }
    
    #content.big
    {
      width: 950px;
      padding: 0;
    }
      
        
    #content img {
  border: 2px solid #3271AA;
    padding: 1px;
      }
      
  /* konec obsah stranky */
  

  #left
  {
    float: left;
    width: 155px;
    padding: 10px;
    text-align: justify;
    margin-top:70px;
  }



  /* menu */
  #menu
  {
    position: absolute;
    background: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    top: 324px;
    left: 0;
    width: 888px;
    height: 30px;
    line-height: 30px;
    background: #bbd9f8 url(../images/menu.jpg) top left repeat-x; 
  }    

  #menu li
  {
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 30px;
   /* background:  url(../images/menu-separator.jpg) right center no-repeat; */
    list-style-type: none;
  }

  #menu li.last
  {
    border: none;
  }
    
    #menu li a
    {
      display: block;
      float: left;
      padding: 0;
      text-align: center;
      text-decoration: none;
      font-size: 1em;
      height: 30px;
   /*   background: url(../images/menu-a.jpg) top left no-repeat; */
      color: #fff;
      width: 125px;
    } 
  
      #menu li a:hover
      {
        color: white;
	   background-color: #3271AA;
      }
         
      #menu li a.active
      {
        color: #3271AA;
	      background-color: #bbd9f8;
      }
         
      #menu li a.last, #menu li ul.submenu li a
      {
        border: none;
      }

  /* konec: menu */  
 


  /* submenu */
  #menu ul.submenu
  {
    position: absolute;
    background: none;
    list-style-type: none;
    margin: 0;
    padding: 0;   
    top: 30px;
    height: 25px;
    overflow: hidden;
    width: 550px;
    _margin-left: -102px;
  }

  #menu ul.submenu li
  {
    float: left;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 25px;
    line-height: 25px;
    width: 90px;
  }

  #menu ul.submenu li.last
  {
    border: none;
  }
    
    #menu ul.submenu li a
    {
      display: block;
      float: left;
      padding: 0;
      text-align: center;
      text-decoration: none;
      font-size: 1em;
      height: 25px;
      color: white;
      font-size: .9em;
      width: 90px;
      background-color: #3271AA;
    } 
  
      #menu ul.submenu li a:hover
      {
        color: #3271AA;
	      background-color: #bbd9f8;
      }
      #menu ul.submenu li a.active
      {
        color: #3271AA;
	      background-color: #bbd9f8;
      }

    #menu span
    {
      display: block;
      height: 15px;
      width: 102px;
      float: left;
      text-align: center;
      cursor: hand;
    } 

  /* konec: submenu */  


  /* paticka */
    #footer
    {
      position:absolute;
      clear: both;
      height: 39px;   
      
      background: url(../images/footer.jpg)  no-repeat;
      line-height: 45px;
    /*  margin: -39px 0 0 0;*/
      width: 848px;
      text-align: right;
      font-size: .9em;
      overflow: hidden;
      padding: 0 20px; 
      color: #fff;
    }    
    
    #footer #left_link {
    float:left;
     color: #000;
    }
    
    #footer #left_link a {
    
    
    color: #000;
    }

    #footer a
    {
      color: #fff;
      text-decoration: none;
    }

    #footer a:hover
    {
      text-decoration: underline;
    }

  /* konec: paticka */
  
  
  #logo
  {
    position: absolute;
    display: block;
    top: 120px;
    left: 0;   
    width: 850px;
    height: 204px;
  }
  



/* administrace */
#calendar_from
{
  top: 260px;
  _top: 275px;
  margin-left: 270px;
  position: absolute;
  width: 18px;
  height: 20px;
  background: url(../images/calendar.gif); 
}

#calendar_to
{
  top: 285px;
  _top: 300px;
  margin-left: 270px;
  position: absolute;
  width: 18px;
  height: 20px;
  background: url(../images/calendar.gif); 
}

#time_select
{
  position: absolute;
  top: 0;
  color: #222;
  background: #fafaff;
  font-size: 1.2em;
  width: 220px;
  height: 255px;
  padding: 10px;
  margin-left: 0;
  text-align: center; 
  visibility: hidden;
  border: 1px solid #666;
}

  #time_select a
  {
    color: #fff;
    text-decoration: none;
  }
  
  #time_select a:hover
  {
    text-decoration: underline; 
  }  
  

#cal_tab
{
  width: 200px;
  padding: 10px;
}

#calendar_table
{
  text-align: center;
  width: 200px;
  height: 140px; 
  border-left: 2px solid #800;
  border-top: 2px solid #800;
  border-bottom: 1px solid #800;
  border-right: 1px solid #800;
}


#calendar_table th       
{
  border-right: 1px solid #999;
  border-bottom: 2px solid #999;
  background: #0771A5;
  color: #fff;
  padding: 0 5px;
  height: 20px;
  width: 40px;
  font-size: .8em;
  overflow: hidden;
}


#calendar_table td
{
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  height: 20px;
  line-height: 20px;
  width: 50px;
  background: #fff;
  overflow: hidden;
}



#calendar_table td.weekend
{
  background: #f0f0f0;
}

#calendar_table td.today
{
  background: #79c1f5;
  color: #fff;
}


  #calendar_table a
  {
    color: #fff;
    text-decoration: none;
  }
  
  #calendar_table a:hover
  {
    text-decoration: underline; 
  }  


#month_year_select
{
  padding-left: 15px;
}

#month_year_select span
{
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  display: block;
  float: left;
}

#month_year_select span.month_select
{
  width: 100px;
}

#month_year_select span.year_select
{
  width: 50px;
}

#month_year_select span.right_arrow
{
  width: 25px;
  background: url(../images/cal-arrow-right.jpg) center no-repeat;
}
  
#month_year_select span.left_arrow
{
  width: 25px;
  background: url(../images/cal-arrow-left.jpg) right center no-repeat;
}

#month_year_select span.left_long_arrow
{
  width: 40px;
  background: url(../images/cal-long-arrow-left.jpg) center no-repeat;
}


#month_year_select span.right_long_arrow
{
  width: 40px;
  background: url(../images/cal-long-arrow-right.jpg) center no-repeat;
}
  
#hour
{
  width: 20px;
}

#minute
{
  width: 20px;

} 

.float_left
{
  float: left;
}

.float_right
{
  float: right;
}

.margin-right
{
  margin-right: 10px;
}

.margin-left
{
  margin-left: 10px;
}




  
.red
{
  color: #f00;
} 


form
{
  background: #E6E6E6;
  padding: 20px 10px;
  border: 1px solid #999;
}



.form_docs
{
  padding-top: 20px;
  
}

div.input
{
  clear: both;
  width: 100%;
  padding: 1px 0;
}

.form_docs input
{
  float: none;
}

input.button
{
  float: none;
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  background: #aaa url(../images/button.jpg) top left repeat-x;
  color: #fff;
  width: 130px;
  border: 1px solid #000;
  height: 17px;
  line-height: 15px;
  overflow: hidden;
  font-weight: bold;
}

label
{
  display: block;
  float: left;
  clear: both;
  width: 120px;
  margin-bottom: 5px;
  color: #444;
}
  
  input
  {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    background: #fff;
    padding: 1px 5px;
    color: #444;
    width: 200px;
    float: left;
  }
  
  input.readonly
  {
    border: none;
    margin-bottom: 5px;
    background: #fafafa;
    padding: 1px 5px;
    color: #444;
    float: left;
  }

  .select
  {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    background: #fff;
    padding: 1px 5px;
    color: #444;
    width: 130px;
    float: left;
  }
  
  .admin_form input
  {
    width: 200px;
  }

  .textarea
  {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    color: #444;
    background: #fff;
    width: 450px;
    height: 200px;
  }

  .radio
  {
    width: 20px;
    border: none;
    padding: 0;
    margin: 0;
  }

  .checkbox
  {
    width: 20px;
    border: none;
    padding: 0;
    margin: 0;
  }

  
.red
{
  color: #f00;
}


.admin-list-table
{
  width: 680px;
  clear: both;
  margin-top: 20px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  overflow: hidden;
}

.admin-list-table td
{
  padding: 1px 5px;
  text-align: left;
}

.admin-list-table td.inactive
{
  color: #aaa;
}

.admin-list-table td.inactive a
{
  color: #daa;
}

.admin-list-table th
{
  padding: 1px 5px;
  border-bottom: 1px solid #666;
  text-align: left;
}



.admin-list-table .dark
{
  background: #eee;
}






/* novinky */

  .news_item
  {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    width: 665px;
  }

  .news_inserted
  {
    font-size: .8em;
    padding: 0;
    color: #666;
  }

  #news-small
  {
    border-right: 1px dotted #ccc;
    padding: 10px;
    width: 150px;
    overflow: hidden;
  }
  
  .news_item-small
  {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
  }
  
  #news-small h3
  {
    font-size: 1em;
    margin: 0;
    padding: 0;
  }
  
  .news_inserted-small
  {
    font-size: .8em;
    padding: 0 0 5px 0;
    color: #ccc;
  }
  #news-small img {
	  border: 0;
  }
/* konec novinky */
.leftimg {
	float: left;
	margin: 0 10px 10px 0;
}
.rightimg {
	float: right;
	margin: -15px 0 10px 10px;
}

.form-title
{
  margin: 0;
  padding: 2px 10px;
  background: #bbb;
  color: #fff;
}


.admin
{
  border: 2px solid #bbb;
  width: 680px;
  padding: 10px;
  margin: 10px 0;
  overflow: hidden;

}

#documents {
    clear: both;
    padding: 20px 0 0 0;
}

 #documents img {
  border: 0;
}


#contact
{
  float: right;
  width: 200px;
  clear: right;
  border: 1px solid #666;
  padding: 5px;
  font-size: .8em;
  line-height: 12px;
  overflow: hidden;
  margin-top: 5px;
  margin-left: 15px;
}

  #contact span
  {
    display: block;
  }
  
  #contact span.label
  {
    float: left;
    clear:  left;
    width: 60px;
    font-weight: bold;
  }  
  #contact span.value
  {
    float: right;
    clear:  right;
    width: 120px;
  }  
  
  #contact h3
  {
    padding: 5px 0;
    margin: 0;
    font-weight: bold;
    text-align: left;
    font-size: 1.2em;
  }

.contact
{
  float: left;
  width: 200px;
  margin-top: 10px;
  border: 1px solid #666;
  padding: 5px;
  font-size: .8em;
  line-height: 12px;
  overflow: hidden;
  margin-right: 40px;
}

  .contact span
  {
    display: block;
  }
  
  .contact span.label
  {
    float: left;
    clear:  left;
    width: 60px;
    font-weight: bold;
  }  
  .contact span.value
  {
    float: right;
    clear:  right;
    width: 120px;
  }  
  
  .contact h3
  {
    padding: 5px 0;
    margin: 0;
    font-weight: bold;
    text-align: left;
    font-size: 1.2em;
  }
  #contact.no-float {
	  float: none;
	  margin-top: 10px;
  }
a.image
{
  display: block;
  width: 140px;
  padding: 5px 15px;
  float: left;
  text-align: center;
  text-decoration: none;
  color: #000;
  height: 130px;
  overflow: hidden;
  font-weight: bold;
}

a.image img
{
  float: none;
}

a.image span
{
  display: block;
}

#gallery
{
  margin: 10px 0;
}

#content .no-border
{
  border: none;
}


.location
{
  position: absolute;
  cursor: pointer;
  visibility: hidden;
}

#location-1
{
  width: 156px;
  height: 176px;
  margin-top: 20px;
  margin-left: 264px;
  background: url(../images/mapa/norsko.gif);
}


#location-2
{
  width: 89px;
  height: 188px;
  margin-top: 48px;
  margin-left: 305px;
  background: url(../images/mapa/svedsko.gif);
}

#location-3
{
  width: 37px;
  height: 44px;
  margin-top: 201px;
  margin-left: 277px;
  background: url(../images/mapa/dansko.gif);
}

#location-4
{
  width: 78px;
  height: 106px;
  margin-top: 236px;
  margin-left: 252px;
  background: url(../images/mapa/nemecko.gif);
}

#location-5
{
  width: 71px;
  height: 37px;
  margin-top: 321px;
  margin-left: 277px;
  background: url(../images/mapa/rakousko.gif);
}

#location-6
{
  width: 61px;
  height: 35px;
  margin-top: 293px;
  margin-left: 303px;
  background: url(../images/mapa/cr.gif);
}

#location-7
{
  width: 63px;
  height: 43px;
  margin-top: 325px;
  margin-left: 339px;
  background: url(../images/mapa/madarsko.gif);
}

#location-8
{
  width: 51px;
  height: 27px;
  margin-top: 312px;
  margin-left: 346px;
  background: url(../images/mapa/slovensko.gif);
}
#export {
	width: 240px;
	float: left;
	margin-left: 10px;
	text-align: center;
}
#import {
	width: 240px;
	float: right;
	margin-right: 10px;
	text-align: center;
}
#import img, #export img {
	margin-top: 10px;
}

#europe-map
{
  width: 552px;
  height: 480px;
  border: 1px solid #000;
  background: url(../images/mapa/mapa.gif) 0px 0px no-repeat;
  margin: 0;
  border: 1px solid #000;
  padding: 0;
}

#partners-img
{
  float: left;
  width: 200px;
  padding: 10px 0 0 30px;
}


.paging
{
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}

.paging a
{
  color: #000080;  
  text-decoration: none;
}

.paging a:hover
{
  background: #000080;
  color: #fff;  
}

.paging span.red
{
  background: #000080;
  color: #fff;  
}


#flags
{
  position: absolute;
  top: 85px;
  
  left: 580px;
  width: 150px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 20px;

}

#flags li
{
  float: right;
  height: 20px;
  list-style-type: none;
}

#flags li a
{
  display: block;
  width: 25px;
  margin: 0 0 0 5px;
  padding: 0;
  height: 18px;
  overflow: hidden;
}


#flags li a.cz
{
  background: url(../images/flag-cz.png) 0px 0 no-repeat;
}

#flags li a.en
{
  background: url(../images/flag-en.png) 0 0 no-repeat;
}

#flags li a.sw
{
  background: url(../images/flag-sw.png) 0 0 no-repeat;
}

#map-hradec
{
  height: 222px;
  margin: 20px 0;
  background: url(../images/mapa-hradec.jpg) left top no-repeat;
}

#map-kostelec
{
  height: 222px;
  margin: 20px 0;
  background: url(../images/mapa-kostelec.jpg) left top no-repeat;
}

#map-rychnov
{
  height: 222px;
  margin: 20px 0;
  background: url(../images/mapa-rychnov.jpg) left top no-repeat;
}

#tc-hk
{
  position: absolute;
  top: 30px;
  width: 140px;
  margin-left: 515px;
  text-align: center;
}

#tc-hk a
{
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

#tc-hk a:hover
{
  color: #f00;
}



#vehicles td, #vehicles th
{
	padding: 10px;
	vertical-align: top;
	text-align: left;
	background: #ddd;
	border: 1px solid #fff;
}

#vehicles th
{
	text-align: center;
	background: #777;
	color: #fff;
}

#vehicles td
{
	border-top: 2px solid #aaa;
}


hr.cl{
  clear: both;
  height: 1px;
  line-height:1px;
  margin: -1px 0 0 0;
  padding: 0;
  border: none;
  visibility: hidden;
}



#struktura {
height:386px;
width:640px;
display:block;
background: url(../images/ttv-struktura.gif) 0 0  no-repeat;


}

#struktura a {
color:white;
font-weight:bold;

}


.ruzicka {
position:relative;
left:170px;
top:160px;

text-decoration:none;
}


.hudecek {
position:relative;
left:470px;
top:160px;

text-decoration:none;
}

.bahnik {
position:relative;
left:-70px;
top:260px;

text-decoration:none;
}


.dvorak {
position:relative;
left:120px;
top:260px;
text-decoration:none;
}

.mazuchova {
position:relative;
left:290px;
top:260px;
text-decoration:none;
color:white;
font-weight:bold;
}

.derner {
position:relative;
left:-260px;
top:350px;
text-decoration:none;
}

.plistil {
position:relative;
left:-180px;
top:340px;
text-decoration:none;
}

.vavrinec {
position:relative;
left:-230px;
top:360px;
text-decoration:none;
}

.ehl {
position:relative;
left:-160px;
top:350px;
text-decoration:none;
}

.kozak {
position:relative;
left:-75px;
top:355px;
text-decoration:none;
}

.kalousek {
position:relative;
left:-10px;
top:350px;
text-decoration:none;
}



#transport {
float:right;
margin-right:30px;
display:block;

}