/* CSS Document */



.float-break{
    height: 1%;					 /* Fix for IE */
}

.float-break:after{
    content: "-";
    height: 0;
    font-size: 0;
    visibility: hidden;
    display: block; 
    clear: both; 
}


*{margin:0; padding:0;}
img{border:none;}
a{text-decoration:none; color:#333;}
a.a{font-weight:bold;}
.c{clear:both;}
.px16{font-size:16px;}
.px11{font-size:11px;}
.break{clear:both; font-size:1%; height:1%; line-height:1%;}
.slika_online_ducan{display:block; background-image:url(../slike/posalji_ecard3.png); width:170px; height:170px;}
body{font:10px/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#7eb400;}
body#slikovnica{background-color:#8da999;}
#container{width:750px; margin:0 auto;  background:url(../slike/bg_novosti.gif) repeat-y 0px 0; margin-top:47px; position:relative;}
body#slikovnica #container{background:none;}
body#ducan #container{background-image:url(../slike/bg.gif); background-position:0px 0;}
body#klub #container{background-image:url(../slike/bg_klub.gif); background-position:0px 0;}
body#zabava #container{background-image:url(../slike/bg_zabava.gif); background-position:0px 0;}
#logo{width:170px;}
#logo a{display:block; background:url(../slike/pjertijatm.gif) no-repeat 0 0; width:170px; height:52px; text-indent:-999em;}
body#slikovnica #logo a{background-position:0 100%;}
.c-left{width:170px;}
#c-middle{width:580px; margin-left:-3px; float:right; position:relative; display:inline;  }
#klub #c-middle{background:url(../slike/klub.gif) no-repeat -2px 0; height:500px;}
#zabava #c-middle{background:url(../slike/zabava.gif) no-repeat 0px 0; height:498px;}
#zabava.bojanka #c-middle{background:url(../slike/bojanka_big.gif) no-repeat 0px 100%; height:498px;}
#zabava.wallpaper #c-middle{background:url(../slike/wallpaper.jpg) no-repeat 0px 100%; height:498px;}
#zabava.e-card #c-middle{background:url(../slike/ecard.gif) no-repeat 0px 100%; height:498px;}
#zabava.odaberi #c-middle{background-image:url(../slike/odaberi_poruku2.jpg);}
#zabava.ostale #c-middle{background:none; height:auto;  height:520px; }
#zabava.ostale #c-middle{background:none; height:auto;  height:auto; padding-bottom:10px; }

body#slikovnica .c-left{width:100%; float:none;}
body#slikovnica #c-middle{width:100%; float:none;}

/*------------------- topmenu -----------------------------*/
#topmenu{width:170px; background:#7eb400;}
#topmenu ul{padding-left:18px; list-style:none; }
#topmenu li, .inline li{display:inline; background:url(../slike/razmak.gif) no-repeat 0 50%; padding-left:6px; margin-left:4px;}
.inline li{background:none;}
#topmenu li.first,.inline li.first{background:none; padding-left:0; margin-left:0;}
#topmenu a,.inline a{color:#fff; font-size:1.1em; line-height:34px;}
#topmenu a:hover, .inline a:hover{color:#4f6f00;}
body#slikovnica #topmenu{background:#8da999; float:left;}


/*------------------------------- headnav ----------------------------*/
#headnav ul{list-style:none; background-color:#7eb400; width:100px; padding-left:10px; height:87px; float:right;}

#headnav ul a{display:block; color:#fff; font-size:1em; text-decoration:none; height:1%; padding:1px 0;}


/*---------------------------------headnav1---------------------------------------------------------------*/

#headnav1{margin-left:150px; padding-top:8px;}
#headnav1 li{background:url(../slike/razmak2.gif) no-repeat 0 50%; padding-left:6px; margin-left:4px;}
#headnav1 li.first{background:none; padding-left:0; margin-left:0;}

#headnav1 a{color:#b80a50;}
#headnav1 a:hover{color:#b80a50;}








/*------------------------ header --------------------------*/
#header{background:#7eb400 url(../slike/head.gif) no-repeat 0 0; height:87px; }
#novosti #header{ background:url(../slike/novosti_head.gif) 0 -1px; height:128px; position:relative;}
#zabava #header{ background:#fbc8cc; height:87px; position:relative;}
#zabava #header #naslovi{}
#naslovi {position:absolute; left:-40px; bottom:0px; display:block; }
#zabava #header #naslovi{bottom:-40px;}

/*------------------- menuright --------------------------*/
#menuright{float:right; margin-right:6px;}

/*------------------------ glavnimeni -----------------------------*/
#glavnimeni{width:170px; }
#glavnimeni ul{list-style:none; padding-left:18px; margin-top:20px; height:auto; background:transparent;}
#glavnimeni li{display:block; margin-bottom:4px; height:1%;}
#glavnimeni a{color:#fff; font-size:1.1em; display:block;}
#glavnimeni a:hover{color:#c3ef59;}
body#home #glavnimeni a:hover{color:#4f6f00;}
body#novosti #glavnimeni a:hover{color:#4f6f00;}
body#zabava #glavnimeni a:hover {color:#fbc8cc;}




/*---------------------- procitaj ------------------------*/
#procitaj{display:block; text-indent:-999em; background:url(../slike/procitaj.gif) no-repeat 0 0; height:80px; width:122px; margin-left:26px; margin-top:30px; }
#procitaj:hover{background-position:0 100%;}

/*----------------------- btmslika ----------------------*/
#btmslika,#ddio{position:absolute; left:0px; bottom:18px; width:170px;}
#btmslika a{display:block; background-repeat:no-repeat; background-position:0 0; width:170px; height:170px; text-indent:-999em;}
#btmslika.sl a{text-indent:0;}
#klub #btmslika{background-color:#afda00; /*padding:20px 20px;*/ /*width:130px;*/}
#klub #btmslika p{font-size:11px;}
.obavjest{color:#afda00; padding:20px; margin-top:20px;}


/*------------ footer  ----------------*/
#footer{background:#7eb400; text-align:center; color:#fff; clear:both; padding-top:4px; }
body#slikovnica #footer{background:#8da999;}

/*------------------- the activepage ---------------------------*/
#home #l_home,
#ducan  #l_ducan,
#novosti #l_novosti{color:#4f6f00; font-weight:bold;}
#klub #l_klub{color:#7eb400; font-weight:bold;}
#zabava #l_zabava{color:#fff; font-weight:bold;}

#zabava.bojanka #l_bojanka,
#zabava.wallpaper #l_wallpaper,
#zabava.e-card #l_ecard{font-weight:bold;color:#b80a50;}

/*---------------------------- slikovnica stranice ---------------------*/
#stranice{text-align:center;}
#stranice li{margin-left:20px;}
#stranice li a{font-size:10px;}
#stranice li.first{margin-left:0;}
#stranice li.sredina{margin:0 85px; color:#fff;}

#pages{line-height:2em;}

.page{ background-color:#fff; padding:10px; vertical-align:top; width:355px;}



/*--------------------------------------- uvjeti ------------------------------*/
#uvjeti{position:absolute; top:65px; right:120px; background:#fff url(../slike/zvjezdica.gif) no-repeat 2px 6px; color:#333; padding:4px; height:14px; padding-left:14px;}
a#uvjeti:hover{background-position:2px -15px;}
a#uvjeti.active{background-position:2px -35px;}

#huvjeti{position:absolute; top:87px; right:120px; width:200px; background-color:#00B993;
width:410px;
	padding:0px 20px 10px;
	/*height:250px;*/
	/*border:1px solid #999;*/
	display:none;
	color:#fff;
	font-size:1.1em;
	z-index:100;
}

#huvjeti h2{margin-bottom:10px; font-size:1.1em; font-weight:bold; color:#91FFE2;}
#huvjeti p,#huvjeti img{margin-bottom:10px;}
#huvjeti img{margin-bottom:20px;}
#huvjeti p.istaknuto{color:#FFBC00; font-weight:bold;}

#huvjeti p.link{text-align:right; margin-top:5px;}

#hide{
	background:url(../slike/zvjezda.gif) no-repeat 100% 50%;
	padding-right:24px;
	line-height:24px;
	display:block;
}


/*------------------------------ ducan --------------------------*/

#proizvodi{margin:100px auto; text-align:center; width:520px;}
.proizvod{width:130px; height:130px; margin-bottom:10px; float:left;}
.proizvod span{display:block; text-align:center;}

#prikaz *{color:#666;}
#prikaz{margin:50px auto; width:474px;}
#prikaz h2 {margin-left:283px; font-size:1.1em;}
#slika{width:240px; float:left; margin-right:43px; text-align:center;}
#opis{width:190px; float:left; padding-top:37px;}
#opis p{margin-bottom:1em;}


#pagination{margin-top:20px;}
#pagination, #vrste{list-style:none;}

#pagination li{display:block;}
#pagination li.first{float:left;}
#pagination li.last{float:right;}
.hide{visibility:hidden;}
#cijena{margin-top:2em;}
.cijena{font-size:1.7em; font-weight:bold; float:left;}
#kupi{float:left; margin-left:23px; display:block; line-height:23px; font-size:11px; font-weight:bold; background:url(../slike/oko.gif) no-repeat 0 0px; padding-left:28px;}
#kupi:hover{background-position:0 -38px;}


/* ---------------------------- ACTIVE PAGE -----------------------------*/

#ducan.spomenar #n2-1,
#ducan.vrata #n2-2,
#ducan.kalendar #n2-3,
#ducan.slikovnica #n2-4,
#ducan.blok #n2-5,
#ducan.naljepnice #n2-6{color:#afda00;}


/*#slikovnica #pagination, #slikovnica #vrste{display:none;}*/



#kupi{position:relative; z-index:2;}
#poruka{ position:absolute; top:-70px; left:-20px; width:106px; height:22px; padding:10px; padding-top:16px; padding-bottom:40px;
background:url(../slike/bt_2.gif) no-repeat 0 0;
font-size:0.95em; line-height:1.4em;
font-weight:normal;
text-align:center;
opacity:0.9;
filter:alpha(opacity=80);
color:#000;
z-index:2;
font-size:10px; color:#222;
}

#kupi:hover #poruka{ visibility:visible;}
#kupi #poruka{ visibility:hidden;}

/*-------------------------------------novosti-----------------------------------*/

#novosti #novost_slika{position:absolute; left:1px; bottom:14px;}
#vijesti{margin-top:20px; border:1px solid #D5EAE8; border-width:1px 0; margin-bottom:30px; }
#vijesti h2{font-size:2.4em; margin-bottom:0.0em;  color:#B9DF20;}
#vijesti h2.little{font-size:1.2em; margin-bottom:1em; color:#004F00;}
#vijesti .slika{float:left;}
#vijesti p{margin-bottom:0.5em;}
#text{float:left; width:300px; margin-top:10px; padding:0 60px 00px 30px; height:155px; overflow:auto;}


#ovjesti h2{color:#00647F; font-size:1.1em; margin-left:44px;}
#ovjesti h2 em{font-weight:normal; font-style:normal;}

#lista_vijesti{margin-left:44px; list-style:none; margin-top:20px; margin-bottom:10px; height:95px; overflow:auto;}
#lista_vijesti li{margin-bottom:6px;}
#lista_vijesti a:hover{font-weight:bold;}
#lista_vijesti span{font-weight:bold; width:72px; display:block; float:left;}

#novosti #linkducan{display:none;}
#linkducan{
display:block;
width:187px;
height:87px;
float:left;
background:url(../slike/ducanlink.gif) no-repeat 0 0;
}
#linkducan:hover{background-position:0 -87px;}
#linkducan span{display:none;}




