﻿body {
	font-family: "Gill Sans MT","Arial";
	font-size: 12px;
	color: #000000;
	margin:0;
	padding:0;
	background:#fff;
	/*	nestandardne vlastnosti - mozete ich odkomentovat CSS bude funkcne ale nebude validne	*/
/*
	scrollbar-face-color: #768db9;
*/
}


table {
	border-collapse:collapse;
	color:#000000;
}

td	{
	color: #404040;
}
/*	zakladna tabulka layoutu	*/
#layout {
	height:100%;
}
/*	lavy okraj layoutu	*/
#lm {
	width: 8%;
	background-color:#FFFFFF;
}
/*	pravy okraj layoutu	*/
#rm {
	width: 8%;
	background-color:#FFFFFF;
}
/*	zahlavie-vrchni banner	*/
#zahlavi1 {
	position: relative;
	margin-top:10px;
	padding:0;
	height:5px;
	background-color: #aed1e7;
}
/*	napis - graficky prvok vlavo v zahlavi	*/
#zahlavi2 {
	position: relative;
	padding:0;
	height:36px;
	background:url("zahlavi2.png") repeat-x;
}
/*	zahlavi s logem 	*/
#zahlavi3 {
	position: relative;
	margin:0;
	padding:0;
	height: 168px;
	min-width: 1000px;
	background-image: url("zahlavi31.png");
	background-repeat: no-repeat;
	background-position: center;
}
#zahlavi4 {
	position: relative;
	height:14px;
	background-color: #aed1e7;
}

/*	srafovane zapatie stranky	*/
#zapati	{
	position: relative;
	margin-top:0px;
	height: 77px;
	background-image: url("zapati.png");
	background-repeat: no-repeat;
	background-position: left;
	
}

#leva_strana	{
	padding-bottom: 10px;
 	background:url("leva_strana.png") repeat-y;
}
#prava_strana	{
	padding-bottom: 10px;
 	background:url("prava_strana.png") repeat-y;
}
.levy_okraj	{
 	width: 36px;
	height: 134px;
	background: url("okraj.png") repeat-x;
	
}
.pravy_okraj	{
 	width: 36px;
	height: 134px;
	background: url("okraj.png") repeat-x;
}

/*	trieda pre vnutorne odsadenie - padding - stlpcov	*/
.col {
	padding:0 0px 0 0px;
	
}

/*	odsadenie hlavného stlpca v sablone base	*/
.hlav {
	padding:10px 25 0 25;
	width: 540px;
}

/*	odsadenie z prava v sablone download	*/
.hlav2 {
	padding:10px 10px 0 0;
    width: 540px;
}

.zap-txt {
	text-align: center;
	color: #fff;
	font-size: 10px;
	margin:0.5em;
	font-family: "Arial";
}
.zapati2 {
	margin-left: 500px;
	font-family:  "Arial";
	font-size:14px;
	padding-top:15px;
	color:#FFFFFF;
}

.zapati3 {
	margin-top: 15px;
	color:#FFFFFF;

	
}

.odkazy {
	width: 181px;
	background:#FFFFFF;
	margin-left:8px;
	margin-top:-20px;
	text-align: center;
	padding-top:20px;
}
.obrodkaz {
	margin-bottom:15px;
}

/*      definicia blokov typu 1 az 5 - spolocne vlastnosti	*/
.blok1, .blok2, .blok2, .blok3, .blok4, .blok5	{
	color:white;
	font-weight: normal;
	font-size:13px;
	font-family: "Arial";
	text-decoration: none;
	text-align: center;
	width: 191px;
	padding-top:10px;
	padding-bottom:0px;

		
}

/*      definicia blokov typu 1 az 5 - rozdielne vlastnosti	*/
.blok1	{
	background:url("menu_nadpis.png") ;
	text-indent: 10px;
	text-align:left;
	display:block;
	height:30px;
	margin-bottom:0px;
}
.blok2	{
	background:url("menu_nadpis2.png") ;
	width: 178px;
	text-align: right;
	display:block;
	height:30px;
}

.blok3	{
	background:url("menu_nadpis2.png") ;
	display:block;
	height:30px;
}

.blok4	{
	background:#4f689a;
}

.blok5	{
	background:#4f689a;
}

/*	definicia obsahu blokov 1-5 - spolocne vlastnosti	*/
.blok1obs, .blok2obs, .blok3obs, .blok4obs, .blok5obs  {
	font-weight: normal;
	font-size:13px;
	font-family: "Arial";
	text-decoration: none;
	text-align: left;
	width: 191px;
	color: #FFFFFF;	
}

