html *{position:relative;font-size:100%;font:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
body{color:#000;font:normal 87.5% "Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-image:url(http://www.periodni.com/slike/mestrovic-povijest_hrvata.jpg);}
img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;}
p,li,table,th,td,dl,dd{font-weight:normal;font-size:1em;line-height:1.4;padding:.25em .5em;}
p,dd{text-align:justify;}
a,a:visited{color:#00c;text-decoration:none;background-color:transparent;line-height:inherit;}
a:hover,a:focus{color:#c00;outline:0;}
a img{border:none;}
a img:hover,a img:focus{opacity:0.75;}
h1,h2,h3,h4,h5,h6{color:#234567;letter-spacing:1px;line-height:1.25em;font-weight:normal;margin:1.25em .5em .75em;}
h1{font-size:2em;text-transform:uppercase;display:inline-block;font:2.25em Georgia,"Times New Roman",serif;color:#ddd;padding-top:30px;text-align:left;text-shadow:2px 2px 2px #888;margin:0;}
h2{font-size:1.5em;}
h3{font-size:1.25em;}
h4{font-size:1.1em;margin:5px;}
h6,i,em{font-style:italic;}
.h1-opis{font-size:1.2em;margin-top:-.75em;margin-bottom:1.5em;color:#060;text-align:center;}
sup,sub{font-size:75%;line-height:0;}
sub{top:.35em;}
hr{height:1px;border:none;color:#d4d4d4;background-color:#d4d4d4;clear:both;margin:.5em;}
pre,code,.kod{font:normal 87.5% Consolas, "Lucida Console", "Courier New", Courier;overflow:auto;}
table{width:100%;background-color:#fff;margin:.5em 0;}
td{border-bottom:1px solid #ccc;}
th{font-size:.95em;font-weight:bold;background-color:#ddd;border-bottom:1px solid #aaa;text-align:center;vertical-align:middle;}
.cols33 th{width:33.33%;}
.rcol1 td:nth-child(1),.rcol2 td:nth-child(2),.rcol3 td:nth-child(3){text-align:right;}
ul,ol{list-style-position:outside;margin-left:2em;}
dd{margin-left:1em;margin-bottom:1em;}
option{padding-left:.4em;}
select{padding:1px;}
input[type=submit]{padding:.15em;}
input[type=text]{line-height:1.4;width:200px;padding:1px 2px 2px 5px;}
#headlayer{max-width:960px;background-color:#fff;border-top:1px solid #ccc;border-left:1px solid #e6e6e6;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;-webkit-box-shadow:5px 5px 5px #888;-moz-box-shadow:5px 5px 5px #888;box-shadow:5px 5px 5px #888;margin:5px auto;}
#menulayer{background-color:#eef;border-top:1px solid #cacaba;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;width:80%;}
#bodylayer{margin-top:2.25em;width:100%;background-color:#fff;border:1px solid #ddd;-moz-box-shadow:inset 0 0 10px #ddd;-webkit-box-shadow:inset 0 0 10px #ddd;box-shadow:inset 0 0 10px #ddd;padding:5px;}
#ebody{width:auto;top:0;margin-right:180px;border:1px solid #fff;}
.xrow{width:100%;margin:0;padding:0;}
.xrow:before,.xrow:after{content:" ";display:block;}
[class^=ycols]{position:relative;float:left;margin:0;padding:0;}
.ycols1{width:8.33333%;}
.ycols2{width:16.66667%;}
.ycols3{width:25%;}
.ycols4{width:33.33333%;}
.ycols5{width:41.66667%;}
.ycols7{width:58.33333%;}
.ycols8{width:66.66667%;}
.ycols9{width:75%;}
.ycols10{width:83.33333%;}
.ycols11{width:91.66667%;}
.txt-l{text-align:left!important;}
.txt-r{text-align:right!important;}
.txt-c{text-align:center!important;}
.txt-j{text-align:justify!important;}
.img-l{float:left;margin:10px 25px 10px 10px;}
.img-r{float:right;margin:10px 10px 10px 25px;}
.img-c{text-align:center;margin:10px;}
.blok{display:inline-block;}
.div-l,.left{float:left!important;}
.div-r,.right{float:right!important;}
.div-c,.center{float:none;margin-left:auto;margin-right:auto;}
.clear-left{clear:left;}
.logo{padding-left:8px;float:left;width:350px;}
.logo img{float:left;z-index:10;margin:8px;}
.logo ul{padding-top:24px;list-style-type:none;}
.logo li{letter-spacing:1px;font-size:.9em;font-style:italic;color:#262;background-color:#fff;padding:1px 0;}
.logo a{display:block;color:#262;}
.cglogo img{width:auto;float:left;padding:8px;}
.h1-logo{display:inline-block;font:2.25em Georgia,"Times New Roman",serif;letter-spacing:1px;color:#ddd;padding-top:30px;text-align:left;text-shadow:2px 2px 2px #888;margin:0;}
.social{padding:5px;}
.social img{margin:5px;padding:3px;}
.gotop{border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;}
.gotop [class^=ycols]{padding:.5em;}
.gotop img{float:left;margin:.5em;}
.gotop p{float:right;}
.gotop ul{margin-left:0;}

/* ------------------ */
/*   EU Cookie Law    */
#cookie-law { 
    max-width:960px;
    background:#eeeadd; 
    margin:5px auto 0; 
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
#cookie-law .tekst { 
	margin-right:120px;
    padding:8px; 
    text-align:center; 
    color:#682008;
}
#cookie-law .botun { 
	position: absolute;
	top: 15px;
	right: 10px;
}
.close-cookie-banner { 
    width:110px;
	text-align:center; 
    background:#fff;
	padding:8px;
    border: 1px solid #0cc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.citat{font-size:.95em;color:#262;text-align:left;}
.copyme{text-align:center;color:#99b;font-size:.85em;margin-top:15px;}
.copyme a:link{color:#a8a9b9;}
.topmenu{position:absolute;top:0;font-size:.9em;}
#leftnav,#rightnav{float:left;z-index:30;margin:0;padding:0;}
#rightnav{position:absolute;right:0;}
#leftnav a,#rightnav a{color:#567;text-decoration:none;display:block;border:1px solid transparent;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:.25em .35em;}
#leftnav li:hover > a,#rightnav li:hover > a{background-color:#eef;color:#444;border-top:1px solid #f8f8f8;-moz-box-shadow:3px 1px 3px #888;-webkit-box-shadow:3px 1px 3px #888;box-shadow:3px 1px 3px #888;}
#leftnav ul a:hover,#rightnav ul a:hover{background-color:#0078ff!important;color:#fff!important;border-top:1px solid #0078ff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#leftnav li:hover > ul,#rightnav li:hover > ul{display:block;margin-top:2px;left:7px;}
#leftnav ul li:hover > ul{display:block;top:0;left:175px;margin:0;}
#rightnav li:hover > ul{left:auto;right:7px;width:175px;}
#leftnav ul,#rightnav ul{display:none;position:absolute;width:200px;background-color:#eef;border:1px solid #b4b4b4;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-box-shadow:5px 5px 5px #888;-webkit-box-shadow:5px 5px 5px #888;box-shadow:5px 5px 5px #888;z-index:20;margin:0;padding:0;}
#leftnav ul li,#rightnav ul li{float:none;border-top:1px solid #ddd;margin:0;padding:0;}
#leftnav ul li.separator,#rightnav ul li.separator{padding-bottom:4px;border-bottom:1px solid #888;}
#leftnav ul li:first-child > a,#rightnav ul li:first-child > a{-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;border-top-right-radius:10px;}
#leftnav ul li:last-child > a,#rightnav ul li:last-child > a{-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
#lang img{padding-bottom:3px;}
#lang ul > li{padding-left:25px;width:98%;margin:0 4px;}
#lang li:nth-child(1){background:url(http://www.periodni.com/slike/s_en.jpg) no-repeat left center;}
#lang li:nth-child(3){background:url(http://www.periodni.com/slike/s_fr.jpg) no-repeat left center;}
#lang li:nth-child(5){background:url(http://www.periodni.com/slike/s_it.jpg) no-repeat left center;}
#lang li:nth-child(6){background:url(http://www.periodni.com/slike/s_es.jpg) no-repeat left center;}
#lang ul li:first-child > a{-webkit-border-top-left-radius:0;-moz-border-top-left-radius:0;border-top-left-radius:0;}
#lang ul li:last-child > a{-webkit-border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;border-bottom-left-radius:0;}
#leftnav:after,#rightnav:after,#row:after,.h1-opis:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.bottomenu{width:50%;float:left;font-size:.85em;padding:1em;}
.bottomenu p{font-weight:bold;letter-spacing:1px;text-transform:uppercase;}
.bottomenu ul + p{padding-top:2em;}
.bottomenu li{color:#444;background-color:#eef;padding:.4em 0;}
.bottomenu li a{padding:0;}
.lilink{margin:auto;}
.lilink ul{list-style-type:none;}
.lilink li{display:inline-block;color:#444;background-color:#eef;-webkit-box-shadow:3px 1px 3px #888;-moz-box-shadow:3px 1px 3px #888;box-shadow:3px 1px 3px #888;text-align:center;float:left;width:44px;line-height:32px;font-size:16px;margin:2px;padding:0;}
.lilink a,.lilink a:visited{display:block;color:#234;width:100%;text-decoration:none;padding:.25em;}
.lilink li:active > a,.lilink li:hover > a{background-color:#08f;color:#fff;border-style:none;}
#gsearch{float:right;position:absolute;top:1em;right:2em;}
.googleup{position:absolute;width:160px;height:600px;top:-10px;right:-180px;}
.googledown{width:728px;height:100px;margin:20px auto;padding:2px;}
.eq-l,.eq-c,.eq-tab{line-height:1.4;font-size:1.1em;padding:.25em .5em;}
.eq-c i{letter-spacing:1px;}
.eq-tab{padding-left:50px;text-align:left;}
.dblarrow{font-size:125%;top:-.4ex;margin:0 2px;}
.dblarrow:after{content:"\2190";position:absolute;left:0;top:.5ex;}
.eqweb .ycols6{border-left:2px solid #fff;border-top:2px solid #fff;padding:2px;}
.eqweb{margin-top:1em;background:#efefef;border-bottom:1px solid #0cc;}
.eqweb h4{width:100%;background:#ddd;box-shadow:2px 2px 2px #888;text-align:center;margin:0;padding:3px;}
.eqweb pre,.eqweb .kod{padding:10px;}
.eqweb table{height:100%;border-bottom:1px solid #0cc;}
.eq-final{text-align:center;width:50%;background:#fff;border:1px solid #0cc;margin:auto;padding:10px;}
.fraction{display:inline-block;vertical-align:middle;text-align:center;margin:0 .2em .4ex;}
.fraction > span{display:block;padding-top:.15em;}
.fraction span.fdn{border-top:thin solid #000;}
.sy-g{color:#4f8c4f;}
.sy-b{color:#00f;}
.oxbr,.oncapital,.onsmall{position:absolute;top:-1em;left:0;width:100%;font-size:70%;text-align:center;}
.limes{display:inline-block;vertical-align:middle;text-align:center;margin:0 .2em;}
.limes > span{display:block;margin:-.5ex auto;}
.rarrow{position:relative;font-size:125%;font-family:serif;top:-.5ex;margin:0 2px;}
.larrow{position:absolute;left:0;top:.8ex;}
.intsuma{display:inline-block;vertical-align:middle;text-align:center;}
.intsuma > span{display:block;font-size:70%;}
.intsuma .lim-up{margin-bottom:-1ex;}
.intsuma .lim{margin-top:-.5ex;}
.intsuma .sum{font-size:1.5em;font-weight:lighter;}
.intsuma .sum-frac{font-size:1.5em;font-weight:100;}
.radical{font-size:1.6em;vertical-align:middle;}
.n-root{position:absolute;top:-.333em;left:.333em;font-size:45%;}
.radicand{border-top:thin #000 solid;padding:.25em;}
#data{padding:5px 20px;}
table a{display:block;}
input[type=submit],select{padding:1px 3px;}
table.result{border-top:1px solid #e0e0e0;border-bottom:1px solid #eee;background:#f8f8f8;padding:0 5px;}
.result ul{list-style-type:none;margin-right:1em;}
.result li{display:inline-block;width:26px;background-color:#eef;-webkit-box-shadow:3px 1px 3px #888;-moz-box-shadow:3px 1px 3px #888;box-shadow:3px 1px 3px #888;text-align:center;padding:0;}
.result a{display:block;color:#567;width:100%;height:100%;text-decoration:none;padding:.25em;}
.result li:active > a,.result li:hover > a{background-color:#88f;color:#fff;border-style:none;}
.result p{font-size:1em;letter-spacing:1px;text-align:left;padding:.25em 0 0 1em;}
.lilink p{padding-top:1em;font-weight:bold;font-size:.85em;letter-spacing:1px;text-transform:uppercase;text-align:center;}
.dnmenu{font-size:.85em;margin:auto;padding:0 .5em 1em;}
.dnmenu p{font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding-top:1em;}
.dnmenu ul + p{padding-top:2.5em;}
.dnmenu li{color:#444;padding:.4em 0;}
.box{font-size:12px;font-family:Arial;color:#123456;width:450px;height:150px;border:1px solid #4080e0;padding:5px;}
.red{font-size:12px;font-family:Arial;color:#123456;width:450px;height:22px;border:1px solid #4080e0;}
.img-p{margin-top:10px;text-align:center;font:italic 11pt Times;}
.download{text-align:right;margin:15px;}
h5,b,strong,.bcol1 td:nth-child(1),.bcol2 td:nth-child(2),.bcol3 td:nth-child(3){font-weight:bold;}
sup,.onsmall{top:-.7em;}
caption,.img-caption,.img-p{font-style:italic;padding:10px 0;}
tr:nth-child(odd),.even tr:nth-child(even),.odd li:nth-child(odd),.even li:nth-child(even){background-color:#eee;}
.cacols th,.cacols td,.ccol1 td:nth-child(1),.ccol2 td:nth-child(2),.ccol3 td:nth-child(3),.ccol4 td:nth-child(4),.eq-c,.sy,.sy-r,.sy-g,.sy-b{text-align:center;}
.cols50 th,.ycols6{width:50%;}
.lcol1 td:nth-child(1),.lcol2 td:nth-child(2),.lcol3 td:nth-child(3),.eq-l{text-align:left;}
.xrow:after,.clear,.stop_float{clear:both;}
.ycols12,#edata ul > li{width:100%;}
.crven,.copyme a:hover,.sy-r{color:red;}
.hide,.mobonly,#menu,.fraction span.bar{display:none;}
.gotop li,#leftnav li,#rightnav li{float:left;list-style:none;}
#lang li:nth-child(2),#lang li:nth-child(4){background:url(http://www.periodni.com/slike/s_hr.jpg) no-repeat left center;}
.bottomenu ul,.dnmenu ul{margin-left:1em;}
.lilink .aktiv,.result .numthis{background-color:#dde;}
.limes span.numup,.limes span.overdn{font-size:70%;}
.lilink a,.dnmenu li a{height:100%;}
@media only screen and max-width 767px {
.fix1{width:8.33333%!important;}
.fix2{width:16.66667%!important;}
.fix3{width:25%!important;}
.fix4{width:33.33333%!important;}
.fix5{width:41.66667%!important;}
.fix6{width:50%!important;}
.fix7{width:58.33333%!important;}
.fix8{width:66.66667%!important;}
.fix9{width:75%!important;}
.fix10{width:83.33333%!important;}
.fix11{width:91.66667%!important;}
.fix12{width:100%!important;}
body{font-size:100%;}
.mobonly{display:block;font-size:1rem;}
#ebody{margin:auto;}
#rightnav{font-size:1rem;}
.bottnav li{width:32.5%;}
.bottomenu div + div{padding-top:2em;}
#gsearch{position:relative;display:table;float:none;top:auto;right:auto;margin:10px auto;}
.googleup,.googledown{width:100%;height:auto;position:relative;top:0;left:0;text-align:center;margin:15px 0;}
.cglogo{text-align:center;}
.cglogo img{float:none;}
.h1-logo{display:block;font-size:1.75em;text-align:center;padding:0 0 10px;}
h1{display:block;font-size:2em;text-align:center;text-shadow:2px 2px 2px #888;padding:0 0 10px;}
h2{font-size:1.25em;text-align:left!important;margin:0;}
h3{font-size:1em;}
.entity td:nth-child(1){height:auto;font-size:1em;}
.dnmenu{width:50%!important;padding-left:1em;}
[class^=ycols],.ycols1,.ycols2,.ycols3,.ycols4,.ycols5,.ycols6,.ycols7,.ycols8,.ycols9,.ycols10,.ycols11,.ycols12,#menulayer{width:100%;}
.mobhide,#etower{display:none;}
}
@media only screen and max-width 485px {
.img-l,.img-r{text-align:center!important;float:none!important;}
#rightnav{position:relative;float:right;}
#rightnav a{padding:.25em;}
}
@media print {
.noprint{display:none!important;}
.print-only{display:block!important;}
#gsearch,.googleup,.googledown,.bottomenu,.mobonly{display:none;}
#ebody{margin:auto;}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
}