/* telo,logo
----------------------------------------------- */
body {background-color : #dfdfe0; margin: 0; padding: 0;}
#main {width: 757px; background-color: #ffffff; border: solid 1px black;}
#logo {width: 100%; background-color: #db854a;height:60px;}
#logo p {margin: 0px; padding: 10px 20px 10px;} 
#logo img {padding: 5px 10px 6px;}


#telo {width: 757px; text-align: left;}
#ptelo {width: 577px;}
#pravy {width: 179px; border-left: 1px #a7a7a7 dotted; background-color:#f6f6f6;color:#4D6162;text-align: center;height:100%;}
#pravym {width: 179px; border-left: 1px #a7a7a7 dotted; background-color:#db854a;padding: 0;}
#floatend {clear: both;width: 757px; margin: 0; padding: 0;white-space:nowrap;}
#obr {background-color:#efeedc;}
#datum {padding: 7px 10px 6px; color: #ffffff; text-decoration:none;font-family:Verdana;font-size:8pt;}
#lciara {background-color:#db854a;background-repeat:no-repeat;width:577px;height:15px;}
#pciara {width: 179px;border-left: 1px #a7a7a7 dotted; background-color:#d37736;height:15px;}
#ciara {width: 757px; text-align: left;}
#ram {width: 757px;}
#pravy p {margin: 0; padding: 5px 0;}
#paticka {width: 757px; padding: 5px 0 5px 0; border-top: 1px #a7a7a7 dotted;height:20px;font-family:Verdana;font-size:8pt;color:#4D6162;}
#obr1 {margin-left:10px;}

ul.sm {list-style:none;}
li.mesto {padding:2px 5px 2px 5px;font-family:Verdana;font-size:8pt;color:#000;text-decoration:none;}
li.samosprava {background:url("images/kockaoff.gif") no-repeat 4px 5px;padding:2px 5px 2px 20px;line-height:normal;text-indent:0;}
li.oddych {background:url("images/kockaoff.gif") no-repeat 4px 5px;padding:2px 5px 2px 20px;line-height:normal;text-indent:0;}
a.msu {font-family:Verdana;font-size:11px;color:#485569;text-decoration:underline;}
a.msu:hover {font-family:Verdana;font-size:11px;color:#000;text-decoration:underline;}
a.sluzby {font-family:Verdana;font-size:11px;color:#485569;text-decoration:underline;}
a.sluzby:hover {font-family:Verdana;font-size:11px;color:#000;text-decoration:underline;}
a.tlaciva {font-family:Verdana;font-size:11px;color:#485569;text-decoration:underline;}
a.tlaciva:hover {font-family:Verdana;font-size:11px;color:#000;text-decoration:underline;}
a.infoservis {font-family:Verdana;font-size:11px;color:#485569;text-decoration:underline;}
a.infoservis:hover {font-family:Verdana;font-size:11px;color:#000;text-decoration:underline;}
td.turistika {background-color:#aabbcb;}
td.turistika2 {background-color:#cccccd;}

/* banner pod novinkou - menu + aktuality
----------------------------------------------- */
#tlave {background-color:#d37736;background-repeat:no-repeat;width:210px;height:25px;}
#tprave {background-color:#db854a;background-repeat:no-repeat;width:367px;height:25px;}
#tlave ul {margin:0px;padding:0px 5px;list-style:none;font-size:85%;text-transform:lowercase;}
#tlave li {margin:0;background-image:none;line-height:normal;text-indent:0;padding:3px 5px 6px;}
#tlave li strong {font-weight:bold;color:#ffffff;font-family:Verdana;font-size:8pt;}
#tprave ul {margin:0px;padding:0px 5px;list-style:none;font-size:85%;text-transform:lowercase;}
#tprave li {margin:0;background-image:none;line-height:normal;text-indent:0;padding:3px 5px 6px;}
#tprave li strong {font-weight:bold;color:#ffffff;font-family:Verdana;font-size:8pt;}

/* banner menu
----------------------------------------------- */
#menulavy {background-color:#f6f6f6;background-repeat:no-repeat;width:210px;padding:0;font-family:Verdana;font-size:8pt;color:#485569;}
#menulavy ul {margin:0;padding:0 10px;list-style:none;font-size:85%;}
#menulavy ul a.side {color:#586172;}
#menulavy ul a:hover.side { color:#000;} 
#menulavy ul li {margin:0 0 2px;padding:0 0 0 5px;}
#menulavy li.offsite {background:url("images/kockaon.gif") no-repeat 4px 5px;padding-left:20px;}
#menulavy li.bulleted {background:url("images/kockaoff.gif") no-repeat 4px 5px;padding-left:20px;}
#menulavy a {color:#000;text-decoration:none;font-family:Verdana;font-size:8pt;}
#menulavy a:hover {color:#226699;text-decoration:none;font-family:Verdana;font-size:8pt;}
#mpravy {background-repeat:no-repeat;width:367px;}
#mpravy ul {margin:0;padding:0 10px;list-style:none;font-size:85%;}
#mpravy ul li {margin:0 0 2px;padding:0 0 0 5px;}
#mpravy li a {padding:0 20px 0 0;font-family:Verdana;font-size:8pt;color:#4D6162;text-decoration:none;}
#mpravy li a:hover {padding:0 20px 0 0;font-family:Verdana;font-size:8pt;color:#226699;text-decoration:none;}
#mpravy li.offsite a {background:url("images/kockaon.gif") no-repeat 4px 5px;padding:0 20px 0 20px;font-family:Verdana;font-size:8pt;color:#000;text-decoration:none;}
#mpravy li.bulleted a {background:url("images/kockaoff.gif") no-repeat 4px 5px;padding:0 20px 0 20px;font-family:Verdana;font-size:8pt;color:#000;text-decoration:none;}

/* menu-navigacia
----------------------------------------------- */
#navi {background-color:#dddddd;background-repeat:no-repeat;float:left;width:577px;border:solid #db854a;border-width:1px 0px 1px 0px;}
#navi ul {margin:0;padding:0 20px;list-style:none;font-size:85%;text-transform:lowercase;}
#navi li {float:left;margin:0;padding:0;background-image:none;line-height:normal;text-indent:0;}
#navi #pr li {float:left;margin:0;padding:0;width:300px;background-image:none;line-height:normal;text-indent:0;font-size:100%;text-transform:lowercase;}
#navi a {display:block;padding:5px 10px 6px;border:solid #db854a;border-width:0px 1px 0px 0px;color:#000000;text-decoration:none;white-space:nowrap;font-family:Verdana;font-size:8pt;}
a.aktivne {display:block;font-weight:bold;border:solid #db854a;border-width:0px 1px 0px 0px;text-decoration:none;color:#226699;background-color:#db854a;padding:0;background-repeat:no-repeat;}
#navi a:hover { color:#ffffff;background-color:#db854a;background-repeat:no-repeat;}
a.aktivne strong {color:#ffffff;}

#navi #h {border-left-width:1px;}

/* aktuality
----------------------------------------------- */
h1 {font-family:Verdana;font-size:18px;color:#485E69;text-decoration:none;height:20px;font-weight:bold;margin:0.5em;}
h2 {font-family:Verdana;font-size:17px;color:#485E69;text-decoration:none;height:20px;font-weight:bold;margin:0.5em;}
h3 {font-family:Verdana;font-size:16px;color:#485E69;text-decoration:none;height:20px;font-weight:bold;margin:0.5em;}
h3 a {font-family:Verdana;font-size:16px;color:#485E69;text-decoration:none;height:20px;font-weight:bold;}
#aktual {font-family:Verdana;font-size:9pt;color:#485569;text-decoration:none;line-height:1.3em;padding:0px 20px 0px 20px;}
#msg {margin-top:3px;border-top:1px dotted #ccd;padding-top:4px;}
#koment {margin:3px 0 5px;border-top:1px dotted #ccd;padding-top:4px;font-family:Verdana;font-size:8pt;color:#75756C;}
#koment a {font-family:Verdana;font-size:8pt;color:#75756C;text-decoration:none;}
#koment a:hover {font-family:Verdana;font-size:8pt;color:#000;text-decoration:none;}

.trnava {font-family:Verdana;font-size:11px;color:#000;text-decoration:none;}
.trnava:hover {font-family:Verdana;font-size:11px;color:#fff;text-decoration:none;}
.jazyk {font-family:Verdana;font-size:11px;color:#000;text-decoration:none;}
.jazyk:hover {font-family:Verdana;font-size:11px;color:#fff;text-decoration:none;}

a { color:#113355; text-decoration:none; }
a:hover { color:#113355; text-decoration:underline; }

a.side { color:#4D6162; text-decoration:none; }
a:hover.side { color:#6D6D63; text-decoration:underline; }

a.white { color:#eee; text-decoration:none; }
a:hover.white { color:#eee; text-decoration:underline; }

form { margin:0px 0px 0px 0px; }

hr { height:1px; color:#ddd }
hr.side-hr { height:1px; color:#ddd }

pre { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; }

.alt { color:#666; }

.header2 {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;
	color:#eee;
	padding:0px 4px 4px 4px;
}

.button {
	font-family:Tahoma,Arial,Verdana,Sans-Serif;
	font-size:10px;font-weight:bold;
	color:#4d6162; background-color:#ededed;
	border-top:#6d6d63 1px solid;
	border-right:#6d6d63 1px solid;
	border-bottom:#6d6d63 1px solid;
	border-left:#6d6d63 1px solid;
	margin-top:2px;
}
	
.textbox {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;
	color:#000; background-color:#fff;
	border:1px #6D6D63 solid;
}

.main-bg { padding:10px; }

.side-border-left { padding:10px 0px 10px 0px; }
.side-border-right { padding:10px 0px 10px 0px; }

.main-body {color:#485569;font-family:Verdana;font-size:11px;line-height:1.1em;}

.side-body {font-family:Verdana;font-size:11px;
	color:#4D6162; background-color:#f6f6f6;
	padding:4px 4px 6px 4px;
	border-bottom:1px dotted #6D6D63;
}

.side-body2 {font-family:Verdana;font-size:11px;
	    color:#4D6162; background-color:#f6f6f6;
	    padding:4px 4px 6px 4px;

	}

.border {}

.infobar {
	font-size:9px;
	color:#000; background-color:#eee;
	padding:2px 4px 6px 4px;
}

.caption {font-family:Verdana;font-size:12px;font-weight:bold;color:#485569;padding:0px 4px 4px 4px;text-transform:none;border-bottom:1px dotted #ccd;}

.side-caption {
	font-family:Verdana;
	font-size:10px; 
	font-weight:bold;
	color:#485569;
	padding:0px 4px 3px 4px;
	background-color:#efeedc;
}

.tbl-border { background-color:#bbb; }
.tbl { font-size:11px; padding:3px 4px 3px 4px; }
.tbl1 {	font-size:11px; color:#000; background-color:#eee; padding:4px; }
.tbl2 { font-size:11px; color:#000; background-color:#ddd; padding:4px; }

/* test roman */
.telefon { bacground-color="#cccccd";font-family:Verdana;font-size:11px;line-height:1.1em; }
.td.telefon { background-color="#ffffff"; }
/* end test roman	*/

.forum-caption {
	font-size:10px; font-weight:bold;
	color:#eee; background-color:#004a80;
	padding:2px 4px 4px 4px;
}

.quote {
	color:#000; background-color:#fff;
	padding:2px;
	margin:0px 20px 0px 20px;
	border:1px #004a80 solid;
}
	
.poll { height:12px; border:1px #000 solid; }

.comment-name { font-weight:bold; color:#113355; }

.shoutboxname { font-weight:bold; color:#113355; }
.shoutbox { color:#555; }
.shoutboxdate { font-size:9px; color:#333; text-align:right; }

.small { font-size:10px; font-weight:normal; }
.small2 { font-size:10px; font-weight:normal; color:#555; }
.side-small { font-size:9px; font-weight:normal; color:#333; }
.side-label { background-color:#ddd; padding:2px; }

.gallery { padding: 16px 0px 8px 0px; }
.gallery img { border: 1px solid #ccc; filter: gray; }
.gallery:hover img { border: 1px solid red; filter: none; }
img.activegallery { border: 1px solid green; filter: none; }

		
/* IE hack
----------------------------------------------- */
/* skryt pred IE-mac \*/
/* IE nevie zobrazit border dotted, teda bodkovanu ciaru, namiesto toho robi ciarkovanu, aj to pokazenu.
tymto hackom to nastavime na klasicku rovnu. */
* html #pravym {border-left: 1px #a7a7a7 solid;}
* html #pravy {border-left: 1px #a7a7a7 solid;}
* html #pciara {border-left: 1px #a7a7a7 solid;}
* html #paticka {border-top: 1px #a7a7a7 solid;}
/* koniec :)*/

