@font-face {
    font-family: "Fontin";
    src: url("../fonts/Fontin.woff") format("woff"), url("../fonts/Fontin.otf") format("opentype"), url("../fonts/Fontin.svg#Fontin-Italic") format("svg");
}
@font-face {
    font-family: "Anivers";
    src: url("../fonts/Anivers.woff") format("woff"), url("../fonts/Anivers.otf") format("opentype"), url("../fonts/Anivers.svg#Anivers-Regular") format("svg");
}
* {
    margin: 0;
    padding: 0;
}
hr {
}
h1 {
    color: #FFFFFF;
    font-family: Anivers,"Helvetica Neue","Lucida Sans",Helvetica,Arial,sans-serif;
}
h2 {
    color: #FFFFFF;
    font-family: Anivers,"Helvetica Neue","Lucida Sans",Helvetica,Arial,sans-serif;
    font-size: 24px;
}
h4 {
    color: #FFFFFF;
    font-family: Anivers,"Helvetica Neue","Lucida Sans",Helvetica,Arial,sans-serif;
}
p {
    color: #FFFFFF;
    font-family: Anivers,"Helvetica Neue","Lucida Sans",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 24px;
    margin-bottom: 14px;
}
body {
    background: url("../images/bg2.jpg") no-repeat scroll center top #00000C;
    text-indent: -9999px;
}
img {
    vertical-align: middle;
}
#sticky_wrap {
    left: 0;
    margin: 100px auto;
    position: relative;
    top: 0;
    width: 255px;
}
#sticky {
    background-color: transparent;
    left: 0;
    position: relative;
    top: 50px;
    width: 255px;
}
.logo {
    background: url("../images/logoani.png") no-repeat scroll 0 -1260px transparent;
    float: right;
    height: 63px;
    margin-top: -25px;
    text-indent: -9999px;
    width: 245px;
}
#logo-domov {
    float: right;
    height: 85px;
    margin-top: -30px;
    text-indent: -9999px;
    width: 246px;
}
#logo-kajdelamo {
    float: right;
    height: 85px;
    margin-top: -30px;
    text-indent: -9999px;
    width: 246px;
}
#logo-kdosmo {
    float: right;
    height: 85px;
    margin-top: -30px;
    text-indent: -9999px;
    width: 246px;
}
#logo-kontakt {
    float: right;
    height: 85px;
    margin-top: -30px;
    text-indent: -9999px;
    width: 246px;
}
a {
    color: #2E3240;
    outline: medium none;
}
.anchor {
    display: block;
    height: 5px;
    margin-bottom: 40px;
    margin-top: -60px;
    width: 246px;
}
.container {
    height: 1400px;
    margin: 80px auto;
    min-height: 1400px;
    text-indent: 0;
    width: 960px;
}
.meni {
    list-style-type: none;
}
.meni a {
    display: block;
    height: 33px;
    width: 138px;
}
.meni li {
    float: left;
    text-indent: -9999px;
}
.footer-kontakt {
    background: url("../images/footer-kontakt.png") no-repeat scroll left top transparent;
    float: left;
    height: 28px;
    margin-top: 12px;
    width: 164px;
}
.footer-next1 {
    background: url("../images/footer-next1.png") no-repeat scroll left top transparent;
    float: left;
    height: 86px;
    width: 175px;
}
.footer-next2 {
    background: url("../images/footer-next2.png") no-repeat scroll left top transparent;
    float: left;
    height: 86px;
    width: 175px;
}
.footer-domov {
    background: url("../images/footer-domov.png") no-repeat scroll left top transparent;
    float: left;
    height: 90px;
    width: 175px;
}
.meni-domov {
    background: url("../images/domov-meni.png") no-repeat scroll 0 3px transparent;
}
.meni-domov-on {
    background: url("../images/domov-meni.png") no-repeat scroll 0 -31px transparent;
}
.meni-kajdelamo {
    background: url("../images/kajdelamo-meni.png") no-repeat scroll 0 3px transparent;
}
.meni-kajdelamo-on {
    background: url("../images/kajdelamo-meni.png") no-repeat scroll 0 -31px transparent;
}
.meni-projekti {
    background: url("../images/projekti-meni.png") no-repeat scroll 0 0px transparent;
}
.meni-projekti-on {
    background: url("../images/projekti-meni.png") no-repeat scroll 0 -35px transparent;
}
.meni-kdosmo {
    background: url("../images/kdosmo-meni.png") no-repeat scroll 0 3px transparent;
}
.meni-kdosmo-on {
    background: url("../images/kdosmo-meni.png") no-repeat scroll 0 -31px transparent;
}
.meni-kontakt {
    background: url("../images/kontakt-meni.png") no-repeat scroll 0 3px transparent;
}
.meni-kontakt-on {
    background: url("../images/kontakt-meni.png") no-repeat scroll 0 -31px transparent;
}
.meni a:link {
    color: #2E3240;
}
.meni a:visited {
    color: #2E3240;
}
.meni a:hover {
    background-position: 0 -31px;
}
.meni a:active {
    color: #2E3240;
}
a:hover .footer-kontakt {
    background-position: 0 -29px;
}
a:hover .footer-next1 {
    background-position: 0 -86px;
}
a:hover .footer-next2 {
    background-position: 0 -86px;
}
a:hover .footer-domov {
    background-position: 0 -90px;
}
#domov_wrap {
    height: 200px;
    position: absolute;
    top: 540px;
    width: 960px;
}
#quote_wrap {
    margin-bottom: 40px;
    padding: 10px 0;
    text-align: center;
    width: 935px;
}
q {
    color: #FFFFFF;
    font-family: 'Fontin',serif;
    font-size: 23px;
    padding-bottom: 0;
}
.domov_l {
    float: left;
    width: 460px;
}
.domov_r {
    float: right;
    width: 460px;
}
#kajdelamo_wrap {
    background: url("../images/kajdelamo-trans2.png") no-repeat scroll right top transparent;
    float: left;
    height: 579px;
    margin-left: 40px;
    text-indent: -9999px;
    width: 100%;
}
#kajdelamo {
    float: left;
    margin-left: -40px;
    margin-top: 20px;
    text-indent: 0;
    width: 270px;
}

