@import url("reset.css"); 
@import url("forme.css"); 

body {background:url(../images/bg-izbornik-hover.png) no-repeat -9999px top;background:#63605e url(../images/bg_body.jpg);font-family:Arial, Helvetica, sans-serif;font-size:62.5%;font-style:normal}
#kontejner {background:url(../images/bg_kontejner.png) repeat-y;margin:0 auto;width:935px}



/*||||||||||||||||||||||||||||||||||||||||*/
/* H e a d e r */
/*||||||||||||||||||||||||||||||||||||||||*/
#header {height:347px;width:935px}
#header #logo {background:#fbbf11 url(../images/catering-vivax-logo.jpg) top left no-repeat;display:block;float:left;height:347px;width:331px}
#header #logo h1 {text-indent:-99999em}
#header #logo blockquote {background:url(../images/blockqoute-gore.png) top left no-repeat;color:#687b29;font-family:"Times New Roman", Times, serif;font-size:1.8em;font-style:italic;left:39px;padding-left:20px;position:relative;top:200px;width:250px}
#header #logo blockquote span {background:url(../images/blockqoute-dolje.png) bottom right no-repeat;display:block;font-family:Verdana, Geneva, sans-serif;font-size:0.7em;padding:10px 23px 0 0;position:relative;text-align:right;width:240px}
#header #gore {background:url(../images/pretrazi.jpg) top left no-repeat;display:block;float:left;height:82px;position:relative;width:604px}
#header #gore #trazilica {position:absolute;right:20px;text-align:right;top:50px;display:inline}
#header #namirnica {border-bottom:#c4c5bc solid 3px;float:left;height:189px;width:598px}

ul#jezik {display:block;left:25px;position:absolute;top:50px}
ul#jezik li {display:inline}
ul#jezik li.Hrvatski a {background:url(../images/bg_croatian.png) top left no-repeat}
ul#jezik li.English a {background:url(../images/bg_english.png) top left no-repeat}
ul#jezik li a {color:#a1b313;display:block;float:left;font-family:Verdana, Geneva, sans-serif;font-size:1.1em;height:18px;line-height:1.4em;padding:0 10px 0 30px;width:70px}
ul#jezik li a:hover {background-position:bottom left;color:#d4d7c0}

ul#izbornik {background:#363028 url(../images/izbornik.jpg) no-repeat top left;display:block;float:left;height:73px; padding-left:5px;width:593px}
ul#izbornik li {display:inline;float:left;height:73px}
ul#izbornik li a {color:#a1b313;display:block;float:left;font-size:1.2em;font-weight:700;padding:51px 10px 7px;text-transform:uppercase}
ul#izbornik li a:hover {background:url(../images/bg-izbornik-hover.png) repeat-x;color:#d4d7c0;padding:29px 10px}
div#preload-slika {position:absolute;overflow:hidden;left:-9999px;top:-9999px;height:1px;width:1px}


/*||||||||||||||||||||||||||||||||||||||||*/
/* S i d e b a r */
/*||||||||||||||||||||||||||||||||||||||||*/
#sredina-kontejner {background:#dadbce url(../images/bg_sredina.png) repeat-y top;display:block;float:left;width:935px}
#sidebar-hr {background:url(../images/bg_sidebar.jpg) top left no-repeat;display:block;float:left;height:481px;width:336px}
#sidebar-en {background:url(../images/bg_sidebar_en.jpg) top left no-repeat;display:block;float:left;height:254px;width:336px}
#sidebar-hr #newsletter-narudzba .radno-vrijeme {color:#e2e2e2;font-size:1em;font-weight:700;height:40px;text-align:right;width:200px}
#sidebar-en #newsletter-narudzba .radno-vrijeme {color:#e2e2e2;font-size:1em;font-weight:700;height:45px;text-align:right;width:200px}
#sidebar-hr #newsletter-narudzba .radno-vrijeme span {color:#a1b313;display:block;font-size:1em;font-weight:700;text-align:right}
#sidebar-en #newsletter-narudzba .radno-vrijeme span {color:#a1b313;display:block;font-size:1em;font-weight:700;text-align:right}
#sidebar-hr #newsletter-narudzba iframe {border:none;display:block;height:110px;margin-left:140px;width:180px}
#sidebar-hr #newsletter-narudzba h2.newsletter {color:#a1b313;font-family:Verdana, Geneva, sans-serif;font-size:1.2em;font-style:normal;font-weight:400;letter-spacing:1px;padding:35px 0 10px 50px;text-transform:uppercase}
#sidebar-hr #newsletter-narudzba .narudzba {display:block;color:#d27d0e;font-family:"Comic Sans MS", cursive;font-size:1.2em;font-style:normal;font-weight:400;letter-spacing:1px;padding:0px 0 5px 50px;text-transform:uppercase}
#sidebar-en #newsletter-narudzba .narudzba {display:block;color:#d27d0e;font-family:"Comic Sans MS", cursive;font-size:1.2em;font-style:normal;font-weight:400;letter-spacing:1px;padding:23px 0 5px 50px;text-transform:uppercase}
#sidebar-hr #newsletter-narudzba .gdje-smo a {display:block;height:112px;text-indent:-99999em}
#sidebar-en #newsletter-narudzba .gdje-smo a {display:block;height:112px;text-indent:-99999em}
#sidebar-hr #newsletter-narudzba .programi-prehrane a {color:#a1b313;display:block;font-family:"Trebuchet MS", Arial,sans-serif;font-size:1.1em;font-weight:700;line-height:1.8em;padding:20px 40px;text-transform:uppercase;width:180px}
#sidebar-hr #newsletter-narudzba .programi-prehrane a:hover {color:#c4c5bc}



/*||||||||||||||||||||||||||||||||||||||||*/
/* F o o t e r */
/*||||||||||||||||||||||||||||||||||||||||*/
#footer {background:#8b8080 url(../images/bg_footer.jpg) top left no-repeat;display:inline;margin:30px 0 0 29px;width:900px;float:left}

#footer .programi { display:block;float:left;width:271px;padding-bottom:8px}
#footer .programi h3 {display:block;color:#a8ff00;font-family:"Comic Sans MS", cursive;font-size:1.4em;font-style:italic;font-weight:400;height:34px;letter-spacing:1px;padding:22px 0 0 25px}
#footer .programi ul {display:block;margin:8px 0 0 20px}
#footer .programi li a {background:url(../images/bg_programi_footer_li.gif) top left no-repeat;color:#dadbce;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;letter-spacing:0.05em;line-height:1.5em;padding-left:20px}
#footer .programi li a:hover {background-position:2px -12px;color:#fff}

#footer .novosti {display:block;float:left;width:311px;padding-bottom:8px}
#footer .novosti h3 { display:block;color:#a8ff00;font-family:"Comic Sans MS", cursive;font-size:1.4em;font-style:italic;font-weight:400;height:34px;letter-spacing:1px;padding:22px 0 0 25px}
#footer .novosti ul { display:block;margin:8px 0 0 13px}
#footer .novosti li a {background:url(../images/bg_novosti_footer_li.gif) top left no-repeat;color:#f39500;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;letter-spacing:0.05em;line-height:1.5em;padding-left:20px}
#footer .novosti li a:hover {background-position:2px -12px;color:#ffce16}

#footer .copy {color:#586439;display:block;font-size:0.9em; width:318px; height:58px; float:left}
#footer .copy a { color:#c3e3ad}
#footer .copy a:hover { color:#f39500}
#footer .copy p.copyright { display:block; float:left; width:304px; height:15px; padding:14px 0 0 14px}
#footer .copy p.validator {display:block; width:207px; height:20px; float:left; padding:6px 0 0 14px}
#footer .copy p.omnigenus a { background: url(../images/bg_omnigenus_logo.png) no-repeat top left; display:block; height:22px; text-indent:-5555px; width:89px; float:right; padding-right:8px}
#footer .copy p.omnigenus a:hover {background: url(../images/bg_omnigenus_logo.png) no-repeat bottom left}

#footer .sitemap {display:block;float:left;width:311px}
#footer .sitemap li a {color:#30371f;display:block;font-family:"Comic Sans MS", cursive;font-size:1.3em;height:20px;letter-spacing:1px;line-height:1.5em;padding-left:20px}
#footer .sitemap li a:hover {background-color:#30371f;color:#e4e5d9}

#footer .na-vrh {display:block;width:92px;height:17px;position:relative;margin-top:-17px;margin-right:10px;float:right;}
#footer .na-vrh a { background:#312c26 url(../images/bg_na-vrh.png) top left no-repeat; display:block;width:85px;height:15px; padding:2px 0 0 7px; color:#fcc20f; font-size:.9em;}
#footer .na-vrh a:hover {background-position:bottom; color:#e4e5d9}

#dno {background:url(../images/bg_footer-dno.jpg) bottom left no-repeat;clear:both;display:block;height:31px;width:935px}


/*||||||||||||||||||||||||||||||||||||||||*/
/* S a d r ž a j */
/*||||||||||||||||||||||||||||||||||||||||*/
#sadrzaj1 {float:left;width:296px}
#sadrzaj1 h1 { color:#5f6f2b;font-family:"Times New Roman", Times, serif;font-size:3em;font-style:italic;font-weight:400;letter-spacing:4px;padding:20px 0 20px 25px}
#sadrzaj2 {float:left;width:296px}
#sadrzaj3 {display:block;float:left;width:593px}
#sadrzaj {display:block;float:left;width:593px}
#sadrzaj .contentheading {color:#5f6f2b;font-family:"Times New Roman", Times, serif;font-size:3em;font-style:italic;font-weight:400;letter-spacing:4px;padding:20px 0 20px 25px}
#sadrzaj .contentheading-pocetna {color:#5f6f2b;font-family:"Times New Roman", Times, serif;font-size:3em;font-style:italic;font-weight:400;letter-spacing:4px;padding:20px 0 20px 25px}

#sadrzaj .contentheadingsmall { font-family: "Times New Roman", Times, serif; font-size:1.8em; letter-spacing:1px; color:#db8805; font-style:oblique; padding-left:30px}
#sadrzaj .contentheadingsmall-pocetna { font-family: "Times New Roman", Times, serif; font-size:1.8em; letter-spacing:1px; color:#db8805; font-style:oblique; padding:20px 0 0 30px}
#sadrzaj .contentheadingsmall-ponudaprograma {color:#5f6f2b;font-family:"Times New Roman", Times, serif;font-size:3em;font-style:italic;font-weight:400;letter-spacing:4px;padding:20px 0 20px 25px}
#sadrzaj .contentheadingsmall-izmedija {color:#5f6f2b;font-family:"Times New Roman", Times, serif;font-size:3em;font-style:italic;font-weight:400;letter-spacing:4px;padding:20px 0 20px 25px}
#sadrzaj .contentheadingsmall-onama {color:#5f6f2b;font-family:"Times New Roman", Times, serif;font-size:3em;font-style:italic;font-weight:400;letter-spacing:4px;padding:20px 0 20px 25px}

#sadrzaj .createdate { display:block; width:533px; font-family:Arial, Helvetica, sans-serif; font-size:1em; letter-spacing:1px; color:#687b29; margin:0 30px 10px 30px; border-bottom:1px solid #cccdbf}
#sadrzaj .novostitekst { background:url(../images/bg_novosti_dole.png) center bottom no-repeat; width:533px; margin:0 30px 0 30px; padding-bottom:20px; font-family:Verdana, Geneva, sans-serif; font-size:1.2em; color:#636b54}
#sadrzaj .novostitekst a { background:url(../images/novosti-a.png) center right no-repeat; border-bottom:1px solid #1b5a2d; color:#1b5a2d; padding:2px 14px 1px 2px}
#sadrzaj .novostitekst a:hover {border-bottom:1px solid #636b54; color:#636B54}
#sadrzaj .novostitekst p { font-family:Verdana, Geneva, sans-serif; font-size:1.1em; color:#636b54; line-height:1.5em}

#sadrzaj .novostitekst-pocetna { background:url(../images/bg_novosti_dole.png) center bottom no-repeat; width:533px; margin:0 30px 0 30px; padding-bottom:20px; font-family:Verdana, Geneva, sans-serif; font-size:1.2em; color:#636b54}
#sadrzaj .novostitekst-pocetna p{ font-size:1.1em}

#sadrzaj .novostitekst-onama {width:533px; margin:0 30px 0 30px; padding-bottom:20px; font-family:Verdana, Geneva, sans-serif; font-size:1.1em; color:#636b54}
#sadrzaj .novostitekst-onama p span { font-style:oblique;}
#sadrzaj .novostitekst-onama .restoran {background-color:#FFFFFF;border:1px solid #c3c4b9;float:left;margin:10px 0 0 84px;padding:3px;}
#sadrzaj .novostitekst-onama .tekst-restoran { clear:both; float:left; margin-top:10px;}

#sadrzaj .novostitekst-izmedija {width:533px; margin:0 30px 0 30px; padding-bottom:20px; font-family:Verdana, Geneva, sans-serif; font-size:1.1em; color:#636b54}
#sadrzaj .novostitekst-izmedija h2 { display:block; clear:both;font-family: "Times New Roman", Times, serif; font-size:1.6em; letter-spacing:1px; font-style:oblique; padding-top:20px}
#sadrzaj .novostitekst-izmedija .slike-iz-medija {background-color:#fff;border:1px solid #c3c4b9;float:left;margin:5px;padding:3px;}
#sadrzaj .novostitekst-izmedija .slike-iz-medija:hover {background-color:#717e29;border:1px solid #c3c4b9;float:left}

/* Kontakt*/
#sadrzaj .contentheadingsmall-kontakt { display:block;color:#5F6F2B;font-family:"Times New Roman",Times,serif;font-size:3em;font-style:italic;font-weight:400;letter-spacing:4px;padding:20px 0 20px 25px;}
#sadrzaj .novostitekst-kontakt { display:block; margin:0 30px 0 30px; padding-bottom:20px; font-family:Verdana, Geneva, sans-serif; font-size:1.1em; color:#636b54; background:url(../images/logo-kontakt-restoran.png) top right no-repeat}
#sadrzaj .novostitekst-kontakt .kontakt-restoran { display:block}
#sadrzaj .novostitekst-kontakt .kontakt-restoran p b { color:#d27d0e;}
#sadrzaj .novostitekst-kontakt .kontakt-restoran p { margin-top:3px;}
#sadrzaj .novostitekst-kontakt .kontakt-restoran p.tel{ padding-left:20px; background:url(../images/ikona-tel.png) top left no-repeat;}
#sadrzaj .novostitekst-kontakt .kontakt-restoran p.fax{ padding-left:20px; background:url(../images/ikona-fax.png) top left no-repeat;}
#sadrzaj .novostitekst-kontakt .kontakt-restoran p.mob{ padding-left:20px; background:url(../images/ikona-mob.png) top left no-repeat;}
#sadrzaj .novostitekst-kontakt .kontakt-restoran p.mail{ padding-left:20px; background:url(../images/ikona-mail.png) top left no-repeat;}
#sadrzaj .novostitekst-kontakt .kontakt-restoran p.mail a { color:#1b5a2d;}
#sadrzaj .novostitekst-kontakt .kontakt-restoran p.mail a:hover{ color:#3cb64a;}


#sadrzaj .novostitekst-ponudaprograma {width:533px; margin:0 30px 0 30px; padding-bottom:20px; font-family:Verdana, Geneva, sans-serif; font-size:1.1em; color:#636b54}
#sadrzaj .novostitekst-ponudaprograma h2 {font-family: "Times New Roman", Times, serif; font-size:1.6em; letter-spacing:1px; font-style:oblique; padding:15px 0 5px 0;}
#sadrzaj .novostitekst-ponudaprograma h2 a {color:#db8805; }
#sadrzaj .novostitekst-ponudaprograma h2 a:hover {color:#5f6f2b;}
#sadrzaj .novostitekst-ponudaprograma p span {font-style:oblique}
#sadrzaj .novostitekst-ponudaprograma p span a {color:#404923; }
#sadrzaj .novostitekst-ponudaprograma p span a:hover {color:#5f6f2b;}
#sadrzaj .novostitekst-ponudaprograma p em {font-family: "Times New Roman", Times, serif; font-size:1.2em; color:#404923;}

#sadrzaj .search h2 {color:#DB8805;font-family:"Times New Roman",Times,serif;font-size:1.8em;font-style:oblique;letter-spacing:1px;padding:20px 0 10px 30px;}
#sadrzaj .search h2 a {color:#687b29;}
#sadrzaj .search h2 a:hover {color:#312c26;}
#sadrzaj .search p {background:transparent url(../images/bg_novosti_dole.png) no-repeat scroll center bottom;color:#636B54;font-family:Verdana,Geneva,sans-serif;font-size:1.2em;margin:0 30px;padding-bottom:20px;width:533px;}
#sadrzaj .search p span.highlight{color:#d27d0e;}
#sadrzaj .searchintro { font-size:1.2em; padding:20px 30px 10px 30px;}

ul#jelovnicimeni{font-family:Verdana, Geneva, sans-serif;font-size:1.2em;display:block;margin-left:24px}
ul#jelovnicimeni li {height:28px;float:left;width:182px}
ul#jelovnicimeni li a {display:block;color:#595654;height:16px;padding-left:20px;background:url(../images/bg_programi_gore_li.gif) no-repeat top left}
ul#jelovnicimeni li a:hover {background:#e4e5d9 url(../images/bg_programi_gore_li.gif) no-repeat bottom left;color:#5f6f2b}
h2.jelovnici {display:block;color:#636b54;font-family:"Times New Roman", Times, serif;font-size:2em;font-style:oblique;font-weight:normal;padding:20px 0 0 25px}
h3.jelovnici {color:#9fa098;display:block; font-family:Arial, Helvetica, sans-serif;font-size:1.4em;padding:27px 0 0 30px}
.jelo {background:url(../images/bg_jelo.png) no-repeat top left; font-size:1.2em; display:block;clear:left;margin:10px 0 0 32px;height:182px;width:529px}
.jelo h3 { display:block; color:#5f6f2b;font-family:"Comic Sans MS", cursive;font-size:1.25em;font-weight:normal;padding:5px 0 0 20px}
.jelo .slika-jela { display:inline; padding:5px 0 0 20px; float:left}
.jelo p.sastojci { display:block; float:right; width:298px; font-size:1em; color:#5e5b59; padding:10px 20px 0 10px; height:90px}
.jelo p.cijena { display:block; width:308px; height:20px; font-size:1.3em; float:right; padding:0 20px 10px 0; color:#78854c; font-family:"Comic Sans MS", cursive; font-style:oblique; text-align:right}
.jelo p.cijena span {color:#d27d0e;}
.jelo p.sifra { display:block; width:70px; font-size:.9em; color:#5f6f2b; float:left; padding:5px 2px 0 10px; text-transform:uppercase; letter-spacing:1px; height:22px}
.jelo p.kolicina-tekst { display:block; width:70px; font-size:.9em; color:#5f6f2b; float:left; padding:5px 2px 0 10px; text-transform:uppercase; letter-spacing:1px; height:22px; text-align:right;}
.jelo p.kolicina { background:url(../images/ikona-kolicina.png) top left no-repeat;float:left; width:30px; height:22px; padding:4px 0 0 5px} 
.jelo p.kolicina input { width:20px;  background-color:#312c26; color:#fcc20f;font-size:.7em}
.jelo p.naruci { background:url(../images/ikona-naruci.png) top left no-repeat;float:left; width:48px; height:23px; padding:3px 0 0 9px} 
.jelo p.naruci input {background-color:#312c26;color:#fcc20f; font-size:.7em}
.jelo .kosarica {display:block; float:left;}
.jelo .kosarica a { display:block; width:67px; height:23px; background:url(../images/ikona-kosarica.png) top left no-repeat; text-indent:-5555px;}
.jelo .kosarica a:hover { background-position:bottom;}
.jelo .kosarica-en {display:block; float:left;}
.jelo .kosarica-en a { display:block; width:67px; height:23px; background:url(../images/ikona-kosarica-en.png) top left no-repeat; text-indent:-5555px;}
.jelo .kosarica-en a:hover { background-position:bottom;}