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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	background-image:url(../images/body_head.jpg);
	background-repeat:repeat-x;
	background-color:#f5f5f6;
}
a {
  outline: none;
  
}

.plavo {
	background-image:url(../images/plava_pozadina.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	width:980px;
	
	height:345px;
	float:left;
	clear:left;
}
#logo {
	margin-left:20px;
	width:272px;
	height:52px;
	margin-bottom:19px;
	margin-top:19px;
	float:left;
}

#logomenu {
	clear:both;
	width:980px;
	height:90px;
}

.truth {
	width:500px;
	height:345px;
	background-repeat:no-repeat;
}

#menu {
	height:90px;
	float:right;
	clear:right;
	margin-left:60px;
}
#sub_menu {
	float:right;
	width:540px;
	clear:right;
	margin-left:60px;
	background-color:#f4f4f5;
}
.menu_li {
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;
	font-weight:bold;
	padding-right:20px;
	border-right-color:#f4f4f5;
	border-right-width:1px;
	border-right-style:solid;
	color:#3b3b3c;
	padding-top:50px;
	padding-left:30px;
}
.menu_li:hover {
	background-color:#f4f4f5;
	color:#487abb;
}
.menu_li_s {
	margin:0px;
	padding:0px;
	background-color:#f4f4f5;
	color:#487abb;
	float:left;
	list-style:none;
	font-weight:bold;
	padding-right:20px;
	border-right-color:#f4f4f5;
	border-right-width:1px;
	border-right-style:solid;
	padding-top:50px;
	text-align:center;
	padding-left:30px;
}
.menus_li {
	margin:0px;
	padding:0px;
	float:left;
	background-color:#f4f4f5;
	list-style:none;
	font-weight:bold;
	padding-right:20px;
	border-right-color:#FFF;
	border-right-width:1px;
	border-right-style:solid;
	color:#acadaf;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
}
.menus_li:hover {
	color:#487abb;
}
.menus_li_s {
	margin:0px;
	padding:0px;
	background-color:#f4f4f5;
	color:#487abb;
	float:left;
	list-style:none;
	font-weight:bold;
	padding-right:20px;
	border-right-color:#FFF;
	border-right-width:1px;
	border-right-style:solid;
	text-align:center;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
}
h1 {
	color:#487abb;
	font-size:18px;
	font-weight:bold;
}
h2 {
	color:#FFF;
	font-size:18px;
	font-weight:bold;
}
h3 {
	color:#487abb;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px; 
	padding-bottom:0px
}
span {
	color:#487abb;
	font-weight:bold;
}
#main_menu {
	background-color:#f5f5f6;
	float:left;
	width:780px;
	padding-top: 100px;
	padding-right: 100px;
	padding-bottom: 100px;
	padding-left: 100px;
}
#sub_left {
	width:330px;
	padding-right:35px;
	border-right: solid 2px #487abb;
	float:left;
}
#sub_right {
	float:left;
	margin-left:50px;
	width:330px;
}
.main_menu_ul {
	width:270px;
	margin:0px;
	padding:0px;
	margin-left:15px;
	color:#487abb;
}
.crno {
	color:#000;
	font-weight:normal;
}
#wrapper #main_menu #sub_left .main_menu_ul li {
	padding-left:10px;
}
#wrapper .plavo #main_header ul li {
	padding-left:10px;
}
#wrapper .plavo #main_header ul .sub_li {
	padding-left:0px;
	margin-bottom:0px
}
a {
	text-decoration:none;
}
#wrapper #logomenu #sub_menu ul .menus_li a {
	color:#acadaf;
}
#wrapper #logomenu #menu ul .menu_li_s a {
	color:#487abb;
}
#wrapper {
	margin:0px;
	padding:0px;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#footer {
	background-image:url(../images/footer_linija.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:100%;
	color:#acadaf;
	font-weight:bold;
	float:left;
	background-color:#d2d2d4;
	position:fixed;
}
#wrapper .plavo #main_header {
	float:right;
	width:400px;
	padding-top:20px;
}
a:visited {
	color:#000;
}
.video_clip {
	padding:17px;
	float:left;
	width:128px;
	height:150px;
	position: relative;
}
.bubbleInfo {
	padding:23px;
	float:left;
	width:150px;
	height:150px;
	position: relative;
}
.popup {
	position: absolute;
	display: none;
	z-index: 150;
	background-image:url(../images/prozorce.png); 
	width:180px; 
	height:95px; 
	padding:0px 14px;
}
#shadow {
	height:20px;
	width:100%;
	background-image:url(../images/senka_dole.jpg);
	background-color:#ededed;
	background-position:center;
	background-repeat:no-repeat;
}
#shadow_top {
	background-image:url(../images/senka_gore.jpg);
	width:980px;
	height:20px;
	float:left;
}
img {
	border:none;
}
.awards {
	float:left;
	margin:10px 20px;
}
.print {
	position:absolute; 
	background-image:url(../images/prozorce.png); 
	width:152px; 
	height:141px; 
	padding:5px 15px; 
	visibility:hidden;
}
.video {
	position:absolute; 
	background-image:url(../images/prozorce.png); 
	width:152px; 
	height:141px; 
	padding:5px 15px; 
	visibility:hidden;
}
#vid11 {
	margin-top:-100px;
	margin-left:5px;
}
#vid14 {
	margin-top:-100px;
	margin-left:200px;
}
#vid12 {
	margin-top:-100px;
	margin-left:395px;
}
#vid16 {
	margin-top:-100px;
	margin-left:595px;
}
#vid9 {
	margin-top:-100px;
	margin-left:790px;
}
#vid15 {
	margin-top:95px;
	margin-left:5px;
}
#vid13 {
	margin-top:95px;
	margin-left:200px;
}
#vid10 {
	margin-top:95px;
	margin-left:395px;
}

