html, body { height: 100%;}

body {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #424242;
    width: 1003px;
    margin: 0 auto;
    position: relative;
}
a,a:visited { color: #666; text-decoration: none; }
a:hover { color: #666;  }

#wrapper { position: absolute; top: 50%; height: 529px; margin-top: -265px; width: 1003px;
           background: url(../images/background.jpg) no-repeat; z-index: 1;}
#wrapper #flash { z-index: 1;}
#wrapper #flash object { z-index: -1;}
#wrapper #marker { position: absolute; left: 417px; top:372px; background: #dde4ed; width: 100px; height: 20px; z-index: 100;
font-family: Verdana, sans-serif; color: #00214d; font-weight: bold; font-size: 14px;
}

#menu { height: 85px; left:7px; top: 5px; z-index: 5; position: relative; }
#logo { position: absolute; top: 0; right:20px; }
#menu ul { margin:10px; padding:0; height: 43px; z-index: 5; position: relative; width: 700px;}
#menu ul li { float: left; list-style: none; line-height: 43px; position: relative; height: 47px; text-align: center; cursor: pointer; }

#menu ul li.btn1 { background: url(../images/button1.png) no-repeat; width: 168px; }
#menu ul li.btn2 { background: url(../images/button2.png) no-repeat; width: 112px;}
#menu ul li.btn3 { background: url(../images/button3.png) no-repeat; width: 193px;}
#menu ul li.btn4 { background: url(../images/button4.png) no-repeat; width: 214px;}

#menu ul li h4  { color: #002e6e; font-weight: bold; margin:0; padding:0; display: inline;}
#menu ul li h4 a { color: #002e6e; }
#menu ul li a:hover { color: #666;  }

#menu ul li ul { display: none; position: absolute; top: 43px; left:0;margin:0;padding-top: 5px; z-index: 5; }
#menu ul li:hover ul { display: block; }
#menu ul li ul li { display: block; padding: 5px 10px; height:auto !important; margin:0; float: none; line-height: 12px; text-align: left; }
#menu ul li ul li a { color: #002e6e; font-size: 11px; line-height: 10px; }

#menu ul li ul.drop1 { background: url(../images/drop1.png) no-repeat;width: 168px; height: 93px;}
#menu ul li ul.drop2 { background: url(../images/drop2.png) no-repeat;width: 112px; height: 182px;}
#menu ul li ul.drop3 { background: url(../images/drop3.png) no-repeat;width: 193px; height: 114px;}
#menu ul li ul.drop4 { background: url(../images/drop4.png) no-repeat;width: 214px; height: 61px;}

#gumbi, #gumbi_products, #side_other { position: absolute; bottom: 60px; right: 10px; width: 190px;}
#gumbi_products { top: 92px; }
#container { z-index: 3; position: absolute; left: 3px;top: 70px;width: 750px;height: 390px; background: url(../images/contentbg.png) no-repeat;  padding: 10px 0 0 40px; }
#container #content { margin: 0 30px 10px 10px; padding: 0 30px 0 0; overflow: auto; height: 370px;}
#container #content_products { margin: 30px 0 10px 190px; padding: 0 10px 0 0; overflow: auto; height: 320px; width: 520px; }

#container h1 { font-size: 18px; color: #002e6e; font-weight: normal; margin-top: 0; padding-top: 0;}
#container h2 { font-size: 12px; font-weight: normal;color: #002e6e; }

#container #content_products h2 { font-size: 14px;}
#container .excerpt { background: white; padding: 15px; margin-bottom: 2em;}
#container .excerpt img { float: left; margin-right: 20px; }

#content_products h2 { font-weight: bold; margin-top: 0;}
#content ul li ul { margin-top: 0;}
#container #content_products ul { margin-top:0; }
.clear { clear: both; }

ul#pravila { margin-left: 15px;padding-left: 90px; padding-top: 20px; background: url(../images/lijepi_folder/zlatna_pravila_01.jpg) no-repeat; }
ul#pravila li { height: 60px; padding-bottom: 10px; list-style: none;}

#products { margin-top: -15px;}

.lead { float:left; width: 168px; position: relative; text-align: center;}
.lead p { position: absolute; bottom: -5px; left:20px; width: 142px; text-align: center; height: 3em;}
.lead p a { color: #002e6e;}

#product_pic { float: left; display: block; margin-top: -10px; width: 185px;  }

#side_other { height: 120px; text-align: center;}
#side_other img { padding: 0 8px; }
#oblacak, .tooltip { position: absolute; left: 20px; bottom: 10px; width: 145px; height: 37px;
           padding: 9px 7px 10px 7px; background: url(../images/oblacak.png) no-repeat; color: #002e6e;
           font-weight: bold; text-align: center; line-height: 12px; display: none; z-index: 100;}

.left-button { position: absolute; top:190px; left:20px; }
.right-button { position: absolute; top:190px; right:8px; }

#container #content.grouping { margin: 30px 0 0 -14px; padding: 0; overflow: visible; width: 785px;}

.group { float: left; position: relative;}
.group .tooltip { left: 50%; top: 50%; margin: -30px 0 0 -70px; font-size:  14px; line-height: normal; padding-top: 12px;}
.group:hover .tooltip { display: block; }