html
{
background: url(slike/malipijesak.jpg);
}

* {margin: 0; padding: 0;}

body
{
margin: 0 auto;
font-family: "lucida grande", verdana, arial;
font-size: 0.8em;
line-height: 1.6em;
color: #202122;
text-align: left;
}

.container
{
width: 840px;
margin: 0 auto;
text-align: left;
background: url(slike/listek03.jpg) 0px 40px no-repeat;
padding-top: 30px;
border-bottom: #484A50 1px solid;
}


#containerhome
{
width: 840px;
margin: 0 auto;
text-align: left;
background: url(slike/listekhome.jpg) 0px 40px no-repeat;
padding-top: 30px;
border-bottom: #484A50 1px solid;
}

#tamni
{
width: 840px;
margin: 0 auto;
text-align: left;
background: url(slike/listektamni01.jpg) 0px 40px no-repeat;
padding-top: 30px;
color: #f5f5f7;
border-bottom: #484A50 1px solid;
}


#plejke
{
width: 840px;
margin: 0 auto;
text-align: left;
background: url(slike/listekplejke.jpg) 0px 40px no-repeat;
padding-top: 30px;
border-bottom: #484A50 1px solid;
}


#listekpress
{
width: 840px;
margin: 0 auto;
text-align: left;
background: url(slike/listekpress01.jpg) 0px 40px no-repeat;
padding-top: 30px;
border-bottom: #484A50 1px solid;
}


span
{
margin-left: -9999px;
}

h1
{
padding-top: 95px;
padding-left: 94px;
}

#lijevi_nav
{
padding-left: 40px;
float: left;
width: 132px;
margin-top: 109px;
border-top: #999ba3 1px dotted;
}

#lijevi_nav li
{
list-style: none;
padding: 2px;
border-bottom: #999ba3 1px dotted;
}

#lijevi_nav li a 
{
text-decoration: none;
font-weight: bold;
color: #4179B1;
padding-left: 8px;
}

#lijevi_nav li a:hover
{
color: #dddddd;
text-decoration: underline;
}

#text
{
float: left;
width: 580px;
margin-top: 42px;
padding-left: 20px;
padding-bottom: 40px;
margin-left: 30px;
border-left: #858790 1px dotted;
}

#text a
{
text-decoration: none;
font-weight: bold;
color: #4179B1;
}

#text a:hover
{
text-decoration: underline;
}

#main_nav li a:visited, #lijevi_nav li a:visited, #text a:visited
{
color: #eeeeee;
}

#natrag a
{
color: #202122;
}

h2
{
font-size: 1em;
color: #292B2D;
margin-top: 4px;
margin-bottom: 32px;
}

h3
{
margin-bottom: 20px;
margin-top: 30px;
font-size: 1em;
color: #292B2D;
}

#textpoem1
{
width: 280px;
margin-top: 54px;
float:left;
padding: 10px;
padding-left: 20px;
padding-bottom: 20px;
margin-left: 30px;
border-left: #858790 1px dotted;
}

#textpoem2
{
width: 280px;
margin-top: 96px;
float:left;
padding: 10px;
padding-bottom: 20px;
margin-left: 20px;
}

p
{
margin-top: 10px;
margin-bottom: 30px;
}

.pul
{
margin-top: 32px;
}

img
{
border: #525357 2px solid;
}

.djela, .cdovi
{
padding-left: 10px;
}

.foto
{
font-size: 0.85em;
padding-bottom: 25px;
padding-left: 20px;
}


.fotohome
{
margin-top: 50px;
font-size: 0.85em;
padding-bottom: 25px;
padding-left: 20px;
}


.fotoul
{
font-size: 0.85em;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 20px;
}

.cdovi
{
margin-top: 30px;
}

.kargo
{
padding-top: 30px;
text-align: center;
}

#hds
{
background: url(slike/hdslogo2.gif) 30px 10px no-repeat;
padding-left: 200px;
padding-top: 4px;
padding-bottom: 10px;
}

#hgu
{
background: url(slike/hgulogo1.jpg) 72px 40px no-repeat;
padding-left: 200px;
padding-top: 34px;
padding-bottom: 5px;
}

#idm
{
background: url(slike/idmlogo1.jpg) 0px 40px no-repeat;
padding-left: 200px;
padding-top: 25px;
}

#natrag
{
clear: both;
margin-top: 30px;
height: 20px;
background: url(slike/strelica1.jpg) 5px 4px no-repeat;
padding-left: 22px;
}

#footer
{
clear: both;
color: #62656e;
padding-top: 50px;
padding-left: 580px;
height: 40px;
font-size: 0.8em;
}