/* pics */

span#vrou {

    background: #FFFBCF url(images/vrou.jpg) no-repeat;
    height: 200px;
    width: 127px;
    display:block;
    float:right;
    padding-right:0px;
    padding-bottom:0px;

}

span#wortels {

    background: #FFFBCF url(images/wortels.gif) no-repeat;
    height: 120px;
    width: 120px;
    display:block;
    float:right;
    padding-right:0px;
    padding-bottom:0px;

}

span#apteek {

    background: #FFFBCF url(images/apteek.gif) no-repeat;
    height: 37px;
    width: 50px;
    display:block;
    float:left;
    padding-right:0px;
    padding-bottom:0px;

}

span#wipmat {

    background: #FFFBCF url(images/wipmat.gif) no-repeat;
    width: 160px;
    height: 130px;
    display:block;
    float:right;
	margin-top: 3px;
    margin-right:2px;
    padding-bottom:0px;
}

span#hart {

    background:  url(images/hart.gif) no-repeat;
    width: 125px;
    height: 88px;
    display:block;
    float:right;
    margin-left:10px;
    padding-bottom:0px;

}

span#braai {

    background:  url(images/braai.gif) no-repeat;
    width: 85px;
    height: 185px;
    display:block;
    float:right;
    margin-left:10px;
    padding-bottom:0px;

}

span#main {

    background:  url(images/main.jpg) no-repeat;
    width: 150px;
    height: 208px;
    display:block;
    float:right;
    margin-right:130px;
    margin-top:30px;

}

span#holistic {

    background:  url(images/holisties.jpg) no-repeat;
    width: 500px;
    height: 350px;
    display:block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    margin-top:0px;

}

span#chris {

    background:  url(images/chris.jpg) no-repeat;
    width: 270px;
    height: 350px;
    display:block;
    margin-left:0px;
    padding-bottom:0px;

}


/* pics */

body {

    margin: 0 auto;

    padding: 0;

    font: 9pt Arial, Verdana, Sans-Serif;

    background: #DDEECC;

}

em {

 color:#699E34;

}

a {

    text-decoration: none;

    color: #2489DB;

}



a:hover {

    color: #808080;

}



a img {

    border: 0;

}



h3 {

    font-size: 1.3em;

    margin: 0 0 5px 0;

    padding: 2px 0px 0px 0px;

    color:#699E34;

}

p#menuheading {

    text-align: right;

    height: 20px;

    text-decoration: none;

    color: black;

    display: block;

    padding: 4px 8px 0 0px;

    background: #FFDCC2;
    
    border-top:2px solid #FFFFFF;
    border-bottom:2px solid #FFFFFF;
    border-left:2px solid #FFFFFF;    

}



#bg { 

    width: 760px;

    margin: 0 auto;

    padding: 5px 10px 10px 10px;

    width:100%;

    background: #DDEECC;

}





#sadrzaj {

    padding-top: 9px;

    color: #99CC66;

    width:98%;

    padding-left: 0px;

    

}



#toplinks {

    height: 20px;

    background: #99CC66;

    text-align: left;
    
    border-bottom: 7px solid #DDEECC;

    padding-right: 10px;    

    padding-top: 5px;

}



#toplinks a {

    font-size: 9pt;

    font-weight:bold;

    display: inline;

    padding-left: 12px;

    padding-right: 5px;

    background: url(strelica.gif) left no-repeat;

    padding-bottom: 3px;

    margin-left: 15px;

    color: #fff;

}



#toplinks a:hover {

    border-bottom: 2px solid #FFDCC2;

}



#zaglavlje {

    clear: both;

    margin: 0px 0px 5px 0px;

    height: 20px;

    background: url(header.gif) repeat-x;

}



#title {

    float: left;

    font-size: 14pt;

    font-weight: bold;

    padding-top: 25px;

    padding-left: 5px;
    
    
    

}



#title_info {

    float: right;

    height: auto;

    padding: 8px;

    width: 310px;

    margin: 10px 5px 0 0;

    border: 2px solid #fff;    

    background: #FFF5D9;

    color: #808080;

}



#title_info p {

    margin: 0;

}



#navigation {

    clear: left;

    float: right;

    width: 190px;

    margin: 0 0 10px 0;
    
    padding: 0;

    font-size: 0.9em;

}



#navigation ul {

    list-style: none;

    width: 190px;

    margin: 0 0 3px 0;

    padding: 0;

    font-size: 1.1em;

}    



