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:url(https://ipeda.hr/slike/podloga.jpg) top left repeat-x; font:normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif; color:#111; text-align:left}

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

.slika {float:left; margin:0 0 5px 0}
.slika-lijevo {float:left; margin:0 15px 5px 0}
.slika-desno {float:right; margin:0 0 5px 15px}
.slika-border {float:left; margin:0 0 5px 0; padding:4px; border:1px solid #ddd}
.slika-lijevo-border {float:left; margin:0 15px 5px 0; padding:4px; border:1px solid #ddd}
.slika-desno-border {float:right; margin:0 0 5px 15px; padding:4px; border:1px solid #ddd}
.slika-poc {margin:0 0 0 5px}
.slika-proizvodi {float:right; margin:15px 0 0 10px}
.slika-vijesti {float:right; margin:0 5px 0 10px}
.slika-global {margin:0 0 25px 0; float:none; padding:0;}
.slika-small {float:left; margin:0 7px 0 0; padding:2px; border:1px solid #ddd}

.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(https://ipeda.hr/slike/zoom.png) 0 0 no-repeat; width:40px; height:40px; position:absolute; left:25%; top:25%}

a[href$='.dxf'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_dxf.gif) center left no-repeat;}
a[href$='.dwg'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_dwg.gif) center left no-repeat;}
a[href$='.pdf'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_pdf.gif) center left no-repeat;}
a[href$='.doc'],a[href$='.rtf'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_doc.gif) center left no-repeat;}
a[href$='.txt'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_txt.gif) center left no-repeat;}
a[href$='.xls'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_xls.gif) center left no-repeat;}
a[href$='.xlsx'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_xls.gif) center left no-repeat;}
a[href$='.pps'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_pps.gif) center left no-repeat;}
a[href$='.swf'],a[href$='.fla'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_flash.gif) center left no-repeat;}
a[href$='.rss'],a[href$='.atom'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_feed.gif) center left no-repeat;}
a[href$='.opml'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_opml.gif) center left no-repeat;}
a[href$='.ical'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_ical.gif) center left no-repeat;}
a[href$='.css'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_css.gif) center left no-repeat;}
a[href$='.mp3'],a[href$='.wav'],a[href$='.ogg'],a[href$='.wma'],a[href$='.m4a'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_music.gif) center left no-repeat;}
a[href$='.zip'],a[href$='.rar'],a[href$='.gzip'],a[href$='.bzip'],a[href$='.ace'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_archive.gif) center left no-repeat;}
a[href$='.ttf'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_ttf.gif) center left no-repeat;}
/*a[href$='.mov'],a[href$='.wmv'],a[href$='.mp4'],a[href$='.avi'],a[href$='.mpg'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_film.gif) center left no-repeat;}*/

