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

body
{
	padding:0;
	background-color:#30302e;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px;
}
form
{
    	margin:0;
	padding:0;	
}

/*INDEX*/

#glavni
{
	vertical-align:top;
	width:947px;
	height:auto;
}

#vrh
{
	background-color:#30302e;
	background-image:url(slike/okvir/vrh.jpg);
	width:947px;
	height:179px;
}

#menu
{
	margin:0px;
	padding-top:17px;
	padding-left:420px;	
}


.tijeloStranice
{
	color:#d4d4d4;
}



#oNama
{
	float:left;
	width:480px;
	height:auto;
}

.oNamaTijelo
{
	padding:30px;
	padding-top:50px;
	padding-left:50px;
	margin:5px;
	text-align:left;
}

#zadnjiProjekat
{
	float:left;
	background-color:#606060;
	width:220px;

}
.zadnjiProjekatTijelo
{
	padding:5px;
	padding-top:50px;
	margin:5px;
	height:270px;
}

.slikaZadnjiProjekat
{
	padding-top:10px;
}



.projekatStatus
{
	color:#00FF00;
}

#opisProjekta
{
	float:left;
	width:430px;
}

.tijeloOpis
{
	text-align:left;
	padding:20px;
	padding-top:50px;
	margin:5px;
}

.naslovTip1
{
	color:#4bccff;
	font-size:13px;
	padding-left:10px;
}

.text
{
	color:#d4d4d4;
	
}

#dno
{
	float:right;
	background-image:url(slike/okvir/dno.jpg);
	width:947px;
	height:169px;
}

.plaviText
{
	color:#4bccff;
	margin:0px;
	padding:0px;
}

#copyright
{
	float:left;
	padding-left:62px;
	padding-top:20px;
}

#menuDole
{
	float:left;
	padding-left:175px;
	padding-top:20px;
}

.menuDole li
{
	display:inline;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid #636363;
	font-size:12px;
	
}

li.zadnji
{
	border-right:0px;	
}

a
{
	text-decoration:none;
	text-transform:none;
	color:#636363;
}

a:visited
{
	color:#636363;
}

a:hover
{
	color: #4bccff;
}

#imageMenu {
	position: relative;
	width: 290px;
	height: 155px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 155px;
	width: 290px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:60px;
	height: 155px;
}

#imageMenu ul li.index a {
	background: url(slike/menu/index.jpg) no-repeat scroll 0%;
}

#imageMenu ul li.kontakt a {
	background: url(slike/menu/kontakt.jpg) no-repeat scroll 0%;
}

#imageMenu ul li.reference a {
	background: url(slike/menu/reference.jpg) no-repeat scroll 0%;
}

#imageMenu ul li.usluge a {
	background: url(slike/menu/usluge.jpg) no-repeat scroll 0%;
}
.clear {
	clear: both;
}

/* USLUGE */

#paketi
{
	float:left;
	width:450px;
}

#usluge
{
	float:left;
	width:480px;
}

.uslugeTijelo
{
	text-align:left;	
	padding:40px;
	padding-top:30px;
	margin:5px;
}

.tijeloPaketi
{
	text-align:left;
	padding:40px;
	padding-top:10px;
	margin:5px;
}

.velikiNaslov
{
	color:#4bccff;
	font-size:14px;
	font-weight:bold;
}

.meniPaketi li
{
	display:inline;
	color:#FFFFFF;
	font-size:14px;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 2px solid #FFFFFF;
	font-size:12px;
}


.meniPaketi li a
{
	font-size:14px;
	color:#FFFFFF;
}

.meniPaketi li a:visited
{
	font-size:14px;
	color:#FFFFFF;
}

.meniPaketi li a:hover
{
	font-size:14px;
	color:#4bccff;
}

li.paketiZadnji
{
	border-right: 0px;
}

.linkPaketi  a
{
	color:#4bccff;
}

.linkPaketi  a:hover
{
	color:#FFFFFF;
}

.linkPaketi  a:visited
{
	color:#4bccff;
}

/* REFERENCE */

#reference
{
	margin-top:20px;
	margin-bottom:20px;
	width:900px;
}

.referenca
{
	width:821px;
	height:219px;
	margin-top:10px;
	background-image:url(slike/reference/okvir.jpg);
	background-repeat:no-repeat;
}

.slikaReference
{
	width:451px;
	height:218px;
	float:left;
}


.textReference
{
	float:left;
	width:365px;
	height:218px;
}

.opisReference
{
	text-align:justify;
	margin-top:15px;
	padding-left:20px;
	padding-right:20px;
}

.divLogoKontakt
{
	width: 470px;
	height: 330px;
	float: left;
}
.divDataKontakt
{
	width: 470px;
	height: 330px;
	float: right;
}
.imgKontaktLogo
{
	width: 123px;
	height: 225px;
	border: 0;
}

.kontaktTextBox
{
	border-bottom: solid 2px #868686;
	border-top: solid 2px #868686;
	border-left: solid 2px #868686;
	border-right: solid 2px #868686;
	width: 270px;
}
.errorText
{
	color: #4bccff;
}