@font-face {
	font-family:'ArcherPro-Bold';
	src: url('../fonts/ArcherPro-Bold_gdi.eot');
	src: url('../fonts/ArcherPro-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ArcherPro-Bold_gdi.woff') format('woff'),
		url('../fonts/ArcherPro-Bold_gdi.ttf') format('truetype'),
		url('../fonts/ArcherPro-Bold_gdi.svg#ArcherPro-Bold') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}

@font-face {
	font-family:'ArcherPro-Book';
	src: url('../fonts/ArcherPro-Book_gdi.eot');
	src: url('../fonts/ArcherPro-Book_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ArcherPro-Book_gdi.woff') format('woff'),
		url('../fonts/ArcherPro-Book_gdi.ttf') format('truetype'),
		url('../fonts/ArcherPro-Book_gdi.svg#ArcherPro-Book') format('svg');
	font-weight: 325;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}

@font-face {
	font-family:'ArcherPro-Light';
	src: url('../fonts/ArcherPro-Light_gdi.eot');
	src: url('../fonts/ArcherPro-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ArcherPro-Light_gdi.woff') format('woff'),
		url('../fonts/ArcherPro-Light_gdi.ttf') format('truetype'),
		url('../fonts/ArcherPro-Light_gdi.svg#ArcherPro-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}

@font-face {
	font-family:'ArcherPro-Semibold';
	src: url('../fonts/ArcherPro-Semibold_gdi.eot');
	src: url('../fonts/ArcherPro-Semibold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ArcherPro-Semibold_gdi.woff') format('woff'),
		url('../fonts/ArcherPro-Semibold_gdi.ttf') format('truetype'),
		url('../fonts/ArcherPro-Semibold_gdi.svg#ArcherPro-Semibold') format('svg');
	font-weight: 375;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}


body {font-family:'ArcherPro-Book',serif}
.h2, h2 {font-family:'ArcherPro-Light',serif; font-size:2.4em; text-transform:uppercase;margin-bottom:20px;}
.h3, h3 {font-family:'ArcherPro-Bold',serif; font-size:1.4em; height:60px; border-bottom:2px dotted #fff; margin-bottom:10px;}
.h4, h4 {font-weight:bold;}
.whiteLarge {font-family:'ArcherPro-Semibold', serif; font-size:1.4em}
.whiteSmall { margin-bottom:20px;}

.hirurgijaGallery { padding:0 15% 0 15%}
.container-full-width {width:100%}
.purple01 {background:#888b9d; color:#fff; style="font-size:1.4em;"}
.purple02 {background:#4d5063; color:#fff;}
.purple03 {background:#8d91a4; color:#000000; padding-bottom:30px;}
.purple04 {

	background: rgba(192,194,205,1);
	background: -moz-linear-gradient(top, rgba(192,194,205,1) 0%, rgba(162,165,180,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(192,194,205,1)), color-stop(100%, rgba(162,165,180,1)));
	background: -webkit-linear-gradient(top, rgba(192,194,205,1) 0%, rgba(162,165,180,1) 100%);
	background: -o-linear-gradient(top, rgba(192,194,205,1) 0%, rgba(162,165,180,1) 100%);
	background: -ms-linear-gradient(top, rgba(192,194,205,1) 0%, rgba(162,165,180,1) 100%);
	background: linear-gradient(to bottom, rgba(192,194,205,1) 0%, rgba(162,165,180,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c2cd', endColorstr='#a2a5b4', GradientType=0 );
	
	padding-bottom:30px;
	color:#000000;
	}
.purple05 {background:#454a60; color:#fff;padding-bottom:30px;}
.purple06 {background:#8d91a4; color:#fff;height:30px;}

.row1 {font-family:'ArcherPro-Bold',serif; font-size:1.2em;}

.borderRight { border-right:2px dotted #8d91a4}

.whiteLarge, .whiteSmall {color:#fff;}


.text-left {width:40%;}

ol, ul {
    padding-left: 15px;
}

.navbar-nav {
  float: right;
  
}

.navbar-nav a {color:#fff; font-size:1.4em}

.navbar-nav a:hover {color:#4e5163; font-size:1.4em}

.navbar-inverse {
  background-color: transparent;
  border-color: transparent;
}


.navbar-toggle {
  
  border: 2px solid #fff;
  border-radius: 4px;
 
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover {
 color:#4e5163;
  background-color: #fff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  background-color: transparent;
 color:#4e5163;
}

#back-to-top {
  bottom: 20px;
  //display: none;
  position: fixed;
  right: 20px;
  z-index: 1000;
}

#back-to-top a {
  background: url("../images/up-arrow.png") no-repeat scroll center center #999999;
  border-radius: 3px;
  display: block;
  height: 64px;
  text-indent: -9999px;
  transition: all 0.4s ease 0s;
  width: 64px;
  cursor:pointer;
  border:1px solid #b1b1b1;
}

#back-to-top a:hover {
  background-color: #289DCC;
  opacity:0.7;
}


#item1,
#item2,
#item3,
#item4 {min-height:520px;}
@media (max-width:480px) {
	
#item1,
#item2,
#item3,
#item4 {min-height:430px;}
	}
	
.img-circle {border:5px solid #fff; margin-bottom:15px;}

.kontaktPos {margin-top:140px;}

@media (max-width:768px) {
.kontaktPos {margin-top:90px;}
}

@media (max-width:970px) {
.kontaktPos {margin-top:100px;}
}



@media (max-width:768px) {
	
.nav {
  background: #fff none repeat scroll 0 0;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
  width: 200px;
}	
	
.navbar-inverse .navbar-nav > li > a {
  color: #000;
}
}

.drstojkslika { background-image:url(../images/doktor-stojkovic.png); background-repeat:no-repeat; background-position: 90% 100% }
@media (max-width:1200px) { 
.drstojkslika { background-image:url(../images/doktor-stojkovic-md.png); background-repeat:no-repeat; background-position: right }
}

@media (max-width:1024px) { 
.drstojkslika { background-image:none; }
}