body { margin:0; padding:0; background: url(images/backgrou.gif) center top; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; }

a img { border:none; }

#stripe { margin:0; padding:0; width:100%; height:191px; background: url(images/stripe00.gif); position:absolute; left:0; top:173px; }

#main { margin:0; padding:0; padding-top:387px; width:800px; margin:0 auto; overflow:hidden; background: url(images/bodyBack.gif) repeat-y; position:relative; text-align:left; }

#headerImage { margin:0; padding:0; width:800px; height:173px; background: url(images/headerIm.jpg); position:absolute; left:0; top:0; }

#headerBar { margin:0; padding:0; width:800px; height:189px; background: url(images/headerBa.jpg) repeat-y; position:absolute; left:0; top:174px; }

#headerBarTop { margin:0; padding:0; width:800px; height:1px; background: url(images/headerBb.jpg) no-repeat; position:absolute; left:0; top:173px; }

#headerBarBottom { margin:0; padding:0; width:800px; height:24px; background: url(images/headerBc.jpg) no-repeat; position:absolute; left:0; top:363px; }

#navigation { margin:0; padding:0; width:196px; position:absolute; left:49px; top:37px; }

#navigation ul { margin:0; padding:0; list-style:none; display:inline; }

#navigation ul li { margin:0; padding:0; list-style:none; display:inline; }

#navigation ul li a { display:block; }

#navigation ul li a img { border:none; }

#navigation ul li a:hover img { display:none; filter:alpha(opacity=100); }

#mainWatermark { margin:0 20px; padding:0; width:100%; background: url(images/mainWate.jpg) left bottom no-repeat; }

#mainBottom { margin:0; padding:0; width:800px; height:30px; background: url(images/mainBott.jpg); }

#footer { margin:0; padding:0; background:#660000; border-top:1px solid #853333; border-bottom:1px solid #853333; }

#footer .content { width:760px; margin:auto; text-align:left; height:30px; }

#footer img { float:right; }

#footer p { text-align:left; float:left; font-size:10px; color:#F5E7D6; line-height:10px; }

#footer a { color:#F5E7D6; text-decoration:none; }

#footer a:hover { color:#F5E7D6; text-decoration:underline; }

p { margin:0; padding:10px; line-height:14px; }

#headerBarBackground { margin:0; padding:0; padding-left:500px; height:189px; background: url(images/headerHo.jpg) 245px 0px no-repeat; }

#headerBarBackground.keter { background:url(images/headerKe.jpg) 245px 0px no-repeat; }
#headerBarBackground.dostava { background:url(images/headerH1.jpg) 245px 0px no-repeat; }

#headerBarContents { width:250px; padding-top:20px; }

#headerBarContents p { margin-top:10px; padding:0; color:#F5E7D6; font-size:12px; line-height:16px; }

#headerBarContents h1 { margin-top:10px; margin-bottom:0px; padding:0; color:#80684D; font-size:30px; font-weight:normal; }

#headerBarContents a { color:#FF0000; text-decoration:none; }

#sideBar { float:left; width:252px; }

#sideBarContent { margin:0; margin-left:39px; margin-right:37px; margin-top:23px; padding:0; }

