html,body {margin:0;padding:0}
ul {list-style:none}
img {border:none}
a {text-decoration:underline;color:#9cfffb;}
a:hover {text-decoration:none}
p {margin:0 0 20px 0;padding:0}
form {margin:0;padding:0}
.within {width:950px;margin:0 auto}

.clear {
clear:both;
line-height:0;
font-size:0;
height:0;
padding:0
}

body {
font:12px/18px 'Trebuchet MS',arial,tahoma;
color:#d4d6d6;
background:#121214 url('../gfx/bg.jpg') repeat-y center top
}

#template {
width:950px;
margin:0 auto;
padding:0 0 40px 0;
text-align:left
}

.languge {
color:#666; 
float:right;
margin:10px 0 0;
padding:0
}

.languge a {
color:#666;
padding:1px;
font:11px/12px 'Trebuchet MS',arial,tahoma;
}

h1 {
width:520px;
height:130px;
float:left;
margin:0 -35px -5px -103px;
background:transparent url('../gfx/logo.jpg') no-repeat left top;
}

h1 a {
display:block;
width:345px;
height:86px;
float:left;
margin:26px 0 0 66px
}

h1 a span {display:none}

#menu {
clear:right;
float:right;
margin:69px 0 0 0;
padding:0
}

#menu ul {
margin:0;
padding:0
}

#menu li {
float:left;
display:block;
margin:0 0 0 14px;
padding:0
}

#menu ul li a {
display:block;
float:left;
height:28px;
margin:0;
padding:0
}

#menu ul li a span {display:none}
#menu ul li a:hover {background-position:left bottom !important}

/* srpski */
#menu ul li a.pocetna {width:54px;background:transparent url('../gfx/tab_pocetna.png') no-repeat left top}
#menu ul li a.istorijat {width:53px;background:transparent url('../gfx/tab_istorijat.png') no-repeat left top}
#menu ul li a.nase-usluge {width:78px;background:transparent url('../gfx/tab_nase-usluge.png') no-repeat left top}
#menu ul li a.reference {width:67px;background:transparent url('../gfx/tab_reference.png') no-repeat left top}
#menu ul li a.nas-tim {width:49px;background:transparent url('../gfx/tab_tim.png') no-repeat left top}
#menu ul li a.aktuelnosti {width:75px;background:transparent url('../gfx/tab_aktuelnosti.png') no-repeat left top}
#menu ul li a.kontakt {width:51px;background:transparent url('../gfx/tab_kontakt.png') no-repeat left top}

/* english */
#menu ul li a.home {width:37px;background:transparent url('../gfx/tab_home.png') no-repeat left top}
#menu ul li a.history {width:47px;background:transparent url('../gfx/tab_history.png') no-repeat left top}
#menu ul li a.our-services {width:82px;background:transparent url('../gfx/tab_our-services.png') no-repeat left top}
#menu ul li a.references {width:73px;background:transparent url('../gfx/tab_references.png') no-repeat left top}
#menu ul li a.our-team {width:62px;background:transparent url('../gfx/tab_our-team.png') no-repeat left top}
#menu ul li a.news {width:34px;background:transparent url('../gfx/tab_news.png') no-repeat left top}
#menu ul li a.contact {width:53px;background:transparent url('../gfx/tab_contact.png') no-repeat left top}


#emotion {
position:relative;
background:transparent url('../gfx/emotionhome.png') no-repeat left top;
width:971px;
height:380px;
float:left;
margin:5px -21px 10px 0
}


#imagerota {
position:absolute;
top:7px;
left:7px;
width:713px;
height:338px;
background:transparent url('../slide/home1.jpg') no-repeat left top
}

#testoemo {
position:absolute;
top:5px;
right:4px;
width:334px
}

#testoemo h2 {
width:300px;
height:44px;
margin:40px 0 0 0;
padding:0 0 7px;
background:transparent url('../gfx/title_home.png') no-repeat left top
}

