<style type="text/css">
h1 {
    color: red;
    font-size: 19px;
}

h1 p {
    margin: .25em;
    padding: .25em;
}

.info {
    border: 7px solid black;
}
</style>










body {
margin: 5px 0 0 0;
padding:0;
background:#ffffff;
font:small Verdana,Sans-serif;
line-height:1.6em;
color:#333;
text-align: center;
}
#wrapper {
width: 856px;
margin: auto;
padding: 0;
text-align: left;
}
a:link {
	color: #464646;
	text-decoration: none;
}
a:visited {
	color: #464646;
	text-decoration: none;
}
a:active {
	color: #464646;
}
a:hover {
	color: #fe7507;
	text-decoration: none;
}

.narancasti:link {
	color: #fe7507;
	text-decoration: none;
}
.narancasti:visited {
	color: #fe7507;
	text-decoration: none;
}
.narancasti:active {
	color: #fe7507;
}
.narancasti:hover {
	color: #fcb77f;
	text-decoration: none;
}


.bred:link {
	color: #464646;
	text-decoration: none;
}
.bred:visited {
	color: #464646;
	text-decoration: none;
}
.bred:active {
	color: #464646;
}
.bred:hover {
	color: #696969;
	text-decoration: none;
}
#lang {
float: right;
width: 70px;
height: 30 px;
margin: 0;
padding: 0;
}
.img-l {
float: left;
border: none;
}

.img-d {
float: right;
border: none;
}

.fut:link {
	color: #fff;
	text-decoration: none;
}
.fut:visited {
	color: #fff;
	text-decoration: none;
}
.fut:active {
	color: #fff;
}
.fut:hover {
	color: #fe7507;
	text-decoration: none;
}

.none, caption {
display: none;
}
.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

.clear20 {clear: both;height: 10px;}
.contactTextarea {width: 65%;}

.imgl {
margin: 0 10px 0 0;
float: left;
}

.imgll {
margin: 0 10px 10px 0;
float: left;
}

code {
font: 13px 'Courier New', Courier, Arial, sans-serif;
color: #CC3300;
}

acronym, abbr {
cursor: help;
border-bottom: 1px dotted #333;
}

del {
color: #ccc;
background: #FFFFCC;
}

textarea.text, input.text {
font: 11px Verdana, Arial, sans-serif;
width: 178px;
}

textarea.tekst, input.tekst {
font: 11px Verdana, Arial, sans-serif;
width: 375px;
}

input.button {
font: 10px Verdana, Arial, sans-serif;
background-color: #fe7507;
color: #fff;
width: 75px;
border: 1px double #000;
height: 19px;
margin: 0;
}

input.button2 {
font: 10px Verdana, Arial, sans-serif;
background-color: #fe7507;
color: #fff;
border: 1px double #000;
height: 19px;
margin: 5px 0 0 0;
width: 381px;
}

#topestnav {
float:left;
background: url("https://ervojic.hr/images/uploads/metalna-galanterija_02a.jpg") top left no-repeat;
margin: 0;
padding: 0;
width:856px;
height:79px;
text-align: right;
display: inline;
}

#topestnav h1 {
font: bold 24px Arial, Verdana, sans-serif;
margin: 0;
padding: 30px 5px 0 0;
color: #fff;
text-transform: uppercase;
}

.topestnav p {
margin: 0;
padding: 0;
}
table#postcomment tr td {
font: 11px Verdana, Arial, sans-serif;
}
table#postcomment tr td p {
margin: 4px 0 4px 0;
}
#header {
float:left;
margin: 0;
padding: 0;
background: url("https://ervojic.hr/images/uploads/metalna-galanterija_05a.jpg") top left no-repeat;
width: 856px;
height:88px;
}

#header h2 {
font: 20px Arial, Verdana, sans-serif;
margin: 0;
padding: 9px;
color: #fff;
}
#header a {
border: none;
color: #990000;
}
#header a:hover {
color: #CC0000;
}

