/* W3C doporucuje pro vychozi okraje stranky pouzit padding, vetsina prohlizecu ale pouziva margin. */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #0064aa;
}

body.index {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image : url(images/bg_index.gif);
	background-position : left;
	background-repeat : repeat-y;
	background-color : #0064AA;
}

/* Nadpisy obvykle chceme formatovat zcela po svem, pripadne pouzit obrazky. */

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px;
	font-style : normal;
	font-weight : bold;
	line-height : 28px;
	text-align : left;
	color : white;
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-style : normal;
	font-weight : bold;
	line-height : 24px;
	text-align : left;	
	color : white;
}

h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : italic;
	font-weight : bold;
	line-height : 20px;
	text-align : left;
	color : white;
}

h3.jmeno {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : italic;
	font-weight : bold;
	line-height : 20px;
	text-align : left;
	color : white;
	text-decoration: underline;
	float: left;
}

h3.nahoru {
	margin: 0px 0px 0px 80%;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : italic;
	font-weight : bold;
	text-align : left;
	color : white;
	text-decoration: underline;
}


h3.nahoru A{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : #99CCFF;
}

h3.nahoru A:hover{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}
/* Zejmena vertikalni mezery okolo formulare jsou pozustatkem nesmyslneho chovani starych prohlizecu. Konecne se jich zbavime. U seznamu je treba vynulovat i padding, protoze jej Mozilla pouziva k odsazeni polozek zleva (narozdil od MSIE a doporuceni W3C). */

form, ul, ol, dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}

p.milovnici
{text-align: center}


p A{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : #99CCFF;
}

p A:hover{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}



p.inside {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}

p.inside2 {
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	/*line-height : 20px;*/
	text-align : left;
	color : white;
}

div.inside3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	/*line-height : 20px;*/
	text-align : left;
	color : white;
}
p.inside A{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : #99CCFF;
}

p.inside A:hover{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}

p.jmeno {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}


p.jmeno A{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : #99CCFF;
}

p.jmeno A:hover{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}

b.nadpis  {
  font-size: 14px; 
  margin-top:10px;
  background-color: #000099

}



/* U polozek necislovaneho seznamu se obvykle nespokojime s vychozim puntikem - bud jej nahradime obrazkem nebo zadny symbol nepouzijeme. */

/*ul {
	list-style-type: none;
}*/

/* Ramecek okolo obrazku nechceme ani je-li obrazek odkazem. */

img {
	border: none;
}

/* Prvni dve nastaveni docili stejneho vysledku, jako bychom v HTML u elementu TABLE vynulovali atribut cellspacing (MSIE i Mozilla maji s obema vlastnostmi problemy, dohromady vsak funguji tak, jak potrebujeme). Dalsi dve vlastnosti vychazeji vstric obvyklemu pozadavku na rucni nastavovani sirky sloupcu. (MSIE natahuje tabulku na stoprocentni sirku standardne pri fixnim layoutu, Mozilla nikoliv.) */

table.main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-spacing : 0px;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	height : 100%;
}




/* padding: 0 odpovida <TABLE cellpadding="0">. Vertikalni zarovnani obsahu bunek k hornimu okraji byva nejcastejsim pozadavkem. */

table.main td.menu {
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
	vertical-align: top;
	text-align : left;
	width: 220px;
	height : 100%;
	background-color : #3383BB;
}

table.main td.obsah {
	margin: 0px 0px 0px 0px;
	padding: 40px 40px 0px 40px;
	vertical-align: top;
	text-align : left;
	height : 100%;	
	background-color : #0064AA;	
}

td.obsah_foto {
margin: 0px 0px 0px 0px;
padding: 40px 40px 0px 40px;
vertical-align: top;
text-align : left;
background-color : #0064AA;	
width: 800px;
}

table.main td.index {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align : left;
	xbackground-color : #0064AA;	
}

table.main td.indexright {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align : right;
	xbackground-color : #0064AA;	
}

table.main td.showimg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align : center;
	height : 100%;	
	background-color : #0064AA;	
}


table.main td.indexright a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : #99CCFF;
}