.stranke {
	width:960px;
	height:100px;
	position:relative;
	overflow:hidden;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
}

.strankeCont {
	width:2000em;
	position:absolute;
	left:0;
}


#lekarnar { background: url(../images/lekarnar.png) center center no-repeat; }
#hotelslon { background: url(../images/hotelslon.png) center center no-repeat; }
#ahotel { background: url(../images/ahotel.png) center center no-repeat; }
#amis { background: url(../images/amis.png) center center no-repeat; }
#parsek { background: url(../images/parsek.png) center center no-repeat; }
#gust { background: url(../images/gust.png) center center no-repeat; }
#lekarnasoca { background: url(../images/lekarnasoca.png) center center no-repeat; }
#barye { background: url(../images/barye.png) center center no-repeat; }
#somatoline { background: url(../images/somatoline.png) center center no-repeat; }
#b2 { background: url(../images/b2.png) center center no-repeat; }

.stranka {
	float:left;
	width:240px;
	height:100px;
	cursor:pointer;
}

#kdosmo_wrap {
    background: url("../images/vrednote4.jpg") no-repeat scroll right top transparent;
    float: left;
    height: 615px;
    margin-left: 40px;
    margin-top: 0;
    text-indent: -9999px;
    width: 100%;
}
#kdosmo {
    float: left;
    margin-left: -40px;
    margin-top: 20px;
    text-indent: 0;
    width: 400px;
}
#kontakt_wrap {
    background: url("../images/tabla-kreda-png8-2.png") no-repeat scroll right top transparent;
    float: left;
    height: 390px;
    margin-left: 40px;
    text-indent: -9999px;
    width: 100%;
}
#kontakt {
    float: left;
    margin-top: 40px;
    text-indent: 0;
    width: 460px;
}
#kontakt-home {
    background: url("../images/home.png") no-repeat scroll left top transparent;
    padding-left: 40px;
    padding-top: 5px;
}
#kontakt-office {
    background: url("../images/internet.png") no-repeat scroll left top transparent;
    padding-left: 40px;
    padding-top: 5px;
}
#kontakt-phone {
    background: url("../images/telefon.png") no-repeat scroll left top transparent;
    height: 32px;
    padding-left: 40px;
    padding-top: 5px;
}
#kontakt-mail {
    background: url("../images/mail.png") no-repeat scroll left top transparent;
    padding-left: 40px;
    padding-top: 5px;
}
#ekipa {
    background: url("../images/ekipa.png") no-repeat scroll left top transparent;
    height: 180px;
    text-indent: -9999px;
    width: 280px;
}
#fleksibilnost {
    background: url("../images/fleksibilnost.png") no-repeat scroll left top transparent;
}
#motivacija {
    background: url("../images/motivacija.png") no-repeat scroll left top transparent;
}
#zaupanje {
    background: url("../images/zaupanje.png") no-repeat scroll left top transparent;
}
#znanje {
    background: url("../images/znanje.png") no-repeat scroll left top transparent;
}
#partnerji {
    background: url("../images/partnerji.png") no-repeat scroll left top transparent;
}
.kdosmo {
    height: 260px;
    padding: 0 20px 0 30px;
}

