body {
  margin:8px;
  /*padding:10px 0 10px 0;*/
  background-color: #ffffff;
  font-famil-y: Tahoma, Arial;
  font-family: sans-serif; 
  color: #393939;
  font-size: 100%;
 }
 
 div, form, input, table, img{
  margin:0px;
  padding:0px;
 }
 
 img {
  border:0px;
  }
  
 a {
  text-decoration:none;
  color: green;
 }
 a:hover{
  text-decoration:underline;
  color: green;
 }
 
a.extended {padding-right:10px; background:url('/zc/img/sipka2.gif') right 3px no-repeat;}

 #main {
   margin:0 auto 0 auto;
   position:relative;
 }
 
/* header */
 #header{
  height:74px;
  background: url('/zc/img/header_green-logo_05.jpg') #6AB744 no-repeat top left;
  margin-bottom:2px; position:relative;
 }
 #header a {display:block; position:absolute; left:0px; top:0px; height:60px; width:300px;}
 a#homeLink:hover {text-decoration:none;}
 #loginBox {
  width:252px;
  height:74px;
  background: url('/zc/img/header_login-box_06.jpg') #6AB744 no-repeat top right;
  float:right;
  border-left:2px white solid;
  position:relative;
 }
 #loginForm {
  padding:10px 0px 0px 30px;
  font-family: sans-serif;
   font-size: 12px;
 }
 
 #loginForm label {text-align:right; font-weight:bold; color:#20831A; font-size: 12px;}
 #loginForm div {font-weight:bold; color:#ffffff; font-size: 12px;}
 #loginForm .textField {height:12px; width: 80px; background-color:#D6E5CC; font-size:10px;}
 #loginForm .submitButton {width:65px; height:17px;}
 #loginForm .logout {position: absolute; top:32px; right:15px}
 #loginForm .err {font-weight:bold; font-weight:bold; color:#FF0000; font-size: 11px;}
 #loginLinks {padding-left:30px;}
 #loginLinks a{
  font-family: sans-serif;
  font-size: 10px;
  color:white;
  padding-left:10px;
  background: url('/zc/img/sipka.gif') top left no-repeat;
  position:static; display:inline;
 }
/* end header */ 
 
#superLogo { position:absolute; top:10px; left:10px; width:434px; height:60px; background-color: #6AB744; z-index:110;}
#superLogo a:hover {text-decoration:none;}
#superLogoRight { position:absolute; top:10px; right:260px; width:150px; height:40px; background-color: #6AB744; z-index:120; overflow:hidden; }
#superLogoRight a:hover {text-decoration:none;}
/* groups */
 #groups {
   position:relative;
 }
 .groupsHead {
  height:22px;
  background-color: #272D82;
 }
 .groupsHead .left .issn{
  color:#ffffff;
  font-size:0.7em;
  font-family: sans-serif;
/*
  margin-right:10px;
  padding-left:15px;
  line-height:1.9em;
*/
 }

 .groupsHead .left a{
  color:#ffffff;
  font-size:0.7em;
  font-family: sans-serif;
  margin-right:10px;
  padding-left:15px;
  line-height:1.9em;
  background: url('/zc/img/dvojtecky.gif') 0px 1px no-repeat;
 }
 
 .groupsHead .right a.hh{
  color:#ffffff;
  font-size:0.7em;
  font-family: sans-serif;
  margin-right:0px;
  padding-left:15px;
  line-height:1.9em;
  background: url('/zc/img/dvojtecky.gif') 0px 1px no-repeat;
 }
 
 .groupsHead .left {
  height:18px;
  padding-left:15px;
  background: url('/zc/img/strip-left-border.jpg')  no-repeat top left;
  width:300px!important;
 }
 .groupsHead .right{
  height:18px;
  padding-right:15px;
  background: url('/zc/img/strip-right-border.jpg')  no-repeat top right;
  text-align:right;
 }
 
 #tG {position:relative; height:90px; background-color:#EAF7FF;}
 #tG a {display:block;position:absolute;top:0px;}
 #tG #grp1 {left:0px;}
 #tG #grp2 {left:33%; border-left:1px solid #E1E8DF;}
 #tG #grp3 {left:66%; border-left:1px solid #E1E8DF;}
 
 #tGr {position:relative;height:61px;background-color:#EAF7FF;}
 #tGr a {display:block;position:absolute;top:0px;}
 #tGr #grp1 {left:0px;}
 #tGr #grp2 {right:123px; border-left:1px solid #E1E8DF;}
 #tGr #grp3 {right:0px; border-left:1px solid #E1E8DF;}/* end groups */ 
 
