body{ background:#240000; text-align:center; font-family:Arial, Helvetica, sans-serif; min-height:655px; min-width:945px; margin: 0px; padding: 0px; }
html, body{ height:100%; width:100%; }


#outer{ height:100%; width:100%; display:table; vertical-align:middle;}
#container { text-align: center; position:relative; vertical-align:middle; display:table-cell; height: 645px; }
#inner { width: 886px; height:645px; text-align: center; margin-left:auto; margin-right:auto; overflow:visible; position:relative; }

#menu { float: left; width: 100%; height: 30px; background: #83380c; border-bottom: 3px solid #240000; }
#menu ul { float: left; margin: 0px; padding: 0px; list-style: none; }
#menu ul li { float: left; }
#menu ul li a { display: block; font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: #ffffff; text-decoration: none; 
padding: 7px 48px 0 48px; height: 23px; float: left; }
#menu ul li a.first { padding: 7px 50px 0 49px; } 
#menu ul li a:hover, #menu ul li a.active { background: #bf966c; }


.traminac_belovic { background: url('../css/images/vina/traminac belovic.jpg') no-repeat; }
.chardonnay_novak_boris { background: url('../css/images/vina/chardonnay novak boris.jpg') no-repeat; }
.silvanac_zeleni_cmrecnjak { background: url('../css/images/vina/silvanac zeleni cmrecnjak.jpg') no-repeat; }
.pusipel_dvanajscak { background: url('../css/images/vina/pusipel dvanajscak.jpg') no-repeat; }
.grasevina_kocijan { background: url('../css/images/vina/grasevina kocijan.jpg') no-repeat; }
.sauvignon_horvat { background: url('../css/images/vina/savignon horvat.jpg') no-repeat; }
.rajnski_rizling_jakopic { background: url('../css/images/vina/rajnski rizling jakopic.jpg') no-repeat; }
.rose_kojter { background: url('../css/images/vina/rose kojter.jpg') no-repeat; }
.muskat_zuti_kuncic { background: url('../css/images/vina/muskat zuti kuncic.jpg') no-repeat; }
.sauvignon_lebar { background: url('../css/images/vina/savignon lebar.jpg') no-repeat; }
.vitesko_crno_lovrec { background: url('../css/images/vina/vitesko crno lovrec.jpg') no-repeat; }
.muskat_zuti_stampar { background: url('../css/images/vina/muskat zuti stampar.jpg') no-repeat; }
.pinot_bijeli_agromedjimurje { background: url('../css/images/vina/pinot bijeli strigovski podrumi.jpg') no-repeat; }
.muskat_zuti_tomsic { background: url('../css/images/vina/muskat zuti tomsic.jpg') no-repeat; }
.sauvignon_novak_alojz { background: url('../css/images/vina/sauvignon novak alojz.jpg') no-repeat; }
.sauvignon_zidov { background: url('../css/images/vina/sauvignon zidov.jpg') no-repeat; }
.sauvignon_petkovic { background: url('../css/images/vina/sauvignon petkovic.jpg') no-repeat; }

.belovic { background: url('../css/images/vina/belovic.jpg') no-repeat; }
.novak_boris { background: url('../css/images/vina/novak boris.jpg') no-repeat; }
.cmrecnjak { background: url('../css/images/vina/cmrecnjak.jpg') no-repeat; }
.dvanajscak { background: url('../css/images/vina/dvanajscak.jpg') no-repeat; }
.kocijan { background: url('../css/images/vina/kocijan.jpg') no-repeat; }
.horvat { background: url('../css/images/vina/horvat.jpg') no-repeat; }
.jakopic { background: url('../css/images/vina/jakopic.jpg') no-repeat; }
.kojter { background: url('../css/images/vina/kojter.jpg') no-repeat; }
.kuncic { background: url('../css/images/vina/kuncic.jpg') no-repeat; }
.lebar { background: url('../css/images/vina/lebar.jpg') no-repeat; }
.lovrec { background: url('../css/images/vina/lovrec.jpg') no-repeat; }
.stampar { background: url('../css/images/vina/stampar.jpg') no-repeat; }
.agromedjimurje { background: url('../css/images/vina/strigovski podrumi.jpg') no-repeat; }
.zidov { background: url('../css/images/vina/zidov.jpg') no-repeat; }
.tomsic { background: url('../css/images/vina/tomsic.jpg') no-repeat; }
.novak_alojz { background: url('../css/images/vina/novak alojz.jpg') no-repeat; }
.petkovic { background: url('../css/images/vina/petkovic.jpg') no-repeat; }

