body {
	margin: 0px auto 0px auto;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
	background-color:#000000;
	background-image: URL('/design/bg.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
}


a {
	outline:none;
	text-decoration:none;
	color:#a3d43a;
}

a img {
	border:none;
}

p {
margin:20px 0px 0px 0px;
padding:0px;
}


h1 {
background-image:URL('/design/h1.gif');
background-repeat:no-repeat;

height:46px;

font-family:Trebuchet MS;
color:#ffffff;
font-size:18px;
font-weight:normal;

}


h2 {
color:#a3d43a;
font-family:Trebuchet MS;
font-size:21px;
font-weight:normal;
margin:20px 0px 30px 0px;
}



h2 b {
font-family: Verdana, Arial, sans-serif;
font-size:13px;
font-weight:bold;
color:#e2e2e2;
line-height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:block;
}


.magenta {
position:absolute;
left:-24px;
top:20px;
width:220px;
padding:3px 0px 0px 60px;

}

.zeleno {
position:absolute;
right:-24px;
width:218px;
padding:4px 42px 0px 20px;
background-position: 0px -49px;
}



.input {
background:transparent;
display:block;
border: solid 1px #4c4c4c;
color:#dadada;
font-family: Verdana;
font-size:11px;
width:200px;
height:18px;
padding:2px 0px 0px 0px;
margin: 4px 0px 15px 0px;
}


.textarea {
background:URL('images/blank.jpg') no-repeat;
border: solid 1px #4c4c4c;
color:#dadada;
font-family: Verdana;
font-size:11px;
padding:2px 0px 0px 0px;
margin: 4px 0px 0px 0px;
width:316px;
height:128px;
overflow:auto;
display:block;


}


.submit { 
background: URL('/design/submit.jpg');
outline:none;
cursor:pointer;
width:25px;
height:17px;
border:none;
}


#wrapper {
width:968px;
margin:0px auto;
padding:0px;
}

#header {
height:80px;
padding:60px 0px 0px 0px;
}

#header .logo {
float:left;
margin:-30px 0px 0px 30px;
width:137px;
height:82px;
display:inline-block;
}

#header[id] .logo {
background-image:URL('/design/space-media2.png');
background-repeat:none;
}

html .#header .logo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/design/space-media2.png');
cursor:pointer;
}




#header #main_nav {
float:right;
margin:-40px 30px 0px 0px;
}



#content[id] {
position:relative;
width:866px;
min-height:552px;
height:auto !important; 
height:552px;

padding:20px 28px 50px 28px;
margin:0px auto;
background-image:URL('/design/bg-content.png');
border:solid 1px #1e1e1e;
}


html .#content {
position:relative;
width:866px;
min-height:552px;
height:auto !important; 
height:552px;

padding:20px 28px 50px 28px;
margin:0px auto;

background-color:#000000;
border:solid 1px #1e1e1e;
}




#levo {
float:left;
margin:80px 0px 0px 0px;
padding:0px 0px 0px 10px;
width:200px;
}

#desno_slajfna {
float:left;
margin:80px 0px 0px 0px;
width:200px;
}

#desno {
float:left;
}


#nav-lista {
padding:0px;
margin:0px 0px 40px 5px;
padding: 80px 0px 0px 20px;
}

#nav-lista li {
margin: 0px 0px 8px 0px;
list-style:none;

}

#nav-lista a {

font-family: "Trebuchet MS",Verdana, Arial, sans-serif;
font-size:14px;
font-weight:bold;
color:#c2c2c2;
text-decoration:none;
background:URL('/design/bl1.gif') no-repeat 0px 4px;
padding: 0px 14px 0px 14px;
}

#nav-lista a:hover {
color:#a3d43a;
background-position: right 4px;
}



#najnoviji_projekti {
padding:65px 0px 0px 0px;
}

#najnoviji_projekti .projekat {
float:left;
position:relative;
width:268px;
margin:0px 10px ;
font-size:11px;
text-align:justify;
}


#najnoviji_projekti .projekat img {

border:solid 1px #7b7b7b;
padding:4px;
}

#najnoviji_projekti .projekat .markica {

position:absolute;
right:0px;
top:0px;
width:82px;
height:80px;
}

#najnoviji_projekti[id] .projekat .web {
background-image:URL('/design/markica_web.png');
}

html .#najnoviji_projekti .projekat .web {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/design/markica_web.png');
}

#najnoviji_projekti .projekat .print {
background-image:URL('/design/markica_print.png');
}

#najnoviji_projekti .projekat .logo {
background-image:URL('/design/markica_logo.png');
}

#najnoviji_projekti .projekat h2 {
color:#ffffff;
font-family:Trebuchet MS;
font-size:18px;
font-weight:normal;
margin:15px 0px 10px 0px;
}

#zaposlenje {
float:left;
width:268px;
margin:40px 0px 0px 10px;
font-size:11px;
text-align:justify;
border-bottom: solid 1px #3f3e3e;
padding:0px 0px 16px 0px;
}

#novosti {
float:left;
width:557px;
font-size:11px;
margin:40px 0px 0px 20px;
text-align:justify;
}

#novosti h2, #zaposlenje  h2 {
color:#c6c6c6;
font-family:Trebuchet MS;
font-size:17px;
font-weight:normal;
margin:15px 0px 10px 0px;
}

#novosti h2 b{
font-size:10px;
font-weight:normal;
color:#ec008c;
}

#novosti .prva {
margin-right:20px;
}

.novost {
float:left;
width:268px;
border-bottom: solid 1px #3f3e3e;
padding:0px 0px 10px 0px;
}


.usluge {
width:550px;
margin:80px 80px 0px 10px;
}