/* OBSAHOVKY */
 #columnsContent {
  font-size:1em;
  position:relative;
  /* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
  overflow: hidden;
  o\verflow: visible;
  width: 100%;
  w\idth: auto;
  he\ight: 1%;
  /* End Hack */
  position:relative;
  text-align:left;
  width:100%;
  background: url("/zc/img/left-background.jpg") #F2F5EB repeat-y top left;
  border-top:1px solid #F2F5EB;
}
#columnsContent .left {width:180px; float:left; overflow:hidden;}
#columnsContent .mainContent {margin-left:182px; }
#columnsSection .colNoneBg {background-image: url('') !important; margin-left:0px;}

/* sloupce obsahu HOME*/ 
 #columns {
  font-size:1em;
  position:relative;
  /* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
  overflow: hidden;
  o\verflow: visible;
  width: 100%;
  w\idth: auto;
  he\ight: 1%;
  /* End Hack */
  }
 .wrapper1 {
  position:relative;
  text-align:left;
  width:100%;
 /* background: url("/zc/img/left-background.jpg") #F2F5EB repeat-y top left; */
   background-image: url('/zc/img/middle-background.jpg') top left repeat-x;
   background-color: #F2F5EB;
   background: url('/zc/img/middle-background.jpg') top left repeat-x; 
 }
 .wrapper2 {
  position:relative;
  text-align:left;
  width:100%;
  /* background:url("/zc/img/right-background.jpg") repeat-y top right; */
  background-image: url('/zc/img/middle-background.jpg') top left repeat-x;
  background-color: #F2F5EB;
  background: url('/zc/img/middle-background.jpg') top left repeat-x;
}
 .TWOwrapper2 {
   bacground-image: none;
background-color: #F2F5EB;
  position:relative;
  text-align:left;
  width:100%;
margin-top: 5px;
padding-top: 10px;
 } 

  #columns p{
  margin:0px;
  padding:0px;
  } 
  #title {
   background-color:#D6E5CC;
   border-top:4px solid #E1E8DF; 
   color:black;
   font-size: 0.8em;
   padding-top:9px;
   padding-bottom:5px;
   height:100%;
   position:relative;
 }
 #title img {}
 #title a {padding:0px 10px 0px 4px; background: url('/zc/img/sipka2.gif') right 6px no-repeat; color:green; text-decoration:underline;}
 #title div { display:inline; color:green; font-weight:bold;}
 #title a.breadHome {margin:0px!important; padding:0px!important; position:absolute; height:19px; left:0px; top:0px;}

.bodyHome #title {height:19px;}
.bodyHome h1 {height:0px; overflow:hidden; font-size:0px;} /* skryti h1 tagu na titulnich stranach */
/* #title {
   height:31px;
   background-color:#D6E5CC;
   border-top:4px solid #E1E8DF; 
   color:black;
   font-size: 0.8em;
 }
 #title img{float:left;}
 #title a { margin-top:9px; padding:0px 10px 0px 4px; background: url('/zc/img/sipka2.gif') right 6px no-repeat; float:left; color:green; text-decoration:underline;}
 #title div {margin-top:9px; float:left; padding-left:10px;}
 #title a.breadHome {margin:0px!important; padding:0px!important;}*/

 #columns .middle{
   background: url('/zc/img/middle-background.jpg') top left repeat-x;
   border-top:1px solid #E2E5DC;
   padding-top:5px;
  }

 #columns .TWOmiddle {
   margin: 0px 0px 0px 183px;
  }
/* END sloupce obsahu */   
/* universalni 3 sloupce */
  .right {   width:180px;   float:right;  }
  .left {   width:180px;   float:left;  }
  .middle {   margin: 0px 0px 0px 183px;  }
/* END universalni 3 sloupce */
 
