@media screen, projection {

html * {margin:0; padding:0; border:0;}
body, h1, h2, td {font-family:"Tahoma", Tahoma, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif,;}
body {font-size:13px; color: black;  background: #606060; text-align:center; behavior: url(csshover.htc);}

  a{color: #2D599A;
		text-decoration: underline;}
	
	a:hover {
		text-decoration: none;
		color: #003366;
	}
    
  h1 {
		font-weight:bold;
		font-size:16px;
		font-weight:bold;
		padding-bottom: 10px;
		text-transform: uppercase;
	}
  
  h2 {
		font-weight:bold;
		font-size:13px;
		padding-bottom: 4px;
	}

  .vystredit{text-align:center;}
  
	h3 {
	  padding-bottom: 15px;
	  font-size:14px;
	}
	h4 {
		font-weight:bold;
		font-size:13px;
		padding-bottom: 10px;
	}
	

  h5 {
		font-weight:bold;
		font-size:15px;
		color: #ff6600;
	}

	h1, h2, h3, h4 {color: #000040;}


  p {font-size: 13px;
		color: rgb(64,64,64);
		text-align: justify;
		line-height: 17px;
		padding-bottom: 10px;
	}

	li {margin: 5px 0 5px 15px;}

  img {border: 0;}
  .left-img{float: left; margin: 5px 15px 5px 0;}
  .right-img{float: right; margin: 5px 0px 5px 15px;}
  .stred-img{margin: 0 15px 0 15px;}

.imgpas{float: right; width: 166px; padding-left: 15px; _padding: 0;} 



label {float: left; width: 10em;}

input {border: 1px solid rgb(192,192,192);margin-bottom: 3px;}
textarea {border: 1px solid rgb(192,192,192);margin-bottom: 3px;}
select{border: 1px solid rgb(192,192,192);}


/* layout */
#top-margin {height:30px;}
#toppanel{
height: 23px;
width:846px;
margin:auto;
}
#all {width:846px;margin:auto;}

#hlavicka {position:relative;width:846px;height:203px;background:#D6D3D6 url('./img/bg_top1.jpg') top right no-repeat;}
#hlavicka2 {position:relative;width:846px;height:203px;background:#FFF url('./img/bg_top1.jpg') no-repeat;}
#logo {float:left; width: 206px;} 
#logo h1 {display: none;}           
#navigace{float: right; padding: 3px 10px 0 0;}  
#tools-bar a {float:left; display:block; width:14px; height:14px;}
#tools-bar a:hover {}
#tools-bar span {display:none;}
#top1 {background:transparent url("./img/home-blue.gif") left top no-repeat;}
#top3 {background:transparent url("./img/email-blue.gif") left top no-repeat;}
#top4 {background:transparent url("./img/icon-popular.gif") left top no-repeat;} 
#top5 {background:transparent url("./img/flag-cz.gif") left top no-repeat;}
#top6 {background:transparent url("./img/flag-pl.gif") left top no-repeat;}
#top7 {background:transparent url("./img/flag-de.gif") left top no-repeat;} 
#top8 {background:transparent url("./img/flag-en.gif") left top no-repeat;} 
#sitemap {background:transparent url("./img/sitemap.gif") left top no-repeat;}

.plus {float:left; width:7px; height:14px;}
.plus1 {float:left; width:7px; height:14px;}

#navigace-flag{float: left; padding-right: 10px; padding-top: 12px; _padding-top: 15px; clear: right;}              
.language{float: left; color: #d0d0d0; font-size: 10px; padding: 0 5px 10px 10px; }
#tools-flag {padding-top: 1px;}
#tools-flag a {float:left; display:block; width:16px; height:14px;}
#tools-flag a:hover {}
#tools-flag span {display:none;}

#page {width:846px;background:#2D599A url('./img/bg_leftmenu.gif') no-repeat; margin-top: 4px;}


#quicknav{float:right; width:602px; height: 20px;
background:#006699 url('img/bg_topmenu.gif') repeat-x;
text-align: left; padding-top: 8px; padding-bottom: 2px; padding-left: 39px; font-size: 11px;
}

#quicknav a{display: block; float: left; background: url('./img/arrow1.gif') 5px 5px no-repeat;padding-left: 17px; text-decoration:underline; color: #55aed9;}

#quicknav a:hover{text-decoration:none;}

#quicknav a.first{background: none;padding-left: 0px;}
#quicknav a.last{text-decoration:none; color: #dfdfdf;}


#in-page {text-align: justify;
  background-color: #DEFFF7;
  width:560px;
  min-height: 350px;
  _height: 350px;
  border-top: 3px solid #2D599A;
  border-left: 3px solid #2D599A;
  padding: 40px 41px 20px 39px;
  float: right;
 }
 
#in-page a:visited{
		color: #000040;
		text-decoration: underline;
}