.cimper { background: url('../css/images/hrana/cimper.jpg') no-repeat; }
.dravski_vir { background: url('../css/images/hrana/dravski vir.jpg') no-repeat; }
.golf { background: url('../css/images/hrana/hotel golf.jpg') no-repeat; }
.park { background: url('../css/images/hrana/hotel park interijer.jpg') no-repeat; }
.ilonka { background: url('../css/images/hrana/ilonka interijer.jpg') no-repeat; }
.katarina { background: url('../css/images/hrana/katarina interijer.jpg') no-repeat; }
.kristal { background: url('../css/images/hrana/kristal.jpg') no-repeat; }
.lovac { background: url('../css/images/hrana/lovac.jpg') no-repeat; }
.mala_hiza { background: url('../css/images/hrana/mala hiza.jpg') no-repeat; }
.mamica { background: url('../css/images/hrana/mamica.jpg') no-repeat; }
.medjimurski_dvori { background: url('../css/images/hrana/medjimurski dvori.jpg') no-repeat; }
.potrti_kotac { background: url('../css/images/hrana/potrti kotac interijer.jpg') no-repeat; }
.prepelica { background: url('../css/images/hrana/prepelica.jpg') no-repeat; }
.rustica { background: url('../css/images/hrana/trattoria rustica interijer.jpg') no-repeat; }
.stridon { background: url('../css/images/hrana/stridon.jpg') no-repeat; }
.terbotz { background: url('../css/images/hrana/dvorac terbotz interijer.jpg') no-repeat; }
.vuri { background: url('../css/images/hrana/vuri interijer.jpg') no-repeat; }
.zelengaj { background: url('../css/images/hrana/zelengaj.jpg') no-repeat; }
.zrin { background: url('../css/images/hrana/zrin interijer.jpg') no-repeat; }

.hrana_cimper { background: url('../css/images/hrana/cimper hrana.jpg') no-repeat; }
.hrana_dravski_vir { background: url('../css/images/hrana/dravski vir hrana.jpg') no-repeat; }
.hrana_golf { background: url('../css/images/hrana/hotel golf hrana.jpg') no-repeat; }
.hrana_park { background: url('../css/images/hrana/hotel park.jpg') no-repeat; }
.hrana_ilonka { background: url('../css/images/hrana/ilonka hrana.jpg') no-repeat; }
.hrana_katarina { background: url('../css/images/hrana/katarina hrana.jpg') no-repeat; }
.hrana_kristal { background: url('../css/images/hrana/kristal hrana.jpg') no-repeat; }
.hrana_lovac { background: url('../css/images/hrana/lovac hrana.jpg') no-repeat; }
.hrana_mala_hiza { background: url('../css/images/hrana/mala hiza hrana.jpg') no-repeat; }
.hrana_mamica { background: url('../css/images/hrana/mamica hrana.jpg') no-repeat; }
.hrana_medjimurski_dvori { background: url('../css/images/hrana/medjimurski dvori hrana.jpg') no-repeat; }
.hrana_potrti_kotac { background: url('../css/images/hrana/potrti kotac hrana.jpg') no-repeat; }
.hrana_prepelica { background: url('../css/images/hrana/prepelica hrana.jpg') no-repeat; }
.hrana_rustica { background: url('../css/images/hrana/trattoria rustica hrana.jpg') no-repeat; }
.hrana_riblji_restoran { background: url('../css/images/hrana/riblji restoran hrana.jpg') no-repeat; }
.hrana_stridon { background: url('../css/images/hrana/stridon jelo.jpg') no-repeat; }
.hrana_terbotz { background: url('../css/images/hrana/dvorac terbotz hrana.jpg') no-repeat; }
.hrana_vuri { background: url('../css/images/hrana/vuri hrana.jpg') no-repeat; }
.hrana_zelengaj { background: url('../css/images/hrana/zelengaj hrana.jpg') no-repeat; }
.hrana_zrin { background: url('../css/images/hrana/zrin hrana.jpg') no-repeat; }