/* pata sloupcu */
 .endStrip { clear:both;  height:29px;  position:relative;  background-color: #F2F5EB; } 
 .endStrip .left { height:29px; background: #F2F5EB ; }
 .endStrip .colNoneBg {border:0px !important; }
 .endStrip .middle { height:29px; background-color: #F2F5EB; }
 .endStrip .TWOmiddle {height:29px; background: url('/zc/img/right_column_footer_23.jpg') #F2F5EB top right no-repeat; }
 .endStrip .right{ height:29px; background: url('/zc/img/right_column_footer_23.jpg') #F2F5EB top right no-repeat; border-left:3px solid #FCFDFB; }
/* end pata sloupcu */
 
 
/* pata stranky */ 
 #footer {
  position:relative;
  color:#3B884F;
  font-size:10px;
 }
 #footer p {
  margin:0px;
  padding-top:5px;
  height:60px;
 }
 #footer .left p,#footer .right p{
  padding-left:10px;
 }
 #footer .middle{
  background-color: #ffffff;
  text-align:center;
 }
 #footer .right {
  border-left:3px solid #FCFDFB;
 }
 #footer .left {
  border-right:3px solid #FCFDFB;
 }
/* end pata strany */ 
 
 
/* roztahovaci trida, sirka layoutu */ 
 .magicWidth {
  min-width:760px;
  max-width:1003px;
  width:auto;
  _width:760px;
  }
/* end roztahovaci trida, sirka layoutu */  
 
 
 
/* pomocne styly */ 
 .cleaner {
  clear:both;
  height:0px;
  _font-size:0px;
 }
/* end pomocne styly */
 