table.main td.indexright a:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}




table.kalendare {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width : 440px;
}

table.kalendare td.img {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 0px;
	text-align : left;
	vertical-align : top;
}

table.kalendare td.img_2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 0px;
	text-align : center;
	vertical-align : top;
}

table.kalendare td.popis {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
	vertical-align : top;	
}


table.kalendare td.popis a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : #99CCFF;
}

table.kalendare td.popis a:hover{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}




table.knizniobalky {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.knizniobalky td{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 30px 0px;
	text-align : center;
	vertical-align : middle;
}

table.kolaze {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width : 400px;
}

table.kolaze td{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	text-align : left;
	vertical-align : middle;
}




table.verse {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width : 650px;
}

table.verse td.popis {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
	vertical-align : top;
	width : 325px;
}


table.verse  td.popis a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : #99CCFF;
}

table.verse td.popis a:hover{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}

.horoskopy {
  color:white; 
  font-family : Arial, Helvetica, sans-serif;
  text-align: center; 
  font-weight: bold 
}
  
.fotogalerie {
  color:white; 
  font-family : Arial, Helvetica, sans-serif;
  text-align: center; 
  font-weight: bold;
  border:solid red 1px 

}
  

DIV.menu0_1 {
	visibility: visible;
	position : relative;
}
DIV.menu0_1 img {
	border: none;
	cursor : hand;
}


DIV.menu1_1 {
	position : absolute;
	top : 120px;
	left : 175px;
}
DIV.menu1_1 img {
	border: none;
	cursor : hand;
}


DIV.menu1_2 {
	position : absolute;
	top : 155px;
	left : 200px;
}
DIV.menu1_2 img {
	border: none;
	cursor : hand;
}


DIV.menu2_1 {
	position : absolute;
	top : 20px;
	left : 405px;
}
DIV.menu2_1 img {
	border: none;
	cursor : hand;
}

DIV.menu1_3 {
	position : absolute;
	top : 190px;
	left : 140px;
}
DIV.menu1_3 img {
	border: none;
	cursor : hand;
}

DIV.menu3_1 {
	position : absolute;
	top : 190px;
	left : 325px;
}
DIV.menu3_1 img {
	border: none;
	cursor : hand;
}

DIV.menu4_1 {
	position : absolute;
	top : 190px;
	left : 540px;
}
DIV.menu4_1 img {
	border: none;
	cursor : hand;
}

DIV.menu4_2 {
	position : absolute;
	top : 226px;
	left : 540px;
}
DIV.menu4_2 img {
	border: none;
	cursor : hand;
}


/* .menu {width:180px; height:20px; background-color:#91afd7;} */

div.menu1_1 a, div.menu1_2 a, div.menu1_3 a
{
  background-color:#91afd7;
  font-weight: bold;
  font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	color: white;
	width: 230px;
	height: 20px;
	display:block;
	text-decoration: none;
	letter-spacing: 2px;
} 

div.menu1_1 a:hover, div.menu1_2 a:hover, div.menu1_3 a:hover
{
  background-color:#808080;
} 

div.menu2_1 a
{
  background-color:#91afd7;
  font-weight: bold;
  font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color: white;
	width: 550px;
	height: 18px;
	display:block;
	text-decoration: none;
	letter-spacing: 2px;
}

div.menu3_1 a
{
  background-color:#91afd7;
  font-weight: bold;
  font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color: white;
	width: 213px;
	display:block;
	text-decoration: none;
	letter-spacing: 2px;
}

div.menu4_1 a, div.menu4_2 a
{
  background-color:#91afd7;
  font-weight: bold;
  font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color: white;
	width: 253px;
	height: 18px;
	display:block;
	text-decoration: none;
	letter-spacing: 2px;
}

div.menu2_1 a:hover, 
div.menu3_1 a:hover, 
div.menu4_1 a:hover, 
div.menu4_2 a:hover
{
  background-color:#808080;
} 






/* ***************************************** */

ul.normal{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
	
}

ul.normal a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : #99CCFF;
}

ul.normal a:hover{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}

