/** body, html{
height:100%;
}*/
body{
font: normal 62.5% "Trebuchet MS", Arial, Verdana, sans-serif;
line-height: 150%;
min-width: 776px;
text-align: center;
}
body, div, hr, p, h1, h2, h3, h4, h5, h6{
margin:0px;
padding:0px;
}
img{
border:0px;
}
/* --------------  LAYOUT ----------------*/
#omot{
position:relative;
margin: 0 auto;
width:776px;
text-align: left;
/*height:100%;
min-height: 100%;
height: auto !important;*/
}
.left{
float:left;
}
.right{
float:right;
}
.kosaLinija{
background:url(../images/kosa-linija.gif) repeat-x left top;
width:776px;
height:20px;
float:left;
}
.clear{
clear:both;
}
/* --------------  CONTENT ----------------*/
#content, #contentLeft, .box, .boxHeader, .boxImgPoz, .imeProjekta{
float:left;
}
#content{
width:776px;
height:auto;
margin-bottom:15px;
}
#contentLeft{
width:195px; 
}
#opciUvjeti{
background:url(../images/opci-uvjeti-poz.jpg) no-repeat left top;
width:195px;
height:62px;
float:left;
margin-top:15px;
margin-left:1px;
}
.boxGreen{
background:url(../images/boxGreen-poz.jpg) repeat-x left top;
width:485px;
padding:10px;
color:#fff;
background-color:#a5cf4d;
margin-bottom:15px;
}
#contentRight{
background:url(../images/footer-big.jpg) no-repeat left bottom;
width:533px;
float:right; 
margin-top:15px;
}
#contentRightHeader{
background:url(../images/header-big.jpg) no-repeat left top;
width:533px;
height:auto;
}
.slikaBig{
display:inline;
background:url(../images/slika-header.jpg) no-repeat left top;
width:491px;
height:177px;
margin-left:20px;
margin-top:20px;
margin-bottom:15px;
float:left;
}
#contentText{
display:inline;
float:left;
margin-left:20px;
width:503px;
margin-bottom:25px;
}
.slike{
display:inline;
float:left;
width:503px;
margin-bottom:25px;
}
.slike img{
clear:none;
        margin:5px 12px 2px 0px;
        padding:1px;
        border: 2px solid #E7E7E7;
}


