html, body {margin: 0; padding: 0}
html {color: #999; background: #FFF url('./images/menu-down-back.gif') 193px 0 repeat-y}
body {background: transparent url('./images/background.gif') top left repeat-x; font-family: Arial, Verdana, 'Arial CE', Helvetica, sans-serif}
h1 {margin: 0; padding: 0}
a {color: #999; background: inherit; text-decoration: underline}
a:hover {color: #666; background: inherit; text-decoration: none}
#center {min-width: 1100px; max-width: 100%;
width:expression(document.body.clientWidth < 1120? "1100px": "auto" );
background: transparent url('./images/background.gif') top left repeat-x}
#centerInner {margin-right: 137px; margin-left: 197px; color: #999; background: #FFF url('./images/main-right-back.gif') top right repeat-y}
#centerInner2 {background: url('./images/main-right.gif') top right no-repeat; padding: 0 17px 0 9px}
#head {width: 100%; height: 188px; background: url('./images/main-top-bg.gif') top left repeat-x}
#headPicture {width: 100%; height: 100%; background: url('./images/main-picture.jpg') top right no-repeat; position: relative}
#searchBar {position: absolute; top: 10px}
#searchBar p {margin: 0; padding: 0; font-size: 11px}
#searchBar a {color: #999; background: #FFF; text-decoration: none}
#searchBar a:hover {color: #666; background: #FFF; text-decoration: underline}
#searchBar form {margin: 0; padding: 5px 0 0}
#searchBar input {font-size: 11px; font-family: Arial, Verdana, 'Arial CE', Helvetica, sans-serif}
#searchBar input.text {border: none; padding: 2px; background: #E5E5E5; color: #777}
#searchBar input.submit {border: 1px solid #D3D3D3; background: #FFF; color: #999}


#flashMedicina {width: 241px; height: 86px; position: absolute; top: 80px; left: 0; z-index: 66}
#headTitle {margin: 16px 0 0 30px; width: 240px; height: 45px; }
/*background: transparent url('./images/main-title.gif') 0 0 no-repeat}*/
#headTitle.alone {position: absolute; top: 80px; left: 10px; width: 184px; height: 45px}
#headTitle h2 {font-size:20px; padding-left: 18px; line-height:130%; color: white;font-weight:normal;}

#flash {position: absolute; top: 0; right: 0; width: 425px; height: 190px}
#flash object {position: relative}
#flash div {width: 425px; height: 190px; background: url('./images/main-picture.jpg') top right no-repeat}

#content {position: relative}
#mainLeft {border: 1px solid #D3D3D3; margin-right: 175px; padding: 20px 18px 0 17px; min-height: 907px !important; height: auto !important; _height: 907px !important; }
.leftBlock {padding-bottom: 14px; margin-bottom: 12px; background: transparent url('./images/block-bottom.gif') left bottom repeat-x}
.leftBlock div.specialTitle {width: 100%; height: 48px; margin-bottom: 20px; margin-bottom: 15px; background: transparent url('./images/content-title.gif') 0 100% no-repeat}
.leftBlock div.specialTitle h3 {display: none}
.photo {float: left; border: 1px solid #D3D3D3; padding: 2px; margin-right: 19px}
.photo img {margin: 0; padding: 0; float: left}
.leftBlock p {margin: 0; padding: 0; font-size: 11px; color: #373737;}
.leftBlock hr {visibility: hidden; clear: both}
.leftBlock.last {background: none}

.leftBlock {font-size: 11px}
.leftBlock h3 {font-size: 11px}
.line {width: 100%; height: 1px; font-size: 1%; line-height: 1%; border-top: 1px solid #D3D3D3; clear: both; margin-bottom: 8px}

.blockRight {border-left: 1px solid #D3D3D3}
.blockLeft, .blockRight {float: left; width: 49%; font-size: 11px; color: #5F5F5F;}
.blockLeft h3, .blockRight h3 {font-size: 11px}
.blockLeft a, .blockRight a {color: #5F5F5F; }
.blockLeftInner {padding-right: 18px}
.blockRightInner {padding-left: 18px}
h3.red {display: inline; color: #FE0000;}
h3.blue {display: block; color: #0096DC; margin: 0 0 6px 0}
h3.blue a {color: #0096DC; text-decoration: none}
h3.blue a:hover {color: #0096DC; text-decoration: underline}
.h3Down {margin: 0 0 4px 0}
.leftBlock.last hr {display: none}
a.bold {font-weight: bold}

.anketaInner {margin-top: 8px;line-height:165%}
.anketaInner strong {width: 50px; float: left;}
.anketaInner i {display: none;}
.anketaInner span {font-size: 1px; display: block; float: left; clear: right; height: 6px; margin-top: 6px; color: #333; background: #7BBDED}
p.icon {padding-left: 16px; background: transparent url('./images/ico.gif') 0 0 no-repeat}
p.icon a.moreinfo {
	display: block;
	text-align: right;
	font-weight: bold;
	background: none;
}
.clear {clear: both; height: 8px; line-height: 1px; font-size: 1px}

#mainRight {position: absolute; top: 0; right: 0 !important; right: 154px; width: 175px}
.rin {margin: 0 0 4px 4px; border: 1px solid #D3D3D3; padding: 3px;}


.rightZero {  background: #3E9CE2; color: #333; font-size: 11px; font-weight: bold; width: 100% }
.rightZero div {width: 100%; height: 32px; background: transparent url('./images/header_kariera.gif') 50% 100% no-repeat}
.rightZero div h3 {display: none}
.rightZero ul {list-style: none; margin: 0; padding: 4px 13px 6px 13px}
.rightZero li {padding: 3px 0 3px 8px; background: transparent url('./images/list1-dot.gif') 0 10px no-repeat}
.rightZero a {color: #FFF; background: inherit; text-decoration: none}
.rightZero a:hover {color: #FFF;}
.rightZero a:hover {text-decoration: underline}
.rightZero .rightZero a:hover {text-decoration: underline}
.rightZero .list li a {color: #FFF; background: #3E9CE2}

/* Right First */
.rightFirst {  background: #7BBDED; color: #333; font-size: 11px; font-weight: bold; width: 100% }
.rightFirst div {width: 100%; height: 32px; background: transparent url('./images/zajimave_odkazy_modre.gif') 50% 100% no-repeat}
.rightFirst div h3 {display: none}
.rightFirst ul {list-style: none; margin: 0; padding: 4px 13px 6px 13px}
.rightFirst li {padding: 3px 0 3px 8px; background: transparent url('./images/list1-dot.gif') 0 10px no-repeat}
.rightFirst a {color: #FFF; background: inherit; text-decoration: none}
.rightFirst a:hover {color: #FFF; background: #7BBDED}
.rightFirst a:hover {text-decoration: underline}
.rightFirst .list1 li a {color: #FFF; background: #7BBDED}
.rightFirst .list2 {background: #B0D7F4; color: #FFF}
.rightFirst .list2 li {background: transparent url('./images/list2-dot.gif') 0 50% no-repeat}
.rightFirst .list2 li a {color: #1E80C9; background: #B0D7F4}
.rightFirst .list2 li a:hover {color: #1E80C9; background: #B0D7F4}

/* Right Second*/
/*.rightSecondS { background: #7BBDED; margin: 3px }*/
.rightSecond {background-color: #1D80C9 ; width: 100%}
.rightSecond div {width: 100%; height: 32px; background: transparent url('./images/kontrastnejsi-text.gif') 50% 100% no-repeat}
.rightSecond div h3 {display: none}
.rightSecond span {display: block; padding: 12px 12px 15px; margin: 0;color: #FFF; font-weight: bold; font-size: 11px;}
.rightSecond span:hover {text-decoration: underline}
#foot {width: 100%; clear: both; background: #F3F3F3; margin-top: 4px; color: #0096DC; font-size: 11px; color: #999}
#foot a {color: #999; background: #F3F3F3; text-decoration: none}
#foot a:hover {color: #666; background: #F3F3F3; text-decoration: underline}
#foot ul {list-style: none; margin: 0; padding: 0 15px 0 15px}
#foot li {float: left; display: block; padding: 15px 10px 15px 0; margin-right: 10px; background: transparent url('./images/foot-dot.gif') 100% 50% no-repeat}
#foot li.last {padding-right: 0; margin-right: 0; background: none}
#foot li.clear {float: none; clear: both; padding: 0; margin: 0; height: 1px; font-size: 1px; line-height: 1px; background: none}
#foot li.clear a {display: none}

#panelTop {border: 1px solid #D3D3D3; margin: 4px 0; padding: 3px; font-size: 11px; color: #999}
#panelTop a {color: #999; text-decoration: none}
#panelTop a:hover {color: #666; text-decoration: underline}


#menu {position: relative; z-index: 50; width: 100%; background: #666; color: #FFF; border-top: 1px solid #FFF; padding: 13px 0}
#menu ul {list-style: none; margin: 0; padding: 0 15px}
#menu li {float: left; padding: 0 12px 0 0; background: transparent url('./images/main-menu-dot.gif') 100% 50% no-repeat; font-size: 11px; margin-right: 10px}
#menu li a {display: block; color: #FFF; background: transparent; text-decoration: none}
#menu li a:hover {color: #EEE; text-decoration: underline}
#menu li.clear {float: none; clear: both; width: 100%; height: 1px; font-size: 1px; line-height: 1px; background: none; z-index: -1; padding: 0; margin: 0}
#menu li.clear a {display: none}
#menu li.last {background: none; padding: 0; margin-right: 0}
#menu li {position: relative}
#menu li ul {display: none; position: absolute; top: 14px; left: -16px; background: #CCC; color: #FFF; border: 1px solid #FFF; border-bottom: none; width: 150px; margin: 0; padding: 0}
#menu li ul li { width: 100%; margin: 0; padding: 0; background: #F00; border-bottom: 1px solid #FFF}
#menu li ul li a {display: block; background: #999; color: #FFF; padding: 0 10px 0 10px; /*width: 100%; */min-height: 20px; height: auto !important; height: 20px; line-height: 20px}
#menu li ul li a:hover {background: #666; color: #FFF}

#menu li ul li ul {display: none; top: 5px; left: 140px; z-index: 10}
#menu li ul li ul li ul {display: none; top: 5px; left: 140px; z-index: 20}

#menu li:hover ul,
#menu li.over ul  { display: block }

#left {position: absolute; width: 197px; border-top: 7px solid #999; float: left; background: #FFF url('./images/menu-right.gif') top right no-repeat}
#logo {margin: 55px 20px 16px 99px; width: 73px; height: 64px}
#logo h1   { display: inline; font-size: 10%}
#logo a    { display: block; width: 73px; height: 64px; position: relative}
#logo span { display: block; width: 73px; height: 64px; position: absolute; left: 0; top: 0; z-index: 6; background: url('./images/ikem-logo.gif') 0 0 no-repeat; cursor: pointer}
#left ul {margin: 0; padding: 0; list-style: none; width: 100%}
#left div#leftmenu ul li a
{
  color: #FFF;
  text-decoration: none;
}
#left div#leftmenu ul li a:hover
{
  text-decoration: underline
}
#left div#leftmenu ul li {font-size: 11px; color: #FFF; font-weight: bold}
#left div#leftmenu ul li strong {display: block; padding: 0px 13px 0px 13px; line-height: 180%; float: left}
.red1, .red2 {display: block; width: 100%; height: 100%; float: left}
.strongclear {display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px}
#left div#leftmenu ul li.red span.red1 {background: url('./images/menu-red-top.gif') top left repeat-x}
#left div#leftmenu ul li.red span.red2 {background: url('./images/menu-red-topr.gif') top right no-repeat}
#left div#leftmenu ul li.red {background: #E66E68 url('./images/menu-red-right.gif') top right repeat-y}
#left div#leftmenu ul li.yellow {background: #FFC551 url('./images/menu-yellow-right.gif') top right repeat-y}
#left div#leftmenu ul li.green {background: #8BBE21 url('./images/menu-green-right.gif') top right repeat-y}
#left div#leftmenu ul li.orange {background: #F8975C url('./images/menu-orange-right.gif') top right repeat-y}
#left div#leftmenu ul li.blue {background: #7BBDED url('./images/menu-blue-right.gif') top right repeat-y}
#left div#leftmenu ul li ul {background: #FFF url('./images/menu-in-back-out.gif') top right repeat-y; padding: 1px 0}
#left div#leftmenu ul li ul li {font-size: 11px !important; font-size: 1px; line-height: 120% !important; line-height: 1px; font-weight: normal; color: #333; padding: 5px 3px 0 13px;
background: #E5E5E5 url('./images/menu-in-back-in.gif') top right repeat-y}
#left div#leftmenu ul li ul li a {
  font-size: 11px;
  line-height: 120%;
  color: #333;
  display: block;
  padding: 0 0 5px 7px;
  background: transparent url('./images/menu-dot.gif') 0 1px no-repeat;
  text-decoration: none;
}
#left div#leftmenu ul li ul li a:hover {
  color: #666;
  text-decoration: underline;
}
#left div#leftmenu ul li ul li ul {
  background: transparent url('./images/menu-border-bottom.gif') bottom left no-repeat;
  border: none;
  padding-bottom: 6px;
}
#left div#leftmenu ul li ul li ul li {
  background: none;
  border: none;
}
#left div#leftmenu ul li ul li ul li a {
  color: #333;
}
#left div#leftmenu ul li ul li.first {padding-top: 6px}
#left div#leftmenu ul li ul li span {display: block; background: transparent url('./images/menu-border-bottom.gif') bottom left no-repeat}
#left div#leftmenu ul li ul li.last span {background: none}
#left div#leftmenu ul li ul.last {padding-bottom: 0}

#leftmenu .flag {
	border: none;
	width: 22px;
	height: 15px;
	vertical-align: top;
}


li.current a {
 color: #0097DD !important;
}
.blue {color: #0096DC;}
span.menuitem {
	white-space: nowrap;
}
.nobr, .nowrap {
	white-space: nowrap;
}

div#switch-language{ 
	margin: 10px 2px;
}
div#switch-language ul li { 
	display: block; 
	display: inline;

}
div#switch-language li a { 
	padding: 0 3px 0 22px; 
	text-decoration: none;
	color: black;
}
div#switch-language li a:hover { 
	text-decoration: underline;
	color: red;
}

#switch-language .lang a {
	background-repeat: no-repeat;
	font-size: 10px;
}
#switch-language a.active, #panelTop a.active {
 color: #0097DD;
}
#panelTop a.active {
	font-weight: bold;
}
#switch-language li a:hover {
 color: #0097DD !important;
}
#switch-language .lang-cs a {
	background-image: url(cs_flag.png);
}
#switch-language .lang-en a {
	background-image: url(en_flag.png);
}
#switch-language .lang-ru a {
	background-image: url(ru_flag.png);
}
#switch-language .lang-hu a {
	background-image: url(hu_flag.png);
}
#switch-language .lang-cs a.active {
	background-image: url(cs_flag_active.png);
}
#switch-language .lang-cz a.active {
	background-image: url(cs_flag_active.png);
}
#switch-language .lang-en a.active {
	background-image: url(en_flag_active.png);
}
#switch-language .lang-hu a.active {
	background-image: url(hu_flag_active.png);
}
#switch-language .lang-ru a.active {
	background-image: url(ru_flag_active.png);
}

div.warning, div.info {
    background-repeat: no-repeat;
    background-position: 4px center;
    padding: 5px 40px;
    color: white;
    font-size: 16px;
}
div.warning {
    background-image: url(exmark-icon.gif);
    background-color: #6A2E50;
}

div.info {
    background-image: url(info-icon.gif);
    background-color: #1E4586;
}



@media print {
#left,#mainRight,#head,#menu,#panelTop, #foot {
display: none;
}
html, body, #center, #centerInner, #centerInner2 {
background: none;
}
#center, #centerInner, #centerInner,#mainLeft {
	margin:0px;
	border:none;
	width:auto;
}
}


div.ml h1 {
    color: #0096DC;
    font-size: 14pt;
}
div.ml h2, div.ml h3, div.ml h4 {
    color: red;
    font-size: 12pt;
    font-weight: bold;
}
div.ml h4 {
    font-size: 10pt;
    margin-bottom: 0;
}
div.ml h3:before {
    content: "⇒ ";
}
div.ml p {
    margin: 0 0 1ex;
}
div.ml ol li, div.ml ul li {
    padding-bottom: .8ex;
    
}
div.ml ol, div.ml ul {
    padding-left: 3ex;
}
div.ml ol.apar {
    counter-reset: ap;
    padding-left: 0px;
}
div.ml ol.apar > li {
    margin-left: 0px;
    list-style-type: none;
    padding-bottom: 1ex;
}
div.ml ol.apar > li:before {
    counter-increment: ap;
    content: counter(ap, lower-latin) ") ";
}
div.ml ul.zajmy {
    padding-left: .5ex;
    
}
div.ml ul.zajmy > li {
    list-style: none;
}
div.ml ul.zajmy li:before {
    content: "⇒ ";
    font-weight: bold;
    padding-right: .5ex;
}
div.ml img.pracoviste {
	text-align: center;
	display: block;
	margin-left: 50px;
	margin-top: 30px;
}
a.www_site {
	font-weight: bold;
	font-size: 12px;
}

#ikem_contacts td, #ikem_contacts th, #ikem_address {
    font-weight: bold;
    color: #0096DC;
}
.forms .nazev {
    font-weight: bold;
}
.forms li {
    margin-bottom: .8ex;
}

.forms a.version { 
	padding: 0 3ex 0 22px;
        background-repeat: no-repeat;
	
}
.forms a.en {
	background-image: url(en_flag.png);
}
.forms a.ru {
	background-image: url(ru_flag.png);
}
ul.nomarks , ol.nomarks {
	list-style: none;
}