@charset "utf-8";
/*
	Code by Goran Blazevic, Advance Media
	
	Darker blue		#6b94ad
	Medium blue		#a5c2d2
	Bright blue		#cddee7

	Darker green	#55ab12
	Medium green	#93d143
	Bright green	#c2e783
	
	Darker orange	#f77822
	Medium orange	#fbaf5d
	Bright orange	#fdd39a
	
	Darker red		#e62c30
	Medium red		#f26a6f
	Bright red		#f8a4a8
	
*/
body, p, div, a {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	background-color: #FFF;
}
table, tr, td {
	empty-cells: show;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Preloader - invisible */
#preloader {
	display: none;
	visibility: hidden;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/* Top, header + content */
#back-top {
	width: 100%;
	min-height: 1000px;
	background-image: url(../images/back-sky.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}
#top-bar {
	width: 100%;
	height: 45px;
	background-image: url(../images/top-bar-tile.png);
	background-repeat: repeat-x;
}
.centering978 {
	width: 978px;
	position: relative;
	margin: 0 auto;
}
.centering960 {
	width: 960px;
	position: relative;
	margin: 0 auto;
}
#top-logobox {
	z-index: 50;
	position: absolute;
	width: 238px;
	height: 234px;
	top: 0px;
	left: 61px;/*
	background-image: url(../images/top-am.png);
	background-position: center center;*/
}
#top-logobox a {
	float:left;
	width: 238px;
	height: 234px;
	line-height: 234px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#top-logobox a img {
	width: 238px;
	height: 234px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.ref-add-cont {
	z-index: 5;
	position: absolute;
	top: 81px;
	left: 621px;
	width: 268px;
	height: 44px;
	background-image: url(../images/quickref-title.png);
	background-position: center center;
}
.ref-img-cont {
	z-index: 10;
	position: absolute;
	top: 121px;
	left: 371px;
	width: 568px;
	height: 268px;
	background-image: url(../images/quickref-space.png);
	background-position: center center;
}
#whitespace-top {
	width: 978px;
	height: 24px;
	background-image: url(../images/whitespace-top.png);
	background-position: center center;
}
#whitespace {
	width: 978px;
	background-image: url(../images/whitespace-tile.png);
	background-position: top center;
	background-repeat: repeat-y;
}
#content {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.content-buttons {
	position: relative;
	width: 354px;
	height: 190px;
}
.vert20 {
	float: left;
	width: 20px;
	min-height: 200px;
}
.vert190 {
	float: left;
	width: 190px;
	min-height: 300px;
}
.vert500 {
	float: left;
	width: 500px;
	min-height: 400px;
}
#whitespace-bottom {
	width: 978px;
	height: 34px;
	background-image: url(../images/whitespace-bottom.png);
	background-position: center center;
}
.language-link {
	width: 150px;
	height: 40px;
	line-height: 40px;
	float: right;
	vertical-align: middle;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #FFF;
}
.language-link a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.language-link a:hover {
	color: #cddee7;
	font-weight: bold;
	text-decoration: none;	
}

/* Various buttons on the page */
.button-ponuda-hr, .button-ponuda-en {
	position: absolute;
	top: 9px;
	left: 26px;
	width: 328px;
	height: 68px;
	background-position: center center;
}
.button-ponuda-hr {
	background-image: url(../images/ponuda-hr.png);
}
.button-ponuda-hr:hover {
	background-image: url(../images/ponuda-hover-hr.png);
}
.button-ponuda-en {
	background-image: url(../images/ponuda-en.png);
}
.button-ponuda-en:hover {
	background-image: url(../images/ponuda-hover-en.png);
}
.link-ponuda {
	float: left;
	width: 320px;
	height: 60px;
	margin-left: 4px;
	margin-top: 1px;
}
.link-mali {
	float: left;
	width: 86px;
	height: 60px;
	margin-left: 4px;
	margin-top: 1px;
}
.button-twitter {
	position: absolute;
	top: 99px;
	left: 26px;
	width: 94px;
	height: 68px;
	background-image: url(../images/twitter.png);
	background-position: center center;
}
.button-twitter:hover {
	background-image: url(../images/twitter-hover.png);
}
.button-facebook {
	position: absolute;
	top: 99px;
	left: 143px;
	width: 94px;
	height: 68px;
	background-image: url(../images/facebook.png);
	background-position: center center;
}
.button-facebook:hover {
	background-image: url(../images/facebook-hover.png);
}
.button-skype {
	position: absolute;
	top: 99px;
	left: 260px;
	width: 94px;
	height: 68px;
	background-image: url(../images/skype.png);
	background-position: center center;
}
.button-skype:hover {
	background-image: url(../images/skype-hover.png);
}