#in-page a:visited:hover{
text-decoration: none;
}

#in-page-balicky {text-align: justify;
  background-color: #DEFFF7;
  width:575px;
  _width:579px;
  min-height: 350px;
  _height: 350px;
  margin-top: 3px;
  padding: 28px 30px 20px 32px;
  _padding-left: 28px;
  float: right;
 }


 
 #paticka_text {
 background:#d0d0d0 url('img/bg_footer.gif') repeat-x;
 width: 846px;
 height: 80px;
 font-size:10px;
 line-height: 14px;
 text-align: left;
 color: rgb(64,64,64);
 margin-top: 4px;
 }
 
 #paticka_text_left{
 float: left;
 padding: 12px 0 0 16px;
 }
 
 #paticka_text_right{
 float: left;
 padding: 13px 12px 0 22px;
 }
 
 
 
 #paticka2_text {
 display: none;
 text-align: right; 
 width:832px;
 height: 30px;
 margin-bottom: 10px; 
 line-height: 18px;
 }

 #paticka2_text a{
 color: rgb(160,160,160);
 text-decoration: underline;
 }

 #paticka2_text a:hover{
 text-decoration: none;
 }



#links {display: block; padding-top: 32px; left: 19px; _left: 14px;  position: relative; width: 168px;}

#links ul {margin: 0; padding: 0; background: white;}

#links li {position: relative; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #e3e1e1;}

#links li a {
display: block; 
padding: 8px 3px 8px 4px; 
text-align: left;
text-decoration: none;
width: 161px;
color: black;
font-family: verdana;
font-weight: bold;
font-size: 10px;
background:#4497db url('./img/menu_bg3.gif') 0% 100% no-repeat;
}

#links li a:hover {background: url('./img/menu-bg-h.gif') repeat-x; color: black;}

#links ul ul {position: absolute; top: 0px; left: 167px;  display: none; z-index: 4;}


div#links ul.level1 li.submenu:hover ul.level2, div#links ul.level2 li.submenu:hover ul.level3 {display:block;}








/* menu */

.left-menu {float:left; width:178px;}

  .pismena{list-style-type: lower-alpha;}

           
  .cislovany{list-style-type: decimal;padding-left: 10px;}
           
  .nic{list-style-type:circle; padding-left:20px; padding-bottom:15px;}
	
  .nadpis {
		font-size: 12px;
		color: rgb(51,204,0);
		font-weight: bold;
	}
	
	.green {
		font-size: 12px;
		color: rgb(0,102,0);
		font-weight: bold;
	}
	
	.text_svetly {
		font-size: 10px;
		color: #FFF392;
	}
	
	.text_tmavy {
		font-size: 10px;
		color: #666666;
	}

      
  .black { 
  font-size:12px;
  color: black
  }
	 
#formular{
margin-left: 50px;
margin-top: 20px;
}

.buttons{
margin-left: 200px;
margin-top: 5px;
}

.buttons input{
background-color: #99cccc;
}

