/* globals */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 100%;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	/* background-image: url("img/colors.jpg");*/
	background-repeat: no-repeat;
  /* background-position: top left; */
	background-color: rgb(246,246,246);
}
* {
	margin: 0px;
	padding: 0px;
}
div {
	margin: 0px;
	padding: 0px;
	border: none;
}

.left {
  float: left;
  text-align: left;
}

.right {
  float: right;
  text-align: right;
}

.center {
  margin: 0 auto 0 auto;
}

/* viewport */
#viewport {
	width: 879px;
	margin: 32px auto 32px auto;
	padding: 0px;
	background-color: white;
	border-left: 4px rgb(255,255,255) solid;
	border-right: 4px rgb(255,255,255) solid;
	border-top: 4px rgb(255,255,255) solid;
	border-bottom: 4px rgb(255,255,255) solid;
}

/* header */
#head1 {
  width: 879px;
  height: 32px;
}

#headlogo {
  border: none;
  width: 358px;
  height: 32px
  margin: 0;
  padding: 0;
}

#headlogo a, #headlogo a:link, #headlogo a:visited,#headlogo a:hover {
  text-decoration: none;
  border: none;
} 

#head1left {
  float: left;
  width: 358px;
  height: 32px;
  margin: 0;
  padding: 0;
}

#head1right {
  float: left;
  width: 521px;
  height: 32px;
  background-image: url(img/angiologie-top.jpg);
  clear: right;
}

#head2 {
  width: 879px;
  height: 144px;
  margin: 0;
  padding: 0;
  background-image: url(img/angiologie-head2b.jpg);
  background-position: center center;
  clear: both;
}

#head2left {
  float: left;
  width: 216px;
  height: 144px;
  margin: 0;
  padding: 0;
  background-image: url(img/angiologie-head2l.jpg);
}

#head2right {
  float: left;
  width: 654px;
  height: 144px;
  clear: right;
}

/* top menu */

#topmenu {
  width: 879px;
  height: 24px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-top: 2px solid rgb(255,255,255);
  background-image: url(img/menu-horizontal-bkg.gif);
  background-repeat: repeat-x;
  clear:left;
}

#topmenu ul {
  padding: 0 0;
  margin: 0;
  list-style-type: none;
  color: rgb(255,255,255);
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
}

#topmenu li { 
  display: inline;
  line-height: 22px; 
  margin:0;
  padding:0;
}

#topmenu li a, #topmenu li a:visited, #topmenu li a:link
{
  float:left;
  margin:0 0 0 0;
  height:24px;
  text-decoration: none;
  padding:0px 10px 0px 10px;
  border-right: 2px solid rgb(245,245,245);
  color: rgb(255,255,255);
}

/* a#active, a#active:hover .... aktivni volba*/

#topmenu li a:hover, #topmenu a#active:hover 
{
  color: rgb(3,41,126);
  /* color: rgb(33,81,166); */
}

#topmenu a#active 
{
  /* color: rgb(50,50,50); */
  color: rgb(255,255,255);
  margin:0px 0 0 0;
  text-decoration: none;
  padding:0px 10px 0px 10px;
  /* padding: 3px 10px 4px 10px; */
  height:24px;
  background-image: url(img/menu-horizontal-inv.gif);
  background-repeat: repeat-x;
}

/* submenu */

#submenu {
  width: 879px;
  /* height: 20px; */
  margin: 0; /*auto 0 auto;*/
  padding: 0 0 0px 0;
/*  border-bottom: 2px solid rgb(73,109,171);*/
  border-top: 2px solid rgb(254,254,254);
/*  background-color: rgb(83,119,181); */
  background-color: rgb(231,231,231);/* rgb(255,255,255); */
/*  background-image: url(img/smenu-bkg.gif); /* smenu-horizontal.gif  nebo horizontal-inv.gif */
/*  background-repeat: repeat; */ 
  clear:left;
}

#submenu ul {
  width: 100%; /* 879px; */
/*  border-bottom: 2px solid rgb(73,109,171);
  border-top: 2px solid rgb(245,245,245);/* rgb(103,139,201); */
  /* border-right: 2px solid rgb(245,245,245); */ 
  
  padding: 0 0;
  margin: 0;
  list-style-type: none;
  color: rgb(255,255,255);
  font-weight: normal;
  font-size: 90%;
  letter-spacing: 2px;
  text-align: center;
}

#submenu li { 
  
  display: inline;
  line-height: 22px; 
  margin:0;
  padding:0;
}

