/* ZAKLADNI TRIDY */
form { margin: 0; padding: 0; }
input, textarea, select { font: normal 100% Arial; margin: 1px; padding: 1px; }
p {font-family: Arial; margin: 5px 0 0 0; padding: 0; font-size: 100%; line-height: 140%; font-weight: normal; text-align: justify}
p.m0 {margin: 0 0 0 0}
p.m10 {margin: 10px 0 0 0}

img {border: 0;}
h1 {position: absolute; top:55px; right:30px; z-index: 100; width: 630px; height: 50px; text-align: right; font-family: Arial; font-weight: normal; font-size: 14pt; padding: 0 0 0 0; margin: 0; color: #017FFF; font-style: italic}
h2 {font-family: Arial; font-weight: normal; font-size: 20pt; padding: 0 0 0 0; margin: 0 0 10px 0; color: #202020}
h3 {font-family: Arial; font-weight: bold; font-size: 12pt; margin: 0; padding: 0 0 0 0; color: #202020}
h4 {font-family: Arial; font-weight: bold; font-size: 10pt; padding: 0; margin: 0 0 0 0; line-height: 150%; color: #202020}

/* POMOCNE TRIDY */
.clear {clear: both}
.o {margin-top: 7px}
.o05 {margin-top: 5px}
.o1 {margin-top: 10px}
.o2 {margin-top: 20px}
.o3 {margin-top: 30px}
.o4 {margin-top: 40px}
.o18 {margin-top: 180px}
.c {text-align: center}
.r {text-align: right}
.l {text-align: left}
.j {text-align: justify}
.floatl {float: left}
.floatr {float: right}
.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: #00BFFF}
.black {color: #000}
.red {color: #F00000}
.Wbck {background: #fff; padding: 10px;}
.skryte{display: none}
.b2 {font-size: 120%}
.b3 {font-size: 130%}
.b4 {font-size: 140%}
.b7 {font-size: 170%}
.b8 {font-size: 180%}
.b20 {font-size: 200%}
.b25 {font-size: 250%}
.b30 {font-size: 300%}
.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; }
.ikonka{float: left; margin-right: 10px}
.vtop {vertical-align: top}

ul {line-height: 120%}
ul.nop {padding:0 0 0 15px}
ul.bluedot {line-height: 150%; list-style-type:none; }
ul.bluedot li {list-style-image: url(pics/li-blue.png)}
ul.chck {line-height: 45px; list-style-type:none; padding:0; margin: 0}
ul.chck li {
    background: url('pics/fajfka.png') no-repeat left center;
    padding: 5px 0 0 30px;
}
li.nazev {list-style-image: url(pics/li-blue.png); font-weight: bold }
li.popis {list-style-type: none; list-style-image: none; font-weight: normal; padding-bottom: 15px; font-size: 10pt; }
ul.chckS {line-height: 160%}
ul.chckS li {list-style-image: url('pics/li-blue-S.png')} 

.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}

.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: #404040; 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: #F00}

a.red:link, a.red:visited {color: #f00}
a.red:hover {color: #F00}

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

/* VLASTNI TRIDY */
html { margin:0; padding: 0; width: 100%; height: 100%; font-family: Arial; color: #404040; font-size: 12pt;}
body { padding: 0; margin: 0; text-align: center; background: url('pics/back.png') repeat-x top left;}

#center { 
		width: 850px;
		max-width: 850px; 
		min-width: 850px;
		margin: 0 auto 0 auto;
		text-align: left;		position: relative; 
		}
#mother { 
		margin: 0;
		}

/* HLAVICKA */
	#head { 
      float: left;
			width: 850px;
			height: 120px; 
			}
	#head-kontakty { 
			position: absolute;
			top:0px;
			right:0px;
			width: 280px;
			height: 25px;
			background: url('pics/head-kontakty.png') no-repeat top left;
			font-size: 9pt;
			}
	#head-kontakty span { 
			float: left;
      margin: 4px 0 0 0;
			}
	#head-kontakty img { 
      float:left;
      width: 18px;
			height: 16px;
			margin: -1px 3px 0 10px;
			}
	#head-logo { 
			position: absolute;
			top:17px;
			left:30px;
			width: 103px;
			height: 85px;
			}
/* KONEC HLAVICKY */

/* MENU */
	#menu { 
			clear: both;
      float:left;
			z-index: 10; /* aby roletka menu prekryvala v IE strankovani nabidek */
		  width: 820px;
			height: 30px;
			padding: 6px 15px;
      background: #353535 url('pics/menu.png') no-repeat top left;
      text-align: right;
			}
	#menu2 { 
			float: left;
			z-index: 10; /* aby roletka menu prekryvala v IE strankovani nabidek */
		  width: 820px;
			height: 93px;
			margin: 20px 0 0 0;
      padding: 6px 15px;
			_padding: 6px 15px 5px 15px;
      background: #353535 url('pics/menu2.png') no-repeat top left;
      text-align: right;
			}
	#menu2 table {
  		width: 820px;
  		border-spacing: 0;
  		padding: 0;
      text-align: left;
   		font-size: 8pt;
  }
	#menu2 table td{vertical-align: bottom}
	#menu2 #polozky {
      float: left;
      width: 820px;
      margin: 16px 0 0 0;
  }

	#menu img, #menu2 img {margin: 0 5px}

  #menu a:link, #menu a:visited, #menu2 #polozky a:link, #menu2 #polozky a:visited {float: right; display:block; height:30px; margin: 0 30px}
  a.m1:link, a.m1:visited {width: 130px; background: url('pics/m1.png')}
  a.m1:hover, a.m1.hover {background-position: 0 -30px;}
  a.m2:link, a.m2:visited {width: 94px; background: url('pics/m2.png')}
  a.m2:hover, a.m2.hover {background-position: 0 -30px;}
  a.m3:link, a.m3:visited {width: 96px; background: url('pics/m3.png')}
  a.m3:hover, a.m3.hover {background-position: 0 -30px;}
  a.m4:link, a.m4:visited {width: 64px; background: url('pics/m4.png')}
  a.m4:hover, a.m4.hover {background-position: 0 -30px;}
  a.m5:link, a.m5:visited {width: 94px; background: url('pics/m5.png')}
  a.m5:hover, a.m5.hover {background-position: 0 -30px;}
