html, body {height: 100%;}

html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
background:#fff;
font:15px/18px "Palatino Linotype",verdana,tahoma,arial;
color:#777;
text-align:justify;
}
.clearance {clear:both;margin:0;padding:0}

h1, h2, h3 {text-transform:lowercase; color:#7AA2A2}
a {text-decoration:none}

div#topholder {
position:absolute;
top:0;
left:0;
margin:-9px 0 0 0;
padding:0;
width:100%;
height:139px;
background:transparent url('../graphic/top_back.jpg') repeat-x scroll top left;
} 

div#maincont {
position:relative;
margin:0px auto;
padding:0 0 200px 0;
width:890px;
}

div#limun{
float:left;
width:896px;
height:229px;
position:relative;
margin:17px 0 -49px -3px;
padding:0;
background:transparent url('../graphic/header.jpg') no-repeat scroll center top;
}



h1#neatbit {
margin:22px 0 0 3px;
padding:0;
position:relative;
float:left;
width:254px;
height:66px;
background:transparent url('../graphic/logo24.png') no-repeat scroll top left;
}

h1#neatbit span {display:none;}

.navigation {
position:relative;
float:right;
clear:none;
margin:-9px -14px 0 0;
padding:0
}
.navigation ul {
list-style-type:none;
margin:0;
padding:0
}
.navigation ul li {
display:inline;
margin:0;
padding:0
}

.navigation ul li a:hover, a#active {background-position:0 -102px;}
.navigation ul li a span {display:none;}

.navigation ul li a {
height:102px;
position:relative;
float:left;
margin:0 14px 0 0;
padding:0;
}

.tab_home a {
width:79px;
background:transparent url('../graphic/tab_home8p.png') no-repeat scroll top center
}
.tab_paketi a {
width:85px;
background:transparent url('../graphic/tab_paketi8p.png') no-repeat scroll top center
}
.tab_reference a {
width:117px;
background:transparent url('../graphic/tab_reference8p.png') no-repeat scroll top center
}
.tab_kontakt a {
width:97px;
background:transparent url('../graphic/tab_kontakt8p.png') no-repeat scroll top center
}

div#stickyholder {
position:relative;
z-index:0;
margin:-32px 0 0 -35px;
padding:0;
float:left;
width:444px;
height:518px;
background:transparent url('../graphic/sticky.png') no-repeat scroll bottom right;
}

div#pinholder {
position:absolute;
top:auto;
left:0;
z-index:0;
margin:0;
padding:0;
width:84px;
height:173px;
background:transparent url('../graphic/pin.png') no-repeat scroll top left
}
.stickytext {
position:relative;
margin:80px 40px 0 60px;
padding:0;
}

.stickytext p {
margin:-2px 0 0 0;
padding:5px;
color:#f2f2f2
}

h2#sajt {
margin:5px 0 0 23px;
padding:0;
width:303px;
height:27px;
background:transparent url('../graphic/h2sajti.png') no-repeat scroll top center;
}
h2#sajt span {display:none;}

div#servisi {
position:relative;
z-index:200;
width:455px;
float:right;
color:#777;
margin:35px 0 0 0;
padding:0
}

.servistab {
width:453px;
min-height:60px;
height:auto !important;
height:60px;
margin:3px 10px 13px 0;
padding:0;
}
 
.servistabi {
width:453px;
min-height:70px;
height:auto !important;
height:70px;
margin:8px 10px 13px 0;
padding:0;
}

.servistab { background:transparent url('../graphic/servisholder.jpg') no-repeat scroll bottom right
}

.servistabi { background:transparent url('../graphic/servisholderi.jpg') no-repeat scroll bottom right
}


.servistab h2 {
font-size:1.3em;
margin:0;
padding:7px 0 0 0;
}

.servistabi h2, div#psdservis h2 {
font-size:1.3em;
padding:0 3px 4px 27px;
color:#7aa2a2;
text-align:left;
min-height:20px;
height:auto !important;
height:20px;
background:transparent url('../graphic/servisbulet.png') no-repeat top left
}

.servistabi h2 {margin:0}
div#psdservis h2 {margin:20px 0 0 0}


.servislist {
margin:10px 0 4px 0;
padding:17px 0 0 18px;
background:transparent url('../graphic/servislistback.png') no-repeat top left
}

