/* ===================== ZAKLADNI HTML PRVKY */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	
}

body {
	font: 0.8em Verdana, Arial,"Geneva CE",lucida,sans-serif;
	background: #fff;
	color: #000;
	text-align: center; /* IE hack */
	min-width: 760px;
	background: #cce2ff /*url("../img/design/frame2.gif") repeat-y center*/;
}

html>body {
	font-size: small;
}

img {
	margin: 0;
	border: none;
}

a {
	color: #00B0F0;
	text-decoration: none;
	font-weight: bold;
}
	
a:visited {
	color: #00B0F0;
}
	
a:hover {
	color: #cc0033;
}
	
address {
	font-weight: bold;
	margin: 20px 0;
}
	
h1, h2, h3, h4, h5, h6 {
	color: #0066cc;
	margin: 0;
}


h1 {
	font-size: 200%;
}

h6 {
	font-size: 160%;
	font-weight: bold;
}

.moto  {
	margin-top: 0;
	font-style: italic;
	color: #99ccff;
	margin: 5px 0 10px 0;
	font-size: 120%;
}
	
p:hover {
	color: #0066cc;
}

/* ===================== LAYOUT */

#main {
 	width: 770px;
	margin: 0 auto;
	text-align: left;
 	background-color: white;
	min-height: 100%;
	height: 100%;
	position: relative;
	background: url("../img/design/frame2.gif") repeat-y center;
}
 
body>#main {
 	height: auto;
}

#header {
 	color: #fff;
	/*border-bottom: 4px solid #99ccff;*/
	background-color: #fff;
	width: 770px;
	height: 202px;
	background-image: url(img/design/header.jpg);
	background-repeat: no-repeat;
	background-color: #cce2ff;
}
 
#footer {
	width: 770px;
 	height: 40px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding-top: 0.5em;
	/*border-top: 4px solid #99ccff;*/	
	background: #fff url("../img/design/paticka2.gif") no-repeat;
	text-align: center;
}

#content {
	float: left;
	width: 522px;
	margin: 5px 15px;
	padding: 0;
	text-align: justify;
	
}


#valid {
	color: #0066cc;
	font-size: smaller;
	width: 216px;
	float: right;
	text-align: right;
}


#valid2 {
	display: block;
	color: #0066cc;
	font-size: smaller;
	width: 216px;
	text-align: right;
	overflow: hidden;
	position: absolute;
	bottom: 2px;
}

#correct {
	clear: left;
	height: 1px;
} 

#tiraz {
	margin: 0 auto;
	padding: 0;
	width: 770px;
	height: 50px;
	color: #fff;
	text-align: center;
	background: url("../img/design/paticka2.gif") no-repeat bottom center;	
}

.datum {
	color: #999999;
}

.anotace {
	margin-bottom: 15px;
	font-size: 13px;
}

.anotaceimg {
	float: left;
	margin-right: 5px;
}

img.small {
	width: 120px;
	height: 120px;
	margin: 15px 5px;
	padding: 0;
}

img.big {
	width: 380px;
	height: 285px;
	margin: 5px 15px;
	padding: 0;
	
}

#obsah {
	padding-left: 100px;
	text-align: justify;
}

#obsah h2 {
	color: #fff;
	background-color: #0066cc;
	font-size: 150%;
	width: 190px;
	w\idth: 180px; /* kvůli chybnému box-modelu IE 5.x */
	float: left;
	position: relative;
	left: -80px;
	margin: -7px -70px 5px 0;
	padding: 5px;
}

p.image-doleva {
 	float: left;
 	width: 120px;
	height: 120px;
  	position: relative;
  	left: -80px;
  	margin-right: -70px;
  	/* 10 pixelů na okraj mezi odstavcem a obtékajícím textem */
}

p.obrazek-doleva {
 	float: left;
 	width: 190px;
  	position: relative;
  	left: -80px;
  	margin-right: -70px;
  	/* 10 pixelů na okraj mezi odstavcem a obtékajícím textem */
}

p.obrazek-doleva {
  	color: #fff;
  	background: #0066cc url("../img/design/rohy.gif") bottom center no-repeat;
  	font-style: italic;
  	font-size: 90%;
  	text-align: center;
  	width: 210px;
  	w\idth: 190px;
  	float: left;
  	position: relative;
  	left: -80px;
  	padding: 12px 10px;
  	margin: 0 -70px 5px 0;
}

p.obrazek-doleva img {
  	margin-bottom: 10px; /* rozestup mezi obrázkem a popiskem */
  	border: 1px solid #fff;
}

