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

/* =reset.css (by Andy Clarke) */
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, 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-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background:transparent;  }

body {
	font-family:Arial, Helvetica, sans-serif;
}

strong { font-weight:bold; }

/*h1 {
	font-size:35px;
	color:#848484;
	padding-bottom:5px;
}
h2 {
	font-size:18px;
	font-weight:bold;
	color:#848484;
	border-bottom:1px solid #e0e0e0;
	margin:5px 0;
	padding:5px 0;
	
}
h3 {
	font-size:15px;
	font-weight:bold;
	color:#848484;
	letter-spacing:-1px;
	padding-bottom:5px;
}
p {

}
div.content-inner p {
	padding:5px 0;
	margin:5px 0;
	
}*/


.clear {
	clear:both;
}
/* Main ID */

#wrapper {
	width:960px;
	margin:0 auto;
}
body.homepage {
	background:url(../img/body-bg-homepage.jpg) repeat-x;
}
body.content {
	background:url(../img/content-bg.jpg) repeat-x;
}
div.header { background:url(../img/header-homepage-bg.jpg) no-repeat top left; float:left; }

div.content { width:940px; float:left; padding:20px 0 0 20px; }
div.content div.index-info { width:100%; float:left; padding:25px 0; }
div.content a { color:#02A3D4; text-decoration:underline; }
div.content a:hover { text-decoration:none; }

div.header-content {
	background:url(../img/header-content-bg.jpg);
	height:117px;
}
div.homepage-inner {
	padding-top:70px;
}
div.content-inner {	padding:20px 0 30px 0; float:left; width:100%; border-bottom:1px solid #E0E0E0; margin-bottom:20px;  }
div.content-inner p { padding:5px 0; margin:5px 0; }
div.content-inner img.fan {float:left; width:40px; height:40px; margin-right:10px;}  
div.content-inner h1 { font-size:35px; color:#848484; padding:0 0 15px 0; }
div.content-inner h2 { font-size:18px; font-weight:bold; color:#848484;	border-bottom:1px solid #e0e0e0; margin:5px 0; padding:5px 0; width:100%; float:left; }

div.content-inner ul.blue-dot { display:block; line-height: 20px; }
div.content-inner ul.blue-dot.last { display:block; line-height: 20px;float:left; }

div.content-inner ul.blue-dot li { color:#7B7B7B; font-size:13px; padding-bottom:8px; list-style-image:url(../img/dot-bl.gif); list-style-position:outside; margin-left:15px;}

div.content-inner .left {float:left;width: 170px;}
div.content-inner .left .subnav ul li  {width: 170px;}
div.content-inner .left .subnav ul li.active-sub {}
div.content-inner .left .subnav ul li.active-sub a {background: none repeat scroll 0 0 #59B8D6;border-radius: 3px 3px 3px 3px;}

div.content-inner .left .subnav ul li a {margin: 1px 0;background: none repeat scroll 0 0 #ededed; border-radius: 3px 3px 3px 3px;}
div.content-inner .left .subnav ul li a:hover {background: none repeat scroll 0 0 #59B8D6;}

.subnav.lista ul li a {margin: 1px 0;background: none repeat scroll 0 0 #ededed; border-radius: 3px 3px 3px 3px;}
div.content-inner .subnav.lista ul li a:hover {background: none repeat scroll 0 0 #59B8D6;}


div.content-inner .right {float:right;width: 750px;}


div.content p {
	color:#7b7b7b;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}
.main-nav {
	float:right;
	margin:15px 0 0 0;
	position:relative;
	z-index:1100;
}
.main-nav ul {
}
.main-nav ul li {
	display:inline-block;
	zoom: 1;
 	*display:inline;
}

ul.main-submenu {
    display: block;
    left: 89px;
    position: absolute;
    width: 171px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #59B8D6;
    border-top: 1px solid #59B8D6;
    border-bottom: 1px solid #59B8D6;
    border-radius: 0px 3px 3px 0px;
    top: 45px;
}


div.info ul.main-submenu li {
    float:left;
    padding: 8px;
    width:145px;
    text-align:	left;
    border-top: 1px solid #E1E1E1;
    margin-left: 8px;
}

div.info ul.main-submenu li a {
	float:left;
	width:100%;
	font-size:12px;
	color:#59B8D6;
        text-transform: uppercase;
	font-weight: bold;
	padding: 4px;
}

div.info ul.main-submenu li a:hover {
text-decoration:underline;
}

div.logo {
	float:left;
	margin:3px 0 0 20px;
	position:relative;
	z-index:1001;
}

div.logo a {
    display: block;
    height: 120px;
    width: 165px;
	position: absolute;
	top: 0;
	left: 0;
}

ul.columns {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ul.columns li {
	float: left;
	display: inline;
	position: relative;
	margin:0;
	text-align:center;
	cursor:pointer;
}
ul.columns li.lang {
	margin-top:2px;
}
ul.columns li a {
	width:72px;
	display:block;
	padding: 6px;
}
ul.columns li a.lang {
	background:url(../img/flag-arrow.png) no-repeat 41px 5px;
	width:45px!important;
}
ul.columns li:hover {
	z-index: 99;
}
ul.columns li a {
	text-decoration:none;
}
ul.columns li span {
	position: relative;
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
}
ul.columns li:hover span {
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color:#27b1da;
}
ul.columns li .info {
	position: absolute;
	left: 0;
	top: 0;
	padding: 45px 21px 11px;
	border: 1px solid #59B8D6;
	display: none;
	background: #fff;
	font-size: 1.2em;
	background:#fff;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
}

ul.columns li .lang {
	background:url(../img/flag-arrow-h.png) no-repeat 41px 5px #fff;
	width:45px!important;
}

ul.columns li .lang span a {
	width:10px!important;
	float:left;
	padding:6px!important;
}


ul.columns li .info img {
	border-top:1px solid #27b1da;
	padding-top:10px;
}
ul.columns li:hover .info {
	display: block;
}
ul.columns li h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0;
}
ul.columns li p {
	padding: 0;
	font-size: 0.9em;
	margin-bottom:5px;
}
/* Homepage Boxes*/
div.boxes {
	float:left;
	background:url(../img/boxes-holder-bg.jpg) no-repeat;
	padding:5px;
	margin:15px 15px 10px 15px;
	
}
div.boxes span {
	display:block;
}
div.boxes span.text {
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}
div.boxes span.heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	text-shadow:2px 2px 2px #9f9f9f;
	padding-bottom:22px;
	font-weight:bold;
}
div.boxes span.box-image {
	padding-bottom:10px;
}
div.boxes a {
	display:block;
	float:left;
	width:215px;
	padding:20px 25px 25px 25px;
	height:250px;
	background:url(../img/boxes-bg.jpg);
	text-decoration:none;
}
div.boxes a.box1,
div.boxes a.box2 {
	margin-right:50px;
}
div.boxes .box1-hover {
	background-position:0 -295px;
}
div.boxes .box2-hover {
	background-position:0 -590px;
}
div.boxes .box3-hover {
	background-position:0 -885px;
}
/* Summary Boxes*/

div.summary{
	display:block;
	float:left;
	width:225px;
	padding:20px;
	text-decoration:none;
	margin-right:50px;
	min-height:133px;
	height:auto !important;
	height:133px;
}

div.summary h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#848484;
	padding-bottom:10px;
}

div.summary-last {
	margin-right:0;
}
/* news and contact */

div.company-news { float:left; padding:0 30px 20px 50px; width:544px; border-right:1px solid #e0e0e0; }
div.company-news h3 { font-family:Arial, Helvetica, sans-serif;	font-size:15px; font-weight:bold; color:#848484; padding-bottom:10px; }
div.company-news span { display:inline; font-weight:bold; }
div.company-news ul li { color:#7b7b7b; font-size:13px;	font-family:Arial, Helvetica, sans-serif; line-height:20px;	padding-bottom:2px;	float:left;	width:100%; }
div.company-news ul li span { float:left; display:block; padding-right:5px; }
div.company-news ul li a { float:left; font-size:13px; color:#848484; text-decoration:none; width:462px; }
div.company-news ul li a:hover { color:#02a3d4; }
div.contact-info { padding:0 13px 0 45px; float:left; width:200px; }
div.contact-info a { font-size:13px; color:#02a3d4; }
div.contact-info a:hover { text-decoration:none; }
div.contact-info span { float:left; }
div.contact-info p { float:left; }
div.contact-info h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#848484;
	padding-bottom:10px;
}
div.footer {
	float:left;
	width:100%;
	border-top:1px solid #E0E0E0;
	margin-top:20px;
}

div.footer img {
	float:left;
}

div.footer span {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7B7B7B;
	padding:18px 20px 0 0;
}

div.portfolio-timeline ul li {
	display:inline-block;
	zoom: 1;
 	*display:inline;
}

div.portfolio-timeline ul li a {
	padding:10px;
	text-decoration:none;
	color:#848484;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}

div.portfolio-timeline ul li a:hover {
	text-decoration:underline;
}

div.portfolio-timeline ul li.active-year a {
	color:#59b8d4;
}

/* sub navigation */

div.subnav {
    float: left;
    margin-left: 200px;
}

div.content-inner .left div.subnav, div.content div.subnav.lista, ul.columns div.subnav {
    float: left;
    margin-left: 0px;
}


div.subnav ul li {
	float:left;

}
div.subnav ul li a {
	padding:10px;
	text-decoration:none;
	color:#848484;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	display:block;
	
}

div.subnav ul li.active-sub a {
	background:#59b8d6;
	color:#fff;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	margin:0 2px;

}

.active {
	background:url(../img/arow-active.gif) no-repeat top;
	height: 18px;
	margin-top:12px;
}

div.subnav ul li a:hover {
	text-decoration:underline;
	background:#59b8d6;
	color:#fff;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
}

div.portfolio {	float:left; width:100%; }
div.portfolio-header { float:left; padding:0 15px 15px 0; }
div.portfolio-header h1 { font-size:35px; color:#848484; padding-bottom:5px; }
div.portfolio-timeline { float:left; margin:10px 0 0 0;	background:url(../img/timeline-bg.jpg) no-repeat 0 7px; }
div.portfolio-item { width:390px; height: 245px; float:left;	background:url(../img/portfolio-item-bg.png) no-repeat top;	margin:20px 40px;
    position: relative;
}


.portfolio-hover {
	background-position:top !important ;
	cursor:pointer;
}

div.portfolio a {
    color:#ffffff;
	text-decoration:none;
}

/*
div.portfolio .portfolio-hover span.name {
	color:#fff ;
}


div.portfolio .portfolio-hover a {
	color:#02A3D4;
	text-decoration:underline;
}
*/
div.portfolio-hover .info span.icon-tehn {display: block;}
div.portfolio .portfolio-hover .info span.adress {display: block;}

div.portfolio-item span.name {
	color: #ffffff;
	font-size: 20px;
    margin: 10px 0 10px 25px;
	float: left;
	width: 340px;
    border-bottom: 1px solid;
    padding: 0 0 5px;
}
div.portfolio-item span.adress {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	margin: 0 25px 10px 0;
	float:right;
    padding: 12px;
    border-radius: 5px;
    background-color: #02A3D4;
    display: none;
}

div.portfolio-item span.portfolio-thumb {
	margin:5px;
	float:left;
}

div.portfolio-item span.icon-tehn {color: #ffffff; float: left; font-size: 12px; font-weight: bold; height: 55px;
    margin-left: 25px; text-transform: uppercase; width: 340px;
    display: none;
}

div.portfolio-item span.icon-tehn li {background:url(../img/check-portfolio.jpg) no-repeat bottom left;
    margin-bottom: 5px;
    height: 12px;
    padding-left: 20px;
}

div.portfolio-item .info {background:url(../img/portfolio-item-bg.png) no-repeat center bottom;
    position: absolute;
    width: 390px;
    bottom: 0px;
    float: left;
    border-top: 5px solid #ececec;
}
/* News Page */

div.news-page { width:670px; float:left; display:block; border-right:1px solid #e0e0e0; padding-right:30px; }
div.news-page ul.news-list { float:left; }
div.news-page ul.news-list li { width:100%; float:left; display:block; border-bottom:1px solid #e0e0e0; padding:20px 0; }
div.news-page ul.news-list li.last { border:0; }
div.news-page ul.news-list li img { width:70px; height:70px; border:10px solid #dfdcdc; float:left; display:block; margin-right:20px; }
div.news-page ul.news-list li span { font-size:12px; color:#7B7B7B; }
div.news-page ul.news-list li div.short { font-size:13px; color:#7B7B7B; line-height:20px; }
div.news-page ul.news-list li h3 { font-size:18px; color:#59b8d6; padding-bottom:5px; }

div.news-page ul.news-list li a:hover img { border:10px solid #eceaea; }
div.news-page ul.news-list li a { text-decoration:none; }
div.news-page ul.news-list li a:hover h3 { text-decoration:none; color:#69cded; }

div.paging { float:left; font-size:12px; padding:20px 0; width:100%; }
div.paging span a { float:left; padding:5px 8px; margin-right:5px; text-decoration:none; color:#7B7B7B; }
div.paging span a:hover { text-decoration:underline; }
div.paging span.current { float:left; background:#59b8d6; padding:5px 8px; margin-right:5px; color:#fff; }

div.news-page-details { width:670px; float:left; display:block; border-right:1px solid #e0e0e0; padding:20px 30px 0 0; }
div.news-page-details img { width:210px; height:210px; border:10px solid #dfdcdc; float:right; margin:52px 0 15px 20px; }
div.news-page-details img.news_thumb { width:55px; height:55px; }
div.news-page-details h3 { font-size:22px; color:#59b8d6; }
div.news-page-details span { font-size:12px; color:#7B7B7B; }

div.news-page-details div.files { width:100%; float:left; border-top:1px solid red;}
div.social-networks { padding:30px 0 10px; text-align:left; width: 100%; float:left; }

a.back { background:#59b8d6; color:#fff!important; text-decoration:none!important; font-size:12px; padding:2px 5px; -moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */ border-radius: 3px; /* CSS3 */ }
a.back:hover { background:#64caeb; }

a.more { background:#59b8d6; color:#fff!important; text-decoration:none!important; font-size:12px; padding:4px 5px; float:right; -moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */ border-radius: 3px; /* CSS3 */ }
a.more:hover { background:#64caeb; }
a.more img { float:none!important; padding:0!important; }
a.more.left {float: none;}
/* Contact Page */
div.contact { width:100%; float:left; padding:20px 0; }
div.contact form { width:460px; float:right; }
div.contact form div { width:460px; float:left; padding-bottom:5px; }
div.contact form div.btn { padding:5px 0 5px 123px; font-size:13px; color:#7B7B7B; }
div.contact form div label img { float:left; }
div.contact form div label { width:110px; padding-right:15px; float:left; font-size:13px; color:#7B7B7B; padding-top:5px; text-align:right; }
div.contact form div input { width:266px; height:27px; float:left; padding:2px 8px; font-size:12px; color:#7B7B7B; border-top:1px solid #c0c0c0; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
div.contact form div input:focus { border:1px solid #999; }
div.contact form div textarea { width:311px; height:112px; float:left; padding:8px; font-size:13px; color:#7B7B7B; font-family:Arial, Helvetica, sans-serif;  border-top:1px solid #c0c0c0; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
div.contact form div textarea:focus { border:1px solid #999; }
div.contact form div input.btn { width:104px; height:34px; border:0; cursor:pointer; background:url(../img/btn_submit01.gif) no-repeat center center; font-size:15px; color:#fff;}
div.contact form div input.btn:hover { background:url(../img/btn_submit01_h.gif) no-repeat center center; }

div.contact div.info { width:400px; float:left; font-size:15px; color:#7B7B7B; line-height:20px; }
div.contact span.sub { background:#59b8d6; color:#fff; padding:5px; margin-bottom:5px; float:left; }
div.contact span { width:100%; }

div.product-block { float:left; width:100%; padding-bottom:20px; }
div.product-block img { float:left; padding:4px 20px 0 0; }
div.product-block ul { float:left; width:780px;  }
div.product-block p { float:left; width:780px;  }


.right .product-block ul {width:590px;}
.right .product-block p {width:590px;}

div.product-block2 { float:left; padding-left:25px; width:160px; }
div.product-block2 h3 { font-size:13px; color:#7B7B7B; font-weight:bold; padding-bottom:8px; }
div.product-block2 ul li { list-style-position:outside!important; }

div.portfolio ul.klijenti { float:left; display:block; padding:10px 0 30px 0;}
div.portfolio ul.klijenti li {background: none repeat scroll 0 0 #FFFFFF; border: 6px solid #E9E9E9; float: left; height: 85px; margin: 0 7px 7px 0; width: 172px;}
/* div.portfolio ul.klijenti li { float:left; width:450px; height:290px; background:#fff; margin:0 7px 7px 0; border:3px solid #e9e9e9; border-radius: 5px;}*/
div.portfolio ul.klijenti li:hover {border:6px solid #e0dede;}
div.portfolio ul.klijenti li img { float:left; padding:7px; }
div.portfolio ul.klijenti li p {color: #59B8D6; float: left; line-height: 13px; padding: 10px 5px 0 0; width: 75px;}
/* div.portfolio ul.klijenti li p { width float:left; line-height:13px; color:#848484;font-size: 16px; font-weight:bold;}*/
div.portfolio ul.klijenti li p.desc {float:right; margin: 0 5px; height:70px; width: 355px;font-size: 12px; font-weight:normal;}
div.portfolio ul.klijenti li p.url {float:right; margin: 0 5px;height: 13px;width: 355px;font-size: 12px; font-weight:normal;}
div.portfolio ul.klijenti li p.clientdesc {float:right; padding: 0 5px; border-top: 1px solid #E9E9E9;height: 148px;width: 440px;font-size: 12px; font-weight:normal;}
div.portfolio ul.klijenti li p:hover.clientdesc {background-color:#59B8D6;color:#ffffff;}
div.portfolio ul.klijenti li p span { float:left; font-size: 14px; font-weight:bold;margin: 5px 0;width: 100%;}
div.portfolio ul.klijenti li p a { text-decoration: underline;}
div.portfolio ul.klijenti li p a:hover { text-decoration: none;}

div.block-335 { width:335px; position:relative; float:right; margin-top:15px; text-align:center;  }

div.blue-block-335 { width:315px; position:relative; float:right; background:#59b8d6; padding:10px; color:#fff; line-height:17px; font-size:13px; margin-top:15px;  }
div.blue-block-335 .top { width:335px; height:5px; position:absolute; top:0; left:0; background:url(../img/bg-blue-block335.gif) no-repeat top left; }
div.blue-block-335 .bottom { width:335px; height:5px; position:absolute; bottom:0; left:0; background:url(../img/bg-blue-block335.gif) no-repeat bottom left; }
div.blue-block-335 ul {list-style:disc inside;}

div.blue-block-335 strong { text-transform:uppercase; font-size:15px;color:#fff !important;}
div.blue-block-335 p {color:#fff; line-height:17px; font-size:13px;}
div.blue-block-335 a {color:#fff; text-decoration:underline;}

div.block-225 { width:335px; position:relative; float:right; margin-top:15px;  }

div.blue-block-225 { width:205px; position:relative; float:right; background:#59b8d6; padding:10px; color:#fff; line-height:17px; font-size:13px; margin-top:15px;  }
div.blue-block-225 .top { width:225px; height:5px; position:absolute; top:0; left:0; background:url(../img/bg-blue-block225.gif) no-repeat top left; }
div.blue-block-225 .bottom { width:225px; height:5px; position:absolute; bottom:0; left:0; background:url(../img/bg-blue-block225.gif) no-repeat bottom left; }
div.blue-block-225 ul {list-style:disc inside;}

div.blue-block-225 strong { text-transform:uppercase; font-size:15px;color:#fff !important;}
div.blue-block-225 p {color:#fff; line-height:17px; font-size:13px;}
div.blue-block-225 a {color:#fff; text-decoration:underline;}


div.slide-block {width:335px; position:relative; float:right;color:#fff; line-height:17px; font-size:13px; margin-top:15px;}


div.green-block-335 { width:315px; position:relative; float:right; background:#c4da48; padding:10px; color:#424242; line-height:17px; font-size:13px; margin-top:15px;}
div.green-block-335 strong {color:#424242 !important; font-size: 15px; text-transform: uppercase;}
div.green-block-335 .top { width:335px; height:5px; position:absolute; top:0; left:0; background:url(../img/bg-green-block-335.gif) no-repeat top left; }
div.green-block-335 .bottom { width:335px; height:5px; position:absolute; bottom:0; left:0; background:url(../img/bg-green-block-335.gif) no-repeat bottom left; }

ul.products { float:left; display:block; padding-left:45px; }
ul.products li { float:left; display:block; width:225px; height:145px; margin:15px 30px; }
ul.products li h2 { float:left; display:block; width:225px; text-align:center; color:#858585; font-size:14px; border:0; margin:0; padding-bottom:10px; height:30px; }
ul.products li img { float:left; display:block; border:6px solid #b2b2b2; }

				div.slider-wrapper h2, h1, span.name {
				font-family: 'DIN30640StdNeuzeitGroteskLigh', Arial Bold, Helvetica;
				}
				div.main-nav span {
				font-family: 'DIN1451StdEngschrift', Arial, Helvetica;
						}
@font-face {
    font-family: 'DIN30640StdNeuzeitGroteskLigh';
    src: url('dinneuzeitgroteskstd-light-webfont.eot');
    src: url('dinneuzeitgroteskstd-light-webfont.eot?iefix') format('eot'),
         url('dinneuzeitgroteskstd-light-webfont.woff') format('woff'),
         url('dinneuzeitgroteskstd-light-webfont.ttf') format('truetype'),
         url('dinneuzeitgroteskstd-light-webfont.svg#webfontFBdA2kVW') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DIN1451StdEngschrift';
    src: url('dinengschriftstd-webfont.eot');
    src: url('dinengschriftstd-webfont.eot?iefix') format('eot'),
         url('dinengschriftstd-webfont.woff') format('woff'),
         url('dinengschriftstd-webfont.ttf') format('truetype'),
         url('dinengschriftstd-webfont.svg#webfontSJ6330cU') format('svg');
    font-weight: normal;
    font-style: normal;
}

div.news-files { width:100%; float:left; }
div.news-files div.photo { widows:380px; float:left; padding-top:10px; }
div.news-files div.photo ul { width:100%; float:left; }
div.news-files div.photo ul li { width:70px; float:left; margin-right:10px; }
div.news-files div.photo ul li img { float:left; margin-top:15px!important; }
ul.photo-list li {float: left; background: url(/img/photo-shadow.png) bottom center; padding-bottom: 8px; margin-right:7px;}
ul.photo-list li.last {margin-right:0px;}
ul.photo-list li a img {border: 1px solid #cccccc;width: 140px;}
div.content-inner h2.blue {color: #02A3D4}
div.content-inner h2.blue span {float:left;margin:-7px 7px 0px 0px;}

div.content-inner strong {color: #848484;}
.two-col {width: 690px;margin:auto;}
.two-col .blue-block-335 {float: left;height: 140px;margin-right: 10px;margin-top: 0;}

/* page slide */

.content-inner .slider-wrapper {float: right; position: relative; width:335px; padding:0px; height:auto;}
.content-inner .slider-wrapper #yourSliderId{float:left;list-style:none outside none ;margin:0;overflow:hidden;padding:0;position:relative;}
.content-inner .slider-wrapper #yourSliderId li{display:none;float:left;margin:0;position:absolute;width:100%;}
.content-inner .slider-wrapper #yourSliderId li.current{display:block;z-index:2;}
.content-inner .slider-wrapper #yourSliderId li.next{display:block;z-index:1;}
.content-inner .slider-wrapper #yourSliderId li ul li{display:block;position:relative;}

.slider-wrapper a.more-slider { text-decoration:underline; font-weight:bold; margin-top:15px; }

.content-inner .slider-wrapper.fan #yourSliderId, #yourSliderId li {height: 243px;position: relative;width: 335px;}
.content-inner .slider-wrapper.fan .slide img {height: 241px; position: absolute; width: 333px; right:0px;border: 1px solid #CCCCCC;}
.content-inner .slider-wrapper.fan .slider_arrow_left{margin-bottom:50px;}
.content-inner .slider-wrapper.fan .slider_arrow_right{margin-bottom:50px;}

.content-inner .slider-wrapper.eshop #yourSliderId, #yourSliderId li {height: 235px;position: relative;width: 335px;}
.content-inner .slider-wrapper.eshop .slide img {height: 233px; position: absolute; width: 333px; right:0px;border: 1px solid #CCCCCC;}
.content-inner .slider-wrapper.eshop .slider_arrow_left{margin-bottom:50px;}
.content-inner .slider-wrapper.eshop .slider_arrow_right{margin-bottom:50px;}

.content-inner .slider-wrapper.crm #yourSliderId, #yourSliderId li {height: 235px;position: relative;width: 335px;}
.content-inner .slider-wrapper.crm  .slide img {height: 233px; position: absolute; width: 333px; right:0px;border: 1px solid #CCCCCC;}
.content-inner .slider-wrapper.crm  .slider_arrow_left{margin-bottom:255px;}
.content-inner .slider-wrapper.crm  .slider_arrow_right{margin-bottom:255px;}

.content-inner .slider-wrapper.board #yourSliderId, #yourSliderId li {height: 232px;position: relative;width: 335px;}
.content-inner .slider-wrapper.board  .slide img {height: 230px; position: absolute; width: 333px; right:0px;border: 1px solid #CCCCCC;}
.content-inner .slider-wrapper.board  .slider_arrow_left{margin-bottom:50px;}
.content-inner .slider-wrapper.board  .slider_arrow_right{margin-bottom:50px;}

.content-inner .slider-wrapper.news #yourSliderId, #yourSliderId li {height: 234px;position: relative;width: 335px;}
.content-inner .slider-wrapper.news  .slide img {height: 232px; position: absolute; width: 333px; right:0px;border: 1px solid #CCCCCC;}
.content-inner .slider-wrapper.news  .slider_arrow_left{margin-bottom:85px;}
.content-inner .slider-wrapper.news  .slider_arrow_right{margin-bottom:85px;}

.content-inner .slider-wrapper.portal #yourSliderId, #yourSliderId li {height: 234px;position: relative;width: 335px;}
.content-inner .slider-wrapper.portal  .slide img {height: 232px; position: absolute; width: 333px; right:0px;border: 1px solid #CCCCCC;}
.content-inner .slider-wrapper.portal  .slider_arrow_left{margin-bottom:70px;}
.content-inner .slider-wrapper.portal  .slider_arrow_right{margin-bottom:70px;}

.content-inner .slider-wrapper.testiranje #yourSliderId, #yourSliderId li {height: 236px;position: relative;width: 335px;}
.content-inner .slider-wrapper.testiranje  .slide img {height: 234px; position: absolute; width: 333px; right:0px;border: 1px solid #CCCCCC;}
.content-inner .slider-wrapper.testiranje  .slider_arrow_left{margin-bottom:140px;}
.content-inner .slider-wrapper.testiranje  .slider_arrow_right{margin-bottom:140px;}

.content-inner .no-border {border-bottom:0px;}

.content-inner .interni-portal{margin-bottom:20px;margin-top:10px;}
.content-inner .interni-portal img:hover {opacity: 1;}
.content-inner .interni-portal p{margin:0px;padding:0px;}
.content-inner .interni-portal img {opacity: 0.7; float:left; display:block; margin-right:10px; background: url(/img/interni-portal/shadow.png) no-repeat bottom right; padding:0px 10px 10px 0px;}

.main-nav ul li.icon {padding:0;}
.main-nav ul li.icon a{width:29px;padding:0 8px 0 0;}
.main-nav ul li.icon a.first {width:29px;padding:0 3px 0 15px;}
.main-nav ul li.icon img:hover {opacity: 1;}
.main-nav ul li.icon img {opacity: 0.7;}

/* Clients List */
ul.clients-list { width:100%; float:left; padding:20px 0; }
ul.clients-list li { float:left; display:block; width:445px; padding:0 45px 50px 0; }
ul.clients-list li.sec { padding-right:0; }
ul.clients-list li img { width:100px; float:left; padding:3px; border:1px solid #E0E0E0; margin-right:10px; }
ul.clients-list li .clients-info { width:325px; float:right; }
ul.clients-list li .clients-info h2 { font-size:17px; color:#59b8d6; border:0; margin:0; padding:0!important; }
ul.clients-list li .clients-info a { font-size:12px; }
ul.clients-list li .clients-info p { padding:10px 0; margin:0; float:left; line-height:18px; }
ul.clients-list li .clients-services { width:335px; float:left; padding-top:5px; }
ul.clients-list li .clients-services ul { width:335px; float:left; }
ul.clients-list li .clients-services ul li { float:left; display:block; font-size:11px; color:#59b8d6; padding:0 5px 5px 0; width:160px; }
ul.clients-list li .clients-services ul li img { width:12px; float:left; padding:0 5px 0 0!important; margin:0; border:0; }

/* Web Application */
ul.web-applicaiton { width:100%; float:left; padding:20px 0; }
ul.web-applicaiton li { width:100%; float:left; display:block; padding-bottom:50px; }
ul.web-applicaiton li .img { width:270px; background:#3ab5db; padding:8px; float:left; display:block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(/js/PIE.htc); }
ul.web-applicaiton li .img img { width:270px; float:left; }
ul.web-applicaiton li .app-info { width:630px; float:right; }
ul.web-applicaiton li .app-info h2 { width:100%; float:left; margin:0; border:0; padding:0 0 10px 0; color:#3ab5db; font-weight:normal; }
ul.web-applicaiton li ul.tool { width:630px; float:right; padding:10px 0; }
ul.web-applicaiton li ul.tool li { float:left; display:block; width:auto; font-size:13px; color:#3ab5db; font-weight:bold; padding:0 15px 0 0; }
ul.web-applicaiton li ul.tool li img { float:left; display:block; padding-right:5px; }
ul.web-applicaiton li .links { width:630px; float:right; position:relative; bottom:0; }
ul.web-applicaiton li .links a.link { background:#3ab5db; padding:6px 10px; font-size:13px; color:#fff; text-decoration:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(/js/PIE.htc); float:left; margin-right:10px; }
ul.web-applicaiton li .links a.link:hover { background:#44c4ec; }
ul.web-applicaiton li .links a.gallery { background:#a4b0b4; padding:6px 10px; font-size:13px; color:#fff; text-decoration:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(/js/PIE.htc); float:left; }
ul.web-applicaiton li .links a.gallery:hover { background:#bac2c4; }


a.mob-app { width:232px; height:37px; position:absolute; bottom:28px; left:83px; background:url(../img/btn_mobile01.png) no-repeat top left; text-indent:-9999px; }
a.mob-app:hover { background:url(../img/btn_mobile01_h.png) no-repeat top left; }

.banner { float:left; padding:20px 0; }

.facediv { float:left; height:20px!important; width:100px!important; }