#top {
  
	background: #00000C url(../images/bg-gradient.jpg) no-repeat top center;
	position:fixed;
	width:100%;
	bottom:0;
	text-indent:0px;
	display:none;
	color: #fff;
	height:600px;
}
#top h2 {
    margin: 10px 0;
}
#top p {
	font-size:16px;
	font-family:Arial;
	color:#97b6d3;
	line-height:22px;
	padding:0 0 10px 0;
   	
}
#insidetop {
    width:960px;
	margin:0 auto 10px;
	height:400px;
	overflow:hidden;
	position:relative;
	background:#242635;
	border:2px solid #2a2c3d;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	-moz-box-shadow:1px 1px 5px #161822;
	-webkit-box-shadow:1px 1px 5px #161822;
	box-shadow:1px 1px 5px #161822;
}

html.rgba #insidetop {
	background:rgba(150,150,180,0.1);
	border:2px solid rgba(120,120,150, 0.1);
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
	box-shadow:1px 1px 5px rgba(0,0,0,0.4);
}

#portfolio {
    color: #FFFFFF;
    float: left;
    margin-left: -40px;
    margin-top: 20px;
    text-indent: 0;
    width: 960px;
}

div.up, div.down {
	cursor:pointer;
	text-align:center;
	color:white;
	color:rgba(255, 255, 255, 0.5);
}

div.up, div.down  {
position:relative;
cursor:pointer; 
background:#666;
background:rgba(120, 120, 150, 0.1);
color:rgba(255, 255, 255, 0.3);
width:50px;
height:250px;
height:50px;
line-height:250px;
line-height:50px;
font-size:20px;
text-align:center;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
margin: 0 auto;
font-family:sans-serif;

}
div.up {
margin-top:10px;
margin-bottom:10px;
}
div.up:hover, div.down:hover  {
	background:rgba(120, 120, 150, 0.3);
	color:white;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
	box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
}

div.up:active, div.down:active { 
	background:rgba(120, 120, 150, 0.35);
	color:white;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.3);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.3);
	box-shadow:0px 0px 2px rgba(0,0,0, 0.3);
}


