/*--- 100matologie.cz styles by Colatch ---*/
/*--- ================================= ---*/

body {
  border: 0px;
  padding: 0px 0px 20px 0px;
  margin: 0px;
  background-color: white;
  behavior:url("/libs/hover.htc");}

.body-admin     {background: white url('/gfx/backgroud-a.gif') repeat top left;}
.body-index     {background: white url('/gfx/backgroud-i.gif') repeat top left;}
.body-pacienti  {background: white url('/gfx/backgroud-p.gif') repeat top left;}
.body-vip       {background: white url('/gfx/backgroud-v.gif') repeat top left;}
.body-odbornici {background: white url('/gfx/backgroud-o.gif') repeat top left;}
.body-klinika   {background: white url('/gfx/backgroud-k.gif') repeat top left;}
  
*, html, body, p, h1, h2, h3, span, form, input, textarea, table, table tr, table tr td, a {
  font-family: Verdana, Arial, Courier, sans-serif;}


/*-- ZÁHLAVÍ --*/
/*-- ======= --*/
.top-div {
  width: 100%;
  height: 262px;
  _overflow-y: hidden;
  text-align: center;}

.top-admin      {background: white url('/gfx/top-back-a.gif') repeat-x top left;}
.top-index      {background: white url('/gfx/top-back-i.gif') repeat-x top left;}
.top-pacienti   {background: white url('/gfx/top-back-p.gif') repeat-x top left;}
.top-vip        {background: white url('/gfx/top-back-v.gif') repeat-x top left;}
.top-odbornici  {background: white url('/gfx/top-back-o.gif') repeat-x top left;}
.top-klinika    {background: white url('/gfx/top-back-k.gif') repeat-x top left;}

#top-pic {
  width: 1002px;
  height: 262px;
  margin-left: auto;
  margin-right: auto;}


/*-- INDEXMENU --*/
/*-- ========= --*/
#indexcont {
  position: absolute;
  float: left;
  margin-top: -32px; &margin-top: 1px;
  right: 0px;}
  
#choose {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  text-decoration: underline;
  margin-left: 90px;
  top: -10px;
  clear: left;}

.indexmenu {
  width: 205px;
  height: 291px;
  float: left;}

.indexmenuitem {
  display: block;
  width: 100%;
  height: 30px;
  text-align: center;
  color: white;
  background: black url('/gfx/menu-main-black.gif') repeat-x top left;
  font-size: 15px;
  font-variant: small-caps;
  line-height: 30px;}

.indexmenuitem a {
  text-decoration: none;
  color: white;
  display: block;
  width: 100%;
  height: 100%;}

#imi-pacienti a:hover  {background: black url('/gfx/menu-main-yellow.gif') repeat-x top left;}
#imi-vipafirmy a:hover {background: black url('/gfx/menu-main-blue.gif') repeat-x top left;}
#imi-odbornici a:hover {background: black url('/gfx/menu-main-green.gif') repeat-x top left;}
#imi-klinika a:hover   {background: black url('/gfx/menu-main-red.gif') repeat-x top left;}

.indexsubmenu {
  width: 100%;
  height: 261px;
  font-size: 10xp;
  color: black;}

#ism-pacienti  {background: yellow url('/gfx/index-menu-back-p1.jpg') no-repeat top left;}
#ism-vipafirmy {background: blue url('/gfx/index-menu-back-v1.jpg') no-repeat top left;}
#ism-odbornici {background: green url('/gfx/index-menu-back-o1.jpg') no-repeat top left;}
#ism-klinika   {background: red url('/gfx/index-menu-back-k1.jpg') no-repeat top left;}

#ismul-pacienti  {background: yellow url('/gfx/index-menu-back-p2.jpg') no-repeat top left;}
#ismul-vipafirmy {background: yellow url('/gfx/index-menu-back-v2.jpg') no-repeat top left;}
#ismul-odbornici {background: yellow url('/gfx/index-menu-back-o2.jpg') no-repeat top left;}
#ismul-klinika   {background: yellow url('/gfx/index-menu-back-k2.jpg') no-repeat top left;}
#ismul-pacienti,#ismul-vipafirmy,#ismul-odbornici,#ismul-klinika   {visibility: hidden;}

