* {margin:0; padding:0;}
body {background:#fff; color:#000; font: normal 0.675em Arial, Tahoma, Helvetica; text-align:center;}


div#center { margin:0 auto; width:900px; background:url(../Img/bg_header.gif) repeat-x;}

/* logo PSJ*/
h1 a {width:307px; height:58px; float:left; margin:41px 0 0 15px; background:url(../Img/logo_PSJ.gif) no-repeat; text-decoration:none}
h1 a span { visibility:hidden}
h1 a:hover { text-decoration:none}
h2 { color:#1e398d; margin:10px 0 17px 0; font-size:1.9em; float:left; font-weight:normal; text-align:left}
h4 { color:#fff; font-weight:bold; margin:3px 5px; float:left; width:270px; font-size:1.0em }
h5 { color:#1e398d; margin:2px 0 5px 0; font-size:1.1em; float:left; width:500px; font-weight:bold;}
h6 { color:#1e398d; font-size:1.1em; margin:25px 0 10px 0; float:left; text-align:left; clear:both; width:680px}
     
p { float:left; margin-bottom:7px; clear:both; text-align:left}
a { color:#1e398d; text-decoration:underline; }
a:hover { text-decoration:underline; color:#1e398d;}
a.back { float:left; margin:20px 0; background:url(../Img/arrow_back.gif) no-repeat 0 5px; padding-left:10px; clear:both; width:150px; text-align:left}
a.more { float:left; margin:10px 0; background:url(../Img/arrow_blue.gif) no-repeat 0 5px; padding-left:10px; clear:both; width:150px; text-align:left}
   

/* zobrazit pri off style*/
.nonVisual { display:none}

/* HEADER horna pomocna navigacia -------------------------------------------------------------------------------------------------------------------------------*/
div.header { margin:0 0 2px 0; padding-bottom:5px; float:left; background:url(../Img/bg_header.gif) repeat-x; width:900px; border-bottom:2px solid #FFC808;}
   .header ul { float:right; list-style:none;}
   .header ul li { float:left; border-right:1px solid #BAC3DC;  padding:0px 10px; margin-top:5px }
   .header ul li.last { border:none}
   .header ul li a { color:#1e398d; text-decoration:none; }
   .header ul li a:hover { text-decoration:underline;}
   
   /* jazyk*/
   .header ul li.jazyk { background:url(../Img/bg_jazyk_yellow.jpg) no-repeat; width:85px; height:23px; margin-top:0px; padding:4px 0 4px 0; border:0} 
   .header ul li.jazyk ul { display:none; background:url(../Img/bg_jazyk_choose.jpg) no-repeat; width:85px; height:40px; margin:7px 0 0 0; padding:0; cursor:pointer} 
   .header ul li.jazyk ul li { border:0}
   .header ul li.jazyk ul li a { color:#586fb8; padding:0px 0px; width:65px; float:left; text-align:center; text-decoration:none}
   .header ul li.jazyk ul li a:hover { color:#1C3A8D; font-weight:bold}
  
/* HLAVNA navigacia -------------------------------------------------------------------------------------------------------------------------------*/
ul#mainNav { margin:40px 0px 15px 0; float:right; font-size:1.15em; list-style:none; width:540px; font-family:Tahoma, Arial, Verdana}
  #mainNav li { float:left; padding:0; margin:0; border:0}
  #mainNav li a { color:#1e398d; text-decoration:none; background:url(../Img/arrow_mainMenu_off.gif) no-repeat;  padding:0px 15px 0 20px}
  #mainNav li.selected a, #mainNav li a:hover { color:#dca105; background:url(../Img/arrow_mainMenu_on.gif) no-repeat}
ul.mainNavEn { width:500px !important}  
  
/* wrapper Title - news -------------------------------------------------------------------------------------------------------------------------------*/
div.wrapperTitle_news { float:left; width:900px; height:157px; padding:1px 0 3px 0; margin:0 0 10px 0; border-bottom:2px solid #FFC808; text-align:left}
   .wrapperTitle_news div#bannerTitle { float:left}
   .wrapperTitle_news .boxNews { float:right; width:267px; height:150px; text-align:left}
   .wrapperTitle_news .boxNews a.archiv { float:left; clear:both; margin:16px 0; width:100px}
   .wrapperTitle_news .boxNews ul { float:left; list-style:none; }
   .wrapperTitle_news .boxNews ul li { padding:2px 0 2px 12px; background:url(../Img/arrow_blue.gif) no-repeat 0 5px; width:260px; float:left; clear:both}
   .wrapperTitle_news .boxNews ul li.last { border:none}
   .wrapperTitle_news .boxNews ul li a { color:#1e398d; text-decoration:none; float:left}
   .wrapperTitle_news .boxNews ul li a:hover {text-decoration:underline; }
   .wrapperTitle_news .boxNews ul li a span { float:left; width:220px; cursor:pointer;}
   .wrapperTitle_news .boxNews ul li a span.datum { float:left; width:35px; cursor:pointer;}
  
/* wrapper Title - referencie -------------------------------------------------------------------------------------------------------------------------------*/
div.wrapperTitle_ref  { float:left; width:900px; text-align:left;  }
   .wrapperTitle_ref div { background:url(../Img/bg_title_ref.gif) repeat-x; width:290px; float:left}
   .wrapperTitle_ref div a { text-decoration:none}
   .wrapperTitle_ref div.news_L { margin-right:30px;}
   .wrapperTitle_ref div.news_L a { width:140px; height:160px; background:url(../Img/sq_ref_yellow.gif) no-repeat 0 96px; cursor:pointer}
   .wrapperTitle_ref div.news_R a { width:140px; height:160px; background:url(../Img/sq_ref_blue.gif) no-repeat 0 96px; cursor:pointer}
   .wrapperTitle_ref div a.left { float:left; text-decoration:none}
   .wrapperTitle_ref div a.right { float:right; text-decoration:none}
   .wrapperTitle_ref div a img {float:left; border:0; margin-top:1px}
   .wrapperTitle_ref div.news_L a span {float:left; padding-left:30px; width:110px; color:#dca105}
   .wrapperTitle_ref div.news_R a span {float:left; padding-left:30px; width:110px; color:#1e398d}
   .wrapperTitle_ref div.news_L a span.nazov {  font-weight:bold; font-size:1.1em; padding-top:9px}
   .wrapperTitle_ref div.news_R a span.nazov {  font-weight:bold; font-size:1.1em; padding-top:9px}
   .wrapperTitle_ref div.info { float:left; background:none; width:245px; margin:0 0 0 23px; font-size:1.1em;}
   .wrapperTitle_ref div.info p { width:245px}
   .wrapperTitle_ref div.info p.ref a { text-decoration:underline}
 
 
/* FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------------*/
div.footer  { width:870px; padding:15px 15px 0 15px;float:left; text-align:left ;background:url(../Img/bg_footer.gif) repeat-x 0 2px; height:101px; border-top:2px solid #DDDFE0; font-size:1.1em}
   .footer p { float:left; clear:none}
   .footer ul { margin:-2px 0 0px 2px; width:500px; font-weight:bold; float:left; font-weight:normal; color:#121212;}
   .footer ul li { list-style:none; margin:0 14px 0 0; float:left}
   .footer ul li a { color:#1e398d; float:left; text-decoration:underline }
   .footer p a { text-decoration:underline}
   .footer #ocenenia { float:right; width:250px; height:67px}
   .footer #ocenenia img { float:left; margin:0 10px 0 0; border:1px solid #DDDFE0}
   .footer #ocenenia span { float:left; width:180px; color:#1e398d; text-decoration:none; cursor:pointer}
   .footer #ocenenia a { text-decoration:none; cursor:pointer}
   
/* Error Page*/
div.errorPage { float:left; padding:20px 15px; text-align:left}
   .errorPage h5 { text-align:left !important; margin:10px 0 10px 0}
   .errorPage p { float:left; margin:15px 0}
   
      
/* PODSTRANKA ------------------------------------------------------------------------------------------------------------------------------------------------*/
div.wrapperContent { float:left; margin:0px 0 2px 0; padding:0px 0 50px 0; width:900px; font-size:1.1em; background:url(../Img/bg_menuLeft.gif) repeat-y 0 2px}
   .wrapperContent .rightBox { float:left; width:680px; margin-left:20px}

/*obsah*/
div#pnlSubContent p { color:#333; margin-bottom:10px}
div#pnlSubContent div { float:left; width:655px; margin:5px 0 0 0; clear:both}
   #pnlSubContent div p { width:100%; clear:both}
   #pnlSubContent img { float:left; margin:0 10px 0 5px; }
   #pnlSubContent img.imgright { float:right}
   #pnlSubContent img.imgfloatNone { float:none}
   
   #pnlSubContent a img { border:none;}
   #pnlSubContent hr { float:left; clear:both; width:640px} 
   
   #pnlSubContent ul { float:left; clear:both; margin:8px 0 20px 25px; padding-left:20px; text-align:left; width:590px;}
   #pnlSubContent ul li { margin:0 0 2px 10px; padding-left:10px; width:100%; color:#333}
   #pnlSubContent ul li a:hover { text-decoration:underline}
   
   #pnlSubContent ol { float:left; clear:both; margin:8px 0 20px 25px; padding-left:20px; text-align:left; width:590px; list-style-type:decimal}
   #pnlSubContent ol li { margin:0 0 2px 10px; padding-left:10px; color:#333}
   #pnlSubContent ol li a:hover { text-decoration:underline}
   
   
/*certifikaty*/ 
   #pnlSubContent div.certifikaty a { clear:both; padding:2px; border:1px solid #aaa; float:left; margin:20px 0 0 200px}
   #pnlSubContent div.certifikaty a img { border:0; margin:0}
   #pnlSubContent div.certifikaty ul  { width:560px;}
   #pnlSubContent div.certifikaty ul li { width:560px}
 
/* lave menu*/   
div.menuLeft { float:left; width:200px;}
   .menuLeft ul{ float:left; width:170px; padding:20px 0 20px 15px; text-align:left; list-style:none; font-size:1.1em; clear:both}
   .menuLeft ul li { float:left; margin:10px 0; clear:both;}
   .menuLeft ul li.selected a { text-decoration:underline;}
   .menuLeft ul li.selected ul li a{ text-decoration:none;}
   .menuLeft ul li p { width:170px; font-weight:bold; color:#1e398d }
   .menuLeft ul li a { font-weight:bold; text-decoration:none; width:160px; float:left}
   .menuLeft ul li a:hover { text-decoration:underline}
   .menuLeft ul li ul { list-style:none; padding:8px 0 0 12px; font-size:0.9em; text-decoration:none }
   .menuLeft ul li ul li { background:url(../Img/arrow_menu_blue.gif) no-repeat 0 4px; padding-left:10px; margin:0 0 6px 0;text-decoration:none}
   .menuLeft ul li ul li.selected a{ text-decoration:underline; color:#1E398D}
   .menuLeft ul li ul li a.selected{ text-decoration:underline;}
   .menuLeft ul li ul li a { font-weight:normal; width:155px;}
   .menuLeft ul li ul li a:hover,
   .menuLeft ul li.selected ul li a:hover { text-decoration:underline}

/* footer - subpage*/  
div.footer.sub ul { margin:0px; float:right; width:auto;}
   .footer.sub ul li { margin:0 0 0 10px}
   .footer.sub a { width:auto}
     
/* referencie*/  
div.filter { width:652px; margin:10px 0 0 0; padding:8px 5px 8px 20px; background:#E7E7E7; float:left}
   .filter span { float:left; margin-right:3px; margin-top:5px}
   .filter div { float:right; margin-right:5px; width:410px;}
   .filter div.en {width:440px;}
   .filter div label { float:left; margin:5px 5px 0 9px; font-weight:bold}
   .filter div select { float:left;}
   .filter div select.stav { width:100px}
   .filter div.en select.stav { width:140px}
   .filter div select.druh { width:180px}
   .filter div.en select.druh { width:200px}
   


 
/*referencie*/
div.rightBox .foto { float:left; width:680px; margin:0 0 20px 0}
   .rightBox .foto .big { float:left; width:400px}
   .rightBox .foto .big img { float:left; margin-right:5px; border:none}
   .rightBox .foto .smallFoto { float:left; width:270px;}
   .rightBox .foto .smallFoto img { float:left; border:none; margin:0 0 15px 8px; cursor:pointer}
   .rightBox .popis { float:left; margin-top:18px; clear:both; width:660px;}
   .rightBox .popis p span { font-weight:normal !important}
   
div.rightBox { float:left; margin-top:15px; width:680px}
   .rightBox p { float:left; clear:both; width:100%; margin-bottom:10px}
   .rightBox .ref_detail { margin-bottom:20px; float:left; }
   .rightBox .ref_detail p span { float:left; width:100px; font-weight:bold; }

div.referencesList { float:left; clear:both; margin:20px 0px; text-align:center; cursor:pointer; width:680px}
   .referencesList a { float:left; width:164px; height:192px ;border:1px solid #ffc808; padding:1px; margin:0px 2px 5px 0; position:relative; text-decoration:none}
   .referencesList a:hover,
     .referencesList a:hover.yellow  {background:#FFCD13}
   .referencesList a:hover span.viac,
     .referencesList a:hover.yellow span.viac {background:url(../Img/arrow_yellow.gif) no-repeat 0 6px;}
   .referencesList a h5 { width:150px;}
   .referencesList a img { border:0; margin-top:6px }
   .referencesList a span { float:left; width:150px; margin-left:6px; padding:1px 1px; cursor:pointer; text-align:left}
   .referencesList a span span { width:140px; margin-left:0}
   .referencesList a span.obdobie { color:#888; margin:3px  0 0 0; font-size:0.9em}
   .referencesList a span.viac { position:absolute; right:3px; bottom:3px; width:auto; background:url(../Img/arrow_blue.gif) no-repeat 0 4px; font-size:0.9em; padding-left:8px; cursor:pointer}


/* podnadpis kategorie*/  
div.newsItem { float:left; clear:both; width:650px; margin:10px 0 20px 0; text-align:left; background:url(../Img/sq_ref_blue.gif) no-repeat 0 3px; padding-left:33px}   
   .newsItem h3 {  color:#1e398d; font-weight:bold; font-size:1.2em; float:left;}
   .newsItem h3 a { text-decoration:none}
   .newsItem div { float:left; clear:both; margin:5px 0; width:650px}
   .newsItem span.datum { float:left; clear:both; color:#1e398d; font-size:0.9em }    
   .newsItem a.more { margin:0px 0 0 -35px}
   .newsItem p { margin-left:-35px}

   
      
/* strankovanie*/
div.pager { float:left; clear:both; margin:30px 0 50px 200px; width:320px;}
   .pager div { float:left; width:100px;}
   .pager div.pages { color:#D8A800; font-weight:bold}


/* tabulka*/
table { margin:15px 0px 20px 0; float:left; color:#000; font-size:0.9em; text-align:center;}
table tr td { padding:5px 7px; background:#F4F4F4; margin:1px; border:1px solid #fff}
table tr td p { margin-bottom:0px !important}