body { font-family: Arial, Helvetica, sans-serif; background: #fff; font-size: 12px; color: #333}

#content h4 { font-weight: bold; font-size: 14px; color: #cc3333; padding: 9px 0; border-bottom: 1px solid #ddd; margin: 0 0 9px 0; }
#content h5 { font-weight: bold; font-size: 13px; color: #333; margin:0 0 15px 0; }
#content h6 { font-weight: bold; font-size: 13px; text-transform: uppercase; text-decoration: underline; color:#333366; margin:0 0 20px 0; }
.divider { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
ol.style.one { /*list-style-type:decimal-leading-zero; padding-left:26px */}
ol.style.two { list-style-type: upper-roman; padding: 0 0 0 22px; }
ul.style.one { list-style-type: disc; padding-left: 15px; }

/* =Header
----------------------------------------------- */
#header-wrap { background: url(../images/layout/header-bg.gif) repeat-x; }
#header { margin: 0 auto; width: 980px; height: 140px; position: relative; }
#header h1 a { display: block; width: 312px; height: 100px; text-indent: -5000px; background: url(../images/layout/logo.png) no-repeat; position: absolute; left: 0px; bottom: 0px; }
#header #main-nav { position: absolute; left: 355px; bottom: 42px; }
#header #main-nav li { display: inline; float: left; }
#header #main-nav li a { font-weight: bold; font-size: 16px; color: #333366; text-decoration: none; padding: 0 30px 0 0; margin: 0 20px 0 0; background: url(../images/layout/main-nav-bg.png) right no-repeat; }
#header #main-nav li a.last-item { padding-right: 0px; margin-right: 0px; background :none; }
#header #main-nav li a.active, #header #main-nav li a:hover { color: #666; }
#header p { font-size: 11px; color: #ccccff; position: absolute; top: 12px; text-shadow: 1px 1px 2px #000; }
#header p.obavijest { left: 14px; }
#header p.login { position: absolute; right: 2px; }
#header p strong { font-weight: bold; }
#header p a	{ font-weight: bold; text-decoration: underline; color: #ccccff; }
#header p a:hover { text-decoration: none; }

/* =Subeader
----------------------------------------------- */
#subheader-wrap { margin: 0px auto; height: 260px; background: url(../images/layout/sub-header-bg.png) center no-repeat; }
#subheader { width: 980px; margin: 0 auto; }
#subheader img { position: relative; z-index: -1; float: right; }
#subheader  form { width: 240px; padding: 40px 0 0 0; }
#subheader  form ul li { background: url(../images/layout/btn-shadow.png) right bottom no-repeat; padding: 0 8px 8px 0; }
#subheader  form h2 { font: bold 24px Calibri, Arial, sans-serif; color: #ccccff; text-shadow: 1px 1px 3px #000; text-transform: uppercase; margin: 0 0 10px 15px; padding: 0 0 0 25px; background: url(../images/layout/search-bg.png) left 5px no-repeat; }
#subheader  form .select { position: absolute; width: 223px; height: 40px; padding: 13px 0 0 17px; color: #666; font:bold 14px Arial, Helvetica, sans-serif; background: url(../images/layout/select-bg.png) no-repeat; overflow: hidden; }
#subheader  form select.styled { height: 40px; }
#subheader  form .input-button { width: 240px; height: 40px; padding: 0 0 1px 0; border: none; background: url(../images/buttons/search-btn-bg.png) top no-repeat; cursor: pointer; font: bold 16px Calibri, Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 2px #000; }
#subheader  form .input-button:hover { background: url(../images/buttons/search-btn-bg.png) bottom no-repeat; }

/* =Content
----------------------------------------------- */
#content-wrap-top { background: url(../images/layout/content-wrap-top.gif) top repeat-x; }
#content-wrap-bottom { background: url(../images/layout/content-wrap-bottom.gif) bottom repeat-x; }
#content { margin: 0 auto; width: 980px; padding: 20px 0 60px 0; line-height: 1.5; }

.sidebar { width: 245px; float: left; margin-right: 40px; }
.sidebar h4 { font-size: 14px; font-weight: bold; text-shadow: 1px 1px 2px #000; color: #fff!important; background: url(../images/layout/btn-shadow.png) right bottom no-repeat; display: block; width: 240px; height: 40px; padding: 0 5px 5px 0!important; margin: 0 0 10px 0!important; border-bottom: none!important }
.sidebar h4 span { display: block; width: 225px; height: 30px; padding: 10px 0 0 15px; background: url(../images/layout/sidebar-heading-bg.png) repeat-x; }
.sidebar ul { margin: 0 0 20px 0; }
.sidebar ul li { background: url(../images/layout/sidebar-link-bg.png) bottom no-repeat; width: 212px; padding: 0 14px 9px 14px; margin: 0 0 12px 0; }
.sidebar ul li:hover { background: url(../images/layout/sidebar-link-bg-hover.png) bottom no-repeat; }
.sidebar ul li a { display: block; font-size: 12px; color: #333366; font-weight: bold; text-decoration: none; }
.sidebar ul li a strong { font-size: 11px; color: #333; display: block; font-weight: normal; margin: 2px 0 0 0; text-decoration: underline; }
.sidebar ul li a strong:hover { text-decoration: none; }
.sidebar .banner { background: url(../images/layout/img-frame-top.png) top no-repeat; margin: 0 0 20px 0; width: 240px; }
.sidebar .banner .inner { background: url(../images/layout/img-frame-bottom.png) bottom no-repeat; padding: 6px; display: block; }

.sidebar .banner img, .sidebar .banner embed { display: block; }

.main-content { float: left; width: 655px; padding: 0 40px 0 0; }
.main-content ul.pagination { margin: 40px 0 0 120px; }
.main-content ul.pagination li { display: inline; float: left; background: url(../images/layout/pagination-bg-right.png) right bottom no-repeat; margin: 0 5px 0 0; }
.main-content ul.pagination li:hover { background: url(../images/layout/pagination-bg-right-hover.png) right bottom no-repeat; }
.main-content ul.pagination li a { font-size: 14px; font-weight: bold; color: #666; text-decoration: none; background: url(../images/layout/pagination-bg-left.png) left bottom no-repeat; display: block; padding: 7px 12px; }
.main-content ul.pagination li a:hover { background: url(../images/layout/pagination-bg-left-hover.png) left bottom no-repeat; }
.main-content ul.pagination li a.active { color: #cc3333; }
.main-content ul.pagination li a.disabled { color: #999; }

.main-content .custom-content h2 { font-size: 14px; font-weight: bold; color: #333366; margin-bottom: 10px; }
.main-content .custom-content ul li, .main-content .columns-wrap ul li { list-style: disc; margin-left: 15px; }
.main-content .custom-content ul, .main-content .columns-wrap ul { margin-bottom: 10px; }
.main-content .custom-content strong, .main-content .columns-wrap strong { font-weight: bold; }
.main-content .custom-content em, .main-content .columns-wrap em { font-style: italic; }

.main-content strong { font-weight: bold; }

		/*** Articles ( Naslovna ) & Search results ***/

ul.articles li .photo { width: 120px; margin: 0 20px 0 0; background: url(../images/layout/article-img-frame-top.png) top no-repeat; float: left; }
ul.articles li .photo img { display: block; background: url(../images/layout/article-img-frame-bottom.png) bottom no-repeat; padding: 6px; }
ul.articles li .info { float: left; }
ul.articles li .info h3 a { display: block; font-size: 14px; font-weight: bold; color: #333366; margin:1 0px 0; text-decoration: none; }
ul.articles li .info h3 a:hover { text-decoration: underline; }
ul.articles li .info p { font-size: 12px; color: #333; margin: 0 0 10px 0; }
ul.articles li .info p.article-info { font-size: 14px; font-weight: bold; color: #999; }
ul.articles li .info p.article-info a { text-decoration: none; color: #666; }
ul.articles li .info p.article-info a.author { text-decoration: underline; color: #cc3333; }
ul.articles li .info p.article-info a.author:hover { color: #666; }
ul.articles li .info p.article-info span { color: #666; }
ul.documents li { display: inline; margin: 0 5px 0 0!important; font-size: 14px; font-weight: bold; color: #666; }
ul.documents li.first-item { background: url("../images/layout/doc-bullet.png") left no-repeat; padding: 0 0 0 13px; }
ul.documents li a { color: #999; }
ul.documents li a:hover { text-decoration: none; }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #999; background-color: #eee; font-size: 11px; padding: 5px 10px; opacity: 0.90; }
#tooltip div.url  { display: none!important; }

.articles-page ul.articles li { margin: 0 0 40px 0; }
.articles-page ul.articles li .info { width: 515px; }
.search-results ul.articles li { margin: 0 0 7px 0; }
.search-results ul.documents li.first-item { color: #333; }

		/*** Links ***/

.links-page ul li { margin: 0 0 20px 0; }
.links-page ul li:hover { margin-left: 10px; }
.links-page ul li a { display: block; font-size: 12px; color: #333366; font-weight: bold; text-decoration: none; }
.links-page ul li a strong { font-size: 11px; color: #333; display: block; font-weight: normal; text-decoration: underline; }	

		/*** Info ***/
		
.info-page .column { width: 317px; margin-right: 20px; float: left; }
.info-page .column.last-item { margin-right: 0px; }
.info-page  h4.custom { border-top: 1px solid #ddd; }	
.info-page p { font-size: 13px; margin: 0 0 20px 0; color: #333; }
.info-page p.last { margin-bottom: 0px; }
.info-page .column strong { font-weight: bold; }
.info-page ol.style.one, .info-page ul { margin-bottom: 20px; }
.info-page ul li, .info-page ol li { font-size: 13px; color: #333; }
.info-page ul li strong { font-weight: bold; display: block; }
.info-page ul.style li { margin: 0 0 20px 0; }
.info-page ol.style.one li { margin: 0px; }
.info-page ol.style.two li { margin-bottom: 20px; }

		/*** Contact ***/	

.contact-page p strong { color: #333366; font-weight: bold; margin: 0 0 20px 0; display: block; }
.contact-page ul.divider { padding-bottom: 15px; }
.contact-page ul li strong { color: #333366; font-weight: bold; }
.contact-page ul li a { color: #333; text-decoration: none!important }

.contact-page ul li a:hover { text-decoration: underline!important }
fieldset.input { position: relative; }
fieldset.input strong { font-size: 14px; font-weight: bold; color: #cc3333; position: absolute; right: 190px; bottom: -14px; }
fieldset.input label { display: block; font-size: 12px; color: #333366; font-weight: bold; padding: 0 0 5px 0; }
fieldset.input label  span { background: #333366; width: 3px; height: 3px; display: block; float: left; margin: 8px 5px 0 0; }
fieldset.input ul li { display: inline; float: left; margin: 0 20px 20px 0; }	
fieldset.input ul li.last-item { margin-right: 0px; }
fieldset.input ul li .input-text { width: 295px; font-size: 12px; color: #666; border: 1px solid #ccc; padding: 9px 10px 10px 10px; }
fieldset.input ul li .input-text:hover, fieldset.input textarea:hover { border: 1px solid #999; }
fieldset.input ul li textarea { width: 632px; height: 120px; font: 12px Arial, Helvetica, sans-serif; color: #666; border: 1px solid #ccc; padding: 9px 10px 10px 10px; }
fieldset.input ul li textarea, fieldset.input ul li .input-text { background: url(../images/layout/contact-form-bg.gif) left top no-repeat; }		
fieldset.input ul li .input-button { width: 155px; height: 50px; padding: 0 10px 10px 0; cursor: pointer; display: block; border: none; background: url(../images/buttons/contact-button.png) left top no-repeat; position: absolute; right: 10px; bottom: -32px; font: bold 14px Arial, Helvetica, sans-serif; text-shadow: 1px 1px 2px #000; color: #fff; }
fieldset.input ul li .input-button:hover { background: url(../images/buttons/contact-button.png) left bottom no-repeat; }

		/*** Doctor ***/

.doctor .about-doctor { padding-bottom: 20px; }
.doctor .images { width: 120px; float: left; margin: 0 20px 0 0; }
.doctor .images a { display: block; }
.doctor .photo { width: 120px; margin: 0 0 20px 0; background: url(../images/layout/article-img-frame-top.png) top no-repeat; }
.doctor .images a { display: block; margin-bottom: 0; background: url(../images/buttons/format-button.png) top no-repeat; text-indent: -5000px; width: 108px; height: 58px; padding: 6px; display: block;}
.doctor .images a:hover { background: url(../images/buttons/format-button.png) bottom no-repeat; }
.doctor .photo img { display: block; background: url(../images/layout/article-img-frame-bottom.png) bottom no-repeat; padding: 6px; } 
.doctor .info { width: 515px; float: left; }
.doctor .info h3 { font-size: 14px; color: #666; font-weight: bold; margin: 10px 0 10px 0; }
.doctor .info h3 strong { color: #cb3e3d; font-weight: bold; }
.doctor .info ul li { font-size: 13px; color: #666; margin: 0 0 6px 0; }
.doctor .info ul li strong { color: #333; font-weight: bold; }
.doctor .info ul li a { color: #666; text-decoration: none; }
.doctor .info ul li a:hover { text-decoration: underline; }
.doctor h4 { position: relative; padding: 10px 0 11px 0!important }
.doctor h4 a { display: block; float:r ight; font-size: 14px; font-weight: bold; color: #999; background: url(../images/buttons/povratak-na-naslovnicu.gif) right top no-repeat; height: 32px; padding: 10px 60px 0 0; position: absolute; right: 0px; top: 0px; }
.doctor h4 a:hover { background: url(../images/buttons/povratak-na-naslovnicu.gif) right bottom no-repeat; text-decoration: none; }
.doctor p { margin-bottom: 20px; }
.doctor p a { color: #333; }
.doctor p a:hover { text-decoration: none; }

		/*** Single article ***/

.single-article .photo { width: 120px; margin: 0 20px 0 0; background: url(../images/layout/article-img-frame-top.png) top no-repeat; float: left; }
.single-article .photo img { display: block; background: url(../images/layout/article-img-frame-bottom.png) bottom no-repeat; padding: 6px; }
.single-article .info { float: left; width: 513px; }
.single-article .info h3 a, .single-article .info h3 { display: block; font-size: 18px; font-weight: bold; color: #333366; margin: 10px 0 7px 0; text-decoration: none; }
.single-article .info h3 a:hover { text-decoration: underline; }
.single-article .info p { font-size: 12px; color: #333; margin: 0 0 10px 0; }
.single-article .info p.article-info { font-size: 14px; font-weight: bold; color: #999; }
.single-article .info p.article-info a { text-decoration: none; color: #666; }
.single-article .info p.article-info a.author { text-decoration: underline; color: #cc3333; }
.single-article .info p.article-info a.author:hover { color: #666; }
.single-article .info p.article-info span { color: #666; }
ul.categories { padding: 10px 0; margin-bottom: 10px; }
ul.categories li{ display: inline; float: left; font-size: 13px; color: #333; font-weight: bold; margin-right: 5px; }
ul.categories li a { font-weight: normal; color: #333; }
.single-article p { margin-bottom: 10px; }
.single-article p a { color: #333; }
.single-article p a:hover, .comments .text strong a.custom:hover, ul.categories li a:hover  { text-decoration: none; }
.comments  h4 { font-size: 18px!important; margin-bottom: 20px!important; padding: 0 0 9px 0!important; margin-bottom: 10px!important }
.comments .avatar { width: 60px; float: left; margin-right: 15px; }
.comments .avatar a img { margin-bottom: 5px; background: url(../images/layout/avatar-frame.png) no-repeat; padding: 6px; display: block; }
.comments .avatar a.replika-btn { display: block; text-indent: -5000px; background: url(../images/buttons/replika-btn.gif) top no-repeat; width: 60px; height: 22px; }
.comments .avatar a.replika-btn.selected { background: url(../images/buttons/replika-btn.gif) bottom no-repeat; }
.comments .avatar a.replika-btn:hover { background: url(../images/buttons/replika-btn.gif) 0 -22px no-repeat; }
.comments .avatar a.replika-btn.selected:hover { background: url(../images/buttons/replika-btn.gif) bottom no-repeat; }
.comments .text strong { font-size: 12px; color: #999; font-weight: bold; margin-bottom: 10px; display: block; }
.comments .text strong a { color: #333366; text-decoration: none; }
.comments .text strong a.custom { color: #cc3333; text-transform: uppercase; text-decoration: underline; }
.comments ul.comments-list li { margin-bottom: 15px; padding: 0 0 15px; }
.comments ul.comments-list li.last-item { margin-bottom: 0px; border: none; }
.comments ul.comments-list li ul { margin-left: 75px; }
.comments ul.comments-list li ul li { /* margin-bottom: 0px; */ }
.comments fieldset ul li textarea { height: 60px; }

/* =Footer
----------------------------------------------- */
#footer-wrap { background: #333366 url(../images/layout/footer-bg.gif) repeat-x; overflow: hidden; }
#footer { margin: 0 auto; width: 980px; font-size: 14px; color: #ccc; text-shadow: 1px 1px 2px #000; position: relative; }
#footer strong, #footer a { color: #ccc; font-weight: bold; }
#footer .copyright { margin: 0 0 15px 0; }
#footer .copyright a, #footer strong a { text-decoration: none; }
#footer  strong { position: absolute; top: 45px; right: 10px; }
#footer  h2 a { background: url(../images/layout/feria-projekt-logo.png) no-repeat; display: block; width: 109px; height: 32px; text-indent: -5000px; position: absolute; right: 8px; top: 70px; }
#footer h2 a:hover { background: url(../images/layout/feria-projekt-logo-hover.png) no-repeat; }
#footer ul { margin: 0 0 15px 0; }
#footer ul li { display: inline; float: left; padding: 0 20px 0 0; margin: 0 20px 0 0; background: url(../images/layout/footer-nav-border.png) right bottom no-repeat; }
#footer ul li a:hover, #footer p.login a:hover { text-decoration: none; }
#footer ul li.last-item { background: none; margin-right: 0; padding-right: 0; }
#footer .column { position: relative; border-right: 1px solid #bebebe; width: 772px; padding: 45px 0 30px 13px; }

div.comments { border-top: 1px solid #DDDDDD; padding-top: 9px; }
div.custom-content { margin-top: 9px; }