div.back {
	margin-left:10px;
	background:rgba(120, 120, 150, 0.2);
	color:rgba(255, 255, 255, 0.3);
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	border:2px solid rgba(120,120,150, 0.1);
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
	box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
	float:left;
	cursor:pointer;
}
div.back:hover {
	background:rgba(120, 120, 150, 0.3);
	color:white;
}

div.close  {
	position:relative;
	float:right;
	margin-right:120px;
	margin-top:10px;
	cursor:pointer; 
	background:#666;
	background:rgba(120, 120, 150, 0.1);
	color:rgba(255, 255, 255, 0.3);
	width:50px;
	height:250px;
	height:50px;
	line-height:250px;
	line-height:50px;
	font-size:20px;
	text-align:center;
	border:2px solid rgba(120,120,150, 0.1);
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
	box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
	font-family:sans-serif;
}

div.close:hover {
	background:rgba(120, 120, 150, 0.3);
	color:white;
}

#projekti {
	height:2000em;
	position:absolute; 
    clear:both; 
    margin:0; 
    padding:0;
}

.projekt {
	text-indent: 0px;
	color:#fff;
	width:960px;
	float:left;
	margin-top:20px; 
	margin-left:0px;
	
}
#positionCircles {
	float:right; 
	margin:5px 25px 0 0;
	position:relative;
	z-index:100;
	cursor:default;
}

#positionCircles span, #positionCircles div {
	color:#73748d;
	letter-spacing:2px;
	cursor:pointer;
}

html.rgba #positionCircles span, html.rgba #positionCircles div {
	color:rgba(150,150,180,0.7);
}

#positionCircles span:hover, #positionCircles div:hover {
	color:#b8b8bc;
}

html.rgba #positionCircles span:hover, html.rgba #positionCircles div:hover {
	color:rgba(250,250,250,0.7);
}

#positionCircles span.active, html.rgba #positionCircles span.active, #positionCircles div.active {
	color:white;
	cursor:default;
}

.nav {
	position:relative;
	/*bottom:250px;*/
	margin: 20px 0 0 0;
}

div.next, div.prev {
	position:relative;
	cursor:pointer; 
	background:#28293a;
	color:#696975;
	width:50px;
	height:250px;
	height:50px;
	line-height:250px;
	line-height:50px;
	font-size:30px;
	text-align:center;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
}

html.rgba div.next, html.rgba div.prev {
	background:rgba(120, 120, 150, 0.1);
	color:rgba(255, 255, 255, 0.3);
}

div.next:hover, div.prev:hover {
	background:#3b3b4f;
	color:white;
	-moz-box-shadow:1px 1px 3px #11121a;
	-webkit-box-shadow:1px 1px 3px #11121a;
	box-shadow:1px 1px 3px #11121a;
}

html.rgba div.next:hover, html.rgba div.prev:hover {
	background:rgba(120, 120, 150, 0.3);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
	box-shadow:1px 1px 3px rgba(0,0,0, 0.5);
}

div.next:active, div.prev:active { 
	background:#414256;
	color:white;
	-moz-box-shadow:0px 0px 2px #1a1b26;
	-webkit-box-shadow:0px 0px 2px #1a1b26;
	box-shadow:0px 0px 2px #1a1b26;
}

html.rgba div.next:active, html.rgba div.prev:active {
	background:rgba(120, 120, 150, 0.35);
	-moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.3);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.3);
	box-shadow:0px 0px 2px rgba(0,0,0, 0.3);
}

div.next::selection { background: transparent; }
div.next::-moz-selection { background: transparent; }
div.prev::selection { background: transparent; }
div.prev::-moz-selection { background: transparent; }

div.next {
	float:left;
}

div.prev {
	float:left;
	margin-left: 10px;
}

#clientsContainer {
	/*width:960px;*/
	width:576px;
	margin:0 auto 20px;
	margin:100px auto 20px;
	height:400px;
	overflow:hidden;
	position:relative;
}

#clients {
	margin:40px 0;
}