/* menu :#3B884F */
ul.menu { color:#3B884F; list-style-position:outside; margin:10px 0px 25px 10px;  list-style-type:none; padding-left:0px; _height:1%; }
ul.menu li.item { background: url('/zc/img/menu-bg-sekce-line.gif') no-repeat left bottom; padding:3px 0px 5px 0px; width:100%;}
ul.menu li.item h5 {font-weight:bold; background: url('/zc/img/menu-bg-sekce.gif') no-repeat left top; width:155px; padding:0px 0px 0px 10px; margin:0px; cursor:pointer; _cursor:hand; font-variant:small-caps;}
ul.menu li.item h5 a{color:#3B884F;}
ul.menu li.item ul.inner {margin:0px 5px 0px 15px; padding-left:0px; }
ul.menu li.item ul.inner li.subItem {list-style-type:none; padding-left:12px; background: url('/zc/img/pomlcka.gif') no-repeat left 8px;}
ul.menu li.item ul.inner li.subItem a {font-size:0.8em; color:#3B884F; padding-right:5px;}
/* end  menu */
/* sitemap  
li.item - baackground: url('/zc/img/menu-bg-sekce-line.gif') no-repeat left bottom;
*/
ul.sitemap { color:#3B884F; list-style-position:outside; margin:10px 0px 25px 10px;  list-style-type:none; padding-left:0px; _height:1%; font-size:1.3em; }
ul.sitemap li.item {padding:3px 3px 5px 3px; width:250px; float:left; baorder-top:1px dashed silver; }
ul.sitemap li.item h5 {font-weight:bold; background: url('/zc/img/menu-bg-sekce.gif') no-repeat left top; width:155px; padding:0px 0px 0px 10px; margin:0px; cursor:pointer; _cursor:hand; font-variant:small-caps; }
ul.sitemap li.item h5 a{color:#3B884F; text-decoration:underline;}
ul.sitemap li.item ul.inner {margin:0px 5px 0px 15px; padding-left:0px; border-left:1px dashed silver; }
ul.sitemap li.item ul.inner li.subItem {list-style-type:none; padding-left:12px; background: url('/zc/img/pomlcka.gif') no-repeat left 8px;}
ul.sitemap li.item ul.inner li.subItem a {font-size:0.8em; color:#3B884F; padding-right:5px; text-decoration:underline;}


.red {
    color: red;
} 
.jednoduchy_nadpis {
    font-size:1.1em;
    color: #068A87;
}
/* boxy sloupcu */
 .columnBox {
  width:180px;
  bacground-color:yellow;
  margin-bottom:5px;
 }
 .boxHeaderBg {
  background: url('/zc/img/boxHeader.gif') 0px 0px no-repeat;
  margin-top:20px;
 }
 .boxHeaderBg1 {
  background: url('/zc/img/boxHeader1.gif') 0px 0px no-repeat;
 }
 .boxHeaderBg2 {
 }

 .columnBox h3,
 .columnBoxRight h3{
  _height:30px;
  min-height:30px;
  margin:0px;
  padding: 8px 0px 0px 20px;
  font-size: 0.9em;
  font-weight:bold;
  font-famil-y: Verdana;
  color:#676866; 
 }

 .columnBox h4,
 .columnBoxRight h4{
  font-size: 0.7em;
  color:#676866;
  margin:3px 10px 0px 10px; padding:0px;
  text-align:center;
 }

 .columnBox .content, .columnBoxRight .content, .left .content, .right .content{
  padding:5px 10px 5px 10px;
  font-size:0.7em;
 }
 
.boxAktuality {font-size:0.7em; padding:0px 10px 5px 10px;}
.boxAktuality .item {margin-bottom:3px; }
.boxAktuality .item .datum{color:green;}
.boxAktuality .item h4 {font-size:1em; margin:0px; padding:0px; text-align:left;}
.boxAktuality .item h4 a{}
.boxAktuality .item h4 .anotace {}
.boxAktuality .item .more {text-align:right; padding-right:10px; background: url('/zc/img/sipka2.gif') right 5px no-repeat;}
.boxAktuality .item .more a {text-decoration:underline;}
.boxAktuality .endLink { font-weight:bold; padding-top:10px; text-align:right;}
.boxAktuality .endLink a { padding-left:15px; display: inline; background: url('/zc/img/plusSipka.gif') 0px 1px no-repeat;}

.boxKalendarium {font-size:0.7em; padding:0px 10px 5px 10px;}
.boxKalendarium .item {margin-bottom:4px;}
.boxKalendarium .item .datum {border-bottom:1px solid silver; margin-bottom:2px; font-weight:bold;}
.boxKalendarium .item .text {padding-left:5px; text-align:justify;}

.boxLinks a{ display:block; padding-left:10px; background: url('/zc/img/sipka2.gif') left 3px no-repeat;}
.boxLinks h5 {margin:3px 0px 3px 0px; padding:0px;}
.boxLinks .endLink { font-weight:bold; text-align:right; margin-top:10px;}
.boxLinks .endLink a { padding-left:15px; display: inline; background: url('/zc/img/plusSipka.gif') 0px 1px no-repeat;}
.boxLinks div {padding-left:10px;} 

.boxLeftImage {width: 180px; position:relative; background-color:#E1E8DF;margin-bottom:5px; min-height:140px;}
.boxLeftImage .leftImage {position:absolute; top:10px; left:0px; width:22px; height:116px; background:url('/zc/img/boxLeft-sipka.gif') left top no-repeat;}
.boxLeftImage .content {padding:15px 5px 5px 35px; color:green; text-align:center; font-size:0.7em;}
.boxLeftImage .href {text-align:center;padding-left:28px; padding-bottom:6px;}
.boxLeftImage .href a {display:block; text-align:center; color:white; background: url('/zc/img/buttonGreenBackground.gif') top left no-repeat; width:127px; height:16px; padding-top:1px; font-size:0.8em; }
 
.boxLeftImage .content #searchForm {margin:0px 0px 0px 4px;}
.boxLeftImage .content input#search {width:123px; height:16px; margin-bottom:10px;}
.boxLeftImage .content select.category {width:127px; height:16px; margin-bottom:10px;}
.boxLeftImage .content input#searchSubmit {width:127px; height:18px; color:white; margin-bottom:10px; border:0px; background: url('/zc/img/buttonGreenBackground.gif') top left no-repeat; padding-top:0px;}
.boxLeftImage .content .extended {margin-left:10px; text-decoration:underline}
 
.boxFlash {
 text-align:center;
 margin-top:10px; margin-bottom:10px;
}
.boxPlus {margin:3px 0px 3px 0px; padding:3px 0px 3px 0px; background-color:#E1E8DF;}
.boxPlus a {display:block; width:120px; height:36px; font-size:0.9em; line-height:0.9em; font-family:Arial; text-align:center;}
.boxPlus .yellow {background: url('/zc/img/imgBoxPlusYellow.gif') left top no-repeat; color: #5E9C5E; padding:8px 30px 0px 30px;}
.boxPlus a:hover.yellow {color:#5E9C5E; }
.boxPlus .grey {background: url('/zc/img/imgBoxPlusGrey.gif') left top no-repeat;color:#5E9C5E;  padding:8px 30px 0px 30px;}
.boxPlus a:hover.grey {color:#5E9C5E; }
.boxPlus .green {background: url('/zc/img/imgBoxPlusGreen.gif') left top no-repeat;color:#FFDA63;  padding:8px 30px 0px 30px;}
.boxPlus a:hover.green {color:#FFDA63;}
 
.boxImageMoreLink {float:right; margin-right:10px; padding-left:15px; display: block; background: url('/zc/img/plusSipka.gif') 0px 1px no-repeat; font-size:0.7em;}
.PageNavigator .boxImageMoreLink {float: left; padding-left:17px; display: block; background: url('/zc/img/plusSipka.gif') 0px 1px no-repeat; font-size:100%;}


.roundImage {width:140px; position:relative; margin: 4px 20px 7px 20px;}
.roundImage .top {position:absolute; top:0px; left:0px; width:140px; height:15px; background: url('/zc/img/imgCircleBorderTop.gif') left top no-repeat;}
.roundImage .bottom {position:absolute; bottom:0px; left:0px; width:140px; height:15px; background: url('/zc/img/imgCircleBorderBottom.gif') left bottom no-repeat;}
.roundImage  img {padding:0px; margin:0px 0px 0px 0px; border-left:2px solid #BDBFB7; border-right:2px solid #BDBFB7; width:136px;}
 
.account {background:url('/zc/img/boxAccountBackgroundMiddle.gif') repeat-y; position:relative; top:-8px; }
.account .top {width:180px; height:13px; background:url('/zc/img/boxAccountBackgroundTop.gif') no-repeat;}
.account .bottom {width:180px; height:13px; background:url('/zc/img/boxAccountBackgroundBottom.gif') left bottom no-repeat;}
.account h4 {background: url('/zc/img/boxAccountArrow.gif') no-repeat; height:15px; padding:1px 2px 1px 25px; margin:0px; font-size:0.7em;}
.account a {display:block; margin-left:30px; padding-left:10px; font-size:0.7em; background: url('/zc/img/sipka2.gif') left 3px no-repeat;}
 
td.err {position:absolute; left:-160px; bottom:0px; z-index:2000!important;}

div.webPristupySloupec{ color:green; font-size:0.8em; padding: 10px 0 0 40px;}
div.iLekarnaSloupec {font-size:0.9em; padding: 0;}
div.iLekarnaSloupec .nazev {text-align: center; font-weight: bold;}
div.iLekarnaSloupec .img {text-align: center; padding: 5px;}
div.iLekarnaSloupec .img img {border: 1px solid green;}
div.iLekarnaSloupec .cena {text-align: center; font-weight: bold; padding: 0 0 2px 0;}
div.iLekarnaSloupec .popis {text-align: center;}
div.iLekarnaSloupec .odkaz{text-align: right; font-weight: bold; padding: 5px 0 0 0;}


#documentMail {
 margin-top:20px;
 border:1px solid silver;
 background-color:#E1E8DF;
 padding-bottom:3px;
 clear:both;
}
#documentMail h3 {margin:0px 0px 3px 0px; padding:5px; background-color:#bed4ad; _height:1%; color:white;}
#documentMail table td, #documentMail table th {padding:2px 5px 2px 5px;}
#documentMail table th {font-weight:normal;}
#documentMail .buttonSubmit { margin-top:5px; padding:0 5px; color: white; background-color:#bed4ad; font-weight:bold;}


.boxImgIco img {
    position: relative;
    float: rigth;
    top: 2px;
    right: 10px;
}
 
table.filter tr td.gridcontent a.extended {padding-left: 10px; padding-right:10px; background:url('/zc/img/sipka2.gif') left 3px no-repeat;}
table.grid table td {white-space:normal;}

.hiddenBox {
    display: none;
}
 

table.main { width: 99% }
table.main tr td { padding: 3px; text-align: left; }
table.main tr.header { font-weight: bold; text-align: left; background-color: #E1E8DF; }
#dg, .grid { width: 99% }