#navigation li {

/*    margin-bottom: 4px; */

}



#navigation li a, #navigation li a:visited {

    text-align: right;

    height: 20px;

    text-decoration: none;

    color: black;

    display: block;

    padding: 6px;

    background: #FFFBCF;

}    

    

#navigation li a:hover {

    background: #99CC66;

    color: #fff;

}



.lijevo {

    margin: 0 0 3px 2px;

    padding: 4px;

    width: 185px;

    border-top: 1px solid #DDD;

    border-bottom: 1px solid #DDD;

    color: #6B6B6B;

    background: #fff url(lijevo.gif) repeat-x;

}



.lijevo a, .lijevo a:visited {

    text-decoration: underline;

}



#desna_rubrika {

    float: right;

    width: 200px;

    margin: 0 0 10px 0;

    padding: 5px 13px 20px 10px;

    border-top: 1px solid #DDD;

    border-bottom: 1px solid #DDD;

    background: #eee url(lijevo.gif) repeat-x;

    color: #5D5D5D;

    line-height: 1.5em;

}



#desna_rubrika p {

    margin: 0px;

    font-size: 90%;

}



#desna_rubrika h3 {

    font-size: 9pt;    

}



#desna_rubrika a {

    display: block;

    height: 12px;

    padding-bottom: 4px;

    margin-bottom: 2px;

    border-bottom: 1px solid #ccc;

}



#podaci {

    margin: 15px 0 0 0;

    border: 2px solid #fff;

    background: #99CC66 url(plavo.gif);

    padding: 3px 3px 3px 6px;

    color: #000;

}



#podaci a, #podaci a:visited {

    display: inline;
    
    color: blue;

    border: none;    

}

#podaci a:hover {

    display: inline;
    
    color: #EB4C85;

    border: none;    

}

#clanci {

    margin:  0 155 5px 10px;

    padding: 0 10px 5px 6px;

    line-height: 1.4em;

    background: url(Animation2.gif) repeat-x bottom left;
    

}



#clanci h2 {

    margin: 0px;

    padding: 4px 0 4px 0;

    font-size: 12pt;

}



#clanci p {

    margin: 0;

}



.datum {

    padding-top: 2px;

    height: 30px;

    margin: 5px 0 6px 0;

    border-top: 1px solid #eee;

    font-size: 80%;

    text-transform: uppercase;    

    color: #808080;

}



#content {

    margin: 0 198px 20px 0px;

    border-top: 1px solid #AFCEED;
    
    border-left: 1px solid #AFCEED;
    
    border-right: 1px solid #AFCEED;

    border-bottom: 1px solid #AFCEED;

    background: #fff url(lijevo.gif) repeat-x;

    padding: 5px 15px 5px 15px;
    
    line-height: 1.6em;

    text-align: left;

    color: #5D5D5D;

}



#content a, #content a:visited {

    text-decoration: underline;    

}



#content h2 {

    font-size: 1.5em;

    margin: 0 0 0.5em 0;

    color: #808080;

    padding-top: 3px;

}



#content p {

    padding: 3px;

    margin: 0;

}

#topbanner {

    margin: 0 193px 20px 0px;

    border-top: 1px solid #AFCEED;
    
    border-left: 1px solid #AFCEED;
    
    border-right: 1px solid #AFCEED;

    border-bottom: 1px solid #AFCEED;

    background: url(images/banner.jpg) repeat-x;

    padding: 5px 0px 5px 0px;

    sheight: 1.6em;
    
    height:146px;

    text-align: left;

    color: #5D5D5D;

}


/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/


#menu {
width: 10em;
background: #FFFFFF;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a {
font: 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}



#menu a {
color: #000;
background: #efefef;
text-decoration: none;
border-left:2px solid #FFFFFF;
border-top:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
}

#menu a:hover {
color: #a00;
background: #99CC66;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: -100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#docpic {

    border-top: 1px solid #AFCEED;
    
    border-left: 1px solid #AFCEED;
    
    border-right: 1px solid #AFCEED;

    border-bottom: 1px solid #AFCEED;

    background: url(images/foto_small.jpg) no-repeat;

    height:187px;

    width:150px;

    float:left;

    margin-right:30px;
}

p.box {
      
    text-align:left;

    border-top: 1px solid #AFCEED;
    
    border-left: 1px solid #AFCEED;
    
    border-right: 1px solid #AFCEED;

    border-bottom: 1px solid #AFCEED;

    width:80%;


}