/* KONEC MENU */

/* TELO */
	.telo { 
      clear: both;
      float: left;
		  width: 850px;
			}
	.telo-big { 
      float: left;
		  margin: 0 20px 0 20px;
		  _margin: 0 12px 0 12px;
		  width: 810px;
			}
	.telo-small { 
      float: left;
		  margin: 0 0 0 20px;
		  _margin: 0 0 0 12px;
		  width: 465px;
			}
	.telo-small-r { 
      float: right;
		  margin: 0 20px 0 0;
		  _margin: 0 12px 0 0;
		  width: 465px;
			}
	#WhitneyTISbanner { 
			float: right;
			width: 325px;
			height: 270px;
			margin: 0 0 0 0;			
			}
	#WhitneyTISbanner2 { 
			float: right;
			width: 325px;
			height: 210px;
			margin: 20px 0 0 0;			
			}
	#LogoB, #LogoBr { 
			float: left;
			margin: 0 20px 10px 0;			
			}
	#LogoBr { 
			float: right;
			margin: 50px 0 10px 20px;			
			}

  /* PANEL */
    	#panel, #panelR { 
    			width: 500px;
    			} 
    	#panelR { 
    			float: right;
    			}
    	#panelT { 
    			width: 460px;
    			padding: 15px 20px;
    			background: url('pics/panel.png') no-repeat left top;
    			}            
    	#panelB { 
    			width: 500px;
    			height: 9px;
    			background: url('pics/panelB.png') no-repeat left top;
    			}
  /* KONEC PANEL */

  /* PANEL BLANK */
    	#Bpanel, #BpanelR { 
    			float: left;
          width: 325px;
          margin: 0 0 0 20px; 
          background: none;
    			}
    	#BpanelR { 
    			float: right;
    			margin: 0 0 0 0; 
    			} 
    	#Bpanel .obsah, #BpanelR .obsah { 
    			float: left;
    			width: 325px;
    			} 

      #BBpanel, #BBpanelR { 
    			float: left;
          width: 470px;
          margin: 0 0 0 20px; 
          background: none;
    			}
    	#BBpanelR { 
    			float: right;
    			margin: 0 0 0 0; 
    			} 
    	#BBpanel .obsah, #BBpanelR .obsah { 
    			float: left;
    			width: 470px;
    			} 

    	#SBpanel, #SBpanelR { 
    			float: left;
          width: 150px;
          margin: 0 0 0 20px; 
          background: none;
    			}
    	#SBpanelR { 
    			float: right;
    			margin: 0 0 0 0; 
    			} 
    	#SBpanel .obsah, #SBpanelR .obsah { 
    			float: left;
    			width: 150px;
    			}            

    	#BBBpanel, #BBBpanelR { 
    			float: left;
          width: 650px;
          margin: 0 0 0 20px; 
          background: none;
    			}
    	#BBBpanelR { 
    			float: right;
    			margin: 0 0 0 0; 
    			} 
    	#BBBpanel .obsah, #BBBpanelR .obsah { 
    			float: left;
    			width: 650px;
    			}
  /* KONEC PANEL BLANK */

  /* NOVINKY */
      .Dnovinka, .DnovinkaNoHover { 
    			float: left;
          width: 440px;
    			padding: 10px;
          background: url('pics/novinka.png') repeat-x top left;
    			}
      .Dnovinka:hover { 
          background: #fff;
          cursor: pointer;
    			}

      .den, .mesic {float: left; display: block; font-weight: bold; color: #FF0000}
      .den {width: 35px; font-size: 24pt; text-align: right}
    	.mesic {width: 65px; padding: 2px 0 0 5px; font-size: 10pt;} 
    	.Nnovinky {float: left; display: block; width: 335px; padding: 7px 0 0 0;}
    	.novinka {float: left; width: 440px; padding:0; margin:0; font-size: 10pt;}
      .novinka p {padding:0; margin:0;font-size: 10pt;}
                             
    	#panelB { 
    			float: left;
    			width: 500px;
    			height: 9px;
    			background: url('pics/panelB.png') no-repeat left top;
    			}

      /* VYPIS NOVINEK */
          .VypisNovinek{
            float: left;
            width: 810px;
            margin: 20px 0 0 0;
          }
          .novinkaW, .novinkaWY { 
        			float: left;
              width: 810px;
              margin: 0 0 20px 0;
        			}
          .Tnovinka { 
        			float: left;
              width: 780px;
              padding: 15px 15px 6px 15px;
        		  background: url('pics/Tnovinka.png') no-repeat top left;
        		 	}
          .Bnovinka { 
        			float: left;
              width: 810px;
              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: 675px; padding: 7px 0 0 0;}
        	.Tnovinka .novinka {float: left; width: 780px; padding:0; margin:10px 0 0 0; font-size: 10pt;}
      /* KONEC VYPIS NOVINEK */
  /* KONEC NOVINKY */

  /* PORTFOLIO */
      .reference {
      	clear: both;
      	padding-bottom: 40px; 
      }
      .reference img.nahled {
      	float: left;
      	width: 230px;
      	margin-right: 25px;
      	border: 1px solid #404040
      }
    	#banner, #banner2 { 
    			float: right;
    			margin: 0 0 20px 20px;			
    	}  
  /* KONEC PORTFOLIO */

  /* NASE PRODUKTY */
      #WhitneyTISBanner3{
        position: relative;
        width: 810px;
        height: 214px;
        margin: 20px 0 0 0;
        background: url(pics/WhitneyTISBanner3.png) no-repeat top left;
      }
      #WhitneyTISBanner3:hover{cursor: pointer;}
      #WhitneyTISBanner3 ul {
      	padding: 30px 0 0 410px;
        *padding: 30px 0 0 360px; /* IE6/7 */

      }
      #WhitneyTISBanner3 img.log {
      	position: absolute;
      	top: 0;
      }
      #WhitneyTISBanner3 img.but {
      	position: absolute;
      	top: 167px;
      	right:7px; 
      }
      table.seznamBodu {margin: 10px 0 0 0}
      table.seznamBodu td{
        padding: 0 70px 0 0;
        line-height: 200%;
        vertical-align: top;
      }      
  /* KONEC NASE PRODUKTY */

  /* WHITNEY */
      table.vCislech{
        width: 800px;
        font-size: 24pt;
      }
      table.vCislech td {
        width: 260px;
        background: #BBF3FF;
        text-align: center;
        font-size: 28pt;
        font-weight: bold
      }
      .whitneymenu {width: 400px}
      .whitneymenu a:link, .whitneymenu a:visited {text-decoration: none; }
      .whitneymenu a:hover {color: #F00}

      h3 .sipka {float: left;}      

      h3 .nahledy, h4 .nahledy {color:#404040; font-weight: normal}
      h3 .nahledy a:link, h3 .nahledy a:visited, h4 .nahledy a:link, h4 .nahledy a:visited {font-size: 10pt; color:#F00}
      h3 .nahledy a:hover, h4 .nahledy a:hover {color:#00BFFF}
  /* KONEC WHITNEY */

  /* CENIK */
      .sleva {float: right; margin: 10px 0 0 20px;}
      table.cenik{
        margin: 20px 0 0 0;
      }
      tr.hlavicka {font-weight: bold; background: #00BCFA; color: #fff; white-space:nowrap;}
      tr.L0 {background: #D3F4FF}
      tr.L1 {background: #E7F9FF}
      
      table.varianty{
        margin: 30px 0 0 0;
        font-size: 10pt;
      }
      table.varianty tr.tucne{
        font-size: 12pt;
      }
      table.varianty a:link, table.varianty a:visited {color: #00BFFF; font-weight: bold}
      table.varianty a:hover {color:#F00000}
      table.varianty a img {float: left; }

      table.varianty a.black:link, table.varianty a.black:visited {color: #404040}

      .zavrit{
        position: absolute;
        top: 0px;
        right: 0px;
        width: 52px;
        height: 19px;
      }
      
      #poptavka{
        position: absolute;
        z-index:100;
        top: 200px;
        left: 180px;
        width: 485px;
        height: 370px;
        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 { 
		clear: both;
		float: left;
		width: 850px;
    padding: 20px 0;
    text-align: right;
 	}
/* 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: 8pt
      }
      #por_load .load, #poradce #por {
          float: left;
          margin: 0 5px 0 0;
      }

      #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 */