/**
 * Design.css
 *
 * $Id: Design.css 25 2007-11-05 17:39:17Z Ondra $
 *
 * Hlavni design serveru Medicalc Exchange - pro zobrazovaci zarizeni
 *
 * @author     Ondřej Šubrt <ondrej.subrt@seznam.cz>
 * @copyright  2006 Medicalc s.r.o.
 * @version    Verze: 1.9.0
 */

/*====== ZAKLADNI PRVKY ======================================================*/
body {
  /*font-family: "Tahoma", "Verdana CE",Verdana,"Arial CE","Lucida Grande CE","Helvetica CE",Arial,lucida,sans-serif;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: center;
  color: black;
  background: #7F9EC0;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#obl-zakladni {
  text-align: left;
  width: 750px;
  margin: 0 auto;
  border: 1px solid #3770A1;
  background-color: #FFFFFF;
}

#obl-zahlavi {
  background: url(../Obrazky/Zahlavi.png) no-repeat;
  height: 77px;
}

.logo-text {
  margin: 30px 0 0 58px;
}

#obl-telo {
  padding: 0px 0px 20px 0px;
}

#obl-zapati {
  font-size: 0.65em;
  color: #8CA7C4;
  padding: 8px 20px;
}

.na-stred {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/*====== HORIZONTALNI MENU ===================================================*/
#obl-menu-hor {
  border-bottom: 1px solid #D4D9DF;
  margin: 1px;
  width: auto;
  height: 1.7em;
}

#menu-hor {
  font-size: 0.75em;
  color: #23558D;
  background: white;
  padding: 5px 10px 7px 10px;
  margin: 0;
}

#menu-hor li {
  list-style: none;
  display: inline;
}

#menu-hor a {
  text-decoration: none;
  color: #23558D;
  background: white;
  padding: 4px;
  margin: 0 4px;
}

#menu-hor a:hover {
  color: #23558D;
  border-bottom: 4px solid #7F9EC0;
}

#menu-hor a:active {
  background: white;
  color: #23558D;
}

#menu-hor a.aktivni {
  border-bottom: 4px solid #D4D9DF;
}

#menu-hor img {
  border: none;
  margin-right: 0px;
}

.menu-hor-flr {
	float: right;
	padding: 5px 20px 7px 10px;
}

.menu-hor-fll {
	float: left;	
}

/*====== MENU VERTIKALNI =====================================================*/
#obl-panel-levy {
  float: left;
  margin-top: 2em;
  padding-left: 8px;
}

.obl-menu-ver {
  background: #fcf5f1 url(../Obrazky/RamOra.gif) no-repeat right top;
  border: 1px solid #e6a080;
  width: 140px;
  color: black;
}

.menu-ver {
  font-size: 0.75em;
  margin: 0;
  padding: 5px 0 5px 25px;
}

.menu-ver ul {
  margin-left: 15px;
  padding-left: 0px;
}

.menu-ver li {
  list-style: url(../Obrazky/PuntikOra.gif);
  padding: 3px 0;
}

.menu-ver a {
  color: #23558D;
  background: #FCF8F5;
}

.menu-ver a:hover {
  text-decoration: none;
}

/*====== TEXT STRANKY ========================================================*/
#obl-text {
  padding: 0 20px;
  margin-top: 2em;
}

#obl-text-s-panelem {
  margin-top: 2em;
  margin-left: 142px;
  padding: 0 20px;
}

.fl-p {
  float: right;
}

.fl-l {
  float: left;
}

/*====== NADPISY =============================================================*/
h1 {
  font-size: 1.3em;
  color: #23558D;
  /*background: white url(../Obrazky/TeckaModr.gif) top repeat-x;*/
  padding-top: 0.8em;
  margin-top: 1em;
  font-weight: normal;
}

h2 {
  font-size: 1.3em;
  color: #E5572F;
  /*background: white url(../Obrazky/TeckaOra.gif) top repeat-x;*/
  padding-top: 0.8em;
  margin-top: 1em;
  font-weight: normal;
}

h3 {
  font-size: 1.3em;
  color: #459240;
  /*background: white url(../Obrazky/TeckaZel.gif) top repeat-x;*/
  padding-top: 0.8em;
  margin-top: 1em;
  font-weight: normal;
}

h4 {
  font-size: 1.1em;
  text-align: left;
  margin: 0 0 1em 0;
}

h5 {
  font-size: 0.75em;
  text-align: left;
  font-weight: normal;
  margin: 0;
}

h5:first-line {
  font-weight: bold;
}

p { /*font-size: inherit;*/
  font-size: 0.75em;
}

a {
  color: #23558D;
  background: transparent;
}

a:hover {
  text-decoration: none;
  border: 0px;
}

a:visited { /*color: #8CA7C4;*/ /*text-decoration: none;*/
  /*border-bottom: 1px dotted #8CA7C4;*/
  background: transparent;
}

