/*
Theme Name: Dom zdravlja Novi Beograd 1.2.2
Theme URI: http://www.dznbgd.com/
Author: virtu studio
Author URI: http://www.virtu.rs/
Description: Wordpress tema za Dom zdravlja Novi Beograd
Version: 1.2.2
*/

/*  
html5doctor.com Reset Stylesheet v1.6.1 
Last Updated: 2010-09-17 
Author: Richard Clark - http://richclarkdesign.com  
Twitter: @rich_clark 
*/ 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; background:transparent; } 
body {line-height:1; } 
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} 
nav ul {list-style:none; } 
blockquote, q {quotes:none; } 
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none; } 
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; } 
ins {background-color:#ff9;color:#000;text-decoration:none; } 
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold; } 
del {text-decoration: line-through; } 
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help; } 
table {border-collapse:collapse;border-spacing:0; } 
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0; } 
input, select {vertical-align:middle; }


/* --- GLOBAL --- */

body{background: #00497f url(images/body-bg.jpg) no-repeat center top; color: #707070; margin: 0 auto;font: 14px/150% 'Noto Sans', sans-serif;
}
#container{background: #c8c8c8 url(images/container-bg.png) no-repeat;margin: 93px auto 50px;border-radius: 15px;padding: 0 30px;box-shadow: inset 0px 2px 7px #fff, 0 2px 7px #131316;}
#content{margin: 0 auto;background: url(images/content-bg.png) repeat-y;padding:50px 0 30px;box-shadow: 0 2px 7px #a1a1a1;}
#container, #content{width: 960px;}
#main{width: 630px;margin: 0 30px;}
.left, .alignleft{float: left;}
.right, .alignright{float: right;}
.clear{clear: both;}
.clearfix:after {content: "";display: table;clear: both;}
.alignleft{margin-right: 15px;}
.alignright{margin-left: 15px;}
.aligncenter{margin: 0 auto;}
.izdvajamo{background-color: #fef6d2;border-radius: 10px;text-align: center;border: 5px solid #fdd180;padding: 20px;font-style: italic;color: #7e6b5d;font-size: 16px;line-height: 1.5;margin-top: 20px;}
ol{margin-left: 30px;}
.page-cobtent ol li, .page-content ul li{padding-bottom: 5px;}
.page-content ul li, .post ul li{list-style:circle;}
.breadcrumbs{padding-top: 10px;margin-bottom: 5px;font-size: 12px;color: #707070;}
.time{font-size: 12px;}
.logo a, #menu-sidebar-meni a{text-decoration: none;}
p{margin-bottom: 10px;}
a{color: #376583;}
a:hover, .sluzbe h4:hover{color: #333;text-decoration: none;}
a img { -webkit-transition-property: opacity; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease-out; }
a img:hover {opacity:0.7;}
.menu a{font-weight: bold;}
h1,h2,h3,h4{color:#0078aa}
h1{font-size: 24px;margin-bottom: 20px;line-height: 28px;}
h2{line-height: 26px;font-size: 22px;margin-bottom: 10px;}
h3{margin: 20px 0 10px;font-size: 18px;}
h4{font-size: 16px;margin-bottom: 10px;}
pre{font-size:12px;padding: 10px;border: 1px solid #ddd;background-color: #eee;border-radius: 5px;margin-bottom: 20px;word-wrap: break-word;}
.page-content ul, .post ul{padding-left: 30px;}
.wp-pagenavi{text-align: center;}

/* --- HEADER --- */

#header{width: 960px;margin: 0 auto;}
.logo{width: 340px;height: 80px;background: url(images/dom-zdravlja-logo.png) no-repeat;margin-top: 45px;}
.logo h1, .logo a{padding-left: 130px;font-size: 24px;line-height: 34px;color: #1d65af;font-weight: bold;display: block;margin: 0;}
.logo h5{padding-left: 130px;font-size: 13px;line-height: 15px;padding-top: 10px;}
#nav-small{width: 273px;height:35px;float: right;background-color: #fff;opacity: 0.8;border-radius: 15px;}
#nav-small a{margin-left: 21px;width: 65px;padding-top: 8px;}
#nav-small a{float: left;text-decoration: none;}
.wpt_inline {text-align: right;margin-right: 25px;}
div.wpt_inline a {float: right !important; display: inline-block;}

/* --- NAVIGATION --- */
#nav-main{width: 960px; height: 55px;}
#nav-main a{text-decoration: none;}
.mainlink{display: block;position: relative;margin: 10px 40px 0 0;float: left;font-size: 16px;padding: 10px 20px 0 0;text-shadow: 0 1px 0 #fff;}
.arrow{background: url(images/arrow.png) no-repeat right 20px;}
.home-page a {text-indent:-9999px;display: block;background: url(images/home-page.png) no-repeat;width: 20px;height: 17px;}
.home-page a:hover{background: url(images/home-page.png) no-repeat center bottom;}
.menu-item-68{margin-left: 265px;}
.navigation-bg{background: url(images/navigation-bg.png) no-repeat;width: 246px;height: 100px;position: absolute;margin: 0 auto;margin-left: 357px;margin-top: 15px;}

.mainlink > ul.sub-menu{width:500px;position:absolute;left:-9999px;z-index:20;background-color:#e4f5fb;border-radius: 0 0 8px 8px;padding: 20px 0 20px;border: 1px solid #c5c5c5;}
.mainlink:hover > ul.sub-menu{left:0;}
.menu-column{float: left; width: 250px}
.menu-column li {padding: 5px 15px;}
.menu-column a {font-size: 12px;font-weight: bold;display: block; }
.menu-item-473 .sub-menu a, .menu-item-927 .sub-menu a{font-weight: normal;}
#menu-item-418 .sub-menu, #menu-item-18 .sub-menu{width: 210px;}

#menu-item-695 > a, #menu-item-694 > a,#menu-item-707> a, #menu-item-710 > a, #menu-item-718 > a{display: none;}

/* --- SIDEBAR --- */
#sidebar{width: 210px; margin: 0 30px;}
#menu-sidebar-meni li{list-style-type: none;margin-bottom: 30px;font-size: 18px;width: 200px;height: 80px;}
#menu-sidebar-meni li a{padding-left:70px; height: 55px;display: block;}
.menu-item-9719 a ,.menu-item-966 a, .menu-item-992 a,.menu-item-1711 a{padding-top: 15px;}
.menu-item-979 a, .menu-item-994 a,.menu-item-3314 a{padding-top: 15px;}
#menu-sidebar-meni .menu-item-9719{background-image: url(images/sidebar-bg-covid.png);}
#menu-sidebar-meni .menu-item-966{background-image: url(images/sidebar-bg-izaberite-lekara.png);}
#menu-sidebar-meni .menu-item-979{background-image: url(images/sidebar-bg-lekarska-uverenja.png);}
#menu-sidebar-meni .menu-item-992{background-image: url(images/sidebar-bg-seamans-book.png);}
#menu-sidebar-meni .menu-item-994{background-image: url(images/sidebar-bg-zakazivanje.png);}
#menu-sidebar-meni .menu-item-1711{background-image: url(images/sidebar-bg-edukacija.png);}
#menu-sidebar-meni .menu-item-3314{background-image: url(images/sidebar-bg-online.png);}

.accreditation{margin-bottom: 30px;}
.accreditation p{font-size: 12px;line-height: 16px;}

/* --- HOME --- */
.slajder img{border-radius:5px;overflow: hidden;}
.news{margin-top: 30px;}
.vest,.javne-nabavke{width: 300px;margin: 0 30px 20px 0}
.last{margin-right: 0;}
.javne-nabavke{margin-bottom: 10px;}
.vest img{border: 1px solid #d1d1d1;width: 300px;}
.separator{height: 5px;width: 630px;background:url(images/separator.png) repeat-x;margin: 5px 0 15px;}
.horizontalna{width: 300px;height: 150px;margin-bottom: 10px;}
.javne-nabavke h4{margin-top: 0;padding-right: 70px;}

/* --- FOOTER --- */
#footer{height: 280px;background: url(images/bg-footer.png) no-repeat;width: 1020px;margin-left: -30px;border-radius: 15px;}
.footer-info{margin-left: 290px;padding-top: 30px;width: 280px;}
.footer-kontakt{width: 250px;height: 165px;background-color: #fff;margin-left: 690px;opacity: 0.9;}
#footer p{margin-bottom: 0;}
.footer-info h3{padding: 20px 0 0 10px; margin-bottom: 20px;}
.footer-kontakt h2{padding-top: 15px;}
.footer-kontakt h2,.footer-kontakt p{padding-left: 25px;}

/* --- SLUZBE --- */
.sluzbe{width: 200px;margin-bottom: 20px;margin-right: 15px;text-align: center;}
.last{margin-right: 0}
.page-content img, .single-post img, .sluzbe img{border-radius: 5px;margin-bottom: 10px;overflow: hidden}
.page-content img, .tabela, .info, .single-post img, .sluzbe img{box-shadow: 0 3px 5px #a1a1a1;}

/* TABELE */
.parent-pageid-11 .tabela{width: 390px;}
.tabela{margin-bottom: 40px;border-radius: 5px;color: #fff;}
.tabela h4{margin-bottom: 0;}
.naslov{border-radius: 5px 5px 0 0;background-color: #0078aa;padding: 10px 15px;}
.plava{background-color: #7bcbe1;}
.plava .naslov{background-color: #2aabce;}
.crvena{background-color: #e30613}
.crvena .naslov{background-color: #c00d0d;}
.zelena{background-color: #5ebe81;}
.zelena .naslov{background-color: #31ac5e;}
.roze{background-color: #f6b4c7;}
.roze .naslov{background-color: #f086a4;}
.petrolej{background-color: #61c0bc;}
.petrolej .naslov{background-color: #009a93;}

/* INFORMACIJE */
.informacije{float: right;width: 210px;margin-left: 20px;}
.informacije h4{margin-bottom: 0;}
.info{background: #fef3c7 url(images/bg-informacije.png) repeat-y;width: 186px;border-radius: 5px;border: 2px solid #c8bea3;padding: 10px;text-align: center;margin-bottom: 20px;}
.info h4{color: #ec6608;}
.info p{line-height: 20px;margin-bottom: 21px;} 
.tabela p{padding: 15px;margin-bottom: 5px;}
.tabela h4,.tabela a{color: #fff;}
.radno-vreme h4{background: url(images/icon-time.png) no-repeat;}
.adrese h4{background: url(images/icon-address.png) no-repeat;}
.telefoni h4{background: url(images/icon-phone.png) no-repeat;}
.osoblje h4{background: url(images/icon-osoblje.png) no-repeat;}
.radno-vreme h4,.adrese h4,.telefoni h4,.osoblje h4{background-position: 51px 0;padding-top: 87px;}

/* --- IZABRANI LEKARI --- */
.izabrani-lekari{width: 150px;height: 50px; padding-top: 100px; float: left; text-align: center;margin-right: 10px; border-radius: 10px;background: #fff url(images/izabrani-lekari-opste-medicine.jpg) no-repeat;margin-bottom: 20px;}
.izabrani-lekari a{background-color: rgba(255,255,255,0.7);display: block;width: 150px;height: 50px;}
.izabrani-lekari a:hover{background-color: rgba(255,255,255,0.9)}
.il-ginekologija{background-image: url(images/izabrani-lekari-ginekologije.jpg);}
.il-pedijatrija{background-image: url(images/izabrani-lekari-pedijatrije.jpg);}
.il-stomatologija{background-image: url(images/izabrani-lekari-stomatologije.jpg);margin-right: 0;}


/* --- DOKUMENTI --- */
.dokument h4{font-size: 14px;margin-left: 30px;width: 470px;}
a[href$=".PDF"], a[href$=".pdf"] {padding:10px 0 10px 40px;background: url("images/icon-pdf.png") left center no-repeat;line-height: 20px;}
a[href$=".doc"], a[href$=".DOC"],a[href$=".docx"], a[href$=".DOCX"] {padding:10px 0 10px 40px;background: url("images/icon-word.png") left center no-repeat;}
a[href$=".xls"], a[href$=".XLS"],a[href$=".xlsx"], a[href$=".XLSX"] {padding:10px 0 10px 40px;background: url("images/icon-excel.png") left center no-repeat;}
.dokument .time{width: 50px;float: left;}


/* --- KONTAKT --- */
.wpcf7{width: 310px;float: left;margin: 0 30px 30px 0;}
.contact-info{width: 310px;}


/* --- 404 --- */
.fourofour {background: url(images/404-bg.jpg) no-repeat;min-height: 630px;}
.fourofour h2, .fourofour p{width: 330px;}

/* --- TEXT --- */
.category-7 .vest h2,.category-5 .vest h2 {margin: 0;padding: 0;width: auto;height: auto;opacity: 1;background: none;position: static;}
.page-id-900 img{margin-right: 10px;}
.page-id-900 .wp-image-1351{margin-right: 0;}