.buttons input:hover{
background-color: #86CBFF;
border: 1px solid rgb(128,128,128);
}
  
  table {
  caption-side:top;
  border: none;
  margin-bottom:20px;
  }
  
  table td{
  font-weight: normal;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  border: none;
  vertical-align: top;
  }
  
  table th{
  font-size: 10px;
  border-collapse: none;
  border: none;
  border-color: black;
  background-color:rgb(153,255,102);
  padding: 2px;
  }    
  
  .blue{
  background-color:rgb(255,255,153);
  text-align: right;
  }  
  
  table.obj1 td{
  font-weight: normal;
  font-size: 12px;
  padding: 5px 2px 5px 2px;
  border: none;
  vertical-align: top;
  }

  table.obj1{
  background:#ffff99;
  margin: auto;
  }
  
 
  table.obj2 td{
  font-weight: normal;
  font-size: 12px;
  padding: 0px 2px 0px 2px;
  border: none;
  vertical-align: top;
  }

  table.obj2{
  width: 90%;
  background:#ffff99;
  }
  
  #obj{
  margin-top: 30px;
  }



.nazev{font-size: 12px; font-weight: normal; #505050}

.textik{font-size: 12px; font-weight: bold; color:#2b5788}

.cena{font-size: 13px; font-weight: bold; color: #d1321b}

.kod {font-size: 13px; font-weight: bold; color: #d1321b}
  
.clear {width:1px; height:0px; clear:both; line-height: 0px; font-size: 0px;} 
.clear-img {width:1px; height:10px; clear:both; line-height: 0px; font-size: 0px;} 
 
.tab-ramecek{border: 1px solid black;}
.ramovana {background-color: rgb(255,204,102);border: 1px solid rgb(128,128,128);}
.ramovana p{padding:0;}



/*balicek*/
.balicek {border: solid 1px #d0d0d0;  background: #fff; width: 275px; height: 197px; float: left; margin: 4px; color: #727272;}
.bal-nadpis {width: 270px;float: left; padding: 3px 0px 5px 6px; text-align: left;}
.bal-nadpis a{font-weight: bold;}
.bal-nadpis a:hover{color: rgb(51,153,255)}
.foto {width: 104px; padding-top: 0px; float:right;}
.popis {clear: both; height: 73px; margin: 0; font-size: 11px; text-align: justify; overflow: hidden; line-height: 12px; padding: 6px;}
.typ-ubytovani {float: left; padding-left: 6px; font-size: 11px;width:150px;}
.typ{font-weight: bold;}
.price{padding-top: 42px;padding-left: 6px; float: left;}
.nej-cena{font-size:18px; color: rgb(204,0,0); font-weight: bold;}
.end {clear: both; padding: 0; border: none; margin: 0;}




/* CSS from BAMBUS */

/*Detai balíčku*/
#detail{color: rgb(64,64,64);}
.fotografie {float: right; width: 200px; margin: 0px;}
.data {float: left; width:340px;}
.objednavka {float: left; width: 550px; height: 85px;border: 1px solid white;}

h4.nazev {font-weight: bold; margin: 0 0 10px 0px; padding: 0; font-size: 18px; width: 330px; border: none; text-align: left;}

img.foto_detail {padding: 0; margin-bottom: 10px;}

.oddil {margin-top: 10px; color: rgb(64,64,64); line-height: 16px; font-size: 12px; width: 340px;}

.popisek {font-weight: bold; font-size: 13px; color: rgb(51,153,255);}

.text {font-size: 12px; width: 340px; line-height: 16px; text-align: justify; color: rgb(64,64,64);}

.poznamka {font-size: 10px; display: block; line-height: 11px; width: 500px; float: left;}

span.kategorie {border-bottom: none; width: 145px;}

a.link {font-weight: bold; font-size: 11px;}

div.odd {display: block; width: 340px; height: 1px; border-top: solid 1px #d2d4ef; margin: 5px 0 5px 0;}

img.hodnoceni_detail {margin: 0;}


.obox{
margin-top: 5px;
padding: 0 0 0 30px;
background: url('./img/box-or.gif') 0 4px no-repeat;
}

.ocena{
width: 151px;
height: 30px;
margin-top: 10px;
padding: 10px 0 0 10px;
background: url('./img/box-pr.gif') no-repeat;
}

.okod{
margin: auto;
padding: 12px 10px 3px 10px;
width: 252px;
height: 28px;
background: url('./img/blok07.gif') no-repeat;
}

.oform{
width: 288px;
height: 280px;
margin: auto;
margin-top: 10px;
padding: 20px 0 0 5px;
_padding-top: 8px;
background: url('./img/blok04.gif') no-repeat;
}

.odetail{
width: max;
margin-top: 10px;
padding: 20px 0 0 10px;
_padding-top: 8px;
}


.oinfo{
margin: auto;
margin-top: 0;
padding: 12px 10px 10px 10px;
width: 532px;
background: url('./img/blok06.gif') no-repeat;
}


.oinfo2{
margin: auto;
margin-top: 20px;
padding: 20px 10px 20px 10px;
width: 532px;
background: url('./img/blok06.gif') no-repeat;
}

#objednavka{
margin: auto;
padding: 3px 10px 10px 10px;
_padding-top: 8px;
width: 532px;
height: 165px;
background: url('./img/blok02.gif') no-repeat;
}

#objednavka2{
margin: auto;
padding: 3px 10px 10px 10px;
_padding-top: 8px;
width: 532px;
height: 220px;
background: url('./img/blok09.gif') no-repeat;
}

.text-pole{
padding: 10px;
_padding-top: 5px;
}

.text-pole li{
list-style: none;
}


#objednavka.mala{
height: 135px;
background: url('./img/blok03.gif') no-repeat;
}


#obj-con{
width: 168px;
height: 57px;
background: url('./img/obj.gif') no-repeat;
margin: 15px 0 0 18px;
text-align: left;
}

#cards{
width: 139px;
height: 80px;
margin: 15px 0 0 29px;
text-align: left;
}

#cards2{
float: right;
margin: 27px 20px; 0 0;
_margin: 27px 10px; 0 0;
}