a img {
  border: none;
}

/*====== ZPREHLEDNUJICI PRVKY - cleneni textu ================================*/
.obr-skryte {
  display: none;
}

.ram-zel {
  background: #e1f2d9;
  color: black;
  border: 1px solid #8ebc83;
  padding: 1em 1.5em;
  margin: 1em auto;
  width: auto;
}

.ram-modr {
  background: #e2f0fa;
  color: black;
  border: 1px solid #95b0ce;
  padding: 0.5em 0.8em;
  margin: 1em 0em;
  width: auto;
}

.ram-ora {
  background: #fae8e2;
  color: black;
  border: 1px solid #daa092;
  padding: 1em 1.5em;
  margin: 1em auto;
  width: auto;
}

.ram-ora-siroky {
  background: #fae8e2;
  color: black;
  border: 1px solid #daa092;
  padding: 0.5em 0.8em;
  margin: 1em auto;
  width: auto;
}

/*====== FORMULARE ===========================================================*/
.na-stred table {
  margin: 0 auto;
}

.frm-popis {
  font-size: 0.75em;
  text-align: right;
}

.frm-pole {
  text-align: left;
}

.na-stred {
  text-align: center;
  width: auto;
}

#obl-zapati a {
  color: #8CA7C4;
  background: white;
}

form {
  margin: 0px;
}

input,select,textarea {
  font-size: 0.75em;
  font-family: Arial, Helvetica, sans-serif;
}

.frm-pole-input {
  width: 10em;
}

/*======= SEKCE - cleneni textu ==============================================*/
.tbl-sekce {
  margin: 15px 15px 0px 15px;
}

.tbl-sekce td {
  padding: 0 15px 0 0;
}

.sekce-modr {
  background: #e2f0fa;
  color: black;
  border: 1px solid #95b0ce;
  padding: 0.5em 0.8em;
  margin-top: 0.8em;
  width: auto;
}

.sekce-modr-telo {
  background: white;
  border-right: 1px solid #95b0ce;
  border-bottom: 1px solid #95b0ce;
  border-left: 1px solid #95b0ce;
  padding: 1em;
  top: -1px;
  position: relative;
}

.sekce-modr-zapati {
  background-color: #e2f0fa;
  border-right: 1px solid #95b0ce;
  border-bottom: 1px solid #95b0ce;
  border-left: 1px solid #95b0ce;
  padding: 1em;
  top: -2px;
  position: relative;
}

.sekce-nahled {
  float: left;
  text-align: center;
  padding: 10px;
  margin: 4px 4px 0px 0;
  border: 1px solid #95b0ce;
  display: block;
  width: 128px;
  height: 142px;
  overflow: hidden;
  text-decoration: none;
  position: relative;
}

.sekce-nahled img.neni {
  padding: 45px 32px;
}

.sekce-nahled .obrazek {
  background-color: black;
  display: block;
  height: 128px;
  width: 128px;
  text-align: center;
  color: white;
}

.sekce-nahled .obrazek .neni {
  padding-top: 50px;
  display: block;
}

.sekce-nahled .text {
  white-space: nowrap;  
}

.sekce-nahled a {
  text-decoration: none;
}

.sekce-nahled .text a {
  text-decoration: underline;
}

.sekce-nahled .text a:hover  {
  text-decoration: none;
}

.sekce-nahled .img-load {
  position: absolute; 
  left:50px; 
  top: 68px; 
  border: 1px solid black;  
}

.sekce-nahled .img-uloz {
  position: absolute; 
  right:15px; 
  top: 113px; 
}

.sekce-nahled .img-zobr {
  position: absolute; 
  right:40px; 
  top: 113px; 
}

.sekce-nahled:hover {
  /*background-color: rgb(255,255,255);*/
}

.sekce-ora {
  background: #fae8e2;
  color: black;
  border: 1px solid #daa092;
  padding: 0.5em 0.8em;
  margin-top: 0.8em;
  width: auto;
}

.sekce-ora-telo {
  background: white;
  border-right: 1px solid #daa092;
  border-bottom: 1px solid #daa092;
  border-left: 1px solid #daa092;
  padding: 1em;
  top: -1px;
  position: relative;
}

.sekce-zel {
  background: #e1f2d9;
  color: black;
  border: 1px solid #8ebc83;
  padding: 0.5em 0.8em;
  margin-top: 0.8em;
  width: auto;
}

.sekce-zel-telo {
  background: white;
  border-right: 1px solid #8ebc83;
  border-bottom: 1px solid #8ebc83;
  border-left: 1px solid #8ebc83;
  padding: 1em;
  top: -1px;
  position: relative;
}

.sekce-zlut {
  background: #f8f1cd;
  color: black;
  border: 1px solid #dec11d;
  padding: 0.5em 0.8em;
  margin-top: 0.8em;
  width: auto;
}

