body {
	margin:0;
	padding:0;
	background: #c2c2c2 url(5-1.png) repeat-x;
	font-family: "Helvetica Neue", Arial, sans-serif;
	color: #555;
	font-size: 12px;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
}
h1, body#naslovnica h2 {
	display: none;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
	margin: 20px 0 10px 0;
}
h4 {
	font-size: 13px;
	margin: 20px 0 5px 0;
}

img {
        border: none;
}

a:link, a:visited {
	color: #00bc23;
	text-decoration: none;
}
#content a:hover, #footerbox a:hover {
	text-decoration:underline;
}
#content a {
	yfont-weight: bold;
}
p {
	margin:0 0 15px 0;
}
label {
	display: block;
	clear: both;
	padding-top: 5px;
}
label input, label textarea {
	float: left;
	clear:both;
	font-weight: normal;
}
textarea {
	font-family: inherit;
}
#mainwrap {
	width: 100%;
	position: absolute;
	top: 325px;
}
#main {
	width: 950px;
	margin: 0px auto;
}
#mainfloat {
        float: right;
        clear: both;
}
#headerslika {
	height: 183px;
	background: transparent url(2-4.png) no-repeat 50% 50%;
	position: absolute;
	top: 142px;
	width: 100%;
        overflow: hidden;
}
#headerinnerfade {
        width: 100%;
        height: 183px;
        position: absolute;
        left:0;
        top:0;
}
#headerinnerfade p {
        margin:0;
        padding:0;
        display: block;
        width:100%;
        height: 183px;
}
#sekcije {
	background: transparent url(3-4-2.png) no-repeat left top;
	height: 264px;
	width: 952px
}
.sekcija {
	float: left;
	height: 264px;
	width:238px;
}
.sekcija h3 {
	text-align:center;
	display:block;
	width:100%;
	height: 43px;
	line-height: 50px;
	margin:0;
	font-weight: normal;
}
.sekcija h3 a {
	color: #e2e2e2;
	text-align:center;
	display:block;
	width:100%;
	height: 43px;
	line-height: 50px;
	margin:0;
	font-weight: normal;
        font-weight: bold;
}
.sekcija h3 a:hover {
        color: #fff;
}
.sekcija p {
	display: block;
	width: 202px;
	padding:20px 18px 0 18px;
	color: #ccc;
	text-align: justify;
	font-size:11px;
}
.sekcija p a {
	display: block;
	width: 202px;
	padding:0px;
	color: #c5c5c5;
	text-align: justify;
	font-size:11px;
        height: 165px;
}
.sekcija p a:hover {
        color: #fff;
}
p.opsirnije {
	padding:0;
	display: block;
	top: 235px;
	position: absolute;
}
p.opsirnije a:link, p.opsirnije a:visited {
	display: block;
	width: 236px;
	height: 27px;
	line-height: 27px;
	text-indent: 10px;
	color: #b0ff36;
	font-weight: bold;
	background: transparent url(4-1.png) no-repeat 70px 9px;
}
p.opsirnije a:hover {
	color: #cbff79;
	background: transparent url(4-1-hover.png) no-repeat 70px 9px;
}
#headerwrap {
	width: 100%;
	background: transparent url(1-4.png) no-repeat 50% top;
	height: 142px;
	top: 0;
	z-index: 10;
}
#header {
	width: 950px;
	height: 142px;
	margin: 0px auto;
}
a#logo {
	text-indent: -9000px;
	width: 245px;
	height: 110px;
	display: block;
	float: left;
}
ul#toplinkovi {
	list-style-type: none;
	display: block;
	float: right;
	width: 600px;
	height: 30px;
	margin:20px 0 0 0;
	text-align: right;
	color: #aaa;
}
ul#toplinkovi li {
	display: none;
	list-style: none;
}

