#wmp_bar{
	display: none;
}

.invisible	{
	display: block;
	position: absolute;
	left: -10000px;
}
.hidden	{
	display: none;
}
.centered	{
	text-align: center;
}

/*******************************/

body {
	font-family : "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000;
}

div#page{
	margin: 10px auto;
	width: 970px;
	position: relative;
  top: 0; left: 0;	
  background: white;
}

/*******************************/

/* HLAVICKA + PATICKA */
div#top {
	font-size: 1.1em;
	margin: 0px; padding: 0px;
	background: #e1f0fa url('../img/top.gif') no-repeat 100% 0%;
	height:122px;
	border-bottom: 1px solid #d5d4d4;
}

div.titul {
  margin: 0;
  padding: 0;
	font-size: 1.7em;
}

div.titul a img {
  border: 0;
}

div#pata {
  margin: 0; padding: 5px;
	border-top: 3px solid #007cc3;
	text-align: center;
	font-size: .9em;
	clear: both;
}

/*******************/

img.noborder {
	border: 0;
}

a.external, a.in {
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-y-position: center;
  background-position: center right;  
}

a.external {
  background-x-position: right;  
  background-image: url('../img/outer_link.png');  
	padding-right: 13px;
}

a.external {
  color: #158b9f;
}

a.in {
  color: black;
  background-x-position: left;
  background-position: center left;  
  background-image: url('../img/inner_link_n.gif');
  padding-left: 7px;
}

a.in:hover {
  background-image: url('../img/inner_link_a.gif');
}

div#obsah {
  margin: 15px 0px;
  padding: 0;
  width: 100%;
}

/*******************************/

#main {
  width: 675px;
  float: left;
}

#info {
  width: 290px;
  float: right;
}

/*******************************/

.box {
  border-left: 16px solid #e7e7e9;
  border-right: 2px solid #e0ebed;
  border-bottom: 2px solid #e0ebed;
  margin-bottom: 18px;
  margin-right: 10px;
  padding: 12px 0;
  padding-left: 35px;
  min-height: 60px;  
}

.clear {
  clear: both;
}

  .formi {
    min-height: 250px;
  }

  /*formular*/

  .zalozka {    
    width: 65px;
    float: left;
  }
  
    .zalozka img {
      margin: 2px 0px;
      border: 0px;
    }
    
    .zalozka a {
      border: 0px;
    }
  
  .form {
    float: right;
		vertical-align: middle;
		width: 500px;
  }
    
    .form table {
      width: 100%;
    }
  
    .form a img {
      border: 0px;
    }
    
    .form .form-submit {
      border: 0;
    }
   
  .form a#spojeni_left, .form a#spojeni_right, .form img#spojeni_datum_start {
    vertical-align: -6px;
  }  
  
  #spojeni_datum, #spojeni_cas {
    width: 80px;
  }
    
	.form a#spojeni_up {
		vertical-align: 6px;
		margin-left: 2px;
	}
	form a#spojeni_down {
		vertical-align: -6px;
		margin-left: -19px;
	}
	
	form a#spojeni_upm {
		vertical-align: 6px;
		margin-right: -19px;
	}
	form a#spojeni_downm {
		vertical-align: -6px;
		margin-right: 2px;
	}    
  
    .form input#spojeni_datum, .form input#spojeni_cas, .form input#spojeni_odkud, .form input#spojeni_kam {
      border: 1px solid #85c9e9;
      background: #f6f6f7;
      padding: 3px 5px;
    }
  
  
  /*formular*/
  
  .info, .doprava, .zahranici {
    padding-left: 145px;
  }

  .info {
    background: white url('../img/poz_info.png') no-repeat 40px 19px;
  }
  
    .info ul li a{
      font-weight: bold;
    }  
  
  .doprava {
    background: white url('../img/poz_interesant.png') no-repeat 40px 19px;
    padding-right: 30px;
  }
  
    .doprava img {
      float: right;
      border: 1px solid black;
      margin-left: 5px;
      margin-bottom: 5px;
    }
  
  .zahranici {
    background: white url('../img/poz_doprava.png') no-repeat 40px 19px;
  }
    
    .zahranici .bei, .zahranici .bahn {
      margin-right: 30px;
      padding: 8px;
      padding-left: 40px;      
      line-height: 38px;
    }

    .zahranici .bei {    
      background: white url('../img/small_bus.png') no-repeat 0 center;
    }
      
    .zahranici .bahn {      
      background: white url('../img/small_vlak.png') no-repeat 0 center;
    }          