.indexsubmenu ul {
  margin-top: 0px;
  margin-left: 0px;}
.indexsubmenu li {
  display: block;
  width: 100%;
  height: 24px;
  line-height: 24px;
  list-style-type: none;
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  text-align: center;
  border-bottom: none;
  margin-left: -40px;
  &margin-left: 0px;}

.indexsubmenu li a {
  display: block;
  width: 199px;
  height: 24px;
  color: black;
  text-decoration: none;}
.indexsubmenu li a:hover {
  border-left: 3px solid black;
  border-right: 3px solid black;
  text-indent: -6px; &text-indent: 0px;}
  
#ism-pacienti a:hover  {background: yellow url('/gfx/menu-p-inactive.gif') repeat-x top left;}
#ism-vipafirmy a:hover {background: blue url('/gfx/menu-v-inactive.gif') repeat-x top left;}
#ism-odbornici a:hover {background: green url('/gfx/menu-o-inactive.gif') repeat-x top left;}
#ism-klinika a:hover   {background: red url('/gfx/menu-k-inactive.gif') repeat-x top left;}

#explain {
  position: relative;
  width: 100%;
  height: 90px;
  background: #EFEFEF url('/gfx/explain-back.gif') repeat top left;
  color: black;
  font-size: 11px;
  font-style: italic;
  padding: 0px;}
#explain-motto {
  display: block;
  text-align: center;
  padding-top: 4px;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0px;
  text-decoration: underline;}
#explain-pacienti,#explain-vipafirmy,#explain-odbornici,#explain-klinika {
  width: 100%;
  visibility: hidden;
  position: absolute;
  margin: 0px;
  padding: 4px 0px; 
  left: 0px;
  top: 0px;}
#explain h1 {
  font-size: 12px;
  color: black;
  text-decoration: underline;
  border:none; margin: 0px;
  letter-spacing: 0px;
  text-align: left;}
#explain p {width: 50%; padding: 0px; text-align: justify;}
#explain h1, #explain p {margin: 0px 0px 0px 25%;}

/*-- MAIN-MENU --*/
/*-- ========= --*/

.menuobal {
  position: relative;
  top: -33px;
  right: 0px;
  width: 1002px;
  height: 30px;
  text-align: right;
  margin-left: auto;
  margin-right: auto;}  

.mainmenu {
  position: absolute;
  right: 40px;
  list-style-type: none;
  color: white;
  height: 30px;
  padding: 0px;
  border: 0px;
  margin: 0px 10px 0px 0px;
  border-right: 1px solid white;}

.mainmenu li {
  display: block;
  float: right;
  height: 30px;
  background: black url('/gfx/menu-main-black.gif') repeat-x top left;
  font-size: 15px;
  font-variant: small-caps;
  line-height: 30px;
  border-left: 1px solid white;}

.mainmenu li a {
  text-decoration: none;
  color: white;
  display: block;
  width: 100%;
  height: 100%;}

.mainmenu li a:hover {color: white;}

#menu-pacienti  {_width: 5em;}
#menu-vip       {_width: 8em;}
#menu-odbornici {_width: 11.1em;}
#menu-klinika   {_width: 5em;}

#menu-pacienti a:hover  {background: black url('/gfx/menu-main-yellow.gif') repeat-x top left;}
#menu-vip a:hover       {background: black url('/gfx/menu-main-blue.gif') repeat-x top left;}
#menu-odbornici a:hover {background: black url('/gfx/menu-main-green.gif') repeat-x top left;}
#menu-klinika a:hover   {background: black url('/gfx/menu-main-red.gif') repeat-x top left;}


/*-- HLAVNÍ TĚLO --*/
/*-- =========== --*/

.resetdiv {width: 0px; height: 0px; clear: both; &display: inline; background-color: transparent none;}