a[rel='application/pdf'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_pdf.gif) center left no-repeat;}
a[rel='application/octet-stream'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(https://ipeda.hr/slike/file-ikone/icon_dxf.gif) center left no-repeat;}

a:link {color: #bc0000; text-decoration: none;}
a:visited {color: #bc0000; text-decoration: none;}
a:active {color: #bc0000;}
a:hover {color: #e81d1d; text-decoration: underline;}

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

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

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

.btn {
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 */
width: 99.8%; height: 27px; font: bold 12px/27px Arial; float: left; display: block; margin: 0; padding: 0 15px; text-align: center; color: #444; text-decoration: none; cursor: pointer; border: 1px solid #c4c4c4;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}

input.btn {float: left;}

.btn:hover {
// background: url(https://ipeda.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 auto; width:990px; background:#fff}

#header {background:url(https://ipeda.hr/slike/podloga-krovovi.jpg) top left no-repeat; width:990px; height:128px; overflow:hidden}
#header h1 {font-size:16px; color:#000; font-family:'Open Sans',sans-serif; letter-spacing:-1px; font-weight:300; line-height:1em; text-transform:uppercase; margin:45px 0 0 0; padding:0 75px 0 0; text-align:right}
.logo {float:left}
.head-sadrzaj {margin:15px 0 0 0}
.head-dom {font-size:30px; color:#a3a4a9; font-family:'Open Sans',sans-serif; letter-spacing:-1px; font-weight:300;line-height:1em; float:left; margin:0 35px 0 0}
.head-meni {float:left; font:normal 11px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif; margin:10px 0 0 0}

#navigation {float:left; width:990px; 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:990px; background-color:#fff}
#content-container-poc {margin:-22px 0 0 0}

#content {float:left; width:660px}
.entry {font-size:13px; line-height:1.6em}
.entry p {margin:0 0 1.6em 0}
.entry ul {margin:0 0 1.6em 35px; list-style-type:disc;}
.entry ul li {margin:0}
.entry ol {margin:0 0 1.6em 35px; list-style-type:decimal;}
.entry ol li {margin:0}

ol.katalog {font-size:16px}
ol.katalog li {padding:2px 0}
ul.katalog {font-size:16px; list-style-type:none; margin:0;}
ul.katalog li {padding:2px 0}
.katalog-download {margin:2px 10px 0 0;}
.katalogslika {float:left; width:150px; height:400px; background:#ddd; overflow:hidden; padding:0; margin:0 15px 15px 0}
.katalogtekst {line-height:1.2em; text-align:center; font:normal 11px Tahoma,Arial,"Trebuchet MS",Verdana, Sans-serif; padding:5px 10px 0 10px}

.entry h3 {font:normal 24px "Trebuchet MS", Arial, Tahoma, Verdana, Sans-serif; color:#bc0000; margin:0 0 15px 0}
.napomena {background:#bc0000; float:left; margin:5px 15px 5px 0; padding:15px; color:#fff; font-size:16px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}

.kategorije {width:290px; height:60px; padding:15px; margin:0 5px 5px 0; float:left; overflow:hidden; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #ccc; background:#eff3f5; cursor:pointer}
.kategorije:hover {border:1px solid #bc0000}
.kategorije h3 {float:none; padding:0; margin:0 0 5px 0; color:#bc0000; font:normal 16px "Trebuchet MS", Arial, Verdana, Sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,.35)}
.kategorije-naslov1 {float:none; padding:0; margin:0 0 15px 0; color:#000; font:normal 18px "Trebuchet MS", Arial, Verdana, Sans-serif}
.kategorije-naslov2 {float:none; padding:0; margin:0 0 5px 0; color:#000; font:normal 18px "Trebuchet MS", Arial, Verdana, Sans-serif}

.kontakt-lijevo {width:300; float:left}
.kontakt-desno {width:660; float:right}

.entry-search {float:left; width:640px; height:80px; 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-poc1 {background:url(https://ipeda.hr/slike/entry-poc.gif) top left no-repeat; width:240px; height:188px; float:left; margin:0 10px 0 0; position:relative;}
.entry-poc2 {background:url(https://ipeda.hr/slike/entry-poc.gif) top left no-repeat; width:240px; height:188px; float:left; margin:0 0 0 0; position:relative;}
.entry-poc-tekst {width:200px; height:75px; font:normal 11px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif; text-align:left; padding:30px 20px 0 20px; line-height:16px}
.entry-poc1 h2, .entry-poc2 h2 {background:url(https://ipeda.hr/slike/podloga-h2-poc.png) top left no-repeat; width:148px; height:31px; padding:0 20px 0 0; overflow:hidden; color: #fff; font:normal 18px/30px "Trebuchet MS", Arial, Verdana, Sans-serif; text-align:right; text-shadow:1px 1px 1px rgba(0,0,0,.35); position:absolute; top:-8px; right:-8px}
.entry-poc1 h2 a:link, .entry-poc1 h2 a:visited, .entry-poc1 h2 a:active, .entry-poc2 h2 a:link, .entry-poc2 h2 a:visited, .entry-poc2 h2 a:active {color:#fff}
.entry-poc1 h2 a:hover, .entry-poc2 h2 a:hover {color:#e4bdbd}

.entry-proizvodi {width:640px; height:80px; padding:15px 10px; margin:0; cursor:pointer; overflow:hidden; line-height:1.4em; border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #e2e2e2}
.entry-proizvodi h3 {float:none; padding:0; margin:0 0 5px 0; color:#bc0000; font:normal 16px "Trebuchet MS", Arial, Verdana, Sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,.35)}
.traka-proizvodi {background:url(https://ipeda.hr/slike/traka-proizvodi.gif) top left no-repeat; clear:both; margin:0; width:660px; height:1px; overflow:hidden}
.entry-proizvodi:hover {border:1px solid #bc0000}
span.primjena {font-size:16px; color:#bc0000;}
.imekategorije {font-size:16px; color:#bc0000; padding:0 0 10px 10px}

.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 {display:block; margin:0; width:660px; height:620px}

.smaller {float:right;width:300px; font:normal 11px Tahoma, "Trebuchet MS", Arial, Verdana, Sans-serif;}
.smaller p {margin:0 0 10px 0; line-height:1.5em; font:normal 11px Tahoma, "Trebuchet MS", Arial, Verdana, Sans-serif;}
.smaller h4 {background:url(https://ipeda.hr/slike/h4-002.gif) top left no-repeat; width:270px; height:30px; padding:0 15px; margin:0 0 7px 0; overflow:hidden; color: #000; font:normal 18px/30px "Trebuchet MS", Arial, Verdana, Sans-serif}
.smaller h4 a:link, .smaller h4 a:active, .smaller h4 a:visited {color:#000}
.smaller h4 a:hover {color:#bc0000; text-decoration: none}
.smaller ul {margin:5px 0 10px 25px; list-style-type:disc;}
.smaller ul li {padding:1px 0}
.smaller ul li ul {margin:0 0 0 15px; list-style-type:circle;}
.smaller ul li ul li {padding:1px 0}
.smaller ol {margin:0 0 10px 25px; list-style-type:decimal;}
.smaller ol li {padding:2px 0}
.small-box {margin:0 0 15px 0; clear:both}

#trazilica {float:right; width:172px; height:30px; margin:0 75px 0 0}
.search-d {width:30px; height:30px; float:right; cursor:pointer}
.search-l {float:right; background: url("https://ipeda.hr/slike/trazi-l.png") top right no-repeat; border:none; width:122px; height:30px; line-height:30px; margin:0; font-family:Arial; font-size:12px; color:#000; padding:0 10px}

#breadcrumb{width:100%, height:32px; border:0; color:#767676; margin:-10px 0 10px 0; padding:0; overflow:hidden}
#breadcrumb h2 {font:normal 11px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif; line-height:32px; margin:0; color:#767676}
#breadcrumb img {float:left}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {color:#767676; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumb a:hover {color:#767676; text-decoration:underline; line-height:32px; float:left; border:0}

#breadcrumbd {float:left; height:32px; border:0; color:#767676; padding:0; width:460px; margin:-8px 0 0 0}
#breadcrumbd h5 {font:normal 11px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif; line-height:32px; margin:0; color:#767676}
#breadcrumbd img {float:left}
#breadcrumbd a:link, #breadcrumbd a:visited, #breadcrumbd a:active {color:#767676; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumbd a:hover {color:#767676; text-decoration:underline; line-height:32px; float:left; border:0}

.rss {position:absolute; right:15px; top:15px;}
#footer {color:#444; clear:both; background: url("https://ipeda.hr/slike/footer02.gif") top left no-repeat; min-height:190px; padding:0; font:normal 11px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif; position:relative}
#footer h6 {font:normal 18px "Trebuchet MS", Arial, Tahoma, Verdana, Sans-serif; margin:0 0 15px 0; color:#af0000}
#footer h6 a:link, #footer h6 a:visited, #footer h6 a:active {color:#af0000; text-decoration:none;}
#footer h6 a:hover {color:#af0000; text-decoration:underline;}
#footer p {margin:0 0 10px 0}
#footer ul {margin:0 0 10px 15px; list-style-type:disc;}
#footer ul li {margin:2px 0}
#footer ol {margin:0 0 10px 15px; list-style-type:decimal;}
#footer ol li {margin:2px 0}
#footer a:link, #footer a:visited, #footer a:active {color:#444; text-decoration:underline;}
#footer a:hover {color:#af0000; text-decoration:underline}
.foot1 {width:158px; float:left; margin:30px 0 0 198px; padding:0 20px}
.foot2 {width:158px; float:left; margin:30px 0 0 0; padding:0 20px}
.foot-tockice {margin:0 0 0 198px}
.foot-dolje {padding:0 20px 0 198px}
.foot-potpis {float:right;}


/* Kontakt forma */
.kontaktforma, #contactForm, .notification, .contactForm {width:270px; background:#eee}

.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(https://ipeda.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:12px 0 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(https://ipeda.hr/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center}

.contactForm {/*background:#ccc496; */margin:15px 0 0 0; padding:15px; 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 {width:97%; margin-bottom:12px; padding:5px; border:1px solid #AAA; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset}
.contactForm input:focus, 
.contactForm textarea:focus {background:#FEFFB7}
.contactForm input[type=text].error,
.contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(https://ipeda.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(https://ipeda.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 {width:990px; height:30px; float:left; background:url(https://ipeda.hr/slike/podloga-izbornik.gif) top left no-repeat;}
.izbornik-sjena {width:990px; height:35px; float:left; background:url(https://ipeda.hr/slike/izbornik-sjena.gif) top left no-repeat;}

ul.mega-container{width:970px; padding:0 0 0 20px; margin:0}
li.mega{list-style-type:none; float:left; padding:0; margin:3px 5px 0 5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:relative; z-index:10px}
 /*Ako stavljate sliku morate pisati na ovaj način zbog IE
 li.mega.mega-active {color:#254809; border:1px solid #9dc259; background-image:url(https://ipeda.hr/slike/active_bg.gif); background-position:top left;}
 */
li.mega.mega-active {color:#000; border:1px solid #fff; background-image:url(https://ipeda.hr/slike/active_bg.gif); background-position:top left; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
li.mega:hover{background-image:url(https://ipeda.hr/slike/active_hover.png); background-position:top left; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}

/* Basic menu item styles */

li.mega a.mega-tab:link, li.mega a.mega-tab:visited, li.mega a.mega-tab:active {color:#FFF; text-decoration:none; font:normal 16px "Trebuchet MS",Arial,Sans-serif; display:inline-block; padding:1px 15px 12px 15px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}
li.mega a.mega-tab:hover {color:#fff; text-decoration:none; font:normal 16px "Trebuchet MS",Arial,Sans-serif; display:inline-block; padding:1px 15px 12px 15px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}

a.current:link{color:#000; text-decoration:none; font:normal 16px "Trebuchet MS",Arial,Sans-serif; display:inline-block; padding:1px 15px 12px 15px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}
a.current:visited{color:#000; text-decoration:none; font:normal 16px "Trebuchet MS",Arial,Sans-serif; display:inline-block; padding:1px 15px 12px 15px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}
a.current:active{color:#000; text-decoration:none; font:normal 16px "Trebuchet MS",Arial,Sans-serif; display:inline-block; padding:1px 15px 12px 15px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}
a.current:hover{color:#000; text-decoration:none; font:normal 16px "Trebuchet MS",Arial,Sans-serif; display:inline-block; padding:1px 15px 12px 15px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}

/* Menu item with dropdown arrow */
li.mega a.mega-sub{background:url(https://ipeda.hr/slike/down.png) no-repeat 100% 8px; padding-right:26px !important}
li.mega.mega-sub:hover{z-index:10000;}

/* Content container */
.mega-content{width:175px; display:none; -webkit-border-bottom-right-radius:2px; -webkit-border-bottom-left-radius:2px; -moz-border-radius-bottomright:2px; -moz-border-radius-bottomleft:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; padding:0; position:absolute; top:96%; left:-1px; border:1px solid #b80202; border-top:none; text-align:left; color:#222; font-size:11px; z-index:6; display:none; background:#b80202}
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:7px 7px 3px !important; z-index:10000 !important; text-transform:uppercase}
.mega-menu ul{list-style-type:none; margin:0}
.mega-menu li a{display:block; padding:3px 10px; color:#fff; text-decoration:none; font-weight:bold; text-shadow:none; margin-bottom:.5em}
.mega-menu li:last-child a{margin-bottom:4px}
*+html .mega-menu li a{padding:8px 10px; margin-bottom:.15em}
.mega-menu li a.mega-sub{background-color:#transparent; color:#fff; background-image:url(https://ipeda.hr/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
.mega-menu li a:hover{background-color:#8d0101}
.mega-menu li{position:relative}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#B80202; width:150px; padding:7px 7px 3px; z-index:1000; position:absolute; left:100%; 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%}

.mega-menu li:hover, 
.mega-menu li a.mega-sub:hover{background-color:#8d0101}

.mega-menu li:hover, 
.mega-menu a.mega-sub:hover{background-color:#8d0101}




#sl-left {float:left; width:655px; height:270px; overflow:hidden}
#sl-right {float:right; width:290px; height:260px; background:url(https://ipeda.hr/slike/banner-podloga.gif) top left no-repeat; padding:5px; position:relative}
.donacije-sticker {position:absolute; top:-20px; right:-25px; z-index:6;}

/*ROTATOR*/
.slider {float:left; width:655px; height:270px; overflow:hidden}
.slider-movie-example {width:220px;background: url(https://ipeda.hr/slike/jquery-slider-background5.png) top left no-repeat;color:#FFFFFF;padding:15px;position:absolute;top:185px;right:20px;font-size: 14px;line-height: 18px; text-shadow:1px 1px 1px rgba(0,0,0,.25)}
.slider-movie-example h4 {font-size:18px; color:#fff; width:280px; height:20px; overflow:hidden; float:left; margin:0 0 10px 0; font-weight:normal; text-shadow:1px 1px 1px rgba(0,0,0,.25)}
.jquery-slider-wrapper {position:relative;clear:both;zoom:1}
.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:inline;float:left;overflow:hidden;position:absolute;bottom:5px;left:50%;z-index:4;color:#FFFFFF}
.jquery-slider-selector {background:url(https://ipeda.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(https://ipeda.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(https://ipeda.hr/slike/jquery-slider-theme.png) no-repeat 0px -42px}
.jquery-slider-control-pause {background:url(https://ipeda.hr/slike/jquery-slider-theme.png) no-repeat -10px -42px}
.jquery-slider-navigation {display:block; display:none}
.jquery-slider-navigation-prev {background:url(https://ipeda.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 {background:url(https://ipeda.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(https://ipeda.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(https://ipeda.hr/slike/jquery-slider-rotator-right.png) no-repeat 0 0}


.slider2 {float:right; width:290px; height:260px; overflow:hidden}
.slider2-movie-example {width:260px; height:60px; overflow:hidden; background: url(https://ipeda.hr/slike/jquery-slider-background4.png) top left no-repeat; color:#fff; padding:15px; position:absolute; bottom:0px; left:0px; font-size:12px;line-height:14px; text-shadow:1px 1px 1px rgba(0,0,0,.25)}
.slider2-movie-example h4 {font-size:15px; color:#fff; width:290px; height:25px; overflow:hidden; float:left; margin:0 !important; font-weight:normal; text-shadow:1px 1px 1px rgba(0,0,0,.25); padding:0 !important; background-image:none !important}

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

.poveznice {margin:0 0 15px 0; font:normal 11px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif;}





/* 
 * Sliding Tabs - jQuery Plugin
------------------------------------------------------------------------------------- */
div.st_horizontal{/* The main container */position:relative; clear:both; width:660px; /* Set the full width */color:#111}

/* Control buttons
------------------------------------------------------------------------------------- */
div.st_horizontal a.st_prev, 
div.st_horizontal a.st_next{/* Directional buttons (previous/next) */position:absolute; top:0px; z-index:110; display:none; height:38px; width:39px; border:1px solid #d4d4d4; outline:none; background:#fff url(https://ipeda.hr/slike/btn_arrows.gif) no-repeat}
div.st_horizontal a.st_prev{/* Previous button */left:0px; background-position:13px 13px; border-top-left-radius:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px}
div.st_horizontal a.st_prev:hover{/* Previous button hover */background-position:-50px 13px; background-color:#f5f5f5}
div.st_horizontal a.st_next{/* Next button */right:0px; background-position:14px -14px; border-top-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px}
div.st_horizontal a.st_next:hover{/* Next button hover */background-position:-49px -14px; background-color:#f5f5f5}
div.st_horizontal a.st_prev.st_btn_disabled, 
div.st_horizontal a.st_next.st_btn_disabled{/* Previous and next buttons disabled state */cursor:default; background-color:#f7f7f7}
div.st_horizontal a.st_prev.st_btn_disabled{/* Previous button disabled state */background-position:-113px 13px}
div.st_horizontal a.st_next.st_btn_disabled{/* Next button disabled state */background-position:-112px -14px}

/* Tabs
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_tabs_container{/* Tabs main container */position:relative; z-index:100; width:100% !important; height:40px; margin-bottom:-1px; overflow:hidden}
div.st_horizontal div.st_slide_container{/* Tabs slide-container */position:relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position:relative */}
div.st_horizontal div.st_sliding_active div.st_slide_container{/* The .st_sliding_active class is added to the div.st_tabs_container element when tab sliding is activated */margin:0px 40px; /* Adds side margins to make space for the arrow buttons */}
div.st_horizontal ul.st_tabs{/* Tabs unordered list */width:10000px; /* Set to an arbitrary high value */height:40px; margin:0px; padding:0px; list-style:none}
div.st_horizontal ul.st_tabs li{/* Tab list elements */float:left}
div.st_horizontal ul.st_tabs li a{/* Tab links */display:block; margin:0px; padding:10px 20px; font-size:11px; line-height:18px; /* Aligns the tabs to the bottom of the content container */color:#111; font-weight:bold; text-decoration:none; outline:none; border-top:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#fff url(https://ipeda.hr/slike/h_tab_bg.jpg) repeat-x 0px bottom}
div.st_horizontal ul.st_tabs a:hover{/* Tabs hover state */color:#111}
div.st_horizontal ul.st_tabs li a.st_first_tab{border-left:1px solid #d4d4d4}
div.st_horizontal ul.st_tabs a.st_tab_active{/* Tab active/highlighted state */color:#bc0000; border-bottom-color:#fff; background:#fff}

/* Content
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container{/* Main content container */position:relative; z-index:5; height:277px; padding:20px 20px 23px; /* Set the padding for the content here */border:1px solid #d4d4d4; background-color:#fff; overflow:hidden; /* To make the content scroll if Javascript is disabled,set to:auto */}
div.st_horizontal div.st_view{/* Slide-container for the content */position:relative; height:100%; overflow:hidden}
div.st_horizontal div.st_tab_view{/* Individual content containers */display:none; /* Hides the content when Javascript is disabled */width:100%}
div.st_horizontal div.st_first_tab_view{display:block}
div.st_horizontal div.st_view h2{font-size:16px; color:#bc0000; margin:0 0 16px; padding:0px}
div.st_horizontal div.st_view p{margin:14px 0 0; padding:0px; font-size:13px; line-height:1.5em}
div.st_horizontal div.st_view blockquote{float:left; width:315px; margin:18px 14px 0 0; padding:0 0 0 14px; border-left:2px solid #5c5c5c; font:italic 17px/21px Georgia,"Times New Roman",Times,serif; color:#bc0000}
div.st_horizontal div.st_view blockquote p{margin:0px}

/* Bottom aligned tabs
------------------------------------------------------------------------------------- */
div.st_horizontal.align_bottom a.st_prev, 
div.st_horizontal.align_bottom a.st_next{/* Directional buttons (previous/next) */border-bottom:1px solid #d4d4d4}
div.st_horizontal.align_bottom a.st_prev{/* Previous button *//* Reset top borders */border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; /* Set bottom borders */border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px}
div.st_horizontal.align_bottom a.st_next{/* Next button *//* Reset top borders */border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; /* Set bottom borders */border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px}
div.st_horizontal.align_bottom div.st_tabs_container{/* Tabs main container */position:absolute; /* Absolute position the tabs container at the bottom of the main container */bottom:-39px; left:0px; margin-bottom:0px}
div.st_horizontal.align_bottom ul.st_tabs a.st_tab_active{/* Tab active/highlighted state */border-top-color:#fff; border-bottom-color:#d4d4d4}





#menuproizvodi {padding:0; margin:0; width:0}
#menuproizvodi li {list-style-type:none; width:300px; height:22px; margin:0; clear:both;}
#menuproizvodi a, #menuproizvodi a:visited {position:relative; display:block; width:288px; height:22px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:1px dotted #888; background-color:#fff; color:#111; padding-left:10px; text-decoration:none; font:normal 11px/20px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif; overflow:hidden;}
#menuproizvodi a:hover {color:#fff; border-top:1px solid #bc0000; border-right:1px solid #bc0000; border-left:1px solid #bc0000; border-bottom:1px dotted #888; background-color:#bc0000; text-decoration:none; overflow:hidden}


#nav_categories2 {padding:0; margin:0; width:0; display:block !important; clear:both;}
#nav_categories2 li {list-style-type:none; margin:0; padding:0; clear:both;}
#nav_categories2 li a, #nav_categories2 li a:visited {position:relative; display:block; width:288px; height:22px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:1px dotted #888; background-color:#fff; color:#111; padding-left:10px; text-decoration:none; font:bold 11px/20px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif; margin:0}
#nav_categories2 li a:hover {color:#fff; height:22px; border-top:1px solid #bc0000; border-right:1px solid #bc0000; border-left:1px solid #bc0000; border-bottom:1px dotted #888; background-color:#bc0000; text-decoration:none}

#nav_categories2 li ul {padding:0; margin:0; width:0; display:block !important; clear:both;}
#nav_categories2 li ul li {list-style-type:none; margin:0; height:22px; clear:both;}
#nav_categories2 li ul li a, #nav_categories2 li ul li a:visited {position:relative; display:block; width:268px; height:22px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:1px dotted #888; background-color:#fff; color:#111; padding-left:30px; text-decoration:none; font:normal 11px/20px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif}
#nav_categories2 li ul li a:hover {color:#fff; border-top:1px solid #bc0000; border-right:1px solid #bc0000; border-left:1px solid #bc0000; border-bottom:1px dotted #888; background-color:#bc0000; text-decoration:none}






/* To be used with cookieCuttr by Chris Wharton (https://cookiecuttr.com) */

.cc-cookies { position:fixed; width: 200px; right: 30px; top: 30px; padding: 20px; background: #005f73; background: rgba(34,34,34,0.85); color: #fff; font-size: 13px; font-weight: normal; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; 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: #2e9501; 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: #a80101; 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-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}


.kuca {float:right}