/*	CSS DOCUMENT BY VLADIMIR MIHAILOVIC 				
	VLADIMIR@IMPLEMENTEK.COM - WWW.IMPLEMENTEK.COM 	
	30.06.2010. - ver. 1	*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b4b4b;
	background:#E1E1E1
}
.clear {
	clear:both
}
p {
}
h1, h2, h3, h4, h5 {
	margin:0px;
	padding:0px;
	font-weight:normal
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
textarea {
	padding-top:5px;
}
ol, ul {
	list-style: none;
	padding:0px;
	margin:0px;
}
a {
	text-decoration:none;
	color:#206097;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear:both
}
.error {
	color:#C00
}
#wrapper {
	background:none repeat scroll 0 0 #FFFFFF;
	padding-top:10px;
}
#header {
	width:960px;
	margin:0 auto;
}
#header ul.links {
	float:right
}
#header ul.links li {
	float:left;
	font-size:10px;
}
#header ul.links li span {
	color:#86969f;
	margin-left:9px;
	margin-right:9px;
}
#header ul.links li a {
	color:#86969f;
	text-transform:uppercase
}
#header ul.links li a:hover {
	color:#333
}
#logo {
	float:left;
	margin-top:42px;
	margin-right:80px;
	margin-bottom:22px;
}
ul#menu {
	float:right;
	margin-top:40px;
	width:630px;
}
ul#menu li {
	float:left;
	margin-left:13px;
}
ul#menu li a {
	font-size:13px;
	color:#206097;
	padding:3px 3px;
	display:block
}
ul#menu li a:hover {
	background:#ff3300;
	color:#FFF
}
ul#menu li a.current {
	border-bottom:2px solid #ff3300
}
#splash {
	background-position:top center;
	width:100%;
	clear:both;
	margin-top:5px;
	background:url("../layout/splash-back.jpg") no-repeat #206097;
	height:90px;
}
.pocetna {
	background:url(../layout/home-title.jpg) no-repeat #206097 top center !important;
	height:280px !important;
	text-indent:-99999px;
}
.resenja-i-usluge {
	background:url(../layout/resenja-i-usluge.jpg) no-repeat;
	height:90px;
}
.partneri {
	background:url(../layout/partneri-head.jpg) no-repeat;
	height:90px;
}
.reference {
	background:url(../layout/reference-title.jpg) no-repeat;
	height:90px;
}
.aktuelnosti {
	background:url(../layout/aktuelnosti-title.jpg) no-repeat;
	height:90px;
}
.kontakt {
	background:url(../layout/kontakt-title.jpg) no-repeat;
	height:90px;
}
.kontakt-page h3 {
	color:#000 !important;
	font-weight:bold
}
.kontakt-page p {
	font-size:13px;
}
.kontakt-forma label {
	display:block;
	color:#4b4b4b;
	font-size:11px;
	margin-bottom:3px;
}
.kontakt-forma input {
	clear:both;
	border:1px solid #bad1da;
	height:20px;
	padding:0 3px;
	width:208px;
	margin-bottom:10px;
}
.kontakt-forma input[type="file"] {
	border:none;
}
.kontakt-forma textarea {
	height:120px;
	width:208px;
	border:1px solid #bad1da;
}
.kontakt-forma h4 {
	color:#ff5d00;
	font-size:11px;
	font-weight:bold;
	margin-bottom:30px;
	text-transform:uppercase
}
.kontakt-forma {
	background:url(../layout/kontakt-back.gif);
	height:310px;
	padding:12px;
	margin-top:40px;
	position:relative
}
.kontakt-forma input.posalji {
	background:#849ea8;
	width:73px;
	height:22px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	padding-top:0px;
	padding-bottom:1px;
	float:right;
	margin-right:6px;
	margin-top:8px;
}

.kontakt-forma input.posalji-cv {
	background:#849ea8;
	width:73px;
	height:22px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	padding-top:0px;
	padding-bottom:1px;
	float:left;
	margin-right:6px;
	margin-top:20px;
}

.mapa {
	margin:0px !important
}
#content {
	width:960px;
	margin:0 auto;
	clear:both;
	margin-top:40px;
}
.dve-kolone-desno .main {
	width:630px;
	float:left;
}
.dve-kolone-desno .main h2 {
	font-size:22px;
	color:#4b4b4b;
	text-transform:uppercase;
	border-bottom:8px solid #83d5f5;
	width:630px;
	padding-bottom:3px;
}
.dve-kolone-desno .main ul {
	padding-left:8px;
	padding-top:20px;
}
.dve-kolone-desno .main ul li {
	background:url(../layout/red-kvadrat.gif) left no-repeat;
	padding-left:22px;
	line-height:26px;
}
.dve-kolone-desno .main ul li a {
	font-size:14px;
}
.dve-kolone-desno .main ul li a:hover {
	color:#333
}
.dve-kolone-desno .desno {
	width:300px;
	float:right
}
.dve-kolone-desno .desno h2 {
	font-size:22px;
	color:#4b4b4b;
	border-bottom:8px solid #ff6c47;
	width:300px;
	padding-bottom:3px;
}
.dve-kolone-desno .desno ul {
	padding-top:25px;
	padding-left:10px;
}
.dve-kolone-desno .desno ul li {
	padding-bottom:20px;
}
.dve-kolone-desno .desno ul li h3 a {
	font-size:15px;
	color:#206097;
	font-weight:bold;
	display:block;
	padding-bottom:7px;
}
.dve-kolone-desno .desno ul li span {
	color:#000000;
	font-size:10px;
	display:block;
	padding-bottom:8px;
}
.dve-kolone-desno .desno ul li p {
	color:#4b4b4b;
	font-size:11px;
	line-height:18px;
}
.dve-kolone-desno .desno ul li p a:hover {
	color:#4b4b4b;
}
.dve-kolone-levo .levo {
	width:240px;
	float:left
}
ul#left-menu, ul#left-menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 240px;
}
ul#left-menu a {
	display: block;
	text-decoration: none;
}
ul#left-menu li {
	margin-top: 1px;
	margin-bottom:5px;
}
ul#left-menu li a {
	font-size:13px;
	font-weight:bold;
	color:#206097;
	padding-bottom:5px;
	padding-top:4px;
	border-bottom:1px solid #83d5f5;
	border-top:1px solid #fff;
	padding-left:5px;
	line-height:16px;
}
ul#left-menu li.active a {
	background:#ebf8ff;
	border-top:1px solid #fff;
	border-bottom:1px solid #83d5f5
}
ul#left-menu li a:hover {
	background:#ebf8ff;
	border-top:1px solid #fff;
}
ul#left-menu li ul li a {
	background:none !important;
	border:none !important;
	font-weight:normal;
	color: #206097;
	margin-left: 25px;
	font-size:12px;
}
ul#left-menu li ul li a:hover, ul#left-menu li ul li.active a {
	background:#cdeffc !important
}
.dve-kolone-levo .main {
	width:690px;
	float:right;
	color:#4b4b4b;
	font-size:13px;
}
.dve-kolone-levo .main h2 {
	border-bottom:8px solid #a4e2fa;
	font-size:20px;
	padding-bottom:3px;
	margin-bottom:20px;
}
.dve-kolone-levo .main h2 a {
	font-size:22px;
	text-transform:uppercase;
	color:#4b4b4b
}
.dve-kolone-levo .main h3 {
	font-weight:bold;
	font-size:15px;
	color:#4b4b4b;
	padding-bottom:5px;
	padding-left:5px;
}
.dve-kolone-levo .main p {
	padding-left:5px;
	line-height:20px;
	padding-bottom:20px;
}
.dve-kolone-levo .main ul {
	padding-left:5px;
	line-height:20px;
	padding-bottom:20px;
}
.dve-kolone-levo .main ul li {
	background:url(../layout/kockica.gif) no-repeat;
	padding-left:15px;
	background-position:0 8px;
}
.dve-kolone-levo .main p img {
	/*float:right;*/
	margin-bottom:5px;
	margin-left:15px;
	margin-right:15px;
}