#vid2 {
	margin-top:95px;
	margin-left:595px;
}
#vid3 {
	margin-top:95px;
	margin-left:790px;
}
#vid5 {
	margin-top:295px;
	margin-left:5px;
}
#vid17 {
	margin-top:295px;
	margin-left:200px;
}
#vid6 {
	margin-top:295px;
	margin-left:395px;
}
#vid8 {
	margin-top:295px;
	margin-left:595px;
}
#vid18 {
	margin-top:295px;
	margin-left:790px;
}
#vid7 {
	margin-top:495px;
	margin-left:5px;
}
#vid1 {
	margin-top:495px;
	margin-left:200px;
}
#vid4 {
	margin-top:495px;
	margin-left:395px;
}
#vid19 {
	margin-top:495px;
	margin-left:595px;
}
#vid20 {
	margin-top:495px;
	margin-left:790px;
}
#vid21 {
	margin-top:695px;
	margin-left:5px;
}
#vid22 {
	margin-top:695px;
	margin-left:200px;
}
#vid23 {
	margin-top:695px;
	margin-left:395px;
}
#vid24 {
	margin-top:695px;
	margin-left:595px;
}
#wrapper .plavo #main_header ul li {
	margin-bottom:10px;
}
#wrapper #main_menu #sub_left .main_menu_ul li {
	margin-bottom:10px;
}
li.menus {
	position:relative;
	z-index:20
}
ul.submenus {
	position:absolute;
	list-style:none;
	margin:0px;
	padding:0px;
	visibility:hidden
}
ul.submenus_s {
	position:absolute;
	list-style:none;
	margin:0px;
	padding:0px;
}
#wrapper #logomenu #menu ul li {
	float:left;
}
#wrapper #logomenu #menu ul li.menus ul.submenus li {
	float:left;
	margin-right:0px;
}
#wrapper #logomenu #menu ul li.menus ul.submenus {
	float:left;
	width:520px;
	height:20px;
}
#wrapper #logomenu #menu ul li.menus ul.submenus_s li {
	float:left;
	margin-right:0px;
}
#wrapper #logomenu #menu ul li.menus ul.submenus_s {
	float:left;
	width:520px;
	height:20px;
}
#wrapper #logomenu #menu ul .menus .trigger a.menu1 {
	width:99px;
	height:62px;
	display:block;
	text-indent:-10000px;
	background-image:url(../images/menus/menutruth.jpg);
	background-position:0px 62px;
}
#wrapper #logomenu #menu ul .menus .trigger a.menu1:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .trigger a.menu2 {
	width:109px;
	height:62px;
	display:block;
	text-indent:-10000px;
	background-image:url(../images/menus/menuportfolio.jpg);
	background-position:0px 62px;
}
#wrapper #logomenu #menu ul .menus .trigger a.menu2:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus a.menu3 {
	width:99px;
	height:62px;
	display:block;
	text-indent:-10000px;
	background-image:url(../images/menus/menuclients.jpg);
	background-position:0px 62px;
}
#wrapper #logomenu #menu ul .menus a.menu3:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus a.menu4 {
	width:109px;
	height:62px;
	display:block;
	text-indent:-10000px;
	background-image:url(../images/menus/menuawards.jpg);
	background-position:0px 62px;
}
#wrapper #logomenu #menu ul .menus a.menu4:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus a.menu5 {
	width:99px;
	height:62px;
	display:block;
	text-indent:-10000px;
	background-image:url(../images/menus/menucontact.jpg);
	background-position:0px 62px;
}
#wrapper #logomenu #menu ul .menus a.menu5:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu1 {
	background-image:url(../images/menus/menuhistory.jpg);
	width:99px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu2 {
	background-image:url(../images/menus/menumission.jpg);
	width:99px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu3 {
	background-image:url(../images/menus/menuhowwework.jpg);
	width:128px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu1:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu2:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu3:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu4 {
	background-image:url(../images/menus/menuvideo.jpg);
	width:99px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu5 {
	background-image:url(../images/menus/menuprint.jpg);
	width:99px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu6 {
	background-image:url(../images/menus/menustudy.jpg);
	width:98px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu4:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu5:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus li .submenu6:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu1 {
	background-image:url(../images/menus/menuhistory.jpg);
	width:99px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu2 {
	background-image:url(../images/menus/menumission.jpg);
	width:99px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu3 {
	background-image:url(../images/menus/menuhowwework.jpg);
	width:128px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu1:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu2:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu3:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu4 {
	background-image:url(../images/menus/menuvideo.jpg);
	width:99px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu5 {
	background-image:url(../images/menus/menuprint.jpg);
	width:99px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu6 {
	background-image:url(../images/menus/menustudy.jpg);
	width:98px;
	height:24px;
	display:block;
	text-indent:-10000px;
	background-position:0px 24px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu4:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu5:hover {
	background-position:0px 0px;
}
#wrapper #logomenu #menu ul .menus .submenus_s li .submenu6:hover {
	background-position:0px 0px;
}
#g1902 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:50px;
	margin-left:-10px;
	padding:3px 15px;
	display:none;
}
#g1912 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:50px;
	margin-left:48px;
	display:none;
	padding:3px 15px;
}
#g1927 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:50px;
	margin-left:175px;
	display:none;
	padding:3px 15px;
}
#g1930 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:50px;
	margin-left:195px;
	display:none;
	padding:3px 15px;
}
#g1935 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:50px;
	margin-left:235px;
	display:none;
	padding:3px 15px;
}
#g1957 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:50px;
	margin-left:410px;
	display:none;
	padding:3px 15px;
}
#g1959 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:50px;
	margin-left:425px;
	display:none;
	padding:3px 15px;
}
#g1960 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:50px;
	margin-left:440px;
	display:none;
	padding:3px 15px;
}
#g1973 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:50px;
	margin-left:540px;
	display:none;
	padding:3px 15px;
}
#g1997 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:25px;
	margin-left:738px;
	display:none;
	padding:3px 15px;
}
#g2000 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:25px;
	margin-left:757px;
	display:none;
	padding:3px 15px;
}
#g2003 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:25px;
	margin-left:780px;
	display:none;
	padding:3px 15px;
}
#g2005 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:25px;
	margin-left:793px;
	display:none;
	padding:3px 15px;
}
#g2007 {
	position:absolute;
	background-image:url(../images/prozorce_h.png);
	width:152px;
	height:145px;
	margin-top:25px;
	margin-left:807px;
	display:none;
	padding:3px 15px;
}
.on-top {
	z-index:10000;
}
#footer p a:hover {
	color:#487abb;
}
#footer p a {
	color:#acadaf;
	font-weight:bold;
}
#wrapper .plavo #main_header p a:hover {
	text-decoration:underline;
}
#wrapper #main_menu #contact a {
	background-image:url(../images/send.jpg);
	padding:15px 60px;
}
#wrapper #main_menu #contact a:hover {
	background-image:url(../images/send_href.jpg);
}