@charset "windows-1250";

body, div { margin: 0; padding:0; font: 12px Arial, Helvetica, sans-serif; color: #555; }
	body { background-color: #f4f4f4; }
	a {text-decoration: none; color: #4a627d; }
  a:hover { color: #ffb642; }
  h2 { font: 14px/20px Arial, Helvetica, sans-serif; font-weight: bold; }
  h3 { font: 12px/20px Arial, Helvetica, sans-serif; text-decoration: underline; }
  
  h2 > a {text-decoration: none; color: #fff; }
  h2 > a:hover { color: #fff; }
  
	div#container { min-height: 700px; width: 984px; margin: 0 auto; }
	
	div#header { width: 100%; height: 65px;  background-color: #82acdc; border-bottom: 2px solid #ffb642; position: fixed; z-index: 2; width: 984px; opacity: 0.95;}
  div#footer { width: 100%; height: 30px; line-height: 2.3;  background-color: #82acdc; border-top: 2px solid #ffb642; text-align: center; }
	div#content { background-color: #fff; min-height: 430px; padding: 15px 0;}
	
	div#header h1 { font: 14px Arial,Tahoma,sans-serif; text-align:center; }
  div#header h1 {margin: 10px; float:left; width: 166px; height: 60px;   z-index: 510; cursor: pointer; }
  div#header h2 { font: 14px/40px Arial, Helvetica, sans-serif; margin: 0 0 0 300px; color: #fff; font-weight: bold; letter-spacing: 1px; }
	div#content div#lijeva-kol {min-height: 500px; width: 230px; margin-left: 5px; margin-top:60px;  border: 0; position:fixed;}
	div#content div#desna-kol {float: right; min-height: 500px; width: 730px; border: 0; margin-right: 10px; margin-top: 40px;}
	
	div#content h3 { font-size: 12px; font-weight: bold; font-style: italic; letter-spacing: 2px; margin-left: 10px; margin-right: 3px; }
	div#popis-post { width: auto; height: 300px; margin: 0 3px 0 6px; border: 1px solid #ccc; }
	
  ul#liMain { list-style: none; margin: 0 0 0 250px; padding: 0; margin-top: 5px; position: absolute; top: 30px; left: 0; background-color: #fff; }
  ul#liMain li { float: left; margin: 0; color: #fff;}
	ul#liMain a { display: block; text-decoration: none; color: #fff; line-height: 30px; padding: 0 20px;}
  ul#liMain a:hover, ul#liMain li.oznMain a:hover {color: #ffb642; text-decoration: none; background-color: #6f93bc; border-bottom: 2px solid #4a627d;}
  
  ul#liMain li a {background-color: #82acdc; border-bottom: 2px solid #ffb642;}
  ul#liMain li  { border: 0; }
  ul#liMain li.oznMain a {background-color: #bccbdc; border-bottom: 2px solid #82acdc; color: #4a627d; }
  
  
  
  ul#liFoot { list-style: none; margin: 0; padding: 0; margin-top: 25px;}
  ul#liFoot li { display: inline; margin: 0 5px; color: #fff;}
	ul#liFoot li:first-child {margin-left: 0;}
	ul#liFoot a {text-decoration: none; color: #fff;}
  ul#liFoot a:hover {color: #ffb642; text-decoration: none;}
	
	div.divside {float:left; background-color: #ffffff; position:relative; z-index: 99999;}
  div.divside ul { list-style: none; margin: 0; padding: 0; text-align: right;}
  div.divside > ul { width: 210px; margin-bottom: 5px; }
  div.divside ul > li.indbr {padding: 4px 10px; margin: 0; border-bottom: 1px dotted #82acdc; border-right: 2px solid #82acdc; position: relative; }
  div.divside ul > li.pokazi { border-right: 2px solid #ffb642; font-weight: bold;}
  div.divside ul > li.indbr:first-child { border-top: 2px solid #4a627d; }
  div.divside ul a {text-decoration: none; color: #555;}
  div.divside ul > li.indbr:hover { border-bottom: 1px dotted #ffb642; border-right: 2px solid #ffb642; cursor: pointer; }
  div.divside ul > li.indbr:hover > a { color: #ffb642; }
  
  div.divside ul ul { display: none; float: left; margin: 0; position: absolute; top: -1px; left: 210px; z-index: 99999; background-color: #fff; }
  div.divside ul ul > li { padding: 4px 10px; margin: 0; border-bottom: 1px dotted #82acdc; border-right: 2px solid #82acdc; cursor: pointer; font-weight: normal; }
  div.divside ul ul > li:first-child { border-top: 1px dotted #82acdc; }
  div.divside ul ul > li:hover { border-bottom: 1px dotted #ffb642; border-right: 2px solid #ffb642; }
  div.divside ul ul > li:hover > a { color: #ffb642; }
  .hidelem { display: none; }
  .hidelem > div { display: inline; }
  
  
  
  
  
  
div#prikazgr {width:590px; margin:20px auto; padding:0;}
h2.trigger {text-align: left; font: bold 14px Arial, Helvetica, sans-serif; 
padding: 0 0 0 35px; width: 100%; 
background: url(../jadran/kalendar/arrow-down.png) no-repeat; margin-bottom:10px;}
div#graf {margin-bottom:30px;}
p#autori {text-align: right; font-style:italic;}
a#detalji {font-weight: bold;}




div#content h2 { text-align: center; color: #3c5066; }
div#content h2 a { color: #3c5066; }


div#pokpretraga { position: relative; width: 210px; height: 30px; margin-bottom: 15px;}
div#pokpretraga input {width: 153px; height: 21px; position: absolute; top: 3px; left: 10px; border: 1px solid #82acdc; border-color: #82acdc rgba(130,172,220,0.2) rgba(130,172,220,0.2) #82acdc; }
div#pokpretraga button#btnPretraga { height: 25px; width: 25px; position: absolute; top: 3px; left: 165px;}

div#content div#pokazatelji h3 {text-align: right; font: 12px Arial, Helvetica, sans-serif; font-weight: normal; font-style: none; cursor: pointer; text-decoration: none; margin: 0; padding: 3px 5px 3px 0; width: 200px; border-right: 1px solid #82acdc; border-top: 1px dotted #82acdc; letter-spacing: normal; }
div#content div#pokazatelji h3:last-child { border-bottom: 1px dotted #82acdc; }
div#content div#pokazatelji h3:hover {color: #ffb642; }
div#pokazatelji ul { display: none; }
div#pokazatelji ul.pokazi { display: inline-block; margin-bottom: 5px; }
div#content div#pokazatelji h3.pokazi { font-weight:bold; border-right-color: #4a627d;}
	
select#ppodj {margin-bottom: 20px; width: 180px; margin-left: 10px; }


ul#podnasl { list-style: none; margin: 25px auto; padding: 0; width: 95%; }
ul#podnasl li { font: 12px/20px Arial, Helvetica, sans-serif;  display: inline-block; margin: 0 0 0 20px; }
ul#podnasl li.oznacen { text-decoration: underline; font-weight: bold; font-size: 14px; }
ul#podnasl li:first-child { margin: 0; }
ul#podnasl li a { font-weight: normal; text-decoration: none; }
ul#podnasl li a:hover { color: #ffb642; }

div#popautora, div#divekstatus, div#divtrend, div#divprint  { background-color: rgba(130,172,220,0.2); border-top: 1px solid #82acdc; border-bottom: 1px solid #82acdc;  padding: 10px 5px; margin-bottom: 20px; }
div#divtekst, div.divshohid { margin: 0 10px 20px; }

div#content #divtekst h3 { margin-left: 0; font: 12px Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; width: 50%; border-bottom: 1px solid #82acdc; padding: 5px 0; }
div#content #divtekst h3 .shohid {
  background: transparent url(../../jadran/azo/strelice/str-dolje-pla16.png) no-repeat scroll left center;
  margin: 0; padding-left: 18px;
}
div#content #divtekst h3 .shohid:hover {
  background: transparent url(../jadran/azo/strelice/str-dolje-nar16.png) no-repeat scroll left center;  }

div#content .divshohid h3 { margin-left: 0; font: 12px Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; width: 50%; border-bottom: 1px solid #82acdc; padding: 5px 0; }
div#content .divshohid h3 .shohid {
  background: transparent url(../../jadran/azo/strelice/str-desno-pla16.png) no-repeat scroll left center;
  margin: 0; padding-left: 18px;
}
div#content .divshohid h3 .shohid:hover {
  background: transparent url(../../jadran/azo/strelice/str-desno-nar16.png) no-repeat scroll left center;  }



div#content table.tblContent { border: 2px solid #4a627d; border-collapse: collapse; margin: 0 auto 30px auto; }
div#content table.tblContent th, div#content table.tblContent td { border: 1px solid #4a627d; padding: 3px 10px; }
div#content table.tblContent th { background-color: #4a627d; color: #fff; }
div#content table.tblContent tr:nth-child(odd) { background-color: rgba(130,172,220,0.2); }
  
div.divslika { margin: 10px auto; max-width: 700px; text-align: center; }
div.divslika img { max-width: 100%; border: 0; }
div.divslika applet { max-width: 100%; border: 0; }
div.divslopis {display: block; margin: 0 auto 50px auto; text-align: center; }
  
div#pokazatelji ul#ulpret { display: inline-block; text-align: left; margin-left: 10px; }
div#pokazatelji ul#ulpret li {margin-bottom: 10px; }
div#pokazatelji ul#ulpret li a { color: #4a627d; }
div#pokazatelji ul#ulpret li a:hover { color: #ffb642; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none;
    background-color: rgba(130,172,220,0.2);
    border: 1px solid #82acdc;
    color: #4A627D;
}
  
#dprisli { text-align: center; }



@media print {
  
  
  .hiprint, ul#podnasl li.hiprint { display: none; }
  
  html, body { background-color: #ffffff; }
  div#container { width: auto; }
  #header, #footer, #lijeva-kol, #divprint { display: none; }
  div#content div#desna-kol { float: none; width: auto; height: auto; margin: 0; }
  #dprigra div { position:relative; display: block; }
  div#content #divtekst h3, div#content .divshohid h3 { border-bottom: 0; }
  div#content #divtekst h3 .shohid, div#content .divshohid h3 .shohid, div#content .shohid { background-image: none !important; padding: 0; margin-left: 18px; }
 
  
  div#prikazgr {width: 100%; margin:20px auto; padding:0;}
  div.divslika { margin: 10px auto; max-width: 100%; text-align: center; display: inline-block; }
  #dprigra { text-align: center; }
  #dprigra div { display: block; text-align: center; position: relative; }
  #dprigra div.divslika > div { margin: 10px auto; max-width: 100%; text-align: center; }
  
  
  
  
  }
  
  div#divtekst div#dpoktxt *, div.divshohid div#dpokopi, div.divshohid div#dpokdef, div.divshohid div#dpraokv, div.divshohid div#dpokopi *, div.divshohid div#dpokdef *, div.divshohid div#dpraokv * { font-size: 13px !important; color: #555555 !important; font-family: Arial, Helvetica, sans-serif !important; letter-spacing: normal !important; line-height: 1.5 !important; }
  div#divtekst div#dpoktxt table, div.divshohid div#dpokopi table { border: 2px solid #4a627d; border-collapse: collapse; margin: 5px auto; page-break-inside:avoid; page-break-after:auto;  }
  
  div#divtekst div#dpoktxt table tr, div.divshohid div#dpokopi table tr { page-break-inside:avoid; page-break-after:auto; }
  div#divtekst div#dpoktxt table td, div.divshohid div#dpokopi table td { border: 1px solid #4a627d; padding: 0 6px; line-height: normal !important; font-size: 12px !important; }
  div#divtekst div#dpoktxt ul { list-style-type: circle; }
  
  #printicon { float: right;}

    .highcharts-title {top:2px !important;}
  
	/*
	linear-gradient(to right, #966d2c, #ffb642, #966d2c);
	"Palatino Linotype", "Book Antiqua", Palatino, serif
  #btnNext {float:left; margin-bottom:15px;}
  #ffb642
	
	*/