body, table, p {font: 9pt Verdana, Tahoma, Helvetica, Arial; margin: 0px; scrollbar-face-color: #C0C0C0;}
/*.apple	{
	font: bold 12pt Comic Sans MS !important; color: black; text-decoration: none; background-color: #ffd500; height: 160px;}*/
#banner {width: 1156; height: 90px; background-color: #ffb500; /*border: #ffffff 1px solid;*/}
#banner a {float: left; margin: 5 5 5 15px; padding: 5px; border: 4px solid red; border-radius: 10px; -moz-border-radius: 10px;}
.apple a {
	font: bold 14pt Comic Sans MS !important; color: black; text-decoration: none; background-color: #FF7000; text-align: center; padding: 5 0 5 0px; margin: 0 10 5 5px; letter-spacing: 0.5em; display: block;}
.apple a:hover {
	font: bold 14pt Comic Sans MS !important; color: white; text-decoration: none; background-color: #FF7000; text-align: center; padding: 5 0 5 0px; margin: 0 10 5 5px; letter-spacing: 0.5em; display: block;}

/* navigace */
.navig 		{font: normal 8pt; color: #000000; text-align: left; background: #FFa500; margin: 0 -5 0 -10px; padding: 7px;}
.navig a				{font: normal 8pt; color: #29812A; text-decoration: underline; padding: 7px;}
.navig a:hover	{font: normal 8pt; color: #FFFFFF; text-decoration: none; padding: 7px;}

/* textová část */
h1				{font: bold 18pt Comic Sans MS !important; margin: 20 10 0 10px; padding: 15px; border-top: 2px groove white;	border-bottom: 2px groove white; letter-spacing: 4px; color: #FFFFFF; text-align: center;}
h1.popis	{font: bold 16pt Comic Sans MS !important; margin: 20 10 0 10px; padding: 10px; border: none;
						letter-spacing: 4px; color: #FFFFFF; text-align: center;}
h1 img  	{width: 55; height: 55; border: none; float: left; margin-top:-10px;}
h2				{font: normal 10pt Verdana, Tahoma, Helvetica, Arial; margin: 5 15 0 10px; text-indent: 20px; text-align: justify;}
h2.act		{font: bold 12pt Comic Sans MS; margin: 20 10 5 5px; color: #FFFFFF; text-align: left;
						letter-spacing: 2px; padding: 3px; background-color: red; border: 1px #FFFFFF solid; }
h2.act img {margin: 3px; border: none; width: 16; height: 16; float: right;}
h3, li		{font: normal 10pt Verdana, Tahoma, Helvetica, Arial; margin: 5 15 0 10px; color: #000000; text-align: justify;}
h4				{font: bold 9pt Verdana, Tahoma, Helvetica, Arial; margin: 0 15 0 10px; color: #000000; text-align: justify;}
h4.whi		{font: bold 9pt Verdana, Tahoma, Helvetica, Arial; margin: 0 15 5 10px; color: #FFFFFF; text-align: left !important;}
h4.blu		{font: bold 11pt Verdana, Tahoma, Helvetica, Arial; margin: 0 15 5 10px; color: #0000FF; text-align: left !important;}
h5				{font: normal 8pt Verdana, Tahoma, Helvetica, Arial;	margin: 0; color: #000000;}
hr.gre		{color: green; width: 70%; text-align: left; margin-left: 20px;}
img.mos   {border: none; width: 22; height: 22;}
.mos   		{font: bold 11pt Verdana, Tahoma, Helvetica, Arial; letter-spacing: 2px; color: #0000FF;}
img.logojab {float: right; border: none; width: 16; height: 16;}

a:link.ccc     {font: 10pt Verdana, Tahoma, Helvetica, Arial ; vertical-align: middle; color: black; text-decoration: none; font-weight: normal;}
a:visited.ccc  {font: 10pt Verdana, Tahoma, Helvetica, Arial ; vertical-align: middle; color: black; text-decoration: none; font-weight: normal;}
a:hover.ccc    {font: 10pt Verdana, Tahoma, Helvetica, Arial ; vertical-align: middle; color: white; text-decoration: none; font-weight: normal; background-color: red;}

a:link.text		{font: 10pt Verdana, Tahoma, Helvetica, Arial; font-weight: bold; color: #D20000; text-decoration: underline;}
a:visited.text	{font: 10pt Verdana, Tahoma, Helvetica, Arial; font-weight: bold; color: #D20000; text-decoration: underline;}
a:hover.text		{font: 10pt Verdana, Tahoma, Helvetica, Arial; font-weight: bold; color: #0000FF; text-decoration: none;}

a:link.maly    {font: 9pt Verdana, Tahoma, Helvetica, Arial ; color: black; text-decoration: none; font-weight: bold; vertical-align: middle;}
a:visited.maly {font: 9pt Verdana, Tahoma, Helvetica, Arial ; color: black; text-decoration: none; font-weight: bold;}
a:hover.maly   {font: 9pt Verdana, Tahoma, Helvetica, Arial ; color: white; text-decoration: none; font-weight: bold;}

/* h-menu */
a:link.hmenu      {font: bold 10pt Verdana, Tahoma, Helvetica, Arial; color: white; text-decoration: none; vertical-align: middle;}
a:visited.hmenu   {font: bold 10pt Verdana, Tahoma, Helvetica, Arial; color: white; text-decoration: none;}
a:hover.hmenu     {font: bold 10pt Verdana, Tahoma, Helvetica, Arial; color: black; text-decoration: none; background: #ffa500; padding: 2 0 2 0px;}

/* l-menu */
div.hol {background-color: yellow; cursor: help; font-weight: bold; display: block; width: 100%;}
.calend th {background-color: transparent; font: bold 8pt Verdana, Tahoma, Helvetica, Arial;}
p.menu          {width: 160px; height: 18px; font-size: 10pt; text-align: center; letter-spacing: 4px; background-color: #ffa500; font-weight: bold;}
.bod        		{width: 16px; height: 16px; border: 0; vertical-align: middle;}
a:link.menu      {font: bold 11pt Verdana, Tahoma, Helvetica, Arial; color: white; text-decoration: none; vertical-align: middle;}
a:visited.menu   {font: bold 11pt Verdana, Tahoma, Helvetica, Arial; color: white; text-decoration: none;}
a:hover.menu     {font: bold 11pt Verdana, Tahoma, Helvetica, Arial; color: black; text-decoration: none; background: #ffa500; padding: 2 0 2 0px;}

a:link.submenu    {font: bold 8pt Verdana, Tahoma, Helvetica, Arial; color: white; text-decoration: none; vertical-align: middle;}
a:visited.submenu {font: bold 8pt Verdana, Tahoma, Helvetica, Arial; color: white; text-decoration: none;}
a:hover.submenu   {font: bold 8pt Verdana, Tahoma, Helvetica, Arial; color: black; text-decoration: none; background: #ffa500; padding: 2 0 2 0px;}

/* p-menu */
.tlac         {text-align: center;}
.tlac a				{padding: 1px; display: block; border-width: 0px; width: 100px; border-style: inset;}
.tlac a:hover	{padding: 1px; display: block; border-width: 0px; width: 100px; border-style: outset; background: #FFFFFF;}

/* styl sql tabulek */
table.data		{font-family: Verdana, Tahoma, Helvetica, Arial; color: black; font-size: 8pt; width: 100%; border-color: black; background: #ffb500; border-collapse: separate;}
.data td      {padding: 5px;}
.jm 		 			{font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 8pt; font-weight: bold; margin-left: 40px; border-bottom: 3px dotted white; padding-bottom: .3em; color: #B00000;}
.zahl	 				{font-family: Verdana, Tahoma, Helvetica, Arial; color: #000000; font-size: 8pt; font-weight: bold; background: #e0e0e0; padding: 0 5 0 5px;}
.duvod        {font-weight: bold; color: #000000; text-decoration: none; background-color: white; padding: 3px;}
.adresa       {margin-left: 25px;}
.dnup  				{float: none; border: 0; vertical-align: bottom; margin: 0 8 0 8px;}
.licha        {background: #ffe500;}
.suda         {background: #ffd500; margin: 0 4 0 6px;}
a:link.data		{font: 8pt Verdana, Tahoma, Helvetica, Arial; font-weight: bold; color: #D20000; text-decoration: underline;}
a:visited.data	{font: 8pt Verdana, Tahoma, Helvetica, Arial; font-weight: bold; color: #D20000; text-decoration: underline;}
a:hover.data		{font: 8pt Verdana, Tahoma, Helvetica, Arial; font-weight: bold; color: #0000FF; text-decoration: none;}

a.druh 				{font: normal 12pt Comic Sans MS !important; border: 0; color: #000000; letter-spacing: 4px; display: block;
		margin: 0 10 0 10px; text-decoration: none;}
a.druh:hover 	{font: bold 12pt Comic Sans MS !important; border: 0; color: #FFFFFF; letter-spacing: 4px; display: block;
		margin: 0 10 0 10px; background-color: #FF8C00; text-decoration: none;}
#pocet        {font: normal 9pt Verdana, Tahoma, Helvetica, Arial; text-align: left; margin-left: 10px;}
#pri, #print	{display: none;}

/* kalendář akcí */
table.kalend 	{text-align: center; width: 98%; font: 10pt Verdana, Tahoma, Helvetica, Arial;}
.kalend tr 	 	{font: normal 12pt Comic Sans MS;}
.kalend td		{height: 30px; text-align: center; vertical-align: top; color: #000000; border-bottom: black 2px solid; border-right: #9F9F9F 4px solid;}

/*.table td				{font-size: 8pt; border: 1px red inset; border-collapse: collapse; height: 1.5em;}*/
.colspan5   	{background-color: #90EE90; width: 40px; height: 35px;}
.colspan2   	{background-color: #F0E68C; width: 40px; height: 35px; font-weight: bold; color: red !important;}
.akceoff 			{background-color: none; padding: 5px;}
.akceon 			{background-color: #FFFF00; padding: 5px;}
.akce		 			{background-color: none; padding: 5px;}
.akce1				{background-color: none; padding: 5px; color: #26A500;}
td.none				{background-color: #ffa530; border: 0px;}
th.zalozka		{background-color: #ffa530; width: 25%; letter-spacing: 0.5em; margin: 2px; text-align: center; border-bottom: black 2px solid;}
td a.zalozka 	{background-color: #ffa530; color: #FFFFFF; text-decoration: none; font-weight: bold; display: block; cursor: default;}
td a.zalozka:hover {background-color: yellow; color: #000000; text-decoration: none; font-weight: bold;}
img.ico     	{border: 0; float: right; vertical-align: top;}

/* fotogalerie */
#carousel_inner {
float:left; /* important for inline positioning */
width:630px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #FF4000;
}

#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:200px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:110px;
background: #000000;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll, #right_scroll{
float:left;
height:130px;
width:15px;
background: #FF4000;
}

#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}


/* tiskový výstup */
@media print{
#table, #table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #pocet, #top, #oiap {display: none;}
h1	{font: bold 18pt Comic Sans MS !important; margin: 20 10 0 10px; padding: 15px; border-top: 2px groove black;	border-bottom: 2px groove black; letter-spacing: 4px; color: #000000; text-align: center;}
h1.popis, h4.whi, h4.blu {color: black;}
a:link.text {font-weight: normal; text-decoration: none; color: black;}
#pri, #print {display: block; font-family: Times New Roman; font-size: 14pt; color: #000000; text-align: left;}
#banner {display: none;}
#stred {width: 1024px; color: #000000;}
.navig {display: none;}
fieldset {display: none;}
img.logojab {display: none;}
}