#testoemo h2.entit {margin:34px 0 0 0;background:transparent url('../gfx/title_home_en.png') no-repeat left top !important}

#testoemo h2 span {display:none}

#testoemo ul {
margin:14px 0;
padding:0
}

#testoemo ul li {
display:block;
margin:12px 0;
padding:0 18px 0 21px;
font:600 16px/18px 'Trebuchet MS',arial,tahoma;
color:#357e7e;
background:transparent url('../gfx/bullet_yellow.png') no-repeat 0 4px
}

#testoemo ul li span {
color:#516361;
display:block;
margin:2px 0;
font:400 12px/14px 'Trebuchet MS',arial,tahoma
}

#emotion h4 {
margin:0;
padding:0;
position:absolute;
bottom:59px;
left:793px;
color:#fff;
font:600 13px/14px 'Trebuchet MS',arial,tahoma
}

#emotion h4 a {color:#fff;text-decoration:none}
#emotion h4 a:hover {color:#92e7e3}

.onLeft {
float:left;
width:602px;
margin:12px 0 20px 0;
padding:0
}

.title {
height:44px;
margin:0 0 -8px 0;
padding:0;
}

.chunk_list .title {
height:24px;
margin:10px 0 0 0;
padding:0 0 6px;
border-bottom:1px solid #ACF3FE
}

.title span {display:none}

/* TITLES */

.o-nasoj-kompaniji {background:transparent url('../gfx/title_o-nasoj-kompaniji.png') no-repeat left top}
.about-our-company {background:transparent url('../gfx/title_about-our-company.png') no-repeat left top}
.aktuelni-projekat {background:transparent url('../gfx/title_aktuelni-projekat.png') no-repeat left top}
.current-project {background:transparent url('../gfx/title_current-project.png') no-repeat left top}
.prethodni-projekti {background:transparent url('../gfx/title_prethodni-projekti.png') no-repeat left top}
.previous-projects {background:transparent url('../gfx/title_previous-projects.png') no-repeat left top}
.aktuelnosti {background:transparent url('../gfx/title_aktuelnosti.png') no-repeat left top}
.news {background:transparent url('../gfx/title_news.png') no-repeat left top}
.nase-usluge {background:transparent url('../gfx/title_nase-usluge.png') no-repeat left top}
.our-services {background:transparent url('../gfx/title_our-services.png') no-repeat left top}
.istorijat {background:transparent url('../gfx/title_istorijat.png') no-repeat left top}
.history {background:transparent url('../gfx/title_history.png') no-repeat left top}
.history {background:transparent url('../gfx/title_history.png') no-repeat left top}
.team {background:transparent url('../gfx/title_our-team.png') no-repeat left top}
.tim {background:transparent url('../gfx/title_naš-tim.png') no-repeat left top}



.onRight {
margin:12px 0 20px 0;
padding:12px 0 12px 0;
width:302px;
float:right;
border:1px solid #43474d;
background:transparent url('../gfx/bg_onRight.jpg') repeat-y center top
}

.plate {
margin:12px auto 7px auto;
width:252px;
height:94px;
padding:1px 4px 12px 4px;
background:transparent url('../gfx/plate.png') no-repeat left top
}

.plate h4 {
margin:0;
padding:0;
}

.ico {
overflow:hidden;
background:#474747;
height:80px;
padding:12px 86px 2px 11px
}