.servislist h2 {
font-size:1.2em;
margin:0;
padding:0 3px 0 27px;
color:#7aa2a2;
text-align:left;
min-height:20px;
height:auto !important;
height:20px;
background:transparent url('../graphic/servisbulet.png') no-repeat top left
}

.servistab h2 a {
height:20px;
padding:0 0 3px 27px;
color:#7AA2A2;
background:transparent url('../graphic/servisbulet.png') no-repeat scroll center left
}




.servistabi h2 a, div#psdservis h2 a, .servislist h2 a {
min-height:20px;
height:auto !important;
height:20px;
padding:0;
margin:0;
color:#7aa2a2
}



.servistab h2 a:hover, div#psdservis h2 a:hover, .servislist h2 a:hover, .servistabi h2 a:hover, .pakettab h2 a:hover {
color:#abcccc;
}


.servistab p {
text-align:left;
margin:0;
padding:2px 115px 17px 3px;
}

.servistabi p {
margin:0;
padding:6px 10px 15px 3px;
text-align:left
} 

div#servis3, div#servis4, div#servis5, div#servis6, div#servis7, div#servis8, div#servis9 {
display:inline;
padding:0;
margin:0 10px 0 0;
float:right;
width:65px;
height:75px;
}

div#servis3 {background:transparent url('../graphic/icowebdizajn.png') no-repeat scroll bottom right;}
div#servis4 {background:transparent url('../graphic/icowebaplikacije.png') no-repeat scroll bottom right;}
div#servis5 {background:transparent url('../graphic/icocms.png') no-repeat scroll bottom right;}
div#servis6 {background:transparent url('../graphic/icoseo.png') no-repeat scroll bottom right;}
div#servis7 {background:transparent url('../graphic/icoflash.png') no-repeat scroll bottom right;}
div#servis8 {background:transparent url('../graphic/icologo.png') no-repeat scroll bottom right;}

div#servisB3, div#servisB4, div#servisB5, div#servisB6, div#servisB7, div#servisB8, div#servisB9 {
display:inline;
padding:0;
margin:23px 35px 20px 18px;
float:right;
width:110px;
height:110px;
}

div#servisB3 {background:transparent url('../graphic/icowebdizajnB.png') no-repeat scroll center right;}
div#servisB4 {background:transparent url('../graphic/icowebaplikacijeB.png') no-repeat scroll center right;}
div#servisB5 {background:transparent url('../graphic/icocmsB.png') no-repeat scroll center right;}
div#servisB6 {background:transparent url('../graphic/icoseoB.png') no-repeat scroll center right;}
div#servisB7 {background:transparent url('../graphic/icoflashB.png') no-repeat scroll center right;}
div#servisB8 {background:transparent url('../graphic/icologoB.png') no-repeat scroll center right;}

div#psdservis {
position:relative;
z-index:5;
float:left;
clear:left;
margin:-20px 0 0 -5px;
padding:0;
width:398px;
min-height:121px;
height:auto !important;
height:121px;
background:transparent url('../graphic/psdbadge.jpg') no-repeat scroll top left;
}

div#psdservisholder {
margin:17px 0 0 128px
}


div#psdservis p {
margin:0;
padding:0 16px 0 128px;
color:#777;
text-align:left;
}
div#psdservis p em {
color:#608787;
font-weight:600;
}


.footer {
position:relative;
width:100%;
min-height:182px;
height:auto !important;
height:182px;
background:transparent url('../graphic/bottombacks.jpg') repeat-x scroll top left;
margin:-182px 0 0 0;
padding:0;
}

div#nonFooter {
position:relative;
min-height:100%;
height:auto !important;
height:100%;
}

div#footinfo {
width:890px;
margin:0px auto;
padding:0;
text-align:right;
}

div#footinfoleft {
float:left;
margin:60px 0 0 446px;
color:#8d8c8c;
padding:0 5px 0 0 ;
border-right:1px dotted #696868
}

div#footinfoleft h3 {
text-align:right;
margin:0 0 2px 0;
padding:0 18px 0 0;
font-size:0.95em;
background:transparent url('../graphic/licence.jpg') no-repeat center right
}
div#footinfoleft h3 a {color:#8d8c8c}


div#footinfoleft h3 em {
display:none
}

div#footinfoleft p {
font-size:0.85em;
margin:0;
padding:0;
text-align:right
}

div#footinfoleft p a {
color:#8d8c8c
}
div#footinfoleft p a:hover, div#footinfoleft h3 a:hover {
color:#f2f2f2
}

div#footinforight {
float:right;
margin:58px 0 0 0;
color:#8d8c8c;
padding:0 5px 0 0;
border-right:1px dotted #696868
}
div#footinforight p {
color:#5F5F5F;
margin:14px 0 2px 0;
padding:0;
font-size:0.8em
}


ul#navlista {
color:#FF8535;
margin:0;
padding:3px 0 4px 0;
border-bottom:1px dotted #696868
}
ul#navlista li, ul#valid li {
display:inline
}
ul#navlista li a {
color:#ddd
}
ul#navlista li a:hover {
color:#939393
}
ul#valid {
margin:0;
padding:0;
font-size:0.85em
}
ul#valid li {
padding:0;
margin:0 0 0 2px
}
ul#valid li a {
padding:0;
margin:0;
color:#8d8c8c;
}
ul#valid li a:hover {
color:#CACACA
}
li#sam {
display:block;
clear:right
}

/* Ovde pochinje sekcija paketi */ 



div#paketleft {
clear:left;
width:320px;
position:relative;
float:left;
margin:43px 0 0 4px;
padding:18px 0 0 0;
background:transparent url('../graphic/paketleft_mid.jpg') repeat-y top left;
}

div#paket_up {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
width:320px;
height:76px;
background:transparent url('../graphic/paketleft_up.jpg') no-repeat top left;
}

div#paket_bottom {
position:absolute;
bottom:0;
left:0;
margin:0;
padding:0;
width:320px;
height:76px;
background:transparent url('../graphic/paketleft_bottom.jpg') no-repeat bottom left;
}


div#paketright {
width:510px;
position:relative;
float:right;
clear:right;
margin:20px 15px 0 0;
}

.paketinfo {
position:relative;
z-index:20;
width:310px;
margin:13px 0 36px 0;
padding:0
}



.paketinfo h2 {
color:#fff;
width:294px;
background:transparent url('../graphic/paketportback.jpg') repeat-x top left;
padding:10px;
margin:7px 0 0 0;
font-size:1.4em;
border-bottom:1px solid #F68A1D;
border-top:1px solid #F99A3F;
}


.paketinfo p {
color:#f2f2f2;
margin:3px 19px 10px 18px;
padding:0
}

.pakettab, .pakettabi {
float:right;
width:510px;
margin:20px 0 0 0;
padding:8px 0 0 13px;
background:transparent url('../graphic/paketbackb.png') top left no-repeat scroll
}
.pakettab {border-bottom:1px solid #eee}

.pakettab ul {
list-style-image: url('../graphic/arrw.png');
margin:8px 0 0 22px;
padding:0
}
.pakettab ul li {
padding:0;
margin:0;
font-size:13px
}
.pakettab em a {
display:block;
color:#FDAB4C;
margin:8px 0 0 20px;
width:80px;
}
.pakettab em a:hover {
color:#DADADA;
}

div#paket9, div#paket10, div#paket11, div#paket12 {
float:right;
width:122px;
height:163px;
padding:0;
margin:0
}

div#paket9 {background:transparent url('../graphic/posnovnik.png') top left no-repeat scroll}
div#paket10 {background:transparent url('../graphic/pstandardk.png') top left no-repeat scroll}
div#paket11 {background:transparent url('../graphic/pbiznisk.png') top left no-repeat scroll}
div#paket12 {background:transparent url('../graphic/ppremiumk.png') top left no-repeat scroll}

.pakettab h2 {
font-size:1.3em;
margin:0;
padding:7px 0 0 0;
}

.pakettabi h2 {
font-size:1.4em;
margin:17px 0 0 12px;
padding:0 0 0 27px;
min-height:22px;
height:auto !important;
height:22px;
background:transparent url('../graphic/servisbulet.png') no-repeat scroll center left
}


.pakettabi strong {color:#608A8A}

.pakettab h2 a {
height:20px;
padding:0 0 3px 27px
}
.pakettab h2 a {
background:transparent url('../graphic/servisbulet.png') no-repeat scroll center left;
color:#7AA2A2
}

div#paketi9, div#paketi10, div#paketi11, div#paketi12 {
float:right;
clear:none;
width:150px;
height:233px;
padding:0 7px 0 0;
margin:20px 6px 0 0
}

div#paketi9 {background:transparent url('../graphic/posnovniv.png') top left no-repeat scroll}   
div#paketi10 {background:transparent url('../graphic/pstandardv.png') top left no-repeat scroll} 
div#paketi11 {background:transparent url('../graphic/pbiznisv.png') top left no-repeat scroll} 
div#paketi12 {background:transparent url('../graphic/ppremiumv.png') top left no-repeat scroll}


.pakettabi ul {
position:relative;
list-style-image: url('../graphic/arrw.png');
margin:0 0 0 4px;
padding:20px 4px 5px 30px;
display:block;
clear:left;
}

.pakettabi ul li {
padding:1px;
margin:0 0 2px 0;
text-align:left
}

.pakettabi p {
float:left;
width:300px;
margin:0;
padding:6px 27px 6px 12px;
}

.pakettabi h3, .pakettabi h4, .pakettabi h5 {
color:#7AA2A2;
font-size:1.1em;
padding:18px 0 0 0;
display:block;
clear:left;
margin:0 0 -12px 18px;
}

.pakettabi em a {
display:block;
float:left;
padding:4px;
margin:12px 0 10px 14px;
text-align:left;
font-size:1.5em;
color:#FDAB4C;
}
.pakettabi em a:hover {
color:#ADADAD
}

span#ostalip {color:#ADADAD}

div#psdhtml {
float:left;
width:890px;
margin:30px 0 0 0;
padding:0;
background:transparent url('../graphic/psdservis.jpg') no-repeat top left;
}
div#psdtext {
width:390px;
margin:40px 0 20px 25px;
padding:0;
background:transparent url('../graphic/psdtextbottom.jpg') no-repeat bottom left
}

div#psdhold {
margin:0 24px;
padding:12px 0}

div#psdhold h2 {
padding:2px 0 2px 28px;
margin:0;
background:transparent url('../graphic/servisbulet.png') no-repeat scroll center left
}

div#psdhold ul {
text-align:left;
margin:10px 0 0 0;
padding:0 10px;
list-style-image: url('../graphic/arrw.png')
}
div#psdhold ul li {
padding:2px 0;
font-family:verdana; 
font-style:italic;
font-size:12px;
}
em#psd {display:none}

div#forma {
position:relative;
float:right;
clear:right;
width:400px;
margin:-415px 32px 0 0;
padding:0;
text-align:left;
background:transparent url('../graphic/psdformmid.jpg') repeat-y top left;
}

div#forma legend, div#formbar legend { display:none; }

div#forma fieldset { 
border:none; 
padding:25px 20px 18px 45px;
background:transparent url('../graphic/psdformtop.jpg') no-repeat top left;
margin:0;
color:#fff;
}

div#forma select {
margin:3px 0 10px 0;
padding:0;
border:2px solid #FDAE6D;
outline:none;
overflow:hidden
}

div#forma input {
margin:0 0 8px 0;
border:2px solid #FDAE6D;
}

div#forma select, div#forma input, div#forma textarea {
background:#E0F5EB
}

div#forma select {color:#777;}

div#forma label, div#forma input, div#forma select, div#forma textarea { position:relative; z-index:10}

div#bottomform {
position:absolute;
bottom:0;
left:0;
margin:0 0 -2px 0;
padding:0;
width:400px;
height:178px;
background:transparent url('../graphic/psdformbottom.jpg') no-repeat bottom left;
}

div#forma textarea {
border:2px solid #FDAE6D;
margin-bottom:2px;
overflow:hidden;
}


div#forma input.zemSubmit {
border:none;
padding:3px 5px;
background:#BDE0CD;
outline:none;
color:#737373;}

div#forma input.zemSubmit:hover {
color:#FF7817}


td div {
padding:7px 10px 7px 10px;
background:#fff url('../graphic/overacro.jpg') repeat-x top left;
line-height:15px;
text-align:left;
}

dfn {font-style:normal}
div.stickytext abbr, div.stickytext acronym, div.stickytext dfn { font-weight:bold; color:#fff}

div#portright {
width:486px;
position:relative;
float:right;
margin:18px 20px 0 0;
padding:0;
clear:right
}
.porttab {
position:relative;
z-index:0;
width:486px;
margin:26px 0 6px 0;
padding:0;
float:right
}
.porttab img {
width:473px;
height:166px;
position:relative;
z-index:0;
float:left;
border:none;
margin:0;
padding:6px 0 0 6px;
}