#content { float: left; width: 100%; height: 413px; }
#bottom { float: left; width: 800px; height: 170px; background: #fdf2d4; border-top: 3px solid #240000; text-align: left; 
padding: 10px 56px 0 30px; }
#bottom a { color:#82240d; text-decoration:underline; }
#bottom a:hover { text-decoration:none; }
#bottom h1 { font-family: Georgia; font-size: 28px; color: #82240d; font-weight: normal; font-style: italic; margin: 0px; padding: 0px; }
#bottom p { font-size: 8pt; color: #1b1c20; line-height: 18px; margin: 8px 0 8px 0; padding: 0px; }
#tag, #tag_link, #tag_jela { float: right; margin: -27px 25px 0 0; display: inline; }
#tag a, #tag_link a, #tag_jela a { display: block; color: #f5e1e0; margin: 0px; font-size: 12px; width: 139px; height: 20px; background: url('../css/images/tag.gif') repeat-y;
padding: 7px 0px 0px 0px; text-decoration: none;}

#content .menu { float:left; width:210px; height:100%; margin: 0 0 0 -210px; background:#83380c; opacity:0.4; filter:alpha(opacity=40); position:relative; z-index:1; }
#content ul { float: left; width:210px; margin: 20px 0; padding: 0px; list-style: none; text-align: left; height: auto; position:relative; z-index:100; }
#content ul li a { display: block; color: #ffffff; text-decoration: none; width: 180px; padding: 2px 0 2px 30px; font-size: 8pt;  }
#content ul li a:hover, #content ul li a.active { background: #fbd98a; color: #e40005; }

#info { float:left; width:100%; height:auto; text-align:left; padding:10px 0; }
#info p { color: #ffffff; font-size:12px; line-height:24px; margin:0 0 0 450px; padding:0px; }
#info a { color:#ffffff; text-decoration:none; }

#footer { float: left; width: 100%; padding-top: 6px; }
#footer p { font-size: 11px; color: #928080; margin: 0px; padding: 0px; }
#footer a { color: #928080; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#intro { width:340px; top:50%; left:50%; margin-left:-181px; margin-top:-118px; position:absolute; z-index:0; }
#intro .left { float:left; width:240px; text-align:right; }
.cont_first { float:left; height: 82px; width:100%; }
.cont_second { float:left; height: 79px; width:100%; margin:5px 0; }
.cont_third { float:left; height: 91px; width:100%; margin:10px 0; }
#intro .first, #intro .second, #intro .third { display:none; }
#intro .right { float:right; margin:50px 0 0 22px; opacity:0; filter:alpha(opacity=0); }
#intro .right a { font-family:Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; font-size:11px; margin:0 10px 0; }
#glow, #glow2, #glow3 { top:50%; left:50%; height:250px; margin-left:-200px; margin-top:-118px; width:20px; background:#240000; opacity: 0;  position:absolute; z-index:100; filter:alpha(opacity=0); }
#glow2 { width:10px; }
#glow3 { width:5px; }

#loading { float:left; width:100%; height:196px; padding:200px 0; }
#loading img { text-align:center; left:50%; position:absolute; }