/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}
.clear80 {clear:both; height:80px;}
.clear100 {clear:both; height:100px;}


.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:13px;}
.breadcrumb {color:#fff;}
ul.breadcrumb li a {color:#fff;}


.breadcrumb-footer > li + li::before {content: none}
.breadcrumb-footer {font-size:12px;}
.breadcrumb-footer {color:#000;}
ul.breadcrumb-footer li a {color:#000;}
.breadcrumb-footer>li {
    display: inline-block;
}

.glavna-tekst {text-align:left;}
.glavna-tekst img {display:block; max-width:100%; height:auto;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#FF4500;}
.success_message2 p {font-size:2em; font-weight:700; color:#FF4500;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight:500; margin: 0 0 28px 0;}
h2.entry a {color: #000;}
.glavna-tekst {text-align:left;}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; 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; }




/* SPECIFIC */

body {color:#484848;}
p {color:#484848;}

#header {
    position: relative;
    z-index: 100;
    margin-top: 0px;
}

#header .header-top ul.nav-top li a {padding: 4px 6px;}

#header .header-nav-main { float: left; margin-left: 100px; margin-right: 48px; margin-top: 0px; margin-bottom: 0px; max-height: 80px; }

#header .header-body {
    background: #FFF;
    border-top: 0px solid #EDEDED;
    border-bottom: 0px solid transparent;
    padding: 0px 0;
    -webkit-transition: min-height 0.3s ease;
    -moz-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
    width: 100%;
    z-index: 1001;
    min-height: 0px;
}

#header.flat-menu nav ul.nav-main > li.nav-img-holder a:hover {
background: none;
}

.header-nav-main nav > ul > li.active, .header-nav-main nav > ul > li:hover  {
    background: url("https://cid-nova.hr/slike/plain-triangle.gif") center 59px no-repeat;
}


.nav-img-holder-rel-div {
    position: relative;
    margin-top: 15px;
}

body.sticky-menu-active #header.flat-menu ul.nav-main li.nav-img-holder {
    position: absolute;
    top: -70px;
    z-index: 10;
}

#header.flat-menu nav ul.nav-main > li.nav-img-holder a:hover {
background: none;
}

#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {
    color: #000;
}

#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    background: transparent;
    padding: 25px 26.4px 26px;
    margin: 0px 0 0px;
}

#header .header-nav-main nav > ul > li > a {
    border-radius: 0px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 13px;
    text-transform: uppercase;
    color: #000;
}

#header .header-nav-main nav > ul > li > a:hover {
    color: #000 !important;
}

#header .logo {
    display: none;
}

html.sticky-header-active #header .header-body {
    border-bottom: 3px solid #000;

}

#footer {margin-top:0}

#footer ul.simple-post-list li {padding:5px 0; border:none;}

#footer .contact i {float:right; margin:7px 0 10px 8px;}

#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}

.usluge-naslov {height:81px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:300;}
.usluge-tekst {height:75px; line-height:25px; font-size:14px; font-weight:300; margin-top:10px}

ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:36px; color:#fff;}

ul.footerprojekti li span {color:#484848 !important;}


.posaljite-upit {padding:60px 0 40px 0;}

.slider-gumb {padding:15px; font-size:18px; font-weight:600;}

.podloga-header {
    background: url("https://cid-nova.hr/slike/podloga-header.jpg") center center no-repeat;
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 120px;
    min-height: 700px;
    color: #fff;
    max-height: 1100px;
}

.citati-tekst p {
font-size: 1.1em;
color: #fff;
line-height: 32px;
font-style: italic;
}

.citati-naslov {
font-size: 14px;
color: #fff;
line-height: 24px;
text-transform: uppercase;
}

.linija-centar img {
margin: 0 auto;
diaplay: block;
}

.izdvojeno-podloga {
padding-top: 30px;
background-color: rgba(0, 0, 0, 0.4);

}

.izdvojeno-pozadina h4 a {
font-size: 14px;
color: #000;
font-weight: 900;
line-height: 24px;
text-transform: uppercase;
}

.izdvojeno-pozadina h4 {
height: 46px;

}

.izdvojeno-pozadina {
    background-color: #fff;
    width: 250px;
    margin: 0 auto;
    padding: 15px;
    height: 210px;
}



.izdvojeno-playa-pozadina h4 a {
font-size: 14px;
color: #000;
font-weight: 700;
text-transform: uppercase;
}

.izdvojeno-playa-pozadina h4 {
height: 56px;
line-height: 18px;

}

.izdvojeno-playa-pozadina {
    background-color: #fff;
    margin: 0 auto;
    padding: 15px;
    height: 210px;
}



.izdvojeno-autor {
font-size: 14px;
color: #000;
font-style: italic;
height: 42px;
}

.izdvojeno-cijena {
font-family: 'Open Sans', sans-serif;
color: #1b7100;
font-weight: bold;
font-size: 16px;
}

.izdvojeno-zajedno {
opacity: 0.6;
}

.izdvojeno-zajedno:hover {
opacity: 1;
}

.owl-theme .owl-dots {
    text-align: center;
    float: none;
    margin: 0 auto;
    position: absolute;
    display: block;
    width: 100%;
    margin-top: -617px;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    border: 1px solid #6b6b6b;
    background: transparent;
    }
    
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #373f50;
}