#obj-con span{
font-size: 10px;
padding: 5px 0 0 10px;
display: block;
}

#obj-con form{
margin:0;
padding:10px;
float: left 
}

#obj-con form input{
width: 100px;
float: left;
}

#obj-con form input.button1{
font-size: 11px;
width: 40px;
height: 18px;
float: left;
margin-left: 5px;
background: url('./img/butt1.gif') repeat;
border: 1px solid white;
}

#obj-con form input.button1:hover{
background: none;
background-color:#66ccff;
}

#fulltext{
float: right;
padding-right: 10px;
}

text-align: left;
}

#fulltext form{
margin:0;
padding-right:7px;
float: left 
}

#fulltext form input{
width: 90px;
float: left;
}

#fulltext form input.button1{
font-size: 11px;
width: 44px;
height: 18px;
float: left;
margin-right: 5px;
background: url('./img/butt1.gif') repeat;
border: 1px solid #a0a0a0;
}

#fulltext form input.button1:hover{
background: none;
background-color:#66ccff;
}

#search{
padding: 20px 10px 10px 10px;
_padding-top: 16px;
width: 562px;
height: 135px;
background: url('./img/blok08.gif') no-repeat;
}

#search input{
border: none;
}

#search input.button{
border: 1px solid #707070;
}

#search label{
width: 100px;
}

#search .osearch option{
width: 100px;
display: block;
}


.osearch{
padding-bottom:2px;
}


#trasy{
margin: auto;
width: 392px;
height: 392px;
background: url('./img/blok10.gif') no-repeat;
margin-top: 20px;
}

#trasy h1{
color: #006699;
padding: 12px 0 0 20px;
font-size: 13px;
}

#trasy .sub{
color: red;
padding: 12px 0 0 50px;
font-weight: bold;
}

.start{
padding: 5px 0 0 50px;
}

.map24buttons{
float: right;
margin-right: 56px;
_margin-right: 16px;
}


/*styl pro výpis balíčku kompletní pro tabulky*/

table.data_table { float: left; margin-top: 30px; border: none; font-size: 11px; border-collapse: collapse; width: 555px; color: #5d5959;; }
table.data_table td.hlavicka_table {width: 98px; text-align: center; background: url('./img/table1.gif') no-repeat; height: 27px; color: #5d5959; padding: 3px 2px 3px 0px;}
table.data_table td.hlavicka_table_no {width: 100px;}
td.cena_table {font-weight: bold; text-align: center; height: 20px; color: rgb(51,153,255);}

tr.radek1{background-color: white;}
tr.radek2{background-color: rgb(233,233,233);}
}