.container1 {width: 1002px; margin: 0px auto 0px auto; &overflow-y: hidden;}
.container2 {width: 964px; _width: 926px; margin: 0px 0px 0px 38px;}
.container3 {width: 926px; _width: 888px; margin: 0px 38px 0px 0px; background: white; padding: 0px 0px 20px 0px;}
.container4 {width: 867px; _width: 814px; margin-left: 53px;}
.container5 {width: 624px;}
.container6 {position: relative; width: 867px; left: -243px; _left: -245px;}

#maindiv {
  position: relative;
  float: left;
  width: 604px; _width: 599px;
  background: white;
  padding: 10px;}

#lem-admin      {border-left: 6px solid #4C7C7B;}
#lem-index      {border-left: 6px solid #DFDFDF;}
#lem-pacienti   {border-left: 6px solid yellow;}
#lem-vip        {border-left: 6px solid #002AFF;}
#lem-odbornici  {border-left: 6px solid #36FF00;}
#lem-klinika    {border-left: 6px solid #FF4C4C;}
#lem2-admin     {border-left: 243px solid #CDF3FF; _margin-right: -243px;}
#lem2-index     {border-left: 243px solid white; _margin-right: -243px;}
#lem2-pacienti  {border-left: 243px solid #FFFDDB; _margin-right: -243px;}
#lem2-vip       {border-left: 243px solid #DFE4FF; _margin-right: -243px;}
#lem2-odbornici {border-left: 243px solid #E3FFDB; _margin-right: -243px;}
#lem2-klinika   {border-left: 243px solid #FFDBDB; _margin-right: -243px;}

#border-l-admin      {background: white url('/gfx/border-left-a.gif') repeat-y top left;}
#border-r-admin      {background: white url('/gfx/border-right-a.gif') repeat-y top right;}
#border-l-index      {background: white url('/gfx/border-left-i.gif') repeat-y top left;}
#border-r-index      {background: white url('/gfx/border-right-i.gif') repeat-y top right;}
#border-l-pacienti   {background: white url('/gfx/border-left-p.gif') repeat-y top left;}
#border-r-pacienti   {background: white url('/gfx/border-right-p.gif') repeat-y top right;}
#border-l-vip        {background: white url('/gfx/border-left-v.gif') repeat-y top left;}
#border-r-vip        {background: white url('/gfx/border-right-v.gif') repeat-y top right;}
#border-l-odbornici  {background: white url('/gfx/border-left-o.gif') repeat-y top left;}
#border-r-odbornici  {background: white url('/gfx/border-right-o.gif') repeat-y top right;}
#border-l-klinika    {background: white url('/gfx/border-left-k.gif') repeat-y top left;}
#border-r-klinika    {background: white url('/gfx/border-right-k.gif') repeat-y top right;}


/*-- Vedlejší MENU --*/
/*-- ============= --*/

.submenucolumn {
  position: relative;
  width: 243px;
  float: left;
  margin: 0px 0px 0px 0px;
  _margin-left: 1px;
  padding: 0px;
  font-size: 0px;
  }

