/* ZAKLADNI TRIDY */
@font-face{font-family:'Calibri';src:url('/calibri_0.ttf') format('truetype');}

html { margin:0; padding: 0; width: 100%; height: 100%; font-size: 12pt; font-family: Calibri, Tahoma, sans-serif; color: #184E9E}
body { padding: 0; margin: 0; text-align: center; background: url('/pics/bcg.jpg'); }

form { margin: 0; padding: 0; }
input, textarea, select { padding: 3px 5px; }
p {margin: 10px 0 0 0; padding: 0; text-align: justify}
p.m0 {margin: 0 0 0 0}

img {border: 0;}
h1 {position: absolute; top:12px; left:370px; margin: 0; padding: 0}
h2 {font-weight: normal; font-size: 24pt; text-transform: uppercase; padding: 0 0 0 0; margin: 0 0 20px 0}
h2.nom {margin: 0}
h2 img {float: left; margin: -4px 10px 0 0;}
h2 img.ohlasy {float: left; margin: -14px 2px 0 0;}
h2 img.nahledy {float: left; margin: -13px 10px 0 0;}
h2 img.spoluprace {float: left; margin: -13px 10px 0 0;}
h2 img.WhitneyVkostce {float: left; margin: -9px 10px 0 0;}
h2 img.cisla {float: left; margin: -7px 10px 0 0;}
h2 img.ck {float: left; margin: -6px 10px 0 0;}
h2.bluecity {line-height: 80px;}
h2.bluecity img {float: left; margin: 0 10px 0 0;}
h2.H2varianty {clear:both; float:left; width: 100%; margin: 40px 0 0 0}
h2 #jizBrzy {float: right; margin: 4px 10px 0 0;}
h3 {font-weight: normal; font-size: 18pt; margin: 0 0 10px 0; padding: 0;}
h3 strong {font-weight: normal}
h3 .sipka {float: left; margin: 7px 0 0 0}
h3 .nahledy, h4 .nahledy {color:#198BFF; font-weight: normal}
h3 .nahledy a:link, h3 .nahledy a:visited, h4 .nahledy a:link, h4 .nahledy a:visited {font-size: 12pt; color:#198BFF; text-transform:uppercase}
h3 .nahledy a:hover, h4 .nahledy a:hover {color:#f00}
h4 {font-weight: bold; font-size: 14pt; padding: 0; margin: 0 0 0 0; line-height: 150%}

/* POMOCNE TRIDY */
.skryte{display: none}

.clear {clear: both}

.o05 {margin-top: 5px}
.o1 {margin-top: 10px}
.o2 {margin-top: 20px}
.o3 {margin-top: 30px}
.o4 {margin-top: 40px}
.o5 {margin-top: 50px}
.oR2 {margin-right: 20px}

.c {text-align: center}
.r {text-align: right}
.l {text-align: left}
.j {text-align: justify}

.floatL {float: left}
.floatR {float: right}
.vtop {vertical-align: top}

.upper {text-transform:uppercase}
.kurziva {font-style: italic;}
.tucne {font-weight: bold}
.netucne {font-weight: normal}

.white {color: #fff}
.grey {color: #808080}
.orange {color: #FF6101}
.blue {color: #198BFF}
.black {color: #000}
.red {color: #F00000}
.green {color: #139E00}

.Wbck {background: #fff; padding: 10px;}

.b08 {font-size: 8pt}
.b10 {font-size: 10pt}
.b12 {font-size: 12pt}
.b14 {font-size: 14pt}
.b16 {font-size: 16pt}
.b18 {font-size: 18pt}
.b20 {font-size: 20pt}
.b24 {font-size: 24pt}
.b30 {font-size: 30pt}

.s9 {font-size: 90%}
.s8 {font-size: 80%}
.s7 {font-size: 70%}
.s6 {font-size: 60%}

.help {cursor: help; text-decoration: none; border-bottom: 1px dotted #000; }

.nazory {height: 120px; margin: 40px 0 0 0; text-align:center; line-height: 30px; font-size: 16pt}

ul {padding:0 0 0 3px; line-height: 25px; list-style-type:none}
li{list-style-type:none; background: url(/pics/ul.png) no-repeat 0 11px; padding: 0 0 0 15px}
ul.body li{background:url(/pics/ul2.png) no-repeat 0 16px; padding: 0 0 0 15px}
ul.body li.nadpis {font-size: 16pt; color: #198BFF; line-height: 35px}
ul.body li.popis {background: none; padding-bottom: 10px;}
ul.body li.popis2 {background: none; padding-bottom: 0;}

ul.seznam {font-size: 16pt; line-height: 35px}
ul.seznam li{background: url(/pics/ul.png) no-repeat 0 16px}
ul.seznam span {color: #198BFF}

ul.cestovniKancelare li {float:left; width: 205px; margin: 0 10px 0 0; font-size: 16pt; line-height: 35px; background: url(/pics/ul.png) no-repeat 0 16px }

ul.seznamSloupce li {float:left; width: 200px; margin: 0 10px 0 0; line-height: 30px; background: url(/pics/ul.png) no-repeat 0 11px }

.button-small {background: url("pics/button-small.png") no-repeat left; border: 0px; width: 19px; height: 19px; cursor: pointer; color: #fff; font-weight: bold; font-size: 120%; padding: 0 0 1px 0; }
input:hover.button-small {background-position: -19px 0}
.button {padding: 10px 20px}

.w25 {width: 25px}
.w30 {width: 30px}
.w50 {width: 50px}
.w75 {width: 75px}
.w100 {width: 100px}
.w125 {width: 125px}
.w150 {width: 150px}
.w200 {width: 200px}
.w300 {width: 300px}
.w400 {width: 400px}

a:link, a:visited, a.white:link, a.white:visited, a.nepodtrzeno:link, a.nepodtrzeno:visited {color: #184E9E; text-decoration: underline; font-weight: normal}
a:hover, a.white:hover {color: #f00; text-decoration: underline; font-weight: normal}

a.white:link, a.white:visited {color: #fff}
a.white:hover {color: #fff; text-decoration: none}

a.nepodtrzeno:link, a.nepodtrzeno:visited {text-decoration: none}

a.vrchol {float:right; display:block; background: url('/pics/sipkaTw.png') no-repeat left; padding: 0 0 0 12px}
a.vrchol span {text-decoration: underline}
a.vrchol:hover span {text-decoration: none}

/* VLASTNI TRIDY */

#bcg { 
		float:left;
    width: 100%;
		height: 100%;
    background: url('/pics/paticka.jpg') no-repeat center bottom;
		}
#mother { 
		position: relative;
    width: 100%;
		height: 100%;
    margin: 0;
		}
#center { 
		width: 980px;
		margin: 0 auto 0 auto;
		text-align: left;		position: relative; 
		}

/* HLAVICKA */
	#head { 
      float: left;
			width: 980px;
			}
	#logo { 
			position: absolute;
			top:16px;
			left:0;
			}     
	#login { 
			position: absolute;
			top:0;
			right:0;
			height: 100px;
			background: url('/pics/loginL.png') no-repeat left top;
			color: #184E9E;
			font-size: 11pt
			}
	#loginR { 
      float:left;
      min-width: 230px;
			height: 90px;
			padding: 5px 10px;
			background: url('/pics/loginR.png') no-repeat right top;
			line-height: 20px;
			}
	#login .foto { 
			float: left;
      margin: 0 7px 0 0
			}
	#login h2 { 
      font-size: 10pt;
      margin: 0 0 5px 0;
      color: #808080;
      font-weight: bold;
			}
	#login a { 
      color: #184E9E;
      text-decoration: underline;
			}
	#login a:hover { 
      color: #f00;
      text-decoration: underline;
			}
      
  #postranniPanely {
			position: absolute;
			top:150px;
			right:-89px;
			width: 90px;
  } 
  #postranniPanely a {
			float:left;
			margin: 0 0 8px 0;
  }     			
/* KONEC HLAVICKY */

/* MENU */
	#menu { 
			clear: both;
      float:left;
		  width: 980px;
			height: 25px;
			padding: 0 10px;
			margin: 110px 0 0 0;
			}

  #menu a {float: left; display:block; height:25px; line-height:25px; margin: 0 1px; color: #fff; font-weight:bold; font-size: 10pt; text-decoration: none; background: url('/pics/menuL.png') no-repeat left bottom;}
  #menu a:hover, #menu a.sel {color: #00244C; text-decoration: none; background: url('/pics/menuL.png') no-repeat left bottom; background-position: left top}
  
  #menu a span {display:block; float:left; height:25px; line-height:25px; padding: 0 7px; background: url('/pics/menuR.png') no-repeat right bottom;}
  #menu a:hover span, #menu a.sel span {background: url('/pics/menuR.png') no-repeat right bottom; background-position: right top}
/* KONEC MENU */

/* TELO */

	#teloT,#teloB { 
      clear: both;
      float: left;
		  width: 980px;
		  height: 4px;
		  background: url('/pics/teloT.png') no-repeat left bottom;
			}
	#teloB {background: url('/pics/teloB.png') no-repeat left top;}
	
	#telo { 
      clear: both;
      float: left;
		  width: 940px;
		  padding: 20px 20px 0 20px;
		  background: url('/pics/telo.png') repeat-y;
			}
	
  /* SLIDER */ 
  #slider{
      position:relative;
      float: left;
			width: 940px;
			height: 90px;
			margin: 0 0 10px 0
      }

  #slider DIV {
      position:absolute;
      top:0;
      left:0;
      z-index:8;
      opacity:0.0;
      width: 800px;
      height: 90px;
      padding: 0 0 0 140px
  }
  
  #slider #evidence {background:#fff url('/pics/evidence.png') no-repeat left bottom}
  #slider #faktury {background:#fff url('/pics/faktury.png') no-repeat left bottom}
  #slider #nacesty {background:#fff url('/pics/NaCesty.png') no-repeat left bottom}
  #slider #nastaveni {background:#fff url('/pics/nastaveni.png') no-repeat left bottom}
  #slider #prodejZajezdu {background:#fff url('/pics/prodejZajezdu.png') no-repeat left bottom}
  #slider #vyhledavac {background:#fff url('/pics/vyhledavac.png') no-repeat left bottom}

  #slider h2 {font-size: 20pt; margin: 14px 0 10px 0; text-transform:none;}
  #slider p {font-size: 16pt; margin: 5px 0 0 0;}
  
  #slider DIV.active, #slider DIV.active {
      z-index:10;
      opacity:1.0;
  }
    
  #slider DIV.last-active {
      z-index:9;
  }
  
  /* KONEC SLIDER */
  

  .panely, .panelyNOM, .panely10, .panely50{
      clear:both;
      float: left;
			width: 940px;
			margin: 30px 0 0 0;
  }
  .panely10{margin: 10px 0 0 0;}
  .panely50{margin: 50px 0 0 0;}
  .panelyNOM{margin: 0 0 0 0;}

  /* PANEL 940 */ 
  .panel940{
      float: left;
			width: 940px;
      }
  .panel940T, .panel940B{
      float: left;
			width: 940px;
			height: 4px;
			background: url('/pics/panel940T.png') no-repeat left bottom
      }
  .panel940B{background: url('/pics/panel940B.png') no-repeat left top}
  .panel940telo{
    float:left;
    width: 900px;
    padding: 20px 20px 15px 20px;
    background: url('/pics/panel940.png') repeat-y left top
  }
  /* KONEC PANEL 490 */

  /* PANEL 490 */ 
  .panel490{
      float: left;
			width: 490px;
      }
  .panel490R{
      float: right;
			width: 490px;
      }
  .panel490T, .panel490B{
      float: left;
			width: 490px;
			height: 4px;
			background: url('/pics/panel490T.png') no-repeat left bottom
      }
  .panel490B{background: url('/pics/panel490B.png') no-repeat left top}
  .panel490telo{
    float:left;
    width: 450px;
    padding: 20px 20px 15px 20px;
    background: url('/pics/panel490.png') repeat-y left top
  }
  /* KONEC PANEL 490 */
  
  /* PANEL 420 */ 
  .panel420, .panel420L, .panel420Lnop, .panel420nop{
      float: right;
			width: 420px;
			margin: 0 0 0 30px;
      padding: 24px 0 0 0; 
      }
  .panel420L{float:left; margin: 0 30px 0 0}
  .panel420Lnop{float:left; margin: 0 30px 0 0; padding: 0 0 0 0;}
  .panel420nop{padding: 0 0 0 0;}
  /* KONEC PANEL 420 */
  
  /* PANEL 470 */ 
  .panel470{
      float: left;
			width: 470px;
			margin: 0 20px 0 0;
      }
  /* KONEC PANEL 470 */
  
  /* PANEL 620 */ 
  .panel580{
      float: left;
			width: 580px;
			margin: 0 50px 0 0;
      }
  /* KONEC PANEL 620 */
  
  /* PANEL 450 */ 
  .panel450{
      float: right;
			width: 450px;
      }
  /* KONEC PANEL 450 */
  
  /* PANEL 300 */ 
  .panel310{
      float: right;
			width: 310px;
      }
  /* KONEC PANEL 300 */
  
  /* PANEL 220 */ 
  .panel220, .panel220R{
      float: left;
			width: 220px;
			margin: 0 20px 0 0;
      }
  .panel220R{margin: 0 0 0 0;}
  .panel220T{float:left; width: 200px; padding: 10px 10px 6px 10px; background: url('/pics/panel220.png') no-repeat left top}
  .panel220B{float:left; width: 220px; height:4px; background: url('/pics/panel220B.png') no-repeat left top}

  /* KONEC PANEL 220 */
  
  /* NOVINKY */
      .Dnovinka, .DnovinkaNoHover { 
    			float: left;
          width: 430px;
    			padding: 10px;
    			}
      .Dnovinka:hover { 
          background: #fff;
          cursor: pointer;
    			}

      .den, .mesic {display:none}
    	.Nnovinky {float: left; display: block; width: 430px;}
    	.novinka {float: left; width: 430px; padding:0; margin:0}
      .novinka p {padding:0; margin:0}
                             
      /* VYPIS NOVINEK */
          .VypisNovinek{
            float: left;
            width: 940px;
            margin: 20px 0 0 0;
          }
          .novinkaW, .novinkaWY { 
        			float: left;
              width: 940px;
              margin: 0 0 20px 0;
        			}
          .Tnovinka { 
        			float: left;
              width: 910px;
              padding: 15px 15px 6px 15px;
        		  background: url('pics/Tnovinka.png') no-repeat top left;
        		 	}
          .Bnovinka { 
        			float: left;
              width: 940px;
              height: 9px;
        		  background: url('pics/Bnovinka.png') no-repeat top left;
        		 	}
          .novinkaWY .Tnovinka {background: url('pics/TnovinkaY.png') no-repeat top left;}
          .novinkaWY .Bnovinka {background: url('pics/BnovinkaY.png') no-repeat top left;}
    
        	.Tnovinka .Nnovinky {float: left; display: block; width: 910px; padding: 7px 0 0 0;}
        	.Tnovinka .novinka {float: left; width: 910px; padding:0; margin:10px 0 0 0; }
      /* KONEC VYPIS NOVINEK */
  /* KONEC NOVINKY */

  /* KAM DALE */
    #kamDale{
      clear:both;
      float:left;
      margin: 50px 0 0 77px;
      width: 785px;
      height: 56px;
      background: url('/pics/kamDale.png') no-repeat center top
    }
    #kamDale .leva, #kamDale .prava{
      float:left;
      width: 340px;
      height: 56px;
      margin: 0 0 0 20px;
      padding: 0 0 0 30px;
      line-height: 56px;
      background: url('/pics/sipkaL.png') no-repeat left 
    }
    #kamDale .prava{
      float:right;
      margin: 0 20px 0 0;
      padding: 0 30px 0 0;
      text-align:right;
      background: url('/pics/sipkaR.png') no-repeat right
    }
    #kamDale a{
      color: #198BFF;
      font-size: 16pt;
      text-decoration: none;
    }
    #kamDale a:hover{
      color: #198BFF;
      text-decoration: underline
    }
  /* KONEC KAM DALE */

  /* WHITNEY V CISLECH */
      table.vCislech{
        float:left;
        width: 420px;
      }
      table.vCislech td {
        text-align: center;
        font-size: 16pt;
        font-weight: bold;
        color: #198BFF;
      }
      table.vCislech td.bezpoz {
        text-align: right;
      }
      table.vCislech td .b12 {
        color: #184E9E;
      }
  /* KONEC WHITNEY V CISLECH */


  /* WHITNEY PODROBNE */
      .nahledySystemu {
        float: left;
  		  margin: 20px 0 0 0;
        width: 200px;
      }
      .nahledySystemu a:link, .nahledySystemu a:visited {float: left; margin: 0 0 10px 0; border: 1px solid #00BFFF}
      .nahledySystemu a:hover {border: 1px solid #000}
      
      .oSystemu {
        float: right;
        width: 720px;
        margin: 20px 0 20px 0 
      }
      .prvkyWhitney {
        float: left;
        width: 940px;
        margin: 40px 0 0 0; 
      }
      table.prvkySystemu td {vertical-align: top}
      table.prvkySystemu td.pad4 {padding: 40px 0 0 0}
      table.prvkySystemu td.pad2 {padding: 20px 0 0 0}
      
      a.lightboxPrvek {float: left; border: 1px solid #000}
      a.lightboxPrvek:hover {border: 1px solid #00BFFF}
  /* KONEC WHITNEY PODROBNE */

  /* PORTFOLIO */
      .reference {
      	float:left;
        margin: 50px 0 0 0; 
      }
      .reference td {
      	vertical-align:top;
        padding: 0 30px 30px 0 
      }
      .reference td.prava {padding: 0 0 30px 0}
      
      .reference .lightbox {
      	float:left;
      	margin: 0 10px 10px 0
      }
  /* KONEC PORTFOLIO */

  /* CENIK */
      .sleva {float: right; margin: 10px 0 0 20px;}
      table.cenik{
        width: 940px;
        margin: 20px 0 0 0;
      }
      table.cenik td{vertical-align:middle}
      tr.hlavicka {font-weight: bold; background: #00BCFA; color: #fff; white-space:nowrap;}
      tr.L0 {background: #D3F4FF}
      tr.L1 {background: #E7F9FF}

      table.Slevy{
        margin: 0 0 0 0;
      }      

      table.varianty{margin: 30px 0 0 0;}
      #variantyNOM{margin: 10px 0 0 0;}
      
      table.varianty tr.tucne{text-transform: uppercase}
      
      table.varianty .sipka{float:left; margin: 2px 0 0 0;}
      
      table.varianty a:link, table.varianty a:visited, table.Slevy a:link, table.Slevy a:visited {font-weight: bold}

      .zavrit{
        position: absolute;
        top: 0px;
        right: 0px;
        width: 52px;
        height: 19px;
      }
      
      #poptavka{
        position: absolute;
        z-index:100;
        top: 200px;
        left: 180px;
        width: 485px;
        height: 430px;
        padding: 20px;
        background: #fff;
        border: 2px solid #05A4FF;
      }

      #infopanel{
        position: absolute;
        z-index:100;
        top: 170px;
        left: 270px;
        width: 300px;
        height: 70px;
        padding: 30px 20px 20px 20px;
        background: #fff;
        border: 2px solid #05A4FF;
        text-align: center;
        font-weight: bold;
      }
  /* KONEC CENIK */

/* KONEC TELA */

/* PATICKA */
 	#paticka { 
 	  position:relative;
		clear: both;
		float: left;
		width: 980px;
		color: #fff
 	}
 	#paticka a{color: #fff; text-decoration: underline}
 	#paticka a:hover{color: #fff; text-decoration: none}
 	
 	#DobraVolba {
    position: absolute;
    top: -17px;
    right: -52px;
  }
 	
 	#odkazy{ 
		float: left;
		width: 960px;
		padding: 0 10px;
		margin: 5px 0 0 0;
		font-size: 10pt;
 	}
 	#odkazy .left{ 
		float: left;
		width: 450px;
 	}
 	#odkazy .right{ 
		float: right;
		width: 490px;
		text-align: right;
 	}
 	
 	.DelameToJinak {
    clear:both;
    float:left;
    margin: 140px 0 0 345px;
  }
  
 	#kontakty{ 
		clear: both;
    float: left;
		width: 980px;
		font-size: 10pt;
 	}
 	.logoWhitney{ 
    float: right;
    margin: 25px 0 0 0;
 	}
 	#sloupce{ 
    float: left;
		width: 870px;
		padding: 0 0 10px 0
 	}
 	#sloupce div{ 
    float: left;
    width: 140px;
    margin: 0 15px 0 0;
 	}
 	#kontakty .sloupec1{width: 120px;}
 	#kontakty .sloupec2{width: 130px;}
 	#kontakty .sloupec5{width: 250px;}
 	#kontakty .ikonka{ 
    float: left;
    margin: 0;
 	}