/*	definicia obsahu blokov 1-5 - rozdielne vlastnosti	*/
.blok1obs {
	text-indent: 32px;
}

.blok2obs {
background:url("prava_strana.png") repeat-y;
margin-top: 18px;
}

.blok3obs {
background:url("prava_strana.png") repeat-y;
margin-top: -13px;
}

.blok4obs {
}

.blok5obs {
	padding:0 2px;
	background:#f0f6ff;
}
/*vnorene bloky do "blokobs" */
.inblok1obs {
	width: 176px;
	height: 27px;
	background:url("menu_odkaz.png") no-repeat;
	margin-bottom: 0px;
	display:block;
	font-weight: normal;
	font-size:13px;
	font-familly:  "Arial";
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	padding-top: 5px;		
}

a.inblok1obs:link, a.inblok1obs:active, a.inblok1obs:visited{
	color: #FFFFFF;
}

a.inblok1obs:hover {
	background:url("menu_odkaz_hover.png") no-repeat;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
}
.inblok1obs-t {
	width: 176px;
	height: 27px;
	background:url("menu_odkaz-t.png") no-repeat;
	margin-top: 0px;
	display:block;
	font-weight: normal;
	font-size:13px;
	font-familly:  "Arial";
	text-decoration: none;
	text-align: right;
	color: #FFFFFF;
	padding-right:3px;
	padding-top: 5px;
}

a.inblok1obs-t:link, a.inblok1obs:active, a.inblok1obs:visited{
	color: #FFFFFF;
}

a.inblok1obs-t:hover {
	background:url("menu_odkaz_hover-t.png") no-repeat;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
}

.inblok1obs2 {
	width: 166px;
	height: 27px;
	background:url("menu_odkaz2.png") no-repeat;
	margin-bottom: 0px;
	display:block;
	font-weight: normal;
	font-size:13px;
	font-familly:  "Arial";
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	text-indent: 24px;	
	padding-top: 5px;
}

a.inblok1obs2:link, a.inblok1obs2:active, a.inblok1obs2:visited{
	color: #FFFFFF;
}

a.inblok1obs2:hover {
	background:url("menu_odkaz_hover2.png") no-repeat;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
}
.inblok1obs3 {
	width: 166px;
	height: 27px;
	background:url("menu_odkaz3.png") no-repeat;
	margin-bottom: 0px;
	display:block;
	font-weight: normal;
	font-size:13px;
	font-familly:  "Arial";
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	text-indent: 24px;
	padding-top: 5px;
	
}

a.inblok1obs3:link, a.inblok1obs3:active, a.inblok1obs3:visited{
	color: #FFFFFF;
}

a.inblok1obs3:hover {
	background:url("menu_odkaz_hover3.png") no-repeat;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
}

.inblok1obs4 {
	text-indent: 42px;
	width: 166px;
	height: 27px;
	background:url("menu_odkaz3.png") no-repeat;
	margin-bottom: 0px;
	display:block;
	font-weight: normal;
	font-size:13px;
	font-familly:  "Arial";
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	padding-top: 5px;
}

a.inblok1obs4:link, a.inblok1obs4:active, a.inblok1obs4:visited{
	color: #FFFFFF;
}

a.inblok1obs4:hover {
	background:url("menu_odkaz_hover3.png") no-repeat;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
}
	
	
.inblok1obs9 {
	width: 176px;
	height: 27px;
	background:url("menu_odkaz.png") no-repeat;
	
	display:block;
	font-weight: normal;
	font-size:13px;
	font-familly:  "Arial";
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	margin-bottom:0px;
	padding-top: 5px;
		
}

a.inblok1obs9:link, a.inblok1obs9:active, a.inblok1obs9:visited{
	color: #FFFFFF;
}

a.inblok1obs9:hover {
	background:url("menu_odkaz_hover.png") no-repeat;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
}


a.sloupec:link, a.sloupec:visited ,a.sloupec:active  {
	font-weight: normal;
	font-size:13px;
	font-family:  "Arial";
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	
}




/* hyperlinky */