.subm-admin     {background-color: #CDF3FF;}
.subm-index     {width: 820px; font-size: 10px;}
.subm-pacienti  {background-color: #FFFDDB;}
.subm-vip       {background-color: #DFE4FF;}
.subm-odborníci {background-color: #E3FFDB;}
.subm-klinika   {background-color: #FFDBDB;}

.submenu {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  &margin-left: 0px;
  border-top: 1px solid black;}

/*-- posunutí submenu jen pro Operu --*/
@media all and (min-width: 0px){
  .submenu {
     margin-top: -2px;
  }
}

.submenu li {
  display: block;
  width: 243px;
  height: 24px;
  line-height: 24px;
  list-style-type: none;
  border-bottom: 1px solid black;
  text-indent: 13px;}

.sub-admin      {background: aquamarine url('/gfx/menu-a-inactive.gif') repeat-x top left;}
.sub-pacienti   {background: yellow url('/gfx/menu-p-inactive.gif') repeat-x top left;}
.sub-vip        {background: blue url('/gfx/menu-v-inactive.gif') repeat-x top left;}
.sub-odbornici  {background: #36FF00 url('/gfx/menu-o-inactive.gif') repeat-x top left;}
.sub-klinika    {background: red url('/gfx/menu-k-inactive.gif') repeat-x top left;}
.sub-admin a:hover      {background: aquamarine url('/gfx/menu-a-active.gif') repeat-x top left;}
.sub-pacienti a:hover   {background: yellow url('/gfx/menu-p-active.gif') repeat-x top left;}
.sub-vip a:hover        {background: blue url('/gfx/menu-v-active.gif') repeat-x top left;}
.sub-odbornici a:hover  {background: #36FF00 url('/gfx/menu-o-active.gif') repeat-x top left;}
.sub-klinika a:hover    {background: red url('/gfx/menu-k-active.gif') repeat-x top left;}

.submenu .sub-admin a:hover     {color: indigo;}
.submenu .sub-pacienti a:hover  {color: brown;}
.submenu .sub-vip a             {color: white;}
.submenu .sub-vip a:hover       {color: black;}
.submenu .sub-odbornici a:hover {color: darkgreen;}
.submenu .sub-klinika a:hover   {color: darkred;}

.submenu li a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: black;}

.submenu li a img {
  border: none;
  _display: block;
  _float: left;
  _margin-top: 5px;
  _margin-left: 6px;
  margin-bottom: -1px;
  margin-right: 13px;}

#textpodlogem {
  position: relative;
  width: 233px;
  font-size: 12px;
  color: black;
  font-style: italic;
  padding: 20px 5px 20px 5px;}
  
#textpodlogem p {text-align: left; margin-top: -20px;}

/*-- PATKY --*/
/*-- ===== --*/

.submenucolfooter {
  position: relative;
  width: 249px;
  margin: 0px 0px 0px 53px;
  _margin: 0px 10px 0px 0px;
  _border: 0px;
  _left: 53px;}

.submenucolfooter2 {
  position: relative;
  width: 604px;
  margin: 0px 0px 0px 10px;
  _margin: 0px;
  _border-left: 10px solid white;
  _left: 43px;}

.submenucolfooter, .submenucolfooter2 {
  float: left;
  height: 36px;
  text-align: center;
  font-size: 11px;
  line-height: 17px;
  color: black;
  border-bottom: 1px solid black;}

.colfooter-admin      {background: aquamarine url('/gfx/footer-a.gif') repeat-x top left;}
.colfooter-pacienti   {background: yellow url('/gfx/footer-p.gif') repeat-x top left;}
.colfooter-vip        {background: blue url('/gfx/footer-v.gif') repeat-x top left;}
.colfooter-odbornici  {background: green url('/gfx/footer-o.gif') repeat-x top left;}
.colfooter-klinika    {background: red url('/gfx/footer-k.gif') repeat-x top left;}

.footer-div {
  width: 974px;
  height: 20px;
  margin: 0px auto 0px auto;}

.footer-div-index {
  width: 100%;
  height: 36px;
  text-align: center;
  font-size: 11px;
  color: black;
  background: red url('/gfx/footer-i.gif') repeat-x top left;}

#footer-admin        {background: aquamarine url('/gfx/border-bottom-a.gif') no-repeat top left;}
#footer-index        {background: yellow url('/gfx/border-bottom-i.gif') no-repeat top left; height: 16px;}
#footer-pacienti     {background: yellow url('/gfx/border-bottom-p.gif') no-repeat top left;}
#footer-vip          {background: blue url('/gfx/border-bottom-v.gif') no-repeat top left;}
#footer-odbornici    {background: green url('/gfx/border-bottom-o.gif') no-repeat top left;}
#footer-klinika      {background: red url('/gfx/border-bottom-k.gif') no-repeat top left;}



/*-- texty / fonty --*/
/*-- ============= --*/

#maindiv *, .submenucolumn *, .submenucolfooter *, .submenucolfooter2 * {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;}

h1  {
  font-size: 22px;
  font-weight: bolder;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #111;
  border-bottom: 2px solid gray;
  margin: 10px 20px;}
  
h2  {

  font-size: 17px;
  font-variant: small-caps;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #333;
  margin: 5px 10px 10px 20px;}

h3  {
  font-size: 14px;
  font-weight: bold; 
  text-decoration: none;
  color: #444;
  margin: 5px 10px 7px 20px;}

#maindiv p, #maindiv span, #maindiv table, #maindiv ul, #maindiv ol {
  font-size: 13px;
  color: gray;
  text-align: justify;
  text-indent: 20px;
  color: #666;}

#maindiv ul {margin-top: -8px;}
#maindiv ul, li {text-indent: 0px; }
#maindiv ul, li, ul {margin-top: 0px;}

#maindiv table {margin-left: 20px;}

#maindiv table td {
  width: auto;
  text-indent: 0px;
  padding: 1px 4px;}
  


/*-- EASY GALLERY --*/
/*-- ============ --*/
.egfotka {
	position: relative;
	&width:expression(document.body.clientWidth > 780? "780px": "inherit" );
	&height:expression(document.body.clientHeight > 585? "585px": "inherit" );
	max-width: 100%;
	max-height: 585px;
	z-index: 1;}

.pomfotka {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0; left: 0;
	border: none;
	z-index: 5;}

.obalegfotky {
	width: 100%;
	height: 100%;
	text-align: center;
	background: white;}

#levapulfotka, #pravapulfotka {
	position: absolute;
	width: 50%;
	height: 100%;
	font-size: 1em;
	font-variant: small-caps;
	font-weight: bold;
	z-index: 10;
  background: transparent;}
#levapulfotka {
	top: 0; left: 0;
	text-align: center;}
#pravapulfotka {
	top: 0; right: 0;
	text-align: center;}
#levapulfotka a, #pravapulfotka a {
	display: block;
	color: black;
	height: 100%;
	width: 100%;
	text-decoration: none;}