#navcontainer{
background: url("https://ervojic.hr/images/uploads/metalna-galanterija_04a.jpg") top left no-repeat;
height: 204px;
width:856px;
margin: 0;
padding: 0;
float:left;
}
#navcontainer ul{
margin: 0;
padding: 0;
}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 11px/30px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #F8F2E5;
text-decoration: none;
display: block;
width: 106px;
border-top: none;
border-right: 1px solid #A8B090;
border-bottom: none;
}

#navcontainer li#active { background: #CC0000; color: #fff; border-bottom: none; }
#navcontainer a:hover { background: #4A0000; color: #fff; border-bottom: none;}


#main-c {
width: 856px;
margin: 0;
padding: 0;
background: #fff;
}


#main {
width: 856px;
background: #fff;
}

#bigger {
width: 593px;
float: right;
margin: 0;
padding: 5px 0 30px 0;
background: #fff;
}

#bigger2 {
width: 593px;
float: right;
margin: 0 0 0 10px;
padding: 5px 0 30px 0;
background: #fff;
}

#bread {
margin: 0;
padding: 0 0 0 15px;
display: inline;
font: bold 11px Verdana, sans-serif;
}

.date-header {
margin: 15px;
padding: 0;
}
.date-header h2 {
font: 24px Arial, 'Times New Roman', sans-serif;
margin: 0;
padding: 0;
color: #133902;
}

.entry-title {
margin: 0;
padding: 0;
}

.entry-title h3 {
margin: 0 0 8px 0;
padding: 0;
color: #fe7507;
font: 22px Arial, sans-serif;
}

.entry-title h3 a {
border: none;
color: #fe7507;
}

.entry-title h3 a:hover {
border: none;
color: #FF0000;
}
.entry {
margin: 12px 0 40px 15px;
padding: 0;
}

.entry p {
margin: 0 0 15px 0;
padding: 0;
}

.entry ul {
list-style: square;
margin: 0;
padding: 0 0 0 25px;
}
.entry ul li {
margin: 0;
padding: 2px 0;
}

.entry-info {
margin: 10px 0 10px 0;
padding: 0;
font-size: 10px;
text-align: right;
border-top: 1px solid #ccc;
line-height: 16px;
}
.entry-info p {
margin: 0;
padding: 0;
}
.entry .imgupload {
border: none;
float: left;
margin: 20px 10px 0 0;
border: 1px solid #333;
}

.navi-pages {
text-align: right;
margin: 15px;
font-size: 11px;
background: #FBF8EF;
padding: 10px;
}
.navi-pages p {
margin: 0;
padding: 0;
}

#smallerkont{
width:97px;
color:000000;
}


#smaller {
width: 263px;
float: left;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 27px;
}
.smaller-c {
margin: 0;
}

#smaller .box-1 {
margin: 0 0 30px 0;
}

#smaller h4 {
margin: 0 0 8px 0;
padding: 0;
color: #990000;
font: bold 12px Verdana, Arial, sans-serif;
}
#smaller ul {
list-style: none;
margin: 0 0 0 0;
padding: 0;
}
#smaller ul li {
margin: 0;
}


#comments, #comments-post, #trackbacks {
margin: 20px 15px 10px 15px;
padding: 0;
font-size: 11px;
line-height: 17px;
}
#comments h4, #comments-post h4, #trackbacks h4 {
margin: 0 0 20px 0;
padding: 0;
color: #990000;
font: bold 14px Verdana, 'Times New Roman', sans-serif;
}
.comment-item, .trackbacks-item {
margin: 5px 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #f3f3f3;
}
.comment-text p, .comment-info p, .trackbacks-text p, .trackbacks-info p {
margin: 0 0 8px 0;
padding: 0;
}
.comment-info, .trackbacks-info {
text-align: right;
font-size: 10px;
}
.trackbacks-text h5 {
font: bold 11px Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
color: #993300;
}

#footer {
font: 10px Verdana, sans-serif;
float:left;
margin: 0;
padding: 0;
background: url("https://ervojic.hr/images/uploads/metalna-galanterija_07a.gif") top left no-repeat;
width: 856px;
height:84px;
}

.footer-i {
margin: 0px;
padding: 30px 0 0 20px;
}
.footer-i p {
margin: 0;
padding: 0;
}