#submenu li a, #submenu li a:visited, #submenu li a:link
{
  float:left;
  height: 22 px;
  margin:0 0 0 0;
  text-decoration: none;
  padding: 0px 9px;
  color: rgb(255,255,255);
  border-right: 1px solid rgb(245,245,245);
  border-bottom: 1px solid rgb(245,245,245);
/*  background-color: rgb(83,119,181); stary*/
  background-color: rgb(93,129,191);
/*  background-color: red; */
}

/* a#active, a#active:hover .... aktivni volba*/

#submenu li a:hover, #submenu a#sactive:hover 
{
  color: rgb(254,254,254);
  background-color: rgb(63,99,161);
}

#submenu a#sactive 
{
  color: rgb(10,10,10);
  background-color: rgb(113,149,211);
}

#hbar {
  width: 879px;
  height: 22px;
  margin: 2px auto 3px auto;
  padding: 0;
  /* border-top: 3px solid rgb(255,255,255); */
  background: url(img/horizontal-bar.jpg) rgb(244,244,244) no-repeat center top;
  clear: both;
}

#main {
  width: 879px;
  background-color: rgb(254,254,254);
  margin: 0px 0 0 0;
  padding: 0;
}

#rightpanel {
  float: left;
  width: 216px;
  /* height: 100px; odstranit */
  margin: 0px 0 0 0;
  padding: 10px 0 0px 0;
/*  border-top: 4px solid rgb(235,235,235);
/*  background-color: rgb(225,225,225); */
  text-align: center;
}

#rightpanel img {
  border: none;
  /* border: 1px solid grey; */
}

#rightpanel a {
  display:block;
  border:none;
  text-decoration: none;
  margin: 0;
  padding: 0;
/*  border: 1px solid grey; */
}

#rightpanel a:hover {
  border:none;
  text-decoration: none;
/*  border: 1px solid grey; */
}

#pres {
  float:left;
  width:659px; /*663*/
  padding: 0 4px 0 0;
  border: none;
  clear: right;
}

#pres mapa {
  padding: 6px;
}


#angio {
    margin:0;
    padding: 2px 0 2px 0;
    background-color: rgb(240,240,240);
}


#pres h1 {
/*
  font-size: 120%;
  margin: 6px 0 0 0;
  padding: 6px 6px 4px 6px;
  letter-spacing: 1px;
*/
  color: rgb(255,255,255);
  background-color: rgb(33,81,166);
  line-height: 12px;
  font-weight: bold;
  margin: 2px 0 0 0;
  padding: 4px 12px 4px 12px;
  font-size: 13px;  
  letter-spacing: 1px;
}


#pres h2 {
  font-size: 105%;
  margin: 4px 0 0 0;
  padding: 6px 12px 4px 12px;
  letter-spacing: 1px;
  color:rgb(23,71,156);
  text-decoration: underline;
}


#pres h3 {
  font-size: 100%;
  margin: 4px 0 0 0;
  padding: 6px 12px 4px 12px;
  letter-spacing: 1px;
  color: rgb(0,0,20);
}

#pres ul {
  margin: 6px 20px 0 20px;
  padding: 6px 6px 4px 6px;
  color:rgb(23,71,156);
  letter-spacing: 1px;
}

#pres ul li {
  padding: 0 0 0 10px;
  list-style: square outside;
}

#pres p {
  font-size: 100%;
  margin: 0;
  padding: 6px 12px 6px 12px;
  letter-spacing: 1px;
}

#pres table {
  font-size: 100%;
  width: 480px; 
  letter-spacing: 1px;
  border-spacing: 0px;
  *border-collapse: expression('separate', cellSpacing = '0px');
}

#pres td {
  padding:0px 8px 0px 8px;
  line-height: 30px;
}

.odd {
  background-color: #ffffff; /* rgb(196,227,232); /* 91,131,182*/
}

.even {
  background-image: url(img/table-azur.gif);
  background-repeat: repeat-x;
}

#pres p.grey {
  /* margin: 6px; */ 
  margin: 6px 10px 6px 10px;
  background-color: rgb(220,220,220);
}

#pres p.lightgrey {
  /* margin: 6px; */ 
  margin: 6px 10px 6px 10px;
  background-color: rgb(240,240,240);
}


#pres a {
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 18px; /* 0 */
  letter-spacing: 1px;
  color: rgb(23,71,156);
  text-decoration: underline;
  
  background-image: url(favicon.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#pres a:hover {
  color:rgb(5,51,126);
  text-decoration: underline;
}

#pres a.boxed, #mail_butt {
  float: left;
  display: block;
  width: 195px;
  /* border: 2px solid rgb(23,71,156); */
  padding: 2px; 
  margin: 0 8px 0 0;
  background-color: rgb(153,189,251);
  text-align: center;
  text-decoration: none;
  border: none;
  background-image: url(none);
}

