/* CSS Document */

body
{
  margin: 0px;
  background-color: black;/*#373737;*/
  background-image: url(../images/design/h_bok.gif);
  background-repeat: repeat-x;
}

#hlavny
{
  margin-top: 0px;
  margin-bottom: 0px;
  width: 1024px;
  margin-left: auto;
  margin-right: auto; 
  position: relative;
}

#h_lavy
{
  width: 49px;
  height: 271px;
  float: left;
  margin: 0px;
}

#h_top
{
  width: 957px;
  height: 31px;
  float: left;
  margin: 0px;
  position: relative;
}

#h_sk
{
  width: 33px;
  height: 31px;
  float: left;
  margin: 0px;
  background-image: url(../images/design/h_sk.gif);
  background-repeat: no-repeat;
  position: relative;
}
#h_en
{
  width: 34px;
  height: 31px;
  float: left;
  margin: 0px;
  background-image: url(../images/design/h_en.gif);
  background-repeat: no-repeat;
  position: relative;  
}
#h_pravy
{
  width: 49px;
  height: 271px;
  float: left;
  margin: 0px;
}
#h_header
{
  position: relative;
  float: left; 
  width: 1024px;
  height: 299px;
  margin: 0px;
}
#h_podmenu
{
  width: 1024px;
  height: 59px;
  float: left;
  margin: 0px;
}

#h_bok
{
  width: 100%;
  height: 366px;  
  margin: 0px;
  top:0px;
  position: relative;
  background: url(../images/design/h_bok.gif);
}

#textbox
{
  position: relative; 
  width: 1024px;  
  margin:0px;
  background-color: #D4D4D4;
  float: left;
}
#text
{  
  width: 764px; 
  float: left;
  /*margin: 0px 30px 30px 30px;*/
  margin-top: 0px;
  margin-left: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
  background-color: #D4D4D4;
}
#bocna-lista               
{
  width: 190px; 
  float: left;
  text-align: center;
  background-color: #D4D4D4;
}

#footer
{
  float: left;
  width: 1024px;
  height: 40px;
  margin: 0px;
  /*background-color: #878787;*/
  background-color: #D4D4D4;
  border-top: 1px #878787 solid;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  font-family: verdana;
  font-size: 10px;
}


table#MAIL     {border:outset 0; width:430px; margin-left: auto; margin-right:auto;} 
table td       {border:inset 0; font-family: verdana; font-size: 12px;} 
table tr#HEAD  {font-weight:bold; 
                font-family: verdana;
                font-size: 12px;
                text-align:center; 
                background-color:#F0F0F0} 
table td#CELL1 {width:120px} 
table td#CELL2 {width:280px; text-align: right;}
table td#CELL3 {text-align: right;}
table td#CELL4 {text-align: center;}  
  
  
#text a.odkaz:link {
	COLOR: #ba0707; FONT-FAMILY: verdana; FONT-SIZE: 10pt; TEXT-DECORATION: none; font-weight: bold;
}
#text a.odkaz:visited {
	COLOR: #ba0707; FONT-FAMILY: verdana; FONT-SIZE: 10pt; TEXT-DECORATION: none;font-weight: bold;
}
#text a.odkaz:hover {
	COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 10pt; TEXT-DECORATION: none;font-weight: bold;
}


