body, html {
		  width: 100%;
		  height: 100%;
		  margin: 0;
		  padding: 0;
		  font-family: Arial, "Geneva CE", sans-serif;
		  color: #447183
}

body {
		  font-size: 0.8em;
		  margin: 0;
		  padding: 0;
}

a

#zodac {
		  text-align: center;
		  margin: 0;
		  padding: 0; 		  
}

.clear {
	clear: both;
	font-size: 1px;
}

#zodac-holder {
		  text-align: center;
		  background: #fff url("../images/body-bg.jpg") repeat-x center bottom;
		  margin: 0;
		  padding: 0;
		  _height: 100%;
}

#header-index {
		  background: url("../images/header-index-bg.jpg") repeat-x;
		  height: 328px;
		  text-align: center;
}

#header {
		  background: url("../images/header-bg.jpg") repeat-x;
		  height: 233px;
		  text-align: center;
		  
}

#header-index-2 {
		  width: 714px;
		  background: url("../images/header-index-bg2.jpg") repeat-x;
		  height: 328px;
		  margin: auto;
		  text-align: right;
}

#header-2 {
		  width: 714px;
		  background: url("../images/header-bg2.jpg") repeat-x;
		  height: 233px;
		  margin: auto;
		  text-align: right;		  
		  clear: both;
}

#shortcuts-index {
		  padding-top: 36px;
}

.shortcut-1, .shortcut-2, .shortcut-3{
		  display: block;
		  float: right;
		  padding-right: 24px;
		  padding-left: 30px;
}

.shortcut-1 { background: url("../images/ico_1.gif") no-repeat right 2px;}
.shortcut-2 { background: url("../images/ico_2.gif") no-repeat right 2px;}
.shortcut-3 { background: url("../images/ico_3.gif") no-repeat right 2px;}

.shortcut-1 a, .shortcut-2 a, .shortcut-3 a {
		  	color: #263B7B;
		  font-size: 10px;
		  text-decoration: none;
		  font-family: Verdana, sans-serif;
		  line-height: 100%;
}

.shortcut-1 a:hover, .shortcut-2 a:hover, .shortcut-3 a:hover {
		  color: #2DC493;
}

#cesta {
		  width: 474px;
		  height: 55px;
		  
		  float: right;
		  text-align: left;
}

#a-logo-home {
	display: block;
	width: 120px;
	height: 30px;
	position: absolute;
	top: -98px;
	_top: -88px;
	left: 20px;
}

#a-claim-home {
	display: block;
	width: 270px;
	height: 50px;
	position: absolute;
	top: -150px;
	_top: -135px;
	left: 210px;
}

#a-logo {
	display: block;
	width: 120px;
	height: 30px;
	position: absolute;
	top: -75px;
	left: 20px;
}

#a-claim {
	display: block;
	width: 250px;
	height: 50px;
	position: absolute;
	top: -125px;
	left: 210px;
}

#cesta-holder {
			padding-top: 20px;
			width: 350px;
			float: left;
}

#cesta-holder a {
		  color: #A1B8C1;
		   display: block;
		  float: left;
		  padding: 0;
		  margin: 0;
		  margin-right: 10px;
		  text-decoration: underline;
		  font-size: 0.85em;
		vertical-align: middle;		  
}

#cesta-holder a:hover {
		  color: #2DC493;
}

#cesta-holder img {
		  vertical-align: middle;		  
}

#label-index {
		  text-align: right;
		  float: right;
		  clear: right;
		  color: #000;
		  font-size: 10px;
		  padding-top: 146px;
		  padding-right: 28px;
}

#label {
		  text-align: right;
		  float: right;
		  clear: right;
		  color: #000;
		  font-size: 10px;
		  padding-top: 18px;
		  padding-right: 28px;
		  float: right;
		  /*background: #f00;*/
}

#column-holder {
		  width: 714px;
		  margin: auto;
		  text-align: left;
		  position: relative;
}

#left-column {
		  width: 238px;
		  float: left;
}

#middle-column-index {
		  width: 306px;
		  float: left;
}

#middle-column-index-holder {
		  padding-left: 17px;
		  padding-right: 34px;
		  padding-top: 7px;
}

.clanek-sudy, .clanek-lichy {
		  padding-top: 14px;
		  padding-bottom: 6px;
		  padding-left: 5px;
		  display: block;
		  text-decoration: none;
		  
}
.clanek-lichy {		  
		  background: #E9EEF0;
}

.clanek-sudy:hover, .clanek-lichy:hover {
		  color: #2DC493;
}

.clanek-title {
		  display: block;
		  color: #2DC493;
		  font-weight: bold;
		  font-size: 1.1em;
}

.clanek-line {
		  height: 1px;
		  background: url("../images/clanek-line-bg.gif");
		  overflow: hidden;
}

#novinky {
		  padding-top: 44px;
		  background: url("../images/novinky.jpg") no-repeat right top;
		  font-size: 0.8em;
}