ul#topmenu {
	list-style-type: none;
	display: block;
	float: right;
	ywidth: 600px;
	height: 30px;
	margin:0;
	margin-top: 36px;
	height: 55px;
}
ul#topmenu li {
	display: inline;
	list-style: none;
}
ul#topmenu li a {
	background: transparent url(6-1.png) no-repeat top right;
	display: block;
	width: 100px;
	height: 55px;
	text-align: center;
	float: left;
	line-height: 65px;
}
ul#topmenu li a:link, ul#topmenu li a:visited {
	color: #ddd;
	font-weight: bold;
}
ul#topmenu li a:hover {
	color: #fff;
}
ul#topmenu li.last a {
        background-image: none;
}
ul#toplinkovi li a:link, ul#toplinkovi li a:visited {
	color: #7cb0ff;
}
ul#toplinkovi li a:hover {
	color: #fff;
}
#content {
	float: right;
	width: 670px;
	background-color:#fff;
	margin-top: 3px;
	padding: 20px;
	margin-bottom: 2px;
}

#kontaktobrazac {
	float: right;
	width: 710px;
	background-color:#eee;
	margin-top: 3px;
	padding: 0 0 10px 0;
	color:#333;
}
#kontaktobrazac fieldset, #sidebar fieldset {
	border: none;
	margin: 0;
	padding:10px;
}
#kontaktobrazac2 fieldset, #sidebar fieldset {
	border: none;
	margin: 0;
	padding:0px;
}
#kontaktobrazac h3, #galerija h3, #dokumentacija h3 {
	color: #fff;
	background: #336633 url(h3bg.png) repeat-x;
	height: 37px;
	line-height: 40px;
	text-indent: 10px;
	font-weight: normal;
	margin:0 0 5px 0;
        border-top: 4px solid #c2c2c2;
}
#kontaktobrazac p, #kontaktobrazac2 p {
	padding: 0 10px;
}
#kontaktobrazac h3 {
	color: #fff;
}
#kontaktobrazac .errors {
	color:#fff;
	background-color:#9f0000;
}
#kontaktobrazac2 div.errors {
	color:#fff;
	background-color:#9f0000;
        clear: right;
        width: 100%;
}
#kontaktobrazac2 label.errors {
        color:#ff0000;
}
#kontaktobrazac2 label.errors input, #kontaktobrazac2 label.errors textarea {
	border-color:#ff0000;
	color: #000;
}
#kontaktobrazac div.errors p {
        padding:10px;
}
#kontaktobrazac div#divpodaci {
	width: 220px;
	float: left;
	margin-left:13px;
}
#kontaktobrazac2 div#divpodaci {
	float: left;
        margin-left:13px;
}
#kontaktobrazac div#divporuka {
	width: 280px;
	float: left;
	margin-left:13px;	
}
#kontaktobrazac2 div#divporuka {
	float: left;	
        margin-left:13px;
}
#kontaktobrazac #cfporuka {
	width:280px;
} 
#kontaktobrazac2 #cfporuka {
width: 270px;
} 
#kontaktobrazac div#divsubmit {
	width:160px;
	float: left;
	margin-left:13px;
}
#kontaktobrazac2 div#divsubmit {
	width:150px;
	float: left;
        margin-left:13px;
}

