/*-------------------------------------------------------------
Cascade Style Sheets - Screen Template
-------------------------------------------------------------*/
/* colors  00-33-66-99-cc-ff   0-20-40-60-80-100%  0-51-102-153-204-255 */

/*----------------------- Vseobecne definicie -----------------------------*/
img {
 border: 0;            /* aby nemali img ramcek */
}
hr {
 display: none;
}

body {
 margin: 0;            /* odskok od ramceka zvoku */
 padding: 0;           /* odskok od ramceka zvnutra */
 text-align: center;   /* pre MSIE - aby centroval */

 font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 1.4em;
 /*padding: 30px;          /* pre MSIE - aby spodny okraj bol */
  position: relative;
  
 color: black;
 background: white url(../images/body-bkg-01.gif);  /* farba pod textom + pozadie-obrazok */
} 

/*----------------------- Pouzivana oblast 760px v strede -----------------------------*/

#canvas {
 width: 760px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 45px;                 /* vzdialenost od vrchu - ak nie je nic sa nedeje */
 margin-bottom: 15px;              /* vzdialenost od spodku - ak nie je tak spodok nie je oddeleny */
 border-top: 0px solid;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 text-align: left;
 position: relative;       /* nutne zopakovat, nestaci v body */

 background-color: white;             /* farba pozadia platna  */
 background-image: url(../images/canvas-bkg-01.gif);  /* farba pod textom + pozadie-obrazok */
}

/*----------------------- Horna hlavicka -----------------------------*/

/* Header and main navigation
---------------------------------------------- */
#header {
 height: 96px;  /* ak mensie ako obrazok pise cez neho*/
 text-align: center;
 margin-top: 0px;
 border-top: 1px solid #ccc;     /*  siva ciara nad obrazkom */
 border-bottom: 1px solid #ccc;  /*  siva ciara pod obrazkom */
 background: #333 url("../images/head-img-01.jpg") no-repeat right top; 
}

#header img {
 border: 0;
 display: block; 
}

#header a {    /* Welcome to my homepage */
 /* display: none; */
 background-color: transparent;
 font-family:  Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;   /* Logo ma iny font */
 font-size: 1em;
 font-weight: normal;
 position: absolute;
 left: 63px;
 top: 54px;
 margin: 0;
 padding: 0;
 color: #09f;
 /* color: transparent; */
}

/*----------------------- Menu - on top -----------------------------*/

/* Menu to highlight */
#canvas #HmenuAct a {            /* Horizontalne menu - aktivne */
 color: rgb(6,6,6);
 background-color: inherit;
}

/* Menu colors and frame */

#menu {
 margin: 0;
 padding: 0 15px 0;
 list-style: none;
 font-size: 1em;
 line-height: normal;
}

#menu span a {                   /* Horizontalne menu - vsetky*/
 color: rgb(96,96,96);
 background-color: inherit;
}

#menu span a:hover {             /* Horizontalne menu - vsetky - ak mys na nich */
 color: rgb(0,0,0);
 background-color: inherit;
}


#menu span {
 float: left;
 margin: 0;
 padding: 0;
 color: #333;
 background: transparent url("../images/nav-middle-01.png") no-repeat right bottom;
}

#menu span.left {
 background: transparent url("../images/nav-left-01.png") no-repeat left bottom;
}

#menu span.right {
 background: transparent url("../images/nav-right-01.png") no-repeat right bottom;
}

#menu span.right a {
 border-right: 0;
}

#menu  a {
 float: left;
 display: block;
 width: .1em;
 padding: 7px 15px 7px 15px;
 text-decoration: none;
 font-weight: bold;

 color: #333;
 background-color: transparent;
 border-right: 1px solid #cecece;
 
}

#menu  a {
 width: auto;
}

#main {
 clear: both;
 position: relative;
 margin-top: 45px;
 padding-bottom: 10px;
}

#main a  {
 text-decoration: none;       /* dekoracia pociarknutie atd linkov po nabehnuti mysi, aby neboli pomlcky medzi obrazkami */
 font-weight: bold;
 color: #cc6600;
 background-color: transparent;
}

#main a:hover {
 text-decoration: none;
 font-weight: bold;
 background-color: transparent;
 color: #630;                  /* farba linkov po nabehnuti mysi */
}

#maincontent {
 float: right;
 padding-right: 20px;
 padding-bottom: 15px;
 width: 520px;
 w\idth: 500px; /* MSIE hack */
}

#widescr #maincontent {
 width: 720px;
}

/*----------------------- Submenu - on side -----------------------------*/

#submenu {
 width: 220px;
 float: left;
 line-height: normal;
}

#submenu a {  /* Vertikalne menu */
 line-height: normal;
 text-decoration: none;
 /* font-weight: normal; */
 color: #960;
}