#levapulfotka a:hover, #pravapulfotka a:hover {
	visibility: visible;}
#levapulfotka a span, #pravapulfotka a span {
  position: relative;
  top: 550px;
  z-index: 20;
  display: block;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  background: white;
  border: 1px solid black;
  padding: 2px;
  filter: alpha(opacity=50);
  opacity: 0.50;
  -moz-opacity: 0.50;
  _background: white;
  cursor: pointer;
  cursor: hand;}
  



/*-- spec.prvky --*/
/*-- ========== --*/

.teamphoto {
  width: 70px;
  float: left;
  margin: 6px 0px 0px 20px;
  border: 1px solid black;
  padding: 1px;}

#maindiv .headertargeter {
  font-size: 11px;
  text-align: center;}

#maindiv .headertargeter a, #maindiv .headertargeter a:link, #maindiv .headertargeter a:visited {
  background: none; margin: 0px; padding: 0px;}

.headertargeter {
  background: #EAEAEA;
  padding: 5px 0px 5px 0px;
  border: 1px solid black;}

.orddoba {
  margin-left: 20px;
  _margin-left: 10px;
  border: 2px solid black;
  float: left;
  border-collapse: collapse;
  table-layout: fixed;}
.orddoba td {
  border: 1px solid silver;
  text-align: left;}
.orddoba .den {
  width: 120px;
  color: black;
  background: #EAEAEA;}
.orddoba .den-od, .orddoba .den-do {width: 60px; text-align: center;}

span.mail {unicode-bidi:bidi-override; direction: rtl; position: relative; top: -1em;}
span.mail a:hover {cursor: help;}

.mapobject {
  width: 400px;
  height: 450px;
  border: 1px solid black;
  margin-left: 100px;
  overflow: hidden;}
  
.fotodiv {
  position: relative;
  width: 558px; _width: 556px;
  height: auto;
  margin: auto auto 0px 20px;
  padding: 0px;
  background: #EAEAEA;
  border: 1px solid gray;
  border-left: 3px solid black;
  border-right: 3px solid black;
  text-align: center;
  overflow: hidden;
  z-index: 1;}

.fotodiv a img {
  height: 38px;
  margin: 2px 1px -3px 1px;
  &margin: 2px 1px 2px 1px;
  padding: 0px;
  border: 1px solid gray;}

.fotodiv a:hover img {
  border: 1px solid black;
  margin: 1px 1px -2px 1px;
  &margin: 1px 1px 3px 1px;}

.fotodivtitle {
  position: relative;
  width: 100px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  left: 20px;
  top: 0px;
  padding: 0px;
  margin: 0px 0px -1px 0px;
  background: #EAEAEA;
  border: 1px solid gray;
  border-left: 3px solid black;
  border-bottom: 1px solid #EAEAEA;
  &border-bottom: 0px solid #EAEAEA;
  z-index: 10;}

#maindiv .fotodivtitle span {
  position: absolute;
  top: -1px;
  left: -2px;
  font-size: 11px;
  color: blue;
  cursor: pointer;
  cursor: hand;
  text-align: center;}