h1{border-bottom:3px solid #ba0707; color:black; text-decoration: none; text-align: left; padding-left: 0px; font-family: Arial Narrow; letter-spacing: 1pt; margin-top: 30px; margin-bottom: 30px; font-size: 22px;}
h2{font-family: Arial Narrow; text-align: left; font-size: 16px; font-weight: bold; text-decoration: none; letter-spacing: 1pt; margin-bottom: 10px;}
h3{font-family: verdana; font-size: 17px; }
h4{font-family: verdana; text-align: left; font-size: 14px; text-decoration: underline; margin-top: 20px; margin-bottom: 20px;}

#bocna-lista p.bocna_nad
{
  font-family: Arial Narrow;
  font-weight: bold;
  margin-top:0px;
  text-align: left;
  border-bottom: 3px solid #ba0707;
}
#bocna-lista p.bocna
{
  font-family: Arial Narrow;
  font-weight: bold;
  margin-top:10px;
  margin-bottom:7px;
}
#bocna-lista a.bocna:link, #bocna-lista a.bocna:visited
{
  font-family: Arial Narrow; font-weight: bold; margin-top:0px; text-decoration: none; color: #ba0707;
}
#bocna-lista a.bocna:hover
{
  font-family: Arial Narrow; font-weight: bold; margin-top:0px; text-decoration: none; color: black;
}

#text p
{
  font-family: tahoma;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  text-align: justify;
}
#text p.vpravo
{
  font-family: tahoma;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  text-align: right;
  margin-left: 5px;
  margin-right: 5px;
}
#text p.info
{
  font-family: tahoma;
  font-size: 11px;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
}

#text ul, #text li, #text ol
{
  font-family: tahoma;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  text-align: justify;
  margin: 3px;
}
#text span.zvyraz
{
  color: rgb(204,0,0);
  font-weight: bold;
}

#text a.ludia:link, a.ludia:visited
{
  font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none; color: #ba0707;
}
#text a.ludia:hover
{
  font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: underline; color: black;
}

#text a.ludiaext:link, a.ludiaext:visited
{
  font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: none; color: #ba0707;
}
#text a.ludiaext:hover
{
  font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: underline; color: black;
}

table.ludia1
{
  width: 100%;
  border: 0px solid black;
  border-collapse: collapse;
  font-family: tahoma;
  font-size: 12px;
  text-decoration: none;
}

table.ludia1 td
{
  font-weight: normal;
  font-family: tahoma;
  font-size: 12px;
  text-decoration: none;
  border-bottom: 0px rgb(146,146,146) solid;
}
table.ludia1 td.L1
{
  font-weight: bold;
  padding-left: 15px;
  width: 130px;
}
table.ludia1 td.L2
{
  font-family: verdana;
  font-size: 13px;
  font-weight: bold;
  padding-left: 15px;
  width: 150px;
  padding-bottom: 10px;
}
table.ludia1 td.L3
{
  font-weight: normal;
  font-family: tahoma;
  font-size: 12px;
  text-decoration: none;
  padding-bottom: 10px;
}
table.ludia1 th
{
  font-family: verdana;
  font-size: 17px;
  text-decoration: none;
  font-weight: bold;
  padding-bottom: 10px;  
  text-align: left;
}

table.cennik1
{
  width:100%;
  margin-top: 20px;  
  font-family: tahoma;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  border: 0px solid black;
  border-collapse: collapse;  
}
table.cennik1 td
{
  font-family: verdana;
  font-size: 11px;
  text-decoration: none;
  font-weight: normal;
}
table.cennik1 td.td_r
{
  font-family: verdana;
  font-size: 11px;
  text-decoration: none;
  font-weight: normal;
  text-align: right;
}
table.cennik1 th
{
  border-bottom: 0px black solid;
  /*background-color: rgb(153,0,0);*/
  background-color: #ba0707;
  color: white;
}

table.ekonomika-mesiac
{
  width:100%;
  margin-top: 20px;  
  font-family: tahoma;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  border: 0px solid black;
  border-collapse: collapse;  
}
table.ekonomika-mesiac th
{
  border-bottom: 0px black solid;
  /*background-color: rgb(153,0,0);*/
  background-color: #ba0707;
  color: white;
}
table.ekonomika-mesiac td
{
  font-family: verdana;
  font-size: 11px;
  text-decoration: none;
  font-weight: normal;  
  padding-top: 8px;
  border-bottom: 1px rgb(150,150,150) solid;      
}

table.ekonomika-mesiac tr.second
{
  /*background-color: rgb(255,192,184);*/
}

table.ekonomika-mesiac td.hlavicka
{
  font-family: verdana;
  font-size: 10px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;  
  border: 1px rgb(170,170,170) solid;
  padding: 0px;
  background-color: rgb(180,180,180);
}

.mid
{
  text-align: center;
}

table.partneri { width: 100%; border:0; }
table.partneri td.partneri-td { vertical-align: middle; width:25%; text-align:center; }

table.ponukafoto { width: 100%; border:0; }
table.ponukafoto td.ponukafoto-td { vertical-align: middle; width:25%; text-align:center; padding-bottom:8px;}

table.cv { border: 0; }
table.cv td.cv-td { width: 140px; padding-left:30px; vertical-align: top; }
table.cv td.cv-td1 { font-weight: bold; }
table.cv td.cv-td2 { font-weight: normal; text-align: justify;}

#text a.link-ponuka:link, #text a.link-ponuka:visited 
{font-size: 14px; color: #ba0707; font-weight: bold; font-family: Arial Narrow; text-decoration: none;}
#text a.link-ponuka:hover 
{font-size: 14px; color: black; font-weight: bold; font-family: Arial Narrow; text-decoration: none;}

#text a.link-archiv:link, #text a.link-archiv:visited 
{font-size: 14px; color: #ba0707; font-weight: bold; font-family: Arial Narrow; text-decoration: none;}
#text a.link-archiv:hover 
{font-size: 14px; color: black; font-weight: bold; font-family: Arial Narrow; text-decoration: none;}

#text a.link-galeria:link, #text a.link-galeria:visited 
{font-size: 14px; color: #ba0707; font-weight: bold; font-family: Arial Narrow; text-decoration: none;}
#text a.link-galeria:hover 
{font-size: 14px; color: black; font-weight: bold; font-family: Arial Narrow; text-decoration: none;}


.fotonahlad
{
  width: 100%;
  float: left;
}
.fotka
{
  width: 120px;
  height: 120px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  /*background-color: green;*/
  text-align: center;
}

#text a:link, #text a:visited 
{  color: rgb(204,0,0); text-decoration: none; }
#text a:hover
{  color: rgb(204,0,0); text-decoration: underline;}

/*
#text p.ponuka { text-align: center; }
#text p.ponuka1 { text-align: center; font-size: 14px; font-weight: bold;}
#text p.ponuka2 { text-align: center; letter-spacing: 1pt; line-height: 20px;}
#text p.ponuka3 { text-indent: 20px; margin-top: 0px; margin-bottom: 5px;}
*/
#text p.uvod { text-align: justify; text-indent: 20px;}

#text p.ponuka { text-align: justify; }
#text p.ponuka1 { text-align: left; font-size: 14px; font-weight: bold;}
#text p.ponuka2 { text-indent: 20px; text-align: justify; letter-spacing: 1pt; line-height: 20px;}
#text p.ponuka3 { text-indent: 20px; margin-top: 0px; margin-bottom: 5px;}

#text span.ponuka-male {font-size: 11px; font-weight: normal;}

#text p.archiv1 { text-align: left; font-size: 14px; font-weight: bold;}
#text p.archiv2 { text-indent: 20px; text-align: justify; letter-spacing: 1pt; line-height: 20px;}
#text p.archiv3 { text-align: left; }


#text .strankovanie
{
  font-family: tahoma;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;    
  margin: 5px;  
  height:15px;  
}

#text .strodkaz
{
  text-align:center;
  float: left;
}
#text .strankovanie a:link, #text .strankovanie a:visited
{
  font-size: 11px;
  font-family: tahoma;
  /*border:1px solid black;*/  
  width:25px;
  display:block;
  text-align:center;
  margin:0px 1px 0 1px;
  float:left;
  padding:1px;
  line-height:1.0em; 
  text-decoration: none;
  color: black;
  font-weight: bold;
}
#text .strankovanie a:hover 
{
  /*background:rgb(213,213,213);*/
  background: #ba0707; 
  color: rgb(213,213,213);
}

#text .strankovanie span
{
  width:25px;
  display:block;
  text-align:center;
  border:1px solid black;
  background:#ba0707;
  color: rgb(213,213,213);
  margin:0 1px 0 1px;
  float:left;
  padding:0;
  line-height:1.0em;
  font-weight: bold;
  font-size: 11px;
}
#text .strankovanie span.prev, #text .strankovanie span.next 
{ 
  padding:1px;    
  border:none;
  background:transparent;
  color: rgb(176,176,176);
}

#text span.program-nad { font-weight: bold; font-size: 16px; font-family: arial narrow; color: #ba0707;}

table.novinky {width: 100%; border-collapse: collapse; }
table.novinky td.novinky-nadpis {width: 85%; font-family: verdana; font-size: 11px; font-weight: bold; padding-top: 10px; color: #ba0707;}
table.novinky td.novinky-datum {text-align: right; width: 15%; font-family: verdana; font-size: 10px; font-weight: normal; padding-top: 10px;}
table.novinky td.novinky-text {font-family: verdana; font-size: 11px; font-weight: normal; border-bottom: 1px rgb(144,144,144) solid;}
/*********************************************
 **              MENU
 ********************************************/ 
#centruj_btns
{
  display: block;
  width: 1024px;
  height: 36px;
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  float:left;
  /*background-color: green;*/
  z-index:50;
}

#multi-level 
{
 height:36px; 
 position:relative; 
 z-index:50;
}


/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul 
{
 list-style-type:none; 
 padding:0; 
 margin:0; 
 font-family:arial, sans-serif;
}

/* nastavenie zakladnych obrazkovych buttonov */
.menu li.top 
{
 display:block;
 float:left; 
 position:relative;
 margin-left: 0px;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table 
{
  border-collapse:collapse;
  width:0; 
  height:0; 
  position:absolute; 
  top:0; 
  left:0;
}

/* stylovanie top menu (neodkazoveho) */
.menu li.top a.top_link {display:block; float:left; height:36px; text-decoration: none;}
.menu li.top a span {position:absolute; left:-99px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* hoverovacie obrazky */
.menu li.p1_sk  {width:50px; background:url(../images/design/menu_sk/m01h.gif) no-repeat;}
.menu li.p2_sk  {width:77px; background:url(../images/design/menu_sk/m02h.gif) no-repeat;}
.menu li.p3_sk  {width:79px; background:url(../images/design/menu_sk/m03h.gif) no-repeat;}
.menu li.p4_sk  {width:153px; background:url(../images/design/menu_sk/m04h.gif) no-repeat;}
.menu li.p5_sk  {width:87px; background:url(../images/design/menu_sk/m05h.gif) no-repeat;}
.menu li.p6_sk  {width:61px; background:url(../images/design/menu_sk/m06h.gif) no-repeat;}
.menu li.p7_sk  {width:70px; background:url(../images/design/menu_sk/m07h.gif) no-repeat;}
.menu li.p8_sk  {width:145px; background:url(../images/design/menu_sk/m08h.gif) no-repeat;}
.menu li.p9_sk  {width:140px; background:url(../images/design/menu_sk/m09h.gif) no-repeat;}
.menu li.p10_sk {width:63px; background:url(../images/design/menu_sk/m10h.gif) no-repeat;}
.menu li.p11_sk {width:99px; background:url(../images/design/menu_sk/m11h.gif) no-repeat;}

.menu li.p1_en  {width:50px; background:url(../images/design/menu_en/m01h.gif) no-repeat;}
.menu li.p2_en  {width:77px; background:url(../images/design/menu_en/m02h.gif) no-repeat;}
.menu li.p3_en  {width:79px; background:url(../images/design/menu_en/m03h.gif) no-repeat;}
.menu li.p4_en  {width:153px; background:url(../images/design/menu_en/m04h.gif) no-repeat;}
.menu li.p5_en  {width:87px; background:url(../images/design/menu_en/m05h.gif) no-repeat;}
.menu li.p6_en  {width:61px; background:url(../images/design/menu_en/m06h.gif) no-repeat;}
.menu li.p7_en  {width:70px; background:url(../images/design/menu_en/m07h.gif) no-repeat;}
.menu li.p8_en  {width:145px; background:url(../images/design/menu_en/m08h.gif) no-repeat;}
.menu li.p9_en  {width:140px; background:url(../images/design/menu_en/m09h.gif) no-repeat;}
.menu li.p10_en {width:63px; background:url(../images/design/menu_en/m10h.gif) no-repeat;}
.menu li.p11_en {width:99px; background:url(../images/design/menu_en/m11h.gif) no-repeat;}

/* zakladne obrazky */
.menu li a#m1_sk  {width:50px; background:url(../images/design/menu_sk/m01.gif) no-repeat;}
.menu li a#m2_sk  {width:77px; background:url(../images/design/menu_sk/m02.gif) no-repeat;}
.menu li a#m3_sk  {width:79px; background:url(../images/design/menu_sk/m03.gif) no-repeat;}
.menu li a#m4_sk  {width:153px; background:url(../images/design/menu_sk/m04.gif) no-repeat;}
.menu li a#m5_sk  {width:87px; background:url(../images/design/menu_sk/m05.gif) no-repeat;}
.menu li a#m6_sk  {width:61px; background:url(../images/design/menu_sk/m06.gif) no-repeat;}
.menu li a#m7_sk  {width:70px; background:url(../images/design/menu_sk/m07.gif) no-repeat;}
.menu li a#m8_sk  {width:145px; background:url(../images/design/menu_sk/m08.gif) no-repeat;}
.menu li a#m9_sk  {width:140px; background:url(../images/design/menu_sk/m09.gif) no-repeat;}
.menu li a#m10_sk {width:63px; background:url(../images/design/menu_sk/m10.gif) no-repeat;}
.menu li a#m11_sk {width:99px; background:url(../images/design/menu_sk/m11.gif) no-repeat;}

.menu li a#m1_en  {width:50px; background:url(../images/design/menu_en/m01.gif) no-repeat;}
.menu li a#m2_en  {width:77px; background:url(../images/design/menu_en/m02.gif) no-repeat;}
.menu li a#m3_en  {width:79px; background:url(../images/design/menu_en/m03.gif) no-repeat;}
.menu li a#m4_en  {width:153px; background:url(../images/design/menu_en/m04.gif) no-repeat;}
.menu li a#m5_en  {width:87px; background:url(../images/design/menu_en/m05.gif) no-repeat;}
.menu li a#m6_en  {width:61px; background:url(../images/design/menu_en/m06.gif) no-repeat;}
.menu li a#m7_en  {width:70px; background:url(../images/design/menu_en/m07.gif) no-repeat;}
.menu li a#m8_en  {width:145px; background:url(../images/design/menu_en/m08.gif) no-repeat;}
.menu li a#m9_en  {width:140px; background:url(../images/design/menu_en/m09.gif) no-repeat;}
.menu li a#m10_en {width:63px; background:url(../images/design/menu_en/m10.gif) no-repeat;}
.menu li a#m11_en {width:99px; background:url(../images/design/menu_en/m11.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#m1_sk:hover, .menu li:hover a#m1_sk,
.menu li a#m2_sk:hover, .menu li:hover a#m2_sk,
.menu li a#m3_sk:hover, .menu li:hover a#m3_sk,
.menu li a#m4_sk:hover, .menu li:hover a#m4_sk,
.menu li a#m5_sk:hover, .menu li:hover a#m5_sk,
.menu li a#m6_sk:hover, .menu li:hover a#m6_sk,
.menu li a#m7_sk:hover, .menu li:hover a#m7_sk,
.menu li a#m8_sk:hover, .menu li:hover a#m8_sk,
.menu li a#m9_sk:hover, .menu li:hover a#m9_sk,
.menu li a#m10_sk:hover, .menu li:hover a#m10_sk,
.menu li a#m11_sk:hover, .menu li:hover a#m11_sk {background:transparent;}

.menu li a#m1_en:hover, .menu li:hover a#m1_en,
.menu li a#m2_en:hover, .menu li:hover a#m2_en,
.menu li a#m3_en:hover, .menu li:hover a#m3_en,
.menu li a#m4_en:hover, .menu li:hover a#m4_en,
.menu li a#m5_en:hover, .menu li:hover a#m5_en,
.menu li a#m6_en:hover, .menu li:hover a#m6_en,
.menu li a#m7_en:hover, .menu li:hover a#m7_en,
.menu li a#m8_en:hover, .menu li:hover a#m8_en,
.menu li a#m9_en:hover, .menu li:hover a#m9_en,
.menu li a#m10_en:hover, .menu li:hover a#m10_en,
.menu li a#m11_en:hover, .menu li:hover a#m11_en {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* nastavenie prveho drop down menu */
.menu :hover ul.sub 
{
 left:0px; 
 top:31px; 
 background: #fff; 
 padding:3px 0; 
 /*border:1px solid #888;  #d3261d*/
 border:2px solid #ba0707; 
 white-space:nowrap; 
 width:117px; 
 height:auto;
}

.menu :hover ul.sub li 
{
 display:block; 
 height:20px; 
 position:relative; 
 float:left; 
 width:113px;
}

/* nastavenie hover efektu v sub-drop down menu */
.menu :hover ul.sub li a 
{
 display:block; 
 font-size:11px; 
 height:20px; 
 width:111px; 
 line-height:20px; 
 text-indent:5px; 
 color:#000; 
 text-decoration:none; 
 border:3px solid #fff; 
 border-width:0 0 0 3px;
}

.menu :hover ul.sub li a.fly {background:#fff url(../images/menu/arrow.gif) 106px 7px no-repeat;}
.menu :hover ul.sub li a.fly:hover {background:#d3261d url(../images/menu/arrow_over.gif) 106px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#d3261d url(../images/menu/arrow_over.gif) 106px 7px no-repeat; color:#fff;}
 
/* nastavenie hover efektu v druhom sub-drop down menu */
.menu :hover ul.sub1 li a 
{
 display:block; 
 font-size:11px; 
 height:20px; 
 width:61px; 
 line-height:20px; 
 text-indent:5px; 
 color:#000; 
 text-decoration:none; 
 border:3px solid #fff; 
 border-width:0 0 0 3px;
}

/* nastavenie farby hoover pozadia v prvom sub-menu */
.menu :hover ul.sub li a:hover 
{
 background:#d3261d; 
 color:#fff;
}


/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{
  left:116px; 
  top:-4px; 
  background: #fff; 
  padding:3px 0; 
  /*border:1px solid #888;*/
  border:2px solid #ba0707; 
  white-space:nowrap; 
  width:67px; 
  z-index:200; 
  height:auto; 
  z-index:300;
}