/* Left menu */
.menu-list {
	border: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
}
.menu-item {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	width: 190px;
	height: 40px;
	background-image: url(../images/circle-red.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.menu-item:hover {
	background-image: url(../images/circle-green.png);
}
.menu-item a {
	float: left;
	width: 190px;
	height: 40px;
	text-decoration: underline;
	color: #000;
}
.menu-item a:hover {
	text-decoration: none;
	color: #e62c30;
}
.menu-text {
	float: right;
	width: 145px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}
#menu-graphics {
	background-image: url(../images/small-graphic.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu-graphics:hover {
	background-image: url(../images/small-graphic-hover.png);
}
#menu-about {
	background-image: url(../images/small-about.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu-about:hover {
	background-image: url(../images/small-about-hover.png);
}
#menu-web {
	background-image: url(../images/small-web.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu-web:hover {
	background-image: url(../images/small-web-hover.png);
}
#menu-market {
	background-image: url(../images/small-marketing.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu-market:hover {
	background-image: url(../images/small-marketing-hover.png);
}
#menu-reference {
	background-image: url(../images/small-reference.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu-reference:hover {
	background-image: url(../images/small-reference-hover.png);
}
#menu-kontakt {
	background-image: url(../images/small-kontakt.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu-kontakt:hover {
	background-image: url(../images/small-kontakt-hover.png);
}
#menu-download {
	background-image: url(../images/small-downloads.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu-download:hover {
	background-image: url(../images/small-downloads-hover.png);
}

/* Articles contents */
.art-green, .art-blue {
	position: relative;
	width: 500px;
	min-height: 200px;
	background-position: top center;
	background-repeat: no-repeat;
}
.art-green {
	background-image: url(../images/article-back-green.png);
}
.art-blue {
	background-image: url(../images/article-back-blue.png);
}
.art-title {
	margin: 0 auto;
	width: 460px;
}
.text-art-title {
	width: 390px;
	line-height: 35px;
	text-align: left;
	vertical-align: middle;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	font-style: italic;
	color: #000;
}
.art-img {
	width: 458px;
	height: 118px;
	margin: 0 auto;
	background-image:url(../images/article-image-shadow.png);
	background-position: center center;
}
.art-img-cont {
	width: 440px;
	height: 104px;
	margin: 0 auto;
	overflow: hidden;
}
.art-img-cont img, .art-img-cont object {
	margin-top: 4px;
	width: 440px;
	height: 100px;
}
.art-p {
	width: 440px;
	margin: 0 auto;
}
.text-art-p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 22px;
	text-align: justify;
}
.text-list {
	list-style-type: circle;
}
.text-list-item {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 22px;
	text-align: justify;
}
.art-blue .art-p .text-art-p a, .art-blue .art-p .text-list .text-list-item a {
	color: #6b94ad;
	text-decoration: underline;
}
.art-blue .art-p .text-art-p a:hover, .art-blue .art-p .text-list .text-list-item a:hover {
	color: #a5c2d2;
	text-decoration: none;
}
.art-green .art-p .text-art-p a, .art-green .art-p .text-list .text-list-item a {
	color: #55ab12;
	text-decoration: underline;
}
.art-green .art-p .text-art-p a:hover, .art-green .art-p .text-list .text-list-item a:hover {
	color: #93d143;
	text-decoration: none;
}
.art-obj-center {
	display: block;
	max-width: 440px;
	margin: 0 auto;
	overflow: hidden;
}
.art-obj-left {
	float: left;
	max-width: 440px;
	overflow: hidden;
	margin-right: 10px;
}
.art-icon {
	position: absolute;
	right: 15px;
	top: -20px;
	width: 70px;
	height: 70px;
	z-index: 1000;
}
.art-boxes {
	width: 300px;
}
.art-box-num {
	width: 50px;
}
.art-blue .art-p .text-art-p .art-boxes, .art-blue .art-p .text-art-p .art-textbox {
	border: 1px solid #6b94ad;
}
.art-green .art-p .text-art-p .art-boxes, .art-green .art-p .text-art-p .art-textbox {
	border: 1px solid #55ab12;
}
.art-textbox {
	width: 440px;
	height: 200px;
}

/* Right menu */
.button-virtual, .button-security, .left-container, .right-container {
	width: 178px;
	margin: 0 auto;
	background-position: left center;
	background-repeat: no-repeat;
	text-align: center;
}
.right-container a, .right-container a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	
}
.button-virtual, .button-security {
	height: 93px;
}
.left-container {
	height: 63px;
}
.right-container {
	height: 142px;
}
.button-virtual a, .button-security a {
	float: left;
	margin-top: 1px;
	margin-left: 4px;
	width: 170px;
	height: 85px;
	text-decoration: none;
	color: #000;
}
.button-virtual a:hover, .button-security a:hover {
	text-decoration: none;
}
.small-button-text {
	float: right;
	width: 145px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}

/* Downloads table */
.down-table {
	width: 440px;
}
.down-img {
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}
.down-tit {
	width: 340px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.down-tex {
	width: 340px;
	height: 60px;
	overflow: hidden;
	line-height: 20px;
	vertical-align: top;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
.down-tex a {
	text-decoration: underline;
	color: #000;
}
.down-tex a:hover {
	text-decoration: none;
	color: #999;
}

/* Panorama */
#back-bottom {
	width: 100%;
	height: 117px;
	background-image: url(../images/back-city.jpg);
	background-position: center center;
	background-repeat: repeat-x;
}

/* Footer definitions */
#footer {
	width: 100%;
	height: 200px;
	background-image: url(../images/footer-tile.png);
	background-repeat: repeat-x;
}
.footer-cell {
	width: 320px;
	height: 200px;
	vertical-align: middle;
	text-align: center;
}
.footer-text {
	line-height: 18px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.footer-text a {
	color: #FFF;
	text-decoration: underline;
}
.footer-text a:hover {
	color: #000;
	text-decoration: none;
}

/* vspacer */
.vspace10 {
	width: 100px;
	height: 10px;
}
.vspace15 {
	width: 100px;
	height: 15px;
}
.vspace20 {
	width: 100px;
	height: 20px;
}
.vspace30 {
	width: 100px;
	height: 30px;
}

/* Rotator */
/* rotator in-page placement */
div#rotator {
	position: relative;
	width: 500px;
	height: 200px;
	margin-left: 34px;
	margin-top: 29px;
}
/* rotator css */
div#rotator ul {
	border: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
}
div#rotator ul li {
	float: left;
	position: absolute;
	list-style: none;
}
/* rotator image style */	
div#rotator ul li img {
	margin: 0;
	padding: 0;
	border: 0px;
 	background-color: transparent;
}
div#rotator ul li a {
	margin: 0;
	padding: 0;
	border: 0px;
	text-decoration: none;
}
div#rotator ul li.show {
	z-index:500
}

/* reference thumbnail */
#ref-container {
	width: 440px;
}
#ref-container div {
	float: left;
	margin: 5px;
	border: 1px solid #DDD;
	height: 130px;
}
#ref-container div:hover {
	border: 1px solid #AAA;
}
#ref-container div a {
	color: #FFF;
	text-decoration: none;
}
#ref-container div a img {
	margin: 5px;
	height: 120px;
}