.ramecek {
	float: left;
	width: 480px;
  	w\idth: 460px;
	color: #fff;
  	background: #99ccff url("../img/design/rohy2.gif") bottom center no-repeat;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}

.ramecek img {
	width: 120px;
	height: 120px;
	margin-top: -5px;
}


.ramecek p {	
	color: #0066cc;
	line-height: 1.3;
	margin: 0 auto;
}


.tab-oddel {
	width: 510px;
	color: #0066cc;
	background-color: #99ccff;
	text-align: left;
	padding: 1px;
	margin-top: -3px;
	margin-bottom: -1px;
}	

.tab-public {
	width: 510px;
	color: #0066cc;
	background-color: #99ccff;
	text-align: left;
	padding-left: 20px;
	margin-top: -5px;
	margin-bottom: -1px;
}

.tab-public a {
	color: #0066cc;
	text-decoration: none;
	font-weight: bold;
}

.tab-public a:visited {
	color: #0066cc;
}
	
.tab-public a:hover {
	color: #cc0033;
}	

.tab-ambul {
	width: 510px;
	color: #0066cc;
	background-color: #cce2ff;
	text-align: left;
	padding-left: 20px;
	margin-top: -3px;
	margin-bottom: -1px;
}	

.tab-ambul a {
	color: #cc0033;
	text-decoration: none;
	font-weight: bold;
	
}

.tab-ambul a:visited {
	color: #cc0033;
}
	
.tab-ambul a:hover {
	color: #ff6633;
}

.tab-stat  	{
		
	float: left;
 	width: 500px;
  	position: relative;
  	left: -80px;
	margin-bottom: 15px;		
	border:#003399 1px solid; 
}

.tab-stat2  	{
		
	float: left;
 	width: 500px;
  	position: relative;
  	margin-bottom: 15px;		
	border:#003399 1px solid; 
}

.stat_tab	{
	width: 160px;
}

.odd_tab	{
	width: 130px;
}


.light_tab	{ 
		background: #6699FF;
		border: none;
		text-align: center;
		COLOR: #FFFFFF;
		font-family: arial, sans-serif;
		font-weight: bold;
		font-size: 10pt;
		text-decoration:none;
		PADDING-left: 5px; 
		PADDING-BOTTOM: 3px; 
		PADDING-TOP: 3px;
	} 

.grey	{ 
		width: 235px;
		background: #CCCCCC;
		BORDER-TOP: #003399 1px solid;
		BORDER-right:#003399 1px solid;
		text-align: left;
		COLOR: #003399;
		font-family: arial, sans-serif;
		font-weight: bold;
		font-size: 10pt;
		text-decoration:none;
		PADDING-BOTTOM: 3px; 
		PADDING-TOP: 3px;
		PADDING-LEFT: 5px;
	} 

.grey2	{ 
		width: 200px;
		background: #CCCCCC;
		BORDER-TOP: #003399 1px solid;
		BORDER-right:#003399 1px solid;
		text-align: left;
		COLOR: #003399;
		font-family: arial, sans-serif;
		font-weight: bold;
		font-size: 10pt;
		text-decoration:none;
		PADDING-BOTTOM: 3px; 
		PADDING-TOP: 3px;
		PADDING-LEFT: 5px;
	} 

.grey3	{ 
		width: 120px;
		background: #CCCCCC;
		BORDER-TOP: #003399 1px solid;
		BORDER-right:#003399 1px solid;
		text-align: left;
		COLOR: #003399;
		font-family: arial, sans-serif;
		font-weight: bold;
		font-size: 10pt;
		text-decoration:none;
		PADDING-BOTTOM: 3px; 
		PADDING-TOP: 3px;
		PADDING-LEFT: 5px;
	} 

.white	{ 	background :#FFFFFF;
		BORDER-TOP:#003399 1px solid;
		text-align: center;
		COLOR: #000000;
		font-family: arial, sans-serif;
		font-weight: bold;
		font-size: 10pt;
		text-decoration:none;
		PADDING-BOTTOM: 3px; 
		PADDING-TOP: 3px;
		PADDING-LEFT: 5px;
		} 

#podpis	{
	text-align: right;
}

.konference  {
	float: left;
 	position: relative;
  	left: -80px;
	margin-right: -70px;
}

.konference2  {
	text-align: right;
	font-style: italic;
}

.mapa li {
	margin: 7px;
	color: black;
}

.submap li  {
	margin-left: 50px;	
	color: #ffcc66;
}

.submap2 li  {
	margin-left: 100px;	
	color: #99ccff;
}

.mapa a {
	color: #0066cc;
	text-decoration: none;
	font-weight: bold;
}

.mapa a:visited {
	color: #0066cc;
}
	