ul.mensi{
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 0px 30px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 17px;
	text-align : left;
	color : white;
	list-style-type: square; 
	
}

ul.cisla{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
	list-style-type: decimal;
}

li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}

p.rychlovka{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : normal;
	display: inline;
}
p.rychlovka a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color: white;
	display: inline;
}
p.rychlovka a:hover{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #99CCFF;
	display: inline;
}

h2.nadpis_main{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-style : normal;
	font-weight : bold;
	text-align : left;	
	color : white;
	height: 30px;
	text-decoration: underline;
}

p.cz{
	/*margin: 10px 10px 10px 10px;*/
	margin: 0px 0px 0px 10px;
	padding: 0;
	display: inline;

}

p.cz a{
	margin: 0;
	padding: 2px 2px 2px 2px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-style : normal;
	font-weight : bold;
	color : white;
		text-decoration: underline;
	background-color: #3383BB;
}

p.cz a:hover{
	margin: 0;
	padding: 2px 2px 2px 2px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-weight : bold;
	color : #3383BB;
		text-decoration: underline;
	background-color: White;
}

p.en{
	/*margin: 10px 10px 10px 10px;*/
	margin: 0px 0px 0px 20px;
	padding: 0;
	display: inline;
}

p.en a {
	margin: 0;
	padding: 2px 2px 2px 2px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-weight : bold;
	color : white;
	text-decoration: underline;
	background-color: #3383BB;
}
p.en a:hover{
	margin: 0;
	padding: 2px 2px 2px 2px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-weight : bold;
	color :  #3383BB;
	text-decoration: underline;
	background-color: White;
}
.kalendar{
	margin: 0;
	padding: 0;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: White;	
	width: 350px;
}

.kalendar td{
	margin: 0;
	padding: 3px 10px;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: White;	
	border: 1px solid white;
}

.kalendar_2{
	margin: 0;
	padding: 0;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: White;	
	width: 350px;
	}

.kalendar_2 th{
	margin: 0;
	padding: 3px 5px;
	font: bold 16px/17px Arial, Helvetica, sans-serif;
	color: White;	
}

.kalendar_2 td{
	margin: 0;
	padding: 3px 10px;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: White;	
	border: 1px solid white;
}

.link{
	margin: 0;
	padding: 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : #99CCFF;
}

.link:hover{
	margin: 0;
	padding: 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	line-height : 20px;
	text-align : left;
	color : white;
}

hr {
  color: #3383bb; 
  background-color: #005188; 
  height:2px; 
  border:0px}
  
hr.slim {
  height: 5px
}

span.noreal
{background-color: #ffffff; color: #000000; padding: 0px 5px 0px 5px}

span.green 
{background-color: #009000;}

span.real 
{background-color: #00ffff; color: #000000; padding: 0px 5px 0px 5px}

span.yellow
{background-color: #ffff66; color:#000000}

div.kalendare-img img {margin: 4px}

div.menu 
{margin: 0px 0px 20px 10px;}

div.menu a
{
  font-weight: normal;
  font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin-left: 5px;
	color: white;
	display: block;
	text-decoration: none;
	letter-spacing: 2px;
}

div.menu a:hover
{
  color: #99ccff
}

div.menu h1 
{
  margin: 20px 0px 0px 0px;
  font-weight: bold;
  font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	color: white;
	display: block;
	text-decoration: none;
	letter-spacing: 2px;
}

div.verse img {margin: 10px}

div.jmeno 
{ margin-left: 12px; 
  letter-spacing: 10px; 
  color: #0064aa; 
  text-decoration: none; 
  font-weight: bold
}

table.rycl img {margin: 10px}
table.rycl .inside {float:left; color: white; text-align: center; width: 200px; height: 300px}

table.milovnici .inside {float:left; color: white; text-align: center; width: 200px; height: 200px}

table.kolfot .inside {float:left; color: white; text-align: center; width: 400px; height: 320px}
table.kolfot .vernisaz {float:left; color: white; text-align: center; width: 200px; height: 250px}
table.kolfot img {margin: 10px}