/*----------------------------------- zabava --------------------------------*/

#ecard, #bojanka, #wallpaper{position:absolute; top:50px; left:48px; background:url(../slike/e_card.gif) no-repeat  0 100%;
display:block;
width:100px;
height:40px;
color:#7e3a4f;
font-weight:bold;
font-size:12px;
}

#ecard span,#bojanka span,#wallpaper span{display:block; left:22px; top:40px; position:absolute;}

#bojanka{
background-image:url(../slike/bojanka.gif);
top:99px;
left:auto;
right:98px;
width:100px;
height:50px;
}
#bojanka span{left:38px; top:-6px; }

#wallpaper{
background-image:url(../slike/wallpaper.gif);
background-position:100% 100%;
top:330px;
left:161px;
height:60px;
}
#wallpaper span{left:38px; top:0px; }

#ecard:hover, #bojanka:hover, #wallpaper:hover{background-position: 0 0; }
#wallpaper:hover{background-position:100% 0;}
table#knav {width:170px; border-right:1px solid #ee6880;}
table#knav td{width:55px; height:55px; border:1px solid #f59ba8; background-color:#ee6880;  }
table#knav td a{display:block;  }
table#knav td.white{border-color:#fff;}
table#knav tr td.center{border-width:1px 0;}
table#knav  tr.center td{border-width:0px 1px;}
table#knav  tr.center td.center{border-width:0px 0px;}


