/* ZAKLADNI TRIDY */
html { margin:0; padding: 0; width: 100%; height: 100%}
body { padding: 0; margin: 0; text-align: center; background: #FFD543 url('pics/back.png') repeat-x top left;}

form { margin: 0; padding: 0; }
input, textarea, select { font: normal 100% Arial, sans-serif; }
p {font-family: Arial; 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:150px; right: 10px; font-family: Arial; font-weight: normal; font-size: 8pt; color: #fff; text-transform:uppercase; padding: 0;margin:0}
h2 {font-family: Arial; font-weight: bold; font-size: 11pt; padding: 0 0 0 0; margin: 0 0 4px 0}
h2.big {font-size: 16pt; font-weight: normal; margin-bottom: 10px}
h3 {font-family: Arial; font-weight: bold; font-size: 11pt; padding: 0; margin: 0 0 4px 0}

/* POMOCNE TRIDY */
.clear {clear: both}
.skryte {display: none}
.odrazka {margin-top: 7px}
.o1{margin-top:10px;}
.m20, .o2{margin-top:20px;}
.mr20{margin-right:20px;}
.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}
.blue {color: #05CDFF}
.black {color: #000}
.green {color: #005C00}
.red {color: #F00000}
.blink {text-decoration:blink}
.b12 {font-size: 120%}
.b13 {font-size: 130%}
.b14 {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; margin-left: 20px;}
.zivnostenskyList {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 #FE8A01; text-align: center;}

.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: Tahoma, Verdana; font-size: 85%}
input:hover.button {background-position: -150px 0}

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

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

a.copyright:link, a.copyright:visited {color: #fff; text-decoration: none; font-weight: bold}
a.copyright:hover {color: #fff; text-decoration: underline; font-weight: bold}

a.tucne:link, a.tucne:visited {color: #000; text-decoration: underline; font-weight: bold}
a.tucne:hover {color: #C00; text-decoration: underline; font-weight: bold}

a:link.panel-ikonky, a:visited.panel-ikonky, a:hover.panel-ikonky {float: left; width: 190px; height: 85px; margin: 10px 0 0 0; padding: 0;}

a:link.fotka, a:visited.fotka {float: left; display: block; width: 100px; height: 75px; margin: 0 5px 0 0; padding: 5px 5px; text-align: center; background: #fff;}
a:hover.fotka {background: #C00}

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

/* VLASTNI TRIDY */
#center { 
		width: 960px;
		text-align: left;
		margin: 0 auto 0 auto;
		text-align: left;		
		}
#mother { 
		margin: 0;
		position: relative;
		font-family: Arial, Tahoma;
		color: #000;
		font-size: 80%;
		}

/* HLAVICKA */
	#head { 
      position: relative;
      _position: static;
			float: left;
			width: 960px;
			height: 164px; 
			background: url(pics/head.png) no-repeat left bottom;
			}
	#logo { 
			float: left;
			width: 240px;
			height: 150px; 
			margin: 0 0 0 23px;
			}
	#head-info {
			float: right;
			width: 500px;
			height: 20px;
			margin: 0 20px 0 0;
			text-align: right;
			font-weight:bold
			}
/* KONEC HLAVICKY */

/* MENU */
  #menu{
  		position: relative;
      z-index: 10; /* aby roletka menu prekryvala v IE strankovani nabidek */
      float: left;
      width: 960px;
      height: 42px; 
  		text-align: center;
  		margin: 0;
  		padding: 0;
      background: url(pics/menu.png) repeat-x left top;	
      }
	#menu-obsah { 
			float: left;
			padding: 0;
			}

	#menu-obsah a:link, #menu-obsah a:visited {float: left; display: block; padding: 10px 40px 10px 40px; color: #fff; text-decoration: none; font-weight: normal; font-size: 14pt;}
	#menu-obsah a:hover {color: #000}
  #menu-obsah a.hover {float: left; display: block; padding: 10px 40px 10px 40px; color: #000; text-decoration: none; font-weight: normal; font-size: 14pt}

	.menu-roletka { 
      position:absolute;
      z-index:1000;
      float: left;
			top: 40px;
			width: 200px;
			background: #2D9E00;
			}

	#menu-zajezdy.menu-roletka {left: 162px;}
	#menu-informace.menu-roletka {left: 463px;}
  #menu-sluzby.menu-roletka {left: 615px;}

	.menu-roletka a:link, .menu-roletka a:visited {float: left; display: block; width: 160px; padding: 5px 20px; color: #fff; text-decoration: none; font-weight: normal; margin-right: -3px;} /* margin-right:-3px je pro odstraneni IE6 ghost text bugu */
	.menu-roletka a:hover {background: #1A5C00}
/* KONEC MENU */

/* TELO */
   #obsah{
       float: left;
       width: 960px;
       background: #E7FBFF;   
   }
   #main{
       float: left;
       width: 635px;
       padding: 10px 15px;
       _padding: 10px 13px 10px 15px; /* IE6 */ 
   }
   #obsah-text{
       float: left;
       width: 930px;
       padding: 10px 15px;   
   }
   .zluty-panel{
       float: left;
       width: 900px;
       margin-bottom: 10px;
       padding: 10px 15px;
       background: #FFF499;
   }
   /* PANEL */
   #panel-wrap{
       float: right;
       width: 250px;
       margin-right: 15px;
       _margin-right: 7px;
   }
   #panel{
       float: left;
       width: 250px;
       margin: 10px 0 0 0;
   }
   .panel-obsah, .panel-obsah1, .panel-obsah2, .panel-obsah3 {
       float: left;
       width: 220px;
       padding: 15px;
       margin: 0 0 10px 0;
   }
   .panel-obsah {padding:0px;}
   .panel-obsah1 {background: #E5EF0E}
   .panel-obsah2 {background: #F2F846}
   .panel-obsah3 {background: #FBFF95}
   
        /* POCASI */
        #panel-pocasi {
          float:left;
          width: 220px;
        } 
        #panel-pocasi table{
          float: left;
          font-size: 8pt;
        } 
       	#pocasi-pocasi td { 
     		  text-align: left;
   			}
       	#pocasi-pocasi td .big { 
     		  font-size: 8pt;
   			}
       	td.pocasi-destinace { 
          width: 140px;
   			}
       	.pocasi-pocasi img { /* ikonky pocasi */ 
          margin: 0 0 -4px 0
        }
        /* KONEC POCASI */

        /* KURZY */
        #panel-meny {
          float:left;
          width: 220px;
        } 
      	.kurzy-kurzy { 
    			float: left;
     		  line-height: 150%
   			}
      	.kurzy-kurzy table {
     			float: left;
     		  width: 194px;
     		  line-height: 150%;
     		  font-size: 8pt;
       	}
       	.kurzy-kurzy table td {
     			white-space: nowrap;  
     			padding: 2px 5px
       	}
        /* KONEC KURZY */
   /* KONEC PANEL */

  /* VYHLEDAVANI */
		#vyhledavani {
			float: left;
			width: 660px;
			margin-top: 15px
		}
		#vyhledavani-volba {
			width:660px;
			height: 25px;
			_margin-bottom:-8px;
		}
		#vyhledavani-volba span {float: left; display:block; height:28px; margin: 0 2px 0 0; font-weight: bold; text-decoration:none; text-align: center; line-height: 36px; cursor: pointer}
    #vyhledavani-volba span.v1,#vyhledavani-volba span.v1-sel {width: 119px; background: url(pics/vyhledavani-v1.png) no-repeat left top;}
		#vyhledavani-volba span.v1-sel {background-position: -119px 0;}
		#vyhledavani-volba span.v2,#vyhledavani-volba span.v2-sel {width: 167px; background: url(pics/vyhledavani-v2.png) no-repeat left top;}
		#vyhledavani-volba span.v2-sel {background-position: -167px 0;}

		#vyhledavani-top {
			float: left;
			width:660px;
			height: 13px;
			background: #FFF36F url('pics/vyhledavani-top.png') no-repeat right top;
		}
		#vyhledavani-obsah {
			float: left;
			width:630px;
			padding: 0 15px 15px 15px;
      _padding: 0 0 13px 0;
			background: #FFF36F url('pics/vyhledavani-telo.png') no-repeat left bottom;
		}
    #ZobrazZajezdyButton {width: 120px}

        	.zvoleny_parametr {display:none}
          .pocet_terminu {}
          .terminOd, .terminDo {width: 75px}

        	#parametry, #parametry-CIS, #parametry-znami { 
        		  width: 630px;
        			}
          #parametry table { 
        		  width: 630px;
        			}
          #parametry-znami table { 
        		  width: 300px;
        			}
        	#parametry td{ 
        		  padding: 1px 0 1px 0
        			}
        	#vyhledavani-cislo, #vyhledavani-zakladni { 
        			float: right;
        		  width: 130px;
         		  height: 19px;
         		  margin: 0 0 0 5px;
              background: url('pics/vyhledavaniTAB.png') no-repeat left top;
              text-align: center;
        			}
     		
      		.vyhledavani-nadpis {font-size: 120%; font-weight: bold}

      		#parametry select {width: 145px; margin: 0px; font-size: 10pt}
      		#parametry .fulltext {width: 140px}
  /* KONEC VYHLEDAVANI */

	/* ZHAVE LM */
		#zhave-lm {
			float: left;
			width: 660px;
			margin-top: 20px;
		}

      /* ZHAVE LM - GALERIE*/
        	.lm_galerie, .lm_galerieNOM { 
        	float: left;
          width: 320px;
          margin: 0 20px 20px 0;
          border-spacing: 0px;
        	}
        	.lm_galerieNOM {margin: 0;}
        	.lm_galerie:hover, .lm_galerieNOM:hover {cursor:pointer}
        	.lm_galerie td, .lm_galerieNOM td {font-size: 8pt; font-weight:bold; vertical-align:top}
        	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*/
	/* KONEC ZHAVE LM */

	/* NALEZENY ZAJEZD */
		.zajezd{
			clear:both;
			width: 660px;
		}
		.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: 550px;
		}
		.zajezd-info .nazev{font-size: 12pt;}
		.zajezd-info .cislo_zajezdu {display:none}
		.zajezd-info .titulek{color: #F00000}
	  .zajezd-info .lm{color: #F00;text-decoration:blink}
		.zajezd-info .popis{margin-top: 5px;}
		.zajezd-info-leve{
			float: left;
			width: 270px;
		}
		.zajezd-info-prave{
			float: right;
			width: 270px;
		}	
		.cena-dospeli, .cena-deti{
			float: left;
			width: 270px;
			margin-top: 5px;
			font-weight:bold;
			font-size: 120%
		}
		.cena-deti{
			float: right;
			width: 270px;
		}   

      .oddelovac-zajezdu{
          clear: both;
     			float: left;
     		  width: 660px;
     		  margin: 10px 0 15px 0;
      }
      *div .oddelovac-zajezdu {margin: 0px 0 15px 0;} /* IE6 A IE7*/
      .oddelovac-zajezdu .cara{
     			float: left; 
          width: 660px;
          border-bottom: 1px solid #00C8EC;
      }
      .oddelovac-zajezdu .odkaz{
     			display:none 
      }
		
		/* STRANKOVANI */
		   .strankovani{
          float: left;
          width: 660px;
          margin: 10px 0 10px 0;
          padding: 5px 0 10px 0; 
          background: #FCD314;
          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: #C00;}
		/* KONEC STRANKOVANI */
	/* KONEC NALEZENEHO ZAJEZDU */

	/* STRANKA ZAJEZDU */
  	#telo{
      float: left;
      width: 920px;
      margin: 20px 0 0 20px
    }
    #zajezd-telo-top{
      float: right;
  		width: 630px;
      height: 19px;
      background: url(pics/zajezd-telo-top.png) no-repeat top left;
  	}
  	#zajezd-telo{
      float: right;
  		width: 600px;
      padding: 0 15px 19px 15px;
      margin: 0 0 20px 0;
      background: url(pics/zajezd-telo.png) no-repeat bottom left;
  	}
		#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; 
     }

      /* 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;
        	}
          #panel-zajezd #panel {
            float: left;
            width: 250px;
            padding: 0 15px 19px 15px;
            margin: 0 0 20px 0;
            background: url(pics/zajezd-panel-telo.png) no-repeat bottom left;
          }
          #panel-zajezd #panel-top {
            float: left;
            width: 280px;
            height: 19px;
            background: url(pics/zajezd-panel-top.png) no-repeat top left;
          }

          /* SEZNAM TERMINU */
          	.obsah-terminy { 
          			float: left;
          			width: 240px;
          			overflow: hidden;
                background: url(pics/zajezd-panel-back.png);
                padding: 0 0 10px 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;
        		}
        		#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: #FF6300;
            }
            #tabulka-terminy tr.odjeto, #vysvetlivky .odjeto {
              background: #D4D4D4;
            }
            #tabulka-terminy tr.lm, #vysvetlivky .lm {
              background: #C00;
            }
            #tabulka-terminy tr:hover, #tabulka-terminy tr.hover {
              background: #FF6300;
            }
          	#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: 30px;
              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: #000;
              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 {text-decoration: underline;}
            #tabulka-terminy a:hover, #tabulka-terminy tr.lm a:hover {color: #fff}
            #tabulka-terminy tr.sel a {text-decoration: underline;}
            #tabulka-terminy tr.lm a {text-decoration: underline;}

            #vysvetlivky {
              float: left;
              width: 750px;
              font-size: 9pt;
              padding: 10px;
            }
          /* KONEC SEZNAM TERMINU */
          
          /* FOTOGALERIE */
          	.obsah-fotky { 
          			float: left;
          			width: 240px;
          			overflow: hidden;
                background: url(pics/zajezd-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: 3px 10px 10px 10px;
                border-bottom: 1px solid #FFD608 
            }
            #zajezd-sluzby #sluzby td.noborder{
                border-bottom: 0px 
            }
            #zajezd-sluzby #celkova-cena{
                float: left;
            		width: 600px;
            		_width: 590px;
                background: #FCCF12;
                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 STRANKY ZAJEZDU */

/* KONEC TELA */

/* PATICKA */
   #paticka{
       position: relative;
       float: left;
       width: 960px;
       height: 151px; 
       background: #E7FBFF url(pics/paticka.png) no-repeat top left;
       color: #fff;
       line-height: 150%   
   }
   #paticka a:link, #paticka a:visited, #paticka a:hover{
       color: #fff;
       text-decoration: none   
   }
   #paticka a:hover{
       text-decoration: underline   
   }
  
  /* DOLNI PANEL */
     #dolni-menu1,#dolni-menu2{
         position: absolute;
         top: 20px;
         left: 220px;
     }
     #dolni-menu2{
         left: 360px;
     }
  /* KONEC DOLNI PANEL */
/* KONEC PATICKA */

/* COPYRIGHT */
   #copyright{
       float: left;
       width: 960px;
       margin-top: 5px;
       padding-bottom: 10px;
   }
   #bc{
       float: left;
       width: 500px;
       color: #000
   }
   #whitney{
       float: right;
       width: 460px;
       text-align: right;
       color: #000
   }
/* KONEC COPYRIGHT */