/* KONEC PATICKA */

   /* PORADCE */
      #por_load, #poradce {
          position: fixed;
          z-index: 900;
          bottom:0;
          right: 2%;
          width: 150px;
          padding: 10px 10px 5px 10px;
          background: #FFF15B;
          border: 1px solid #FF7301;
          border-bottom: 0px;
          font-size: 10pt;
          color: #000
      }
      #por_load .load, #poradce #por {
          float: left;
          margin: 0 5px 0 0;
      }
      
      #poradce a {color: #000}
      #poradce a:hover {color: #f00}
      
      #poradce {width: 170px; padding: 0;}
      #por_head {background: #FF7301; font-weight: bold; text-align: center; padding: 2px 2px 3px 2px; color: #fff; cursor:pointer}
      #por_head img {float:right;}
      #por_body {padding:5px 10px 5px 10px}
      #poradce table {width: 150px; padding: 0; margin: 0; border-spacing:0}
      
      #por_zprava {cursor: pointer}
      #por_por.nop {cursor: default}
      #por_os {font-weight: bold}
      #por_ico, #por_stat {float: right;} 
      #por_ico {width: 8px; height: 8px; margin: 4px 5px 0 0px; background: url(pics/por_stat.png) no-repeat top left}
      #por_ico.ON {background-position: -8px 0}
      #por_ico.OFF {background-position: 0 0}
      #por_msg {margin: 5px 0 10px 0}
      .por_click {color: #E66700; font-weight: bold; text-decoration: underline; cursor: pointer}
      
      #por_form {float:left; margin-top: 5px}
      #por_form input, #por_form textarea {width:142px}
      .por_pol {float: right; color: #E66700}
   /* KONEC PORADCE */