.submenuhead {
 margin-bottom: 20px;
 padding-bottom: 10px;
 margin-left: 15px;

 color: #444;
 background: transparent url("../images/box-bottom-01.png") no-repeat bottom left;
}

.submenuhead  div {
 padding: 10px 5px;
 border: 0px solid red;
 color: #000;
 background: transparent url("../images/box-middle-01.png") repeat-y left top;
}

#submenu h3 {
 margin: 0;
 padding: 8px 10px 8px 10px;
 font-size: 1em;
 font-style: normal;
 color: #444;
 background: transparent url("../images/box-top-01.png") no-repeat top left;        
}

#submenu ul {
 margin: 0.25em 0.75em 0.25em 0;
 padding-top: 0;
 padding-left: 10px;
 font-size: 1em;
 line-height: 1.3em;
}

#submenu li {
 margin-bottom: 0.5em;
 line-height: 1.4em;
 list-style-type: none;
}

#submenu2 {
 /* display: none;   /* aby nevynechal riadok s.107  */
 /*  font-size: smaller;  */
 padding: 0;
 background: transparent;
}

/*----------------------- end of first block code --------------------------------*/

#maincontent h1, #maincontent h2, #maincontent h3, #maincontent blockquote {
 line-height: 1.4em;

 background-color: transparent;
 color: #003366;
 /*siva*/
 color: #0aa;
}

#maincontent h1, #maincontent h2 {
 font-size: 1.3em;
 font-weight: bold;
 margin: 1.25em 0 0.5em 0;
 padding: 2px 0;
 border-bottom: 2px solid #003366;
 
 /*siva*/
 border-bottom: 2px solid #9f9f9f;  

}

#maincontent h1 {
 font-size: 1.5em;
}

#maincontent .first {
 margin-top: 0;
 color: #C16100;
}

#maincontent h3 {
 font-size: 1.1em;
 margin: 1em 0 0.25em 0;
 padding: 0;
}

#maincontent h4 {
 font-size: 1em;
 margin: 1em 0 0.25em 0;
 padding: 0;
}

#maincontent blockquote {
 font-size: 1.1em;
 line-height: 1.4em;
 text-align: left;
 font-weight: bold;
 margin: 1em 0 1em 0;
 padding: 0;
}

#maincontent blockquote p {
 margin: 0;
 padding: 0;
}

#maincontent ul {
 font-size: 1em;
 line-height: 1.5em;
 padding-top: 0;
 padding-left: 15px;
 margin: 0.75em 0.25em 0.75em 1em;
}

#maincontent li {
 margin-bottom: 0.1em;
}

#maincontent p {
 font-size: 1em;
 padding: 0;
 margin: 0.25em 0 0.5em 0;
}

#maincontent p.highline-box-01 {
 padding: 10px 7px;
 margin: 1em 0;

 color: #C16100;
 border: 1px solid #ffe4b5;
 background-color: #fff8dc;
}                  

#maincontent p.highline-box-02 {  /* pouzivam */
 padding: 6px 7px;
 margin: 1em 0;

 color: #003366;
 background-color: #d9ecfb;
 border: 1px solid #9DCDF4;
}

#maincontent p.foot {
 font-size: 0.85em;
 padding: 6px 7px;
 margin: 1em 0;

 color: #000;
 background-color: #eee;
 border: 1px solid #cecece;
}

/* Footer
----------------------------------------------- */
#footer { /* Copyright  */
	font-size: 0.85em;
	margin-left: 240px;
	margin-right: 15px;
	padding-left: 2px;
	clear: both;

	color: #666;
	background-color: transparent;
	border-top_Disabled: 1px solid #999;
	/*siva*/
	border-top_Disabled: 1px solid #9f9f9f;
	border-top-color: #9f9f9f;
}
#widescr #footer {
 margin-left: 20px;
}



#footer a {              /* zobrazenie linkov */
  font-weight: normal;  /* aby nerobil link ako bold */   
  /* text-decoration: none;       */                    /* aby nepociarkol */
  
  /* target: "_blank"  */
  color: #666;
  /*siva*/
  color: #777;
}

#footer a:hover {        /* linky po nabehnuti mysi */
 /* text-decoration: none; */
 font-weight: normal; 

 background-color: transparent;
 /* color: #666;                  */
 /*siva*/
  color: #999;
} 

#fotky  img {
 border: 1px solid #777;
 vertical-align: middle;
 margin: 15px;
}

#LeftPic img {
 float: left;
 border: 1px solid #777;
 vertical-align: middle;
 margin: 35px;
}

#bunkaref {
 display: table-row;
 text-align: left;
  
}
#bunkaref img {
 float: left;
 border: 1px solid #777;
 vertical-align: middle;
 margin: 10px;
}
#pocitadlo  a {
 background: transparent;
 color: #777;
 left: 3px;
 visibility:hidden;
}

#pocitadlo  a:hover  {
 background: transparent;
 color: #777;
 left: 3px;
  visibility:hidden;
}