.ico:hover {background-color:#4d4d4d}

.ico h4 {
color:#fdfaa7;
font:600 14px/15px 'Trebuchet MS',arial,tahoma;
margin:0 0 5px 0;
padding:0
}

.ico h4 a {
color:#fdfaa7;
text-decoration:none
}

.ico h4 a:hover {color:#CBF4F2}

.ico p {
font:12px/13px 'Trebuchet MS',arial,tahoma;
color:#dbdbdb;
}

.pt1 {background:#474747 url('../gfx/ico_history.png') no-repeat 164px 0}
.pt2 {background:#474747 url('../gfx/ico_team.png') no-repeat 164px 0}
.pt3 {background:#474747 url('../gfx/ico_references.png') no-repeat 164px 19px}

.footer {
border-top:1px solid #7e9196;
margin:0;
padding:0 0 50px;
background:transparent url('../gfx/bg_footer.jpg') repeat-y center top
}

.footer_chunk {
margin:0 45px 0 0;
padding:0;
float:left;
width:316px;
}

.gfx_lines {
height:31px;
margin:0;
padding:0;
border-top:1px solid #2c2d31;
background:transparent url('../gfx/footer_lines.jpg') no-repeat center top
}


.footer h5 {
color:#83dbdb;
margin:0 0 9px 0;
padding:0 0 8px 14px;
border-bottom:1px solid #6B7F81;
font:600 15px/16px 'Trebuchet MS',arial,tahoma;
background:transparent url('../gfx/arrow.png') no-repeat left 3px
}

.footer_chunk ul {
margin:0;
padding:0;
}

.forNews ul li {
margin:0 0 8px 0;
padding:0 0 0 68px;
background:transparent url('../gfx/bullet_yellow_small.png') no-repeat left 4px
}

.forNews ul li span {
width:45px;
float:left;
color:#fff;
font:600 11px/12px 'Trebuchet MS',arial,tahoma;
margin:3px 15px 5px -50px;
}

.forNews ul li a {
text-decoration:none;
color:#C3C4C6;
font:400 11px/15px 'Trebuchet MS',arial,tahoma;
}

.forNews ul li a:hover {color:#fff}

.forContact ul li {
color:#C3C4C6;
margin:0 0 14px 0;
padding:0 0 0 15px;
background:transparent url('../gfx/bullet_yellow_small.png') no-repeat left 4px
}

.forContact ul li em {
font-style:normal;
padding:0 7px 0 0;
border-right:1px solid #C3C4C6
}

.footer_menu {
text-align:right;
width:228px;
float:right;
margin:0;
padding:0
}

.footer_menu ul {
margin:11px 0 0 0;
padding:0
}

.footer_menu ul li {
color:#909293;
display:inline;
margin:0 0 5px 0;
padding:0
}

.footer_menu ul li a {
color:#909293;
margin:0 1px;
padding:0 1px;
font:400 11px/15px 'Trebuchet MS',arial,tahoma;
}

p.ftp {
margin:18px 0 0;
padding:0
}

p.ftp a {
display:block;
margin:0 0 0 117px;
padding:0;
width:108px;
height:29px;
background:transparent url('../gfx/ftp.png') no-repeat left top
}

p.ftp a:hover {background:transparent url('../gfx/ftp.png') no-repeat left bottom}

.copy {
margin:18px 0 8px 0;
padding:0;
color:#7c7c7c
}

.valid a {
text-decoration:none;
color:#838586;
font:400 11px/20px 'Trebuchet MS',arial,tahoma;
vertical-align:top
}

.valid a img {vertical-align:bottom}
.valid a:hover {color:#fff}

.chapter {
width:971px;
float:left;
padding:0 0 29px 0;
margin:5px -21px 10px 0;
background:transparent url('../gfx/shadow.png') no-repeat left bottom
}

.angle {
position:relative;
width:21px;
height:44px;
float:right;
margin:214px 0 0 0;
padding:0;
background:transparent url('../gfx/angle.png') no-repeat left top
}

.photo_holder {
height:269px;
overflow:hidden;
}

.c-references {background:transparent url('../gfx/chapter_references.jpg') no-repeat left top}
.c-news {background:transparent url('../gfx/chapter_news.jpg') no-repeat left top}
.c-services {background:transparent url('../gfx/chapter_services.jpg') no-repeat left top}
.c-history {background:transparent url('../gfx/chapter_history.jpg') no-repeat left top}
.c-team {background:transparent url('../gfx/chapter_team.jpg') no-repeat left top}
.c-contact {background:transparent url('../gfx/chapter_contact.png') no-repeat left top}


#map_canvas {width:940px;height:259px;margin:5px}

.chapter h2 {
margin:224px 0 0 792px;
padding:0;
color:#fff;
font:600 13px/14px 'Trebuchet MS',arial,tahoma
}

.chunk_list {
min-height:400px;
height:auto !important;
height:400px;
float:left;
margin:10px 0;
padding:0
}

.chunk {
width:620px;
margin:0 0 13px 0;
padding:20px 20px 12px 20px;
border-top:1px solid #4C4E55;
border-bottom:1px solid #4C4E55;
background:transparent url('../gfx/chunk.jpg') repeat-y left top
}

a.in img {
float:right;
margin:0 0 5px 34px;
padding:3px;
display:block;
background:#fff
}

.chunk h4 {
color:#64c2c2;
font:600 15px/17px 'Trebuchet MS',arial,tahoma;
margin:2px 0 12px 0;
padding:0
}

.chunk p {
margin:0 0 8px 0
}

.chunk_list h3 {
width:660px
}

.side_list {
margin:48px 0 15px 0;
float:right;
width:246px;
}

.side_list h4 {
padding:5px 15px;
border-top:1px solid #4C4E55;
border-bottom:1px solid #4C4E55;
font:600 18px/19px 'Trebuchet MS',arial,tahoma;
color:#6e717a;
margin:0 0 10px 0;
background:transparent url('../gfx/side_list_ttile.png') no-repeat left top
}

.side_list ul {
margin:16px 0 0 16px;
padding:0
}

.side_list ul li {
padding:0 0 0 15px;
margin:0 0 8px 0;
color:#d4d6d6;
font:400 14px/17px 'Trebuchet MS',arial,tahoma;
background:transparent url('../gfx/bullet_yellow_small.png') no-repeat left 4px
}


.side_list ul li a {
text-decoration:none;
color:#d4d6d6;
font:400 14px/16px 'Trebuchet MS',arial,tahoma;
}


.side_list ul li ul {margin:4px 0 0 5px}

.side_list ul li ul li {
padding:0 0 0 11px;
margin:1px 0 6px 0;
background:transparent url('../gfx/bullet_side.png') no-repeat left 7px
}

.side_list ul li ul li a {
text-decoration:none;
color:#d4d6d6;
font:400 12px/14px 'Trebuchet MS',arial,tahoma;
}

.side_list ul li a:hover {color:#fff}


.news img.in {margin:5px 0 12px 14px}
.profile img.in {margin:5px 0 12px 14px;float:right}

.news h4 {
padding:0 0 5px;
border-bottom:1px dashed #61676F
}

.news h4 span {
float:right;
color:#fff;
font:italic 13px/22px 'Trebuchet MS',arial,tahoma
}

.news a.levo img, .news a.Levo img, .news a.Left img, .news a.left img {
float:left !important;
margin:5px 14px 12px 0 !important
}

.news a.desno img, .news a.Desno img, .news a.Right img, .news a.right img {
float:right !important;
margin:5px 0 12px 14px !important
}

.services {
width:800px;
margin:25px auto
}

.services .title {
height:24px;
padding:0 0 6px;
border-bottom:1px solid #ACF3FE
}

.service {
margin:16px auto;
padding:12px 0;
border-bottom:1px dashed #6D757F
}

.context {
float:right;
width:445px;
margin:0;
padding:0 15px;
border-left:1px dashed #6D757F
}

.service h3 {
color:#D4D6D6;
margin:0;
padding:8px 10px;
font:600 22px/23px 'Trebuchet MS',arial,tahoma;
/* background:#fff url('../gfx/title_grad.png') repeat-x left top */
}

.lefty {
width:300px;
text-align:right;
margin:3px 0 0;
float:left;
background:#4A4F56;
border-top:1px solid #6D757F;
border-bottom:1px solid #6D757F
}

.lefty img {
display:block;
padding:2px 0 5px 0;
background:#4A4F56
}


.history_container {
width:920px;
margin:22px auto;
padding:0 0 10px;
border-bottom:1px dashed #6D757F
}

.history_container h4 {
color:#64c2c2;
font:600 17px/18px 'Trebuchet MS',arial,tahoma;
margin:2px 0 6px 0;
padding:0
}

.history_container h3, .profile_list h3 {
border-bottom:1px solid #ACF3FE;
height:24px;
padding:0 0 6px;
margin:0 0 25px;
}

.profile_list h4 {
text-align:left;
color:#64c2c2;
font:600 18px/19px 'Trebuchet MS',arial,tahoma;
margin:2px 0 2px 0;
padding:0
}

.profile_list span.job {
text-align:left;
color:#fff;
font:italic 400 13px/15px 'Trebuchet MS',arial,tahoma;
margin:0 0 14px;
padding:0;
display:block
}

.profile {
text-align:justify;
width:440px;
float:left;
margin:0 0 28px
}

.profile_list img.in {
margin:5px 0 12px 16px
}

.second {float:right !important}

.article a.levo img, .article a.Levo img, .article a.Left img, .article a.left img {
float:left !important;
margin:0 34px 5px 0 !important;
}

.article a.desno img, .article a.Desno img, .article a.Right img, .article a.right img {
float:right !important;
margin:0 0 5px 34px !important;
}

.article_navi {
margin:5px 0;
}

.article_navi a {
text-decoration:none;
margin-right:6px
}

.article_navi a:hover {text-decoration:underline}


#menutree li a.active {color:#83DBDB}

.forContact ul li a {color:#C3C4C6;text-decoration:underline}
.forContact ul li a:hover {color:#C3C4C6;text-decoration:none}


#form_holder {
padding:15px;
border-left:1px dotted #494E55;
width:270px;
float:right
}

#form_holder form .clear {
padding:4px 0 0;
border-top:1px dotted #494E55;
margin:5px 0 8px 0
}

#form_holder legend {
display:none
}

#form_holder fieldset {border:none}


#form_holder label {
font:400 13px/21px 'Trebuchet MS',arial,tahoma;
padding:3px 0 0;
width:110px;
}

#form_holder input {
color:#f2f2f2;
border:none;
background:#3c3f45;
padding:2px;
float:right;
width:160px;
}

#form_holder textarea {
color:#f2f2f2;
border:none;
padding:2px;
background:#3c3f45;
clear:left;
display:block;
width:266px;
height:90px
}


#form_holder input.zemSubmit {
margin:5px 0;
font-weight:600;
width:100px;
padding:5px 2px;
text-align:center;
color:#fff;
cursor:pointer;
border:1px solid #2c5c5d;
background:#49aeaf url('../gfx/button.jpg') repeat-x left top
}

.contact_info {
border-top:1px dotted #494E55;
border-bottom:1px dotted #494E55;
width:580px;
float:left;
padding:12px 0 12px 30px
}

.contact_info h2 {
font:600 23px/25px 'Trebuchet MS',arial,tahoma;
color:#83DBDB;
margin:0 0 11px;
padding:0
}

.contact_info p {
font:600 14px/16px 'Trebuchet MS',arial,tahoma;
margin:0 0 7px;
padding:0
}

.contact_info p span {
color:#83DBDB;
font:400 10px/16px 'Trebuchet MS',arial,tahoma;
padding:0 4px 0 0
}

.contact_info p a {
color:#D4D6D6;
text-decoration:underline
}

.contact_info p a:hover {text-decoration:none}

.pp_description {color:#333}

.services ul {
margin:0 0 20px 14px;
padding:0
}

.services ul li {
margin:0 0 4px;
padding:0 0 0 11px;
background:transparent url('../gfx/bullets.png') no-repeat left 4px
}