/* ZAKLADNI TRIDY */
html { margin:0; padding: 0; width: 100%; height: 100%}
body { padding: 0; margin: 0; text-align: center; font-family: Tahoma, Arial; font-size: 8pt; color: #000;}

form { margin: 0; padding: 0; }
input, textarea, select { font: normal 100% Tahoma, sans-serif; }
p {font-family: Tahoma; margin: 8px 0 0 0; padding: 0; font-size: 100%; line-height: 140%; font-weight: normal; text-align: justify}

img {border: 0;}
h1 {position: absolute; top: 100px; left: 200px; width: 710px; font-family: Arial; text-align: right; font-weight: normal; font-size: 8pt; color: #B4EEFF; padding: 0 0 0 0; margin: 0}
h2 {font-size: 12pt; padding: 0; margin: 0}
h2 .white {color:#fff}
#zajezd-right h2 {margin: 0 0 10px 0}
h3 {font-family: Tahoma; font-weight: normal; font-size: 14pt; padding: 0; margin: 0; text-transform:uppercase}
h3 .small {font-family: Arial; font-weight: normal; font-size: 8pt; padding: 0; margin: 0; text-transform:none}
h4 {font-family: Arial; font-weight: bold; font-size: 12pt; padding: 0; margin: 0;}
h4 .small {font-family: Arial; font-weight: normal; font-size: 8pt; padding: 0; margin: 0; text-transform:none}

/* POMOCNE TRIDY */
.m0{margin-top:0px}
.m10{margin-top:10px}
.m20{margin-top:20px}
.clear {clear: both}
.skryte{display: none}
.odrazka {margin-top: 7px}
.x {visibility: hidden}
.c {text-align: center}
.c-big {text-align: center; font-size: 120%}
.r {text-align: right}
.l {text-align: left}
.j {text-align: justify}
.tucne {font-weight: bold}
.netucne {font-weight: normal}
.white {color: #fff}
.orange {color: #FF6101}
.lightblue {color: #00BFFF}
.blue {color: #0000FF}
.black {color: #000}
.light-green {color: #00C000}
.green {color: #005C00}
.red {color: #F00000}
.big {font-size: 120%}
.bigger {font-size: 130%}
.biggest {font-size: 140%}
.bigbold {font-size: 120%; font-weight: bold}
.small {font-size: 90%}
.smaller {font-size: 80%}
.smallest {font-size: 70%}
.help {cursor: help; text-decoration: none; border-bottom: 1px dotted #000; }
.ico {margin-bottom: -2px}
.vlajka, .vlajka-w {width: 16px; height: 10px; border: 1px solid #000; margin-right: 3px;}
.vlajka-w {border: #fff}
.mapa {float: right; border: 1px solid #000; margin-left: 10px;}
@media all and (min-width: 16px){.vlajka {height: 12px; }} /* HACK PRO OPERU */
.fotka {float: left; width: 100px; height: 75px; margin: 0 5px 0 0; border: 1px solid #000; text-align: center;}

ul{line-height: 150%}
ul.odrazka15 { padding: 0; margin: 0 0 0 15px;}

.ikonka{float: left; margin-right: 10px}

.button {color: #000; background: url("pics/button.gif") no-repeat left; border: 0px; width: 150px; height: 21px; padding: 0 25px 3px 0; _margin-top: 2px; text-align: center; cursor: pointer; font-weight: bold; font-family: Arial, Verdana; font-size: 85%}
input:hover.button {background-position: -150px 0}

.w30 {width: 30px}
.w50 {width: 50px}
.w75 {width: 75px}
.input {width: 200px}
.input-150 {width: 150px}
.input-smaller {width: 100px}
.input-small {width: 50px}
.input-smallest {width: 30px}
.input-osob {width: 25px}
.textarea300 {width: 300px; height: 150px;}

a:link, a:visited {color: #000; text-decoration: underline; font-weight: normal}
a:hover {color: #0032D4; text-decoration: underline; font-weight: normal}

a.white:link, a.white:visited {color: #fff;}

a.neoznaceny:link, a.neoznaceny:visited {color: #000; text-decoration: none; font-weight: normal}
a.neoznaceny:hover {color: #000; text-decoration: underline; font-weight: normal}

a.fotogalerie:link img, a.fotogalerie:visited img {margin: 0 20px 10px 0; border: 1px solid #000}
a.fotogalerie:hover img {border: 1px solid #f00}
a.fotogalerie:link img.nomargin, a.fotogalerie:visited img.nomargin, a.fotogalerie:hover img.nomargin {margin: 0 0 10px 0}

a:link.fotka-vypis img, a:visited.fotka-vypis img {border: 1px solid #000}

a:hover.fotka {border: 1px solid #0032D4}

.fotogalerie-foto {float: left; display: block; width:100px; height:75px; margin: 0 5px 5px 0; padding: 3px 3px; text-align: center;}

/* VLASTNI TRIDY */
#wrap { 
    float: left;
    width: 100%;
    height:100%;
    background: #1EBFEB url('pics/back.png') repeat-x bottom center;
}
#center { 
		width: 960px;
		min-width: 960px;
		margin: 0 auto 0 auto;
		text-align: left;		
		}
#mother { 
		width: 930px;
		margin: 0 0 0 15px;
		position: relative;
		}

/* HLAVICKA */
	#head { 
			position: relative;
			float: left;
			width: 930px;
			height: 120px; 
			}
	.logo { 
			position: absolute;
			width: 179px;
			height: 100px; 
      left: 20px;
      top: 10px
			}
	#menu-top { 
			position: absolute;
      right: 20px;
      top: 55px;
			width: 700px;
			height: 30px; 
      text-align: right;
			}

	#menu-top a:link, #menu-top a:visited, #menu-top a:hover {background: url(pics/bod.gif) no-repeat left; padding-left: 10px; margin: 0 0 0 20px; color: #fff; text-decoration: none; font-weight: bold}
	#menu-top a:hover {text-decoration: underline}
/* KONEC HLAVICKY */

/* MENU */
	#menu { 
			position: relative;
			float: left;
			width: 890px;
			height: 17px;
      background: url(pics/menu.png) no-repeat left top;
      padding: 10px 20px;
      font-size: 120%
			}

	#menu a:link, #menu a:visited, #menu a:hover {background: url(pics/bod2.png) no-repeat left; padding-left: 20px; margin: 0 20px 0 0; color: #003366; text-decoration: none; text-transform: uppercase; font-weight: bold}
	#menu a:hover {text-decoration: underline}
/* KONEC MENU */

/* TELO */
	#telo { 
		float: left;
		width: 930px;
		min-width: 930px; 
		margin-top: 20px;
	}
	#telo-obsah-top,#telo-obsah-velky-top{
    float: right;
		width: 630px;
    height: 19px;
    background: url(pics/telo-top.png) no-repeat top left;
	}
	#telo-obsah-velky-top{
		width: 930px;
    background: url(pics/telo-velke-top.png) no-repeat top left;
	}
	#telo-obsah,#telo-obsah-velky{
    float: right;
		width: 600px;
    padding: 0 15px 19px 15px;
    margin: 0 0 20px 0;
    background: url(pics/telo.png) no-repeat bottom left;
	}
	#telo-obsah-velky{
		width: 900px;
    background: url(pics/telo-velke.png) no-repeat bottom left;
	}

  /* LAST MINUTE */
    #last-minute {
      clear: both;
      float: left;
      width: 600px;
      }
      /* ZHAVE LM - GALERIE*/
        	.lm_galerie, .lm_galerieNOM { 
        	float: left;
          width: 280px;
          margin: 0 15px 20px 0;
          _margin: 0 10px 20px 0;
          border-spacing: 0px;
        	}
        	.lm_galerieNOM {margin: 0;}
        	.lm_galerie td, .lm_galerieNOM td {font-size: 8pt; font-weight:bold;}
        	td.lm_cen {font-size: 12pt; font-weight: bold; color: #f00000}
        	td.lm_naz {font-size: 10pt}
        	.lm_fotka {margin: 3px 0 0 0; border: 1px solid #000}
       /* KONEC ZHAVE LM - GALERIE*/
   /* KONECZHAVE LM */
   
  /* NOVINKY A AKCE */
	#novinky-akce{
    float: right;
		width: 600px;
    padding: 0 15px 19px 15px;
    margin: 0 0 20px 0;
	}
	#novinky-akce-obsah{
    color: #fff;
		font-size: 120%
	}
	#akce{
    float: left;
		width: 290px;
	}
	#novinky{
    float: right;
		width: 290px;
	}
	#novinky p{
    font-weight: bold;
    color: #000;
	}
	#novinky p.novinka{
    font-weight: normal;
    color: #fff;
	}
	.novinka-datum{
		margin: 15px 0 0 0;
		padding: 0;
		font-weight: bold;
		color: #000;
	}
	.novinka{
		margin: 0;
		padding: 0;
		font-weight: normal;
		text-align: justify;
		color: #fff;
	}
  #novinky-akce a:link, #novinky-akce a:visited, #novinky-akce a:hover {color: #fff}
  /* KONEC NOVINKY A AKCE */

  /* RECKO S PRETTY TOUR*/
	#recko-prettytour{
    float: right;
		width: 630px;
    height: 100px;
    margin: 0 0 20px 0;
	}
  /* KONEC RECKO S PRETTY TOUR*/
  
  /* LETAK */
	.letak{
    float: right;
		width: 630px;
    height: 200px;
    margin: 0 0 20px 0;
	}
	.letakSmall{
    float: right;
		width: 630px;
    height: 120px;
    margin: 0 0 20px 0;
	}
  /* KONEC LETAK */
  
  /* VANOCE A SILVESTR S PRETTY TOUR*/
	#vanoce-silvestr{
    float: right;
		width: 630px;
    height: 80px;
    margin: 0 0 20px 0;
	}
	#vanoce{
    float: left;
		width: 305px;
    height: 80px;
    margin: 0 20px 0 0;
	}
	#silvestr{
    float: right;
		width: 305px;
    height: 80px;
	}
	#DarkovyPoukaz{
    float: left;
    width: 280px;
    height: 150px;
		margin: 0 0 20px 0;
	}
  /* KONEC VANOCE A SILVESTR S PRETTY TOUR*/

  /* BOCNI PANEL */
    #bocni-panel {
      float: left;
      width: 280px;
    }
    #panel {
      float: left;
      width: 250px;
      padding: 0 15px 19px 15px;
      margin: 0 0 20px 0;
      background: url(pics/panel-telo.png) no-repeat bottom left;
      color: #fff;
    }
    #panel-top {
      float: left;
      width: 280px;
      height: 19px;
      background: url(pics/panel-top.png) no-repeat top left;
    }

        /* VYHLEDAVANI */
      	  .zvoleny_parametr {display:none}
          .pocet_terminu {display:none}
          .terminOd, .terminDo {width: 75px}
          
          #panel-vyhledavani, #hledani-cislo {
            float: left;
            width: 250px;
            margin: 10px 0 0 0;
            font-size: 120%;
          }
    		
      		.vyhledavani-nadpis {font-size: 120%; font-weight: bold}
  
          #vyhledavani_wrap { 
        			float: left;
        		  width: 250px;
        		  padding: 5px;
        		  background: url('pics/vyhledavaniT.png') no-repeat top left;
        		  color: #fff
        			}
        	#parametry, #parametry-CIS { 
        		  margin-top: 7px;
        		  width: 240px;
        			}
        	#parametry td{ 
        		  padding: 1px 0 1px 0
        			}
     		
      		#parametry select {width: 180px; margin: 0px; font-size: 10pt}
       /* KONEC VYHLEDAVANI */

        /* POCASI */
        #panel-pocasi {
          float:left;
          width: 250px;
          margin: 10px 0 0 0;
        } 
       	#pocasi-pocasi table { 
     			float: right;
     		  width: 250px;
   			}
       	#pocasi-pocasi td { 
     		  text-align: left;
          font-size: 8pt;
   			}
       	#pocasi-pocasi td .big { 
     		  font-size: 10pt;
   			}
       	td.pocasi-destinace { 
          width: 180px;
   			}
      	#pocasi-pocasi img { /* ikonky pocasi */ 
          width: 15px;
          height: 13px;
          margin: 0 0 -4px 0
   			}
        /* KONEC POCASI */

        /* KURZY */
        #panel-meny {
          float:left;
          width: 250px;
          margin: 10px 0 0 0;
        } 
      	.kurzy-kurzy { 
    			float: left;
     		  line-height: 150%
   			}
      	.kurzy-kurzy table {
     			float: right;
     		  width: 250px;
     		  line-height: 150%;        	             
       	}
       	.kurzy-kurzy table td {
     			white-space: nowrap;  
     			padding: 2px 5px
       	}
        /* KONEC KURZY */
  /* KONEC BOCNI PANEL */

	/* NALEZENY ZAJEZD */
		.zajezd{
			clear:both;
			width: 600px;
		}
		.zajezd p{margin:0 0 5px 0; padding:0; line-height: 150%}
		.zajezd-foto{
			float: left;
			width: 110px;
		}
		.zajezd-foto p{margin: 5px 0 0 5px; font-size: 8pt; text-align: left}
		.zajezd-info{
			float: right;
			width: 490px;
		}
		.zajezd-info .nazev{font-size: 12pt;}
		.zajezd-info .cislo_zajezdu {display:none}
		.zajezd-info .titulek{color: #F00000}
	  .zajezd-info .lm{color: #F00000;text-decoration:blink}
		.zajezd-info .popis{margin-top: 5px;}
		.zajezd-info-leve{
			float: left;
			width: 240px;
		}
		.zajezd-info-prave{
			float: right;
			width: 240px;
		}	
		.cena-dospeli, .cena-deti{
			float: left;
			width: 240px;
			margin-top: 5px;
			font-weight:bold;
			font-size: 120%
		}
		.cena-deti{
			float: right;
			width: 240px;
		}

      .oddelovac-zajezdu{
          clear: both;
     			float: left;
     		  width: 600px;
     		  margin: 10px 0 15px 0;
      }
      *div .oddelovac-zajezdu {margin: 0px 0 15px 0;} /* IE6 A IE7*/
      .oddelovac-zajezdu .cara{
     			float: left; 
          width: 600px;
          border-bottom: 2px solid #fff;
      }
      .oddelovac-zajezdu .odkaz{
     			display:none 
      }
		
		/* STRANKOVANI */
		   .strankovani{
          clear:both;
          float: left;
          width: 600px;
          padding: 2px 0 8px 0;
          margin: 10px 0 10px 0; 
          text-align: center;          
       }
      .strankovani .stranky{
          float: left;
          width: 600px;
     		  text-align: center;
      }
		   .strankovani a:link, .strankovani a:visited, .strankovani a:hover {color: #000; text-decoration: underline; font-weight: bold; padding: 0 3px;}
       .strankovani a:hover {color: #0032D4;}
		/* KONEC STRANKOVANI */
	/* KONEC NALEZENEHO ZAJEZDU */

	/* STRANKA ZAJEZDU */
		#zajezd-right{
      float: right;
			width: 630px;
    }
    #zvoleny-zajezd{
			float: left;
			width: 600px;
		}

	   #zajezd-hlavicka, #zajezd-popisek, #zajezd-detailterminu, #zajezd-popis, #zajezd-sluzby, #zajezd-objednavka {
	       float: left;
	       width: 600px;
     }
     #zajezd-hlavicka, #zajezd-detailterminu{margin: 10px 0 0 0}
     #zajezd-popis{
         float: left;
         width: 600px;
         margin: 10px 0 20px 15px; 
         color:#fff
     }

      /* ZVOLENY TERMIN */
      #Z1c{color: #f00000; font-size: 120%; font-weight: bold}
      /* KONEC ZVOLENY TERMIN */

     .popis-nadpis {
         float: left;
         width: 600px;
         margin: 15px 0 5px 0;
         font-weight: bold;
     }
     /* PANEL ZAJEZDU */
        	#panel-zajezd { 
        			float: left;
        			width: 280px;
        			}

          /* SEZNAM TERMINU */
          	.obsah-terminy { 
          			float: left;
          			width: 240px;
          			overflow: hidden;
                background: url(pics/panel-back.png);
                padding: 0 0 20px 0;
          			}
          	.obsah-terminy:hover, .obsah-terminy.hover { 
          			float: left;
          			width: 750px;
          			}
          	.obsah-terminy{
              width: expression(
                this.onmouseover = new Function("this.className += ' hover';"),
                this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
              );
            }
        		#tabulka-terminy {
        			float: left;
        			font-size: 10pt;
        			color: #fff;
        		}
        		#tabulka-terminy td, #tabulka-terminy th{
              white-space:nowrap; 
              padding: 3px 20px 3px 0;
              vertical-align: top;
              text-align: left;
        		}
            #tabulka-terminy tr {
              cursor: pointer;
              cursor: hand; /* PRO IE5 */
            }
            #tabulka-terminy tr.sel, #vysvetlivky .sel {
              background: #00BCFA;
              color: #fff;
            }
            #tabulka-terminy tr.odjeto, #vysvetlivky .odjeto {
              background: #D4D4D4;
              color: #fff;
            }
            #tabulka-terminy tr.lm, #vysvetlivky .lm {
              background: #C00;
              color: #fff;
            }
            #tabulka-terminy tr:hover, #tabulka-terminy tr.hover {
              background: #00BCFA;
              color: #fff;
            }
          	#tabulka-terminy tr {
              width: expression(
                this.onmouseover = new Function("this.className += ' hover';"),
                this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
              );
            }
            #tabulka-terminy tr.hlavicka {
              font-weight: bold;
            }
            #tabulka-terminy tr.oddel td {
              height: 40px;
              font-weight: bold;
              vertical-align:bottom;
              text-align: left;
            }
            #tabulka-terminy tr.hlavicka:hover, #tabulka-terminy tr.hlavicka-hover, #tabulka-terminy tr.oddel:hover, #tabulka-terminy tr.oddel-hover {
              background: none;
              color: #fff;
              cursor: default;
            }
          	#tabulka-terminy tr.hlavicka {
              width: expression(
                this.onmouseover = new Function("this.className += '-hover';"),
                this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
              );
            }
            #tabulka-terminy a:link, #tabulka-terminy a:visited, #tabulka-terminy a:hover {color: #fff; text-decoration: underline;}
            #tabulka-terminy a:hover, #tabulka-terminy tr.lm a:hover {color: #000}
            #tabulka-terminy tr.sel a {color: #fff; text-decoration: underline;}
            #tabulka-terminy tr.lm a {color: #fff; text-decoration: underline;}

            #vysvetlivky {
              float: left;
              width: 750px;
              color: #fff;
              font-size: 9pt;
              padding: 10px;
            }
          /* KONEC SEZNAM TERMINU */
          
          /* FOTOGALERIE */
          	.obsah-fotky { 
          			float: left;
          			width: 240px;
          			overflow: hidden;
                background: url(pics/panel-back.png);
          			}
          	.obsah-fotky div { 
                margin-top: 10px;
          			}
          	.obsah-fotky img { 
          			margin: 5px
          			}
          /* KONEC FOTOGALERIE */
     /* KONEC PANEL ZAJEZDU */	


    /* SEZNAM SLUZEB */
            #zajezd-sluzby #sluzby{
                float: left;
            		width: 600px;
            		_width: 590px;
                margin-top: 10px;
                line-height: 200%;
                text-align: right;
            }
            #zajezd-sluzby #sluzby td{
                padding: 2px 10px 10px 10px;
                border-bottom: 1px solid #B7F6FF 
            }
            #zajezd-sluzby #sluzby td.noborder{
                border-bottom: 0px 
            }
            #zajezd-sluzby #celkova-cena{
                float: left;
            		width: 600px;
            		_width: 590px;
                background: #009DCA;
                font-size: 160%
            }
    /* KONEC SEZNAM SLUZEB */
        
    
    /* OBJEDNAVKA */
      		.klient {
              width: 500px;
              margin-top: 10px;
        		}
      		.klient td {padding: 1px 0;}
      		.klient input, .klient textarea {width:250px}
      		.klient input.w30 {width:30px}
      		.klient input.w50 {width:50px}
        	#napoveda-buble {display:none}
    /* KONEC OBJEDNAVKA */
	/* KONEC STRANKA ZAJEZDU */

  /* RECKO S PRETTY TOUR */
     .tabulka-destinace {width: 900px}
     .tabulka-destinace td{vertical-align: top;}
     .tabulka-destinace h3{font-size: 10pt; font-weight: bold}
     .tabulka-destinace h3 a {font-size: 10pt; font-weight: bold}
     .tabulka-destinace h4{font-size: 10pt; font-weight: normal}
     
     #poptavka-table {clear: both; float: left; margin: 30px 0 0 225px; width: 450px}
  /* KONEC RECKO S PRETTY TOUR */
/* KONEC TELO */

/* PATICKA */
	#paticka { 
			position: relative;
			clear:both;
			width: 100%;
			height: 70px;
      background: url(pics/paticka.png) no-repeat center bottom;
      padding: 150px 0 0 0;
			}
	#paticka a:hover, #paticka a:hover span {color: #fff}
/* KONEC PATICKA */