BODY
{
  FONT-FAMILY: 'Verdana', Arial,Helvetica,Geneva,Sans-serif,sans-serif; 
	FONT-SIZE: 10pt;
  FONT-WEIGHT: normal;
	background:#ffffff;
  overflow: scroll;
        SCROLLBAR-FACE-COLOR: #009922;
        SCROLLBAR-HIGHLIGHT-COLOR: #eeffee;
        SCROLLBAR-SHADOW-COLOR: #cceecc;
        SCROLLBAR-3DLIGHT-COLOR: #fff8f8;
        SCROLLBAR-ARROW-COLOR: #6699cc;
        SCROLLBAR-TRACK-COLOR: #ddffdd;
        SCROLLBAR-DARKSHADOW-COLOR: #fff8f8;

}

TABLE
{	FONT-FAMILY: 'Verdana', 'Arial CE', sans-serif;
	FONT-SIZE: 10pt;
  FONT-WEIGHT: normal;
  TEXT-ALIGN: center;
  COLOR: #000000;
}
.tab_okolo
{	   background-image: url(img/bg.jpg);
}
.tab_lista
{	   background:#ffffff ;
		 background-image: url(img/bg_lista1.jpg);
		 background-repeat: no-repeat;
	   font-weight: bold;
     FONT-SIZE: 9pt;
     COLOR: #000000;
}
.tab_baner
{	   background:#ffffff ;
		 background-image: url(img/bg_baner.jpg);
		 background-repeat: no-repeat;
	   font-weight: bold;
     FONT-SIZE: 9pt;
     COLOR: #000000;
}
.nadpis1
{	   background-color:#ffffff;
	   font-weight: bold;
     FONT-SIZE: 13pt;
     COLOR: #000000;
     padding: 3px 25px 3px 25px; /* miesto nad, vpravo, pod, vlavo okolo textu*/
}
.nadpis2
{	   background-color:#ffffff;
	   font-weight: bold;
     FONT-SIZE: 13pt;
     COLOR: #dd0000;
     padding: 3px 25px 3px 25px; /* miesto nad, vpravo, pod, vlavo okolo textu*/
}
.nadpis3
{	   background-image: url(img/bg_nadpis3.jpg);
     BORDER-TOP: 1px solid #000000;
     BORDER-BOTTOM: 1px solid #000000;
	   font-weight: bold;
     FONT-SIZE: 13pt;
     COLOR: #000000;
     padding: 4px 25px 4px 25px; /* miesto nad, vpravo, pod, vlavo okolo textu*/
}
.textove_pole
{	   font-weight: normal;
     FONT-SIZE: 10pt;
     COLOR: #000000;
}
.ramik {
        BORDER-TOP: 2px solid #000000;
        BORDER-RIGHT: 2px solid #9999cc;
        BORDER-LEFT: 2px solid #000000;
        BORDER-BOTTOM: 2px solid #9999cc;
        }
.ramik1 {
        BORDER-TOP: 0px solid #000000;
        BORDER-RIGHT: 0px solid #000000;
        BORDER-LEFT: 0px solid #000000;
        BORDER-BOTTOM: 0px solid #000000;
        }        
.ramik2 {
        BORDER-TOP: 2px solid #229922;
        BORDER-RIGHT: 2px solid #006600;
        BORDER-LEFT: 2px solid #229922;
        BORDER-BOTTOM: 2px solid #006600;
        }
.ramik3 {
        BORDER-TOP: 2px solid #000000;
        BORDER-RIGHT: 2px solid #000000;
        BORDER-LEFT: 2px solid #000000;
        BORDER-BOTTOM: 2px solid #000000;
        }        

.obtekanie_left {
       float: left; 
		   margin: 0px 20px 0px 0px; /* miesto nad, vpravo, pod, vlavo okolo textu*/
	     }
.obtekanie_right {
       float: right; 
		   margin: 0px 0px 0px 20px; /* miesto nad, vpravo, pod, vlavo okolo textu*/
	     }
	

	ul#mainMenu {
		width:170px; /* šírka menu */
	}
	
	ul#mainMenu, ul  {
		padding:0;
		margin:0;   /* miesto medzi vlavo a vpravo od tlacitka tlacitka*/
		list-style-type:none;
	}

	ul#mainMenu ul {
		position:absolute;
		width:166px; /* šírka vyskakovacieho menu */
		top:0;       /* miest zhora kde vyskoci menu */
		left:160px; /* miesto zlava kde vyskoci menu */
		visibility:hidden;
		background-color:#009240;		/* farba podkladu vo vyskakovacom menu */	
	}
	
	ul#mainMenu li {
		position:relative;
    padding:0px 0px 4px 0px;   /* miesto nad, vpravo, pod, vlavo tlacitkami v zakladnom menu */
		width:160px;  /* šírka tlacítka */

	}
	
	ul#mainMenu a {
		font-size:12px;
		color:#000000; /* farba písma v zakladnom menu */
    padding: 6px 0px 6px 0px; /* miesto nad, vpravo, pod, vlavo  - okolo pisma v zakladnom menu */
    BORDER-TOP: 1px solid #ffffff;
    BORDER-BOTTOM: 1px solid #000000;
    BORDER-LEFT: 1px solid #ffffff;
    BORDER-RIGHT: 1px solid #000000;
    background-image:  url(img/tlacitko.jpg);
		display:block;
    FONT-WEIGHT: bold;
		text-decoration:none;
		width:100%;
	}
	
	ul#mainMenu a:hover, ul#mainMenu li:hover a, ul#mainMenu li.hover a {
    background-image:  url(img/tlacitko1.jpg);
    BORDER-TOP: 1px solid #000000;
    BORDER-BOTTOM: 1px solid #ffffff;
    BORDER-LEFT: 1px solid #000000;
    BORDER-RIGHT: 1px solid #ffffff;
		color:#ffffff;            /* farba pisma v zakladnom menu ked je nad nim mys*/
	}	
 ul#mainMenu li:hover ul a, ul#mainMenu li.hover ul a {
    background-image:  url(img/tlacitko.jpg);
    BORDER-TOP: 1px solid #ffffff;
    BORDER-BOTTOM: 1px solid #000000;
    BORDER-LEFT: 1px solid #ffffff;
    BORDER-RIGHT: 1px solid #000000;
		color:#000000;            /* farba pisma vo vyskakovacom menu*/
	}
	
	ul#mainMenu li:hover ul a:hover, ul#mainMenu li.hover ul a.hover {
    background-image:  url(img/tlacitko1.jpg);
    BORDER-TOP: 1px solid #000000;
    BORDER-BOTTOM: 1px solid #ffffff;
    BORDER-LEFT: 1px solid #000000;
    BORDER-RIGHT: 1px solid #ffffff;
		color:#ffffff;            /* farba pisma vo vyskakovacom menu ked je nad nim mys*/
	}
	

	ul#mainMenu li li {
		border:0px;
    padding:1px 0px 1px 0px;   /* miesto nad, vpravo, pod, vlavo tlacitkami vo vyskakovacom menu */
	}
	ul#mainMenu li {
		behavior: url(../hover.htc);

	}
/* level 2 */	
	ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
		visibility:visible;
	}
	ul#mainMenu li:hover ul ul, ul#mainMenu li.hover ul ul{
		visibility:hidden;
	}
/* level 3 */
	ul#mainMenu li:hover ul li:hover ul , ul#mainMenu li.hover ul li.hover ul{
		visibility:visible;
	}