#menu {
width: 263px;
margin: 0;
}
	
#menu li a {
height: 28px;
voice-family: "\"}\""; 
voice-family: inherit;
text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
	background:  url(https://ervojic.hr/images/menu/menu2.gif);
	padding: 0 0 0 30px;
	}
	
#menu li a:hover {
	color: #FFF;
	background:  url(https://ervojic.hr/images/menu/menu2.gif) 0 -28px;
	padding: 0 0 0 30px;
	}

#menu li.pod a:link, #menu li.pod a:visited {
	color: #fe7507;
	display: block;
	background:  url(https://ervojic.hr/images/menu/menu2.gif) 0 -56px;
	padding: 0 0 0 60px;
	}

#menu li.pod a:hover {
	color: #fe7507;
	background:  url(https://ervojic.hr/images/menu/menu2.gif) 0 -84px;
	padding: 0 0 0 60px;
	}

#menu li.refer a:link, #menu li.refer a:visited {
	color: #fff;
	display: block;
	background:  url(https://ervojic.hr/images/menu/menu2.gif) 0 -112px;
	padding: 0 0 0 30px;
	}

#menu li.refer a:hover {
	color: #fe7507;
	background:  url(https://ervojic.hr/images/menu/menu2.gif) 0 -112px;
	padding: 0 0 0 30px;
	}


.nicetable {
        border-collapse:collapse;
}
.nicetableheader {
        margin:3px; 
        padding: 5px;
        border:1px solid #fbf7f0;
        background-color:#007fa8;                
        color:#FFFFFF;        
        font-size: 7pt;        
        font-weight:bold;
}

.nicetablerow {
        margin:3px;         
        padding: 4px;
        border:1px solid #fbf7f0;        
        background-color:#FFFFFF;        
        color:#000000;        
        font-size: 7pt;
}

.nicetablerowcen {
        margin:3px;         
        padding: 4px;
        border:1px solid #fbf7f0;        
        background-color:#FFFFFF;        
        color:#000000;        
        font-size: 8pt;
        text-align: center;
}

.des {
float: right;
}

.tablica {
width: 185px;
text-align: center;
}

.ime {
width: 185px;
text-align: center;
padding: 0 0 20px 0;
}

.karta {
float: right;
margin: 0 99px 0 0;
}

a .imagelink { border: 1px solid #464646; margin: 0 0 5px 0; padding: 2px; }
a:hover .imagelink { border: 1px solid #fe7507; margin: 0 0 5px 0; padding: 2px; }

.highlightit img{
margin: 10px 10px 0 0;
padding: 2px;
background: #fff;
border: 1px solid #FEC192;
}

.highlightit:hover img{
margin: 10px 10px 0 0;
padding: 2px;
background: #fff;
border: 1px solid #FE7507;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.highlightiti img{
margin: 5px 5px 0 0;
padding: 2px;
background: #fff;
border: 1px solid #FEC192;
}

.highlightiti:hover img{
margin: 5px 5px 0 0;
padding: 2px;
background: #fff;
border: 1px solid #FE7507;
}

.highlightiti:hover{
color: red; /* Dummy definition to overcome IE bug */
}


.poveznice-m {
margin: 0;
padding: 10px 0 0 0;
font-size: 11px;
}

.vezane-naslov {
margin: 0;
padding: 0;
font-weight: bold;
}

.vezane-naslov2 {
margin: 0;
padding: 0;
font-weight: bold;
}

.tag_form h4 {
margin: 15px 0 0 0;
padding: 0;
color: #fe7507;
font: normal 20px "Trebuchet MS", Arial, Helvetica,sans-serif;
}







/*SLIDEBOX*/
#slidebox p, a.more{    font-size:11px;     text-transform:uppercase;     font-family:Arial,Helvetica,sans-serif;     letter-spacing:1px;     color:#555}
a.more{    cursor:pointer;     color:#E28409}
a.more:hover{    text-decoration:underline}
#slidebox h2{    color:#E28409;     font-size:18px;     margin:10px 20px 10px 0px}








/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc