/* #A4D1FF svijetlo plava*/
/* #175496 tamno plava*/
/* #4DA736 zelena*/
/* #EDEEEF siva*/
* { 
margin: 0; 
padding: 0;
}
body {
margin-top:0px;
margin-bottom:0px;
background-color:#A4D1FF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
}
p {
line-height:1.4em;
padding-bottom:10px;
}
p.small{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:1.4em;
padding-bottom:5px;
}
h1 {
font-size:18px;
}
h2 {
font-size:15px;
}
/* container */
#container {
width:930px;
margin:auto;
position:relative;
height:auto;
}
#wrapper {
width:930px;
height:auto;
float:left;
}
#center {
width:930px;
height:auto;
position:relative;
float:left;
background-image:url(media/bck.jpg);
background-repeat:repeat-y;
}
#header {
width:930px;
height:260px;
position:relative;
float:left;
background-image:url(media/header.jpg);
background-repeat:no-repeat;
}
#top {
width:930px;
height:220px;
position:relative;
float:left;
}
#nav{
width:898px;
height:20px;
position:relative;
float:left;
padding: 0px 16px 0px 16px;
}
#nav ul{
margin: 0;
float: left;
width: 898px;
}
* html #nav ul{
margin-bottom: 0;
}
#nav ul li{
display: inline;
}
#nav ul li a{
width:178px;
color:#FFFFFF;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
float: left;
text-decoration: none;
font-weight:bold;
}
#nav ul li a:hover{
color:#EDEEEF;
text-decoration: underline;
}
#footer {
width:930px;
height:90px;
position:relative;
float:left;
background-image:url(media/footer.jpg);
background-repeat:no-repeat;
}
#footertxt {
width:900px;
height:55px;
position:relative;
float:left;
padding:45px 25px 5px 25px;
line-height:1.4em;
color:#fff;
font-size:12px;
}
#logo {
width:120px;
height:120px;
position:relative;
float:left;
padding-top:60px;
padding-left:70px;
}
#flash{
width:225px;
height:175px;
position:relative;
float:right;
padding: 30px 40px 0px 10px;
}
#column1 {
width:665px;
height:auto;
position:relative;
float:left;
padding:0px 0px 5px 25px;
}
.column2 {
width:195px;
height:auto;
position:relative;
float:right;
padding:0px 25px 5px 0px;
}
#column1inside {
width:665px;
min-height:828px;
height:auto !important;
height:828x;
position:relative;
background-color:#FFFFFF;
float:left;
background-image:url(media/center-bottom.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:10px;
}
.column2inside {
width:195px;
height:auto;
position:relative;
background-color:#FFFFFF;
float:left;
background-image:url(media/column2-bottom.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:10px;
}
.column1txt {
width:600px;
height:auto;
position:relative;
float:left;
padding:0px 0px 10px 45px;
background-image:url(media/ecology.jpg);
background-repeat:no-repeat;
background-position:top right;
}
.column2txt {
width:175px;
height:auto;
position:relative;
float:left;
padding:0px 10px 10px 10px;
background-image:url(media/175dots.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin-bottom:10px;
}
.column2txt2 {
width:175px;
height:auto;
position:relative;
float:left;
padding:0px 10px 0px 10px;
}
.column1txt2 {
width:600px;
height:auto;
position:relative;
float:left;
padding:0px 0px 30px 45px;
}
.column3 {
width:270px;
height:auto;
position:relative;
float:left;
background-image:url(media/vertical-dots.jpg);
background-repeat:repeat-y;
background-position:right;
padding-right:15px;
}
.column4 {
width:270px;
height:auto;
position:relative;
float:right;
padding-right:30px;
}
#column1p {
width:380px;
height:auto;
position:relative;
float:left;
padding:10px 0px 10px 0px;
}
h1.desnilink{
color:#175496;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
line-height:20px;
}
a.link:link, a.link:visited, a.link:active{
color:#175496;
text-decoration:underline; 
}
a.link:hover{
color:#4DA736;
text-decoration:underline;
}
.slika{
background-color:#FFFFFF;
padding:3px;
border: 1px solid #175496;
}
.slika2{
background-color:#FFFFFF;
padding:3px;
border: 1px solid #175496;
float:right;
margin-left:25px;
}
.slika2a{
background-color:#FFFFFF;
padding:3px;
float:right;
margin-left:25px;
}
.slika3{
background-color:#FFFFFF;
padding:35px 15px 40px 3px;
float:right;
margin-left:25px;
}
.slika4{
background-color:#FFFFFF;
float:left;
margin-right:10px;
}
.slika5{
background-color:#FFFFFF;
float:left;
margin-right:10px;
padding-top:12px;
}
a.dzdesign, a.dzdesign strong { font:14px Arial Narrow, Arial, Helvetica, sans-serif }
.dzdesign { font-weight:bold; color:#fff; padding:3px }
a.dzdesign strong { color:#FFCC00; font-weight:bold }
a:hover.dzdesign { background:#fff; color:#242973; text-decoration:none }
p.paddingtop{
padding-top:10px;
}
h1.blue{
color:#175496;
font-weight:bold;
padding-bottom:10px;
}
h2.blue{
color:#175496;
font-weight:bold;
padding-top:15px;
}
p.istaknuto{
color:#4DA736;
font-weight:bold;
padding-top:15px;
}
.column1txt2 ul{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#175496;
padding-top:10px;
padding-left: 15px;
}

.column1txt2 ul li{
list-style-type:square;
}
.pdf {
height:18px;
width:500px;
background-image:url(media/pdf2.jpg);
background-repeat:no-repeat;
background-position:left top;
float:left;
padding-left:30px;
margin-bottom:6px;
margin-top:6px;
margin-left:10px;
}
.pdf2 {
height:18px;
width:500px;
background-image:url(media/pdf2.jpg);
background-repeat:no-repeat;
background-position:left top;
float:left;
padding-left:30px;
margin-bottom:6px;
margin-top:35px;
margin-left:10px;
}