.poukazy {height: 26px; width: 46px; border: 1px solid black; margin: 0px -5px -16px 0px;}
.poukazy:hover {border: 1px solid orange;}


/*-- video --*/
#videocontainer {
  width: 520px;
  margin-left: 40px;
  border: 1px solid black;
  background: #d7d7d7;}
#videodisplay {
  width: 498px;
  height: 360px;
  margin-left: 10px;
  background: black;
  font-size: 16px;
  color: white;
  text-align: center;}
#videodisplay p {text-align: center; text-indent: 0px;}
#maindiv .videotitle {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: black;
  line-height: 20px;
  margin: 4px auto;
  text-indent: 0px;}
#playlist {
  width: 520px;
  border-top: 0px;
  background: transparent url('gfx/footer-i.gif') repeat-x bottom left;}
#playlist h1 {font-size: 14px; margin-top: 4px; margin-bottom: 0px; border: 0px; color: black; font-weight: bold; letter-spacing: 0px;}
#playlist span {
  display: block;
  position: relative;
  padding-left: 30px;
  height: 23px;
  font-size: 12px;
  line-height: 23px;
  border-bottom: 1px dotted silver;}
#maindiv #playlist span a {
  display: block;
  width: 443px;
  height: 100%;
  background: none;
  text-decoration: none;
  color: black;}
#maindiv #playlist span a:hover {background: yellow url('gfx/menu-p-inactive.gif') repeat-x top left; border: 0px solid black; color: darkred;}
#playlist span img {height: 23px; position: absolute; top: 0px; left: 20px;}



/*-- tým kliniky --*/
.teamfoto {
  width: 45px;
  border: 1px solid #333;
  margin-left: 20px;}
  
.kontaktteamu {
  position: absolute;
  width: 240px;
  height: 135px;
  bottom: 10px;
  left: 300px;
  margin-left: -120px;
  background: white;
  border: 2px solid black;
  padding: 5px;
  filter: alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  color: black;
  visibility: hidden;}
  
.kontaktteamu h1 {display: block; text-align: center; font-size: 14px; line-height: 18px; margin: 0px; color: black; text-transform: uppercase; letter-spacing: 0px; text-decoration: underline; border: none;}

.flashdivindex, .flashdivpacienti, .flashdivvip, .flashdivodb, .flashdivklinika {
  background: transparent;
  font-size: 0px;
  color: transparent;
  position: absolute;
  left: 50%;
  overflow: hidden;
  text-align: left;
  border: 0px;}

.flashdivindex {
  top: 40px;
  margin-left: 220px;
  width: 234px;
  height: 222px;}
  
.flashdivpacienti {
  top: 39px;
  margin-left: 46px;
  width: 456px;
  height: 193px;}

.flashdivvip {
  top: 39px;
  margin-left: 92px;
  width: 456px;
  height: 193px;}
  
.flashdivodb {
  top: 39px;
  margin-left: 141px;
  width: 356px;
  height: 193px;}
  
.flashdivklinika {
  top: 39px;
  margin-left: 69px;
  width: 430px;
  height: 193px;}
  
  

/*-- ceník ve stránkách --*/
/*-- ================== --*/
.cenik, .cenik-lab {
  border: 2px solid black;
  border-collapse: collapse;
  table-layout: fixed;
  margin-left: 50px;}
.cenik td, .cenik-lab td {border-bottom: 1px solid black; color: black;}
.cenikpol {width: 478px; &width: 460px; background: silver; color: black;}
.cenikcena {width: 85px;background: white; color: black;}
.cena {text-align: right;}