/*******************************/

.reklama {
  margin-bottom: 18px;
  margin-left: 162px;
  font-size: 80%;
}

  .reklama a img {
    border: 1px solid red;
    width: 468px;
    height: 60px;
  }
  
  .reklama span {    
    color: #aeaeae;
    margin-right: 20px;
    line-height: 50%;    
  }
  
/*************************************/

.box .sub {
  background: #fafafb;
  border-top: 1px solid #ededef;
  margin-right: 30px;
  margin-top: 5px;
  padding: 5px 10px;  
}  

  .box .sub img {
    vertical-align: -50%;
  }
  
/*************************************/

  .rightbox {
    margin: 10px 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #e0ebed;
    text-align: center;
  }
  
  .rightbox .flag {
    border: 3px solid #e7e7e9;
  }  
  
  .rightbox .flag:hover {
    border-color: #158b9f;
  }    
  
/**************************************/

  .reklamabox {
    border: 1px solid red;
    width: 150px;
    height: 150px;
    margin: 0 auto;
  }
  
/*************************************/

  .rightbox .akce, .rightbox h2 {
    text-align: left;
  }  
  
  .rightbox .boxnadpis {
    color: #d2ac67;
    font-weight: bold;
    font-size: 110%;
    display: block;
  }
  
  .akce ul, .akce ul li {
    padding-left: 0;
  }
  
  .rightbox img {
    border: 0;
    vertical-align: middle;
  }
  
/*  .rightbox .photo {
    width: 150px;
  }*/

/**************************************/    

a:hover {
  color: #d2212a; 
}

/*******************************/

h1, h2 {
  font-weight: normal;
  color: black;
	clear: both; 
  font-size: 1.8em;   
}

h1, h2, h3	{
  font-family: Arial Narrow, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif;
  
	/*height: 20px;*/
	margin: 0;
	padding: 0;
}

h1 span, h2 span, h3 span {
  font-weight: bold;  
}

/*---------------------*/

div#obsah ul {
  margin-top: 0;
  padding-left: 0;
  margin-left: 15px;
}

div#obsah ul li {
  list-style: none;
  margin-left: 0px;
  padding-left: 0;
  vertical-align: top;
}

div#obsah ul li img{
  vertical-align: middle;
  border: 0;
}

p	{
	text-align: justify;
	margin-top: 0.2em;
	margin-bottom: 1em;
}

/*********************************/
/*********************************/

.external {border: none;}

input#submitbutton {
  background: white url('../img/img_search.jpg') no-repeat 2px center;
  padding: 5px;
  padding-left: 25px;
  border: 2px solid #e7e7e9;
  margin-left: 38%;
}

#vlak, #bus, #vlakbus, #mhd {
  width: 70px;
  height: 51px;
  display: block;
  margin-bottom: 5px;
}

#vlak {
background: white url('../img/vlak_n.png') no-repeat 2px center;
}

#vlak.actual, #vlak:hover {
background-image: url('../img/vlak_a.png');
color: red;
}

#bus {
background: white url('../img/bus_n.png') no-repeat 2px center;
}

#bus.actual, #bus:hover {
background-image: url('../img/bus_a.png');
color: red;
}

#vlakbus {
background: white url('../img/vlakbus_n.png') no-repeat 2px center;
}

#vlakbus.actual, #vlakbus:hover {
background-image: url('../img/vlakbus_a.png');
color: red;
}

#mhd {
background: white url('../img/metro_n.png') no-repeat 2px center;
}

#mhd.actual, #mhd:hover {
background-image: url('../img/metro_a.png');
color: red;
}

/**********************************/
/**********************************/