A {
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
}
A:link {
	color:#42699d;
	text-decoration:none
}
A:visited {
	color:#42699d;
	text-decoration: none;
}
A:hover {
	color:#3b506e;
	text-decoration: underline;
}
A:active {
	color:#666666;
}
A.clanek:link {
	color:#42699d;
	text-decoration: none;
}
A.clanek:visited {
	color:#42699d;
	text-decoration: none;
}
A.clanek:hover {
	color:#3b506e;
	text-decoration: none;
}
A.menu:link, A.menu:visited {
	display:block;
	font-weight: bolder;
	color:#fff;
	background:#4f689a;
	text-decoration: none;
	padding:4px;
	margin: 2px 0;
	border:none;
	font-size: 11px;
}
A.menu:hover {
	display:block;
	color:#fff;
	background:#4f689a;
	text-decoration: none;
	padding:4px;
	margin: 2px 0;
}

/* zakladni styly */

.z {
	color:#3b506e;
	font-size: 13px;
	font-weight: normal;
}
.nadpis {
	text-align: center;
	padding: 0.2em 0 0.2em 10px;
	color:#404040;
	font-weight: bold;
	font-size: 16px;
}
.podnadpis {
	color:#404040;
	text-align: center;
	font-size: 14px;
}
.bledy {
	color:#f0f6ff;
}

/* komentare */

.kom-z {
	color:#4f689a;
	font-size: 11px;
	font-weight: normal;
}
.kom-link {
	color:#4f689a;
	font-size: 13px;
	font-weight: normal;
}
.kom-hlavicka {
	color:#4f689a;
	padding: 4px;
	font-size: 11px;
	font-weight: normal;
}
.kom-text {
	color:#4f689a;
	padding: 3px;
	background: #fff;
	border: 1px solid #4f689a;
	font-size: 11px;
	font-weight: normal;
}
.kom-cely-ram {
	background:#e0e6f0;
	padding:4px;
	border: 1px solid #4f689a;
	padding-bottom:4px;
}

/* ankety */
.anketa-std-otazka,
.anketa-cla-otazka,
.anketa-blok-z,
.anketasysz {
	color:#4f689a;
	font-size: 13px;
	font-weight: normal;
	margin:0;
	padding:0.3em 0;
	border-bottom: 1px solid #9eaecd;
}
.anketasysodp,
.anketa-std-odpovedi,
.anketa-cla-odpovedi,
.anketa-blok-odpovedi {
	color:#4f689a;
	font-size: 12px;
	font-weight: normal;
	line-height:1.2em;
	margin:0.2em 0;
}
.anketa-cla-celkovy-ram {
	font-size: 13px;
	text-align: left;
	margin: 6px 0 12px 0;
}
.anketa-cla-ram {
}
.anketa-blok-odp-cara {
	width:140px;
	font-size:85%;
	line-height:1em;
	height:1em;
	margin:2px 0;
	padding:0;
}
.anketa-blok-odp-cara-hlasy {
	height:1em;
	background:#2b3953 url('gr-inq.png') 100% 0 repeat-y;
}

.anketa-std-ram {
	text-align: left;
}

/* syst. blok - novinky */

.nov-datum {
	color:#4f689a;
	font-size: 13px;
	font-weight: bold;
}
.nov-titulek {
	color:#4f689a;
	font-size: 13px;
	font-weight: bold;
}
.nov-titulek-duraz {
	color:#2b3953;
	font-size: 13px;
	font-weight: bold;
}
.nov-text {
	color:#4f689a;
	font-size: 13px;
	font-weight: normal;
}

/* clanky */

	
.cla-cely {
	margin:0;
	
}

.cla-mapa {
	margin:0;
	text-align:center;
	color:#404040;
}
	/*	vnutovne odsadenie clanku zlava a zdola 	*/
.cla-obsah {
	padding: 0 5px 10px 90px;
	background-color:#fafafa;
}
.cla-obsah2 {
	padding: 0 5px 10px 10px;
	background-color:#fafafa;
}
	/*	nadpis clanku	*/