.cenik-lab .cenikkod {width: 45px;}
.cenik-lab .cenikpol {width: 430px; &width: 404px}


/*-- kontaktní formulář --*/
/*-- ================== --*/
#contactform, .ceniklabedit {
  width: 540px;
  margin-left: 20px;
  border: 2px solid black;
  padding: 10px;}
.ceniklabedit {&width: 556px; &margin-left: 11px;}
#contactform form {padding-left: 40px;}
#contactform form p {text-indent: 0px; padding: 0px; margin: 0px;}
#contactform legend, .ceniklabedit legend {
  display: block;
  &width: 220px;
  height: 30px;
  line-height: 30px;
  &margin: auto auto auto 165px;
  text-align: center;
  border: 2px solid black;
  padding: auto 10px;
  background: black url('/gfx/menu-main-black.gif') repeat-x top left;
  font-size: 16px;
  font-variant: small-caps;
  color: white;}
#contactform label {
  display: block;
  float: left;
  width: 180px;
  margin-right: 20px;
  color: black;}
#contactform textarea, #contactform input {
  width: 250px;
  font-size: 11px;
  color: darkblue;
  font-style: italic;
  overflow: auto;
  background: #E4E4E4;
  border: 1px dotted gray;
  margin-bottom: 4px;
  overflow: hidden;}
#contactform .povinny {background: #FAA; !important}
#contactform .button, .ceniklabedit .button {
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  font-style: normal;
  font-size: 10px;
  font-weight: bold;
  color: black;
  text-transform: uppercase;
  background: #E4E4E4;
  border: 2px solid black;}
#contactform .button:hover, .ceniklabedit .button:hover {cursor: pointer; cursor: hand; background: black; color: white;}


/*-- editace ceníku laboratoře --*/
/*-- ========================= --*/
.ceniklabedit label {
  font-weight: bold;
  font-variant: small-caps;
  text-align: center;
  background: black;
  color: white;
  text-indent: 0px;
  border: 1px solid gray;}
.ceniklabedit input {border: 1px solid black; text-indent: 0px; color: black;}
.ceniklabedit p {text-indent: 0px;}
.ceniklabedit .radekcl  {width: 30px; float: left; text-align: center;}
.ceniklabedit .kodcl    {width: 40px; float: left;}
.ceniklabedit .nazevcl  {width: 384px; float: left;}
.ceniklabedit .cenacl   {width: 60px; float: left;}
.ceniklabedit .kodcl, .ceniklabedit .nazevcl, .ceniklabedit .cenacl, .ceniklabedit .radekcl {
  float: left;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  margin: 1px 2px 0px 0px;
  padding: 0px 0px 0px 2px;}


/*-- obchod --*/
/*-- ====== --*/
.marketcont {
  width: 552px;
  padding: 11px;
  margin-left: 16px;
  text-align: center;}

.marketheader p {
  line-height: 28px;}

.marketitem {
  position: relative;
  width: 160px;
  margin: 8px;
  height: 170px;
  float: left;
  background: white;
  border: 1px solid black;
  overflow: hidden;
  text-align: center;}
.marketitem:hover {
  background: #ebebeb;
  border-color: silver;}

.marketitem a {
  background: none !important;
  margin: 0px !important;
  padding: 0px !important;
  text-decoration: none !important;
  color: black !important;}

.marketitem h1
  {font-size: 13px; font-variant: normal;
  line-height: 15px;
  height: 30px !important; overflow: hidden;
  text-align: center; text-transform: none; text-decoration: none;
  letter-spacing: 0px;
  color: black;
  border: none;
  margin: 2px 0px 6px 0px;}
  
.marketitem img {
  height: 90px;
  width: auto;
  max-width: 94%;
  display: inline;}
  
.marketitem p {
  font-size: 11px !important;
  text-indent: 0px !important;
  text-align: center !important;
  line-height: 12px; height: 24px; overflow: hidden;
  padding: 0px 6px 0px 6px;
  color: black !important;
  margin: 0px !important;}
  
.marketitem2 {
  font-size: 10px;
  line-height: 18px;
  width: 100%;
  height: 16px;
  overflow: hidden;
  border-bottom: 1px dotted gray;
  margin-bottom: 3px;}