.owl-carousel.show-nav-title .owl-nav {
    top: 0;
    right: 0;
    width: 100%;
    margin-top: 162px;
}

.owl-carousel .owl-nav .owl-next:before {
    font-family: FontAwesome;
    content: "\f0da";
    position: relative;
    left: 2px;
    top: 1px;
}

.owl-carousel .owl-nav .owl-prev:before {
    font-family: FontAwesome;
    content: "\f0d9";
    position: relative;
    left: 2px;
    top: 1px;
}

.owl-carousel.show-nav-title .owl-nav [class*="owl-"] {
    color: #4d4f51;
}
.owl-carousel.show-nav-title .owl-nav [class*="owl-"], .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:active {
    font-size: 18px;
    background: transparent !important;
    width: 18px;
    font-size: 42px;
}

.owl-carousel.show-nav-title .owl-nav .owl-prev {
    left: -48px;
}

.owl-carousel .owl-nav .owl-next {
    right: -30px;
}

.podloga-onama {
    background: url("https://cid-nova.hr/slike/podloga-onama.jpg") center center no-repeat;
    background-size: cover;
    padding-bottom: 110px;
    padding-top: 110px;
    min-height: 490px;
    color: #fff;
    margin-top: -50px;
}

.onama-poc-box {
padding: 52px 56px 32px 56px;
border: 1px solid #fff;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
}

.onama-poc-box p {
font-size: 1.2em;
font-style: italic;
line-height: 34px;
color: #fff;
}

.podloga-dno {
    background-color: #000;
    padding-top: 100px;
    color: #fff;
}

.podloga-dno h3 {
text-align: center;
font-size: 1.2em;
color: #dfdfdf;
margin-bottom: 21px;
}

.kontakt-tekst-poc p {
color: #72767b;
font-style: italic;
line-height: 26px;
}

.kontakt-tekst-poc p a {
color: #72767b;
line-height: 26px;
}

.google-map {
    height: 500px;
    margin: 0px 0 0px 0;
    width: 100%;
    opacity: 0.6;
}

.lajna-karta {
padding: 26px;
background-color: #000;
color: #fff;
width: 100%;
font-family: 'Open Sans', sans-serif;
text-align: center;
text-transform: uppercase;
font-size: 1.2em;
letter-spacing: 1px;
}

#footer {
    background: #000;
    border-top: 0px solid #000;
}

#footer .footer-copyright {
    background: #000;
    border-top: 0px solid #000;
    margin-top: 0px;
    padding: 0px 0 0px;
}

.crta-desno {
    background: rgba(0, 0, 0, 0) url("https://cid-nova.hr/slike/border-vertical.png") no-repeat scroll 100% 0;
    height: auto;
    text-align: right;
    min-height: 350px;
}

.paddingright30 {
    padding-right: 20px;
}

ul.footer-ul li {
text-align: left;
list-style-type: none;
color: #72767b;
}

ul.footer-ul li a {
color: #72767b !important;
font-style: italic;
font-size: 1.1em;
}

ul.footer-ul {

}

#footer h1 {
color: #72767b !important;
font-style: italic;
font-size: 1.2em;
line-height: 24px;
margin: 0 0 22px 0;
}

.newsletter-text {
font-style: italic;
font-size: 1.1em;
color: #72767b;
}

.form-control-newsletter {
    padding: 20px 12px !important;
    background-color: #101112 !important;
    font-style: italic !important;
    border: 1px solid #777b82 !important;
    text-align: center !important;
    color: #ccc;
}

.btn-newsletter {
    display: inline-block;
    padding: 10px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    background-color: #3f4042;
    border: 1px solid #6a6e75;

}

.btn-newsletter:hover {
    color: #fff;
    background-color: #424345;

}

.crta-desno-01 {
    background: rgba(0, 0, 0, 0) url("https://cid-nova.hr/slike/border-vertical-01.png") no-repeat scroll 100% 0;
    height: auto;
    background-position-y: -25px;
    text-align: right;
    min-height: 124px;
}

.social-icons {
    margin: 10px auto 0;
    display: block;
    text-align: center;
}

.social-icons a img.social-ikone {
margin-left: 8px;
}



ul.biblioteke-ul li {
text-align: center;
list-style-type: none;
color: #72767b;
line-height: 26px;
}

ul.biblioteke-ul {
padding: 0px;
}

