body {
background-color:#565656;
margin: 0px;
text-align:center;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 13px;
color: #2c2a2c
}

h1 {
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 18px;
color: #295886;
}

h2 {
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 18px;
color: #FF8400;
margin-bottom: 0px;
}

h3 {
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 18px;
color: #FF0026;
margin: 5px;
margin-bottom: 0px;
}

h4 {
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 18px;
color: #0B8E02;
margin: 5px;
}

h5 {
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 18px;
color: #FFCC01;
margin: 5px;
margin-bottom: 0px;
}

h6 {
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 18px;
color: #000000;
margin: 5px;
margin-bottom: 0px;
}


ul{
margin: 0;
margin-top: 10px;
margin-left: 25px;
padding: 0;
list-style-type: none;
list-style-image: url(images/thick.jpg);
}


img {
border: 0px
}

#wrapper {
width: 1008px;
height: auto;
background-color:#F8F7F7
}

#header {
width: 1008px;
height: 106px;
background-color:#FFFFFF
}

#headerleft {
width: 646px;
height: 106px;
float: left;
text-align:left;
}

#headerright {
width: 359px;
height: 106px;
float: right;
text-align:right
}

.logo {
padding-left: 16px;
padding-top: 13px;
}

div.langbar {
background-image: url(images/langbar-background.jpg);
width: 359px;
height: 20px;
color: #FFFFFF;
font-size: 11px;
}

div.langbar a {
color: #FFFFFF;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
text-decoration:none
}

div.langbar a:hover {
color: #FFFFFF;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
text-decoration: underline
}

#menu {
width: 1008px;
height: 50px;
text-align:center
}

#main {
width: 1008px;
background-color:#f8f7f7;
padding-bottom: 40px;
}

#mainleft {
width: 593px;
float: left;
}

#mainright {
width: 410px;
float: right;
}

#introtext {
width: 525px;
background-color:#ffffff;
}

#introtextleft {
float: left;
width: 254px;
text-align: left;
margin-left: 10px;
}

#introtextright {
float: right;
width: 246px
}

#introtext2 {
margin-left: 10px;
margin-right: 10px;
text-align: left;
}

div.lastprojects {
width: 386px;
background-color:#FFFFFF;
text-align: center
}

div.lastprojects a {
color: #094265;
text-decoration:none
}

div.lastprojects a:hover {
color: #4d730b;
text-decoration:none
}



div.lastprojectsleft {
width: 141px;
height: 90px;
float: left;
margin-left: 15px;
}

div.lastprojectsright {
width: 182px;
height: 90px;
padding-right: 30px;
float: right;
text-align:right;
}



div.dots {
background-image: url(images/dot_border.gif);
margin-left: 15px;
margin-top: 10px;
width: 341px;
height: 10px;
background-repeat: repeat-x;
}

div.endintrotext {
background-image: url(images/introtext-bottom.gif);
background-repeat:no-repeat;
width: 525px;
height: 15px
}

div.endlastprojects {
background-image: url(images/posledni-proekti-bottom.gif);
width: 386px;
height: 24px
}

div.contactshome {
padding-left: 32px;
text-align:left
}

#footer {
width: 1008px;
border-top: 5px solid #232323;
height: 78px;
background-color:#565656
}

div.footerleft {
float: left;
width: 600px;
padding-top: 15px;
color: #F8F7F7
}

div.footerleft a {
color: #F8F7F7;
text-decoration:none;
}

div.footerleft a:hover {
color: #F8F7F7;
text-decoration:underline;

}


div.footerright {
float: right;
width: 300px;
padding-top: 15px;
}

div.promoleft {
text-align:right;
width: 180px;
float:left
}

div.promoright {
text-align:left;
width: 280px;
float:right;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:normal;
}

#inner-page-content {
width: 894px;
text-align: left;
background-color:#FFFFFF;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
}


div.inner-page-end{
background-image: url(images/inner-page-bottom.gif);
background-repeat:no-repeat;
width: 934px;
height: 15px
}

.title {
font-size: 14px;
color: #295886;
text-transform: uppercase;
font-weight:bold
}

div.portfolioleft {
width: 520px;
height: 175px;
float: left;
}

div.portfolioleft img {
border: 10px solid #E6E4E4;
padding: 5px;
}

div.portfolioleft a img {
border: 10px solid #E6E4E4;
}

div.portfolioleft a:hover img  {
border: 10px solid #E0EDF6;
}

div.portfolioright {
width: 330px;
height: 175px;
padding-right: 30px;
float: right;
text-align:left;
}

div.portfolioright a {
color: #094265;
text-decoration:none
}

div.portfolioright a:hover {
color: #4d730b;
text-decoration:none
}

div.dots-portfolio {
background-image: url(images/dot_border.gif);
margin-top: 10px;
width: 880px;
height: 10px;
background-repeat: repeat-x;
}

#careers-left {
float: left;
width: 560px;
text-align:left;
padding-left: 30px;
}

#careers-left a {
color: #094265;
text-decoration:none
}

#careers-left a:hover {
color: #4d730b;
text-decoration:none
}

#careers-right {
float: right;
width: 300px;
text-align:left;
}

#contacts-left {
float: left;
width: 500px;
text-align:left;
padding-left: 30px;
}

#contacts-left a {
color: #094265;
text-decoration:none
}

#contacts-left a:hover {
color: #4d730b;
text-decoration:none
}

#contacts-right {
float: right;
width: 360px;
text-align:left;
}

#contacts-right img {
border: 7px solid #E6E4E4;
padding: 5px;
}

div.why-to-choose {
width: 505px;
height: 52px;
background-image: url(images/why-to-choose-bg.gif);
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 22px;
color: #ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:left;
padding-left: 20px;
padding-top: 10px;
}

div.latest-projects {
margin-top: 24px;
width: 366px;
height: 52px;
background-image: url(images/latest-projects-bg.gif);
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 22px;
color: #ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:left;
padding-left: 20px;
padding-top: 10px;
}

div.latest-projects {
margin-top: 24px;
width: 366px;
height: 52px;
background-image: url(images/latest-projects-bg.gif);
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 22px;
color: #ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:left;
padding-left: 20px;
padding-top: 10px;
}

div.inner-page-topic {
margin-top: 24px;
width: 914px;
height: 52px;
background-image: url(images/inner-page-title-bg.gif);
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 22px;
color: #ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:left;
padding-left: 20px;
padding-top: 10px;
}

.li-down {
list-style:url('images/thumbs-down.gif')
}

.li-up {
list-style:url('images/thumbs-up.gif')
}


#erp-left {
width: 490px;
margin-left: 10px;
float:left;
text-align: justify
}

#erp-left a {
color: #094265;
text-decoration:none
}

#erp-left a:hover {
color: #4d730b;
text-decoration:none
}

#erp-right {
width: 380px;
float: right;
text-align: center
}

#erp-right img {
border: 7px solid #E6E4E4;
padding: 5px;
}

#erp-right a img {
border: 7px solid #E6E4E4;
}

#erp-right a:hover img  {
border: 7px solid #E0EDF6;
}