#kontaktobrazac label {
	color: #333;
	float: left;
}
#kontaktobrazac2 label {
	float: left;
}
#kontaktobrazac input.tekst, #kontaktobrazac textarea {
	color: #000;
	background-color: #fff;
	border: 1px solid #888;
	padding: 2px 0;
}
#kontaktobrazac2 input.tekst, #kontaktobrazac2 textarea {
	color: #000;
	background-color: #fff;
	border: 1px solid #888;
	padding: 2px 0;
}
#kontaktobrazac textarea#cfporuka {
	height: 153px;
}
#kontaktobrazac2 textarea#cfporuka {
	height: 200px;
}
#kontaktobrazac #cfime, #kontaktobrazac #email, #kontaktobrazac #cftvrtka, #kontaktobrazac #cftelefon {
	width: 210px;
}
#kontaktobrazac2 #cfime, #kontaktobrazac2 #email, #kontaktobrazac2 #cftvrtka, #kontaktobrazac2 #cftelefon {
	width: 200px;
}
#kontaktobrazac #vericode {
	width: 150px;
}
#kontaktobrazac2 #vericode {
	width: 150px;
}
#submit {
	background-color:#266dca;
	color: #fff;
	font-weight: bold;
	width: 150px;
	border: 1px outset #fff;
	padding: 3px 0;
	
}
#sidebar {
	margin-top: 3px;
	float: left;
	width: 236px;
}
div.box {
	margin-bottom:3px;
	background-color: #eee;
	color: #fff;
	padding-bottom:5px;
}
div.box h3 {
	margin:0 0 0px 0;
	color: #fff;
	background: #336633 url(h3bg.png) repeat-x;
	display: block;
	height: 37px;
	line-height: 40px;
	width: 100%;
	text-indent: 10px;
	font-weight: normal;
}
div.box ul {
	margin:0;
}
div.box a:link, div.box a:visited {
	ycolor: #319f00;
	font-weight: bold;
}
div.box a:hover {
	ycolor: #fff;
}
div.menu {
        clear: both;
        width: 100%;
}
div.menu ul {
	list-style-type: none;
	padding:0;
	margin:0;
}
div.menu li {
	list-style:none;
	yheight: 25px;
	line-height: 25px;
	margin:0;
	padding:0;
	text-indent: 10px;
}
div.menu li a:link, div.menu li a:visited {
	display: block;
	width: 100%;
	height: 25px;
}
div.menu li a:hover {
	background-color: #e1e1e1;
	ycolor: #319f00;
}
div.menu li.active a {
	background-color: #fff;
	ycolor: #000;
}
div.menu li ul li a:link, div.menu li ul li a:visited {
	display: block;
	width: 100%;
	height: 25px;
	font-weight: normal;
}
div.menu li ul li a:hover {
	background-color: #e1e1e1;
	ycolor: #319f00;
}

div.menu li.active a {
	ybackground-color: #2e3342;
	ycolor: #319f00;
}

div.menu li ul li a {
	ycolor: #000;
	text-indent: 20px;
	font-weight: normal;
}

div.menu li.active ul li a {
	background-color: #fff;
	ycolor: #000;
	text-indent: 20px;
	font-weight: normal;
}

div.menu li.active ul li ul {
        border: 1px solid #aaa;
        width: 300px;
}
div.menu li.active ul li a:hover {
	background-color: #e1e1e1;
}
        
#footer {
	width: 950px;
	clear: both;
	float: left;
	text-align: center;
	color: #666;
	padding: 0 0 30px 0;
}

#footerbox {
        clear: both;
        float: left;
        width:950px;
        padding: 0 0 3px 0;
        margin: 3px 0 30px 0;
        text-align: left;
        color: #333;
        height:200px;
        overflow: hidden;
}

#footerbox1 {
        ybackground: #fff url(dolje-proizvodi.png) no-repeat;
        background-color: #fff;
        width:592px;
        height:195px;
        float: left;
        ymargin-top: 1px;
        padding-top: 5px;
        padding-left:20px;
        padding-right: 20px;
}

#footerbox1 p, #footerbox1 li {
        margin:0;
        padding: 0;
        color: #666;
        line-height: 1.2em;
        text-align: justify;
}
#footerbox1 li {
        margin-left: 15px;
}

#footerbox1 h2 {
        margin:0;
        padding: 0;
        display: inline;
        font-size: 19px;
}
#footerbox1 h2 a, #footerbox1 h2 a:hover {
        color: #333;
        text-decoration: none;
        font-weight: normal;
}

#footerbox1 h3 {
        margin:0;
        padding: 0;
        font-size: inherit;
        color: #666;
}
#footerbox1 ul {
        margin:0;
        padding:0;
}
#footerbox3 {
        background: #a9d159 url(dolje-savjetovanje.png) no-repeat;
        margin-left:4px;
        width:294px;
        height:150px;
        float: left;
        ymargin-top: 1px;
        padding-top: 50px;
        padding-left:10px;
        padding-right: 10px;
}
#footerbox a {
        font-weight: bold;
}

body#naslovnica #sidebar {
        display: none;
}
body#naslovnica #content {
        width: 592px;
        float: left;
        height: 160px;
        padding: 20px 20px 20px 20px;
}

