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

html {background:url(http://metalac-inox.hr/slike/html_bg.png) top center no-repeat}
body {background:url(http://metalac-inox.hr/slike/body_bg.gif) top left repeat-x; font:normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif; color:#444; text-align:left}

h1 {font-size: 30px; color: #1e1e23; font-weight: normal;font-family:'BauerBodDEEItalic'}
h2 {font-size: 30px; color: #000; font-weight: normal; margin: 0 0 10px 0}
h3 {font-size: 36px; color: #1e1e23; font-weight: normal; margin:0;font-family:'BauerBodDEEItalic'}
h4 {font-size: 18px; color: #000; font-weight: normal; margin: 0 0 15px 0}
h5 {font-size: 14px; color: #000; font-weight: normal; margin: 0 0 15px 0}

.clear {clear: both; height: 0.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}

.slika {float:left; margin:0 0 10px; padding:2px; border:1px solid #444}
.slika-lijevo {float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #444}
.slika-desno {float:right; margin:0 0 10px 10px; padding:2px; border:1px solid #444}

.lijevo {float:left}
.desno {float:right}

.mar-go-10 {margin: 10px 0 0 0}
.mar-de-10 {margin: 0 10px 0 0}
.mar-do-10 {margin: 0 0 10px 0}
.mar-li-10 {margin: 0 0 0 10px}

.zoom {float:left; position:relative}
.zoom span {display:block; background:transparent url(http://metalac-inox.hr/slike/zoom.png) 0 0 no-repeat; width:40px; height:40px; position:absolute; left:25%; top:25%}

a:link {color: #018bd3; text-decoration: none;}
a:visited {color: #018bd3; text-decoration: none;}
a:active {color: #018bd3;}
a:hover {color: #000; text-decoration: none;}

a.sivi:link, a.sivi:visited, a.sivi:active {color: #6f6752; text-decoration: none;}
a.sivi:hover {color: #000; text-decoration: none;}

a.crni:link, a.crni:visited, a.crni:active {color: #1e1e23; text-decoration: none;}
a.crni:hover {color: #50516d; text-decoration: none;}

a.fensi:link, a.fensi2:visited, a.fensi2:active {color: #1e1e23; text-decoration: none;}
a.fensi:hover {color: #50516d; text-decoration: none;}

a.fensi2:link, a.fensi:visited, a.fensi:active {color: #1e1e23; text-decoration: none;}
a.fensi2:hover {color: #50516d; text-decoration: none;}

a.crni2:link, a.crni2:visited, a.crni2:active {color: #000; text-decoration: none}
a.crni2:hover {color: #0f0f0f; text-decoration: none;}

#footer-potpis a:link, #footer-potpis a:visited, #footer-potpis a:active {color: #B9B9B9; text-decoration: none}
#footer-potpis a:hover {color: #666; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #d9d9d9; text-decoration: none;float: left;margin: 0 0 60px;width: 100%;}
a.bijeli:hover {color: #999; text-decoration: none;}

a.bijeli2:link, a.bijeli2:visited, a.bijeli2:active {color: #d9d9d9; text-decoration: none}
a.bijeli2:hover {color: #999; text-decoration: none;}

ul {list-style-type:disc; margin:20px 0 0 20px}
p {margin:0 0 10px}

.btn {
background:transparent;
width: 100%;
font-size: 22px;
font-family:'BauerBodDEEItalic';
font-weight:bold;
float: left;
display: block;
margin: -17px 0 0 0;
padding: 0;
text-align: left;
color: #121212;
text-decoration: none;
cursor: pointer;
border: none;
text-shadow:0 1px 0 rgba(255,255,255,.1)
}

.btn:hover {color: #555;text-shadow:0 -1px 0 rgba(0,0,0,.5)}

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

#wrapper {margin:0 auto; width:1000px; background:#fff}

#header {background:url(http://metalac-inox.hr/slike/header_bg.gif) top center no-repeat; height:60px; padding:20px 0 20px 0}
#header h1 {margin:0}
#content1 h1 {margin:30px 0 0 0}

#navigation {float:left; width:1000px; background:#333}
#navigation ul {margin:0; padding:0}
#navigation ul li {list-style-type:none; display:inline}
#navigation li a {display:block; float:left; padding:5px 10px; color:#fff; text-decoration:none; border-right:1px solid #fff}
#navigation li a.aktiv {display:block; float:left; padding:5px 10px; color:#fff; text-decoration:none; border-right:1px solid #fff; background:#383}
#navigation li a:hover {background:#383}

#content-container {float:left; width:1000px; background:url(http://metalac-inox.hr/slike/content_bg.png) top center no-repeat}
#content {float:left; width:350px; padding:0; margin:0; position:relative;z-index:10; top:-470px}
#content1 {float:left; width:1000px; padding:0; margin:0}
.entry {float:right;width:347px;height:347px;padding:140px;overflow:hidden;background:url(http://metalac-inox.hr/slike/tekst-bg.gif) top left no-repeat;font-family: 'CorbelItalic';font-size:14px;color:#1e1e23;position:relative;left:-149px;top:28px}
.entry-search {float:left; width:670px; height:106px; margin:0; padding:10px; cursor:pointer}
.entry-search:hover {background-color:#eee; border-radius:3px 3px 3px 3px}
.entry-search div {height:80px; overflow:hidden}
.entry-outer {width:1000px;float:left;margin:0 0 30px 0}
.slika-maska {width:302px;height:303px;float:left;background:url(http://metalac-inox.hr/slike/slika-maska.png) top left no-repeat;margin-right:-302px;position:relative;z-index:10}
.slika-entry {float:left;margin:50px 0 0 0;position:relative;z-index:9}
.slika-entry img {position:absolute}

.paginationw {margin-top:10px; height:52px; overflow:hidden; float:right; font-size:12px}
.paginationw a, .paginationw strong {float:left; margin-left:5px; color:#474747; text-decoration:none; padding:7px 10px; border:solid 1px #B6B6B6; background:#E6E6E6; background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6); background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6))}
.paginationw a, .paginationw strong {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.paginationw a:first-child {margin-left:0px}
.paginationw img {border:none}
.paginationw a:hover, .paginationw strong {background:#fff}


.google-karta {float:left; display:block; margin:0; width:800px; height:600px}




#smaller {float:right;width:200px; padding:20px 0; margin:0 20px 0 0; display:inline}
#smaller h4 {margin:0}

#trazilica {float:right; width:204px; height:32px}
.search-d {width:32px; height:32px; float:right; cursor:pointer}
.search-l {float:right; background: url("http://metalac-inox.hr/slike/search-l.png") top right no-repeat; border:none; width:152px; height:32px; line-height:32px; margin:0; font-family:Arial; font-size:12px; color:#ccc; padding:0 10px}

#breadcrumb, #breadcrumbd {height:32px; border:0; color:#4d5154; padding:0; overflow:hidden; font-family:'CorbelItalic'}
#breadcrumb {width:100%; margin:30px 0 0 0}
#breadcrumbd {width:100%; float:left}
#breadcrumb h2 {font-size:12px; line-height:32px; margin:0; color:#4d5154}
#breadcrumbd h5 {font-size:12px; line-height:32px; margin:0; color:#4d5154}
#breadcrumb img, #breadcrumbd img {float:left}
#breadcrumb a:link, #breadcrumbd a:link, #breadcrumb a:visited, #breadcrumbd a:visited, #breadcrumb a:active, #breadcrumbd a:active {color:#018bd3; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumb a:hover, #breadcrumbd a:hover {color:#000; text-decoration:none; line-height:32px; float:left; border:0}



#breadcrumbd2 {width:44%; float:right;height:32px; border:0; color:#4d5154; padding:0; overflow:hidden; font-family:'CorbelItalic';position:relative;top:-50px;margin:0 3px 0 0}
#breadcrumbd2 h5 {font-size:12px; line-height:32px; margin:0; color:#4d5154}
#breadcrumbd2 img {float:left}
#breadcrumbd2 a:link, #breadcrumb a:visited, #breadcrumbd a:visited, #breadcrumb a:active, #breadcrumbd a:active {color:#018bd3; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumbd2 a:hover {color:#000; text-decoration:none; line-height:32px; float:left; border:0}



.rss {float:right;width:31px;height:50px;overflow:hidden;display:block}
#footer {float:left;width:100%;height:450px;background:url(http://metalac-inox.hr/slike/foot_bg.gif) bottom left repeat-x;margin-top:-380px;color:#b9b9b9;font-family:'CorbelItalic';font-size:13px;line-height:23px}
#footer-in {width:1000px;margin:0 auto}
#footer-box1 {width:283px;height:400px;float:left;text-align:right;padding:0 50px 0 0;background:url(http://metalac-inox.hr/slike/footer-box-line.png) top right no-repeat}
#footer-box2 {width:283px;height:400px;float:left;text-align:left;padding:0 0 0 50px;line-height:38px}
#footer-box3 {width:283px;height:400px;float:right;text-align:left;padding:0 0 0 50px;background:url(http://metalac-inox.hr/slike/footer-box-line.png) top left no-repeat;overflow:hidden}
#footer-potpis {width:1000px;height:50px;line-height:50px;float:left;color:#333;font-size:11px;overflow:hidden}
#footer h6 {width:283px; font-size: 36px; font-weight: normal; font-family:'BauerBodDEEItalic';line-height:86px;margin:0 0 60px 0;text-shadow:0 -1px 0 rgba(0,0,0,.3)}
#footer h6:hover {color:#999; text-shadow:0 -1px 0 rgba(0,0,0,.8)}

#footer1 {float:left;width:100%;height:450px;background:url(http://metalac-inox.hr/slike/foot_bg.gif) bottom left repeat-x;margin-top:0;color:#b9b9b9;font-family:'CorbelItalic';font-size:13px;line-height:23px}
#footer1 h6 {width:283px; font-size: 36px; font-weight: normal; font-family:'BauerBodDEEItalic';line-height:86px;margin:0 0 60px 0;text-shadow:0 -1px 0 rgba(0,0,0,.3)}
#footer1 h6:hover {color:#999; text-shadow:0 -1px 0 rgba(0,0,0,.8)}

/* Kontakt forma */
.kontaktforma, #contactForm, .notification, .contactForm {width:283px}

.notification {width:98%; height:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px}
.notification div {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success {border:1px solid #54aa29; background:#d3f4c0; font-size:14px; color:#477e2b; position:relative; margin:12px 0 0}
.notification.success li {list-style-type:none; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success div {border:1px solid #fff; padding:0 0 0 22px; background:url(http://metalac-inox.hr/slike/offline/notification_success_icon.png); background-repeat:no-repeat; background-position:5px center}
.notification.error {border:1px solid #aa2929; background:#f4c0c0; font-size:14px; color:#7e2b2b; z-index:100; position:relative; margin:0}
.notification.error li {list-style-position:inside; border-radius:5px; padding:5px 5px 5px 10px}
.notification.error div {border:1px solid #fae0e0; padding:0 0 0 22px; background:url(http://metalac-inox.hr/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center}

.contactForm {/*background:#ccc496; */margin:0; padding:0; height:auto; float:left;	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.contactForm div{position:relative; margin:0; padding:0}
.contactForm label {font-size:14px; font-weight:bold; color:#646464; display:block; clear:both; padding-bottom:3px}
.contactForm input[type=text],
.contactForm input[type=email],
.contactForm textarea {color:#646464;font-family:'CorbelItalic';font-size:18px;background:#272727;width:263px; margin-bottom:12px; padding:10px; border:none; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; border-radius:5px}
.contactForm textarea {font-size:14px;height:80px;overflow:hidden}
.contactForm input:focus, 
.contactForm textarea:focus {background:#222}
.contactForm input[type=text].error,
.contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(http://metalac-inox.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(http://metalac-inox.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}

/* Tablica */
#box-table-a {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; width:100%; text-align:left; border-collapse:collapse}
#box-table-a th {font-size:13px; font-weight:normal; padding:8px; background:#033F63; border-top:4px solid #00385C; border-bottom:1px solid #fff; color:#fff}
#box-table-a td {padding:8px; background:#e8edff; border-bottom:1px solid #fff; color:#669; border-top:1px solid transparent}
#box-table-a tr:hover td {background:#d0dafd; color:#339}

/* Mega izbornik */
#mega-navigation {height:52px; float:right}

ul.mega-container{padding:25px 0 10px 0; margin:0}
li.mega{list-style-type:none; float:left; padding:0; margin:0 .65em; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative; z-index:10}
li.mega.mega-active {color:#fff; background-image:url(http://metalac-inox.hr/slike/active_bg.png); background-position:top center;}
li.mega:hover{background-image:url(http://metalac-inox.hr/slike/active_bg.png); background-position:top center;}
.mega:hover{z-index:40 !important}
*:first-child+html .mega:hover{zoom:1 !important}

/* Basic menu item styles */
li.mega a.mega-tab{color:#d9d9d9; text-decoration:none; font-size:22px; font-family:'CorbelItalic'; display:inline-block; padding:5px 10px 5px 10px; outline:none; position:relative; z-index:20; text-shadow:0 -1px 0 rgba(0,0,0,.3)}
li.mega a.mega-tab:hover {color:#fff; text-decoration:none; font-size:22px; font-family:'CorbelItalic'; display:inline-block; padding:5px 10px 5px 10px; outline:none; position:relative; z-index:20; text-shadow:0 -1px 0 rgba(0,0,0,.5)}

/* Menu item with dropdown arrow */
li.mega a.mega-sub{background:url(http://metalac-inox.hr/slike/down.png) no-repeat right center; padding-right:26px !important; margin:0 0 20px 0}
li.mega.mega-sub:hover{z-index:40; border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0}

/* Content container */
.mega-content{width:175px; display:none; -webkit-border-bottom-right-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-bottomleft:20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; padding:0; position:absolute; top:100%; left:-1px; text-align:left; color:#222; font-size:11px; z-index:6; display:none; background: url(http://metalac-inox.hr/slike/drop-bg.png) top left repeat-x}
li:hover .mega-content{display:block}
.mega-content h3{font-size:13px; border-bottom:1px dotted #666; padding-bottom:4px; margin-bottom:1em}
.mega-content ul{list-style-type:disc; margin-left:18px}
.mega-content p{margin-bottom:1em}

/* Drop Menu Styling */
.mega-menu{padding:0 20px 0 10px !important; z-index:40 !important; min-width:250px}
.mega-menu ul{list-style-type:none; margin:0; min-width:250px}
.mega-menu li a{background:url(http://metalac-inox.hr/slike/drop-item-bg.png) bottom center no-repeat;font-family:'CorbelItalic';font-size:16px;display:block; padding:10px 10px 10px 20px; color:#333; text-decoration:none; font-weight:normal; text-shadow:none;margin-bottom:10px}
*+html .mega-menu li a{padding:15px;margin-top:10px}
.mega-menu li a.mega-sub{background-color:#fff; background-image:url(http://metalac-inox.hr/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
.mega-menu li a:hover{background:url(http://metalac-inox.hr/slike/drop-item-bg.png) top center no-repeat}
.mega-menu li{position:relative}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background: url(http://metalac-inox.hr/slike/drop-bg.png) bottom left repeat-x; width:175px; padding:7px 7px 3px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:1000; position:absolute; left:60%; top:0; display:none}

/* Grid Layout Styling */
.mega-grid{background:#FFF; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EAEAEA)); background:-moz-linear-gradient(top, #FFF, #EAEAEA); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EAEAEA'); padding:15px 0; margin:10px 5px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.mega-grid-1{width:110px !important}
.mega-grid-2{width:210px !important}
.mega-grid-3{width:310px !important}
.mega-grid-4{width:410px !important}
.mega-grid-5{width:510px !important}
.mega-grid-6{width:610px !important}
.mega-col-1, .mega-col-2, .mega-col-3, .mega-col-4, .mega-col-5, .mega-col-6{margin:0 10px 1.25em; float:left}
.mega-col-1{width:80px}
.mega-col-2{width:180px}
.mega-col-3{width:280px}
.mega-col-4{width:380px}
.mega-col-5{width:480px}
.mega-col-6{width:580px}

/* Utility classes */
.mega-open-right .mega-content{left:auto; right:0}

/* Clearfix 'hack' for mega-container */
.mega-container:after, 
.mega-grid:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.mega-container, .mega-grid{display:inline-block}
html[xmlns] .mega-container, 
html[xmlns] .mega-grid{display:block}
* html .mega-container, 
* html .mega-grid{height:1%}


/*ROTATOR*/
.slider {float:left; width:753px; height:519px;margin:72px 0 0 0}
.slider-proizvodi {float:left; width:753px; height:519px;margin:50px 0 0 0}
.slider-movie-example {padding:120px 350px 0 50px;width:353px;height:399px;color:#1e1e23;position:absolute;top:0;left:0px;font-size: 16px;font-family:'CorbelItalic';line-height: 22px;z-index:8}
.slider-movie-example h4 {text-shadow:0 1px 0 rgba(210,210,210,.6);width:753px;font-size:55px;line-height:60px;font-family:'BauerBodDEEItalic';font-weight:normal;color:#1e1e23;float:left}
.jquery-slider-wrapper {position:relative;clear:both;zoom:1;float:right;position:relative;z-index:0}
.jquery-slider-slide {display: none;float: left;margin: 0;padding: 0;position: absolute;width: 100%}
.jquery-slider-slide img {border:0;margin:0;padding:0}
.jquery-slider-slide-current {display:block;z-index:2}
.jquery-slider-slide-next {display:block;z-index:1}
.jquery-slider-selectors {display:none;float:left;overflow:hidden;position:absolute;bottom:5px;left:50%;z-index:4;color:#FFFFFF}
.jquery-slider-selector {background:url(http://metalac-inox.hr/slike/jquery-slider-theme.png) no-repeat 0px -59px;display:inline;float:left;width:10px;height:10px;margin:0 0 0 3px}
.jquery-slider-selector-current {background:url(http://metalac-inox.hr/slike/jquery-slider-theme.png) no-repeat -10px -59px}
.jquery-slider-selector span {display:none}
.jquery-slider-control {position:absolute;right:13px;top:11px;cursor: pointer;width:9px;height:14px;z-index:4}
.jquery-slider-control span {display:none}
.jquery-slider-control-play {background:url(http://metalac-inox.hr/slike/jquery-slider-theme.png) no-repeat 0px -42px}
.jquery-slider-control-pause {background:url(http://metalac-inox.hr/slike/jquery-slider-theme.png) no-repeat -10px -42px}
.jquery-slider-navigation {display:block}
.jquery-slider-navigation-prev {display:none;background:url(http://metalac-inox.hr/slike/jquery-slider-theme.png) no-repeat 0 0;left:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-prev span {display:none}
.jquery-slider-navigation-next {display:none;background:url(http://metalac-inox.hr/slike/jquery-slider-theme.png) no-repeat -21px 0;right:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-next span {display:none}
.jquery-slider-wrapper .caption {padding:6px 10px;background:#333333;font-size:13px;position:absolute;bottom:10px;left:10px;color:#FFFFFF}
.jquery-slider-timer {color:#FFFFFF;position:absolute;top:5px;right:5px;z-index:4;overflow:hidden;width:26px;height:26px}
.jquery-slider-timer-rotator {background:url(http://metalac-inox.hr/slike/jquery-slider-rotator-left.png) no-repeat 0 0;overflow:hidden;width:26px;height:26px;position:absolute;top:0;left:-13px;z-index:3}
.jquery-slider-timer-mask {overflow:hidden;width:13px;height:26px;position:absolute;top:0;right:0px;z-index:2}
.jquery-slider-timer-rotator-move {left:0}
.jquery-slider-timer-mask-move {width:26px;left:0;background:url(http://metalac-inox.hr/slike/jquery-slider-rotator-right.png) no-repeat 0 0}
.rotator-maska {background: url(http://metalac-inox.hr/slike/rotator-maska.png) top left no-repeat;width:753px;height:520px;float:left;position:relative;z-index:5;top:-523px}
.rotator-proizvodi-maska {background: url(http://metalac-inox.hr/slike/proizvodi-maska.png) top left no-repeat;width:822px;height:524px;float:left;position:relative;z-index:5;top:-524px}
.nemoguci-link-1 {width:500px;height:500px;float:right;position:relative;top:-250px;right:-300px}
.nemoguci-link {width:500px;height:500px;float:left;position:relative;top:-300px;left:-550px}



.screen-reader {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
    top: -9999px !important;
}

.hani {  display: block !important;
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;}


#h1-tekst {float:left;font-size:14px;font-family: 'CorbelItalic';color:#5a5e62;margin:10px 0 0 0;line-height:20px}
#galerija-box {float:left;width:223px;height:222px;margin:200px 0 0 0}
.slika-mala-gal-l {float:left;width:104px;height:104px;margin:15px 0 0 0}
.slika-mala-gal-d {float:right;width:104px;height:104px;margin:15px 0 0 0}
.galerija-maskica-l {float:left;position:relative;margin:15px 0 0 -104px;width:104px;height:104px;background:url(http://metalac-inox.hr/slike/galerija-maska.png) top left no-repeat;z-index:11}
.galerija-maskica-l:hover {background:url(http://metalac-inox.hr/slike/galerija-maska.png)bottom left no-repeat;cursor:pointer}
.galerija-maskica-d {float:left;position:relative;margin:15px -104px 0 15px;width:104px;height:104px;background:url(http://metalac-inox.hr/slike/galerija-maska.png) top left no-repeat;z-index:11}
.galerija-maskica-d:hover {background:url(http://metalac-inox.hr/slike/galerija-maska.png)bottom left no-repeat;cursor:pointer}

.vise-link {color:#fff;font-size:18px;font-weight:bold;font-family:'CorbelRegular';position:absolute;bottom:10px;right:23px}
.vise-link-proizvodi {height:40px;line-height:40px;padding:0 0 0 40px;font-size:12px;font-family:'CorbelItalic';margin:20px 0 0 0;background:url(http://metalac-inox.hr/slike/povecalo.png) top left no-repeat}

#makeMeDraggable {padding:20px;position:fixed;top:150px;right:50px;width:247px;height:420px;float:right;background:url(http://metalac-inox.hr/slike/mali-izbornik-bg.png) top left no-repeat;z-index:50;cursor:move}
#makeMeDraggable2 {padding:7px 20px 0 20px;position:fixed;top:90px;right:50px;width:247px;height:76px;line-height:83px;float:right;background:url(http://metalac-inox.hr/slike/galerija-home.png) top left no-repeat;z-index:50;cursor:move}
.mali-izbornik {list-style-type:none;font-family: 'BauerBodDEEItalic';font-size:24px;line-height:30px}
.mali-izbornik ul li a {float:left;width:100%}
.mali-izbornik-in {list-style-type:none;font-family: 'CorbelItalic';font-size:16px;line-height:30px;margin:0 0 10px}
.mali-izbornik-in li ul a {float:left;width:100%}


















/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 9, 2012 */



@font-face {
    font-family: 'CorbelRegular';
    src: url('http://metalac-inox.hr/assets/corbel_0-webfont.eot');
    src: url('http://metalac-inox.hr/assets/corbel_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://metalac-inox.hr/assets/corbel_0-webfont.woff') format('woff'),
         url('http://metalac-inox.hr/assets/corbel_0-webfont.ttf') format('truetype'),
         url('http://metalac-inox.hr/assets/corbel_0-webfont.svg#CorbelRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CorbelItalic';
    src: url('http://metalac-inox.hr/assets/corbeli_0-webfont.eot');
    src: url('http://metalac-inox.hr/assets/corbeli_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://metalac-inox.hr/assets/corbeli_0-webfont.woff') format('woff'),
         url('http://metalac-inox.hr/assets/corbeli_0-webfont.ttf') format('truetype'),
         url('http://metalac-inox.hr/assets/corbeli_0-webfont.svg#CorbelItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'BauerBodDEEItalic';
    src: url('http://metalac-inox.hr/assets/04033-webfont.eot');
    src: url('http://metalac-inox.hr/assets/04033-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://metalac-inox.hr/assets/04033-webfont.woff') format('woff'),
         url('http://metalac-inox.hr/assets/04033-webfont.ttf') format('truetype'),
         url('http://metalac-inox.hr/assets/04033-webfont.svg#BauerBodDEEItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BauerBodniBlkBTBlackItalic';
    src: url('http://metalac-inox.hr/assets/03921_baubodki-webfont.eot');
    src: url('http://metalac-inox.hr/assets/03921_baubodki-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://metalac-inox.hr/assets/03921_baubodki-webfont.woff') format('woff'),
         url('http://metalac-inox.hr/assets/03921_baubodki-webfont.ttf') format('truetype'),
         url('http://metalac-inox.hr/assets/03921_baubodki-webfont.svg#BauerBodniBlkBTBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}