html {
height: 100%;
}
body {
color: #000000;
font-family: Tahoma, Verdana, Arial, Helvetica, "Trebuchet MS", "Times New Roman", Times, serif, "Lucida Sans Unicode", sans-serif;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, "Times New Roman", Times, serif, "Lucida Sans Unicode", sans-serif;
font-size: 12px;
margin: 0;
background-color: #FFFFFF;
height: 100%;
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
}
a {
color: #213284;
text-decoration: none;
outline: none;
}
a:hover {
color: #00A5FF;
text-decoration: none;
}
p {
margin-top: 0px;
margin-bottom: 14px;
line-height: normal;
}
ul, ol {
margin-top: 0px;
margin-bottom: 20px;
line-height: normal;
text-align: left;
padding-top: 0px;
}
ul li {
list-style-image: url(../images/list.gif);
}
.content {
width: 960px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
padding-bottom: 80px;
}
.height {
background-color: #FF0000;
height: 600px;
overflow: visible;
}
.clear {
clear: both;
overflow: hidden;
height: 1px;
}
.top {
width: 940px;
padding: 10px;
}
.top .flash {
height: 150px;
}
.topmenu {
background-image: url(../images/menu-bg.gif);
height: 50px;
width: 960px;
}
.topmenu a {
display:block;
font-size: 17px;
color: #FFFFFF;
padding-top: 8px;
padding-right: 35px;
padding-left: 35px;
height: 32px;
font-weight: normal;
}
.topmenu a:hover {
background-image: url(../images/menu-bg1.gif);
background-color: #f1faff;
color: #213284;
}
.topmenu .menu-v {
background-image: url(../images/menu-v.gif);
width: 2px;
overflow: hidden;
}
.topmenu .l {
background-image: url(../images/menu-l.gif);
width: 30px;
overflow: hidden;
float: left;
height: 50px;
}
.topmenu .r {
background-image: url(../images/menu-r.gif);
width: 30px;
overflow: hidden;
float: right;
height: 50px;
}
.flashindex {
padding-bottom: 10px;
width: 940px;
padding-right: 10px;
padding-left: 10px;
height: 290px;
}
.vert3 {
background-color: #FFFFFF;
font-size: 12px;
}
.vert3 .novo {
width: 290px;
float: left;
margin-left: 10px;
display: inline;
}
.vert3 .novo .title, .vert3 .video .title, .vert3 .news .title {
font-size: 26px;
color: #213284;
padding-bottom: 8px;
padding-top: 10px;
padding-left: 10px;
font-weight: normal;
}
/***************************************************************************************************************/
.vert3 .news {
width: 290px;
float: left;
margin-left: 10px;
display: inline;
}
.date {
color: #213284;
font-size: 10px;
padding-bottom: 0px;
display: block;
font-weight: normal;
padding-top: 0px;
margin: 0px;
line-height: 10px;
}
.footer {
position: relative;
margin-top: 20px;
}
.footer .title {
font-size: 17px;
color: #FFFFFF;
padding-top: 18px;
padding-left: 15px;
font-weight: normal;
height: 32px;
padding-bottom: 2px;
}
.footer .title a {
color: #213284;
}
.footer .title a:hover {
color: #00A5FF;
}
.footer .slot {
width: 206px;
vertical-align: top;
font-size: 11px;
float: left;
}
.footer .line {
width: 3px;
background-image: url(../images/fv-line.gif);
background-repeat: no-repeat;
background-position: left 40px;
height: 200px;
float: left;
}
.footer .r1 {
background-image: url(../images/fr1.gif);
height: 6px;
width: 6px;
overflow: hidden;
float: left;
margin-right: 44px;
}
.footer .r2 {
background-image: url(../images/fr2.gif);
height: 6px;
width: 6px;
overflow: hidden;
float: right;
}
.footer .r3 {
background-image: url(../images/fr3.gif);
height: 30px;
width: 30px;
left: 0px;
overflow: hidden;
position: absolute;
bottom: 0px;
}
.footer .r4 {
background-image: url(../images/fr4.gif);
height: 30px;
width: 30px;
overflow: hidden;
position: absolute;
right: 0px;
top: 0px;
}
.footer .a {
background-color: #00A5FF;
background-image: url(../images/f-bg1.gif);
background-repeat: repeat-x;
background-position: left top;
padding-bottom: 0px;
width: 940px;
margin-right: 10px;
position: relative;
margin-left: 10px;
}
.footer .b {
background-color: #213284;
background-image: url(../images/f-bg2.gif);
background-repeat: repeat-x;
background-position: left bottom;
height: 30px;
text-align: center;
position: relative;
}
.footer ul {
margin: 0px;
list-style-type: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 15px;
}
.footer li {
margin: 0px;
padding: 0px;
list-style-image: none;
}
.footer a {
color: #213284;
display: block;
width: 185px;
}
.footer a:hover {
color: #FFFFFF;
}
.footer .b a {
color: #00A5FF;
display: inline;
padding-right: 18px;
padding-left: 18px;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
}
.footer .b a:hover {
color: #FFFFFF;
}
.split {
/*margin-right: 10px;*/
width: 950px;
margin-top: 20px;
margin-bottom: 20px;
display: block;
margin-left: 10px;
}
.menu {
background-color: #F2F2F2;
width: 206px;
vertical-align: top;
text-align: left;
}
.cont {
vertical-align: top;
padding-left: 18px;
width: 726px;
}
.menu ul {
list-style-type: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
.menu li {
margin: 0px;
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
list-style-type: none;
list-style-image: none;
}
.menu a {
color: #213284;
display: block;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 15px;
font-size: 14px;
}
.menu a:hover {
color: #00A5FF;
background-color: #FFFFFF;
}
.menu li.submenu {

}
.submenu a {
padding-left: 30px;
font-size: 12px;
padding-top: 2px;
padding-bottom: 2px;
color: #00A5FF;
}
.proizvod {
width: 716px;
}
.proizvod .title {
vertical-align: top;
width: 336px;
}
.proizvod .opis {
vertical-align: bottom;
}
.proizvod .opis .podaci {
font-size: 12px;
}
.proizvod .opis .podaci td {
vertical-align: top;
padding-bottom: 12px;
}
.proizvod .opis .podaci .stavka {
font-weight: bold;
text-align: right;
padding-right: 6px;
white-space: nowrap;
}
.proizvod p {
margin-top: 10px;
margin-bottom: 5px;
text-align: left;
}
.proizvod .slika {
text-align: center;
width: 380px;
vertical-align: top;
padding-left: 0px;
}
.proizvod h1 {
color: #213284;
text-align: left;
font-weight: normal;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #213284;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
.proizvod h2 {
color: #213284;
font-size: 22px;
font-weight: normal;
margin: 0px;
padding-top: 0px;
}
.kalendar {
font-size: 13px;
font-weight: bold;
color: #213284;
margin-top: -10px;
position: relative;
left: 0px;
top: 9px;
}
.kalendar td {
width: 80px;
border-right-width: 4px;
border-bottom-width: 4px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
background-image: url(../images/kalendar-p.gif);
padding-right: 10px;
padding-left: 10px;
}
.kalendar .sad {
background-color: #FF0000;
background-image: url(../images/sad.gif);
color: #FFFFFF;
background-repeat: repeat-x;
background-position: left bottom;
}
/*
.energetska {
float: none;
font-size: 14px;
font-weight: bold;
color: #213284;
text-align: right;
margin-left: 400px;
margin-top: 66px;
margin-right: 10px;
}
*/
.arrow {
font-weight: bold;
font-size: 16px;
}
.proizvodi {
clear: both;
padding-left: 0px;
}
.proizvodi h1 {
padding-bottom: 5px;
margin-bottom: 20px;
margin-left: 14px;
margin-right: 34px;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.proizvodi .proizvod1 {
width: 108px;
text-align: center;
float: left;
margin-right: 5px;
margin-left: 5px;
display: inline;
margin-bottom: 15px;
line-height: 15px;
font-weight: bold;
text-transform: uppercase;
}
.proizvodi .proizvod1 img {
border: 1px solid #213284;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 4px;
}
.proizvodi .proizvod1 a {
display: block;
}
h1 {
color: #213284;
text-align: left;
font-size: 32px;
font-weight: normal;
margin: 0px;
padding-bottom: 20px;
padding-top: 0px;
font-style: italic;
}
h1 .podnaslov {
font-size: 28px;
display: block;
color: #00A5FF;
}
h2 {
color: #213284;
font-size: 18px;
font-weight: bold;
margin: 0px;
padding-bottom: 12px;
padding-top: 0px;
font-style: italic;
}
h3 {
font-size: 14px;
font-weight: bold;
margin: 0px;
padding-bottom: 5px;
padding-top: 0px;
color: #213284;
}
h4 {
font-size: 13px;
font-weight: bold;
margin: 0px;
padding-bottom: 5px;
padding-top: 0px;
color: #213284;
font-style: italic;
}
.cont .txt {
float: left;
display: block;
text-align: justify;
padding-right: 10px;
width: 500px;
}
.front {
height: 100%;
vertical-align: middle;
margin: 0px;
padding: 0%;
width: 100%;
}
.flash-index {
width: 100%;
height: 100%;
}
.nordnet {
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #213284;
float: none;
font-size: 9px;
font-weight: bold;
text-align: center;
padding-top: 20px;
}
.nordnet a {
padding: 4px;
width: 100px;
display: block;
margin-right: auto;
margin-left: auto;
}
.nordnet .dizajn {
font-weight: normal;
}
.bold {
color: #00A5FF;
font-weight: bold;
}







/***************************************/






.rightholder {
float: right;
width: 200px;
padding-right: 10px;
}
.rightholder .title {
display: block;
color: #213284;
font-size: 14px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #213284;
font-weight: normal;
text-align: left;
margin-left: 2px;
padding-bottom: 5px;
}
.rightholder .title a {
color: #213284;
font-weight: bold;
}
.rightholder .title a:hover {
color: #00A5FF;
}
.rightholder .new {
color: #213284;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
font-size: 11px;
margin-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
}
.rightholder .new .date {
color: #213284;
font-size: 9px;
padding-bottom: 1px;
display: block;
font-weight: bold;
}
.rightholder .new a {
color: #00A5FF;
}
.rightholder .new a:hover {
color: #213284;
}
.th {
text-align: left;
padding-top: 0px;
}
.th img {
margin-left: 2px;
border: 1px solid #213284;
margin-bottom: 4px;
cursor: pointer;
}
.th-nolink img {
margin-left: 2px;
border: 1px solid #213284;
margin-bottom: 4px;
}
.nazad {
padding-left: 0px;
padding-top: 7px;
font-size: 12px;
font-weight: normal;
}
.nazad a {
color: #00A5FF;
}
.nazad a:hover {
color: #213284;
}
.img {
text-align: center;
}
.rightholder .nazad {
padding-left: 2px;
padding-top: 5px;
}
.page {
color: #213284;
padding-top: 10px;
text-align: left;
}
.page .tu {
color: #00A5FF;
padding-right: 7px;
padding-left: 7px;
font-weight: bold;
}
.page a {
color: #213284;
padding-right: 7px;
padding-left: 7px;
font-weight: bold;
}
.page a:hover {
color: #00A5FF;
}
.rightholder .page {
padding-top: 9px;
padding-left: 2px;
}
.rightholder .page .tu {
padding-right: 4px;
padding-left: 4px;
}
.rightholder .page a {
padding-right: 4px;
padding-left: 4px;
}
.arrow {
font-weight: bold;
font-size: 16px;
}





/***********************************************/




.new {
background-color: #F2F2F2;
display: block;
margin-bottom: 11px;
position: relative;
padding-bottom: 0px;
margin-right: 10px;
}
.new .title {
font-size: 15px;
color: #00A5FF;
padding-bottom: 1px;
display: block;
padding-right: 10px;
padding-top: 0px;
line-height: 17px;
font-weight: normal;
padding-left: 0px;
}
.new .pic {
float: left;
display: block;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
position: relative;
}
.vert3 .new .pic {
float: left;
display: block;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 0px;
position: relative;
}
.vert3 .date {
color: #213284;
font-size: 10px;
padding-bottom: 0px;
display: block;
font-weight: normal;
padding-top: 5px;
margin: 0px;
line-height: 10px;
}
.new .pic img {
border: none;
}
.r1 {
background-image: url(../images/r1.gif);
height: 5px;
overflow: hidden;
background-repeat: no-repeat;
background-position: left top;
}
.r2 {
background-image: url(../images/r2.gif);
height: 5px;
overflow: hidden;
background-repeat: no-repeat;
background-position: right top;
}
.r3 {
background-image: url(../images/r3.gif);
height: 5px;
overflow: hidden;
background-repeat: no-repeat;
background-position: left top;
}
.r4 {
background-image: url(../images/r4.gif);
height: 5px;
overflow: hidden;
background-repeat: no-repeat;
background-position: right top;
}
.new .tx {
overflow: hidden;
padding-right: 10px;
display: block;
color: #333333;
line-height: 15px;
padding-left: 10px;
padding-bottom: 5px;
height: 70px;





}
.new a:hover .tx {
color: #213284;
cursor: pointer;
}
.new a:hover .title, .new a:hover .title {
color: #00A5FF;
}
.vert3 .novo .new .title {
font-size: 15px;
color: #00A5FF;
padding-bottom: 4px;
display: block;
padding-right: 10px;
padding-top: 3px;
line-height: 17px;
font-weight: normal;
padding-left: 0px;
}
.vert3 .news .new .title {
font-size: 15px;
color: #00A5FF;
padding-bottom: 3px;
display: block;
padding-right: 10px;
padding-top: 0px;
line-height: 17px;
font-weight: normal;
padding-left: 0px;
}
.vert3 .novo .new .pic {
float: left;
display: block;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
position: relative;
}
.vert3 .new {
display: block;
margin-bottom: 6px;
position: relative;
overflow: hidden;
padding-bottom: 0px;
margin-right: 0px;
}
.vert3 .new .tx {
overflow: hidden;
padding-right: 10px;
display: block;
height: 90px;
color: #333333;
line-height: 15px;
padding-left: 10px;
padding-bottom: 0px;
}
.vert3 .video {
width: 340px;
float: left;
margin-left: 10px;
display: inline;
}
.vert3 .video .new {
background-color: #F2F2F2;
height: 312px;
display: block;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.vert3 .video .new .title {
font-size: 19px;
color: #00A5FF;
padding-bottom: 14px;
display: block;
padding-right: 10px;
padding-top: 7px;
line-height: 17px;
padding-left: 0px;
font-weight: normal;
margin: 0px;
}
.vert3 .video .new .txt {
padding-right: 10px;
display: block;
padding-left: 10px;
margin: 0px;
padding-top: 0px;
padding-bottom: 2px;
height: 300px;
}
.kontakt {
margin-bottom: 30px;
margin-left: 120px;
}
.kontakt td {
padding-bottom: 6px;
vertical-align: top;
}
.kontakt .tel {
font-weight: bold;
padding-right: 5px;
width: 100px;
text-align: right;
}
.stampaj {
background-color: #FF0000;
width: 152px;
display: block;
margin-right: auto;
margin-left: 2px;
height: 18px;
padding-top: 1px;
text-align: center;
font-size: 13px;
font-weight: bold;
padding-bottom: 1px;
}
a .stampaj {
color: #FFFFFF;
background-image: url(../images/stampaj.gif);
}
a:hover .stampaj {
color: #FFFFFF;
cursor: pointer;
background-color: #213284;
background-image: url(../images/stampaj-1.gif);
}
.pdvbig {
width: 932px;
text-align: center;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
padding-top: 10px;
}





/*************************************************************/




.avico {
width: 716px;
background-color: #ccecff;
background-image: url(../images/avico-bg.jpg);
background-position: left top;
margin-bottom: -5px;
padding-bottom: 30px;
position: relative;
}
.avico h1 {
font-family: Arial, Helvetica, Verdana, Tahoma, "Trebuchet MS", "Times New Roman", Times, serif, "Lucida Sans Unicode", sans-serif;
color: #FFCC00;
text-align: left;
font-weight: bold;
margin: 0px;
padding-top: 65px;
padding-right: 0px;
padding-left: 200px;
text-transform: uppercase;
font-size: 26px;
height: 55px;
padding-bottom: 0px;
}
.avico .slike {
padding-bottom: 25px;
padding-left: 200px;
}
.avico .slike img.b {
padding-left: 20px;
padding-bottom: 10px;
}
.avico .podaci {
background-color: #ccecff;
margin-left: 90px;
color: #002d92;
border: 1px solid #FFFFFF;
line-height: 16px;
width: 600px;
}
.avico .podaci td {
vertical-align: top;
border: 1px solid #FFFFFF;
padding-top: 2px;
padding-right: 6px;
padding-bottom: 2px;
padding-left: 6px;
}
.avico .podaci .stavka {
font-weight: bold;
text-align: left;
padding-right: 6px;
width: 96px;
}
.avico .podaci h1 {
color: #002d92;
margin: 0px;
font-size: 12px;
font-weight: normal;
font-style: normal;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
}
.avico .nazad {
padding-left: 0px;
padding-top: 0px;
font-size: 12px;
font-weight: normal;
position: absolute;
left: 30px;
top: 135px;
}
.avico .nazad a {
color: #FFCC00;
}
.avico .nazad a:hover {
color: #00A5FF;
}
.recept {
padding-right: 10px;
}
.recept .slika {
float: right;
margin-bottom: 10px;
margin-left: 0px;
margin-top: 5px;
margin-right: 0px;
}
.recept .txt {
padding-right: 0px;
width: 396px;
float: left;
}
.loader {
text-align: center;
height: 183px;
padding-top: 160px;
}
.recept .nazad {
padding-top: 0px;
padding-bottom: 10px;
}
.pola {
padding-bottom: 4px;
width: 363px;
position: relative;
float: left;
margin-right: 0px;
}













.video {
background-color: #FFFFFF;
}
.video h1 {
padding-bottom: 5px;
}
.video .podnaslov {
font-size: 20px;
display: block;
color: #00A5FF;
text-align: left;
font-weight: normal;
margin: 0px;
padding-bottom: 0px;
padding-top: 0px;
font-style: italic;
height: 30px;
}
.video .rightholder {
padding-top: 30px;
}
.video .img {
padding-top: 0px;
}
.video .flash {
height: 395px;
}
.gore {
height: 5px;
clear: both;
}
.dole {
height: 5px;
clear: both;
}
.cont .txtgal {
display: block;
text-align: justify;
padding-right: 20px;
padding-bottom: 10px;
}
.right {
float: right;
padding-right: 0px;
}