html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
object, embed {display: block; overflow: hidden;}
body {line-height: 1;}
ol, ul {list-style: none;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

body {
background: #eee url("http://metal-kovis.hr/slike/kovis-trans-bg.png") top left no-repeat;
font: normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif;
color:#000;
text-align: left;
}

h1 {font-size: 24px; color: #919292; font-weight: normal;background: url("http://metal-kovis.hr/slike/kockice.gif") center left no-repeat;padding: 0 0 0 20px;margin: 15px 0 0 0;}
h2 {font-size: 10px; color: #000; font-weight: normal; margin: 0;}
h3 {font-size: 22px; color: #c4161c; font-weight: normal; margin: 0 0 10px 0;}
.sredina-box-title h3 {font-size: 24px; color: #ddb21e; font-weight: normal; margin: 0;text-transform:uppercase;}
.entry-title h3 {font-size: 24px; color: #000; font-weight: normal; margin: 0; background: #dedede; padding: 10px;}
h4 {font-size: 18px; color: #ddb21e; font-weight: normal; margin: 0 0 15px 0;}
h5 {font-size: 12px; color: #000; font-weight: bold; margin: 0 0 10px 0;}

.clear {clear: both; height: 1px;}
.clear5 {clear: both; height: 5px;}
.clear10 {clear: both; height: 10px;}
.clear15 {clear: both; height: 15px;}
.clear20 {clear: both; height: 20px;}
.clear30 {clear: both; height: 30px;}
.clear40 {clear: both; height: 40px;}
.clear50 {clear: both; height: 50px;}
.clear100 {clear: both; height: 100px;}

a:link {color: #c4161c; text-decoration: none;}
a:visited {color: #c4161c; text-decoration: none;}
a:active {color: #c4161c;}
a:hover {color: #ff0000; text-decoration: none;}

a.sivi:link, a.sivi:visited, a.sivi:active {color: #555; text-decoration: none;}
a.sivi:hover {color: #c4161c; text-decoration: none;}

a.t-sivi:link, a.t-sivi:visited, a.t-sivi:active {color: #222; text-decoration: none;}
a.t-sivi:hover {color: #666; text-decoration: none;}

a.s-sivi:link, a.s-sivi:visited, a.s-sivi:active {color: #999; text-decoration: none;}
a.s-sivi:hover {color: #CF4D51; text-decoration: none;}

a.crni:link, a.crni:visited, a.crni:active {color: #000; text-decoration: none;}
a.crni:hover {color: #c4161c; text-decoration: none;}

a.forma-in:link, a.forma-in:visited, a.forma-in:active {color: #000; text-decoration: none;}
a.forma-in:hover {color: #c4161c; text-decoration: none;}

a.crveni:link, a.crveni:visited, a.crveni:active {color: #c4161c; text-decoration: none;}
a.crveni:hover {color: #000; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #c4161c; text-decoration: none;}

#pagination {float: right; margin: 20px 0 0 0;}
#pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a           { border:solid 1px #9aafe5; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:0 4px; }
#pagination-digg .next a,
#pagination-digg .previous a {font-weight:bold;}	
#pagination-digg .active     { background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:1px 7px; /* savers */ margin-right:2px; }
#pagination-digg a:link, 
#pagination-digg a:visited   { color:#0e509e; display:block; float:left; padding:0 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #0e509e; }

.btn {
height: 27px;
display: block;
// background: url(http://metal-kovis.hr/slike/btn.gif) top left repeat-x;
background: #eeeeee; /* old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
text-align: center;
float: left;
color: #444;
text-decoration: none;
cursor: pointer;
border: 1px solid #c4c4c4;
font: bold 12px/27px Arial;
margin: 0 10px;
padding: 0 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input.btn {float: left;}

.btn:hover {
// background: url(http://metal-kovis.hr/slike/btn.gif) top left repeat-x;
background: #f2f5f6; /* old browsers */
background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* ie */
border: 1px solid #c4c4c4;
color: #444;
}

a.btn:link, a.btn:visited, a.btn:active, a.btn:hover {color: #444;}

#wrapper
{
	margin: 0 0 0 200px;
	width: 1000px;
}

#header
{
	background: #ccc;
	padding: 20px;
}

#header h1 { margin: 0; }

.slika-logo {
float: right;
}

.slika-desno {
float: right;
margin: 0 0 0 10px;
}

.slika-lijevo {
float: left;
margin: 0 10px 0 0;
}

.slika-lijevo-izdvojeno {
float: left;
margin: 0 10px 0 0;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

.slika-lijevo-izdvojeno:hover {
float: left;
margin: 0 10px 0 0;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.slika-lijevo-izdvojeno2 {
float: left;
margin-top: 140px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

.slika-lijevo-izdvojeno2:hover {
float: left;
margin-top: 140px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
}

#izbornik-gore {
margin: 25px 0 0 0;
float: left;
}

#logo {
margin-top: -39px;
float: right;
}

#bread-g {
float: right;
font-size: 11px;
line-height: 14px;
margin: 0;
padding: 0;
}

#bread-d {
width: 750px;
float: right;
font-size: 11px;
line-height: 14px;
margin: 20px 0 10px 0;
padding: 0;
text-align: left;
}

#bread-du {
float: left;
font-size: 11px;
line-height: 14px;
margin: 20px 0 20px 0;
padding: 0;
text-align: left;
}

#smaller {
width: 230px;
float: left;
}

.smaller-box {
padding: 20px;
margin: 20px 0 0 0;
width: 190px;
float: left;
background: #f0f0f0;
}

.box-title-kategorije {
width: 190px;
height: 30px;
float: left;
background: url(http://metal-kovis.hr/slike/box-title-kategorije.gif) top left no-repeat;
}

.box-title-kontakt {
width: 190px;
height: 30px;
float: left;
background: url(http://metal-kovis.hr/slike/box-title-kontakt.gif) top left no-repeat;
}

.kontakt-podaci {
float: left;
font-family: Tahoma;
font-size: 12px;
line-height: 16px;
margin: 20px 0 0 0;
}

.crveno {
color: #c4161c;
}

#bigger {
float: right;
margin: 20px 0 0 0;
width: 750px;
}

#rotator {
width: 750px;
height: 270px;
margin: 0 0 20px 0;
float: right;
overflow: hidden;
}

#rotator2 {
width: 224px;
height: 311px;
margin: 0;
float: right;
overflow: hidden;
}

.naslov-rotator {
width: 304px;
height: 36px;
float: left;
background: url(http://metal-kovis.hr/slike/kovis-naslov-rotator.png) top left no-repeat;
}

.veliki-naslov-rotator {
width: 304px;
text-align: center;
font-size: 63px;
color: #222;
float: left;
}

.novo-naslov {
width: 224px;
text-align: left;
font-size: 18px;
color: #222;
float: left;
}

.tekst-rotator {
width: 304px;
float: left;
font-size: 15px;
color: #222;
text-align: center;
margin: 10px 0 10px 0;
}

.slogan-rotator {
width: 284px;
height: 30px;
line-height: 30px;
float: left;
background: url(http://metal-kovis.hr/slike/siva-crta.png) bottom right no-repeat;
font-family: 'Times New Roman';
font-size: 12px;
font-style: italic;
color: #555;
text-align: right;
padding: 0 20px 0 0;
}

.sredina-box-1 {
width: 244px;
height: 313px;
float: left;
background: url(http://metal-kovis.hr/slike/sredina-box-bg.png) top left no-repeat;
}

.sredina-box-2 {
width: 244px;
height: 313px;
float: left;
background: url(http://metal-kovis.hr/slike/sredina-box-bg.png) top left no-repeat;
margin: 0 0 0 9px;
}

.sredina-box-3 {
width: 244px;
height: 313px;
float: right;
background: url(http://metal-kovis.hr/slike/sredina-box-bg.png) top left no-repeat;
}

.slika-sredina-box {
margin: 0 0 0 1px;
float: left;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

.slika-sredina-box:hover {
margin: 0 0 0 1px;
float: left;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

.sredina-box-title {
padding: 10px 12px 10px 12px;
float: left;
width: 218px;
}

.sredina-box-tekst {
padding: 0 12px 0 12px;
float: left;
width: 218px;
height: 70px;
overflow: hidden;
font-size: 10px;
}

.sredina-box-vise {
width: 208px;
height: 20px;
line-height: 20px;
font-size: 10px;
text-align: right;
float: left;
background: url(http://metal-kovis.hr/slike/procitaj-vise-bg.png) top left no-repeat;
margin: 0 12px 0 12px;
padding: 0 5px 0 5px;
}

.sredina-box-vise:hover {
width: 208px;
height: 20px;
line-height: 20px;
font-size: 10px;
text-align: right;
float: left;
background: url(http://metal-kovis.hr/slike/procitaj-vise-bg.png) bottom left no-repeat;
margin: 0 12px 0 12px;
padding: 0 5px 0 5px;
}

#akcije-shop-box {
width: 497px;
height: 366px;
overflow: hidden;
float: left;
}

#akcije-gumb {
width: 253px;
height: 54px;
float: left;
background: url(http://metal-kovis.hr/slike/gumb-akcije.png) top left no-repeat;
}

#akcije-gumb:hover {
width: 253px;
height: 54px;
float: left;
background: url(http://metal-kovis.hr/slike/gumb-akcije.png) bottom left no-repeat;
}

#shop-gumb {
width: 244px;
height: 54px;
float: right;
background: url(http://metal-kovis.hr/slike/gumb-shop-3.png) top left no-repeat;
}

#shop-gumb:hover {
width: 244px;
height: 54px;
float: right;
background: url(http://metal-kovis.hr/slike/gumb-shop-3.png) bottom left no-repeat;
}

#akcije-bg {
width: 496px;
height: 311px;
float: left;
background: url(http://metal-kovis.hr/slike/akcije_bg.png) bottom left no-repeat;
}

.akcije-mali {
width: 208px;
height: 106px;
float: left;
padding: 20px;
font-size: 10px;
overflow: hidden;
}

.izdvojeno-1 {
width: 213px;
height: 117px;
float: left;
background: url(http://metal-kovis.hr/slike/izdvojeno-1.gif) top left no-repeat;
padding: 20px;
font-size: 10px;
overflow: hidden;
}

.izdvojeno-2 {
width: 223px;
height: 117px;
float: right;
background: url(http://metal-kovis.hr/slike/izdvojeno-2.gif) top left no-repeat;
margin: 0 1px 0 0;
padding: 20px 20px 20px 0;
font-size: 10px;
overflow: hidden;
}

.izdvojeno-3 {
width: 213px;
height: 124px;
float: left;
background: url(http://metal-kovis.hr/slike/izdvojeno-3.gif) top left no-repeat;
padding: 10px 20px 20px 20px;
font-size: 10px;
overflow: hidden;
}

.izdvojeno-4 {
width: 223px;
height: 127px;
float: right;
background: url(http://metal-kovis.hr/slike/izdvojeno-4.gif) top left no-repeat;
margin: 0 1px 0 0;
padding: 10px 20px 20px 0;
font-size: 10px;
overflow: hidden;
}

#novo-box {
width: 224px;
height: 291px;
float: right;
background: url(http://metal-kovis.hr/slike/novo-bg.png) bottom left no-repeat;
padding: 10px;
}

#novo-gumb {
width: 244px;
height: 54px;
float: right;
background: url(http://metal-kovis.hr/slike/gumb-novo-3.png) top left no-repeat;
}

#novo-gumb:hover {
width: 244px;
height: 54px;
float: right;
background: url(http://metal-kovis.hr/slike/gumb-novo-3.png) bottom left no-repeat;
}

.novo-naslov {
font-size: 18px;
margin: 30px 0 10px 0;
}

#footer {
height: 85px;
line-height: 40px;
background: url(http://metal-kovis.hr/slike/foot-bg.gif) top left no-repeat;
color: #222;
font-size: 11px;
padding: 0 0 0 20px;
}

.akcije-tekstic {
height: 65px;
overflow: hidden;
}

.podnaslov2 {
font-family: Arial;
font-weight: normal;
font-size: 32px;
color: #777;
float: left;
}

#proizvodi {
margin: 10px 0 0 0;
padding: 0 0 12px 0;
background: #f0f0f0;
float: left;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.inn {
float: left;
width: 250px;
margin: 10px;
height: 76px;
overflow: hidden;
display: block;
}

.slika-proizvod-mali {
float: left;
}

#proizvodi-veliki {
width: 735px;
margin: 10px 0 0 0;
padding: 15px 0 15px 15px;
background: url(http://metal-kovis.hr/slike/proizvodi-veliki_bg.gif) top left repeat-y;
float: right;
}

#slika-i-box {
width: 200px;
float: left;
}

#opis-sredina {
width: 252px;
float: left;
}

.opis-artikla {
width: 252px;
float: left;
padding: 10px 15px 10px 15px;
font-size: 11px;
}

.opis-naslov-sivi {
font-size: 18px;
width: 267px;
float: left;
color: #555;
border-bottom: 1px solid #e7e7e7;
padding: 0 0 5px 15px;
}

#slike-i-video {
width: 253px;
float: right;
}

.opis-naslov-bijeli {
font-size: 18px;
color: #555;
border-bottom: 1px solid #e7e7e7;
padding: 0 0 5px 15px;
}

.slika-ostale {
border: 2px solid #999;
float: left;
margin: 3px;
}

.samo-slike {
margin: 12px 0 0 12px;
}

.slika-video {
border: 1px solid #b0b0b0;
float: left;
margin: 0 0 0 2px;
}

.video-traka {
width: 224px;
height: 24px;
float: left;
margin: 0 0 0 2px;
background: url(http://metal-kovis.hr/slike/video-traka.png) top left no-repeat;
}

.gumb-upit {
width: 163px;
height: 20px;
float: left;
background: url(http://metal-kovis.hr/slike/posaljite-upit.gif) top left no-repeat;
font-size: 11px;
padding: 15px 0 0 25px;
}

.gumb-trgovina {
width: 163px;
height: 20px;
float: left;
background: url(http://metal-kovis.hr/slike/vidi-u-trgovini.gif) top left no-repeat;
font-size: 11px;
padding: 11px 0 0 25px;
}

.gumb-pdf {
width: 163px;
height: 20px;
float: left;
background: url(http://metal-kovis.hr/slike/download-pdf.gif) top left no-repeat;
font-size: 11px;
padding: 11px 0 0 25px;
}

.gumb-ispis {
width: 163px;
height: 20px;
float: left;
background: url(http://metal-kovis.hr/slike/print.gif) top left no-repeat;
font-size: 11px;
padding: 11px 0 0 25px;
}

.cijena {
width: 168px;
height: 47px;
float: left;
background: url(http://metal-kovis.hr/slike/sifra-i-cijena-bg.gif) top left no-repeat;
font-size: 11px;
padding: 10px;
}

.ul-lista {
list-style-type:square;
margin: 0 0 0 20px;
}

.ol-lista {
list-style-type:decimal;
margin: 0 0 0 40px;
line-height: 30px;
font-size: 18px;
}

.entry-uputecms {
font-size: 15px;
line-height: 25px;
}

#main-upute {
background: #fff;
padding: 20px;
}

.uputescreenovi {
background:#eee; 
border: 1px solid #ccc; 
padding:10px; 
margin: 0 0 20px 0;
}

.uputeslika1 {
margin: 0 8px 8px 0; 
border: 1px solid #ccc; 
float: left; 
padding:2px; 
background: #eee;
}

.uputeslika2 {
margin: 0 0 8px 0; 
border: 1px solid #ccc; 
float: left; 
padding:2px; 
background: #eee;
}

#map {
float: left;
width: 340px;
height: 578px;
} 

#karta {
float: left;
width: 340px;
height: 578px;
padding: 5px;
background: #dedede;
margin: 0;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius: 4px;
border-radius: 4px;
} 

.kontakt-forma {
width: 380px;
float: right;
font-size: 12px;
font-family: Tahoma;
color: #000;
line-height: 18px;
margin: 25px 0 0 0;
}

.kontakt-forma-fancy {
width: 380px;
float: right;
font-size: 12px;
font-family: Tahoma;
color: #000;
line-height: 18px;
margin: 25px 0 0 0;
}

#freeform {
width: 158px;
float: left;
font-family: Tahoma;
font-size: 9px;
color: #84878d;
}

.jqtransform2 {
width: 380px;
float: left;
font-family: Tahoma;
font-size: 9px;
color: #84878d;
}

.forma-naslov {
width: 158px;
float: left;
font-weight: bold;
font-family: Arial;
font-size: 16px;
color: #888;
margin: 15px 0 0 0;
}

.text2 {
width: 158px;
height: 20px;
float: left;
font-family: Tahoma;
font-size: 11px;
color: #000;
background: url("http://metal-kovis.hr/slike/forma_red_bg.png") no-repeat;
background-position: 0 0;
border: none;
margin: 2px 0 0 0;
}

.text2:hover {
width: 158px;
height: 20px;
float: left;
font-family: Tahoma;
font-size: 11px;
color: #000;
background: url("http://metal-kovis.hr/slike/forma_red_bg.png") no-repeat;
background-position: 0 -20px;
border: none;
margin: 2px 0 0 0;
}

.text2:focus {
width: 158px;
height: 20px;
float: left;
font-family: Tahoma;
font-size: 11px;
color: #000;
background: url("http://metal-kovis.hr/slike/forma_red_bg.png") no-repeat;
background-position: 0 -20px;
border: none;
margin: 2px 0 0 0;
}

.text3 {
width: 158px;
height: 92px;
float: left;
font-family: Tahoma;
font-size: 11px;
color: #000;
background: url("http://metal-kovis.hr/slike/forma_polje_bg.png") top left no-repeat;
background-position: 0 0;
border: none;
margin: 2px 0 0 0;
overflow: hidden;
}

.text3:hover {
width: 158px;
height: 92px;
float: left;
font-family: Tahoma;
font-size: 11px;
color: #000;
background: url("http://metal-kovis.hr/slike/forma_polje_bg.png") top left no-repeat;
background-position: left bottom;
border: none;
margin: 2px 0 0 0;
}

.text3:focus {
width: 158px;
height: 92px;
float: left;
font-family: Tahoma;
font-size: 11px;
color: #000;
background: url("http://metal-kovis.hr/slike/forma_polje_bg.png") top left no-repeat;
background-position: left bottom;
border: none;
margin: 2px 0 0 0;
}

#freeform td {
width: 158px;
margin: 0;
padding: 0;
}

.button2 {
width: 158px;
height: 24px;
float: left;
background: url("http://metal-kovis.hr/slike/form_button_bg.gif") no-repeat;
background-position: left top;
border: none;
cursor: pointer;
text-shadow: #999 0 1px 0;
}

.button2:hover {
width: 158px;
height: 24px;
float: left;
background: url("http://metal-kovis.hr/slike/form_button_bg_a.gif") no-repeat;
background-position: left bottom;
border: none;
cursor: pointer;
text-shadow: #ccc 0 1px 0;
}

.button3 {
width: 380px;
height: 34px;
float: left;
color: #fff;
font-weight: bold;
background: #C4161C;
border: none;
cursor: pointer;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.button3:hover {
width: 380px;
height: 34px;
float: left;
color: #fff;
font-weight: bold;
background: #000;
border: none;
cursor: pointer;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.text4 {
width: 374px;
height: 34px;
float: left;
font-family: Tahoma;
font-size: 16px;
color: #777;
font-weight: bold;
background: #fefefe;
border: 3px solid #dedede;
margin: 2px 0 0 0;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.text4:hover {
width: 374px;
height: 34px;
float: left;
font-family: Tahoma;
font-size: 16px;
color: #777;
font-weight: bold;
background: #fefefe;
border: 3px solid #d3a3a4;
margin: 2px 0 0 0;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 2px 0 0 0;
}

.text4:focus {
width: 374px;
height: 34px;
float: left;
font-family: Tahoma;
font-size: 16px;
color: #777;
font-weight: bold;
background: #fefefe;
border: 3px solid #d3a3a4;
margin: 2px 0 0 0;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.text5 {
width: 374px;
height: 144px;
float: left;
font-family: Tahoma;
font-size: 16px;
color: #555;
background: #fefefe;
border: 3px solid #dedede;
margin: 2px 0 0 0;
overflow: hidden;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.text5:hover {
width: 374px;
height: 144px;
float: left;
font-family: Tahoma;
font-size: 16px;
color: #555;
background: #fefefe;
border: 3px solid #d3a3a4;
margin: 2px 0 0 0;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.text5:focus {
width: 374px;
height: 144px;
float: left;
font-family: Tahoma;
font-size: 16px;
color: #555;
background: #fefefe;
border: 3px solid #d3a3a4;
margin: 2px 0 0 0;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.kontakt-box-l1 {
width: 220px; 
height: 150px;
float: left;
background: #efefef;
padding: 10px;
margin: 0 15px 20px 0;
}

.kontakt-box-l2 {
width: 220px; 
height: 150px;
float: left;
background: #efefef;
padding: 10px;
margin: 0 0 20px 0;
}

.kontakt-box-d {
width: 220px; 
height: 150px;
float: right;
background: #efefef;
padding: 10px;
margin: 0 0 20px 0;
}

.kontakt-box-l3 {
width: 300px;
float: left;
background: #efefef;
padding: 10px;
margin: 0 20px 20px 0;
}

.text-trazi {
padding: 0 10px 0 10px;
margin: 0 10px 0 0;
width: 135px;
height: 30px;
border: none;
background: #DEDEDE;
float: left;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.resultRowOne {
background: #fff;
border: 1px solid #fff;
padding: 10px;
text-align: left;
}

.resultRowTwo {
background: #F0F0F0;
border: 1px solid #fff;
padding: 10px;
text-align: left;
}

.trazi-tekst {
font-size: 11px;
}

.tamni-bg {
background: #DEDEDE;
border: 1px solid #fff;
padding: 10px;
text-align: left;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
}

.desni-tekst {
width: 374px;
float: left;
}




































/*IZBORNIK GORE*/

*{outline: none;}
img {border: 0;}
.container {
	width: 572px;
	padding: 0;
	margin: 0;
        float: left;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
        z-index: 1000;
}
ul#topnav li {
	float: left;
	margin: 0; 
        padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 96px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url("http://metal-kovis.hr/slike/menu_home_gumb.png") no-repeat;
	width: 112px; 
}
ul#topnav a.home_a {
	background: url("http://metal-kovis.hr/slike/menu_home_gumb_a.png") no-repeat;
	width: 112px; 
}
ul#topnav a.onama {
	background: url("http://metal-kovis.hr/slike/menu_onama_gumb.png") no-repeat;
	width: 126px; 
}
ul#topnav a.onama_a {
	background: url("http://metal-kovis.hr/slike/menu_onama_gumb_a.png") no-repeat;
	width: 126px; 
}
ul#topnav a.proizvodi {
	background: url("http://metal-kovis.hr/slike/menu_proizvodi_gumb.png") no-repeat;
	width: 100px; 
}
ul#topnav a.proizvodi_a {
	background: url("http://metal-kovis.hr/slike/menu_proizvodi_gumb_a.png") no-repeat;
	width: 100px; 
}
ul#topnav a.trgovina {
	background: url("http://metal-kovis.hr/slike/menu_trgovina_gumb.png") no-repeat;
	width: 155px; 
}
ul#topnav a.trgovina_a {
	background: url("http://metal-kovis.hr/slike/menu_trgovina_gumb_a.png") no-repeat;
	width: 155px; 
}
ul#topnav a.kontakt {
	background: url("http://metal-kovis.hr/slike/menu_kontakt_gumb.png") no-repeat;
	width: 79px; 
}
ul#topnav a.kontakt_a {
	background: url("http://metal-kovis.hr/slike/menu_kontakt_gumb_a.png") no-repeat;
	width: 79px; 
}


ul#topnav li .sub {
	position: absolute;	
	top: 80px; left: 0px;
	background: url("http://metal-kovis.hr/slike/sub_bg.png") top left no-repeat;
        border-bottom: 10px solid #000;
	padding: 15px 0 15px 0;
	float: left;
        z-index: 1000;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;z-index: 1000;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
        z-index: 1000;
}
ul#topnav .sub ul li {
	width: 100%;
        margin: 0;
	font-size: 24px;
	font-weight: bold;
        z-index: 1000;
}
ul#topnav .sub ul li:hover {
	width: 100%;
        margin: 0;
	font-size: 24px;
	font-weight: bold;
        z-index: 1000;
        background: #222;
}
ul#topnav .sub ul li h2 {
	font-size: 14px;
	font-weight: normal;
        z-index: 1000;
}
ul#topnav .sub ul li h2:hover {
	font-size: 14px;
	font-weight: normal;
        z-index: 1000;
        background: #000;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #ccc;
        z-index: 1000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 10px 15px;
	display: block;
	text-decoration: none;
        z-index: 1000;
}





/*IZBORNIK LIJEVO*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
        width: 150px;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			190px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			190px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			190px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border:                none;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li {
	background: #f0f0f0;
        margin-top: 1px;
}
.crta-nav {
        width: 190px;
        height: 2px;
        float: left;
        background: url("http://metal-kovis.hr/slike/menu-item-bg.gif") bottom left no-repeat;
}
.sf-menu li li {
	background:  #ddd;
}
.sf-menu li li li {
	background:  #d2d2d2;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:  #e9e9e9;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	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("http://metal-kovis.hr/slike/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-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** 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;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	190px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	190px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
























/*NIVO SLIDER */

#slider-wrapper {
    background: transparent;
    width:750px;
    height:271px;
    float: left;
}

#slider {
    position:relative;
    width:750px;
    height:271px;
}

#slider img {
	position:absolute;
	top:0px;
	right:0px;
	display:none;
}

#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:10px;
	bottom: 10px;
}
.nivo-controlNav a {
	display:block;
	width:0px;
	height:0px;
	background:url(http://metal-kovis.hr/slike/gumbic_rotator.png) no-repeat;
	text-indent:-9999px;
	border:0;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -21px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {left:15px;}

.nivoSlider {
        position: relative;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	right:0px;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

/* Caption styles */

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
        background: url("http://metal-kovis.hr/slike/rotator_naslov_bg.png") top right no-repeat;
        color: #1d2400;
        font-size: 11px;
        opacity:1.0; /* Overridden by captionOpacity setting */
        line-height: 16px;
	width: 304px;
        height: 221px;
        padding: 40px 0 10px 0;
	z-index:89;
        overflow: hidden;
}
.nivo-caption p {
	padding:0;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
display: none;
}

.nivo-caption h3 {
width: 304px;
text-align: center;
font-size: 60px;
line-height: 60px;
font-weight: normal;
margin: 0;
color: #222;
margin: 0;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {font-weight:bold;}




















/* SCROLLABLE */
.images {
        background: #fff;
	border:none;
	position:relative;	
	height:291px;	
	width:224px;
	float:right;	
	margin:0
	cursor:pointer;
        overflow: hidden;
	display:block;
        font-size: 11px;
}

/* single slide */
.images div {
	display:block;
	position:absolute;
	top:0;
	left:0;		
	margin:0;
	padding:0;
	height:185px;
	font-size:12px;
}

/* header */
.images h3 {
       font-size: 18px;
       line-height: 18px;
       font-weight: normal;
       margin: 30px 0 10px 0;
       color: #222;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left: 0;
        position: relative;
        top: -290px;
        z-index: 100;
}

/* single tab */
.slidetabs a {
	width:17px;
	height:17px;
	float:left;
	margin:2px;
        background: url("http://metal-kovis.hr/slike/gumbic_sivi.png") top left no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
        background: url("http://metal-kovis.hr/slike/gumbic_crveni.png") top left no-repeat; 
}

/* active state (current page state) */
.slidetabs a.current {
        background: url("http://metal-kovis.hr/slike/gumbic_crveni.png") top left no-repeat;
} 	


/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

.tekst-rotator2 {
width: 224px;
height: 291px;
float: right;
color: #000;
line-height: 18px;
display: block;
}

.tekst-u-rotatoru {
width: 224px;
height: 50px;
float: right;
color: #000;
font-size: 11px;
line-height: 12px;
position: relative;
overflow: hidden;
}

.opis-novo {
width: 224px;
height: 44px;
float: right;
color: #000;
font-size: 11px;
line-height: 14px;
position: relative;
overflow: hidden;
}




















/* LISTIFY*/

.presstable {
border-collapse:collapse;
float: left;
}

.presstablerow h3 {
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight: normal;
}

.presstablerow {
width: 730px;
height: 30px;
line-height: 30px;
margin: 10px 0 0 0;
padding: 0 10px 0 10px;
background: #f0f0f0;
color: #000;
font-size: 18px;
cursor: pointer;
float: right;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.presstablerow:hover {
width: 730px;
height: 30px;
line-height: 30px;
margin: 10px 0 0 0;
padding: 0 10px 0 10px;
background: #dedede;
color: #000;
font-size: 18px;
cursor: pointer;
float: right;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.presstablerow2 h3 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
float: left;
width: 255px;
}

.presstablerow2 {
width: 370px;
height: 100px;
overflow: hidden;
margin: 12px 0 0 0;
padding: 0;
font-size: 11px;
line-height: 16px;
font-family: 'Tahoma';
background: #f0f0f0;
cursor: pointer;
float: left;
color: #000;
}

.presstablerow2:hover {
width: 370px;
height: 100px;
overflow: hidden;
margin: 12px 0 0 0;
padding: 0;
font-size: 11px;
line-height: 16px;
font-family: 'Tahoma';
background: #fff;
cursor: pointer;
float: left;
color: #000;
}

.presstablerow3 h3 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
float: left;
width: 255px;
}

.presstablerow3 {
width: 370px;
height: 100px;
overflow: hidden;
margin: 12px 0 0 10px;
padding: 0;
font-size: 11px;
line-height: 16px;
font-family: 'Tahoma';
background: #f0f0f0;
cursor: pointer;
float: right;
color: #000;
}

.presstablerow3:hover {
width: 370px;
height: 100px;
overflow: hidden;
margin: 12px 0 0 10px;
padding: 0;
font-size: 11px;
line-height: 16px;
font-family: 'Tahoma';
background: #fff;
cursor: pointer;
float: right;
color: #000;
}


.captcha-div {
position: relative;
top: 10px;
}

.captcha-polje {
background: #ddd;
color: #000;
border: none;
width: 250px;
height: 40px;
float: right;
padding: 0 10px 0 10px;
margin: 10px 0 0 0;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.captcha-naslov {
color: #558522;
border: none;
width: 250px;
height: 10px;
float: right;
padding: 0 10px 0 10px;
margin: 10px 0 0 0;
}























/* SHADOWBOX*/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url("http://metal-kovis.hr/js/shadowbox/loading.gif") no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url("http://metal-kovis.hr/js/shadowbox/close.png");}
#sb-nav-next{background-image:url("http://metal-kovis.hr/js/shadowbox/next.png");}
#sb-nav-previous{background-image:url("http://metal-kovis.hr/js/shadowbox/previous.png");}
#sb-nav-play{background-image:url("http://metal-kovis.hr/js/shadowbox/play.png");}
#sb-nav-pause{background-image:url("http://metal-kovis.hr/js/shadowbox/pause.png");}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}














/*TOOLTIP*/

/* trigger button */
#popup {
	display:block;
	height:26px;
	overflow:hidden;
	text-indent:-999em;
	width:273px;
	cursor:pointer;
}

/* mouseover state */
#popup:hover {
	background-position:0 0;		
}

/* clicked state */
#popup:focus {
	background-position:0 0;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url("http://metal-kovis.hr/slike/arrow.png");
	height:130px;
	padding:15px 15px 15px 17px;
	width:130px;
	font-size:11px;
	color:#fff;
        z-index: 1010; 
        margin: -30px 0 0 -330px;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

.tooltip-image {
float:left;
width: 130px;
height: 130px;
}

.tooltip-image-box {
float:left;
width: 130px;
height: 130px;
overflow: hidden;
}



































/*FANCYBOX*/

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('http://metal-kovis.hr/slike/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('http://metal-kovis.hr/slike/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('http://metal-kovis.hr/slike/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('http://metal-kovis.hr/slike/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('http://metal-kovis.hr/slike/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('http://metal-kovis.hr/slike/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('http://metal-kovis.hr/slike/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('http://metal-kovis.hr/slike/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('http://metal-kovis.hr/slike/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('http://metal-kovis.hr/slike/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('http://metal-kovis.hr/slike/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('http://metal-kovis.hr/slike/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('http://metal-kovis.hr/slike/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 20px;
        font-weight: bold;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #555;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
        position: relative;
        text-align: center;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('http://metal-kovis.hr/slike/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('http://metal-kovis.hr/slike/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('http://metal-kovis.hr/slike/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('http://metal-kovis.hr/slike/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }