/* CSS Document */
* {
margin:0;
padding:0;
}
body {
background-color:#999999;
background:url(images/bg.png) repeat-x #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
margin: 0;
height: 100%;
text-align:center;
}
#wrapper {
text-align: left;
width:920px;
margin-left:auto;
margin-right:auto;
}
div.terminator {
clear:both;
}

/* TEXT CLASSES */
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#636363;
line-height:20px;
margin-bottom:8px;	
}
h1 {
color:#0076a3;
font-size:27px;
font-family:"Myriad Pro", Arial;
font-weight:normal;
margin-bottom:10px;
}
h2 {
color:#0076a3;
font-size:16px;
font-family:"Myriad Pro", Arial;
font-weight:normal;
margin-bottom:5px;
}

/* LINKS */
a {
color:#0076a3;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/*Layout*/
#header {
width:920px;
height:198px;
overflow:hidden;
}
#wrapper .home .navigation{
background:url(images/bg_nav_home.png) no-repeat;
}
#wrapper .o_nama .navigation{
background:url(images/bg_nav_o_nama.png) no-repeat;
}
#wrapper .galerija .navigation{
background:url(images/bg_nav_galerija.png) no-repeat;
}
#wrapper .reference .navigation{
background:url(images/bg_nav_reference.png) no-repeat;
}
#wrapper .kontakt .navigation{
background:url(images/bg_nav_kontakt.png) no-repeat;
}
.languages {
background:url(images/bg_lang.png) no-repeat right;
width:150px;
height:38px;
padding:6px 0 0 718px;
margin:0 52px 20px 0;
}

.languages .eng {
background:url(images/lang_eng.jpg) no-repeat left;
margin-right:5px;
}
.languages .eng, .languages .srp {
padding:10px 0 10px 36px;
display:block;
float:left;
color:#555555;
font-size:11px;
}
.languages .srp {
background:url(images/lang_srp.jpg) no-repeat left;
}
.logo {
float:left;
width:237px;
height:134px;
}
.navigation {
float:left;
width:641px;
height:78px;
padding:40px 0 0 42px;
margin-top:16px;
}
.navigation a {
font-family:"Trebuchet MS";
font-size:20px;
font-weight:normal;
color:#FFFFFF;
margin-right:48px;
}
#wrapper .eng_nav  a.home {
margin-right:65px;
}
#wrapper .eng_nav  a.references {
margin-right:44px;
}
#wrapper .eng_nav  a.about {
margin-right:44px;
}

#main {
background:url(images/bg_bottom.gif) no-repeat bottom;
padding:0 0 21px 0;
width:920px;
}
.left_home {
float:left;
width:516px;
padding-left:20px;

}
.right_home {
float:left;
width:328px;
padding:0 28px 0 28px;
}

.right_home p{
text-align:justify;

}
.o_nama_home, .galerija_home, .reference_home {
float:left;
width:280px;
height:246px;
padding:10px 0 0 20px;
}
#main .content {
background:#fafafa url(images/bg_tabs.png) repeat-x bottom ;
width:920px;
}
.left {
float:left;
width:530px;
margin-left:20px;
padding:29px 75px 20px 75px;
}
.right {
float:left;
width:220px;
text-align:justify;
}
.left p {
text-align:justify;
}
.tabs {
height:247px;
}
.btn_reference, .btn_galerija, .btn_kontakt, .btn_o_nama {
margin-bottom:20px;
}
#copyright {
padding-top:10px;
text-align:center;
width:920px;
}
#copyright a, #copyright p {
color:#00526e;
}
#copyright a:hover {
text-decoration:none;
}

ul.reference {
padding-left:20px;
color:#b73b26;
list-style:disc;
font-weight:bold;
}
ul.reference li {
padding:3px 0;
}
ul.reference li a, a.vrh {
color:#b73b26;
}
table.reference {
border:1px solid #8e8e8e;
border-bottom:none;
}
table.reference th {
border-bottom:1px solid #8e8e8e;
background-color:#0076a3;
color:#ffffff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:5px 0;
}
table.reference td {
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
color:#636363;
padding:8px;
background-color:#f0f1f1;
}
td.note {
font-size:11px;
}

div.galerija img.thumbs {
margin:0 5px 5px 0;
border:1px solid #999999;
}

.refer .left p {
text-align:inherit;
}
.galerija .left p {
text-align:left;
}