div.hr { border-top:1px solid #80684D; background:#FFFFFF; height:1px; font-size:1px; }

#sideBarContent h1 { margin:0; padding:7px 0; color:#80684D; font-size:25px; font-weight:normal; }

#sideBarContent p { font-size:11px; color:#2A1B00; margin:0; padding:0; margin:10px 0; }

#sideBarContent input.text { border:1px solid #D4C6B7; width:151px; margin-bottom:10px; padding:3px; font-size:10px; background:#FFFFFF; }

#sideBarContent select { border:1px solid #D4C6B7; font-size:10px; margin-bottom:10px; }

#sideBarContent a { color:#CC0000; }

#sideBarContent a:hover { color:#CC0000; text-decoration:none; }

#content { float:left; width:490px; }

#content #contentTop { height:18px; background: url(images/contentT.gif); }

#content #contentMain { background: url(images/contentB.jpg); }

#content #contentBottom { height:23px; background: url(images/contentB.gif); }

#content p { font-size:11px; color:#2A1B00; margin:0; padding:0; padding:10px 20px; }

#content h1 { font-size:21px; color:#80684D; font-weight:normal; text-align:center; background: url(images/titleBac.gif) center center no-repeat; margin:0; padding:0; padding:10px 20px; }

#content h2 { font-size:12px; color:#2A1B00; margin:0; padding:0; margin:10px 20px; margin-bottom:0; }

#content h3 { font-size:14px; color:#2A1B00; margin:0; padding:0; margin:10px 20px; margin-bottom:0; }

#content h4 { font-size:21px; color:#80684D; font-weight:normal; text-align:center; margin:0; padding:0; padding:10px 20px; }

#content div.divider { clear:both; text-align:center; background: url(images/dividerL.gif) repeat-x; margin:0 20px; }

table.gallery { margin:10px 0; }

table.gallery a img { border:none; }

table.gallery a:hover img { filter:alpha(opacity=50); -moz-opacity:0.5; }

#content .imageLeft { float:left; margin:10px 10px 10px 5px;/* This centers the image */ display: block; margin-left: auto; margin-right: auto; /* This adds the border */ padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; }

#content .imageLefta { float:left; margin:5px 10px 0px 0px; padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; }

#content .imageLeftEditorial { float:left; margin-left:20px; margin-right:15px; margin-top:10px; margin-bottom:10px; }

#content .imageRight { float:right; margin-right:15px; padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; }
#content .imageRighttop { float:right; margin-right:15px; margin-top:20px; padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; }

#content .imageRighta { float:right; margin:5px 0px 0px 10px;/* This centers the image *//* This adds the border */ padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; }

#content .imageCenter { float:left; margin-left:20px; margin-right:20px; margin-bottom:10px; }

#content .imageLeftOverlap { margin-top:-50px; float:right; margin-left:10px; margin-bottom:10px; margin-top:10px; }

#content .mailto { margin-bottom:-3px; }

#content .newsItem { position:relative; padding:20px 0; }

#content .item { padding:20px 16px; }

#content .item .main { background: url(images/itemBack.gif) no-repeat; height:143px; position:relative; }

#content .item .ket { background: url(images/itemBack.gif) no-repeat; height:auto; position:relative; }

#content .item .wineGroup { width:142px; height:163px; background: url(images/wineGrou.jpg) no-repeat; position:absolute; top:-9px; }

#content .item .recommend { width:142px; height:163px; background: url(images/Gosti.jpg) no-repeat; position:absolute; top:-9px; }
#content .item .dostava { width:142px; height:163px; background: url(images/dostava.jpg) no-repeat; position:absolute; top:-9px; }

#content .item .jelpi { width:142px; height:163px; background: url(images/wineGrou.jpg) no-repeat; position:absolute; top:-9px; }

#content .item .jelff { width:142px; height:163px; background: url(images/jelff.jpg) no-repeat; position:absolute; top:-9px; }

#content .item .jelhr { width:142px; height:163px; background: url(images/jelhr.jpg) no-repeat; position:absolute; top:-9px; }

#content .item .ketering { width:142px; height:163px; background: url(images/ketering_1.jpg) no-repeat; position:absolute; top:-9px; }

#content .item .ketering_a { width:auto; height:auto; position:relative; float:left; top:-9px; }

#content .item .ket_a p { padding-left:50px; padding-right:50px; }

#content .item .ket_a_onama p { padding-left:15px; padding-right:15px; text-align:justify; }

#content .item .ket_a li { list-style:none; }

#content .meni { list-style:none; }

#content .meni li { font-size:11px; color:#2A1B00; margin-left:25px; }

#content .item h3 em, #content .newsItem h3 em { color:#CC0000; font-style:normal; }

#content .item h3, #content .newsItem h3 { padding:0; padding-left:166px; margin:0; padding-top:10px; padding-right:10px; padding-bottom:5px; }

h2 em { color:#CC0000; font-style:normal; }

#content .item h2, #content .newsItem h2 { padding:0; padding-left:166px; margin:0; padding-top:15px; padding-right:10px; text-align:left; }

#content .item p, #content .newsItem p { padding:0; padding-left:166px; margin:0; padding-right:10px; }

#content .keter_top { height:17px; width:451px; background: url(images/contentT1.gif); }

#content .keter_mid { width:451px; background: url(images/contentB1.jpg); }

#content .keter_down { height:17px; width:451px; background: url(images/contentB1.gif); }

#content .newsItem h3, #content .newsItem p, #content .newsItem h2 { padding-top:0; padding-right:30px; padding-left:180px; }

#content a { color:#CC0000; text-decoration:none; }

#content a:hover { color:#CC0000; }

#content a.button { padding:10px 20px; display:block; }

#content a.paging { padding:10px 20px; display:block; width:200px; float:left; }

div.clear { clear:both; }

div.formBoxTop { height:12px; background: url(images/formBoxT.gif) no-repeat; }

div.formBoxMiddle { background:url(images/formBoxM.gif) repeat-y; margin:0 16px; text-align:center; }

div.formBoxBottom { height:12px; background:url(images/contentB.gif) no-repeat; }

table.form { margin:0 auto; text-align:left; }

table.form th { font-weight:normal; font-size:11px; text-align:right; padding-right:10px; padding-bottom:10px; vertical-align:top; }

table.form td { font-weight:normal; text-align:left; padding-bottom:10px; vertical-align:top; }

table.form td input, table.form td select, table.form td textarea { width:160px; background:#FFFFFF; border:1px solid #D4C6B7; }

table.form td textarea { height:120px; }

.tabela { font-size:0.8em; border-top: 1px #6699CC dotted; }

.tabela td { border-bottom: 1px #6699CC dotted; }

#formular { margin:25px; font-size:0.8em; }

/* Text popup */

#content .item .ket_a .jelovnik { position:relative; padding:9px; margin-bottom:20px }

#content .item .ket_a .jelovnik a { display:inline; color:#000000; padding:2px 9px 2px 9px; text-decoration:none; }

#content .item .ket_a .jelovnik li { color:#000000; font-weight:normal; font-size:0.9em; margin-left:25px; text-decoration:none; }

#content .item .ket_a .jelovnik a:hover { text-decoration:none; font-weight:bold; }

#content .item .ket_a .jelovnik span { display:none;}
#content .item .ket_a .jelovnik .cena { text-align:right;}
#content .item .ket_a .jelovnik .cena:after {content:" din"}
#content .item .ket_a .jelovnik a:hover span { display:inline; position:absolute; border:1px dotted #990000; font-weight:normal; font-size:.7em; margin-left:25px; padding-left:10px; padding-top:2px; padding-bottom:2px; top:27px; right:15px; width:225px; }
#content .item .ket_a .jelovnik a:hover .cena {font-size:2em; border:none; padding-top:28px;}
/* galerija */
.gallerycontainer { position: relative;/*Add a height attribute and set to largest image's height to prevent overlaying*/ }

.thumbnail img { border: 1px solid white; margin: 0 5px 5px 0; }

.thumbnail:hover { background-color: transparent; }

.thumbnail:hover img { border: 1px solid blue; }

.thumbnail span { /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }

.thumbnail span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; width:325px }

.thumbnail:hover span { /*CSS for enlarged image*/ visibility: visible; top: 0; left: 125px; /*position where enlarged image should offset horizontally */ z-index: 50; }