/* OVO JE AKO JE VIDEO NA NASLOVNICI UMJESTO INNERFADE SKRIPTE
body#naslovnica #content {
        width: 592px;
        float: left;
        height: 170px;
        padding: 30px 20px 36px 20px;
} */
body#naslovnica #innerfade {
        width: 314px;
        float: right;
        background-color: #eee;
        margin-top: 3px;
        height: 240px;
}

#innerfade2 {
        width: 280px;
        height: 100px;
}

#innerfade2 p {
        margin:0 0 0 30px;
        padding:0;
}

#innerfade3 p {
        /* margin:0 0 0 20px;
        padding:0;
        width: 260px;
        text-align: center;
        width:290px; 
        margin-top: -45px; 
        margin-left: -14px; */
}

body#naslovnica #video {
        width: 314px;
        float: right;
        background-color: #000;
        margin-top: 3px;
        height: 236px;
}
body#stranice #content {
        width: 850px;
        padding-left: 50px;
        padding-right: 50px;
}

body.sidebar #mainbg {
        background: #333 url(7-zeleno.png) repeat-y;
        float: left;
        width:950px;
        margin-top: 4px;
}

body.sidebar #mainbg #sidebar, 
body.sidebar #mainbg #content {
        margin-top:0;
}

a.colorboxslika img {
        padding:1px;
        border: 1px solid #ccc;
}
a.colorboxslika:hover img {
        background-color: #ddd;
}
.tablica tr {
        background-color: #eee;
}
.tablica td {
        border-bottom: 2px solid #fff;
        border-right: 1px solid #fff;
        padding: 3px 0 3px 5px;
        vertical-align: middle;
        line-height: 15px;
}
tr.oznaceno {
        background-color: #ffff99;
}
tr.zaglavlje {
        color: #fff;
        background-color: #777;
}
table p {
        margin:0;
        padding:0;
}

#kontaktwrap {
        margin-top: -40px; 
        margin-bottom: -40px; 
        margin-left: -50px; 
        width:950px; 
        height: 395px; 
        float: left;
}
#kontaktdesno {
        padding-left: 30px; 
        float: left; 
        width: 601px; 
        background-color: #eee; 
        height: 360px; 
        border-right: 4px solid #c2c2c2; 
        padding-top: 10px; 
        padding-bottom: 5px;
}
#kontaktdesno h3 {
        margin-left: -12px;
}
#kontaktlijevo {
        float: right; 
        width: 305px; 
        padding-top: 15px; 
        height: 360px;
}

body#kontakt #content {
        padding: 0 25px 30px 25px;
        width:900px;
        yheight: 360px;
        overflow: hidden;
        margin:0;
}
.clear {
        clear: both;
}

.float-right {
float: right;
}

.float-left {
float: left;
}

/* ############### GALERIJE SLIKE ##################### */
#galerija {
	float: right;
	width: 710px;
	background-color:#eee;
	margin-top: 3px;
	padding: 0 0 10px 0;
	color:#333;
}
.clearer {
         clear: both; 
         width:100%; 
         height:5px; 
         line-height:5px; 
         byackground-color: #ccc;
}

.thumbovi {
        width: 100%;
        text-align: center;
        color: #000;
}

div.slikaugaleriji {
        width:340px;
        float: left;
        margin: 0;
        text-align: center;
        padding:5px 5px 25px 5px;
}
      
p.slikaugaleriji {
        padding:0;
        margin:0;
        text-align: center;
}

a.slikaugaleriji {
        display: block;
        width: 200px;
        height: 200px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin: 0px auto;
        background-color: #fff;
}

a.slikaugaleriji:link, a.slikaugaleriji:visited {
        border: 5px solid #fff;
}
a.slikaugaleriji:hover {
        border: 5px solid #777;
}

p.opisslike {
        font-size:11px;
        padding-top: 5px;
        font-family: "Arial", sans-serif;
        text-align: center;
        line-height:1.2em;
}






#dokumentacija {
	float: right;
	width: 710px;
	background-color:#fff;
	margin-top: 3px;
	padding: 0;
	color:#333;
}