@charset "utf-8";
/* CSS Document */
body{background-color: #cccccc; background-image:url(bg.png); background-repeat:no-repeat; background-position: top center; margin: 0px 0px 0px 0px; width: 100%; height: 100%; text-align:center;}
.jezik {width:960px;height: 20px;}
.jezik img {border:none;}
.jezik a {border:none; text-decoration: none;}
.link1 {margin-left: 170px; margin-right: -10px;}
.link2 {margin-left: -10px;}
.containerindex {width:960px; height: 950px; margin:0 auto;}
.containeronama {width:960px; height: 950px; margin:0 auto;}
.containereference {width:960px; height: 2450px; margin:0 auto;}
.containervideo {width:960px; height: 1100px; margin:0 auto;}
.header{width: 960px; height: 175px;}
.busch {width: 780px; height: 90px; float: right; text-align:left;}
.busch a{margin-top: 5px;}
.busch img {border: none; margin-left: -10px;}
.slova {font-family:Verdana, Geneva, sans-serif; font-weight: bold; color: #444; font-size:12px; padding-bottom: 35px; margin-top: -15px;}
.naslov {font-family: Verdana, Geneva, sans-serif; color: #2e3192; font-size:18px; font-weight:bold; font-style:italic; text-align:left;}
h2 {font-family: Verdana, Geneva, sans-serif; color: #2e3192; font-size:18px; font-weight:bold; font-style:italic; text-align:left;}
.meni {width: 960px; height: 40px;}
.meni ul {text-align: left; list-style:none}
.meni li {display:inline;}
.meni a:link, a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 14px; padding: 5px 10px; text-decoration:none; font-weight:bold; color: #CCC;}
.meni a:hover{color: #ffffff; text-decoration:none;}
.meni a:active{color: #ffffff; text-decoration:none;}
.content {width: 960px; height: 620px;}
.podmeni {width: 700px; height: 500px; float:right; margin-top: 30px; text-align:left;}
.flash {width: 460px; height: 290px; margin-top: 20px; float:left;}
.tekst {width:200px; height: 290px; margin-top: 20px; margin-right: 20px; float:right; text-align:justify;}
.podmeni p {font-family:Verdana, Geneva, sans-serif; font-size: 12px; color: #ffffff;}
.prvi {width: 220px; height: 250px; float:left;}
.drugi {margin-left: 20px; width: 220px; height: 250px; float:left;}
.treci {width: 200px; height: 250px; margin-left: 20px; float:left;}
.info {width: 260px; height: 500px; float:left;margin-top: 30px;}
.info ul {padding-top: 20px;}
.info li {font-family:Verdana, Geneva, sans-serif; font-weight: bold; color: #333333; text-align:left; font-size:12px;}
.tel {margin-top: 40px; padding-left: 30px;}
h1 {font-family: Verdana, Geneva, sans-serif; color: #2e3192; font-size:24px; font-weight:bold; padding-left: 40px; margin-top: -10px; text-align:left;}
.razmak {margin-right: 20px; float:left;}
.gore {margin-top: 20px; margin-right: 40px;}
.footer {width: 960px; height: 100px; background-image:url(footer.png); float:left;}
.footer p { font-family:Verdana, Geneva, sans-serif; padding-top: 47px; color: #cccccc; text-align:right; margin-right: 20px; font-size:12px;}
.uspjeh {text-align:center; margin-top: 100px;}




.kutija {width: 960px; height: 670px;}
.onama {width: 700px; height: 630px; float:right; margin-top: 10px;}
.onama p {margin: 20px 30px 0px 0px; font-size:12px; text-align:justify; font-family:Verdana, Geneva, sans-serif; color: #ffffff;}
h3 {font-family: Verdana, Geneva, sans-serif; color: #cccccc; font-size:14px; font-weight:bold; padding-top: 20px; text-align:left;}
.okvir {height: 180px; width: 700px;}
.okvir2 {height: 200px; width: 700px;}
.okvir img {float: left; margin-right: 20px;}
.okvir2 img {float: left; margin-right: 20px;}





.work {width: 960px; height: 630px;}
.djelatnost {width: 700px; height: 500px; float:right; margin-top: 30px;}
.djelatnost li {font-family:Verdana, Geneva, sans-serif; color: #ffffff; text-align:left; font-size:12px;}
.djelatnost p {font-family:Verdana, Geneva, sans-serif; font-size: 12px; color: #ffffff;}


.info ul{list-style: circle;}
.info a:link {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; font-weight:bold; color: #333;}
.info a:visited {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; font-weight:bold; color: #333;}
.info a:hover{color: #ffffff; text-decoration:none;}
.info a:active{color: #ffffff; text-decoration:none;}
.opis {height: 300px; width: 700px;}
.opis p{ margin-right: 20px; text-align:justify;}
.dolphin {width: 275px; height: 300px;float: left; margin-right: 20px;}
.primjena{height:150px; width: 700px;}


.reference {width: 700px; height: 2150px; float:right; margin-top: 30px; text-align:left;}
.partenr {width: 350px; height: 100px; float:left;}
.partenr p {font-family:Verdana, Geneva, sans-serif; font-size: 12px; color: #ffffff; margin-left: 130px;}

.primjenaslika {margin-top: 20px;}
.primjenasirina {margin-right: 40px; text-align: justify; margin-top: 20px;}

.podmeni a:link {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; font-weight:bold; color: #CCC; margin-left: 0px;}
.podmeni a:visited {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; font-weight:bold; color: #CCC; margin-left: 0px;}
.podmeni a:hover{color: #ffffff; text-decoration:none;}
.podmeni a:active{color: #ffffff; text-decoration:none;}

.inter {width: 700px; height: 800px; float:right; margin-top: 30px; text-align:left;}
.inter img {border: 3px solid #999;}

.video {width: 700px; height:240px; text-align: left; margin-top:30px;}
.podmenivideo {width: 700px; height: 1100px; float:right; margin-top: 30px; text-align:left;}
.infovideo {width: 260px; height: 810px; float:left;margin-top: 30px;}
.infovideo ul {padding-top: 20px;}
.infovideo li {font-family:Verdana, Geneva, sans-serif; font-weight: bold; color: #333333; text-align:left; font-size:12px;}
.infovideo ul{list-style: circle;}
.infovideo a:link {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; font-weight:bold; color: #333;}
.infovideo a:visited {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; font-weight:bold; color: #333;}
.infovideo a:hover{color: #ffffff; text-decoration:none;}
.infovideo a:active{color: #ffffff; text-decoration:none;}

.footer1 {width: 960px; height: 100px; background-image:url(footer1.png); float:left;}
.footer1 p { font-family:Verdana, Geneva, sans-serif; padding-top: 47px; color: #cccccc; text-align:right; margin-right: 20px; font-size:12px;}


.inforeference {width: 260px; height: 2250px; float:left;margin-top: 30px;}
.inforeference ul {padding-top: 20px;}
.inforeference li {font-family:Verdana, Geneva, sans-serif; font-weight: bold; color: #333333; text-align:left; font-size:12px;}
.inforeference ul{list-style: circle;}
.inforeference a:link {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; font-weight:bold; color: #333;}
.inforeference a:visited {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; font-weight:bold; color: #333;}
.inforeference a:hover{color: #ffffff; text-decoration:none;}
.inforeference a:active{color: #ffffff; text-decoration:none;}




.contactform{width:460px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:0.8em; background-color:#666; border: none; text-align:center; margin-left: 110px;}
.contactform form {overflow:hidden; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-size:1.2em}
.contactform label{width:95%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-size:0.8em}
.contactform textarea, .contactform input {width:95%; padding: 5px; background: #CCC; border-style:double; border: #D21E48 1px solid;  margin-bottom:5px; ; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #D21E48; font-size:0.8em}
.contactform textarea:focus, .contactform input:focus {border: #D21E48 1px solid; background-color: #666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; font-size:0.8em}

.infokontakt {width: 260px; height: 1000px; float:left;margin-top: 30px;}
.infokontakt ul {padding-top: 20px;}
.infokontakt li {font-family:Verdana, Geneva, sans-serif; font-weight: bold; color: #333333; text-align:left; font-size:12px;}
.infokontakt ul{list-style: circle;}
.infokontakt a:link {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; font-weight:bold; color: #333;}
.infokontakt a:visited {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; font-weight:bold; color: #333;}
.infokontakt a:hover{color: #ffffff; text-decoration:none;}
.infokontakt a:active{color: #ffffff; text-decoration:none;}


.clear {
	clear:both
}

#gallery {
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	height:280px;
	margin-left: -10px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:30px; 
		width:460px; 
		position:absolute;
		bottom:0;
		margin-left: 10px;
		margin-bottom: -5px;
		
	}

	#gallery .caption .content {
		margin: 5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}