.cla-nadpis {
	position: relative;
	margin-left: 15px;
	top: -10px;
	color:#42699d;
	font-weight: normal;
	font-size: 13px;
	z-index:1;
	width:auto;
	display:inline;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(nadpis.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
	/*	text clanku	*/
.cla-text {
	padding: 10px 0 0 0;
	color:#404040;
	font-weight: normal;
	font-size: 13px;
	text-align: justify;
}
	/*	styl pre informacie za clankom - autor, pocet precitani atd...	*/
.cla-informace {
	color:#4f689a;
	font-size: 11px;
	font-weight: normal;
}
	/*	odsadenie od krajov pri tlacovej sablone	*/
.tisk {
	padding:1em;
}
	/*		*/
.cla-informace-tisk {
	color:#000000;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}
	/*	odsadenie ikony temy	*/
.obrtema {
	margin-left: 5px;
	margin-top: 10px;
	position: static;
	z-index:2;
	
}




/* hodnoceni clanku */

.hodnoceni-celkovy-ram {
	background: #fff url("modra-prechod.png") top left repeat-x;
	margin: 6px 0;
	padding: 6px;
	color:#4f689a;
	font-size: 11px;
	font-weight: normal;
}

/* souvisejici clanky */

.souvis-cla-celkovy-ram {
	font-size: 13px;
	text-align: left;
	margin: 6px 0 12px 0;
}

/* download sekce */

.download-z {
	font-size: 13px;
}
.download-sekce {
	font-size: 13px;
	text-align: center;
	padding: 6px;
}
.download-sekce-akt {
	font-weight: bold;
}

/* weblinks sekce */

.weblinks-z {
	font-size: 13px;
	text-align:center;
}
.weblinks-sekce {
	font-size: 13px;
	text-align: center;
	padding: 6px;
}
.weblinks-sekce-akt {
	font-weight: bold;
}

/* std. navigacni lista */

.std-navig {
	font-size: 80%;
	background:#f8faff;
	margin:1em 0;
	text-align: center;
}

.std-navig-akt-str {
	color:#4f689a;
} 

/* dalsi pomocne styly*/

.hodnoceni {

}
.banner1 {
	background:#9eaecd;
	color: #fff;
	margin:0;
	position:relative;
	top:9px;
}
.banner1d {
	background:#9eaecd;
	color: #fff;
	margin:0;
	position:relative;
	top:9px;
	margin:0 10px 0 0;
}

/*
nastavenie spodneho okraju pomocou border-bottom zabranuje nespravnemu
zobrazeniu hodnoty margin v MSIE. Ak nie je nastaneny border, bloky
banner a zapatie sa dotykaju - nezobrazi sa oddelovacia medzera
*/

.banner2 {
	background:#9eaecd;
	color: #fff;
	margin: 5px 10px;
	border-bottom:1px solid #fff;
}

.bannerpod {
	color:#4f689a;
	font-size: 9px;
	font-weight: normal;
	display:block;
	padding: 4px 0;
	margin:0 0 10px 0;
}

.banner-text {
	color:#4f689a;
	font-size: 9px;
	font-weight: normal;
	display:block;
	padding: 4px 0;
	margin:0 0 10px 0;
}
.banner-img {
	color:#4f689a;
	font-size: 9px;
	font-weight: normal;
	padding: 4px 0;
	margin:0 0 10px 0;
}

.strankovani {
	color:#4f689a;
	font-size: 10px;
	font-weight: bold;
}
.biltucne {
	color:#fff;
	font-size: 13px;
	font-weight: bold;
}

.chybastredni {
	color:#f00;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

/* rozsirujici styly pro plug-iny */

.kal-den {
	color:#FFFFFF;
	font-size: 11px;
	font-weight:600;
}
.kal-mesic {
	color:#FFFFFF;
	font-size: 12px;
}

.kal-text {
	color:#FFFFFF;
	font-size: 10px;
	font-weight: normal;
}
.kal-clanek {
	background-color: #f0e0e6;
}
.kal-dnesni {
	background-color: #e0e6f0;
}
.planakci {
	font-size: 10px;
}
.informace {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: normal;
	width: 100%;
}

/*
.mezera {
	width: 5px;
}
.ohr {
	width: auto;
}
*/
.ram {
	margin-top: 25px;
	border:1px solid #d0d0d0 ;	
	background-color:#fafafa;
	width:540px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	min-height:90px;
	margin-bottom:20px;	
}
.preram {
	border-bottom: 2px dotted #4f689a;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
/*
.horni-navig-lista {
	border-top-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-style: solid;
	border-color: #003098;
	padding: 2px;
}
*/

/* textova pole, tlacitka */

.textbox {
	background-color: white;
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	margin:2px 0;
	padding:2px;
	/*	nestandardne vlastnosti - mozete ich odkomentovat CSS bude funkcne ale nebude validne	*/
/*
	scrollbar-face-color: #768db9;
*/
}
.textpole {
	color: #000;
	font-family: Verdana;
	font-size: 11px;
	margin:2px 0;
	padding:2px;
}

.tl {
	background-color: #768db9;
	color: #f8faff;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

form {
	padding: 4px 0;
	
}

a img {
	border:none;
}


M-E-N-U


ul#hlavniMenu
{
	list-style-type:none;
	
}

ul#hlavniMenu ul
{
position:absolute;
top:0px;
left:176px;
visibility:hidden;
list-style-type:none;
height:27px;
z-index:10;

}

ul#hlavniMenu li
{
	list-style-type:none;
	position:relative;
	width:auto;
	left:-40px;
	height:27px;
	behavior: url(hover.htc);
	z-index:11;
	margin-bottom:0px;
	margin-right:-25px;
		
}



ul#hlavniMenu a
{

}

ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul
{
visibility:visible;
height:27px;
}


<!--
<!--ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a
<!--{
<!--background-color:black;
<!--color:white;
<!--}
<!--
<!--ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a
<!--{
<!--background-color:white;
<!--color:black;
<!--}

<!--ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover
<!--{
<!--background-color:black;
<!--color:white;
<!--}-->

ul#hlavniMenu li li	 {
 
}
-->

.mapa  {
	color:#404040;
	text-align:center;
	
	
}

.mapa0  {
	background:url("okraj.png");
	background-repeat:repeat-x;
	padding-top:1px;
	margin-bottom:-5px;
}

.mapa2  {
	color:#404040;
	background-color:#cccccc;
	text-align:center;
	padding-top:0px;
	margin-bottom:-5px;
	
}

#logo  {
	background: url(logo.png);
	height:150px;
	width:117px;
	top:13px;
	left:30px;
	position: absolute;
	
}

.obrmapa  {
	position:relative;
	border:3px double #FF0000;
}

.obrmapa:hover  {
	border-style: solid;
}

.zahlavi3_0  {
	background:url(zahlavi3_0.png) repeat-x;
}

.zapati_0  {
	background:url(zapati_0.png) repeat-x;
	margin-top:0px;
}
  
  /*galerie*/
  
.galerie {
  font-weight: bold;
  width:auto;
  margin: 0 auto;
  color:#404040;
}
.galerie input,.galerie select,.galerie textarea {
  border: 1px solid rgb(0,0,0);
  font-size: 11px;
  margin-left: 20px;
  width: 250px;
}
.gal_text  {
  text-align:center;
}
.gal_tlacitko {
  border: 1px solid rgb(0,0,0);
  background-color: #ff8a00;
  color: #f8faff;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
/* Nadpis galerie */
.gal_nadpis {
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  text-decoration: underline;
  margin: 5px;
  font-family: "verdana","arial";
}
/* Nejaky upozorneni */
.gal_bacha {
  font-weight: bold;
  text-align: center;
  color: #404040;
  margin: 20px 0;
}
/* Tabulka v galerii */
.gal_table {
  text-align: left;
  width: 450px;
  font-size: 11px;
  margin: 5px auto;
  border: 1px dashed rgb(0,0,0);
  color: #404040;
  *margin-left:44px;
}
.gal_table a img {
  border: 1px solid rgb(70,70,70);
}
.gal_table a:hover img {
  border: 1px dashed rgb(0,0,0);
}
.gal_table td,.gal_table th {
  padding: 0 4px;
}
/* Bunka th v tabulce */
.gal_table th {
  font-weight: normal;
  font-style: italic;
  color: #404040;
 }
/* div v th :-) */
.gal_table th div {
  text-align: center;
}
/* Oznaceni strong v th tabulce :-) */
.gal_table th strong,.gal_table th strong a {
  font-size: 12px;
  font-style: italic;
  text-align: center;
  display: block;
  padding-top:2px;
}
/* Ovlivnuje navigaci vzdy dole/nahore na strance */
.gal_navigace {
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  margin-top: 10px;
}
.gal_strankovani {
  font-size: 11px;
  text-align: center;
  padding-top: 10px;
}
.gal_ident {
  text-align: right;
  font-size: 10px;
  margin-top:10px;
}

.gal_gal_titulek {
  font-size: 14px;
  text-align: center;
}


.gal_table_obr {
  margin: 0 auto;
  width: 480px;
}
.gal_table_obr td {
  padding: 5px;
  padding-top: 10px;
  font-size: 10px;
  text-align: center;
}
.gal_table_obr td a img {
  border: 1px solid #a1b6c3;
  padding: 5px;
}
.gal_table_obr td a:hover img {
  border-color: rgb(0,0,0);
}

.gal_admin  {
  font-style:italic;
  text-align:center;
}
.gal_titulek {
  font-weight:bold;
}
.gal_li {
  margin-bottom:-10px;
}


/*konec galerie */


.tabulka_pocasi {
  color: #FFFFFF;
  font-size:10px;
  margin-left:8px;
  margin-bottom:15px;
}
.tabulka_pocasi td {
  color: #FFFFFF;  
}
