﻿ * {margin:0; padding:0;}
body {background:#fff; color:#4e4e4e; font: normal 0.675em Arial,Tahoma,Helvetica; text-align:center;}

div#center { margin:0 auto; width:992px;}
   #header { background:url(../ImgCont/Banner01.jpg) 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-family:Georgia, Arial, Tahoma, Verdana; 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-family:Georgia, Arial, Tahoma, Verdana; font-weight:normal; color:#05347a; text-align:left}
h4 span { display:none}

p { margin-bottom:15px; font-weight:normal; clear:both; line-height:1.4em}
p.hidden { display: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:193px; height:67px; text-transform:uppercase; font-size:0.7em; position:relative; float:left; background:none}
   #header #logo span { background:url(../Img/logo.gif) no-repeat; width:193px; height:67px; 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:42px; width:992px; background:#aaa url(../Img/menu_off.gif) repeat-x}
  #mainMenu li { float:left; height:42px;}
  #mainMenu li a { text-decoration:none; padding:13px 25px; font-size:1.2em; 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 0 15px 0; list-style:none}  
  .leftMenu li { float:left; border-bottom:1px solid #E0E0E0; clear:both}
  .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 {  background:#dbe9f2; color:#303030 }
  .leftMenu li ul li.selected a:hover, .leftMenu li ul li.selected a { color:#05347A}
  .leftMenu li ul { margin-left:10px; width:160px;list-style:none} 
  .leftMenu li.selected ul li a { background:#fff; font-size:1.0em} 
  .leftMenu li.selected ul li a:hover {  color:#05347A }
  .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:#29539d}


/*--- 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; height:361px; list-style:none; background:url(../Img/bc_title_list.gif) no-repeat 0 0; }
   .box_left ul.title_list li { float:left; width:344px; margin-right:35px; font-size:1.0em; padding:25px 0;}
   .box_left ul.title_list li img { float:left; width:33px; height:33px; margin-right:10px;}
   .box_left ul.title_list li h2 { font-size:1.1em; font-weight:bold; color:#4e4e4e; text-align:left; width:258px; margin-top:0px; clear:none}
   .box_left ul.title_list li span { float:left; clear:both; width:342px; height:45px; 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_gray.gif) no-repeat 0 2px; }
   .box_left ul.title_list li.r { margin-right:0px}
div.box_left a.archiv,.archivNotice { float:left; clear:both; width:85px; margin:15px 0 0 20px; padding-left:20px; background:url(../Img/ico_archiv.gif) no-repeat; text-align:left}

/* 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:44px; 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:5px 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:38px 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:#f2f2f2; padding:15px 0 4px 10px; font-weight:bold; font-size:1.1em}
   .box_right dl dd { float:left; clear:both; width:231px; background:#f2f2f2; 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}
  .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 8px 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:15px}
   .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:495px !important; float:left; clear:both; margin:5px 0 20px 0; border-collapse:collapse; border:1px solid #ddd; 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}
   .content table tr td img { float:none; margin:0px}
table.MsoNormalTable { border:0px !important}
   
   
   
/*-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:#D9E6F0; 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}
   

/* Zoznam zmluv */
.zoznamZmluv { text-align:left; padding:15px 0px 10px 5px; }
.zoznamZmluv fieldset { border:none; clear:both; background:#fff; padding:0px 0px 10px 0px; margin-bottom:20px; }
.zoznamZmluv fieldset legend { display:block; height:0px; overflow:hidden; float:left; }
.zoznamZmluv fieldset p { float:left; margin:0 0 5px 0; line-height:1.7; }
.zoznamZmluv fieldset label { float:left; width:100px; }
.zoznamZmluv fieldset input { float:left; margin-right:5px; width:200px; border:1px solid #2f5698; padding:1px;. }
.zoznamZmluv fieldset select { float:left; width:203px; }
.zoznamZmluv fieldset .smallLbl { width:30px; }
.zoznamZmluv fieldset .formBtn { float:right; cursor:pointer; margin-top:10px; width:86px; height:25px; background:url(../Img/buttonbg.gif) no-repeat; color:#fff; border:none; }
.zoznamZmluv fieldset .filterLeft { float:left; width:385px; }
.zoznamZmluv fieldset .filterLeft p { width:385px; }
.zoznamZmluv fieldset .filterRight { float:right; width:350px; }
.zoznamZmluv fieldset .filterRight p { width:350px; }
.zoznamZmluv table { margin-bottom:10px; border-collapse:collapse; width:100%; }
.zoznamZmluv table tr td { border-bottom:1px solid #ebebeb; padding:3px 5px; }
.zoznamZmluv table .alignedR { text-align:right; }
.zoznamZmluv table tr th { background:#dbe9f2; text-align:left; padding:3px 5px; color:#000; text-align:left; }
.zoznamZmluv table a, .zoznamZmluv .pager a { color:#29539D }
.zoznamZmluv .pager { float:right; }
.zoznamZmluv h2 { float:left; width:600px; color:#05347A; font-size:1.8em;  margin:15px 0 15px 0; font-family:Georgia, Arial, Tahoma, Verdana; }

.zmluvaDetail { text-align:left; }
.zmluvaInfo { float:left; width:440px; height:161px; margin-right:5px; clear:both; padding:15px; background:#F2F2F2; }
.zmluvaInfo p { margin:0; }
.zmluvaInfo strong { float:left; width:100px; }
.zmluvaInfo h3 { font-size:1.8em; margin:0 0 10px 0; }

.zmluvaDate { float:left; width:260px; margin-bottom:5px; padding:15px; background:#F2F2F2; }
.zmluvaDate h3 { font-size:1.8em; margin:0 0 10px 0; }
.zmluvaDate strong { float:left; width:125px; }
.zmluvaDate p { margin:0; }

.zmluvaPrice { float:left; width:260px; padding:15px; background:#F2F2F2; }
.zmluvaPrice h3 { font-size:1.8em; margin:0 0 10px 0; }
.zmluvaPrice p { margin:0; }
.zmluvaPrice strong { float:left; }
.zmluvaPrice .price { font-size:1.5em; }

.zmluvaWrapper {float:left; margin-bottom:20px; background:url(../Img/bg_table.gif) repeat-y top left;}

.zmluvaDetail h3  { font-size:1.8em; margin:0 0 10px 0; }
.zmluvaDetail table { margin-bottom:20px; width:100%; border-collapse:collapse; }
.zmluvaDetail table tr td { border-bottom:1px solid #ebebeb; padding:3px 5px; }
.zmluvaDetail table tr th { background:#dbe9f2; text-align:left; color:#000; padding:3px 5px; }
.zmluvaDetail table a { color:#29539D }

.ui-datepicker-trigger { cursor:pointer; }

a.backButton { background:url(../Img/more_blue_l.gif) no-repeat 0 2px; margin:5px 0 5px 110px; padding-left:26px; font-weight:bold}

.zmluvaPrice .price { float:right; font-weight:bold; color:#900000; }




/*=============================
==========RESPONZIVITA=========
==============================*/


/*Hlavne Menu*/
/*!
 */
.respNav_btn { position: relative; display: block; vertical-align: middle;float: left;padding: 12px 10px;line-height: 1.125em;cursor: pointer; }
.respNav_btn .respNav_icon-bar + .respNav_icon-bar { margin-top: 0.4em; }
.respNav_menu {*zoom: 1; }
.respNav_menu .respNav_menutxt {display: block;line-height: 1.188em; float: left; }
.respNav_menu .respNav_icon { float: left;margin: 0.188em 0 0 0.438em; }
.respNav_menu .respNav_no-text { margin: 0; }
.respNav_menu .respNav_icon-bar { display: block;  width: 1.9em; height: 0.125em;-webkit-border-radius: 1px;-moz-border-radius: 1px;  border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.respNav_menu:before { content: " "; display: table; }
.respNav_menu:after {content: " "; display: table;clear: both; }
.respNav_nav { clear: both; }
.respNav_nav ul {display: block; }
.respNav_nav li { display: block; }
.respNav_nav .respNav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.respNav_nav .respNav_item {cursor: pointer; }
.respNav_nav .respNav_item a { display: inline; }
.respNav_nav .respNav_row {display: block; }
.respNav_nav a { display: block; }
.respNav_nav .respNav_parent-link a {display: inline; }
.respNav_brand {float: left; }
.respNav_menu {font-size: 16px;box-sizing: border-box;background: #1f5595;}
.respNav_menu * {box-sizing: border-box; }
.respNav_menu .respNav_menutxt {color: #fff;font-weight: bold;text-shadow: 0 1px 3px #000; }
.respNav_menu .respNav_icon-bar { background-color: #fff; }
.respNav_btn { margin: 0 0px 0 10px;text-decoration: none; background-color: #1f5595;  position:relative;z-index: 9;}
.respNav_open{background-color: #1a477d; }
.respNav_open .respNav_menuarrow{background-image: url("../Img/menu-arrow-bottom.png");background-position: center bottom;  background-repeat: no-repeat;bottom: -7px; display: inline-block; height: 13px;left: 13px; position: absolute; width: 25px;}
.respNav_nav {color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; background-color:#1a477d;border-top:8px solid white;}
.respNav_nav ul {list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; }
.respNav_nav li{margin-left:0px;}
.respNav_nav a {padding: 10px 0 10px 20px;text-decoration: none;color: #fff;font-size: 16px;border-bottom:1px solid #ffffff;}
.respNav_nav a:hover {background-color:#1f5595;}
.respNav_brand {color: #fff;font-size: 18px;line-height: 30px;padding: 7px 12px;height: 44px; }
.respNav_search-icon { background: #1f5595 url("../Img/menu-search-icon.png") no-repeat scroll center center / contain ; cursor: pointer; display: block; float: left;  height: 43px; left: 0;line-height: 71px; margin-left: 2px; padding: 5px; position: relative; vertical-align: middle; width: 49px;}
.respNav_search-icon.active-search{ background-color: #1a477d; }
.select-menu { position: relative;}
.active-search .respNav_search-icon-arow{background-image: url("../Img/menu-arrow-bottom.png");background-position: center bottom; background-repeat: no-repeat; bottom: -7px; display: inline-block; height: 13px; left: 10px; position: absolute; width: 25px; z-index: 9;}
.respNav_menu, .respNav_menu .searchPnl {display:none;}
.select-menu .searchPnl {display:none;}
#content #hoverPanelWrap{display:none;}
.titleCalcIcon span{display:none;}

.linkPrevArr,.linkNextArr { padding:5px }
#M7_imgPhoto { width: 760px }

@media screen and (max-width: 980px){

/*Default*/
body{ background: url("../Img/content_bg-mobile.gif") repeat-x scroll left top;}
.mobile #header{border:none; min-height:140px;}
.mobile #header, .mobile #container, .mobile #contentWrap #content{width:100%;}
.mobile .respNav_menu {display:block;}
.mobile #topNavi, .mobile #subNavi, .mobile .titleRateListIcons .titleGraphIcon, .mobile .searchPnl, .mobile .respNav_nav .lastChild, .mobile #topNews {display:none;}
.mobile #header h1#logo, .mobile #header div#logo {margin: 10px auto;}	   
.mobile #header fieldset.searchPnl {font-size: 0.9em;position: static; right: 0;top: 32px; background-color: #1a477d; border-top: 6px solid white;font-size: 0.9em;padding-left: 10px; padding-top: 5px; position: absolute; right: 0; top: 45px; width: 100%;z-index: 1;}
.mobile .icoLangEn, .mobile .icoLangSk{ font-size: 17px; color: white; display: inline-block;float: right; line-height: 42px; margin-right: 10px; padding: 0 10px;text-decoration: none;}
.mobile .icoLangEn:hover{color: white;}
.mobile .icoLangSk:hover{color: white;}
.mobile .icoLangEn.active-language, .mobile .icoLangSk.active-language{background-color: #1a477d;}
.mobile .respNav_menu .searchPnl .inputWrap{ border:none; width: 100%;background: transparent;background-color: #fff;}
/*.mobile .respNav_menu .searchDefaultFooter {width: 190px;}*/
.mobile fieldset.searchPnl input[type="submit"] {-webkit-appearance: none;background: none;background-color: #1a477d;border: medium none;color: white;cursor: pointer;font-size: 17px;height: 100%;position: absolute;right: 0;text-indent:0;border-radius: 0;-webkit-border-radius:0;-moz-border-radius:0;top: 0;width:92px;}    

html,body{width:100%;overflow-x: hidden;}
.box_left ul.title_list,#footer,.box_right dl dd,.box_right dl dt,div#center,#box_main,.box_left,.box_right,h3,.title_list,.box_left ul.title_list li,.box_left ul.title_list li h2{width:100%}
#mainMenu,.searchSmall,#footer ul{display:none}

.helpMenu li { display:none }
.helpMenu li:nth-of-type(3) { display:block;}

.box_left ul.title_list{background:none}
.box_left img{display:block;margin: 0px auto;float:none !important}

img{max-width:100%}
h3 {margin:38px 5px 5px 5px}
div.box_left h1 { padding-left:10px;box-sizing: border-box;}

.title_list{padding:5px}
.box_left ul.title_list li { padding:10px 0 }
.box_left ul.title_list li span { margin:0px;width: 100%;padding: 0 10px 15px 0px;box-sizing: border-box; }
.box_left ul.title_list li a.more,.box_right dl dd a{width:100%;margin-left:0px;}
.box_left ul.title_list li span{height:auto}
.box_left ul.title_list li img{display:none}
.box_right dl dd {padding: 0 10px 15px 10px; box-sizing: border-box; }

div.box_left a.archiv { margin: 35px 0 0 5px; }

div.box_right h3 {margin: 0px 5px 5px 5px; }

.box_right{margin:5px;box-sizing: border-box;margin-top: 50px;}
div#header #logo{float: none;position: relative;height: 75px;}

.box_left_wide .wrapperR,.box_left_wide .wrapperL,ul.leftMenu,.box_left div.wrapperL,.box_left div.wrapperR{width:100%;float:none}
.leftMenu li,.leftMenu li a,.box_left_wide,h1{width:100%}
div.ktx,.content,.box_left_wide h1,.box_left_wide .ktx,.box_left_wide .content{width: 100%;padding: 10px;box-sizing: border-box;}
}