﻿ * {margin:0; padding:0;}
body { background:#fff url(../Img/bc_center_top.gif) repeat-x top left; color:#4e4e4e; font: normal 0.675em Arial,Tahoma,Helvetica; text-align:center;}

div#center { margin:0 auto; width:992px;}
   #header { background:url(../Img/bc_top.gif) no-repeat top right; width:992px; margin-bottom:13px; float:left; position:relative}
   #box_main { float:left; clear:both; width:992px}
   .box_left { float:left; clear:both; width:724px;}
   .box_left_wide { float:left; clear:both; width:992px;}   
   .box_right { float:left; width:233px; margin-left:23px; display:inline}
   .content { float:right; width:500px; text-align:left; font-size:1.1em}
   #footer { float:left; clear:both; margin-top:55px; padding:22px 15px 0 15px; width:962px; height:60px; font-size:1.1em; background:#fff url(../Img/bc_footer.gif) repeat-x; color:#5c5c5c }
   #subContent { margin-left:20px; width:500px; color:#545454; float:left; font-size:1.1em}




h1 { font-size:2.5em; float:left; margin:10px 0 5px 0; font-weight:normal; color:#05347a; width:500px; text-align:left;  }
h2 { font-size:2.5em; float:left; clear:both; margin:10px 0 5px 0; font-weight:normal; color:#05347a; }
h3 { font-size:2.5em; float:left; clear:both; width:500px; margin:35px 0 0px 0; font-weight:normal; color:#05347a; text-align:left}
h4 span { display:none}

p { margin-bottom:15px; font-weight:normal; clear:both}
p.hidden { display:none}
p a { color:#303030; font-weight:inherit; text-decoration:none}
a { color:#303030; font-weight:inherit; text-decoration:underline; font-size:1em}
a:hover { text-decoration:underline; color:#29539d}



/*--- HEADER --------------------------------------------------------------------------------------------------------------------------------*/
div#header #logo {   margin:30px 0; float:left}
   #header #logo a { z-index:0; width:171px; height:41px; padding-top:27px; padding-left:5px; text-transform:uppercase; font-size:10px; position:relative; float:left; background:none}
   #header #logo span { background:url(../Img/logo.gif) no-repeat; width:171px; height:66px; position:absolute; top:0; left:0; display:block;  cursor:pointer; z-index:100 }



/*--- MENU ----------------------------------------------------------------------------------------------------------------------------------*/   
ul.helpMenu { list-style:none; position:absolute; top:10px; right:2px}   
  .helpMenu li { float:left; padding:0 8px;}
  .helpMenu li a.rss { background:url(../Img/ico_rss.gif) no-repeat; padding-left:20px}
   
ul#mainMenu { float:left; clear:both; list-style:none; height:41px; width:992px; background:#ddd url(../Img/bc_menu_off.gif) repeat-x}
  #mainMenu li { float:left; height:41px;}
  #mainMenu li a { text-decoration:none; padding:13px 16px; font-size:1.1em; font-weight:bold; float:left}
  #mainMenu li a:hover  { color:#fff; background:#05347A url(../Img/bc_menu_sel.gif) repeat-x}
  #mainMenu li.selected { background:#05347A url(../Img/bc_menu_sel.gif) repeat-x}
  #mainMenu li.selected a { color:#fff}
  #mainMenu  li.secNavi { display:none}
  
ul.leftMenu { float:left; width:200px; margin:10px 20px 0 0; list-style:none}  
  .leftMenu li { float:left; clear:both; border-bottom:1px solid #E0E0E0;}
  .leftMenu li a { float:left; padding:6px 15px;  font-size:1.1em; font-weight:bold; width:170px;  text-align:left; text-decoration:none}
  .leftMenu li a:hover, .leftMenu li.selected a { color:#ac0900}
  .leftMenu li.selected ul li a { color:#303030}
  .leftMenu li ul li.selected a:hover, .leftMenu li ul li.selected a { color:#ac0900}
  .leftMenu li ul { margin-left:10px; width:160px;list-style:none} 
  .leftMenu li ul li { border:0px}
  .leftMenu li ul li a { font-weight:normal; width:160px; padding:5px 15px;}

   

/*--- FOOTER  -------------------------------------------------------------------------------------------------------------------------------*/
div#footer span { float:left; text-align:left}
   #footer ul { float:right; list-style:none}
   #footer ul li { float:left; margin:0 5px}
   #footer ul li a {  color:#5c5c5c}
   #footer ul li a:hover { color:#ac0900}



/*--- KONTEXTOVA NAVIGACIA - ktx --------------------------------------------------------------------------------------------------------------------------*/
div.ktx { float:right; width:500px; margin:10px 0 10px 0px; padding-bottom:10px; border-bottom:1px solid #E0E0E0; text-align:left}
   .ktx ul{ display:inline; list-style:none; }
   .ktx ul li {  color:#4e4e4e;  display:inline; float:none; }
   .ktx ul li a {  background:url(../Img/ktx_arrow.gif) no-repeat 100% 50%; }
   .ktx ul li a ul { display:inline}
   

/*--- BOX_LEFT --------------------------------------------------------------------------------------------------------------------------------*/
/* titulka */
div.box_left img#mainImg { float:left;}
   .box_left ul.title_list { float:left; clear:both; width:724px; list-style:none; }
   .box_left ul.title_list li { float:left; width:342px; font-size:1.0em; margin-right:35px; padding:15px 0; border-bottom:1px solid #EBE6C1; }
   .box_left ul.title_list li h2 { font-size:1.1em; font-weight:bold; color:#4e4e4e; text-align:left; width:342px; clear:both; cursor:pointer}
   .box_left ul.title_list li h2 span { background:#fff url(../Img/bc_date.gif) no-repeat; width:73px; height:35px; margin:0 10px 0 0; color:#fff; font-size:0.9em; padding:3px 0 0 0; float:left; text-align:center;}
   .box_left ul.title_list li h2 a { margin-top:3px; width:255px; float:left}
   .box_left ul.title_list li span { float:left; clear:both; width:342px; text-align:left; font-size:1.1em; margin:15px 0}
   .box_left ul.title_list li a.more { float:left; clear:both; width:85px; margin-left:230px; padding-left:26px; text-align:left; font-size:1.1em; font-weight:bold; background:url(../Img/more_gold.gif) no-repeat 0 2px; }
   .box_left ul.title_list li.r { margin-right:0px}
div.box_left a.archiv { float:left; clear:both; width:85px; margin:15px 0 0 20px; padding-left:20px; background:url(../Img/ico_archiv.gif) no-repeat;}

/* subpage*/
div.box_left h1 { float:right}
   .box_left div.wrapperL { float:left; width:220px}
   .box_left div.wrapperR { float:left; width:500px}
   
/* subpage - podstranka jeden stlpec*/
.box_left_wide .wrapperL {float: left; width: 220px}
.box_left_wide .wrapperR {float: left; width: 766px}
.box_left_wide h1 {float: right; width: 760px;}
.box_left_wide .ktx {float: right; width: 760px; margin: 10px 0 10px 0px; padding-bottom: 10px; border-bottom: 1px solid #E0E0E0; text-align: left}
.box_left_wide .content {float: right; font-size: 1.1em; text-align: left; width: 750px; padding-right: 10px;}   

/* banner*/
ul.banner { float:left; width:200px; clear:both; list-style:none}
  .banner li a { width:200px; height:50px; margin:1px 0 0 0; float:left}
  .banner li a span { display:none}
  .banner li a.bnr01 { background:url(../Img/bnr_link_01.gif) no-repeat; }
  .banner li a.bnr02 { background:url(../Img/bnr_link_02.gif) no-repeat;}
  .banner li a.bnr03 { background:url(../Img/bnr_link_03.gif) no-repeat;}
  
  

/*--- BOX_RIGHT --------------------------------------------------------------------------------------------------------------------------------*/

/*vyhladavanie*/
fieldset.searchSmall { border:0; float:left; clear:both; padding:10px 10px; width:223px; height:90px; background:url(../Img/bc_search.gif) repeat-x;  }
        .searchSmall legend { display:none}
        .searchSmall label { display:none}
        .searchSmall input { border:1px solid #9c9c9c; width:145px; height:18px; margin:11px 0 0 17px; padding:2px 3px; color:#4e4e4e; float:left;}
        .searchSmall input.btnFind { width:41px; height:32px; float:left; border:0px; margin:7px 0 0 3px; background:url(../Img/btn_search_ok.gif) no-repeat; text-indent:-10000px; } 

div.pnlSearchResult { clear:both; text-align:left}
   .pnlSearchResult p.resultInfo { border-bottom:1px solid #E0E0E0; padding-bottom:9px}
   .pnlSearchResult a { color:#29539d}

/* zoznam noviniek*/
div.box_right h3 { margin:0px 5px 5px 5px; float:left; clear:both; width:230px;}
   .box_right dl { float:left; clear:both; text-align:left;}
   .box_right dl dt { float:left; clear:both; width:231px; background:#faf7f1; padding:15px 0 4px 10px; font-weight:bold; font-size:1.1em}
   .box_right dl dd { float:left; clear:both; width:231px; background:#faf7f1; margin-bottom:3px; padding:0 0 15px 10px; text-align:left;}
   .box_right dl dd span { float:left; margin-bottom:5px;}
   .box_right dl dd a { float:left; clear:both; width:85px; background:url(../Img/more_blue.gif) no-repeat 0 2px; margin:5px 0 5px 110px; padding-left:26px; font-weight:bold}
   
/* aktualne informacie*/  
ul.aktualne_archiv { float:left; clear:both; width:500px; margin-top:30px; list-style:none;  }
  .aktualne_archiv li { float:left; width:500px; margin-right:35px; font-size:1.0em; padding:15px 0 10px 0; border-bottom:1px solid #E0E0E0}
  .aktualne_archiv li img { float:left; width:33px; height:33px; margin-right:10px;}
  .aktualne_archiv li h2 { font-size:1.1em; font-weight:bold; color:#4e4e4e; text-align:left; width:440px; margin-top:0px; clear:none}
  .aktualne_archiv li span { float:left; clear:both; width:500px; height:45px; text-align:left; font-size:1.1em; margin:10px 0}
  .aktualne_archiv li span.date {float:left; width:100px; text-align:left; height:auto; margin:0px; color:#05347A; font-weight:bold}
  .aktualne_archiv li a.more { float:left; width:85px; margin-left:285px; padding-left:26px; text-align:left; font-size:1.1em; font-weight:bold; background:url(../Img/more_gray.gif) no-repeat 0 2px; }
  .aktualne_archiv li.r { margin-right:0px}   
   
   
/* content */   
div.content h2 { font-weight:bold; font-size:1.2em; color:#4e4e4e; margin:15px 0 10px 0 }
   .content h3 { font-weight:bold; font-size:1.1em; color:#4e4e4e; margin:25px 0 8px 0 ; float:none; font-family:Arial,Tahoma,Helvetica}
   .content h4, .content h5, .content h6  { font-weight:bold; font-size:1.0em; margin:11px 0 8px 0; color:#4e4e4e}
   .content p { float:none;  margin-bottom:7px}
   .content a { padding-bottom:5px; font-weight:inherit; color:#29539d}
   .content a:hover {color:#303030;}
   .content ul { list-style:none; margin:5px 0 25px 20px; float:left; clear:both}
   .content ul li { background:url(../Img/arrow_li.gif) no-repeat 0 5px; padding-left:15px; margin-bottom:8px}
   .content img { float:left; margin:2px 14px 14px 0}
   
div.content table { width:500px; float:left; clear:both; margin:5px 0 20px 0; border-collapse:collapse; font-size:.9em}
   .content table tr th { border-bottom:1px solid #ddd; background:#f2f2f2; padding:3px 6px 3px 10px; text-align:center}
   .content table tr td { border-bottom:1px solid #ddd; padding:3px 6px; text-align:center}
   .content table tr th.left { text-align:left}
   
   
/*-siteMap */
div.siteMap { float:right; width:500px; text-align:left;}
   .siteMap ul { margin-left:0px; list-style:none; float:left; display:inline}
   .siteMap ul li { float:left; margin-bottom:3px; clear:both}
   .siteMap ul li a { color:#303030; width:480px; padding:3px 10px; background:#EBE6C0; font-size:1.1em; float:left; font-weight:bold } 
   .siteMap ul li ul { margin-left:20px; margin-top:5px}
   .siteMap ul li ul li { margin-bottom:2px}
   .siteMap ul li ul li a { color:#303030; background:none; font-size:1.0em; font-weight:normal; width:360px; }
   .siteMap ul li ul li a.anchButton { width:8px; padding-right:0px; text-decoration:none; color:#1853A5; font-weight:bold}


/* ErrorPage --------------------------------------------------------------------------------------------------------------------------------------------*/
div#errorContent { text-align:left}
   #errorContent h2 { font-size:1.3em; font-weight:bold; margin-top:30px; margin-bottom:10px}
   #errorContent p { margin-bottom:5px}
   #errorContent a {color:#29539D; text-decoration:underline}
   #errorContent a:hover { text-decoration:none}
   