ul.biblioteke-ul li a {
color: #72767b !important;
font-style: italic;
font-size: 14px;
}

.page-header {
    background: url(https://cid-nova.hr/slike/header-detaljnije.jpg);
    background-size: cover;
    border-bottom: 0;
    border-top: 0;
    padding: 86px 0 20px;
    margin: 0 0 50px 0;
}

section.page-header h1 {
    border-bottom-color: #8b6ad4;
}

.google-map-kontakt {
    height: 460px;
    margin: 0px 0 0px 0;
    width: 100%;
    opacity: 1;
}

.katalog-pozadina h3 a {
font-size: 14px;
color: #000;
font-weight: 900;
line-height: 24px;
text-transform: uppercase;
}

.katalog-pozadina h3 {
height: 46px;

}

.katalog-pozadina {
    background-color: #eee;
    width: auto;
    max-width: 240px;
    margin: 0 auto;
    padding: 12px;
    height: 228px;
}

.katalog-autor {
font-size: 14px;
color: #000;
font-style: italic;
height: 45px;
}

.katalog-cijena {
font-family: 'Open Sans', sans-serif;
color: #8b6ad4;
font-weight: bold;
font-size: 16px;
}

.katalog-zajedno {
opacity: 0.9;
}

.katalog-zajedno:hover {
opacity: 1;
}

.pagination > .active > a, body.dark .pagination > .active > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #000 !important;
    border-color: #000 #000 #000;
}

.pagination > .active > a:active, body.dark .pagination > .active > a:active, .pagination > .active > a:focus, body.dark .pagination > .active > a:focus, .pagination > .active > a:active:hover, body.dark .pagination > .active > a:active:hover, .pagination > .active > a:active:focus, body.dark .pagination > .active > a:active:focus {
    border-color: #000 #000 #000;
    background-color: #000 !important;
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #000;
}

h2.knjiga-det {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 6px 0;
}

.autor-det {
    font-size: 1.16em;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0;
}

.knjiga-glavno {
font-size: 1.1em;
line-height: 26px;
}

.knjiga-cijena {
    font-size: 1.3em;
    background-color: #eee;
    line-height: 27px;
    padding: 12px;
}

.knjiga-cijena span {
font-size: 1.3em;
color: #8b6ad4;
font-weight: 700;
}

.btn-naruci {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #8b6ad4;
    border-color: #8b6ad4 #8b6ad4 #8b6ad4;
    width: 100%;
    padding: 10px;
    font-size: 1.1em;
}

.btn-naruci:hover {
    background-color: #7151bc;
    color: #fff !important;
}

html body .tabs.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs.tabs-bottom .nav-tabs li a:hover, html body .tabs.tabs-bottom .nav-tabs li.active a, html.dark body .tabs.tabs-bottom .nav-tabs li.active a, html body .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs.tabs-bottom .nav-tabs li.active a:hover, html body .tabs.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs.tabs-bottom .nav-tabs li.active a:focus {
    border-bottom-color: #000;
    padding: 8px 52px;
    color: #000;
}

.tabs.tabs-simple .nav-tabs > li a, .tabs.tabs-simple .nav-tabs > li a:hover, .tabs.tabs-simple .nav-tabs > li a:focus {
    padding: 8px 52px;
    color: #000;
    border-bottom-color: #ccc;
}

.povezano-naslov {
background-color: #000;
width: 100%;
color: #fff;
font-size: 1.1em;
padding: 12px;
}

.google-map-prodajna {
    height: 230px;
    margin: 0px 0 0px 0;
    width: 100%;
    opacity: 1;
}


.prodajna-zajedno h3 a {
    font-size: 0.8em !important;
    color: #000 !important;
    font-weight: 400;
    line-height: 24px;
    text-transform: none;
    margin-bottom: 6px;
}

.prodajna-zajedno h3 {
    margin-bottom: 18px;
}

.prodajna-zajedno {
text-align: left;
}


#footer {
padding: 0px 0px;
}

.tabs.tabs-simple .nav-tabs {
    border: 0;
    margin-bottom: 10px;
    float: left;
}

h2.entry-biblioteke {font-weight:500; margin: 0 0 28px 0;}
h2.entry-biblioteke a {color: #000;}

.euro-cijena {display: block;font-size: 0.9em;line-height: 20px;}
.euro-cijena-lt {text-decoration: line-through;color: #868686;}
.euro-cijena-det {font-size: 0.9em;line-height: 20px;}
.cijena-right .euro-cijena-lt {color: #C4C4C4;}
.euro-cijena-cart {color: #868686;font-size: 0.7em;}
.ukupnocijena span.euro-cijena {border-bottom: 0 !important;}

.izdvojeno-pozadina {height: 230px;}
.katalog-pozadina {height: 248px;}
.izdvojeno-playa-pozadina {height: 230px;}
.knjiga-cijena span.euro-cijena {font-size: 0.9em;}