ul.reference-lista li {
	background:none !important;
	padding-left:0px !important;
	clear:both;
	height:100px;
}
ul.reference-lista li img {
	float:left;
	margin-right:20px;
}
ul.reference-lista li h3 {
	float:left;
	width:534px;
}
.reference-content h3 {
	color:#000 !important;
	padding-bottom:10px !important;
}
.nazad {
	border-top:1px solid #83d5f5;
	clear:both;
	font-size:15px;
	padding-top:10px;
	padding-bottom:20px;
}
.nazad a:hover {
	color:#000
}
ul.reference-galerija {
	list-style:none;
}
ul.reference-galerija li {
	background:none !important;
	padding-left:0px !important;
	float:left;
	height:100px;
	margin-right:11px;
}
ul.vesti-lista {
	padding-left:0px !important;
	min-height:400px;
}
.vesti-lista p {
	padding-bottom:0px !important;
	padding-left:0px !important;
}
ul.vesti-lista li {
	background:none !important;
	padding-left:0px !important;
	padding-bottom:15px;
}
ul.vesti-lista li h3 {
	padding:0px !important
}
ul.vesti-lista li span {
	color:#4b4b4b;
	font-size:13px;
}
.vest-datum {
	font-size:13px;
	color:#4b4b4b;
	padding-left:5px;
	display:block;
	margin-top:-6px;
	margin-bottom:15px;
}
.jedna-kolona {
	margin-top:20px !important
}
.jedna-kolona .main {
	width:960px;
	float:left
}
.jedna-kolona .main h2 {
	border-bottom:8px solid #a4e2fa;
	font-size:20px;
	padding-bottom:3px;
	margin-bottom:20px;
}

