@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Tahoma;
	font-size: 12px;
	color: #202020;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

html, body, #site-wrapper { height: 100%; }
body > #site-wrapper { height: auto; min-height: 100%; }

/* Wrappers */
.site-wrapper {
	width: 700px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

.header-wrapper {
	width: 700px;
	height: auto;
}

.navigation-wrapper {
	width: 700px;
	height: auto;
	margin-top: 20px;
}

.content-wrapper {
	display: block;
	width: 700px;
	height: 475px;
}

.content2-wrapper {
	display: block;
	width: 700px;
	height: auto;
	padding-bottom: 19px;
	clear:both;
}

.content3-wrapper {
	display: block;
	width: 700px;
	height: 450px;
	padding-bottom: 59px;
}

.content4-wrapper {
	display: block;
	width: 700px;
	height: 295px;
}

/* Logoti */
#logo {
	margin-top: 60px;
	margin-left: 30px;
}

#najnaj-logo {
	margin-top: 30px;
}

#razkrito-logo {
	margin-top: 8px;
}

#prevajanjebesedil-logo {
	margin-top: 8px;
}

#videovidni-logo {
	margin-top: 8px;
}

#webposrednik-logo {
	margin-top: 8px;
}

#tocnoto-logo {
	margin-top: 20px;
	margin-left: 37px;
}

/* Naslovi */
#trenutni-projekti {
	background-image: url(../images/trenutni_projekti.png);
	width: 200px;
	height: 18px;
	margin-top: 30px;
	margin-left: 30px;
}

#trzenje-spletnih-strani {
	background-image: url(../images/trzenje-spletnih-strani.png);
	width: 201px;
	height: 18px;
}

#poslovno-svetovanje {
	background-image: url(../images/poslovno-svetovanje.png);
	width: 179px;
	height: 15px;
}

#bodoci-projekti {
	background-image: url(../images/bodoci-projekti.png);
	width: 175px;
	height: 23px;
	margin-top: 5px;
}

#strokovnjaki-za {
	background-image: url(../images/strokovnjaki_za.png);
	width: 189px;
	height: 23px;
	margin-top: 5px;
}

#mediji-o-nas {
	background-image: url(../images/mediji-o-nas-heading.png);
	width: 134px;
	height: 21px;
	margin-top: 30px;
	margin-left: 30px;
}

#kontakt {
	background-image: url(../images/kontakt-heading.png);
	width: 91px;
	height: 19px;
	margin-top: 30px;
	margin-left: 30px;
}

#o-podjetju {
	background-image: url(../images/o-podjetju-heading.png);
	width: 120px;
	height: 21px;
	margin-top: 30px;
	margin-left: 30px;
}

#splosno {
	background-image: url(../images/splosno-heading.png);
	width: 70px;
	height: 18px;
}

#zgodovina {
	background-image: url(../images/zgodovina-heading.png);
	width: 88px;
	height: 14px;
	margin-top: 4px;
}

#vizija-in-poslanstvo {
	background-image: url(../images/vizija-in-poslanstvo-heading.png);
	width: 174px;
	height: 14px;
	margin-top: 10px;
}

#izjave {
	background-image: url(../images/izjave-zadovoljnih-poslovnih-partnerjev-heading.png);
	width: 241px;
	height: 14px;
	margin-top: 10px;
	margin-left: 10px;
}

#zaposlitev {
	background-image: url(../images/zaposlitev-heading.png);
	width: 123px;
	height: 19px;
	margin-top: 30px;
	margin-left: 30px;
}

/* Navigacija */
#navigation {
	background-image: url(../images/nav.png);
	width: 641px;
	height: 62px;
	margin: 0 auto;
}

.locni-lik {
	margin-top: 10px;
}

.link {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

/* Ločna črta */
.locna-crta {
	background-image: url(../images/locna_crta.png);
	width: 640px;
	height: 3px;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 30px;
	clear:both;
}

/* Telo */
.left-col {
	display: inline;
	width: 300px;
	height: 300px;
	float: left;
	margin-left: 30px;
}

.left-col1 {
	display: inline;
	width: 300px;
	height: 450px;
	float: left;
	margin-left: 30px;
}

.left-col2 {
	display: inline;
	width: 300px;
	height: 275px;
	float: left;
	margin-left: 30px;
}

.right-col {
	display: inline;
	width: 300px;
	height: 300px;
	float: right;
	margin-right: 30px;
}

.right-col1 {
	display: inline;
	width: 300px;
	height: 450px;
	float: right;
	margin-right: 30px;
}

.right-col2 {
	display: inline;
	width: 300px;
	height: 275px;
	float: right;
	margin-right: 30px;
}

.right-coloumn {
	display: inline;
	background-image: url(../images/obrazec_bg.png);
	background-repeat: no-repeat;
	width: 305px;
	height: 250px;
	float: right;
	margin-right: 25px;
}

.left-coloumn {
	display: inline;
	width: 300px;
	height: 250px;
	float: left;
	margin-left: 30px;
}

.content {
	display: inline;
	width: 640px;
	height: 600px;
	margin-left: 30px;
}

.pic-coloumn {
	display: inline;
	width: 80px;
	height: auto;
	float: left;
	margin-left: 30px;
}

.text-coloumn {
	display: inline;
	width: 555px;
	height: auto;
	margin-left: 5px;
	margin-right: 30px;
	float: right;
}

/* Tekst */
.text {
	margin-right: 20px;
	text-align: justify;
}

.text2 {
	margin-left: 30px;
}

.text3 {
	margin-left: 30px;
	margin-right: 30px;
}

.text-white {
	color: #FFFFFF;
	margin-left: 10px;
	margin-right: 20px;
}

/* Slike */
#zan-nekrep {
	background-image: url(../images/zan.jpg);
	width: 300px;
	height: 200px;
	margin-top: 12px;
}

.picture {
	margin-top: 20px;
	margin-left: 20px;
}

.picture-zaposlitev {
	vertical-align: text-top;
}

/* Seznami */
ul.arrow {
	list-style: none;
	margin-left: -40px;
	margin-top: 20px;
}

ul.arrow li {
	background: url(../images/arrow.png);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	text-align: justify;
}

/* Mini obrazec */
.obrazec {
	background-image: url(../images/obrazec_bg.png);
	width: 305px;
	height: 191px;
}

#aktualna-zaposlitev {
	background-image: url(../images/aktualna-zaposlitev.png);
	width: 233px;
	height: 18px;
	margin-top: 10px;
	margin-left: 10px;
}

#povprasevanje {
	margin-left: 10px;
}

#submit {
	width: 81px;
	height: 41px;
}

/* Footer */
#footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 59px;
 margin-top: -59px;
 background-image: url(../images/footer_bg.jpg);
 background-repeat: repeat-x;
}

#clear {
	height: 10px;
}

/* Scroller */
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Master button styles - note that up and down versions 
have been removed in this example */

.simply-scroll-btn {
	position: absolute;
	background-image: url(../images/buttons.png);
	width: 42px;
	height: 44px;
	z-index:3;
	cursor: pointer;
}
	
.simply-scroll-btn-left {
	left: 6px;
	bottom: -35px;
	background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
	background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover {
	background-position: 0 -88px;
}

.simply-scroll-btn-right {
	right: 6px;
	bottom: -35px;
	background-position: 84px -44px;
}
.simply-scroll-btn-right.disabled {
	background-position: 84px 0 !important;
}
.simply-scroll-btn-right:hover {
	background-position: 84px -88px;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 270px;
	height: 115px;
 	margin-left: 10px;
	margin-top: 10px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 270px;
	height: 115px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 270px;
	height: 115px;
}