html, body, div, span, applet, object, 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,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-weight:100;font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;vertical-align:baseline}
/* remember to define focus styles! */
:focus{outline:0}

body{background:url(https://specijalna-oprema.hr/slike/header-repeat.png) top left repeat-x}

strong{font-weight:800}

#wrapper{clear:left;width:1060px;margin:0px auto}

#header{float:left;background:url(https://specijalna-oprema.hr/slike/header-bg-final.jpg) top center no-repeat;width:1060px;height:125px}
.header-rightside{float:right;width:666px;height:125px;margin-right:35px}
.header-title{width:666px;height:82px}
.header-title h1{width:666px;height:82px;line-height:41px;font-size:24px;color:#99ccff}
.header-menu{width:666px;height:43px}
.header-menu ul{list-style:none}
.header-menu li{float:left;margin-left:1px}
.header-menu li a{background:url(https://specijalna-oprema.hr/slike/menu-inactive-bg1.png) top center no-repeat;width:91px;height:43px;line-height:43px;float:left;display:block;color:#ffffff;text-decoration:none;text-align:center}
.header-menu li a:hover{background:url(https://specijalna-oprema.hr/slike/menu-active-bg1.png) top center no-repeat;color:#003366}
/* Hide from IE5-Mac \*/
.header-menu li a{float:none}
/* End hide */
li.active{background:url(https://specijalna-oprema.hr/slike/menu-active-bg1.png) top center no-repeat}
li.active2{background:url(https://specijalna-oprema.hr/slike/menu-active-bg.png) top center no-repeat}
li.active a{color:#003366}
li.active2 a{color:#003366}
div.active a{color:#003366}
div.active2 a{color:#003366}

/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at #/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#multi-level{width:110px;height:43px;position:relative;z-index:100;padding:0;margin:0}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul{list-style-type:none;padding:0;margin:0}

/* Set up the top level list items and float left to place inline */
.menu li.top{display:block;float:left;position:relative;margin:0}

/* Style and position the table so it takes no part in the menu function. The font size is neccessary for IE5.5 */
.menu table{border-collapse:collapse;width:0;height:0;position:absolute;top:0;left:0}

/* Default top link link styling */
.menu li.top a.top_link{display:block;float:left;height:43px;line-height:43px;text-decoration:none;text-align:center}
.menu li.top a span{position:absolute;left:-9999px;top:0;z-index:0;font-size:10px} /* move the link text off screen */

/* pre-load the hover images into the lists
.menu li.p2{width:110px;background:url(slike/menu-active-bg.png) no-repeat}
*/

/* set up the normal unhovered images in the links */
.menu li a#djelatnosti{width:110px;background:url(slike/menu-inactive-bg.png) no-repeat}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover{visibility:visible} /* for IE6 */
.menu li:hover{ position:relative;z-index:200} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#djelatnosti:hover, .menu li:hover a#djelatnosti{background:url(slike/menu-active-bg.png) no-repeat;color:#003366}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul{position:absolute;left:-9999px;top:-9999px;width:0;height:0}

/* set up the first drop down sub level */
.menu :hover ul.sub{left:-40px;top:40px;background:#fff;padding:3px 0;border:1px solid #888;white-space:nowrap;width:235px;height:auto}
.menu :hover ul.sub li{display:block;clear:left;position:relative;min-width:230px;width:100%;margin-left:0;}
.menu :hover ul.sub li a{display:block;font-size:11px;height:auto;min-width:222px;width:auto;line-height:40px;text-indent:5px;color:#000000;text-decoration:none;border:3px solid #fff;border-width:0 0 0 3px;text-align:left;}
.menu :hover ul.sub li a.fly{background:#fff url(slike/arrow.gif) 210px center no-repeat;min-width:222px}
.menu :hover ul.sub li a:hover{background:#003366;color:#ffffff}
.menu :hover ul.sub li a.fly:hover{background:#003366 url(slike/arrow_over.gif) 210px center no-repeat;color:#ffffff}
.menu :hover ul li:hover > a.fly{background:#003366 url(slike/arrow_over.gif) 210px center no-repeat;color:#ffffff}

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul
{left:200px;top:-4px;background:#fff;padding:3px 0;border:1px solid #888;white-space:nowrap;min-width:230px;width: auto;height:auto;z-index:300}

#middle{float:left;background:url(https://specijalna-oprema.hr/slike/content-edges.png) #fff top center no-repeat;width:990px;padding:35px}
.middle-header{background:url(https://specijalna-oprema.hr/slike/middle-home-header.jpg) top center no-repeat;width:990px;height:264px;margin-bottom:16px}
.middle-header-title{float:left;margin:15px 0 10px 17px}
.middle-header-title h3{color:#3399cc;font-size:24px}
.middle-header-text{clear:left;width:400px;height:96px;color:#336699;font-size:14px;line-height:24px;margin-left:15px}
.middle-header-text span{font-weight:bold}
.middle-header-logos{clear:left;width:413px;height:89px;;margin:15px 0 0 15px}
.middle-header-logo1{float:left}
.middle-header-logo2{float:left;margin:7px 0 0 11px;/*border:1px solid #fff;*/}
.middle-big-link{float:left;width:300px;height:296px;position:relative}
.middle-big-link-divider{float:left;width:45px;height:246px;margin-bottom:50px}
.middle-big-link-title{width:300px;height:36px}
.middle-big-link-title h2{text-indent:5px;font-size:20px;color:#003366}
.middle-big-link-text h3{font-size:11px;color:#333366;text-align:justify}
.middle-big-link-text ul{list-style:none}
.middle-big-link-text li{list-style-image:url('https://specijalna-oprema.hr/slike/article-bullet.png');margin-left:15px}
div.hr{width:990px;height:6px;background:url(https://specijalna-oprema.hr/slike/hr-middle.png) no-repeat scroll center;margin-bottom:35px}
.slika-swiss {float: left;position: relative;left: -245px;top: 84px;}

#footer_bg{clear:left;width:100%;height:297px;background:url(https://specijalna-oprema.hr/slike/footer-repeat.png) top left repeat-x}
#footer-wrapper{background:url(https://specijalna-oprema.hr/slike/footer-bg.jpg) top center no-repeat;margin:0 auto;width:990px;height:297px}
#footer-wrapper, #footer-wrapper a, #footer-wrapper h5{color:#003366}
.footer-col{float:left;width:247px;height:265px}
.footer-link-head h5{font-size:14px;margin:10px 0}
.footer-link, .footer-link a{clear:left;font-size:9px;text-decoration:none;line-height:14px}
.footer-link a:hover{text-decoration:underline}
.footer-rss{float:left;width:90px;height:15px;font-size:11px;vertical-align:bottom;margin-right:40px}
.breadcrumb{clear:both;width:665px;height:26px;color:#333366;margin-bottom:10px}
.breadcrumb2{float:left;width:607px;height:26px;color:#333366;margin-bottom:10px}
.breadcrumb a, .breadcrumb2 a{font-size:13px;color:#333366}
.breadcrumb h5, .breadcrumb2 h5, .breadcrumb img, .breadcrumb2 img {display:block;float:left;font-size:13px}
.breadcrumb img, .breadcrumb2 img {margin:8px 3px 0 3px}
.footer-wmd{float:right;width:253px;height:15px;font-size:10px; color:#336699;}
.footer-wmd a{font-size:10px;text-decoration:none}

#smaller{float:left;width:300px}
.smaller-link{clear:left;background:url(https://specijalna-oprema.hr/slike/link-bg.png) #fff top center no-repeat;width:300px;height:49px;color:#333366;margin-bottom:9px;cursor:pointer}
.smaller-link-title{float:left;width:223px;margin-top:4px;font-size:18px}
.smaller-link-subtitle{float:left;width:223px;margin-top:4px;font-size:9px}
.smaller-link img{float:left;margin:6px;border:1px solid #fff}
.smaller-link:hover{background:url(https://specijalna-oprema.hr/slike/link-bg-hover.png) #fff top center no-repeat}
.iso9001-big{width:300px;height:56px;margin:26px 0}
.kontakt-info span{clear:left;font-size:18px;color:#333366}
.kontakt-info p{clear:left;font-size:11px}
.kontakt-info a{color:#333366;text-decoration:none}

#bigger{float:left;width:665px;padding-left:25px}
.bigger-title{clear:left;width:665px;height:auto;border-bottom:1px solid #ccffff;margin-bottom:15px}
.bigger-title h2, .bigger-title h2 a{font-size:23px;color:#3399cc;text-decoration:none}
.bigger-title h2 a:hover{text-decoration:underline}

.article{width:665px;height:auto;font-family:Tahoma;font-size:12px;text-align:justify}
.article-left{float:left;width:322px;height:auto;text-align:justify;border-right:1px solid #ccffff;padding-right:10px}
.article-right{float:left;width:322px;height:auto;text-align:justify;padding-left:10px}
.article2{clear:left;width:665px;height:auto;font-family:Tahoma;font-size:14px;text-align:justify}
.article li, .article2 li{list-style-image:url('https://specijalna-oprema.hr/slike/article-bullet.png');margin-left:15px}.article2 a{text-decoration:none;color:#333366}
.article-image{float:left;width:200px;height:133px;padding:4px;margin:0 12px 12px 0;border:1px solid #ccccff}
.article-image img{display:block}
.article p, .article ul, .article h3{margin-bottom:8px}
.article2 p, .article2 ul, .article2 h3{margin-bottom:8px;clear:left}
.article h3, .article2 h3{font-weight:bold}
.article h4, .article2 h4{font-weight:bold;margin-bottom:4px}
.article-images{clear:both;width:665px;height:auto}
.article-images img{border:1px solid #ccccff}
.article-images a{display:block;float:left;width:142px;height:142px}
.article-image-holder1{float:left;width:142px;height:142px;margin:0 32px 32px 0}
.article-image-holder2{float:left;width:142px;height:142px;margin:0}
.article-divider{clear:both;width:665px;height:15px}

table.tbl_proizvodi{font-family:Verdana;background:none repeat scroll 0 0 #ffffff;width:625px;border-collapse:collapse;margin:20px;text-align:left}
table.tbl_proizvodi th{background:#003366;border-bottom:2px solid #99ccff;color:#ffffff;font-size:14px;font-weight:bold;padding:10px 8px}
table.tbl_proizvodi td{border-bottom:1px solid #000000;color:#191919;padding:6px 8px}
table.tbl_proizvodi tr:hover{background:#99ccff;color:#ffffff}

.animation-holder{float:left;width:330px;height:360px;margin-bottom:5px}
.animation-holder-spacer{float:left;width:5px;height:360px;margin-bottom:5px}
#animacija1{float:left;width:330px;height:330px}
#animacija2{float:left;width:330px;height:330px}
#animacija3{float:left;width:330px;height:330px}

table.nicetable{border-collapse:collapse;width:100%}
table.nicetable span{color:#ff0000}
table.nicetable td{vertical-align:top}
textarea{resize:none} 
textarea.text1{font-size:11px;width:220px;height:150px;border:1px solid #bac7d9;padding:3px 5px}
input.text1{font-size:11px;width:220px;height:15px;border:1px solid #bac7d9;padding:2px 5px;margin-bottom:2px}
input.button1{font:11px;color:#000000;height:25px;width:50px;border:1px solid #bac7d9;text-align:center;padding:0 5px;cursor:pointer;margin-top:5px}

#mapkontakt{height:300px;width:322px;margin-top:10px}

a.jezik{float:left;margin:2px}

.menu-new li ul li img {
    float: left;
    margin-bottom: 3px;
    margin-right: 2px;
}

.menu-new li ul li a.fly-new {
    padding: 0 6px 0;
    margin-left: 2px;
    min-width: 242px !important;
    background: #fff url(slike/arrow.gif) 240px center no-repeat !important;
}

.menu ul.sub li ul li ul.menu-desno {
    width: 320px !important;
}

.menu ul.sub li ul li ul.menu-desno li a {
    width: 312px !important;
}

.menu ul.sub li ul.menu-sredina {
    width: auto !important;
}

.menu :hover ul.sub li:hover a.fly-new, .menu :hover ul.sub li:active a.fly-new {
    color: #000 !important;
}