/* ZAKLADNI TRIDY */
form { margin: 0; padding: 0; }
input, textarea, select { font: normal 100% Arial; margin: 1px; padding: 1px; }
p {font-family: Calibri, Arial; margin: 5px 0 0 0; padding: 0; font-size: 1.1em; 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:80px; right:30px; z-index: 100; width: 630px; height: 50px; text-align: right; font-family: Calibri, Arial; font-weight: normal; font-size: 1.5em; padding: 0 0 0 0; margin: 0; color: #00BCFA}
h2 {width: 650px; font-family: Calibri, Arial; font-weight: normal; font-size: 1.8em; padding: 0 0 5px 0; margin: 0 0 10px 0; color: #000; border-bottom: 2px solid #FF8309}
h2 a:link, h2 a:visited {float: right; display:block; width: 147px; height: 30px; background: url(pics/butVice.png) no-repeat}
h2 a:hover {background-position: 0 -30px}

h3 {font-family: Calibri, Arial; font-weight: bold; font-size: 12pt; margin: 0; padding: 0 0 0 0; color: #202020}
h4 {font-family: Calibri, Arial; font-weight: normal; font-size: 10pt; font-weight: bold; padding: 0; margin: 5px 0 0 0; line-height: 150%; color: #017FFF}

/* POMOCNE TRIDY */
.clear {clear: both}
.o {margin-top: 7px}
.o1 {margin-top: 10px}
.o2 {margin-top: 20px}
.o3 {margin-top: 30px}
.c {text-align: center}
.r {text-align: right}
.l {text-align: left}
.floatl {float: left}
.floatr {float: right}
.kurziva {font-style: italic;}
.tucne {font-weight: bold}
.netucne {font-weight: normal}
.white {color: #fff}
.orange {color: #FF6101}
.blue {color: #00BFFF}
.black {color: #000}
.red {color: #F00000}
.skryte{display: none}
.b2 {font-size: 120%}
.b3 {font-size: 130%}
.b4 {font-size: 140%}
.b7 {font-size: 170%}
.b8 {font-size: 180%}
.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; }

ul {line-height: 120%; font-family: Calibri, Arial; font-size: 1.1em}
ul.nop {padding:0 0 0 15px}
ul.dot {line-height: 150%; list-style-type:none; }
ul.dot li {list-style-image: url(pics/dot.png)}
ul.dot li.popis {list-style-type: none; list-style-image: none; font-size: 85%; margin: 0 0 10px 0}

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

a.white:link, a.white:visited {color: #fff}
a.white: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: Calibri, Arial; color: #000; font-size: 12pt;}
body { padding: 0; margin: 0; text-align: center; background: url('pics/back.png') repeat-y top center;}

#bcg {
    max-width:1300px;
    margin: 0 auto 0 auto;
    background: url(pics/bcg.jpg) no-repeat bottom center;
    }
#center { 
		width: 960px;
		max-width: 960px; 
		min-width: 960px;
		margin: 0 auto 0 auto;
		text-align: left;		position: relative; 
		}
#mother { 
		margin: 0;
		}

/* HLAVICKA */
	#head { 
      float: left;
			width: 960px;
			height: 106px;
      margin: 45px 0 0 0;
      background: url(pics/head.png) no-repeat left top; 
			}
	.panelT { 
      float: left;
			width: 960px;
			min-height: 90px;
			background: url(pics/panelT.png) no-repeat left top; 
			}
	.panelB { 
      float: left;
			width: 960px;
			height: 16px;
			background: url(pics/panelB.png) no-repeat left top; 
			}
	#head-kontakty { 
			position: absolute;   
			top:10px;
			right:30px;
			width: 500px;
			height: 25px;
			font-size: 1.3em;
			color: #fff;
			text-align: right;
			}
	#head-logo { 
			position: absolute;
			top:72px;
			left:30px;
			width: 243px;
			height: 54px;
			}
/* KONEC HLAVICKY */

/* VYBER */
	#vyber { 
			clear: both;
      float:left;
		  width: 960px;
      margin: 30px 0 0 0;
			}
	#vyber img { 
      float:left;
      margin: 16px 0 0 0;
      padding: 0;
			}
/* KONEC VYBER */

/* CO JE WHITNEYTIS */
	#CoJeWhitneyTIS { 
			clear: both;
      float:left;
		  width: 960px;
      margin: 30px 0 0 0;
			}
	#CoJeWhitneyTIS .panelT { 
		  width: 900px;
      padding: 20px 30px 0 30px;
			}
	.sloupecL { 
		  float: left;
      width: 230px;
      margin: 0 20px 0 0;
			}
	.sloupecR { 
		  float: right;
      width: 650px;
			}
/* KONEC CO JE WHITNEYTIS */

/* KOLIK WHITNEYTIS STOJI */
	#KolikWhitneyTISstoji { 
			clear: both;
      float:left;
		  width: 960px;
      margin: 30px 0 0 0;
			}
	#KolikWhitneyTISstoji .panelT { 
		  width: 900px;
      padding: 20px 30px 0 30px;
			}
/* KONEC KOLIK WHITNEYTIS STOJI  */

/* JAK WHITNEYTIS KOUPIT */
	#JakWhitneyTISkoupit { 
			clear: both;
      float:left;
		  width: 960px;
      margin: 30px 0 0 0;
			}
	#JakWhitneyTISkoupit .panelT { 
		  width: 900px;
      padding: 20px 30px 0 30px;
			}
/* KONEC JAK WHITNEYTIS KOUPIT  */

/* KDO ZA WHITNEYTIS STOJI */
	#KdoZaWhitneyTISstoji { 
			clear: both;
      float:left;
		  width: 960px;
      margin: 30px 0 0 0;
			}
	#KdoZaWhitneyTISstoji .panelT { 
		  width: 900px;
      padding: 20px 30px 0 30px;
			}
	.kontakt{
      margin: 0;
  }
	.kontakt td{
      padding: 5px 40px 5px 0;
  }
/* KONEC KDO ZA WHITNEYTIS STOJI  */

/* PATICKA */
 	#paticka { 
		clear: both;
		float: left;
		width: 900px;
    padding: 20px 30px 130px 20px;
 	}
/* KONEC PATICKA */