/* ZAKLADNI TRIDY */
html { margin:0; padding: 0; width: 100%; height: 100%; font-family:Arial; font-size:12px; color: #000}
body { padding: 0; margin: 0; text-align: center; background: #fff url('pics/telo.jpg') center top; }

form { margin: 0; padding: 0; }
p {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: 0; left: 15px; font-size: 8pt; color: #E1632B; font-weight: normal; text-transform:uppercase; padding: 0 0 0 0;}
h2 {color: #241D0D; font-size: 14pt; font-weight: normal; padding:0 0 7px; margin:5px 0 10px 0; text-transform: uppercase; background: url('/pics/carky.gif') repeat-x bottom left }
h3 {font-size: 10pt; color: #FF6633; text-decoration: none; font-weight: normal; padding:0; margin: 1px 0 0 0}
h4 {font-size: 12pt; margin: 5px 0 10px 0}

/* POMOCNE TRIDY */
.clear {clear: both}
.skryte{display: none}
.o1 {margin-top: 10px}
.o2 {margin-top: 20px}
.o3 {margin-top: 30px}
.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}
.whitebcg {background: #fff}
.yellowbcg {background: #F7F8C8}
.brownbcg {background: #28180A; color: #fff}
.brown1bcg {background: #D6BC92; color: #000}
.b12 {font-size: 120%}
.b13 {font-size: 130%}
.b14 {font-size: 140%}
.s9 {font-size: 90%}
.s8 {font-size: 80%}
.s7 {font-size: 70%}
.uppercase {text-transform: uppercase}
.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: 1px solid #fff}
.mapa {float: right; border: 2px solid #fff; margin-left: 20px;}
.fotka {float: left; width: 100px; height: 75px; margin: 0 5px 0 0; border: 1px solid #000; text-align: center;}

.w30 {width: 30px}
.w50 {width: 50px}
.w75 {width: 75px}

ul.balicky {color: #fff}
ul.balicky li {padding-top: 10px}
ul.balicky li a {color: #fff}

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

a:link.nodecor, a:visited.nodecor {text-decoration: none}
a:hover.nodecor {text-decoration: underline}

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

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

/* VLASTNI TRIDY */
#PicHead { 
    width: 100%;
    float: left;
    margin: 0;
    background: url('pics/head.jpg') no-repeat center top;
		}
#mother { 
    float: left;
    margin: 0;
		}
#center { 
 		position: relative;
    width: 960px;
 		max-width: 960px; 
 		min-width: 960px;
 		text-align: left;
 		margin: 0 auto 0 auto;
 		text-align: left;	
 		}
/* HLAVICKA */
  #head{
  		float: left;
  		position: relative;
      width: 960px;
  		height: 170px;
  		text-align: left;
  		margin: 0;
      }
	
	#logo{position: absolute; top: 15px; left: 20px; width: 308px; height: 100px}
	
  #head-menu{
  		position: absolute;
  		top: 30px;
  		left: 550px;
  		text-align: right;
      }
  #head-menu a {font-weight: bold; color: #fff; font-size: 8pt; text-decoration: none; margin: 0 9px 0 0; padding: 0 9px 0 0; border-right: 1px solid #000}
  #head-menu a.pravy {border-right: 0px}
  #head-menu a:hover {color: #fff; text-decoration: underline}


  #head-banner{
  		position: absolute;
  		top: 60px;
  		right:0px;
  		text-align: right;
      }
  #head-jazyky{
  		position: absolute;
  		top: 5px;
  		right:0px;
  		text-align: right;
      }
  #head-jazyky img{
  		border: 1px solid #fff;
  		margin: 0 10px 0 0
      }
      
/* KONEC HLAVICKY */

/* MENU */
  #menu{
  		position: absolute;
  		top: 135px;
  		left: 20px;
      width: 920px;
  		text-align: center;
      }
  #menu a {font-weight: normal; color: #28180A; font-size: 14pt; text-decoration: none; margin-right: 25px}
  #menu a:hover {color: #fff; text-decoration: none}
/* KONEC SLOGAN */

/* OBSAH */
  #telo{
      float: left;
      width: 960px;
  		margin: 20px 0 10px 0;
      }
	#levy { 
			float: left;
			width: 250px;
      margin: 0 20px 0 0;
			}
	#stred { 
			float: right;
			width: 690px;
			}
	#stredVelky { 
			float: right;
			width: 960px;
			}
	.zlutyPanel {
			float: left;
			width: 920px;
      margin: 0 0 20px 0;
      padding: 15px;
      background: #F7F8C8
  }
  
  .contatti{
      float: right;
      margin: 0 0 10px 20px;
      background: #E0C8A1;
      padding: 10px;
      border: 1px solid #fff
  }
  #obchodniPodminky{
    padding: 20px
  }
  
   /* HLAVNI STRANA */
     
      /* VYHLEDAVANI */
    		#vyhledavani {
    			float: left;
    			width: 690px;
    			color: #fff;
    			margin: 0 0 10px 0;
    			font-size: 10pt;
    			font-weight:bold
    		}

        #ZobrazZajezdyButton {width: 120px}
    
            	.zvoleny_parametr {display:none}
              .pocet_terminu {}
              .terminOd, .terminDo {width: 75px}
    
            	#parametry, #parametry-CIS { 
            		  width: 560px;
            			}
              #parametry table { 
            		  width: 560px;
            			}
            	#parametry td{ 
            		  padding: 1px 0 1px 0
            			}
            	#vyhledavani-cislo, #vyhledavani-zakladni { 
            			float: right;
            		  width: 130px;
             		  height: 19px;
             		  margin: 0 0 0 5px;
                  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 */	
     
    /* NOVINKY */
       #novinky .novinka{
   			margin: 0 0 10px 0;
   			padding: 0;
   			font-weight: bold;
   			text-align: justify;
   		}
   		#novinky .s9{
   			margin: 0;
   			padding: 0;
   			font-weight: normal;
   			text-align: justify;
   		}
    /* KONEC NOVINKY */
     
     /* ZHAVE LM - GALERIE*/
        	#LastMinute{
            float: left;
            width: 670px;
            background: url('/pics/LastMinute.png') no-repeat bottom left;
            padding: 10px;
          }

          .lm_galerie, .lm_galerieNOM { 
          	float: left;
            width: 320px;
            margin: 0 10px 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 #241D0D}
     /* KONEC ZHAVE LM - GALERIE*/

     /* TOP DESTINACE */
        	#TopDestinace{
            float: left;
            width: 250px;
          }

          #TopDestinace table { 
          	float: left;
          	font-size: 8pt;
          	color: #000
        	}
          #TopDestinace table td {padding: 5px;text-align: left}
        	#TopDestinace a {color: #fff; font-weight: normal; font-size:14pt}
        	#TopDestinace a:hover {color: #000}
     /* KONEC TOP DESTINACE */
     
        /* POCASI */
        #pocasi {
          float:left;
          width: 250px;
          padding: 20px 0 0 0;
        } 
        #panel table{
          float: left;
          font-size: 8pt;
        } 
       	#pocasi td { 
     		  text-align: left;
     		  color: #fff;
     		  font-weight:bold
   			}
       	#pocasi td .big { 
     		  font-size: 8pt;
   			}
       	td.pocasi-destinace { 
          width: 140px;
   			}
       	.pocasi-pocasi img { /* ikonky pocasi */ 
          margin: 0 0 -4px 0
        }
        #pocasi .red, #pocasi .blue { 
     		  color: #fff
   			}
        /* KONEC POCASI */

        /* KURZY */
        #panel-meny {
          float:left;
          width: 250px;
          padding: 20px 0 0 0;
        } 
      	.kurzy-kurzy { 
    			float: left;
     		  line-height: 150%
   			}
      	.kurzy-kurzy table {
     			float: left;
     		  width: 189px;
     		  line-height: 150%;
     		  font-size: 8pt;
       	}
       	.kurzy-kurzy table td {
     			white-space: nowrap;  
     			padding: 2px 5px
       	}
        /* KONEC KURZY */
   /* KONECHLAVNI STRANA */
   
   /* NALEZENY ZAJEZD */
		.zajezd{
			clear:both;
			width: 690px;
		}
		.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: 570px;
		}
		.zajezd-info .nazev{font-size: 12pt; color: #fff; font-weight: bold}
		.zajezd-info .cislo_zajezdu {display:none}
		.zajezd-info .titulek{color: #fff}
		.zajezd-info .red{color: #fff; font-size: 12pt; }
	  .zajezd-info .lm{color: #F00000;text-decoration:blink}
		.zajezd-info .popis{margin-top: 5px;}
		.zajezd-info-leve{
			float: left;
			width: 280px;
		}
		.zajezd-info-prave{
			float: right;
			width: 280px;
		}	
		.cena-dospeli, .cena-deti{
			float: left;
			width: 280px;
			margin-top: 5px;
			font-weight:bold;
			font-size: 120%
		}
		.cena-deti{
			float: right;
			width: 280px;
		}

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

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

	   #zajezd-hlavicka, #zajezd-popisek, #zajezd-detailZajezdu, #zajezd-detailTerminu, #zajezd-popis, #zajezd-sluzby, #zajezd-objednavka {
	       float: left;
	       width: 650px;
         margin: 10px 0;
     }
     
     #zajezd-detailTerminu, #zajezd-popis{
        padding: 0 0 20px 0;
        border-bottom: 0px 
     }
     .popis-nadpis {
         float: left;
         width: 650px;
         margin: 15px 0 5px 0;
         font-weight: bold;
     }

      /* ZVOLENY TERMIN */
      #Z1c{color: #f00000; font-size: 120%; font-weight: bold}
      /* KONEC ZVOLENY TERMIN */
      
     /* PANEL ZAJEZDU */
        	#panel-zajezd { 
        			float: left;
              _position:absolute; /* IE6 */
        			width: 250px;
        			}

          /* SEZNAM TERMINU */
          	.obsah-terminy { 
          			float: left;
          			width: 250px;
          			overflow: hidden;
                z-index: 1000;
          			}
          	.obsah-terminy:hover, .obsah-terminy.hover { 
          			float: left;
          			width: 650px;
          			background: #F6C85C;
          			}
          	.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: #F7F8C8;
              color: #000;
            }
            #tabulka-terminy tr.odjeto, #vysvetlivky .odjeto {
              background: #D4D4D4;
              color: #fff;
            }
            #tabulka-terminy tr.lm, #vysvetlivky .lm {
              background: #FF8181;
              color: #fff;
            }
            #tabulka-terminy tr:hover, #tabulka-terminy tr.hover {
              background: #F7F8C8;
              color: #000;
            }
          	#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 {color: #000; text-decoration: underline;}
            #tabulka-terminy a:hover {color: #FF6633}
            #tabulka-terminy tr.sel a {color: #000; text-decoration: underline;}
            #tabulka-terminy tr.lm a {color: #000; text-decoration: underline;}
          /* KONEC SEZNAM TERMINU */
          
          /* FOTOGALERIE */
          	.obsah-fotky { 
          			float: left;
          			width: 250px;
          			overflow: hidden;
                margin-top: 15px;
          			}
          	.obsah-fotky div { 
                margin-top: 10px;
          			}
          	.obsah-fotky img { 
          			margin: 0 10px 10px 0
          			}
          	.obsah-fotky img.suda { 
          			margin: 0 0 10px 0
          			}
          /* KONEC FOTOGALERIE */
     /* KONEC PANEL ZAJEZDU */	

    /* SEZNAM SLUZEB */
            #zajezd-sluzby #sluzby{
                float: left;
            		width: 650px;
                margin-top: 10px;
                line-height: 200%;
                text-align: right;
                color: #fff
            }
            #zajezd-sluzby #sluzby td{
                padding: 3px 10px 10px 10px;
                border-bottom: 1px solid #fff 
            }
            #zajezd-sluzby #sluzby td.noborder{
                border-bottom: 0px 
            }
            #zajezd-sluzby #celkova-cena{
                float: left;
            		width: 650px;
                background: #fff;
                font-size: 160%;
                color: #000
            }
    /* 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 */	

  /* KONTAKT */
    #kontakt-ramecek {
      float: right;
      width: 470px;
      margin-left: 20px;
      padding: 15px;
      background: #DBF6FF;
      border: 1px solid #BBEDFF;
    }
    #kontakt-ramecek table {
      float: left;
      width: 470px;
    }
  /* KONEC KONTAKT */
/* KONEC OBSAH */

/* PATICKA */
  #paticka{
      float: left;
      position:relative;
      width: 960px;
      padding: 0 0 15px 0; 
      font-size: 10pt
  		}
	#paticka p.right { 
			float: right;
 			}
	#paticka p.left { 
      float: left;
 			}
 	#paticka a {text-decoration: none}
 	#paticka a:hover {text-decoration: underline; color: #000}
 	
 	/* MENU */
  #patickaMenu{
  		position: absolute;
  		top: 0px;
  		padding: 5px 20px 20px 20px;
  		left: 0px;
      width: 920px;
  		text-align: center;
  		background: url('/pics/PatickaMenu.gif') no-repeat center top;
      }
  #patickaMenu a {font-weight: normal; color: #28180A; font-size: 14pt; text-decoration: none; margin-right: 25px}
  #patickaMenu a:hover {color: #fff; text-decoration: none}
/* KONEC SLOGAN */
/* KONEC PATICKA */