.partneri-page ul li {background:url(../layout/partner-back.gif) !important;
	float:left;
	height:115px;
	margin-bottom:35px;
	margin-left:35px;
	text-align:center;
	width:175px;
	padding-left:0px !important}


.partneri-page li h3 {
	text-align:center;
	font-size:14px;
	color:#979797
}
.partneri-page li h3 a {
	color:#979797
}
.partneri-page li img {
	margin-bottom:23px;
	margin-top:25px;
}
#footer {
	clear:both;
	background: url(../layout/footer-content.gif) repeat-x #e1e1e1;
	height:auto;
	width:100%;
	margin-top:40px;
}
.footer-content {
	width:950px;
	margin:0 auto;
	padding-left:10px;
}
.footer-content ul {
	float:left;
	width:190px;
}
.footer-content li.title {
	font-size:13px;
	font-weight:bold;
	padding-bottom:17px;
	padding-top:9px;
}
.footer-content li {
	font-size:11px;
	line-height:13px;
	padding-bottom:4px;
	padding-right:17px;
}
.footer-content li a {
	color:#4b4b4b
}
#footer a:hover {
	text-decoration:underline
}
.contact-us {
	clear:both;
	float:left;
	font-size:11px;
	padding-top:40px;
	width:400px;
}
.copyright {
	float:right;
	font-size:11px;
	padding-top:40px;
	padding-bottom:20px;
	width:550px;
}
#slider1 {
	width: 960px; /* important to be same as image width */
	height: 280px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	;
	margin:0 auto
}
#sliderContent, #slider1Content {
	width: 100%; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage, .slider1Image {
	float: left;
	position: relative;
	display: none;
}
.clear {
	clear: both;
}
.sliderImage span {
	display:none
}
.sliderImage span strong, .slider1Image span strong {
	font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
	left: 0;
}
ul.delatnosti-list li {
	background:none repeat scroll 0 0 transparent !important;
	float:left;
	list-style:none outside none;
	margin-left:13px;
	margin-right:9px;
	padding-left:0 !important;
	width:202px;
}
ul.delatnosti-list li a:hover {
	color:#069
}
ul.delatnosti-list li img {
	vertical-align:text-top;
	margin-right:10px;
	margin-bottom:10px;
}
ul.delatnosti-list li a img {
	border:2px solid #83d5f5
}
ul.delatnosti-list li a:hover img {
	border:2px solid #069
}
.reference-table {
	margin-bottom:20px;
}
.reference-table td {
	padding:5px;
	/*border:1px solid #999;*/
	vertical-align:middle
}
.reference-content {
	font-style:italic
}
td.blue {
	color:#396CC1;
}
.reference-table td p {
	padding-bottom:0px !important;
}
.reference-table2 td p {
	padding-bottom:0px !important;
}
.reference-table2 td {
	border:none;
	padding:5px;
	padding-bottom:0px;
}
.reference-table2 {
	margin-bottom:20px;
}
.predstavnistva {
	margin-right:50px;
}
.predstavnistva td {
	padding-top:10px;
	padding-left:0px;
	line-height:20px;
	padding-right:50px;
	padding-bottom:10px;
}
td.ispostava {
	background:#d2e3f3;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
.tooltip {
	display:none;
	background:transparent url(../layout/black_arrow.png);
	font-size:12px;
	height:40px;
	width:160px;
	padding:25px;
	color:#fff;
	text-align:center;
	font-weight:bold
}
#flashMessage {
	background:none repeat scroll 0 0 #67B772;
	border:1px solid;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:20px;
	padding:10px;
}

#errorMessage {
	background:none repeat scroll 0 0 #ff5566;
	border:1px solid;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:20px;
	padding:10px;
}

.blue strong {padding-top:20px;display:block;}
.slika { border:2px solid #A4E2FA; float:right}



.mapa-sajta ul li { background:none !important}

a.proizvodi-show img { border:2px solid #A4E2FA; margin-left:6px !important}
a.proizvodi-show:hover img { border:2px solid #036}
.grupa-slika img { float:none !important}
p.grupa-slika { text-align:center}


/* PAGINATION */
ul{border:0; margin:0; padding:0;}
#pagination-flickr {
	
}
#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style: none;
background: none;
}

#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-flickr .active{
color:#FF3300;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}
/* END PAGINATION */

.accordion-toggle {
	font-size: 13px;
	font-weight: bold;
	color: #206097;
	padding-bottom: 5px;
	padding-top: 4px;
	border-bottom: 1px solid #83d5f5;
	border-top: 1px solid #fff;
	padding-left: 5px;
	line-height: 16px;
	cursor: pointer;
	margin: 0 0 10px 0;
}
.accordion-content {
	display: none;
}
.accordion-content.default {
	display: block;
}
.carrer-apply {
	background:#849ea8;
	width:73px;
	height:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	padding:3px;
	float:right;
	display: block;
	border: 1px solid #DEDEDE;
}