.usluge p {
margin:20px 0px 40px 0px;
}

.usluge h2 {
color:#c2c2c2;
font-size:21px;
font-weight:normal;
margin: 0px 0px 10px 0px;
padding:0px;
}


.usluge h2 a {
color:#c2c2c2;
}

.usluge h2 a:hover {
color:#dd137b;
}





#usluga {
color:#e0e0e0;
}

#usluga h2 {
margin-top:40px;
color:#a3d43a;
}

#usluga p {
margin:20px 0px 20px 0px;
}

#usluga ul {
margin:20px 0px 40px 0px;
font-family:Verdana;
font-size:12px;
color:#e0e0e0;
}


#usluga li {
list-style-type:none;
margin:0px 0px 20px 0px;
background-image: URL('/design/bl1.gif');
background-repeat:no-repeat;
background-position: 0px 5px;
padding:0px 0px 0px 20px;
}

.portfolio {
float:right;
margin:80px 10px 0px 10px;
}

#portfolio_nav {
margin:0px 0px 70px 0px;
}


#portfolio_nav a{
font-family:Verdana;
color:#757575;
font-size:13px;
font-weight:bold;
background-image:URL('/design/portfolio-nav.gif');
background-repeat:no-repeat;
padding:2px 0px 10px 28px;
margin:0px 20px 0px 0px;
}

#portfolio_nav a:hover{
color:#ededed;
}

#portfolio_nav span{
font-family:Verdana;
color:#ededed;
font-size:13px;
font-weight:bold;
background-image:URL('/design/portfolio-nav.gif');
background-repeat:no-repeat;
padding:2px 0px 10px 28px;
margin:0px 20px 0px 0px;
}

.portfolio .rad {

}

.portfolio .rad h2 {
margin:0px 0px 20px 0px;
padding:0px;
}

.portfolio .rad img{

border:solid 3px #ffffff;
float:left;
margin:0px 50px 60px 0px;
}

.portfolio .rad img:hover {
border: solid 3px #dd137b;
}

.portfolio .rad .opis {
position:relative;
float:left;
width:258px;
height:190px;
font-size:11px;
text-align:justify;

}



.portfolio .rad .opis .status {
position:absolute;
left:0px;
bottom:0px;
}

.klijenti {
width:846px;
padding:10px 0px 0px 0px;
margin:80px 10px 30px 10px;
}

.klijenti .klijent {
float:left; 
width:175px; 
height:60px;  
margin:0px 48px 20px 0px;
font-size:11px;
border-bottom:solid 1px #3e3e3e;

}


.klijenti .klijent b {
color:#a3d43a;
font-family:Trebuchet MS;
font-size:17px;
font-weight:normal;
}


#pagenav {
margin:0px 0px 0px 10px;
}

.o_nama {
width:550px;
margin:80px 80px 0px 10px;
}


.o_nama p {
text-align:justify;
color:#e0e0e0;
}

.o_nama h2 {
margin-top:40px;
color:#a3d43a;
}

.o_nama b{
color:#c2c2c2;
font-family:Trebuchet MS;
font-size:18px;
font-style:normal;
font-weight:normal;

}

.o_nama ul, .usluge ul {
margin:20px 0px 40px 0px;
font-family:Trebuchet MS;
font-size:15px;
color:#e0e0e0;
}

.o_nama li, .usluge li {
list-style-type:none;
margin:0px 0px 5px 0px;
background-image: URL('/design/bl1.gif');
background-repeat:no-repeat;
background-position: 0px 5px;
padding:0px 0px 0px 20px;
}


#kontakt_info {
float:left;
margin:80px 0px 0px 0px;
padding:0px 0px 0px 10px;

}

#kontakt_info p {
line-height:17px;
}

#kontakt_info b {
color:#ffffff;
font-size:14px;
}


#kontakt_info p i {
font-style:normal;
font-weight:bold;
width:60px;
color:#6a6a6a;
display: inline-block;
}


#kontakt_info .racun_pib_mat {
border-top: solid 1px #3f3f3f;
padding:15px 0px 0px 0px;
margin:23px 0px 0px 0px;
}

#kontakt_forma {
float:left;
margin:80px 0px 0px 90px;
width:540px;

}

#kontakt_forma #inputi {
float:left;

}

#kontakt_forma #text_area {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
}


#kontakt_forma #submit {
border-top: solid 1px #3f3f3f; 
padding-top:10px;
text-align:right; 
float:right; 
width:540px;
}

#kontakt_forma .napomena {
color:#dd137b; 
text-align:left; 
font-size:11px;
}


#mapa {
float:right;
margin:40px 20px 0px 0px;

}

#mapa img{

border:solid 3px #ffffff;

}

#mapa img:hover {
border: solid 3px #dd137b;
}




#footer{
background-color:#161616;
width:896px;
height:40px;
padding:20px 0px 0px 28px;
margin:0px auto;
border-top:solid 2px #2c2c2c;
}


#footer a  {
color:#a2a1a1;
font-size:11px;
border-right:solid 1px #a2a1a1;
margin:0px 10px 0px 0px;
padding: 0px 10px 0px 0px;
}

.detaljnije {
background-image: URL('/design/bl2.gif');
background-repeat:no-repeat;
width:7px;
height:12px;
display:inline-block;
overflow:hidden;
cursor:pointer;

float:right;
margin:20px 10px 0px 0px;
}

.detaljnije div {
text-indent:1000px;
overflow:hidden;
}



.pdf_link {
background-image: URL('/design/pdf-icon.png');
background-repeat: no-repeat;
display:block;
font-size:16px;
margin:30px 0px 0px 0px;
padding:0px 0px 4px 25px;
}