@charset "utf-8";
/* CSS Document */
html{color:#000;background:url(../images/background.jpg) #fff repeat-x top center;font:11px Arial, Helvetica, sans-serif;width:100%;text-align:center;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;border:0;}input,button,textarea,select{font-size:100%;}div{outline:none;}

.clear{clear:both;}


html, body{ height:100%; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background-color:#0A6031;}
img {border:none;}
a,a:hover {border:none;text-decoration:none;outline:none; color:#FFF;}
a img {display:block;}
body{ margin:0px;padding:0px;text-align:center;	background-image:url(../images/background.jpg);background-repeat:repeat-x;}
#wrapper{text-align: center;outline:none; height:100%;}
#contentWrapper{outline:none;width: 1080px; margin-left: auto; margin-right: auto;text-align: left;padding: 0px; position:relative}
#networking { position:absolute; top:12px; right:50px;}

/* Header */

#header { background:url(../images/header.jpg) no-repeat; height:208px; width:1080px;}
#leftH {float:left; width:310px; height:208px;}
div#leftH a { display:block; height:100%; width:100%}
#centerH {float:left;}

#topH { height:166px; width:770px; bottom:0px}
#topBanner { width:440px; height:90px; display:block; float:left; margin-top:76px; margin-left:10px}
#sideBanner { width:210px; height:196px; display:block; margin-top:20px;margin-left:80px;}
#topBanner a { display:block; width:100%; height:100% }
#search {float:left; margin-left:30px; margin-top:104px;}
#midleft {float:left;}
#midright {float:left;  margin-left:20px}
.outside-link { float:left}
#outside-navigation { position:absolute; top:10px; right:50px;}

#printhdr {display:none}

#form-search { margin-top:13px;}
.input-login { background-color:#E7E1D9; height:20px; width:190px; float:left; font-size:16px}
.submit-button { height:20px; width:13px; margin-left:7px; float:left}



#bottomH { height:24px; width:700px; margin-top:18px;}
#navhome { height:24px; width:60px; background:url(../images/topnavigation.png) top left no-repeat; float:left}
#navhome a {display:block; height:100%; width:100%}
#navhome:hover { background-position:0px -24px; }
#navupoznaj { height:24px; width:110px; background:url(../images/topnavigation.png) -60px 0px no-repeat; float:left}
#navupoznaj a {display:block; height:100%; width:100%}
#navupoznaj:hover { background-position:-60px -24px; }
#navposalji { height:24px; width:150px; background:url(../images/topnavigation.png) -170px 0px no-repeat; float:left}
#navposalji a {display:block; height:100%; width:100%}
#navposalji:hover { background-position:-170px -24px; }
#navsaveti { height:24px; width:120px; background:url(../images/topnavigation.png) -320px 0px no-repeat; float:left}
#navsaveti a {display:block; height:100%; width:100%}
#navsaveti:hover { background-position:-320px -24px; }
#navdownload { height:24px; width:115px; background:url(../images/topnavigation.png) -440px 0px no-repeat; float:left}
#navdownload a {display:block; height:100%; width:100%}
#navdownload:hover { background-position:-440px -24px; }
#navkontakt { height:24px; width:145px; background:url(../images/topnavigation.png) -555px 0px no-repeat; float:left}
#navkontakt a {display:block; height:100%; width:100%}
#navkontakt:hover { background-position:-555px -24px; }

#fruvitaLink { height:29px; width:76px; background:url(../images/fruvitaLink.jpg); float:left}
#fruvitaLink a { display:block; height:100%; width:100%}
#facebookLink { height:29px; width:82px; background:url(../images/facebookLink.jpg); float:left}
#facebookLink a { display:block; height:100%; width:100%}
#twitterLink { height:29px; width:58px; background:url(../images/twitterLink.jpg); float:left}
#twitterLink a { display:block; height:100%; width:100%}

/* Middle */



#div1 { display:none; position:absolute; top:0px; z-index:100}
#div2 { display:none; position:absolute; top:0px; z-index:100}
#div3 { display:none; position:absolute; top:0px; z-index:100}

#easter1 { width:150px; height:110px;  display:block; position:absolute; top:47px; left:15px;  }
#easter1 a{ height:100%; width:100%; display:block }

#easter2 { width:150px; height:110px;  display:block; position:absolute; top:163px; left:15px; }
#easter2 a{ height:100%; width:100%; display:block }

#easter3 { width:150px; height:110px;  display:block; position:absolute; top:47px; left:195px;}
#easter3 a{ height:100%; width:100%; display:block }

#easter4 { width:150px; height:110px;   display:block; position:absolute; top:163px;  left:195px; }
#easter4 a{ height:100%; width:100%; display:block }

#posno1 { width:300px; height:50px;  display:block; position:absolute; top:100px; left:10px; }
#posno1 a{ height:100%; width:100%; display:block }

#posno2 { width:250px; height:50px;  display:block; position:absolute; top:150px; left:10px;  }
#posno2 a{ height:100%; width:100%; display:block }

#easterphoto1 { width:200px; height:50px;  display:block; position:absolute; top:100px; left:10px;  }
#easterphoto1 a{ height:100%; width:100%; display:block }

#easterphoto2 { width:200px; height:50px;  display:block; position:absolute; top:100px; left:210px;  }
#easterphoto2 a{ height:100%; width:100%; display:block }

#easterphoto3 { width:200px; height:50px;  display:block; position:absolute; top:170px; left:10px; }
#easterphoto3 a{ height:100%; width:100%; display:block }

#easterphoto4 { width:200px; height:50px;  display:block; position:absolute; top:170px; left:210px;}
#easterphoto4 a{ height:100%; width:100%; display:block }

#link-jun { width:200px; height:50px;  display:block; position:absolute; top:170px; left:10px; }
#link-jun a{ height:100%; width:100%; display:block }

#holiday-div { height:470px; width:440px; background:url(../images/holiday01.jpg); position:relative}
#holidaysum { position:absolute;  top:297px; left:200px}
#holiday-complete { position:absolute; height:20px; width:200px; display:block;}
#holiday-complete a { display:block; height:100%; width:100%}


#xrecepee1 { height:85px; width:120px; position:absolute; top:47px; left:75px; display:block; z-index:80; cursor:pointer}
#xrecepee2 { height:85px; width:120px; position:absolute; top:138px; left:75px; display:block; z-index:80; cursor:pointer}
#xrecepee3 { height:85px; width:150px; position:absolute; top:47px; left:255px; display:block; z-index:80; cursor:pointer}
#xrecepee4 { height:85px; width:150px; position:absolute; top:138px; left:255px; display:block; z-index:80; cursor:pointer}
#xrecepee1 a { height:100%; width:100%; display:block}
#xrecepee2 a { height:100%; width:100%; display:block}
#xrecepee3 a { height:100%; width:100%; display:block}
#xrecepee4 a { height:100%; width:100%; display:block}

#xphoto1 { height:85px; width:120px; position:absolute; top:47px; left:75px; display:block; z-index:80; cursor:pointer}
#xphoto2 { height:85px; width:120px; position:absolute; top:138px; left:75px; display:block; z-index:80; cursor:pointer}
#xphoto3 { height:85px; width:150px; position:absolute; top:47px; left:255px; display:block; z-index:80; cursor:pointer}
#xphoto4 { height:85px; width:150px; position:absolute; top:138px; left:255px; display:block; z-index:80; cursor:pointer}
#xphoto1 a { height:100%; width:100%; display:block}
#xphoto2 a { height:100%; width:100%; display:block}
#xphoto3 a { height:100%; width:100%; display:block}
#xphoto4 a { height:100%; width:100%; display:block}

#middle { background:url(../images/contentBackground.png) repeat-y; height:100%; position:relative}

#test1 { background-color:#F00; height:1000px; width:240px; margin-left:50px; float:left }
#test2 {}

#headerBottom { background:url(../images/header-bottom.jpg) no-repeat; width:230px; height:50px; margin-left:50px; display:block;}
#headerBottom a { display:block; height:100%; width:100%}
#navTitle { margin-left:50px; margin-top:20px}
#side-nav { float:left; background:url(../images/sideBackground.png) repeat-y;width:290px;}
#sideNavList { margin-left:75px }
#predjela { height:50px; width:216px; background:url(../images/sidenavigation.png) 0px 0px no-repeat}
#supe { height:40px; width:216px; background:url(../images/sidenavigation.png) 0px -50px no-repeat}
#salate { height:30px; width:216px; background:url(../images/sidenavigation.png) 0px -90px no-repeat}
#testenine { height:30px; width:216px; background:url(../images/sidenavigation.png) 0px -120px no-repeat}
#glavna { height:35px; width:216px; background:url(../images/sidenavigation.png) 0px -150px no-repeat}
#plodovi { height:30px; width:216px; background:url(../images/sidenavigation.png) 0px -185px no-repeat}
#svetske { height:25px; width:216px; background:url(../images/sidenavigation.png) 0px -215px no-repeat}
#dezerti { height:50px; width:216px; background:url(../images/sidenavigation.png) 0px -240px no-repeat}
#napici { height:30px; width:216px; background:url(../images/sidenavigation.png) 0px -290px no-repeat}
#zimnica { height:30px; width:216px; background:url(../images/sidenavigation.png) 0px -320px no-repeat}
#decija { height:27px; width:216px; background:url(../images/sidenavigation.png) 0px -350px no-repeat}

#predjela a { display:block; height:100%; width:100% }
#supe a { display:block; height:100%; width:100% }
#salate a { display:block; height:100%; width:100% }
#testenine a { display:block; height:100%; width:100% }
#glavna a { display:block; height:100%; width:100% }
#plodovi a { display:block; height:100%; width:100% }
#svetske a { display:block; height:100%; width:100% }
#dezerti a { display:block; height:100%; width:100% }
#napici a { display:block; height:100%; width:100% }
#zimnica a { display:block; height:100%; width:100% }
#decija a { display:block; height:100%; width:100% } 

#predjela:hover{ background-position:-216px 0px }
#supe:hover{ background-position:-216px -50px }
#salate:hover{ background-position:-216px -90px }
#testenine:hover{ background-position:-216px -120px }
#glavna:hover{ background-position:-216px -150px }
#plodovi:hover{ background-position:-216px -185px }
#svetske:hover{ background-position:-216px -215px }
#dezerti:hover{ background-position:-216px -240px }
#napici:hover{ background-position:-216px -290px }
#zimnica:hover{ background-position:-216px -320px }
#decija:hover{ background-position:-216px -350px } 

.forminput {  position:absolute; left:10px; bottom:40px; height:20px; width:190px}
#sosa-mailing { background:url(../images/sosa-mailing.jpg) no-repeat; width:210px; height:196px; margin-top:14px; margin-left:80px; position:relative}
.button-list { background:url(../images/submitBTN.png); height:20px; width:120px; cursor:pointer; display:block; position:absolute; bottom:10px; right:10px }


#mainContent { width:680px; float:left; margin-left:30px; margin-top:10px}
#winner-rec { width:440px; background:url(../images/recept-meseca.png) no-repeat; height:250px; position:relative}
#winner-read { position:absolute; bottom:36px; right:10px; display:block; height:17px; width:152px;}
#winner-read a{ height:100%; width:100%; display:block}
#winner-lista { position:absolute; bottom:0px; display:block; height:17px; width:440px;}
#winner-lista a{ height:100%; width:100%; display:block}

#votes-complete { position:absolute; bottom:0px; display:block; height:17px; width:210px;}
#votes-complete a{ height:100%; width:100%; display:block}

#download { width:440px; height:460px; position:relative; background:url(../images/download.jpg) no-repeat; }
#button-mp3 { position:absolute; background:url(../images/preuzmimp3.jpg) no-repeat; height:21px; width:121px; cursor:pointer; top:210px; left:90px}
#button-mp3 a { display:block; height:100%; width:100%}
#button-avi { position:absolute; background:url(../images/preuzmiavi.jpg) no-repeat; height:21px; width:121px; cursor:pointer; top:210px; left:300px}
#button-avi a { display:block; height:100%; width:100%}
#wall1 { position:absolute; background:url(../images/preuzmijpg.jpg) no-repeat; height:21px; width:121px; cursor:pointer; top:420px; left:90px}
#wall1 a { display:block; height:100%; width:100%}
#wall2 { position:absolute; background:url(../images/preuzmijpg.jpg) no-repeat; height:21px; width:121px; cursor:pointer; top:420px; left:300px}
#wall2 a { display:block; height:100%; width:100%}
#banner-middle1 { float:left}
#banner-middle2 { float:left; margin-left:20px}

#home-bottom { margin-top:10px;}
#container { width:210px; height:196px; background:url(../images/poll.jpg) no-repeat; float:left}
.votesum { width:210px; height:196px; background:url(../images/votesum.jpg) no-repeat; float:left; margin-right:20px; position:relative}
.newrec { width:210px; height:196px; background:url(../images/newrec.jpg) no-repeat; float:left; margin-right:20px; position:relative}
.votesum-list { font-size:11px; cursor:pointer; margin-bottom:1px; margin-left:5px; height:14px; overflow:hidden}
.vote-list { margin-top:25px}
#user-photo { width:210px; height:196px; background:url(../images/user-photo.jpg) no-repeat; float:left; position:relative }
#user-photo-button { position:absolute; bottom:0px; width:210px; height:20px; cursor:pointer; display:block}
#user-photo-button a {display:block; height:100%; width:100%}


#ambalaza-home {position:absolute; background:url(../images/ambalaza-home.png); height:283px; width:306px; top:216px; right:0px}
#ambalaza-upoznaj {position:absolute; background:url(../images/ambalaza-upoznaj.png) no-repeat 0px 0px; height:283px; width:320px; top:216px; right:0px}
#upoznaj-sosu { position:relative; height:450px; width:440px}
#upoznaj-button { width:45px; height:10px; cursor:pointer; display:block; position:absolute; top:60px; right:380px}
#upoznaj-button a {display:block; height:100%; width:100%}
#vote-notice { top:0px; right:50px;width:270px; height:240px; background:url(../images/vote-notice.jpg) no-repeat; position:absolute}
#vote-notice a { display:block; height:100%; width:100%}
#contentBottom {text-align:center; width:1080px;}

#succes {height:455px; width:440px; margin-bottom:28px}
#error {height:455px; width:440px; margin-bottom:28px}
.inputask{ background-color:#E6E6E6; margin-left:100px; margin-bottom:10px; *margin-bottom:8px;}
#pitaj-sosu { background-image:url(../images/pitaj-sosu.jpg); height:455px; width:440px; margin-bottom:28px}
.send-pop-button { margin-top:2px; margin-left:-240px; *margin-top:0px; *margin-left:-180px}
/* Footer */

#footer { margin-top:20px; color:#FFF; font-size:10px; margin-left:auto; margin-right:auto; width:520px; height:20px; text-align:center;}
#footer-ul { margin-left:20px}
.footer-links { display:inline; float:left; margin-left:10px; margin-right:10px;}
.footer-sep { height:12px; width:1px; background-color:#FFF; float:left }
.home-photoholder { overflow:hidden; height:86px; width:86px; padding:2px 2px 2px 2px; background:#FFF; margin-top:74px; margin-left:10px; float:left}
#middle-banner { width:440px; height:220px; margin-top:10px}
/*js*/

.uploadifyQueueItem{font:10px Arial,sans-serif;margin-top:5px;padding:10px 0px;width:700px}.uploadifyError{border:2px solid #FBCBBC !important; background-color:#FF0000 !important}.uploadifyQueueItem .cancel{float:right;}.uploadifyProgress{margin-top:10px;width:700px;clear:both;}.uploadifyProgressBar{background-color:#09F; width:1px; height:3px;}div.jGrowl{padding:10px;z-index:9999}div.ie6{position:absolute}div.ie6.top-right{right:auto;bottom:auto;left:expression( ( 0 - jGrowl.offsetWidth+( document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth )+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px' );top:expression( ( 0+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px' )}div.ie6.top-left{left:expression( ( 0+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px' );top:expression( ( 0+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px' )}div.ie6.bottom-right{left:expression( ( 0 - jGrowl.offsetWidth+( document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth )+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px' );top:expression( ( 0 - jGrowl.offsetHeight+( document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px' )}div.ie6.bottom-left{left:expression( ( 0+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px' );top:expression( ( 0 - jGrowl.offsetHeight+( document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px' )}div.ie6.center{left:expression( ( 0+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px' );top:expression( ( 0+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px' );width:100%}body >div.jGrowl{position:fixed}body >div.jGrowl.top-left{left:0px;top:0px}body >div.jGrowl.top-right{right:0px;top:0px}body >div.jGrowl.bottom-left{left:0px;bottom:0px}body >div.jGrowl.bottom-right{right:0px;bottom:0px}body >div.jGrowl.center{top:0px;width:50%;left:25%}div.center div.jGrowl-notification,div.center div.jGrowl-closer{margin-left:auto;margin-right:auto}div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer{background-color:#fff;color:#000;zoom:1;width:235px;padding:10px;margin-top:5px;margin-bottom:5px;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;text-align:left;display:none;-moz-border-radius:5px;-webkit-border-radius:5px}div.jGrowl div.jGrowl-notification{min-height:40px}div.jGrowl div.jGrowl-notification div.header{font-weight:bold;font-size:10px}div.jGrowl div.jGrowl-notification div.close{float:right;font-weight:bold;font-size:12px;cursor:pointer}div.jGrowl div.jGrowl-closer{height:15px;padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:11px;font-weight:bold;text-align:center}div.jpassword{position:absolute;z-index:1000;width:296px;height:56px;margin:0;text-align:left}div.jpassword-righttop div,div.jpassword-rightbottom div{padding:8px 10px 0 25px}div.jpassword-lefttop div,div.jpassword-leftbottom div{padding:8px 15px 0 10px}div.jpassword-flat{margin-top:8px;padding:8px 8px 0 8px;border-top:3px solid #d9d9d9;background-color:#5c5c5c}div.jpassword-righttop{background:transparent url(../images/jpassword-righttop.png) no-repeat left top}div.jpassword-rightbottom{background:transparent url(../images/jpassword-rightbottom.png) no-repeat left top}div.jpassword-lefttop{background:transparent url(../images/jpassword-lefttop.png) no-repeat left top}div.jpassword-leftbottom{background:transparent url(../images/jpassword-leftbottom.png) no-repeat left top}div.jpassword p{margin:0;padding:0}div.jpassword p.jpassword-meter{height:10px;background:transparent url(../images/jpassword-meter.png) no-repeat left top}div.jpassword p.jpassword-info{padding:4px 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#FFF;text-align:left}



#formcontainer {color:#F00; margin-top:20px}
.poll-radio {}
.pollques { padding-top:30px; padding-left:10px}
.poll-options { width:190px; margin-left:10px }
.poll-button { margin-top:25px; *margin-top:10px; margin-left:80px;}
.poll { margin-top:25px; *margin-top:10px; margin-left:10px;}
#pollcontainer{

}

#loader{ display:none; text-align:center;}
.option{ margin-left:10px; margin-bottom:5px; margin-top:10px; font-size:9px;}
.option p{ line-height:1.1em; font-size:0.85em; }
.bar{ height:2px; background:#3399cc; }
.yourvote{ background:#113399; }

br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:30;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:300px;
width:460px;
background: url(../images/popup-backgrd.jpg);
background-repeat:no-repeat;
z-index:50;

}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:10px;
top:10px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
	height:106px;
	width:153px;
	cursor:pointer;
	margin-top:30px;
	
}
#button a { display:block; height:100%; width:100%}
#pravila-naslov{ width:440px; font-size:15px; color:#E2000F; text-align:center; font-weight:bold;}
.pravila-podnaslov{ width:440px; font-size:13px; color:#000; text-align:left; font-weight:bold; margin-top:10px;}
.pravila { width:440px;font-size:11px; color:#000; text-align:left; margin-top:10px;}


#prijava-recepta { width:440px}
.form-recept { margin-bottom:20px;margin-top:20px;}
.recepti-ad { background-color:#E8E2DA;}
.labels-rec { font-size:11px; width:140px; float:left; padding:2px 0px 2px 0px; margin-bottom:20px;}
#labels-rec-photo { font-size:11px; width:320px; float:left; padding:2px 0px 2px 0px; margin-bottom:20px;}
.fields { float:left; margin-bottom:20px;}
.radio-rec { float:left; margin-bottom:10px; width:150px; font-size:11px;}
#image-upload-holder{ margin-bottom:20px; width:440px}
#send-rec-form { margin-bottom:20px; text-align:right; margin-right:30px;}
#send-photo-form { margin-bottom:20px; text-align:right;}

#send-foto {margin-top:20px; float:right; width:330px; height:24px; background:url(../images/posalji-foto-red.jpg); cursor:pointer}
#send-foto a {display:block; height:100%; width:100%}


h1{ font-size:18px; color:#E2000F; float:left; width:300px;}
#radio-holder {width:300px; float:left; margin-bottom:20px;}
.recept-single{	font-family:Arial, Helvetica, sans-serif; margin-top:20px; margin-bottom:20px;}
#ingridients {  font-size:11px;float:left; width:140px; color:#00652E; background-color:#FFF799; padding:5px 0px 5px 0px; margin-left:10px}
.ingrid{ list-style-type:disc; list-style:inside; padding:0px 5px 0px 5px;}
#main-content{ margin-top:10px; width:440px; }
#content-holder {float:left;}
#stampanje {float:left; text-align:right; width:140px;}
#posno {float:left;}
#category-picture {margin-bottom:10px;}
#stampa {float:left;margin-bottom:10px;}
#povratak {float:left;margin-bottom:10px; width:342px;}
#recept-nav{}
.content-rec{ width:290px; font-size:11px;}
.image-rec{margin-top:10px;}
.autor-rec{color:#E2000F;}
#sub-komentari { margin-top:40px}
#komentari-slanje { position:relative; background:url(../images/posalji-komentar.jpg); height:50px; width:440px}
#komentari-slanje-dugme { position:absolute; width:150px; height:20px; right:-15px; bottom:15px; display:block; cursor:pointer}
.share {float:left; margin-left:10px; margin-bottom:20px;}
.comment-query{ margin-top:20px; border-bottom:#B3B3B3 solid 1px; width:440px; padding-bottom:20px;}
.name-query { font:bold; float:left; font-style:italic; font-weight:bold; margin-right:5px; }
.time-query { font:bold; float:left; font-weight:bold;}
.content-query { margin-top:10px;}
.com-label {margin-top:10px}
.inputgri{ background-color:#E6E6E6; margin-top:10px;}
#recept-holder-main { width:440px}
#page-list { width:680px;}
#page-picture {margin-bottom:20px}

#reclist-header { width:680px; height:75px;}
#reclist-header-search { height:20px; margin-top:30px; float:left; margin-left:250px}
#reclist-header-search-right { height:20px; }
.list-search { float:left; height:20px}
.submit-list-button { float:left}

#reclist-header-sort { height:20px; margin-top:30px; float:left; margin-left:110px}
#reclist-header-sort-right { height:20px; }
#reclist-select-sort { height:20px }

#reclist-content { width:680px; height:480px;}
#reclist-footer { width:680px; height:24px; position:relative; background:url(../images/list-bottom.jpg); text-align:center}
#reclist-previous { height:24px; width:150px; position:absolute; left:0px; top:0px;}
#reclist-next {height:24px; width:150px; position:absolute; right:0px; top:0px;}
#reclist-submit { margin-top:20px; margin-left:350px; width:330px; height:24px; background:url(../images/posaljite-rec.jpg) no-repeat; display:block; cursor:pointer}
#reclist-submit a { display:block; height:100%; word-spacing:100%}


#zatrazi-savet { width:330px; height:24px; background:url(../images/zatrazi-savet.jpg); float:left; margin-left:20px; margin-top:20px}
#zatrazi-savet a{display:block;; height:100%; word-spacing:100%}
#posalji-savet { width:330px; height:24px; background:url(../images/posalji-savet.jpg); float:left;  margin-top:20px}
#posalji-savet a{display:block;; height:100%; word-spacing:100%}
#savetie { width:680px; height:50px; z-index:-1}

.catsearch {float:left; height:20px;}

h2 {color:#F00; font-size:18px; font-weight:bold}
.autor-savet { margin-top:10px}
.date-savet { margin-top:10px}

#single-photo-text {width:640px; margin-top:10px}
#single-photo-date {float:left}
#single-photo-author {float:right}



#songlist{float:right;width:680px;background:url(../images/sort-glavna.jpg) no-repeat;}
#songlist-catsearch{float:right;width:680px;background:url(../images/sort-cat.jpg) no-repeat;}
#songlistphoto{float:right;width:680px;background:url(../images/sort-fotografije.jpg) no-repeat;}
#songlistsaveti{float:right;width:680px;margin-top:20px;background:url(../images/sort-saveti.jpg) no-repeat;}
#songlistvotes{float:right;width:680px;background:url(../images/najvise-glasova.jpg) no-repeat;}
#songlistsearch{float:right;width:680px;background:url(../images/sort-search.jpg) no-repeat;}
#songlistwinners{float:right;width:680px;background:url(../images/winners.jpg) no-repeat;}
#songlistholiday{float:right;width:680px;background:url(../images/holidaylist.jpg) no-repeat;}

#songlist-header{width:680px;height:75px;color:#fff; }
#songlist-header-photo{width:680px;height:50px;color:#fff;}
#songlist-header-votes{width:680px;height:15px;color:#fff;}
#songlist-header-search{width:680px;height:75px;color:#fff; }
#songlist-header-winners{width:680px;height:45px;color:#fff; }

#songlist-category-predjela{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px 0px}
#songlist-category-supe{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px -25px}
#songlist-category-salate{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px -50px}
#songlist-category-testenine{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px -75px}
#songlist-category-glavna{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px -100px}
#songlist-category-plodovi{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px -125px}
#songlist-category-svetske{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px -150px}
#songlist-category-dezerti{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px -175px}
#songlist-category-napici{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px -200px}
#songlist-category-zimnica{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px -225px}
#songlist-category-decija{height:25px; width:680px; background:url(../images/recepti-header.jpg) no-repeat 0px -250px}
#songlist-category-fotografije{height:25px; width:680px; background:url(../images/fotografije-header.jpg)}
#songlist-category-saveti{height:25px; width:680px; background:url(../images/sort-saveti.jpg) no-repeat}
#songlist-category-search{height:25px; width:680px;}


#songlist-header-sort{height:26px;width:230px;padding:4px 0px 0px 0px;margin-top:0px; float:left}

#single-photo-holder { background:#fbf4d0; padding:20px 20px 10px 20px; width:640px}
#single-photo-header { background:url(../images/vase-foto.jpg); height:25px; width:680px}




#songlist-header-sort-right{width:200px;text-align:left;  margin-left:110px; float:left}

#songlist-header-sort-left{width:180px;text-align:left; float:left; margin-left:260px; margin-top:-7px}

#songlist-header-sort-right select{width:146px;height:20px;font:11px Arial, Helvetica, sans-serif;padding:2px 2px 2px 2px; margin:3px 0px 0px 0px;}

#songlist-header-genre{width:230px;height:30px; float:left}



#songlist-header-genre-right{width:200px;text-align:left; margin-top:26px; margin-left:260px;}

#songlist-header-genre-right select{width:146px;height:20px;font:11px Arial, Helvetica, sans-serif;padding:2px 2px 2px 2px; margin:3px 0px 0px 0px;}

#songlist-content{width:680px;height:480px;background:#fff;overflow:hidden; font:11px Arial, Helvetica, sans-serif;}

#songlist-content a{color:#2E3192;font-size:10px;line-height:10px;}

#songlist-content-photo{width:680px;height:660px; background:#fbf4d0;overflow:hidden; font:11px Arial, Helvetica, sans-serif;}

#songlist-content ul li{height:24px;color:#000;text-align:left; width:680px}

#songlist-content-photo ul li{color:#000;text-align:left; margin-left:10px; margin-top:10px; width:210px;}

#songlist-content-photo ul li.photo1{background:#fbf4d0; height:210px; width:210px; float:left; text-align:center}

#songlist-content-photo ul li.photo3{background:#fad9c1; height:210px; width:210px; float:left; text-align:center}

#songlist-content-photo ul div.holder-content{ width:200px; text-align:left; padding:5px 5px 5px 5px}

#songlist-content-photo ul div.photodate{float:left; color:#000}

#songlist-content-photo ul div.photodate a{color:#000}

#songlist-content-photo ul div.phototitle{color:#000}

#songlist-content-photo ul div.phototitle a{color:#000}

#songlist-content-photo ul div.photoauthor{float:right; color:#000}

#songlist-content-photo ul div.photoauthor a {color:#000}

#songlist-content-photo ul div.photoholder{ overflow:hidden; height:144px; width:194px; background:#FFF; padding:3px 3px 3px 3px}

#songlist-content-photo ul div.holder-photo{height:150px; width:200px; text-align:center; margin-left:5px; margin-top:5px}

#songlist-content ul li.song1{background:#fff;}

#songlist-content ul li.song1{background:#fff;}

#songlist-content ul li.song2{background:#fff799;}

#songlist-content ul li.song3{ background:url(../images/sosa-list.jpg) repeat-x}

#songlist-content ul li div{font-size:10px;line-height:10px;}

#songlist-content ul li div.song{height:24px;}



#songlist-content div.list-sep{ width:1px; background-color:#dec2a2; height:22px; float:left; margin-top:1px }

#songlist-content ul li div.title{float:left;width:269px; margin-left:10px;  margin-top:7px; overflow:hidden}

#songlist-content ul li div.question{float:left;width:339px; margin-left:10px;  margin-top:7px; font-size:11px}

#songlist-content ul li div.sauthor{float:left;width:139px; margin-left:10px;  margin-top:7px}

#songlist-content ul li div.answer{float:left;width:49px; margin-left:10px;  margin-top:7px}

#songlist-content ul li div.answercount{float:left;width:49px; margin-left:10px;  margin-top:7px}

#songlist-content ul li div.author{float:left;width:189px; margin-left:10px;  margin-top:7px}

#songlist-content ul li div.date{float:left;width:50px; margin-left:10px; margin-top:7px}

#songlist-content ul li div.priprema{float:left;width:59px; height:24px }

#songlist-content ul li div.photo-list{float:left;width:39px; height:24px}

#songlist-content ul li div.posno{float:left;width:39px; height:24px}



#songlist-content ul li div.add{cursor:pointer;float:left;width:9px;text-align:center;height:12px;padding:9px 5px 9px 6px;background:url(../images/songlist-divider.jpg) left center no-repeat;}

#songlist-content ul li div.vote{float:left;width:14px;text-align:center;height:27px;padding:3px 2px 0px 4px;background:url(../images/songlist-divider.jpg) left center no-repeat;}

#songlist-content ul li div.vote img{cursor:pointer;}

#songlist-content-votes{width:680px;height:480px;background:#fff;overflow:hidden; font:11px Arial, Helvetica, sans-serif;}

#songlist-content-votes a{color:#2E3192;font-size:10px;line-height:10px;}

#songlist-content-votes-photo{width:680px;height:660px; background:#fbf4d0;overflow:hidden; font:11px Arial, Helvetica, sans-serif;}

#songlist-content-votes ul li{height:24px;color:#000;text-align:left; width:680px}

#songlist-content-votes-photo ul li{color:#000;text-align:left; margin-left:10px; margin-top:10px; width:210px;}

#songlist-content-votes-photo ul li.photo1{background:#fbf4d0; height:210px; width:210px; float:left; text-align:center}

#songlist-content-votes-photo ul li.photo3{background:#fad9c1; height:210px; width:210px; float:left; text-align:center}

#songlist-content-votes-photo ul div.holder-content{ width:200px; text-align:left; padding:5px 5px 5px 5px}

#songlist-content-votes-photo ul div.photodate{float:left; color:#000}

#songlist-content-votes-photo ul div.photodate a{color:#000}

#songlist-content-votes-photo ul div.phototitle{color:#000}

#songlist-content-votes-photo ul div.phototitle a{color:#000}

#songlist-content-votes-photo ul div.photoauthor{float:right; color:#000}

#songlist-content-votes-photo ul div.photoauthor a {color:#000}

#songlist-content-votes-photo ul div.photoholder{ overflow:hidden; height:144px; width:194px; background:#FFF; padding:3px 3px 3px 3px}

#songlist-content-votes-photo ul div.holder-photo{height:150px; width:200px; text-align:center; margin-left:5px; margin-top:5px}

#songlist-content-votes ul li.song1{background:#fff;}

#songlist-content-votes ul li.song1{background:#fff;}

#songlist-content-votes ul li.song2{background:#fff799;}

#songlist-content-votes ul li.song3{ background:url(../images/sosa-list.jpg) repeat-x}

#songlist-content-votes ul li div{font-size:10px;line-height:10px;}

#songlist-content-votes ul li div.song{height:24px;}



#songlist-content-votes div.list-sep{ width:1px; background-color:#dec2a2; height:22px; float:left; margin-top:1px }

#songlist-content-votes ul li div.title{float:left;width:269px; margin-left:10px;  margin-top:7px; overflow:hidden}

#songlist-content-votes ul li div.question{float:left;width:339px; margin-left:10px;  margin-top:7px; overflow:hidden}

#songlist-content-votes ul li div.sauthor{float:left;width:139px; margin-left:10px;  margin-top:7px}

#songlist-content-votes ul li div.answer{float:left;width:49px; margin-left:10px;  margin-top:7px}

#songlist-content-votes ul li div.answercount{float:left;width:49px; margin-left:10px;  margin-top:7px}

#songlist-content-votes ul li div.author{float:left;width:189px; margin-left:10px;  margin-top:7px}

#songlist-content-votes ul li div.date{float:left;width:50px; margin-left:10px; margin-top:7px}

#songlist-content-votes ul li div.priprema{float:left;width:59px; height:24px }

#songlist-content-votes ul li div.photo-list{float:left;width:39px; height:24px}

#songlist-content-votes ul li div.posno{float:left;width:39px; height:24px}



#songlist-content-votes ul li div.add{cursor:pointer;float:left;width:9px;text-align:center;height:12px;padding:9px 5px 9px 6px;background:url(../images/songlist-divider.jpg) left center no-repeat;}

#songlist-content-votes ul li div.vote{float:left;width:14px;text-align:center;height:27px;padding:3px 2px 0px 4px;background:url(../images/songlist-divider.jpg) left center no-repeat;}

#songlist-content-votes ul li div.vote img{cursor:pointer;}


#songlist-footer{width:680px;height:24px;background:url(../images/list-bottom.jpg) no-repeat; }

#songlist-footer p{text-align:center;color:#FFF; float:left}

#songlist-footer ul{}

#songlist-footer li{display:inline;}

#songlist-next{width:100px;height:24px;background:url(../images/list-bottom.jpg) no-repeat -580px 0px;cursor:pointer;float:left;}

#songlist-next:hover{background-position: -580px 0px;}

#songlist-next:active{background-position: -580px 0px;}

#songlist-info {float:left; text-align:center; width:480px; color:#FFF; padding-top:6px;}

#songlist-previous{width:100px;height:24px;background:url(../images/list-bottom.jpg) no-repeat  0px 0px;float:left; cursor:pointer}

#songlist-previous:hover{background-position:  0px 0px;}

#songlist-previous:active{background-position:  0px 0px;}

#songlist-next a{display:block; height:100%; width:100%}
#songlist-previous a{display:block; height:100%; width:100%}



#songlist-begin{width:65px;height:20px;background:url(../images/sprite.png) no-repeat -1192px 0;cursor:pointer;float:left;}

#songlist-end{width:65px;height:20px;background:url(../images/sprite.png) no-repeat -1259px 0;cursor:pointer;float:left;}

#songlist-banner{width:280px;height:80px;margin:10px 0px 0px 0px;background:url(../images/sms-banner.png) no-repeat top center;}