.box{
background:url(../images/footer-small.jpg) no-repeat left bottom;
width:195px;
height:450px;
}
.boxHeader{
background:url(../images/header-small.jpg) no-repeat left top;
width:195px;
margin-top:15px;
padding-top:10px;
}
.boxImgPoz{
background:url(../images/poz-izdvojeni-projekt.jpg) no-repeat left top;
width:195px;
height:77px;
margin-top:20px;
margin-bottom:5px;
}
.boxImg{
width:167px;
height:47px;
padding-top:14px;
padding-left:15px;
}
.imeProjekta{
background:url(../images/linija-tockasta.gif) no-repeat left bottom;
width:175px;
height:18px;
padding-left:10px;
}
.strelica{
background:url(../images/strelica-2.gif) no-repeat 0 75%;
padding-left:20px;
padding-top:10px;
}
#marginaTop{
margin-top:20px;
}
#flashcontent{
margin-left:15px;
height:98px;
}
#flashcontent1{
float:left;
height:177px;
width:100px;
padding-left:1px;
}
.seperate{
background:url(../images/separate.gif) repeat-x left top;
width:493px;
height:4px;
margin-top:15px;
margin-bottom:15px;
overflow:hidden;
}
/* --------------  CITYLIGHT & BILLBOARD ----------------*/
.citylightPoz{
background:url(../images/cirylight-poz.gif) no-repeat left top;
width:106px;
height:154px;
padding-left:3px;
padding-top:3px;
}
.cityBox{
float:left;
margin-right:22px;
width:106px;
height:auto;
}
.cityBox1{
float:left;
width:106px;
height:auto;
}
.billboardPoz{
background:url(../images/billboard-poz.gif) no-repeat left top;
width:154px;
height:106px;
padding-left:3px;
padding-top:3px;
}
.billBox{
float:left;
margin-right:16px;
width:154px;
height:auto;
}
.billBox1{
float:left;
width:154px;
height:auto;
}
.pMini{
font-size: 9px;
line-height: 13px;
color: #636466;
background-color:inherit;
text-decoration: none;
}
/* --------------  HEADER ----------------*/
#header{
background:url(../images/header-poz.jpg) no-repeat left top;
width:776px;
float:left;
}
#headerLeft{
background:url(../images/logo-Metro-Media.gif) no-repeat left top;
margin-top:17px;
width:176px;
height:98px;
}
#headerRight{
margin-top:17px;
width:600px;
height:98px;
}
/* --------------  FOOTER ----------------*/
#backToTop{

}
#footer{
float:left;
margin-top:15px;
width:776px;
}
#footerPoz{
background:url(../images/footer-poz.jpg) no-repeat left bottom;
height:34px;
width:776px;
}
/*#footerOmot{
background:url(../images/footer-poz.jpg) no-repeat left bottom;
height:100%;
width:776px;
}
#footerBottom{
position:absolute;
bottom:0px;
background:url(../images/proba-footer.gif) no-repeat left top;
height:15px;
width:738px;
padding-bottom:10px;
margin-left:17px;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
background: #85C325;
height: 40px;
text-align:center;
}
}*/
/* --------------  FONT ----------------*/
p{
font-size: 11px;
line-height: 18px;
color: #636466;
background-color:inherit;
text-decoration: none;
letter-spacing: 1px;
}
.pGreen{
font-size: 12px;
line-height: 18px;
color: #9fc74a;
background-color:inherit;
text-decoration: none;
letter-spacing: 1px;
font-weight:bold;
}
.pNovosti{
font-size: 10px;
line-height: 14px;
color: #9fc74a;
background-color:inherit;
text-decoration: none;
letter-spacing: 1px;
font-weight:normal;
}
.pBoldBig{
font-family:"Times New Roman", Times, serif;
font-size: 16px;
color: #ffffff;
background-color:inherit;
text-decoration: none;
font-weight:bold;
letter-spacing:1px;
line-height:normal;
}
.pBold{
font-size: 11px;
line-height: 18px;
color: #636466;
background-color:inherit;
text-decoration: none;
letter-spacing: 1px;
font-weight:bold;
}
.pNaslovNovosti{
font-size: 14px;
line-height: 18px;
color: #636466;
background-color:inherit;
text-decoration: none;
letter-spacing: 1px;
font-weight:bold;
}
.box h4{
background:url(../images/strelica-1.gif) no-repeat right center;
font-size: 11px;
line-height: normal;
color: #636466;
background-color:inherit;
text-decoration: none;
letter-spacing: 0.1em;
padding-left:15px;
margin-right:15px;
}
#opciUvjeti h4{
font-size: 11px;
line-height: normal;
color: #636466;
background-color:inherit;
text-decoration: none;
letter-spacing: 0.1em;
padding-top:16px;
padding-left:15px;
}
.h4Green{
color: #9fc74a;
background-color:inherit;
}
.imeProjektaNaslov{
background:url(../images/strelica-2.gif) no-repeat left center;
display:block;
padding-left: 20px;
}
h2{
background:url(../images/strelica-big.gif) no-repeat left center;
font-size: 1.6em;
line-height: normal;
color: #9fc74a;
background-color:inherit;
text-decoration: none;
margin-right:15px;
padding-left:25px;
font-weight: bold;
margin-bottom:15px;
}
h3{
font-size: 1.3em;
line-height: normal;
color: #666;
background-color:inherit;
text-decoration: none;
margin-bottom:2px;
padding:0 0 5px 0;
font-weight: bold;
}

h4{
font-size: 1.1em;
line-height: normal;
color: #666;
background-color:inherit;
text-decoration: none;
margin-bottom:2px;
padding:5px 0 5px 0;
font-weight: bold;

}
h5{
font-size: 1em;
line-height: normal;
color:#4D7C2B;
background-color:inherit;
padding:5px 0 5px 5px;
font-weight: normal;
display:block;


}
.datum {
background: #fff url(../images/date.gif) no-repeat 0 50%;
padding:5px 15px 5px 15px;
font-size: 1em;
color: #19562D;
}
.vise {
background: url(../images/vise.gif) no-repeat 0 50%;
padding:10px 15px 10px 15px;

}
a:link,a:visited,a:active {
letter-spacing: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #999999;
background-color:inherit;
text-decoration: none;
}
a:hover {
letter-spacing: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
background-color:inherit;
text-decoration: none;
}

#copyright{
background:url(../images/logo1-Metro-Media.gif) no-repeat left center;
padding-left:80px;
margin-left:20px;
font-size: 9px;
color: #636466;
background-color:inherit;
text-decoration: none;
font-weight: normal;
line-height:32px;
display:block;
}
#cssXhtml{
background:none;
font-size: 12px;
color: #636466;
background-color:inherit;
text-decoration: none;
font-weight: bold;
margin-left:95px; 
width:200px; 
padding-top:10px;
}
#agmedia{
margin-right:20px;
padding-top:10px;
width:80px;
display:inline;
}
ul.lista {
font-size: 11px;
line-height: 18px;
color: #636466;
background-color:inherit;
text-decoration: none;
letter-spacing: 1px;
margin-top:5px;
font-weight: normal;
}
ul.lista li {
background:url(../images/bullet.jpg) no-repeat left center;
margin-left: -39px;
padding-left: 24px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 12px;
line-height:1.5em;
color: #666666;
background-color:inherit;
list-style-type: none;
}