/* Add here all your CSS customizations */

.body-pocetna {background: rgba(0, 0, 0, 0) url("https://ordinacijaspehar.hr/slike/spehar-background-01.png") no-repeat fixed top center;margin-top: 0;}
.body-01-protetika {  background: rgba(0, 0, 0, 0) url("https://ordinacijaspehar.hr/slike/protetika-01.jpg") no-repeat fixed top center / cover ;}
.body-01-estetika, .body-protetika02 {  background: rgba(0, 0, 0, 0) url("https://ordinacijaspehar.hr/slike/estetika-01.jpg") no-repeat fixed top center / cover ;}
.body-01-endodoncija {  background: rgba(0, 0, 0, 0) url("https://ordinacijaspehar.hr/slike/endodoncija-01.jpg") no-repeat fixed top center / cover ;}
.body-01-implantologija {  background: rgba(0, 0, 0, 0) url("https://ordinacijaspehar.hr/slike/implantologija-01.jpg") no-repeat fixed top center / cover ;}
.body-01-galerija {  background: rgba(0, 0, 0, 0) url("https://ordinacijaspehar.hr/slike/galerija.jpg") no-repeat fixed top center / cover ;}





a:hover, a:focus {color: #a6a6a6;text-decoration: none;}
.nav>li>a:hover, .nav>li>a:focus {background: transparent}


.relative {position:relative;}
.img-responsive-center {display:block;max-width:100%;height:auto;margin:0 auto;}

.clear {height:0.1px}
.clear10 {height:10px}
.clear15 {height:15px}
.clear20 {height:20px}
.clear30 {height:30px}
.clear40 {height:40px}
.clear50 {height:50px}
.clear60 {height:60px}
.clear70 {height:70px}
.clear170 {height:90px}
.clear220 {height:220px}


.margin25 {margin-top:25px;margin-bottom:25px}
.marginleft0 {margin-left:0}
.marginleft5 {margin-left:5px}
.marginleft10 {margin-left:10px}
.marginleft15 {margin-left:15px}
.marginleft20 {margin-left:20px}
.marginleft70 {margin-left:70px}
.marginleft220 {margin-left:220px}
.marginright0 {margin-right:0}
.marginright5 {margin-right:5px}
.marginright10 {margin-right:10px}
.marginright15 {margin-right:15px}
.marginright20 {margin-right:20px}
.marginright30 {margin-right:30px}
.marginright40 {margin-right:40px}
.marginright90 {margin-right:90px}
.margintop0 {margin-top:0}
.margintop5 {margin-top:5px}
.margintop8 {margin-top:8px}
.margintop10 {margin-top:10px}
.margintop20 {margin-top:20px}
.margintop15 {margin-top:15px}
.margintop17 {margin-top:17px}
.margintop20 {margin-top:20px}
.margintop30 {margin-top:30px}
.margintop50 {margin-top:50px}
.marginbottom0 {margin-bottom:0}
.marginbottom5 {margin-bottom:5px}
.marginbottom8 {margin-bottom:8px}
.marginbottom10 {margin-bottom:10px}
.marginbottom15 {margin-bottom:15px}
.marginbottom20 {margin-bottom:20px}
.marginbottom30 {margin-bottom:30px}
.margin5po {margin:5%;}
.margin3px {margin:3px;}

.paddright100 {padding-right:100px}
.padding10 {padding:10px}

.margin0auto {margin:0 auto;}
.mar-do-10 {margin-bottom:10px;}
.mar-top-bot-20 {margin:20px 0;}

.width100po {width:100%}
.width90po {width:90%}
.width80po {width:80%}
.width50po {width:50%}

.width30px {width:30px;}
.width100px {width:100px;}
.width120px {width:120px;}
.width160px {width:160px;}
.width320px {width:320px;}

.height32 {height:32px;}
.height34 {height:34px;}

.justify {text-align:justify;}
.center {text-align:center;}
.textright {text-align: right;}
.textrightvecerez {text-align: right;}
.noradi {border-radius:0}

.left {float:left !important;}
.right {float:right !important;}

.h1naslov {color:#000000; font-size:127px;font-style: normal;    line-height: 1.2em;font-weight: 100;    letter-spacing: 12px;}
.h1podnaslov {color:#000000; font-size:37px;font-style: normal;font-weight: 100;    letter-spacing: 4px;line-height:38px}
.prekologa {padding: 350px 0 35px 0}


a.crveni:link, a.crveni:visited {color:#b40415;}
a.crveni:active, a.crveni:hover {color:#d5172a;}

a.crni:link, a.crni:visited {color:#000;}
a.crni:active, a.crni:hover {color:#000;}

a.bijeli:link, a.bijeli:visited {color:#fff;}
a.bijeli:active, a.bijeli:hover {color:#fff;}

a.smedji:link, a.smedji:visited {color:#6c3d34;}
a.smedji:active, a.smedji:hover {color:#8b554a;}

a.sivi:link, a.sivi:visited {color:#767676}
a.sivi:active, a.sivi:hover {color:#969696}

a.ljubicast:link, a.ljubicast:visited {color:#6C326C}
a.ljubicast:active, a.ljubicast:hover {color:#000000}

button.btn-responsive-nav:hover, button.btn-responsive-nav:active, button.btn-responsive-nav:focus {outline: none;}

.btn-warning {background-color:#eb9134; border-color:#fcb266}
.btn-success {background-color:#6bd65c; border-color:#87e57a}
.btn-upit {background-color:#0077c3; border-color:#20c1f6; color:#fff;}
.btn-upit:hover, .btn-upit:focus, .btn-upit:active {background-color:#0057A3; color:#fff;}

.btn-forma { background-color: hsl(211, 66%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9bde", endColorstr="#1a4a7e"); background-image: -khtml-gradient(linear, left top, left bottom, from(#5e9bde), to(#1a4a7e)); background-image: -moz-linear-gradient(top, #5e9bde, #1a4a7e); background-image: -ms-linear-gradient(top, #5e9bde, #1a4a7e); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e9bde), color-stop(100%, #1a4a7e)); background-image: -webkit-linear-gradient(top, #5e9bde, #1a4a7e); background-image: -o-linear-gradient(top, #5e9bde, #1a4a7e); background-image: linear-gradient(#5e9bde, #1a4a7e); border-color: #1a4a7e #1a4a7e hsl(211, 66%, 22%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.52); -webkit-font-smoothing: antialiased; }
.btn-forma:hover, .btn-forma:focus, .btn-forma:active {background-color: hsl(211, 66%, 18%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b7cd3", endColorstr="#0f2c4c"); background-image: -khtml-gradient(linear, left top, left bottom, from(#2b7cd3), to(#0f2c4c)); background-image: -moz-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: -ms-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b7cd3), color-stop(100%, #0f2c4c)); background-image: -webkit-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: -o-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: linear-gradient(#2b7cd3, #0f2c4c); border-color: #0f2c4c #0f2c4c hsl(211, 66%, 10%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.52); -webkit-font-smoothing: antialiased; }

.btn-plusminus { background-color: hsl(193, 74%, 67%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37cafb", endColorstr="#19bcf2"); background-image: -khtml-gradient(linear, left top, left bottom, from(#37cafb), to(#19bcf2)); background-image: -moz-linear-gradient(top, #a1dff1, #19bcf2); background-image: -ms-linear-gradient(top, #37cafb, #19bcf2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37cafb), color-stop(100%, #19bcf2)); background-image: -webkit-linear-gradient(top, #37cafb, #19bcf2); background-image: -o-linear-gradient(top, #37cafb, #19bcf2); background-image: linear-gradient(#37cafb, #19bcf2); border-color: #56d5fe #56d5fe hsl(193, 74%, 64%); color: #fff !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19); -webkit-font-smoothing: antialiased; }
.btn-plusminus:hover { background-color: hsl(190, 100%, 52%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ddeff", endColorstr="#0ad6ff"); background-image: -khtml-gradient(linear, left top, left bottom, from(#3ddeff), to(#0ad6ff)); background-image: -moz-linear-gradient(top, #3ddeff, #0ad6ff); background-image: -ms-linear-gradient(top, #3ddeff, #0ad6ff); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ddeff), color-stop(100%, #0ad6ff)); background-image: -webkit-linear-gradient(top, #3ddeff, #0ad6ff); background-image: -o-linear-gradient(top, #3ddeff, #0ad6ff); background-image: linear-gradient(#3ddeff, #0ad6ff); border-color: #0ad6ff #0ad6ff hsl(190, 100%, 49.5%); color: #fff !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16); -webkit-font-smoothing: antialiased; }

.btn-vise { background-color: rgba(255,255,255,0.75); color:#6c326c;font-size:18px;    padding: 15px 55px;text-transform: uppercase;font-weight: 600; }
.btn-vise:hover { background-color: #6c326c; color:#fff;font-size:18px  }

.btn-galerija { background-color: rgba(255,255,255,0.75); color:#6c326c !important;font-size:18px;    padding: 15px 55px;text-transform: uppercase;font-weight: 600;position: absolute;top: 83%;right: 53px; }
.btn-galerija:hover { background-color: #6c326c ; color:#fff!important;font-size:18px  }


.btn-vise-entry { background: #23242b; color:#ffffff;font-size:18px;padding: 15px 35px;text-transform: uppercase;font-weight: 600;    display: inline-block; }
.btn-vise-entry:hover { background: #6C326C; color:#ffffff;font-size:18px  }

.btn-vise-entry-obrnuto { background: #6C326C; color:#ffffff;font-size:18px;padding: 8px 35px;text-transform: uppercase;font-weight: 600;    display: inline-block;border:none }
.btn-vise-entry-obrnuto:hover { background: #23242b; color:#ffffff;font-size:18px  }


.btn-galerija1 { text-align:center;background-color: rgba(255,255,255,0.75); color:#6c326c;font-size:18px;    padding: 15px 55px;text-transform: uppercase;font-weight: 600;display:inline-block }
.btn-galerija1:hover { color:#fff; background-color: #6c326c }
.btn-galerija2 { background-color: rgba(255,255,255,0.75); color:#6c326c;font-size:18px;    padding: 15px 55px;text-transform: uppercase;font-weight: 600;display:inline-block }
.btn-galerija2:hover { background-color: rgba(255,255,255,0.75); color:#6c326c;font-size:18px  }


.italic {font-style:italic;}
.caps {text-transform:uppercase;}
.nobg {background:none;}
.slika100 {max-width:100%;height:auto;}
.img-rounded {border-radius:4px;}
.padupdo40 {padding:40px 0; background:#fff;}

.text13 {font-size:13px;}
.text15 {font-size:15px;}
.text16 {font-size:16px !important;}
.text18 {font-size:18px;}
.text26 {font-size:26px;}
.textcrni {color:#000;}
.textbijeli {color:#fff;}


div.home-intro {background: #fff;	margin-bottom: 0;	overflow: hidden;	padding: 20px 0 10px 0	position: relative;	text-align: left;}


header.narrow {border-bottom:none; border-top:2px solid #000000; background:#ffffff}
header nav ul.nav-main li.active a {    background-color: transparent !important;border-bottom: 2px solid #000000;border-radius: 0;}
header {clear: both;border-top: 1px solid #fff;min-height: 70px;padding: 0 !importantmargin:0;}
header nav ul.nav-main li a {color:#000 !important;font-size: 17px;font-style: normal;line-height: 20px;margin-left: 56px;margin-right: 56px;text-transform: uppercase;font-weight: 400;padding: 8px 0px;font-family:open sans;letter-spacing:0px;border-bottom: 2px solid #ffffff;}
header nav ul.nav-main li a:hover {color:#000 !important;    background: transparent !important;    border-bottom: 2px solid #000000;    border-radius: 0;}
header nav ul.nav-main li a.active {color:#000 !important;    background: transparent !important;    border-bottom: 2px solid #000000;    border-radius: 0;}



.ordinacijaslika {background-image: url("https://ordinacijaspehar.hr/slike/slika-ordinacije-pocetna.jpg");    background-position:center bottom;    background-repeat: no-repeat;    background-size:contain;    height: 387px;    padding: 0;}

.onamaslika {    background-image: url("https://ordinacijaspehar.hr/slike/onama-pozadina-01.png");    background-position: center left;    background-repeat: no-repeat;    background-size: cover;    height: 870px;    padding: 0;}
.onamablock {padding: 50px 50px 50px 50px;    color: #fff;    font-weight: 100;    font-size: 1.4em;}
.onamablock h2 {font-size:39px; color:#ffffff;font-weight: 400;}
.onamablock p {line-height: 72px;font-size: 50px;margin: 120px 0 45px 116px;font-style: italic;font-family: 'Open Sans', sans-serif;}


.kontaktslika {    background-image: url("https://ordinacijaspehar.hr/slike/kontakt-pozadina.png");    background-position: center center;    background-repeat: no-repeat;    background-size: auto auto;    height: 450px;    padding: 0;}
.kontaktblock {padding: 50px 100px 50px 50px;    color: #fff;    font-weight: 100;    font-size: 1.4em;}
.kontaktblock h3 {font-size:39px; color:#ffffff;font-weight: 400;}
.kontaktblock p {line-height: 29px;}


.clearpocetna {height:100px}
.clearpocetna-ord {height:240px}
.clearpocetna-ord-dolje {height:30px; display:none}
.padding-right-box {padding-right:0}
.padding-left-box {padding-left:0}
.margin-left-box100 {margin-left:100px}
.clearfoot {height:160px}


.goremalo {    position: relative;;    margin: -243px auto 0;    position: relative;    z-index: 4;}
.bijelapozadina {background: rgba(255,255,255,0.8) !important}
.bijelapozadina h1 {font-size:39px; font-weight:400;    padding: 0;}
.bijelapozadina h1 a {color:#000000}
.bijelapozadina p {color:#000000}

.bijelapozadina-full {background: rgba(255,255,255,1) !important;    padding: 80px 0 90px 0;}
.bijelapozadina-full h1 {font-size:39px; font-weight:400;    padding: 0;    text-transform: uppercase;}
.bijelapozadina-full h1 a {color:#000000}
.bijelapozadina-full p {color:#000000}


/*NOVO za pozadine i izbornik*/
header.narrow {background:transparent}
header.fixed {background:#ffffff}
header nav ul.nav-main li a {    border-bottom: 2px solid transparent;}

.sivapozadina-text02 { padding: 50px 80px 50px 50px;background: rgba(35,36,43,1);color: #fff;    margin-top: -65px;}
.bijelapozadina-text02 {background: rgba(255,255,255,1);padding: 50px;    margin-top: -155px;}

.bijelapozadina-text01 {padding: 0 80px 50px 50px;background:  rgba(255,255,255,1); margin-top: -65px;}
.sivapozadina-text01 {background: rgba(35,36,43,1);color: #fff; padding: 50px;    margin-top: -155px;}

.sivapozadina-text03 { padding: 50px 80px 50px 50px;background: rgba(35,36,43,1);color: #fff;    margin-top: 65px;}
.bijelapozadina-kontakt { padding: 50px 80px 50px 15px;background:  rgba(255,255,255,1); margin: 65px 0 65px 50px;}


.bijelagalerija-text01 {padding: 50px ;background:  rgba(255,255,255,1); margin-top: -65px;}
.bijelagalerija-text01 h2 {    text-transform: uppercase;    margin-bottom: 25px;}
.sivagalerija-text01 {padding: 50px ;background:  rgba(35,36,43,1); margin-top: -65px;}
.sivagalerija-text01 h2 {    text-transform: uppercase;    margin-bottom: 25px;color:#fff !important}




.bijelapozadinagalerija {background: rgba(255,255,255,1) !important}

.tekst-ispodh1 {margin-top: 20px;font-size: 25px;font-style: italic;color: #000;font-weight: 100;line-height:29px}
.uvodna-tekst {padding-left:30px}
.pomak-lijevo50 {padding-left:66px}

/*kraj NOVO*/


.breadcrumb-novi {color:#000; background:transparent; list-style:none;padding-left: 0;font-size: 12px; margin:30px 0 0 0; padding:10px 0;}
ul.breadcrumb-novi li {display:inline; color:#6C326C;}
.breadcrumb-novi a:link, .breadcrumb-novi a:visited, .breadcrumb-novi a:active, .breadcrumb-novi a:hover {color:#000;}




.bigtar {cursor:pointer;}
.nomargin {margin:0 !important;}
#content {background:transparent;}

/*ENTRY*/
.entry h4, h4.poveznice {font-size: 14px;color:#000}
.entry h2 {font-size:39px; font-weight:400;    padding: 0;color:#000}
.itemdiary {width: 23%;}
.slikadiary {width:100% !important; height:auto !important; min-height:auto !important; margin-bottom:20px; border:1px solid #ddd;}
.gutter-sizer {width: 2%;}
.itemdiary-manja {width: 48%;}
.bijelapozadina-box{    padding-right: 0;}
.bijelapozadina-text {    padding: 50px 50px 50px 0;background: rgba(255,255,255,1);}
.sivapozadina-text {background: rgba(35,36,43,1);padding: 50px;margin-top:92px}
.sivapozadina-text p {color: #fff}
.bijelapozadina-dokumenti {padding: 50px;margin: 15px 0 0 0;background: rgba(255,255,255,1);}


.poveznice {margin:5px 0;}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {
    background: transparent;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    color: #000000;
    font-size: 12px !important;
    margin: 0 4px 4px 0;
    padding: 1px 5px;
    text-decoration: none;
    display:inline-block;
}
a.tagovi:hover {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #bdbdbd;
    color: #000000;
}



/*FOOTER*/
div.footer-copyright nav {float: none;}
.footer-copyright nav ul li a:link, .footer-copyright nav ul li a:visited, .footer-copyright nav ul li a:active, .footer-copyright nav ul li a:hover {color:#2b71a7}
.footpad {padding:0 35px;font-size:16px}
footer {	background: #23242b;	font-size: 0.9em;	margin-top: 0;	padding: 45px 0 0;	position: relative;	clear: both;        color:#a7a9ac;        border-top: 4px solid #1F1F1F;font-weight: 100;}
div.footer-copyright {	background: #23242b;	margin-top: 0;	padding: 15px 0 15px;        color:#a7a9ac;        font-size:11px;        border-top: none;font-weight: 100;}
div.footer-copyright nav {	float: right;}
div.footer-copyright nav ul {	list-style: none;	margin: 0;	padding: 0;}
div.footer-copyright nav ul li {	border-left: 1px solid #2b71a7;	display: inline-block;	line-height: 12px;	margin: 0;	padding: 0 8px;}
div.footer-copyright nav ul li:first-child {	border: medium none;	padding-left: 0;}
div.footer-copyright p {        color:#a7a9ac;	margin: 0;	padding: 0;	font-size:12px}


.error_message {color:#AF0202;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5); font-weight:400;}
.success_message {color:#027c30;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5); font-weight:400; font-size:20px;}

.cc-cookies {
    background: none repeat scroll 0 0 rgba(255,255,255, 0.85);
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 10px 5%;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  z-index: 99999;
  text-align: center;
}
.cc-cookies a, .cc-cookies a:hover {
    color: #000000;
    text-decoration: underline;
}
.cc-cookies a:hover {
    text-decoration: none;
}
.cc-overlay {
    height: 100%;
    padding-top: 25%;
}
.cc-cookies-error {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #333;
    float: left;
    font-size: 18px;
    margin: 1em 0 2em;
    padding: 2em 5%;
    text-align: center;
    width: 90%;
}
.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:#23242b;padding:0.5em 0.75em;border-radius:0;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}


.sivapozadina-text02 h2.bijeli-naslov a {color: #fff !important; font-size: 22px; }
.bijelapozadina-text02 h2.crni-naslov a {color: #23242b !important; font-size: 22px;}
.sivapozadina-text02 h2.bijeli-naslov, .bijelapozadina-text02 h2.crni-naslov {line-height: 0.8;}
.gumb-rjecnik:hover + .otvori-dropdown, .otvori-dropdown:hover {display: block;}
.otvori-dropdown {margin: 0;}
.rjecnik-min-vis {min-height: 260px;}
a.btn.dropdown-toggle.gumb-rjecnik {background: #6c326c; color: #fff; border-radius: 0;}
ul.dropdown-menu.otvori-dropdown {border-radius: 0;}
.btn-vise-entry-bijeli {background: #fff; color: #000;}
.btn-vise-entry-desno {float: right;}
.panel.poveznice-pozadina {background: transparent;}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {background: transparent; border: 0; margin: 0; padding: 0 5px;}
div#accordion h4 a {font-size: 12px !important; font-weight: 400; padding: 0;}
.poveznice-pozadina .panel-body {padding: 0;}
.poveznice, .poveznice a {font-size: 12px; color: #000 !important;}
.poveznice {margin: 0; margin-bottom: 5px;}
a.potpis-sivi-linkovi {color: #a7a9ac !important;}
a.potpis-sivi-linkovi, .footer-copyright a {color: #ddd !important;}
a.potpis-sivi-linkovi:hover, .footer-copyright a:hover {color: #fff!important;}
h4.poveznice {font-weight: normal;}
li.active-bars.nav-bars a:hover {border: 0;}
.btn-max-width {width: 100%;}
.detaljne-logo {margin: 0 auto;}
.breadcrumb-novi {padding: 0;}
span.spehar-naslov {font-size: 23px; color: #000;}