#ddiopag{text-align:center; color:#fff;}
#ddiopag a:hover{color:#fbc8cc;}

#midpic{width:580px; overflow:hidden; height:411px; }
#download{position:absolute; top:117px; left:355px;}
#dlink{background:url(../slike/download_u.gif); text-indent:-999em;}
#dlink{display:block; background:url(../slike/download_n.gif) no-repeat 0 0; width:195px; height:153px; }
#dlink:hover{background:url(../slike/download_u.gif);}

#poruka2{background: url(../slike/poruka.gif) no-repeat 0 100%; line-height:1.1em; margin-left:16px; width:136px; padding:10px; color:#4B4746; }
#poruka2 p{margin-bottom:5px;}

#downloadwall{background:#fff; border:1px solid #777; position:absolute; bottom:20px; left:20px; font-size:11px; color:#7e7b7c;}
#downloadwall p{border-bottom:1px solid #777; padding:1px 20px;}
#downloadwall a{display:block; padding:2px 20px; color:#7e7b7c;}
#downloadwall a:hover{color:#7eb400;}




/*--------------------- ecards --------------------*/

#makecard, #makecard p{font-size:11px; color:#444;}
#makecard .napomena{margin-top:18px; margin-bottom:26px; margin-left:130px;  height:12px;}
#makecard .napomena p{color:#B80A50; font-size:10px;}
#makecard p.napomena2{clear:both; margin-top:18px; color:#444; font-size:10px;}
#makecard p.napomena3{clear:both; margin-top:90px; color:#444; font-size:10px;}
.card-left{margin-left:30px; float:left; width:330px; display:inline;}
.card-right{margin-left:22px; float:left; width:180px;  display:inline;}