div.client {
	width:92px;
	width:172px;
	float:left;
	padding:10px;
	cursor:pointer;
}

div.client img {
	padding: 5px;
	background:rgba(150,150,180,0.1);
	border:1px solid rgba(120,120,150, 0.1);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
	box-shadow:1px 1px 5px rgba(0,0,0,0.4);
}

div.client:hover img {
	padding: 5px;
	background:rgba(150,150,180,0.4);
	border:1px solid rgba(120,120,150, 0.1);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
	box-shadow:1px 1px 5px rgba(0,0,0,0.4);
}

div.client img.active  {
	padding: 5px;
	background:rgba(140,200,60,0.8);
	border:1px solid rgba(120,180,40, 0.5);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
	box-shadow:1px 1px 5px rgba(0,0,0,0.4);
}

div.client h3 {
	font-size:13px;
	font-family: Anivers, "Helvetica Neue", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-align:center;
	text-shadow:1px 1px 1px black;
	margin:10px 0;
	color:silver;
	
}

div.client:hover h3 {
	color:white;
}

.flowpanes { 
	text-indent: 0px; 
    position:relative; 
    overflow:hidden; 
    /*clear:both;*/ 
	width:640px;
	width:840px;
	height: 350px;
	/*height: 550px;*/
	border: 0px solid silver;
	float:left;
	/*margin:0 20px;*/
	margin:0;
}

.flowpanes div { 
    float:left; 
    display:block; 
    width:600px;
	width:800px;
	height:340px; 
    font-size:13px;
	margin:0 20px 0;
} 

#flowpanes .items {
    clear: both;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 20000em;
}
#flowpanes .less, #flowpanes .less a {
    color: #999999 !important;
    font-size: 11px;
}

/* override single pane */ 
.flowpanes div { 
    float:left; 
    display:block; 
    width:600px;
	width:800px;
	height:340px; 
    font-size:13px;
	margin:0 20px 0;
} 


/* our additional wrapper element for the items */ 
.flowpanes .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 
 
.flowpanes .less, #flowpanes .less a { 
    color:#999 !important; 
    font-size:11px; 
}

.slide {
	font-family: Anivers, "Helvetica Neue", "Lucida Sans", Helvetica, Arial, sans-serif;
	line-height:21px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.6);
	-moz-text-shadow:1px 1px 2px rgba(0,0,0,0.6);
	-webkit-text-shadow:1px 1px 2px rgba(0,0,0,0.6);
	text-shadow:1px 1px 2px rgba(0,0,0,0.6);
}

.slide h2 {
	line-height:30px;
}

.slide img, .imageView {
	
	border:1px solid #202020;
	-moz-box-shadow:2px 2px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow:2px 2px 8px rgba(0,0,0,0.3);
	box-shadow:2px 2px 8px rgba(0,0,0,0.3);

}

.flowpanes div.imageView {
	float:left; 
	overflow:hidden; 
	background:rgba(255,255,255,0.1);
	width:420px; 
	height:320px;
	margin-left:0;
	margin-right:20px;
}

.slide img.nostyle {
	border:0px solid rgba(150,150,180,0.2);
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.slide img.abs {
	display:block;
	position:absolute;
	border:0px solid rgba(150,150,180,0.2);
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.flowpanes div.desc {
	float:left; 
	width:357px;
	margin:0;
	font-size:14px;
}

.flowpanes div.desc h2{
	text-align:center;
}

.flowpanes div.features {
	width:357px;
	margin:0;
	margin-top:20px;
	overflow:hidden;
	height:auto;
}

.flowpanes div.features div{
	position:absolute;
	background:rgba(255,255,255,0.1);
	width:347px;
	padding: 7px 5px 10px;
	margin:0;
	height:auto;
	font-size:13px;
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px 5px rgba(0,0,0, 0.2);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0, 0.2);
	box-shadow:1px 1px 5px rgba(0,0,0, 0.2);
}