* {
margin:5;
padding:0;
}
html {min-width:940px}
body{
font-family:Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:center top;
}
#elsner td{ background-image: url(../slike/elsner.jpg);
opacity:0.7;
filter:alpha(opacity=70);}
/* #elsner td {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
background-color: #FFFFFF;
}*/
object {vertical-align:top;outline:none}
input,textarea,select {font-family:Tahoma,Arial,helvetica,sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
p {margin:0;padding:0}
img {border:0;vertical-align:top;text-align:left}
ul,ol {list-style:none}
/* GLOBAL */
#main {width:940px;margin:0 auto}
#header,#content,#footer {font-size:0.75em}
.col-1,.col-2,.col-3 {float:left}
#content .col-1 {
width:996px;
padding:12px 0
}
#content .col-2 {width:305px;float:right}
/* ALIGMENT */
.fleft {
float:left;
margin-left: 15px;
margin-top: 5px;
}
.fright {
float:right;
width:auto;
height:30px;
margin-right: 10px;
}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {
width:90%;
overflow:hidden;
margin-left:35px;
margin-top: 60px;
margin-right: 35px;
}
.container {width:100%}
/* FORMS */
#search-form label {color:#fff;font-size:16px;line-height:1.2em;text-transform:uppercase;float:left;margin-right:13px}
#search-form input {background-color:#fff;border:0;width:174px;float:left;padding:4px 3px 4px 3px;margin-right:12px}
#search-form .link1 {position:relative;top:-2px}
#login-form .field {height:23px;width:100%;overflow:hidden}
#login-form label {color:#fff;font-weight:bold;float:left;width:93px}
#login-form label.extra {font-weight:normal}
#login-form .field input {border:1px solid #115bbe;padding:1px 3px 1px 3px;width:107px;float:right}
#login-form input.extra {width:12px;height:12px;padding:0;float:left;margin-top:2px}
#login-form .field1 {padding-top:5px;height:28px}
#login-form .field1 a {text-decoration:none;display:inline-block;float:right;color:#35b3d8;cursor:pointer;margin-top:-4px;background:url(images/button-left1.png) no-repeat left top}
#login-form .field1 a em {display:inline-block;padding:0 5px;background:url(images/button-right1.png) no-repeat right top}
#login-form .field1 a b {font-style:normal;display:inline-block;background:url(images/button-tail1.png) repeat-x left top;padding:4px 11px 4px 11px}
#login-form .field1 a span {color:#fff;display:block;margin:-17px 0 0 -1px}
#login-form .field1 a:hover {color:#0f56ba}
#login-form ul {width:100%;left:-18px;position:relative}
#login-form ul li {padding:0 0 6px 18px;background:url(images/arrow1.gif) no-repeat left 5px}
#login-form ul li.last {padding-bottom:0}
#login-form ul li a {color:#c1f0ff}
#contacts-form { clear:right;width:100%;overflow:hidden}
#contacts-form fieldset { border:none;float:left;}
#contacts-form .field { clear:both}
#contacts-form label { float:left;width:97px;line-height:18px;padding-bottom:8px;font-weight:bold;color:#454545}
#contacts-form input { width:265px;padding:1px 0 1px 3px;border:1px solid #ccc;color:#70635b}
#contacts-form textarea { width:421px;height:282px;padding:1px 0 1px 3px;border:1px solid #ccc;color:#70635b;margin-bottom:15px;overflow:auto}
#contacts-form .link1 {float:right}
/* LISTS */
.box-list {width:100%;overflow:hidden}
.box-list li {float:left;width:305px;margin-right:13px}
.box-list li .box1 p {margin:0}
.box-list li .box1 p a {position:relative;top:5px}
.box-list li.alt {margin-right:12px}
.box-list li.last {margin-right:0}
.news {margin-bottom:-14px}
.news li {background:url(images/arrow1.gif) no-repeat left 5px;padding:0 0 14px 18px}
.news li a {color:#c1f0ff;font-size:.92em;text-decoration:none;font-weight:bold}
.news li a:hover {text-decoration:underline}
.news li p {color:#fff;margin:4px 0 0 0}
.sitemap {padding-bottom:20px}
.sitemap li {padding:0 0 0 16px;line-height:1.83em;background:url(images/arrow.gif) no-repeat left 8px}
.list {margin-top:-14px}
.list li {line-height:1.83em;width:100%;overflow:hidden;vertical-align:top;padding-top:14px}
.list li img {float:left;margin-right:20px}
.list li a {font-weight:bold;text-decoration:none}
.list li a:hover {text-decoration:underline}
/* OTHER */
.img-box1 {width:100%;overflow:hidden;padding-bottom:20px}
.img-box1 img {float:left;margin:0 30px 0 0}
p {line-height:1.83em;margin-bottom:20px}
.p0 {margin:0}
.address {float:left;line-height:1.83em;margin-right:59px}
.address b {width:78px;float:left}
/* TXT,LINKS,LINES,TITLES */
a {color:#1f7dd2;outline:none}
a:hover {text-decoration:none}
h2 {font-size:40px;line-height:1.2em;margin-bottom:10px}
h2 b {display:block;padding-left:95px;margin-top:-12px}
h3 {
font-size:22px;
background:#FFFFFF
line-height:1.5em;
letter-spacing:1px;
margin-bottom:5px;
font-family: "Lucida" Grande, sans-serif;
color:#666666;
padding-left: 25px;
}
li { font-weight: bold;
}
li.current {
background:url(../slike/bg.jpg);
background-image: url(../slike/bg.png);
/*background-color: #CCCCCC; */
}
h4 {font-size:28px;line-height:1.2em;margin-bottom:10px}
h3 b,h4 b {color:#000000;background:#FFFFFF}
.link1 {font-size:16px;text-decoration:none;color:#fff;float:left;text-transform:uppercase;display:inline-block;cursor:pointer;background:url(images/button-left.png) no-repeat left top}
.link1 em {display:inline-block;padding:0 5px;background:url(images/button-right.png) no-repeat right top}
.link1 b {display:inline-block;background:url(images/button-tail.gif) repeat-x left top;padding:3px 9px 4px 9px}
BOXES */
.box {background:#fff;width:100%;margin-bottom:20px}
.box .border-bot {background:url(images/border-bot.gif) repeat-x left bottom}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom}
.box .inner {padding:0 0 10px 21px}
.box1 {width:263px;background:url(images/box1-bot.jpg) no-repeat left bottom}
.box1.alt {background:url(images/box1-bot1.jpg) no-repeat left bottom;width:900px}
.box1 .inner {padding:34px 22px 28px 29px}
.box2 {width:100%;background-color:#176ac7}
.box2 .border-top {background:url(images/border-top.gif) repeat-x left top}
.box2 .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top}
.box2 .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top}
.box2 .inner {padding:12px 48px 25px 32px}
.box2 h4 {color:#fff;padding-left:17px;margin-bottom:30px}
.box2 h4 b {color:#c1f0ff}
.box3 {width:100%;border-top:2px solid #3593da;background:url(images/border-top1.gif) repeat-x left top #176ac7}
.box3 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom}
.box3 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom}
.box3 .inner {padding:7px 49px 36px 48px}
.box3 h4 {color:#fff;margin-bottom:36px}
.box3 h4 b {color:#c1f0ff}
/* HEADER */
#header {height:419px;position:relative}
#header .row-1 {height:90px}
#header .row-1 .fleft {padding:5px 0 0 25px}
#header .row-1 .fright {padding:34px 34px 0 0}
#header .row-1 .fright ul li {float:left;padding-left:23px}
#header .row-2 {
background:url(images/nav-tail.gif) repeat-x left top;
margin-bottom:-3px;
position:relative;
z-index: 300;
}
#header .row-2 .left {background:url(images/nav-left.gif) no-repeat left top}
#header .row-2 ul {height:58px;width:100%;overflow:hidden;background:url(images/nav-right.gif) no-repeat right top}
#header .row-2 ul li {float:left;text-transform:uppercase;font-size:16px;line-height:1.2em;background:url(images/divider.gif) no-repeat right 4px;padding:4px 2px 0 0}
#header .row-2 ul li.last {background:none;padding-right:0}
#header .row-2 ul li.last a {width:188px}
#header .row-2 ul li a {text-decoration:none;color:#fff;width:186px;text-align:center;display:block;padding:14px 0 0 0;cursor:pointer;background:url(images/spacer.gif)}
#header .row-2 ul li a span {display:block;height:40px}
#header .row-2 ul li a:hover,
#header .row-2 ul li a.active {background:url(images/nav-act.png) repeat-x left top}
#header .row-2 ul li a:hover span,
#header .row-2 ul li a.active span {background:url(images/nav-arrow.gif) no-repeat center bottom}
#header .row-3 {height:276px;overflow:hidden;background:url(images/header-tail.gif) repeat-x left top}
#header .row-3 .inside {
padding:15px 0 0 50px;
width:200px;
position:relative;
z-index:2;
color: #CCC;
font-size: 1.75em;
margin-top: 0px;
}
#header .row-3 .inside p {color:#fff;line-height:1.5em}
#header .extra {position:absolute;left:0;top:142px}
/* CONTENT */
#content {padding-bottom:30px}
#content .inner_copy, #content .inner_copy a {border:0;float:right;background:#000;color:#f00;width:100%;line-height:10px;font-size:10px;margin:-50% 0 0 0;overflow:hidden;padding:0}
#content .indent {padding:0 0 0 49px}
/* FOOTER */
#footer .footer-nav {background:url(images/footer-nav-tail.gif) repeat-x left top}
#footer .footer-nav .left {background:url(images/footer-nav-left.gif) no-repeat left top}
#footer .footer-nav ul {width:100%;overflow:hidden;padding:15px 0 16px 0;background:url(images/footer-nav-right.gif) no-repeat right top}
#footer .footer-nav ul li {float:left;font-family:Arial,Helvetica,sans-serif;font-weight:bold;line-height:1em;border-right:1px solid #fff;padding:0 72px}
#footer .footer-nav ul li.last {border:0}
#footer .footer-nav ul li a {color:#fff}
#footer .bottom {background:url(images/footer-tail.gif) repeat-x left top #000;text-align:center;color:#fff;line-height:1.67em;padding:18px 0 23px 0}
#footer a {color:#4399e6}.cufon-active.cufon-ready #page1 #main #header .row-3 .inside {
font-weight: bold;
}
.inzenirings {background-image:url(../slike/plekos.jpg);}
/*** ESSENTIAL STYLES ***/
.sf-inzeniring, .sf-inzeniring * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-inzeniring {
line-height: 1.0;
}
.sf-inzeniring ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of subinzenirings need to match (see below) */
}
.sf-inzeniring ul li {
width: 200px;
}
.sf-inzeniring li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
background-image:url(images/nav-act.png);
}
.sf-inzeniring li {
float: left;
position: relative;
background-image: url(inzeniring.jpg);
}
.sf-inzeniring a {
display: block;
position: relative;
width: 180px;
}
.sf-inzeniring li:hover ul,
.sf-inzeniring li.sfHover ul {
left: 0;
top: 2.0em; /* match top ul list item height */
z-index: 99;
}
ul.sf-inzeniring li:hover li ul,
ul.sf-inzeniring li.sfHover li ul {
top: -999em;
}
ul.sf-inzeniring li li:hover ul,
ul.sf-inzeniring li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-inzeniring li li:hover li ul,
ul.sf-inzeniring li li.sfHover li ul {
top: -999em;
}
ul.sf-inzeniring li li li:hover ul,
ul.sf-inzeniring li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-inzeniring {
float: left;
padding-top: 10px;
}
.sf-inzeniring a {
padding: .6em 1em;
text-decoration:none;
background: transperent;
}
.sf-inzeniring a, .sf-inzeniring a:visited { /* visited pseudo selector so IE6 applies text colour*/
font-family:Arial, serif; font-size: 16px; color: #333333; text-decoration:none;
display:block; text-align:center; text-transform:uppercase; font-weight:bold;
}
.sf-inzeniring li {
width:200px;
background: transperent;
}
.sf-inzeniring li li {
background: #3B81D7;
}
.sf-inzeniring li li li {
background: #3B81D7;
}
.sf-inzeniring li:hover, .sf-inzeniring li.sfHover,
.sf-inzeniring a:focus, .sf-inzeniring a:hover, .sf-inzeniring a:active {
background: transperent;
outline: 0;
}
/*** arrows **/
.sf-inzeniring a.sf-with-ul {
padding-right: 2.7em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-inzeniring ul .sf-sub-indicator { background-position: -200px 0; }
.sf-inzeniring ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-inzeniring ul a:focus > .sf-sub-indicator,
.sf-inzeniring ul a:hover > .sf-sub-indicator,
.sf-inzeniring ul a:active > .sf-sub-indicator,
.sf-inzeniring ul li:hover > a > .sf-sub-indicator,
.sf-inzeniring ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*
li { font-weight: bold;
}
li.current {
background:url(../slike/bg.jpg);
background-image: url(../slike/bg.png);
background-color: #CCCCCC;
}
*/
li.current {background:url(../slike/bg.jpg);
background-image: url(../slike/bg.png); }
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('../images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
.style1 {color: #FFFFFF;
text-decoration:none;
font-family:"Lucida" Grande, sans-serif;
font-size:14px}
.slideshow { height: 302px; width: 1000px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #666666; background-color: #ccc; }