#pres img {
  margin: 6px 0px 6px 12px;
} 

.ptable {
  width:580px;
  margin: 6px 6px 6px 6px;
  /* padding: 6px 8px 6px 8px; */
}

.divlightgrey {
  margin:12px;
  width:613px;
  background-color: rgb(237,237,237);
}

#desc h1 {
    background-color: rgb(254,254,254);
    color: rgb(70,77,70);
}

#news {
/*  margin: 42px 8px 32px 8px; */
  float:left;
  width: 660px;
  margin: 0 0 12px 0;
  padding: 0px 0 0 0;
  background-color: rgb(196,227,232);
  border-top: 1px solid rgb(255,255,255);
  /*border-bottom: 3px solid rgb(33,148,166);*/
  /*border: 1px solid green;*/
  clear: both;
}

#news h1 {
    color: rgb(255,255,255);
    background-color: rgb(33,148,166);
    line-height: 12px;
    font-weight: bold;
    margin-top: 4px;
    padding: 4px 0 4px 16px;
    font-size: 13px;
}

#news h2 {
    color: rgb(33,148,166);
    padding-left: 16px; 
}

#news p {
    border-bottom: 2px dotted rgb(33,148,166);
    padding: 2px 0px 4px 0px;
    margin: 8px 16px 12px 16px;  /*8*/
}

#hodiny {
/*  margin: 42px 8px 32px 8px; */
  float:left;
  width: auto;
  margin: 24px 0 24px 8px;
  padding: 0;
  background-color: rgb(196,227,232); /*rgb(158,208,215); */
  border-top: 1px solid rgb(255,255,255);
  /*border: 1px solid green;*/
}

#hodiny h1 {
    color: rgb(255,255,255);
    background-color: rgb(33,148,166);
    margin-top: 4px; 
}

#mapa {
  font-size: 100%;
  padding: 0;
  margin: 6px 8px 6px 10px;
  letter-spacing: 1px;
  width:635px;
  height:350px; 
  border: 2px rgb(91,131,182) solid;
}

.mail_form {
  	font-family: Arial, "Arial CE", "Helvetica CE", sans-serif;
  	font-size: 12px;
}

.mail_form fieldset {
  margin:12px;
  width:603px;
  padding: 0 4px 4px 4px;
  border: 2px solid rgb(153,189,251);
  
}

.mail_form fieldset legend {
  width:613px;
  border: none;
  padding: 4px 8px 4px 8px;
  letter-spacing: 1px;
  font-weight: bold;
  color:rgb(133,169,231);
}

.mail_form input {
  border: 1px rgb(153,189,251) solid;
  padding: 2px;
/*  background-color: rgb(200,251,251); */
  color: rgb(0,0,0);
  background-color: rgb(210,230,255);
  font-family: Arial, "Arial CE", "Helvetica CE", sans-serif;
  font-size: 12px;
/*  width: 300px; */
  letter-spacing: 1px;
}

.mail_form select {
  border: 1px rgb(153,189,251) solid;
  padding: 2px;
/*  background-color: rgb(200,251,251); */
  color: rgb(0,0,0);
  background-color: rgb(210,230,255);
  font-family: Arial, "Arial CE", "Helvetica CE", sans-serif;
  font-size: 12px;
  width: 400px;
  letter-spacing: 1px;
}

#f_byl {
  width: 60px;
} 

.mail_form textarea  {
  border: 1px rgb(153,189,251) solid;
  padding: 2px;
/*  background-color: rgb(200,251,251); */
  color: rgb(0,0,0);
  background-color: rgb(210,230,255);  
  font-family: Arial, "Arial CE", "Helvetica CE", sans-serif;
  font-size: 12px;
  width: 600px;
  letter-spacing: 1px;
}

.mail_form .checkbox {
  padding: 2px 2px 0 2px;
  margin: 0 0 0 0;
}

.mail_form label {
/*  padding: 2px; */
  margin: 0 12px 0px 0;
}


/* footer */
#footer {
  background-color: rgb(91,131,182);
  padding: 12px;
  border-top: 4px solid rgb(33,81,166);
  border-bottom: 4px solid rgb(226,226,226);
  color: rgb(255,255,255);
}

#footer p {
  margin: 0px 6px;
  font-size: 11px;
}

#footer ul {
  margin: 6px;
  font-size: 11px;
  list-style: square inside;
}

#copyright {
  font-size: 10px;
  color: rgb(200,200,200);
}

#copyright a {
  color: rgb(180,180,180);
  text-decoration: none;
}

#copyright a:hover {
  color: rgb(33,81,166);
  text-decoration: none;
}