.porttab a {
position:relative;
margin:0;
padding:0;
width:485px;
height:173px;
float:left;
background:transparent url('../graphic/portbacks.png') no-repeat 0 -173px;
}
.porttab a:hover {background:transparent url('../graphic/portbacks.png') no-repeat top left}

.portinfo{
margin:8px 0 0 0;
float:left;
padding:0;
width:486px;
display:block;
background:transparent url('../graphic/portinfoback.jpg') center bottom no-repeat;
min-height:44px;
height:auto !important;
height:44px;
}
.portinfo p {
width:175px;
float:left;
display:inline;
margin:-1px 0 0 20px;
padding:0;
font-size:13px;
}

div#logos {
position:relative;
float:left;
clear:left;
width:310px;
margin:60px 0 0 0;
padding:0
}
.l_active, .l_green, .l_wind, .l_aristopis {
width:310px;
margin:0 0 50px 0;
padding:0;
} 
.l_active {
height:67px;
background:transparent url('../graphic/logo_active.png') no-repeat top left
}
.l_green {
height:102px;
background:transparent url('../graphic/logo_green.png') no-repeat top left
}
.l_wind {
height:85px;
background:transparent url('../graphic/logo_wind.png') no-repeat top left
}
.l_aristopis {
height:121px;
background:transparent url('../graphic/logo_aristopis.png') no-repeat top left
}
.l_bom {
width:310px;
margin:0 0 10px 0;
padding:0;
height:103px;
background:transparent url('../graphic/logo_bom.png') no-repeat top left
}



div#kontaktbar {
float:left;
width:300px;
margin:0;
padding:42px 0 0 55px;
font-size:17px;
text-align:left;
}

div#kontaktbar h2 {font-size:28px; text-transform:capitalize; color:#777}
p.neatsifra {
font-size:13px;
text-align:left;
margin:-10px 0 -5px 0;
padding:0
}

div#kontaktbar p a {color:#777} div#kontaktbar p a:hover {color:#000}

div#formbar {
width:490px;
float:right;
margin:30px 0 0 0; 
padding:0;
border:none;
min-height:600px;
height:auto !important;
height:600px;
background:transparent url('/graphic/kontaktdivider.png') no-repeat top left
}

div#formbar fieldset {
margin:0;
text-align:left;
padding:30px 5px 0 45px;
border:none
}


div#formbar fieldset input, div#formbar fieldset textarea, div#formbar fieldset select {
margin:6px 0 0 0;
}

div#formbar fieldset input {
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px dotted #777; outline:none;
}

div#formbar fieldset textarea {
overflow:hidden; 
border:1px dotted #777
}

div.zemThanks, div#formbar .zemThanks p {padding:18px 0 0 28px}


div#formbar fieldset .zemSubmit {
border:none;
padding:7px;
background:#FB951E;
color:#fff
}

div#nemastranice {
float:left;
margin:70px 25px 40px 40px;
padding:0;
width:500px
}
div#nemastranice h3 {
text-transform:capitalize;
font-size:25px;
text-align:left
}

div#nemastranice a {
color:#425D5D;
}
div#nemastranice a:hover {
color:#B6CCCC;
}

div#mapa {
float:left;
position:relative;
margin:66px 0 0 50px;
padding:0
}

div.maplayout, div.maplayoutR {
position:relative;
float:left;
text-align:left;
font-size:13px;
padding:0 24px 0 0;
}
div.maplayout {margin:5px 38px 0 0; border-right:1px solid #ECECEC}
div.maplayoutR {margin:5px 0 0 0}


div#mapa h2 {
text-transform:none;
margin:4px 0 7px 0;
padding:0
}

div#mapa a {
text-transform:lowercase;
color:#777;
text-decoration:none
}
div#mapa a:hover {
color:#9E9E9E;
text-decoration:underline
}

div#kolohold {
float:left;
margin:40px 0 0 30px;
padding:0;
width:460px;
}

div#kolohold h2, div#kolohold h3 {text-transform:none}
div#kolohold a {color:#777;text-decoration:underline}
div#kolohold a:hover {color:#000}

div#kolohold ul {
text-align:left;
list-style-image:url('../graphic/arrw.png');
}