.mapa a:hover {
	color: #cc0033;
}

.center  {
	text-align: center;
}

.sform	{
  			border: #99ccff 1px solid;
  			font-size: 100%;
  			background: #cce2ff;
  			margin: 5px;
}

.vize	{
	width: 510px;
	border-right:#99ccff 1px solid;
	border-left:#99ccff 1px solid;
	border-bottom:#99ccff 2px solid;
	margin-bottom: -1px;
	background: #99ccff url("../img/design/tab-vize.jpg") repeat-x center;
}

.vize img  {
	float: right;
}

.vize2	{
	width: 510px;
	background-color: #99ccff;
	/*border-right:#99ccff 2px solid;
	border-left:#99ccff 2px solid;
	border-top:#99ccff 2px solid;*/
	margin-top: -3px;
}

.vize3 {
	color: #000;
	font-style: italic;
	}

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


#menubox {
	display: block;
	float: right;
	width: 216px;
	color: #000; 
	font-family: "Verdana CE", Verdana, sans-serif; line-height: 1.35;
	margin: 0 auto; 
        padding: 0;
}


#menubox p {
	margin: 0 10px 10px 10px;
	
}

.podmenu  {
	margin-left: 10px;
}

#pravy {
	display: block;
	float: right;
	width: 216px;
	color: #000; 
	font-family: "Verdana CE", Verdana, sans-serif; line-height: 1.35;
	margin: 0 auto; 
        padding: 0;
}

.nadpis {
	font-style: italic;
	font-weight: bold;
	color: #0066cc;
	margin: 5px 0 0 10px;
	font-family: Arial,"Geneva CE",lucida,sans-serif;
}

/*#zal-menubox {
  	display: block;
	width: 218px;
	float: left;
	color: #000; background-color: #fff;
	font-family: "Verdana CE", Verdana, sans-serif; line-height: 1.35;
	margin 0; padding: 0;
}*/

#closer {
	display: block;
	float: right;
	width: 216px;
	min-height: 43px;
	background-image: url(img/design/menu2.gif);
	background-repeat: no-repeat;
}


div#navigation {
	font-weight: bold;
	font-size: 16px;
	color: #fff; background-color: #99ccff;
  	width: 210px;
  	padding: 0 4px 0 4px;
  	voice-family: "\"}\""; voice-family: inherit;
  	width: 208px;
}

div#navigate {
	font-weight: bold;
	font-size: 16px;
	color: #fff; background-color: #99ccff;
  	width: 210px;
  	padding: 0 4px 0 4px;
  	voice-family: "\"}\""; voice-family: inherit;
  	width: 208px;
}

div#submenu {
	font-size: 16px;
	color: #fff; background-color: #99ccff;
  	width: 210px;
  	padding: 0 4px 0 4px;
  	voice-family: "\"}\""; voice-family: inherit;
  	width: 208px;
}

div#navigation ul, div#navigate ul {
  	background-color: #ff9933;
  	margin: 0; padding: 0;
}

div#navigation ul, div#navigate ul {
  	background-color: #ff9933;
  	margin: 0; padding: 0;
}

div#navigation li, div#navigate li {
  	list-style: none;
  	margin: 0; padding: 0;
}

div#navigation li, div#navigate li {
  	list-style: none;
  	margin: 0; padding: 0;
}

div#navigation a, div#navigate a {
	 color: #fff;
  	font-size: 1em;
  	text-decoration: none;
  	display: block;
  	border-left: 1em solid #ff9933; border-right: 1em solid #ff9933;
  	width: 202px;
  	padding: 0.30em 13px;
  	voice-family: "\"}\""; voice-family: inherit;
  	width: 150px;
}

div#navigation a:hover, div#navigation a:focus, div#navigate a:hover, div#navigate a:focus {
  	background-color: #0066cc;
  	border-left: 16px solid #99ccff; border-right: 16px solid #99ccff;
}

div#navigation a:active, div#navigate a:active {
  	background-color: #ff3333;
  	border-left: 16px solid #ff3333; border-right: 16px solid #ff3333;
}

div#submenu ul {
  	background-color: #ffcc66;
  	margin: 0; padding: 0;
}

div#submenu ul {
  	background-color: #ffcc66;
  	margin: 0; padding: 0;
}

div#submenu li {
  	list-style: none;
  	margin: 0; padding: 0;
}

div#submenu li {
  	list-style: none;
  	margin: 0; padding: 0;
}

div#submenu a {
	 color: #0066cc;
  	font-weight: bold;
	font-size: 1em;
  	text-decoration: none;
  	display: block;
  	border-left: 16px solid #ffcc66; border-right: 16px solid #ffcc66;
  	width: 202px;
  	padding: 0.30em 13px;
  	voice-family: "\"}\""; voice-family: inherit;
  	width: 150px;
}

