/* CSS Document */

  body {
  background: url(images/background.jpg) repeat-x top;
  xbackground-color: red;
  xbackground: url(images/ocean_wave2.jpg) repeat top;
  xbackground: url(images/background-copy.jpg) repeat-x top;
  text-align: left;
  font-family: arial;
  font-size: .8em;
  color: #042B47;
  }

  #page {
  text-align: center;
  margin-left: 90px;
  margin-top: -15px;
  position: relative;
  }
  
  #main{
  width: 734px;
  height: 600px;
  margin: 0px auto; 
  position: relative;
  text-align: left;
  }
  
  #top{
  background: url(images/topline.jpg) no-repeat top;
  height: 179px;
  }
  
  #center{
  background: url(images/center-bg.png) repeat-y top;
  min-height: 5200px;
  padding: 1px 40px 1px 40px;
  }   


  #bottom {
  background: url(images/bottomline.jpg) no-repeat top;
  height: 80px;
  } 
  
  #leftMenu {
  width: 196px;
  height: auto;
  position: absolute;
  top: 150px;
  left: -170px;

  }
  #leftMenuPolozky, #leftMenuPolozky {
  font: normal normal bold .8em normal arial;
  padding-left: 19px;
  }
  
 
  #leftMenuPolozky li {
  list-style: none;
  margin: 0px; 
  margin-bottom: .8em;
  background: url(images/menu-line.png) no-repeat left bottom;
  background-position: left bottom;
  margin-left: -4px;
  padding-left: 5px;;
  padding-bottom: 2px;
  height: 35px;
  }
  
  #leftMenuPolozky ul {
  padding: 0px;
  margin-left: 20px;
  margin-right: 5px;
  margin-bottom: -17px;
  margin-top: 10px;

  }
  
  .menuContent {
    background: url(images/menu-bg.png) repeat-y top;
    width: 196px;
    margin-left: -20px;
    padding: 1px 0px 1px 0px;
  }
  
  #leftMenuPolozky div#voda {
  background: url(images/menu-voda.png) no-repeat top;
  width: 196px;
  height: 49px;
  margin: 0px 0px 0px -20px;
  margin-top: -11px;
  }
  
  #leftMenuPolozky div#chemie {
  background: url(images/menu-chemie.png) no-repeat top;
  width: 196px;
  height: 40px;
  margin: 0px 0px 0px -20px;
  }

  #leftMenuPolozky div#menuBottom {
  background: url(images/menu-bottom.png) no-repeat top;
  width: 196px;
  height: 37px;
  margin: 0px 0px 0px -20px;
  }
  
  #leftMenuPolozky div#menuOstatni {
  background: url(images/menu-ostatni.png) no-repeat top;
  width: 196px;
  height: 14px;
  margin: 0px 0px 0px -20px;
  } 
  
  
  #leftMenu h2 {
  display: none;


  }
  
  #top h1 a {
  height: 130px;
  width: 630px;
  display: block;
  position: absolute;
  left: 30px;
  top: 20px;
  display: ;
  
  }
  
  #menuTop, #menuBottom {
  padding-top: 157px;
  text-align: center;
  color: white;;
  font-family: Arial;
  font-weight: bold;
  font-size: .8em;
  }
  
  #menuBottom {
  padding-top: 5px;
  }
  
  #menuTop a, #menuBottom a{
  color: white;
  margin-right: 2em;
  }
  
  #top #ico {
 
  position: absolute;
  top: 35px;
  right: 35px;
  width: 20px;
  height: 100px;
  }
  
   #top #ico a {
   display: block;
   margin-bottom: 10px;
   height: 15px;
   }
  
   span.hiddenText {
   visibility: hidden;
   font-size: 0px;
   }
   
/******************************************************************************/

  #bottom #adresa {
  visibility: hidden;
  }
  
/******************************************************************************/

#leftMenu a	{font: 1.3em sans-serif; color:#054575; font-weight: bold; text-decoration: none; }
a {font: 1.1em sans-serif; color:#054575; font-weight: bold; text-decoration: underline; }
a:hover  {color:rgb(0,0,51); text-decoration: none;}
td			{font:10pt sans-serif; color:#054575; background-color:white;}
th      {color: white; background-color: rgb(5,69,117); font-size: .9em;}
ul			{margin-top:0px}
ol			{margin-top:0px}
img {border: none;}
#center h1 {font-size: 1.7em; font-weight:bold; border-bottom: #042B47 double;}
table {background-color: rgb(5, 69, 117); text-align: center;}
table.no-border {background-color: white; border: none}

img.margin {margin: .5em;}

.big		{font-size:15pt; font-weight:bold;}
.title		{font-size:15pt; font-weight:bold; text-align:center;}
.subtitle{
	font-weight:bold;
	color:#1393d8;
	padding: 5px;
}
.light		{color:#1393d8}
td.header		{background-color:d4f0ff; font-weight:bold;}
.CenterAll {text-align: center; margin: 0px auto;}

.left {float: left;}
.right {float: right;}
.red,.cervena,.cervene {color: red;}
.inline {display: inline;}

p.odsadit {text-indent: 1.5em; text-align: justify;}

input.formClasik, input.formRequired{
	background: #F7FDFF;
	color: #174167;
	border: 1px dotted black;
	padding-left: 3px;
	/*padding-right: 11px;*/
}

input.formRequired{
	background: #F7FDFF url(images/required.gif) top right no-repeat;
}

input.formSmall{
	background: #F7FDFF;
	color: #174167;
	border: 1px dotted black;
	padding-left: 3px;
	margin: 0px;
	width: 27px;
}

textarea.formClasik, textarea.formRequired{
	background: #F7FDFF;
	color: #174167;
	border: 1px dotted black;
	overflow: none;
	padding-left: 3px;
}

textarea.formRequired{
	background: #F7FDFF url(images/required.gif) top right no-repeat;
}

input.but{
	background: #DDE3E4;
	border: 1px solid black;
}

#akce{
	border: 1px dotted black;
	background: yellow;/*#FFD53F;/*#0DA3DE;*/
	width: 420px;
	padding: 5px;
	/*position: relative;*/
	/*left: 170px;*/
	top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: black;
	margin: 0px auto;
}

#red{
	color: red;
}

#pozor{
	/*background: #CCB339;*/
	color: #FF1616;
	font-size: 14px;
}

#button{
	text-align: center;
}

.horniindex {
  vertical-align: super;
  }