.marketitem2 .m2title, .marketitem2 .m2desc {
  font-size: 11px !important; text-indent: 0px !important; text-align: left !important; float: left; overflow: hidden; margin: 0px;}
.marketitem2 .m2title {width: 36%; margin-right: 2%; font-weight: bold; font-variant: small-caps; color: black !important;}
.marketitem2 .m2desc {width: 62%; text-align: justify !important;}
.marketitem2 a {
  background: none !important;
  margin: 0px !important;
  padding: 0px !important;
  text-decoration: none !important;
  color: inherit !important;}
.marketitem2 a:hover span {color: red !important; cursor: pointer; _cursor: hand;}

.marketheader {border-top: 1px dotted black; border-bottom: 1px dotted black;}

#maindiv .marketheader p, #maindiv .marketheader select, #maindiv .marketheader input {
  text-indent: 0px;
  text-align: center;
  color: black;
  font-size: 11px;}
#maindiv .marketheader select, #maindiv .marketheader input {color: red;}
#orshowmany {width: 2em;}
#maindiv .marketheader button {height: 26px; line-height: 20px; cursor: pointer; cursor: hand;}

.marketdetail {width: 100%;}
.marketdetail .pict {
  display: block;
  width: 30%;
  height: 150px;
  float: left;
  margin-right: 10px !important;
  padding: 0px !important;
  background: none !important;
  border: 10px solid gray;
  text-align: center;}
.marketdetail .pict:hover {border: 10px solid silver;}
.marketdetail .pict img {height: 100%; max-width: 100%;}
.marketdetail h2 {
  font-size: 14px;
  font-variant: normal;
  text-transform: none;
  border: none;
  letter-spacing: 0px;
  text-align: left;}
#maindiv .marketdetail p {text-indent: 0px;}

/* stránovač */
#maindiv .strankovac {
  color: black;
  font-size: 11px;
  text-align: left;
  margin: 10px 0px;}
#maindiv .strankovac span {display: block; float: left; margin: 6px 1px; padding: 0px; color: black; font-size: 12px; font-weight: normal;}
#maindiv .strankovac em {display: block; float: left; margin: 6px; font-style: normal;}





/*-- odkazy --*/
/*-- ====== --*/
a img {border: none;}

#maindiv * a, #maindiv * a:link, #textpodlogem a,#textpodlogem a:link, 
.footer-div-index a, .footer-div-index a:link, .submenucolfooter a, .submenucolfooter a:link {
  color: blue;
  margin-right: 2px;
  padding-right: 14px;
  text-decoration: underline;
  background: url('/gfx/link-unvisited.gif') no-repeat top right;}
#maindiv * a:visited, #textpodlogem a:visited, .footer-div-index a:visited, .submenucolfooter a:visited {
  color: darkviolet;
  margin-right: 2px;
  padding-right: 14px;
  background: url('/gfx/link-visited.gif') no-repeat top right;}
#maindiv * a:hover, #textpodlogem a:hover, .submenucolfooter a:hover {
  color: orange;
  background: url('/gfx/link-hover.gif') no-repeat top right}
#maindiv * a.void, #maindiv * a:visited.void, #textpodlogem * a.void, #textpodlogem * a:visited.void {
  padding: 0px; margin: 0px; background-image: none;}

.submenucolfooter2 a {color: black;}

#maindiv .marketheader p a {
  border: none; background: none; text-decoration: underline; color: blue; padding: 0px; margin: 0px;}
#maindiv .marketheader p a {color: red;}
#maindiv .marketheader p a:hover {
  background: black; color: white;}


#maindiv .strankovac a {
  background: #ddd; text-decoration: none; color: black;
  padding: 1px; margin: 2px;
  display: block; position: relative; float: left;
  width: 1.4em;
  border: 1px solid gray; border-bottom: 3px solid gray;
  text-align: center;}
#maindiv .strankovac a.actpage {
  font-size: 13px; font-weight: bold;
  position: relative; top: -2px;
  border-bottom: 3px solid black !important;}
#maindiv .strankovac a:hover {
  background: black;
  color: white;}