#right-column-index {
		  width: 170px;
		  float: left;
		  
}

#right-column {
		  width: 474px;
		  float: right;
		  
		  background: url("../images/right-column-bg.jpg") no-repeat 9px 0px;
		  padding-bottom: 120px;
}

#right-column-holder {
		  padding-left: 18px;
		  padding-top: 15px;
		  padding-right: 15px;	  
}

#text-index {
		  width: 714px;
		  height: 124px;
}



#text-index-holder {
		  padding-left: 24px;
}

#text-index-holder p {
		  width: 460px;
		  margin: 0;
		  padding: 0;
}

#kdekoupite {
		  float: right;
		  width: 177px;
		  height: 114px;
		  background: url("../images/kdekoupite-bg.jpg") no-repeat left top;
}

#kdekoupite-holder {
		  padding-left: 6px;
		  padding-top: 36px;
		  padding-right: 10px;
		  font-size: 0.8em;
		  
}

#menu {
		  padding-left: 6px;
}

#menu-header {
		  width: 231px;
		  height: 20px;
		  background: url("../images/menu-header-bg.jpg");
}

#menu-footer {
		  width: 231px;
		  height: 20px;
		  background: url("../images/menu-footer-bg.jpg");
}

.menu {
		  list-style: none;
		  width: 231px;
		  background: url("../images/menu-bg.jpg");
		  padding: 0px;
		  margin: 0px; 
}

.menu li {
		  background: url("../images/menuitem-bg.jpg") no-repeat left bottom;
}

.menu a {
		  text-decoration: none;
		  color: #000;
		  line-height: 180%;
		  font-size: 0.9em;
		  padding-left: 19px;
}



.menu a:hover, .menu a.active {
		  color: #2DC493;		  
}

ul.submenu li {
		  behavior: url("../special/hover.htc");
}

.submenu {
		  list-style: none;
		  margin:0;
		  padding: 0;
		  width: 231px;
		  background: url("../images/submenu-bg.jpg");
}

.submenu a {
		  color: #447183;
		  font-size: 0.85em;
		  		  
}

.submenu a:hover{
		  color: #447183;;
}



.submenu li {
		 background: url("../images/submenuitem-bg.gif") no-repeat left bottom;
		 padding-left: 10px;
}
li.submenuitem-active a
{
	color:white;
}
li.submenuitem-active {
		  background: url("../images/submenuitem-active-bg.gif") no-repeat left bottom;
}



ul.submenu li:hover, ul.submenu li.hover {
		 background: url("../images/submenuitem-active-hover-bg.gif") no-repeat left bottom;		 
}

#search {
		  width: 238px;
		  height: 105px;
		  background: url("../images/search-bg.jpg") no-repeat left top;
		  vertical-align: bottom;
		  margin: 0;
		  padding: 0;
}

.search-text-holder {
		  display: block;
		  padding-top: 54px;
		  padding-left: 12px;
		  /*background: #00f;*/
}

.search-text {
		  color: #447183;
		  border: none;
		  width:190px;
		  font-size: 9px;
		  background: #fff;
}
.search-button {
		  float: right;
		  padding-right: 6px;
		  
}

#footer {
		  width: 238px;
		  color: #447183;
		  font-size: 0.8em;
		  padding-bottom: 120px;
}


a img {
		  border: none;
}

.hidden {
		  visibility: hidden;
		  display: none; 
}

a {
		  color: #3D6EAA;
}

a:hover {
		  color: #2DC493;
}

h1 {
		  font-size: 1.2em;
		  text-transform: uppercase;
		  margin-top: 0;
		  color: #3D6EAA;
		  font-weight: bold;
}

h2 {
		  color: #2DC493;
		  font-size: 1.1em;
		  font-weight: normal;  
}

h3 {
		  color: #3D6EAA;
		  font-size: 1.0em;
		  font-weight: normal;  
}

#right-column ul  {
		  padding-left: 0px;
		  margin-left: 0px;
		  padding-left: 30px;
}

#right-column ul li {
		  list-style-image: url("../images/bullet1.gif");
		  padding: 0px;
		  margin: 0px;
}
#right-column ul li li{
		  list-style-image: url("../images/bullet2.gif");
}
#right-column ul li li li{
		  list-style-image: url("../images/bullet3.gif");
		  color: #A1B8C1;
}

b, strong {
		  color: #3D6EAA;
		  font-weight: bold;
}

i {
		  color: #3D6EAA;
}

.helper {
		  border-bottom: 1px dashed #2DC493; 
		  color: #2DC493;
}

#right-column th {
		  color: #fff;
		  font-weight: bold;
		  text-align: left;
		  background: #2D66A4;
		  padding: 4px;
		  padding-left: 6px;
}

#right-column td {
		  padding: 4px;
		  border-bottom: 1px solid #D4D9DB;		  
		  background: #fff;
		  padding-left: 8px;
}

#right-column td.dark {
		  background: #F4F7F7;
}