.sekce-zlut-telo {
  background: white;
  border-right: 1px solid #dec11d;
  border-bottom: 1px solid #dec11d;
  border-left: 1px solid #dec11d;
  padding: 1em;
  top: -1px;
  position: relative;
}

.sekce-modr h1,.sekce-ora h1,.sekce-zel h1,.sekce-zlut h1
{
  font-size: 1.6em;
  margin: 0;
  color: black;
  padding: 0;
}

.sekce-modr-zapati h2
{
  font-size: 1.2em;
  margin: 0;
  color: black;
  padding: 0;
  font-weight: bold;
}



.tbl-vyberu-modr td {
  padding: 5px;
  border-bottom: 1px solid #f4f8fb;
}

.tbl-vyberu-modr .zahlavi {
  font-weight: bold;
  border-bottom: 1px solid #95b0ce;
}

.tbl-vyberu-modr tr:hover,.tbl-vyberu-modr .hover {
  background: #f4f8fb;
}

.tbl-vyberu-ora td {
  padding: 5px;
  border-bottom: 1px solid #faf3f1;
}

.tbl-vyberu-ora .zahlavi {
  font-weight: bold;
  border-bottom: 1px solid #daa092;
}

.tbl-vyberu-ora tr:hover,.tbl-vyberu-ora .hover {
  background: #faf3f1;
}

.tbl-vyberu-zel td {
  padding: 5px;
  border-bottom: 1px solid #f4fbf2;
}

.tbl-vyberu-zel .zahlavi {
  font-weight: bold;
  border-bottom: 1px solid #8ebc83;
}

.tbl-vyberu-zel .zvyrazneni {
  background: #e1f2d9;
  border: none;
}

.tbl-vyberu-zel tr:hover,.tbl-vyberu-zel .hover {
  background: #f4fbf2;
}

.tbl-vyberu-zlut td {
  padding: 5px;
  border-bottom: 1px solid #fbf5e6;
}

.tbl-vyberu-zlut .zahlavi {
  font-weight: bold;
  border-bottom: 1px solid #dec11d;
}

.tbl-vyberu-zlut .zvyrazneni {
  background: #fbf5e6;
}

.tbl-vyberu-zlut tr:hover,.tbl-vyberu-zlut .hover {
  background: #fbf5e6;
}

/*======= ZPRAVY =============================================================*/
#obl-zpravy {
  font-size: 0.75em;
  clear: both;
}

/*======= SEZNAM ZPRAV =======================================================*/
#obl-sez-zprav {
  font-size: 0.75em;
  clear: both;
}

#obl-sez-zprav .neprectena {
  font-weight: bold;
}

#obl-sez-zprav td {
  vertical-align: top;
}

/*======== MENU ==============================================================*/

.menu-hor-l {
  float: left;
  font-size: 0.75em;
}

.menu-hor-l img {
  border: none;
 	margin-bottom: -3px;
}

.menu-hor-l input {
	font-size: 1em;
}

.menu-hor-l .ikona {
	height: 20px;
	width: 20px;
	margin-bottom: -3px;
	border: 0;
}

.menu-hor-p {
  float: right;
  font-size: 0.75em;
}

.menu-hor-p img {
  border: none;
  vertical-align: middle;
}

.menu-hor-p ul {
	padding: 0;
	margin: 0;
}

.menu-hor-p li {
  list-style: none;
  display: inline;
  padding: 0 8px;
}

.menu-hor-c {
  text-align: center;
  font-size: 0.75em;
}

.menu-hor-c img {
  border: none;
  vertical-align: middle;
}

.menu-hor-c li {
  list-style: none;
  display: inline;
  padding: 4px 8px;
}

.menu-hor-box {
	height: 1.5em;
}

.menu-hor-box2 {
	padding: 0.5em 0 1em 0;
}

.obtek-zrus {
	clear: both;
}

.pismo-male {
	font-size: 0.75em;
}

/*======== FORMATOVANI CLANKU ================================================*/

#obl-clanek {
}

.nadpis-inline {
	display: inline;
	margin-top: 2em;
}



/*========== DIALOG BOX ======================================================*/
/*body {margin:0;   font-family: Arial, Helvetica, sans-serif; font-size:14px}*/
#content {padding:20px;}
#dialog {position:absolute; width:250px;/*425px*/ padding:0px; z-index:200; background:white}
#dialog-header {display:block; position:relative; width:236px;/*411px;*/ padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(images/dialog_close.gif) no-repeat}
#dialog-content {display:block; height:75px; padding:6px; color: black; font-size:14px; font-weight: bold;}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:black; opacity:.60; filter:alpha(opacity=60); z-index:100}
.prompt {background:#fff url(images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #95b0ce; border-top:none}
.promptheader {background:url(images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #95b0ce; border-bottom:none}