@charset "utf-8";
body,td,th {
	background-color: #2e2e2f;
	background-image: url(../images/background_sr.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	font-family: Tahoma, Arial;	font-size: 11px;
	color: #bbbbbb;
}
a:link { color: #CCCCCC; text-decoration: none; }
a:visited { 	color: #CCCCCC; text-decoration: none; }
a:hover { color: #CCCCCC; text-decoration: underline; }
a:active { color: #CCCCCC; text-decoration: none; }

h1 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif; font-size: 32px; color: #FFFFFF;
	line-height:64px;
}
h2 {
	margin: 0;
	font-size: 36px; color: #999999; line-height:70px;
	font-family: "Trebuchet MS", Arial, Verdana;
}
h3 {
	margin: 0;
	font-size: 22px; color: #FFFFFF; line-height:70px;
	font-family: "Trebuchet MS", Arial, Verdana;
}
h4 {
	margin: 0;
	font-size: 22px; color: #FFFFFF; line-height:58px;
	font-family: "Trebuchet MS", Arial, Verdana;
}
h5 {
	margin: 15px 0 15px 0;
	font-size: 18px; color: #A6EDFF; line-height:25px; font-weight: normal;
	font-family: "Trebuchet MS", Arial, Verdana;
	border-bottom:1px solid #333333;
	padding-bottom: 10px;
}

#navigation {
	float: left;
	margin: 0px; padding: 0 20px 0 80px;
	width: 880px; height: 44px;
	background-image: url(../images/nav_bg.gif);
}
#flash {
	float: left;
	margin: 0px;
	width: 980px; height: 518px;
	background-color: #000000;
}
.container {
	width: 980px;
	margin-top: 191px; margin-right: auto; margin-left: auto;
}
.black {
	float: left;
	width: 100%;
	background-color: #000000;
	margin-bottom: 0px;
}
.footer {
	clear: both;
	width: 980px; height: 85px;
	margin-top: 10px; margin-right: auto; margin-left: auto;
	padding-top: 10px;
	text-align: center; font-size: 11px; line-height: 18px; color: #999999;
}
.pitanja {
	width: 865px;
	padding: 30px 40px 30px 40px;
	margin-top: 0px; margin-bottom: 0px; margin-left: 17px;
	background-color: #0c1214;
	background-image: url(../images/background_pitanja.jpg);
	background-repeat: no-repeat; background-position: center top;
	color: #CCCCCC; font-size: 12px; line-height: 16px;
}
.pitanadown {
	clear: both; float: none;
	height: 29px; width: 980px;
	margin-right: auto; margin-left: auto; margin-bottom: 10px;
	background-image: url(../images/background_pitanja2.jpg);
}
.field1 {
	float: left;
	height: 176px; 	width: 280px;
	margin-right: 10px;
	padding-left: 20px; padding-right: 20px; padding-top: 4px;
	background-image: url(../images/field1.jpg);
	font-family: Tahoma, Arial; font-size: 11px; color: #bbbbbb; line-height: 16px;
}
.field2 {
	float: left;
	height: 176px; 	width: 280px;
	margin-right: 10px;
	background-image: url(../images/field2.jpg);
	font-family: Tahoma, Arial; font-size: 11px; color: #bbbbbb; line-height: 16px;
	padding-left: 20px; padding-right: 20px; padding-top: 4px;
}
.field3 {
	float: right;
	height: 176px; 	width: 280px;
	background-image: url(../images/field3.jpg);
	font-family: Tahoma, Arial; font-size: 11px; color: #bbbbbb; line-height: 16px;
	padding-left: 20px; padding-right: 20px; padding-top: 4px;
}
.shade {
	clear: both; float: left;
	background-color: #1d1d1d;
	height: 200px; 	width: 100%;
	background-image: url(../images/shade_bg.gif);
}
.shade2 {
	width: 980px;
	margin-right: auto; margin-left: auto;
}
.fielda {
	float: left;
	height: 196px; 	width: 300px;
	margin-right: 10px;
	font-family: Tahoma, Arial; font-size: 11px; line-height: 16px;
	padding-left: 10px; padding-right: 10px; padding-top: 4px;
}
.fieldb {
	float: left;
	height: 196px; 	width: 300px;
	margin-right: 10px;
	font-family: Tahoma, Arial; font-size: 11px;  line-height: 16px;
	padding-left: 10px; padding-right: 10px; padding-top: 4px;
	background-image: url(../images/fieldb.jpg);
}
.fieldc {
	float: right;
	height: 196px; width: 298px;
	font-family: Tahoma, Arial; font-size: 11px; line-height: 16px;
	padding-left: 10px; padding-right: 10px; padding-top: 4px;
	background-image: url(../images/fieldc.jpg);
}
.fieldinner {
	float: right;
	height: 130px; 	width: 168px;
}

.greybutton {
	display:block;
	width:86px; height: 26px;
	margin-top: 10px;
	background-color: #F7F7F7;
	background-image: url(../images/greybutton_np.gif);
	background-repeat: no-repeat;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #FFFFFF; text-decoration: none; text-align: center; line-height: 22px;
}
a.greybutton:link { background-image: url(../images/greybutton_np.gif); 	text-decoration: none; }
a.greybutton:hover { background-image: url(../images/greybutton_pr.gif); text-decoration: none; }

.navbutton {
	display:block;
	float: left;
	margin-right: 1px;
	width:100px; height: 44px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; text-decoration: none; text-align: center; line-height: 44px; color: #FFFFFF;
	background-repeat: no-repeat;
}
a.navbutton:link { text-decoration: none; }
a.navbutton:hover { background-image: url(../images/nav1_pr.gif); text-decoration: none; }
.navbuttonon {
	display:block;
	float: left;
	margin-right: 1px;
	width:100px; height: 44px;
	background-image: url(../images/nav1_on.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; text-decoration: none; text-align: center; line-height: 44px; color: #FFFFFF;
}
.labuttonon {
	float: right;
	display:block;
	width:65px; height: 44px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; text-decoration: none; text-align: center; line-height: 44px; color: #FFFFFF;
}
.labutton {
	display:block;
	float: right;
	width:65px; height: 44px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; text-decoration: none; text-align: center; line-height: 44px; color: #FFFFFF;
}
a.labutton:link { text-decoration: none; }
a.labutton:hover {
	background-image: url(../images/nav2_pr.gif); background-repeat: no-repeat; background-position: center;
	text-decoration: none;
}
.oprogramu {
	float: left;
	width: 865px;
	padding: 30px 40px 30px 40px;
	margin-top: 0px; margin-bottom: 0px; margin-left: 17px;
	background-color: #0C1114;
	background-image: url(../images/background_pitanja.jpg); background-repeat: no-repeat; background-position: center top;
	color: #CCCCCC; font-size: 12px; line-height: 16px;
}
.oprogramu2 {
	float: left;
	width: 865px;
	background-color: #0c1214;
	padding: 30px 40px 30px 40px;
	margin-top: 0px; margin-bottom: 0px; margin-left: 17px;
	background-image: url(../images/background_pitanja.jpg); background-repeat: no-repeat; background-position: center top;
	color: #CCCCCC; font-size: 12px; line-height: 16px;
}
.okontaktu {
	float: left;
	width: 905px;
	background-color: #0C1114;
	padding: 30px 30px 30px 10px;
	margin-top: 0px; margin-bottom: 0px; margin-left: 17px;
	background-image: url(../images/background_pitanja.jpg); background-repeat: no-repeat; background-position: center top;
	color: #CCCCCC; font-size: 12px; line-height: 16px;
}
.programinfo {
	float: left;
	width: 590px;
	margin-left: 40px;
	line-height: 20px; text-align: left;
}
.contacttitle {
	float: left;
	margin-left: 55px;
}
.kontaktinfo {
	float: left;
	width: 590px;
	margin-left: 55px;
	text-align: left;
}
.kontaktinfo p { margin-bottom: 60px; }
.kontaktpic {
	float: right;
	width: 228px;
	text-align: left;
	margin-right: 20px;
}
.programpic {
	float: left;
	width: 228px;
	text-align: left;
}
.referencepic {
	float: left;
	width: 228px;
	text-align: left; line-height: 18px; color: #999999;
}
.programpic_program {
	float: left;
	width: 150px;
	text-align: left;
}
.programpic_program a img{ border: none;	}


.programinfo_program {
	float: left;
	width: 660px;
	margin-left: 40px;
	line-height: 20px; text-align: left; color: #C0C0C0;
}
.programinfo_program.distributeri { 	width:290px; }
.programinfo_program.distributeri.secondcol { margin-top:90px; }
.programfeature {
	float: left;
	margin-bottom: 30px;
}
.programinfo img {
	float: left;
	margin: 0px;
	padding: 0 15px 0 0;
}
.kontaktable {
	color: #FFFFFF;
	background-image: url(../images/spacer.gif);
	background-color: #0C1114;
}
.kontaktable2 {
	color: #ccc;
	background-image: url(../images/spacer.gif);
	background-color: #0C1114;
}

.sivopolje {
	height: 25px; width: 200px;
	padding-right: 2px; padding-left: 4px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #FFFFFF; line-height: 25px;
	border: 1px solid #000000;
	background-position: center;
	background-color: #333333;
}
.sivopolje2 {
	padding-right: 2px; padding-left: 4px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #000000;
}
.snapshotbox {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.referencebox {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.referencebox2 {
	float: left;
	width: 585px; height: 40px;
	margin-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px; line-height: 33px; color: #FFFFFF;
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #263744;
}
.referencebox2 img {
	float: right;
	margin: 0px;
	padding: 0;
}
.contactcontainer {
	float: left;
	width: 280px; height: 250px;
	font-family: Tahoma, Arial; font-size: 11px;
	margin-top: 20px; margin-bottom: 0;
}
.contactcontainer.emails {  height: 150px; margin-bottom: 0; }
.partnerhead {
	font-family: "Trebuchet MS", Arial;
	font-size: 32px; color: #5AD8FF; line-height: 32px;
}
.floatleft { float: left; }