.cardnav{margin-top:16px;}
.cardnav ul{list-style:none; margin:0; padding:0;}
.cardnav ul li{float:left;}
.cardnav ul li.last{float:right;}
.cardnav a{display:block; font-size:11px;}
.cardnav #n-odustani{background:url(../slike/odustani.gif) no-repeat 0 100%;  line-height:20px; padding-left:24px; margin-top:8px;}
.cardnav #n-odustani:hover{background-position:0 0;}
.cardnav #n-pogledaj{width:140px; margin-left:34px; margin-top:8px;  line-height:1.2em;}
.cardnav #n-pogledaj span.icon{float:left;background:url(../slike/oko.gif) no-repeat 0 0; width:22px; height:22px;}
.cardnav #n-pogledaj:hover span.icon{background-position:0 100%;}
.cardnav #n-pogledaj span.text{padding-left:4px; float:left; width:110px;}
.cardnav #n-posalji{background:url(../slike/posalji.gif) no-repeat 0 0; height:38px; width:56px; text-indent:-999em;}
.cardnav #n-posalji:hover{background-position:0 100%;}

.cardnav #n-izmijeni{background:url(../slike/izmjeni.gif) no-repeat 0 0;  line-height:20px; padding-left:24px; margin-top:8px; margin-left:34px;}
.cardnav #n-izmijeni:hover{background-position:0 100%;}


.forma p{margin-bottom:5px;}
.forma .poruka{margin-top:20px;}
.forma label{font-size:11px; margin-bottom:3px; display:block; color:#444;}
.forma input, .forma textarea{border:1px solid #666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#444; padding:2px; width:170px;}
.forma input.error {background-color: #ffffaa}
.forma textarea{height:140px;}