div#submenu a:hover, div#submenu a:focus {
  	color: #fff;
	background-color: #0066cc;
  	border-left: 16px solid #99ccff; border-right: 16px solid #99ccff;
}

div#submenu a:active {
  	background-color: #ff3333;
  	border-left: 16px solid #ff3333; border-right: 16px solid #ff3333;
}

div#navigation-container {
  position: relative;
  width: 13em;
}

div#navigation a span, div#navigate a span, div#submenu a span {
  display: none;
}

div#navigation a span.description, div#navigate a span.description {
  color: #fff; background-color: #ccc;
  font-size: 0.9em; font-style: italic;
  position: absolute; left: 0; top: -150px;
  display: block; visibility: hidden;
  width: 13.3em;
  border-top: 1px solid #bbb; border-bottom: 1px solid #bbb;
  padding: 0.38em 1.1em;
  voice-family: "\"}\""; voice-family: inherit;
  width: 184px;
}

div#submenu a span.description {
  color: #fff; background-color: #ccc;
  font-size: 0.9em; font-style: italic;
  position: absolute; left: 0; top: -150px;
  display: block; visibility: hidden;
  width: 13.3em;
  border-top: 1px solid #bbb; border-bottom: 1px solid #bbb;
  padding: 0.38em 1.1em;
  voice-family: "\"}\""; voice-family: inherit;
  width: 184px;
}


div#navigation a:hover span.description, div#navigation a:focus span.description {
  visibility: visible;
}

div#navigate a:hover span.description, div#navigate a:focus span.description {
  visibility: visible;
}

div#submenu a:hover span.description, div#submenu a:focus span.description {
  visibility: visible;
}






/* ========================= menu ambulance */

div#submenu2 {
	font-size: 12px;
	color: #fff; background-color: #99ccff;
  	width: 210px;
  	padding: 0 4px 0 4px;
  	voice-family: "\"}\""; voice-family: inherit;
  	width: 208px;
}

div#submenu2 ul {
  	background-color: #ffcc66;
  	margin: 0; padding: 0;
}

div#submenu2 ul {
  	background-color: #ffcc66;
  	margin: 0; padding: 0;
}

div#submenu2 li {
  	list-style: none;
  	margin: 0; padding: 0;
}

div#submenu2 li {
  	list-style: none;
  	margin: 0; padding: 0;
}

div#submenu2 a {
	 color: #0066cc;
  	font-weight: bold;
	font-size: 1em;
  	text-decoration: none;
  	display: block;
  	border-left: 16px solid #ffcc66; border-right: 16px solid #ffcc66;
  	width: 202px;
  	padding: 0.30em 13px;
  	voice-family: "\"}\""; voice-family: inherit;
  	width: 150px;
}

div#submenu2 a:hover, div#submenu2 a:focus {
  	color: #fff;
	background-color: #0066cc;
  	border-left: 16px solid #99ccff; border-right: 16px solid #99ccff;
}

div#submenu2 a:active {
  	background-color: #ff3333;
  	border-left: 16px solid #ff3333; border-right: 16px solid #ff3333;
}

div#submenu2 a span {
  display: none;
}

div#submenu2 a span.description {
  color: #fff; background-color: #ccc;
  font-size: 0.9em; font-style: italic;
  position: absolute; left: 0; top: -150px;
  display: block; visibility: hidden;
  width: 13.3em;
  border-top: 1px solid #bbb; border-bottom: 1px solid #bbb;
  padding: 0.38em 1.1em;
  voice-family: "\"}\""; voice-family: inherit;
  width: 193px;
}

div#submenu2 a:hover span.description, div#submenu2 a:focus span.description {
  visibility: visible;
}

/*============================== galerie */

.galery
{
text-align: center;
margin: 0;
padding: 0;
}


.galerie
{
border: 1px solid #6699cc;
background-color: #cce2ff;
padding: 0;
}

.galerie li>div
{
/*\*/ display: table; /**/
width: 160px;

}

.galerie a
{
display: block;
text-decoration: none;
color: #0066cc;
background-color: #f9fbff;
cursor: pointer;
border: 1px solid #6699cc;
width: 159px;
height: 160px;
margin: 5px;
}


.imgtop
{
border: solid 1px #fff;
margin-top: 4px;
}

.imgleft
{
border: solid 1px #fff;
margin-top: 20px;
}

.galerie a:hover
{
background-color: #0066cc;
}

/* ========================= globalni tridy */
.cistic			{clear: both;}