/* ZAKLADNI TRIDY */
html { margin:0; padding: 0; width: 100%; height: 100%; font-family: Arial, sans-serif; font-size: 10pt}
body { padding: 0; margin: 0; text-align: center; background: #F8F9EA; }

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: #000; font-size: 12pt; font-weight: bold; padding:0; margin:5px 0 0 0}
h2.HPstred {width: 530px; text-align: center;}
h2#seznam-terminu {margin-bottom: 10px}
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}
.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}
.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 #F06A00; margin-left: 10px;}
.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}

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 */
#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;
      width: 960px;
  		height: 175px;
  		text-align: left;
  		margin: 0;
      background: url('pics/head.png') no-repeat left top;	
      }
	
	#logo{position: absolute; top: 24px; left: 10px; width: 280px; height: 150px}
/* KONEC HLAVICKY */

/* MENU */
  .menu{
  		float: left;
      width: 950px;
  		text-align: center;
  		margin: 10px 0 0 0;
  		padding: 7px 0 7px 0;
      background: #F06A00;	
      }
  .menu a {font-weight: bold; color: #fff; font-size: 12pt; text-decoration: none; margin-right: 25px}
  .menu a:hover {color: #000}
/* KONEC SLOGAN */

/* OBSAH */
  #telo{
      float: left;
      width: 950px;
  		margin: 10px 0 0 0;
      }
  #pravy { 
  		float:right;
  		width: 200px;
      background: #F6C85C; 
  		}
  #pravyObsah { 
  		float:left;
  		width: 180px;
  		padding: 0 10px 10px 10px;
  		}
	#wrapLevy { 
			float: left;
			width: 740px;
			}
	#wrapLevyVelky { 
			float: left;
			width: 950px;
			}
	#levy { 
			float: left;
			width: 220px;
      padding: 10px;
      background: #F6C85C;
			}
	#stred { 
			float: right;
			width: 490px;
			_width: 480px;
      margin: 0 0 0 10px;
			}
	#stredVelky { 
			float: right;
			width: 700px;
			_width: 690px;
      margin: 0 0 0 10px
			}
	.zlutyPanel {
			float: left;
			width: 920px;
      margin: 0 0 20px 0;
      padding: 15px;
      background: #F7F8C8
  }
  #obchodniPodminky{
    padding: 20px
  }
  
   /* HLAVNI STRANA */
     
     /* VYHLEDAVANI */
        	#vyhledavani{
            float: left;
            width: 220px;
            margin: 10px 0 0 0;
          }
          #vyhledavani table{
            padding:0px;
            border-collapse: 0px;
          }
          .zvoleny_parametr {display:none}
          .pocet_terminu {}
          .terminOd, .terminDo {width: 75px}

        	#parametry, #parametry-CIS { 
        		  width: 220px;
              padding: 0 0 3px 0;
        	}
          #parametry table {width: 238px}
        	#parametry td{ 
        		  padding: 1px 0 1px 0
        			}
     		
      		.vyhledavani-nadpis {font-size: 120%; font-weight: bold}

      		#parametry select {width: 140px; margin: 0px; font-size: 10pt}
      		#parametry .fulltext {width: 135px; margin: 0px; font-size: 10pt}
     /* 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*/
        	#LastMinutky{
            float: left;
            margin: 20px 0 0 0;
          }

          .lm_galerie, .lm_galerieNOM { 
          	float: left;
            width: 235px;
            width: 225px;
            margin: 0 10px 20px 0;
            _margin: 0 5px 20px 0;
            border-spacing: 0px;
        	}
        	.lm_galerieNOM {margin: 0;}
        	.lm_galerie:hover, .lm_galerieNOM:hover {background: #F7F8C8; 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 #FFCC66}
     /* KONEC ZHAVE LM - GALERIE*/
   /* KONECHLAVNI STRANA */
   
   /* NALEZENY ZAJEZD */
		.zajezd{
			clear:both;
			width: 700px;
		}
		.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: 590px;
		}
		.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: 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: 700px;
     		  margin: 10px 0 15px 0;
      }
      *div .oddelovac-zajezdu {margin: 0px 0 15px 0;} /* IE6 A IE7*/
      .oddelovac-zajezdu .cara{
     			float: left; 
          width: 700px;
          border-bottom: 2px solid #F6C85C;
      }
      .oddelovac-zajezdu .odkaz{
     			display:none 
      }
		
		/* STRANKOVANI */
		   .strankovani{
          clear:both;
          float: left;
          width: 700px;
          padding: 2px 0 8px 0;
          margin: 10px 0 10px 0; 
          background: #F6C85C;
          text-align: center;          
       }
      .strankovani .stranky{
          float: left;
          width: 700px;
     		  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 */
		#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: 2px solid #F6C85C 
     }
     .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: 290px;
        			margin: 0 10px 0 0;
              background: #F6C85C;
        			}

          /* SEZNAM TERMINU */
          	.obsah-terminy { 
          			float: left;
          			width: 260px;
          			overflow: hidden;
                padding: 0 10px 10px 10px;
                background: #F6C85C;
                z-index: 1000;
          			}
          	.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: #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: #FF6633; text-decoration: underline;}
            #tabulka-terminy tr.lm a {color: #000; text-decoration: underline;}
            
            #vysvetlivky {
              float: left;
              width: 750px;
              background: #DBF6FF;
              color: #000;
              font-size: 9pt;
              padding: 10px;
            }
          /* KONEC SEZNAM TERMINU */
          
          /* FOTOGALERIE */
          	.obsah-fotky { 
          			float: left;
          			width: 260px;
          			overflow: hidden;
                margin-top: 15px;
                padding: 0 15px;
          			}
          	.obsah-fotky div { 
                margin-top: 10px;
          			}
          	.obsah-fotky img { 
          			margin: 10px
          			}
          /* KONEC FOTOGALERIE */
     /* KONEC PANEL ZAJEZDU */	

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