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:#f0f0f0; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1.6em; font-size:16px; color:#333; 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-desno-izbornik {float:right; margin:18px 18px 5px 18px}
.slika-desno-izbornik-podkategorija {float:right; margin:0 18px 5px 18px}
.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}
.slika-proizvodi {float:right; margin:15px 0 0 10px}
.slika-vijesti {float:right; margin:0 5px 0 10px}
.slika-global {margin:0 0 10px 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: #e30000; text-decoration: none;}
a:visited {color: #e30000; text-decoration: none;}
a:active {color: #e30000;}
a:hover {color: #e81d1d; text-decoration: none;}

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: #f0f0f0; margin: 0; padding: 10px; cursor: pointer; width:auto;}
a.btn:link, a.btn:visited, a.btn:active {font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1.6em; font-size:16px; color: #e30000; text-decoration: none;}
a.btn:hover {color: #000;}

.viseizbornik {background: #f0f0f0; margin: 20px 0; padding: 10px; cursor: pointer; width:200px; display:block;}
a.viseizbornik:link, a.viseizbornik:visited, a.viseizbornik:active {font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1.6em; font-size:16px; color: #e30000; text-decoration: none;}
a.viseizbornik:hover {color: #fff !important; background: #e30000 !important;}


.btn2 {
background: #80ca87;
width: 100%; float: left; display: block; margin: 0; padding: 10px 5px; text-align: center; color: #fff; text-decoration: none; text-transform:uppercase; cursor: pointer; border: 1px solid #6cbc74;}

input.btn2 {float: left;}
.btn2:hover {background: #6cbc74; border: 1px solid #6cbc74; color: #fff;}
a.btn2:link, a.btn2:visited, a.btn2:active, a.btn2:hover {color: #fff;}


#wrapper {
background: #fff none repeat scroll 0 0;
-webkit-box-shadow: 0px 5px 20px 0px rgba(89, 7, 20, 0.3);
-moz-box-shadow:    0px 5px 20px 0px rgba(89, 7, 20, 0.3);
box-shadow:         0px 5px 20px 0px rgba(89, 7, 20, 0.3);
margin: -30px auto 0 auto;
padding: 0 30px;
width: 1170px;
}

#wrapper2 {margin:0 auto; width:1170px; background:#fff; padding:0 30px;
-webkit-box-shadow: 0px 5px 20px 0px rgba(89, 7, 20, 0.3);
-moz-box-shadow:    0px 5px 20px 0px rgba(89, 7, 20, 0.3);
box-shadow:         0px 5px 20px 0px rgba(89, 7, 20, 0.3);
}

#wrappergore {margin:0 auto; width:100%; background:#fff; padding:0; clear:both;}

#header {background:#fff; width:1170px;}
#header h1 {font-size:16px; color:#e30000; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:32px; text-transform:uppercase; margin:0; padding:0; text-align:right; float:right; width:40% !important;}

#headerpoc {background:#fff !important; width:100%; margin:0 auto !important;}
#headerpoc h1 {margin:0 !important; padding:0 !important; float:left !important; width:40% !important;}
#headerpoc-unutra {width:1170px; margin:0 auto;}

#content-container {width:1170px; background-color:#fff;}
#content-container-poc {padding:30px 0 0 0;}

#content {float:left; width:840px}
#content2 {float:right; width:840px}
#contentkatalozi {float:left; width:860px}
.entry {font-weight:300;}
.entry p {margin:0 0 1em 0; text-align:justify !important;}
.entry ul {margin:0 0 1em 35px; list-style-type:disc;}
.entry ul li {margin:0 0 10px 0}
.entry ol {margin:0 0 1em 35px; list-style-type:decimal;}
.entry ol li {margin:0 0 10px 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 20px 20px 0}
.katalogtekst {line-height:1.2em; text-align:center; font-size:14px; padding:5px 10px 0 10px}

.entry h3 {font-size:28px; font-weight:400; color:#e30000; margin:0 0 25px 0}
.entry h4 {font-size:20px; font-weight:400; color:#000; margin:0 0 25px 0}
.napomena {background:#e30000; 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:380px; height:60px; padding:15px; margin:0 5px 5px 0; float:left; overflow:hidden; background:#f0f0f0; cursor:pointer}
.kategorije:hover {background:#e5e5e5;}
.kategorije h3 {float:none; padding:0; margin:0 0 5px 0; color:#e30000; font-size:16px; font-weight:400;}
.kategorije-naslov1 {float:none; padding:0; margin:0 0 30px 0; color:#000; font-size:18px;}
.kategorije-naslov2 {float:none; padding:0; margin:0 0 30px 0; color:#000; font-size:18px;}

.kategorije-l {width:220px; height:100px; padding:20px; margin:0 30px 30px 0; float:left; overflow:hidden; background:#f0f0f0; cursor:pointer}
.kategorije-l:hover {background:#e5e5e5;}
.kategorije-l h3 {float:none; padding:0; margin:0 0 5px 0; color:#e30000; font-size:16px; font-weight:400;}

.kategorije-d {width:220px; height:100px; padding:20px; margin:0 0 30px 0; float:left; overflow:hidden; background:#f0f0f0; cursor:pointer}
.kategorije-d:hover {background:#e0e0e0;}
.kategorije-d h3 {float:none; padding:0; margin:0 0 5px 0; color:#e30000; font-size:16px; font-weight:400;}

.kontakt-lijevo {width:300; float:left}
.kontakt-desno {width:840; 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 {width:370px; float:left; margin:0 30px 0 0; position:relative;}
.entry-poc2 {width:370px; float:left; margin:0 0 0 0; position:relative;}
.entry-poc-tekst {padding:0; font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height:1.6em; font-size:16px; color:#555;}
.entry-poc1 h2, .entry-poc2 h2 {padding:20px 0 15px 0; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1em; font-size:30px;}
.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:#333; text-decoration: none;}
.entry-poc1 h2 a:hover, .entry-poc2 h2 a:hover {color:#e30000; text-decoration: none;}

.entry-proizvodi1 {width:260px; height:350px; float:left; padding:0; margin:0 30px 30px 0; overflow:hidden; font-weight:300; background:#f0f0f0}
.entry-proizvodi1:hover {background:#e0e0e0}
.entry-proizvodi2 {width:260px; height:350px; float:left; padding:0; margin:0 0 30px 0; overflow:hidden; font-weight:300; background:#f0f0f0}
.entry-proizvodi2:hover {background:#e0e0e0}
.entry-proizvodi1 h3, .entry-proizvodi2 h3 {float:none; padding:10px 10px 0 10px !important; margin:0 !important; color:#e30000; font-size:20px; font-weight:300; line-height: 1.4em;}
.entry-proizvodi-slika {width:240px; height:240px; padding:0; margin:10px auto !important; background:#fff; line-height: 240px; position: relative;}
.entry-proizvodi-slika img {margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%)}

.entry-vijesti1 {width:270px; height:350px; float:left; padding:0; margin:0 30px 30px 0; overflow:hidden; font-weight:300; background:#f0f0f0}
.entry-vijesti1:hover {background:#e0e0e0}
.entry-vijesti2 {width:270px; height:350px; float:left; padding:0; margin:0 0 30px 0; overflow:hidden; font-weight:300; background:#f0f0f0}
.entry-vijesti2:hover {background:#e0e0e0}
.entry-vijesti1 h3, .entry-vijesti2 h3 {float:none; padding:10px 10px 0 10px !important; margin:0 !important; color:#e30000; font-size:20px; font-weight:300; line-height: 1.4em;}
.entry-vijesti-slika {width:250px; height:250px; padding:0; margin:10px auto !important; background:#fff; line-height: 240px; position: relative;}
.entry-vijesti-slika img {margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%)}

.traka-proizvodi {background:url(https://ipeda.hr/slike/traka-proizvodi.gif) top left no-repeat; clear:both; margin:0; width:840px; height:1px; overflow:hidden}
span.primjena {font-size:16px; color:#e30000;}
.imekategorije {font-size:16px; color:#e30000; 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:840px; height:620px}

.smaller {float:right;width:300px; font-weight:300; padding:5px 0 0 0;}
.smaller p {margin:0 0 10px 0;}
.smaller h4 {padding:0 0 20px 0; margin:0; color:#333; font-size:20px; font-weight:400;}
.smaller h4 a:link, .smaller h4 a:active, .smaller h4 a:visited {color:#333}
.smaller h4 a:hover {color:#e30000; text-decoration: none}
.smaller ul {margin:5px 0 10px 0px; list-style-type:none;}
.smaller ul li {padding:1px 0}
.smaller ul li ul {margin:0 0 0 15px; list-style-type:none;}
.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 30px 0; clear:both}


.smaller2 {float:left;width:300px;}
.smaller2 p {margin:0 0 10px 0;}
.smaller2 h4 {padding:0 0 20px 0; margin:0; color:#333; font-size:20px; font-weight:400;}
.smaller2 h4 a:link, .smaller h4 a:active, .smaller h4 a:visited {color:#333}
.smaller2 h4 a:hover {color:#e30000; text-decoration: none}
.smaller2 ul {margin:5px 0 10px 25px; list-style-type:none;}
.smaller2 ul li {padding:1px 0}
.smaller2 ul li ul {margin:0 0 0 15px; list-style-type:none;}
.smaller2 ul li ul li {padding:1px 0}
.smaller2 ol {margin:0 0 10px 25px; list-style-type:decimal;}
.smaller2 ol li {padding:2px 0}

.smaller3 {float:left;width:300px;}
.smaller3 h4 {padding:0 0 20px 0; margin:0; color:#333; font-size:20px; font-weight:400;}
.smaller3 h4 a:link, .smaller h4 a:active, .smaller h4 a:visited {color:#333}
.smaller3 h4 a:hover {color:#e30000; text-decoration: none}

#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-size:12px; color:#000; padding:0 10px}

#breadcrumb{width:60%; height:32px; border:0; color:#767676; margin:0; padding:0; float:left;}
#breadcrumb h2 {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:16px; line-height:32px; margin:0;}
#breadcrumb img {float:left}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {color:#333; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumb a:hover {color:#e30000; text-decoration:none; line-height:32px; float:left; border:0}

#breadcrumbd{width:60%; height:32px; border:0; color:#767676; margin:0; padding:0; float:left;}
#breadcrumbd h5 {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:16px; line-height:32px; margin:0;}
#breadcrumbd img {float:left}
#breadcrumbd a:link, #breadcrumb a:visited, #breadcrumb a:active {color:#333; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumbd a:hover {color:#e30000; text-decoration:none; line-height:32px; float:left; border:0}

.rss {position:absolute; right:15px; top:15px;}
#footer {clear:both; background: #f0f0f0; min-height:190px; padding:0; font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height:1.6em; font-size:16px; position:relative}
#footer h6 {font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1em; font-size:18px; margin:0 0 20px 0; color:#000}
#footer h6 a:link, #footer h6 a:visited, #footer h6 a:active {color:#000; text-decoration:none;}
#footer h6 a:hover {color:#af0000; text-decoration:none;}
#footer p {margin:0 0 10px 0; font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height:1.6em; font-size:16px;}
#footer ul {margin:0; list-style-type:none;}
#footer ul li {margin:0; font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height:1.6em; font-size:16px;}
#footer ol {margin:0; list-style-type:none;}
#footer ol li {margin:0; font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height:1.6em; font-size:16px;}
#footer a:link, #footer a:visited, #footer a:active {color:#444; text-decoration:none;}
#footer a:hover {color:#af0000; text-decoration:none}
.foot1 {width:240px; float:left; margin:30px 0 0 0; padding:0 0 0 30px}
.foot2 {width:240px; float:left; margin:30px 0 0 0; padding:0 0 0 30px}
.foot-tockice {display:none}
.foot-dolje {padding:20px 30px 50px 30px; border-top: 1px solid #ddd;}
.foot-potpis {float:right; font-size:16px; padding:6px 0 0 0;}


/* 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:13px; font-weight:normal; 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;}
.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-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:auto; float:right; margin:37px 0px 0 0;}

ul.mega-container{width:auto; padding:0; margin:0}
ul.mega-container li {list-style-type:none; float:left; padding:0; margin:3px 2px 0 2px; position:relative; z-index:10px}
li.mega{list-style-type:none; float:left; padding:0; margin:3px 2x 0 2px; position:relative; z-index:10px}
li.mega.mega-active {color:#e30000;}
li.mega:hover{}

/*

.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}

*/

 /* za dropdown ovo stavljeno */
ul.mega-container li ul li {float:none; display:block}


/* Basic menu item styles */

li.mega a.mega-tab:link, li.mega a.mega-tab:visited, li.mega a.mega-tab:active {color:#333333; text-decoration:none; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1em; font-size:16px; display:inline-block; padding:1px 0px 12px 20px; outline:none; position:relative; z-index:20px;}
li.mega a.mega-tab:hover {color:#e30000; text-decoration:none; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1em; font-size:16px; display:inline-block; padding:1px 0px 12px 20px; outline:none; position:relative; z-index:20px;}

a.current:link{color:#e30000; text-decoration:none; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1em; font-size:16px; display:inline-block; padding:1px 15px 12px 15px; outline:none; position:relative; z-index:20px;}
a.current:visited{color:#e30000; text-decoration:none; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1em; font-size:16px; display:inline-block; padding:1px 15px 12px 15px; outline:none; position:relative; z-index:20px;}
a.current:active{color:#e30000; text-decoration:none; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1em; font-size:16px; display:inline-block; padding:1px 15px 12px 15px; outline:none; position:relative; z-index:20px;}
a.current:hover{color:#e30000; text-decoration:none; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1em; font-size:16px; display:inline-block; padding:1px 15px 12px 15px; outline:none; position:relative; z-index:20px;}

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

/* Content container */
/* .mega-content{font-weight:300; width:975px; display:none; border:0; padding:0; position:fixed; top:95px; left: 50%; margin-left: -487px; text-align:left; color:#222; font-size:14px; z-index:6; background:#f0f0f0} */
.mega-content{font-weight:300; width:1060px; display:none; border:0; padding:0; position:absolute; top:134px; left: 50%; margin-left: -530px; text-align:left; color:#222; font-size:14px; z-index:6; background:#f0f0f0; box-shadow: 0 4px 18px 0 rgba(35, 35, 35, 0.25);}
li:hover .mega-content{display:block}
.mega-content h3{font-size:16px; border-bottom:1px dotted #666; padding-bottom:4px; margin-bottom:1em}
.mega-content ul{list-style-type:disc; margin-left:0px}
.mega-content p{margin-bottom:1em}

/* Drop Menu Styling */
.mega-menu{padding:0 !important; z-index:10000 !important;}
.mega-menu ul{list-style-type:none; margin:0}
.mega-menu li a{display:block; padding:3px 10px; color:#000; text-decoration:none; font-weight:normal; text-shadow:none; margin-bottom:.5em}
.mega-menu li:last-child a{margin-bottom:0px}
*+html .mega-menu li a{padding:8px 10px; margin-bottom:0}
.mega-menu li a.mega-sub{background-color:#transparent; color:#000; 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:#fff}
.mega-menu li{position:relative}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#f0f0f0; width:150px; padding:7px 7px 3px; z-index:1000; position:absolute; left:100%; top:0; display:none}




.donacije-sticker {position:absolute; top:-20px; right:-25px; z-index:6;}

/*ROTATOR*/
.slider {float:left; width:100% !important; height:460px;}
.slider-movie-example {width:710px;background: url(https://ipeda.hr/slike/jquery-slider-background8.png) top left no-repeat;color:#000000;padding:30px;position:absolute;bottom:100px;right:0px;font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1.6em; font-size:34px; text-shadow:1px 1px 1px rgba(255,255,255,.25); text-align:right;}
.slider-movie-example h4 {font-size:20px; color:#fff; 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:16px;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:16px;line-height:14px; text-shadow:1px 1px 1px rgba(0,0,0,.25)}
.slider2-movie-example h4 {font-size:20px; 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-size:14px;}






/* 
 * Sliding Tabs - jQuery Plugin
------------------------------------------------------------------------------------- */
div.st_horizontal{/* The main container */position:relative; clear:both; width:840px; /* 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: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:16px; line-height:18px; /* Aligns the tabs to the bottom of the content container */color:#111; text-decoration:none; outline:none; border-top:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background: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:#e30000; border-bottom-color:#fff; background:#fff}

/* Content
------------------------------------------------------------------------------------- */

div.st_horizontal div.st_view_container{/* Main content container */position:relative; z-index:5; height:auto; 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:20px; color:#e30000; margin:0 0 16px; padding:0px}
div.st_horizontal div.st_view p{margin:14px 0 0; padding:0px; font-size:16px; line-height:1.6em}
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:#e30000}
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; margin:0; padding:0; clear:both;}
#menuproizvodi a, #menuproizvodi a:visited {position:relative; display:block; width:288px; padding:5px 0; 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-size:16px; overflow:hidden;}
#menuproizvodi a:hover {color:#fff; border-top:1px solid #e30000; border-right:1px solid #e30000; border-left:1px solid #e30000; border-bottom:1px dotted #888; background-color:#e30000; 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; 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:4px 0 4px 10px; text-decoration:none; font-size:18px; font-weight: 300; margin:0}
#nav_categories2 li a:hover {color:#fff; border-top:1px solid #e30000; border-right:1px solid #e30000; border-left:1px solid #e30000; border-bottom:1px dotted #888; background-color:#e30000; text-decoration:none}
#nav_categories2 li a.aktivnakategorija {position:relative; display:block; width:288px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:1px dotted #888; background-color:#fff; color:#e30000 !important; padding:4px 0 4px 10px; text-decoration:none; font-size:18px; font-weight: 300; margin:0}

#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; clear:both;}
#nav_categories2 li ul li a, #nav_categories2 li ul li a:visited {position:relative; display:block; width:268px; 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:4px 0 4px 30px; text-decoration:none; font-size:18px; font-weight: 300; }
#nav_categories2 li ul li a:hover {color:#fff; border-top:1px solid #e30000; border-right:1px solid #e30000; border-left:1px solid #e30000; border-bottom:1px dotted #888; background-color:#e30000; text-decoration:none}
#nav_categories2 li ul li a.aktivnakategorija {position:relative; display:block; width:268px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:1px dotted #888; background-color:#fff; color:#e30000 !important; padding:4px 0 4px 30px; text-decoration:none; font-size:18px; font-weight: 300; }





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

.cc-cookies { position:fixed; width: 90%; left: 0; bottom: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 12px; font-weight: 400; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.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: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

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










.slika-scroller {width:140px; height:90px; overflow:hidden; background:#fff;}

#sivatrakagore {width:100%;background:#f0f0f0;}
#sivatrakagore2 {width:100%;background:#fff; margin:0 0 30px 0; padding:5px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#sivatrakagore-unutra {width:1170px; margin:0 auto;}

#navigationsivatrakagore {float:right; margin:5px 180px 5px 0; height:auto; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:1em; font-size:13px;}
#navigationsivatrakagore ul {margin:0; padding:0}
#navigationsivatrakagore ul li {list-style-type:none; display:inline}
#navigationsivatrakagore li a {display:block; float:left; padding:5px 0 5px 25px; color:#737373; text-decoration:none;}
#navigationsivatrakagore li a.aktiv {display:block; float:left; padding:5px 0 5px 25px; color:#e30000; text-decoration:none; background:#f0f0f0}
#navigationsivatrakagore li a:hover {color:#e30000; text-decoration:none; background:#f0f0f0}

.redizajn-logo {float:left; margin:15px 0 0 0px;}

.redizajn-kontakt-lijevo {width:500px; float:left; margin:0 30px 0 0;}
.redizajn-kontakt-desno {width:300px; float:left; margin:0;}

.ignorewigwamstajla {font-family: 'Roboto Condensed', sans-serif !important; font-weight:300 !important; line-height:1.6em !important; font-size:16px !important; text-align:justify !important;}
.ignorewigwamstajla p {font-family: 'Roboto Condensed', sans-serif !important; font-weight:300 !important; line-height:1.6em !important; font-size:16px !important; text-align:justify !important;}
.ignorewigwamstajla span {font-family: 'Roboto Condensed', sans-serif !important; font-weight:300 !important; line-height:1.6em !important; font-size:16px !important; text-align:justify !important;}




.ui-tabs-vertical {width: 100%; font-size:18px;}
.ui-tabs-vertical .ui-tabs-nav { padding:10px 0 0 10px; float: left; width: 265px;}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom: 1px solid #fff !important; border-right-width: 0 !important; margin: 0 -1px 0px 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 10px 10px 10px 31px; margin:10px 10px 10px 0; float: right; width: 730px; min-height:430px; background:#fff !important;}




.tabgumbovi {background:#f6f6f6; text-decoration: none; margin:0 !important; padding:10px 0 10px 10px !important;}
.tabpodkategorijalink {margin:0 !important; padding:0 !important;}
.tabentrylink {margin:0 !important; padding:0 !important;}
#tabs {background:#f6f6f6 !important;}

a.tabgumbovi:link, a.tabgumbovi:visited {background:#f6f6f6; text-decoration: none; margin:0 !important; padding:10px 0 10px 10px !important;}
a.tabgumbovi:active, a.tabgumbovi:hover, .ui-state-active a.tabgumbovi {color:#cb0000; background:#fff; text-decoration: none; margin:0 !important; padding:10px 0 10px 10px !important}

a.tabentrylink:link, a.tabentrylink:visited, a.tabentrylink:active {color: #767676; text-decoration: none; margin:0 !important; padding:0 !important;}
a.tabentrylink:hover {color: #767676; text-decoration: underline; margin:0 !important; padding:0 !important;}

.pomak-lijevo {margin-left:-20px !important;}

.smallerbanner {cursor:pointer;}






/* Toggle */
section.toggle {
	margin: 5px 0 0;
	position: relative;
	clear: both;
}

section.toggle > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	height: 45px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

section.toggle > label {
	-moz-border-radius: 0px;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-border-radius: 0px;
	-webkit-transition: all .15s ease-out;
	background: #F4F4F4;
	border-left: 3px solid #CCC;
	border-radius: 0px;
	color: #CCC;
	display: block;
	font-size: 1em;
	min-height: 20px;
	padding: 0;
	position: relative;
	font-weight: 400;
	transition: all .15s ease-out;
}

section.toggle > div.toggle-content {
	display: none;
	padding: 20px 15px 0 15px;
}

section.toggle > label:-moz-selection {
	background: none;
}


section.toggle > label:selection {
	background: none;
}

section.toggle > label:hover {
	background: #f5f5f5;
}

section.toggle > label + p {
	color: #999;
	display: block;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 25px;
}


section.toggle.active > label {
	background: #F4F4F4;
	border-color: #CCC;
}

section.toggle.active > label:before {
	border: 6px solid transparent;
	border-top-color: inherit;
	margin-top: -3px;
	right: 10px;
}

section.toggle > p.preview-active {
	height: auto;
}

section.toggle > p.preview-active,
section.toggle.active > p {
	white-space: normal;
}




.linkblok {display:block !important; width:100% !important; padding:12px 20px 12px 10px;}

a.tagovi:link, a.tagovi:visited, a.tagovi:active {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    color: #000000;
    font-size: 13px !important;
    margin: 0 4px 4px 0;
    padding: 0px 6px;
    text-decoration: none;
    display:inline-block;
}
a.tagovi:hover {
    background: none repeat scroll 0 0 #e30000;
    border: 1px solid #e30000;
    color: #fff;
}



.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.slicicatogle {margin:-5px 25px 0 0 !important; padding:0 !important; float:left !important;}
.slikavelikatogle {margin:0 10px 10px 0 !important; padding:0 !important; float:left !important;}

.euroventmalilogo {position:absolute !important; bottom:20px !important; right:20px !important;}

.redizajnproizvodipodnaslov {
	background: #F4F4F4;
	border-left: 3px solid #CCC;
	color: #e30000;
	font-size: 1em;
	min-height: 20px;
	position: relative;
	font-weight: 400;
display:block !important; padding:12px 20px 12px 10px;
margin: 20px 0;
}

.fontveciopiskategorije {font-size:22px !important; line-height:1.6em !important;}






/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at https://www.cssplay.co.uk/menus/cssplay-click-click-slide.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover tilde problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}
/* trigger for IE */
#menu li a.sub, body {behavior:url(https://ipeda.hr/slike/triggerx.htc)}

#menu {padding:0; margin:0; width:0; display:block !important; clear:both;}
#menu, #menu ul {padding:0; margin:0 auto; list-style:none; width:300px;}
#menu ul {position:relative; z-index:-1;}
#menu li {position:relative; position:relative; z-index:100; width:300px;}
#menu ul li {margin-top:-36px;
-moz-transition:  0.5s linear 0.5s;
-ms-transition: 0.5s linear 0.5s;
-o-transition: 0.5s linear 0.5s;
-webkit-transition: 0.5s linear 0.5s;
transition: 0.5s linear 0.5s;
}
#menu li a {display:block; width:278px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:1px dotted #888; padding-left:10px; background:#fff; color:#000; text-decoration:none; font-size:18px; font-weight:300; line-height:34px; outline:0;}
#menu li a.sub {background: #fff url(https://ipeda.hr/slike/down.png) top right no-repeat;}
#menu li a + img {display:block; width:278px; height:34px; position:absolute; right:10px; top:0; display:none; cursor:pointer;}
#menu li a:hover {background-color:#E30000; border:1px solid #E30000; color:#000;}
#menu ul li a {background:#fff; color:#000; font-size:18px; line-height:34px; border-bottom:1px dotted #888; padding-left:30px; width:258px;}
#menu ul li a:hover {background:#eee; border:1px solid #eee; border-bottom:1px dotted #888 !important; color:#000;}

#menu a.sub:focus {outline:0;background:#E30000;}
#menu a:focus ~ ul li {margin-top:0;
-moz-transition:  0.5s linear;
-ms-transition: 0.5s linear;
-o-transition: 0.5s linears;
-webkit-transition: 0.5s linears;
transition: 0.5s linear;
}
#menu a:focus + img {display:block;}

#menu a.sub:active {outline:0;background:#E30000;}
#menu a:active ~ ul li {margin-top:0;}
#menu a:active + img {display:block;}

#menu ul:hover li {margin-top:0;}



    #owl-demo .item img{
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }