*{ margin:0; border:0; padding:0; }
body{ background:url('images/bg.png') repeat 0 0; font:11px  Verdana, Arial, Helvetica, sans-serif; text-align:center; }
ul{ list-style:none; }
img{ display:block; }
a:focus{ outline:none; }

img.headerImage{ border-bottom:8px solid #fc0; }

/**********************************************
				containers
**********************************************/

#outerContainer{ width:760px; margin:0 auto; padding:0 6px; background:url('images/outerContainer.gif') repeat-y 0 0; text-align:left; }
#container{ width:760px; margin:0 auto; }
#header{ position:relative; background:url('images/header_pretrazi.gif') no-repeat 0 0; padding-top:82px; }
#menu{ background:#185080 url('images/menu.gif') repeat-x 0 100%; padding:10px 0; }
#contentArea{ float:left; background:#fff url('images/contentArea.png') no-repeat 0 100%;
border-top:14px solid #668EB6; border-bottom:8px solid #668EB6; padding-bottom:70px; }
#katalog{ float:left; width:149px; height:90px; background:#98C0E8 url('images/katalog.jpg') no-repeat 0 0;
border:1px solid #fff; border-width:1px 1px 0 0; border-bottom:7px solid #185080; padding-top:43px; padding-left:30px; }
#izPonude{ float:right; width:580px; height:133px; background:#98C0E8; border-top:1px solid #fff; border-bottom:7px solid #185080;
}
#content{ float:right; width:580px;}
#contentInner {padding:10px 20px;}
#extra{ float:left; width:179px; }
#footer{ position:relative; clear:both; background:#185080 url('images/footer.gif') repeat-x 0 0; padding:10px 5px; }

/**********************************************
				extra containers
**********************************************/

.menu li{ float:left; font:10px/12px Verdana, Arial, Helvetica, sans-serif; background:url('images/menuDashes.gif') no-repeat 100% 50%; margin-left:5px; }
.menu li a{ margin:0 10px 0 5px; padding-left:15px; background:url('images/navItem.png') no-repeat 0 0; color:#fff; text-decoration:none; }
.menu li a.selected, .menu li a:hover{ color:#fc0; }

a#home{ position:absolute; width:140px; height:80px; top:0; left:0; }

form#pretraziForm{ position:absolute; right:10px; top:10px; padding-top:27px; padding-left:10px; width:165px; height:35px; }
form #pretraziInput{ font:11px  Verdana, Arial, Helvetica, sans-serif; border:1px solid #BAB586; padding:2px;width:115px; }
form #pretraziSubmit{ width:16px; margin-left:5px; }

form#pretraziVinaForm{width:200px; height:110px; margin:0px; padding: 0px; background: url('images/trazi_vina.gif') no-repeat 0 0;}
form #pretraziVinaInput{ margin-top: 52px; margin-left: 14px; font:11px  Verdana, Arial, Helvetica, sans-serif; border:1px solid #C16566; padding:2px;width:100px; }
form #pretraziVinaSubmit{ border:1px solid #C16566; background-color: #900B0B; color: #fff; }
/*form #pretraziVinaSubmit{ width:16px; margin-left:5px; }*/

form #katalogInput{ display:block; font:11px  Verdana, Arial, Helvetica, sans-serif; border:1px solid #BAB586; padding:2px;width:115px; }
form #katalogSubmit{ margin-top:20px; margin-left:33px; border:1px solid #BAB586; width:48px; display:block; }

table.osoblje{ margin:10px 0; border-collapse:collapse; padding:0; }
table.osoblje td{ border:1px solid #FF9700; padding:5px 10px; color:#000; font:11px Verdana, Arial, Helvetica, sans-serif; }
table.osoblje td a{ color:#FF9700; text-decoration:none; }
table.osoblje td a:hover{ text-decoration:underline; }

#izPonude div{ padding-top:37px; padding-left:12px; height:96px; }
#izPonude div p{ width:130px; font:11px/1.2em Verdana, Arial, Helvetica, sans-serif; color:#7c7c7c; }
#izPonude div a{ color:#F60; text-decoration:none; font-weight:bold; }
#izPonude .izborVina{ float:left;  background:url(images/izborVina.jpg) no-repeat 0 0; width:222px; }
#izPonude .sokoviRauch{ float:left; background:url(images/sokoviRauch.jpg) no-repeat 0 0; width:334px; }

h1.dobrodosli{ background:url('images/dobrodosli.jpg') no-repeat 0 0; text-indent:-9999px; height:55px; }

.vijest{ clear:both; border-top:1px dashed blue; padding:12px 0;  }
.vijest .image{ float:left; background:#dcdcdc; margin-right:15px; }
.vijest img{ position:relative; top:-2px; left:-2px; border:4px solid #fb0; }
h3{ display:inline; font:bold 9px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; 
background:url('images/naslov.png') no-repeat 0 50%; padding-left:15px; }
p{ font:11px/1.6em  Verdana, Arial, Helvetica, sans-serif; margin:10px 0; }

#content h1{ font:bold 14px Verdana, Arial, Helvetica, sans-serif; margin:10px 0; text-transform:uppercase; }
#content h2{ font:bold 13px Verdana, Arial, Helvetica, sans-serif; margin:10px 0; text-decoration:underline; }
#content ul{ margin:5px 25px; }
#content li{ list-style:circle; font:11px/1.4em Verdana, Arial, Helvetica, sans-serif; }
#content a { font:11px Verdana, Arial, Helvetica, sans-serif; color:#FF9700; text-decoration:none; }
#content a:hover{ text-decoration:underline; }

#extra h2{ display:block; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-indent:-9999px; height:28px; border-top:1px solid #fff; }
#extra ul{ background:#fff; padding:10px 0; }
#extra ul.submenu{ background:#eef7ff; }
#extra ul.info{ background:#fff6d8; }
#extra ul.info2{ background:#E0ECF8; }
#extra li{ font:bold 11px/1.3em Verdana, Arial, Helvetica, sans-serif; padding:5px 16px; background:url(images/submenu_divider.gif) no-repeat 50% 100%; color:#185080; }
#extra li a{ color:#185080; text-decoration:none; display:block; }
#extra li a:hover, #extra li a.selected{ color:#FF9700; }

#extra ul.submenu li{ background:none; padding:0 16px; font-weight: normal;}
#extra ul.submenu li.uvucen{ background:none; padding:0 16px; text-indent:10px; font-weight:normal; font-size:11px; }
#extra ul.submenu li.uvucenV{ background:none; padding:0 16px; text-indent:10px; font-weight:normal; font-size:11px; }
#extra ul.submenu li.uvucenV a{ background:url(images/submenu_divider.gif) no-repeat 50% 100%; padding:2px 0; }
#extra ul.submenu li a{ background:url(images/submenu_divider.gif) no-repeat 50% 100%; padding:5px 0; }
#extra ul.submenu ul{ padding:0; background:#eef7ff; }
#extra ul.submenu li li{ padding:0; font-weight:normal; }
#extra ul.submenu li li a{ padding-left:10px; }

/*
h2.voce_povrce{ background:url('images/voce_povrce.png') no-repeat 0 0; }
h2.akcija{ background:url('images/akcija.png') no-repeat 0 0; }
h2.vinski_podrum{ background:url('images/vinski_podrum.png') no-repeat 0 0; }
*/

h2.izdvajamo{ background:url('images/izdvajamo.png') no-repeat 0 0; }
h2.vrutak{ background:url('images/vrutak.png') no-repeat 0 0; }
h2.ponuda{ background:url('images/ponuda.png') no-repeat 0 0; }
h2.download{ background:url('images/download.png') no-repeat 0 0; }
h2.katalog{ background:url('images/katalog.gif') no-repeat 0 0; }
h2.katalog2{ background:url('images/v_katalog.gif') no-repeat 0 0; }
h2.kosarica{ background:url('images/kosarica.gif') no-repeat 0 0; }

#footer ul{ float:right; }

#footer.menu li.ador{ position:absolute; left:0; }
#footer.menu li.ador a{ height:12px; width:20px; background:url('images/ador.gif') no-repeat 0 0; }

form#obrazac{ margin:20px 0; }
form#obrazac fieldset{ border:1px dashed #ccc; width:310px; padding:10px; }
form#obrazac legend{ visibility:hidden; display:none; }
form#obrazac label{ width:70px; display:block; float:left; clear:left; text-align:right; margin:2px; padding:2px 5px; cursor:pointer; font:10px/12px Verdana, Arial, Helvetica, sans-serif; }
form#obrazac input, form#obrazac textarea{ font:11px Tahoma; border:1px solid #A5ACB2; margin:2px; padding:2px; width:200px; overflow:hidden; }
form#obrazac input:focus, form#obrazac textarea:focus{ border:1px solid #525252; }
form#obrazac input.submit{ margin-left:86px!important;  margin-left:91px; background:#fff; cursor:pointer; clear:both; width:auto; }

table.vina { margin:20px auto; border-collapse:collapse; padding:0; width:540px; }
table.vina thead th{ font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-align:right; padding:10px; background:#930; color:#fff; }
table.vina tbody th, table.vina tbody td{ font:10px Verdana, Arial, Helvetica, sans-serif; color:#000; border:1px solid #ddd; border-width:1px 0; padding:4px 2px; vertical-align:top; }
table.vina tbody th{ font-weight:bold; }
table.vina tbody td a{ color:#F90; text-decoration:none; }
table.vina tbody td a:hover{ text-decoration:underline; }

h4{ display:inline; font:bold 12px Verdana, Arial, Helvetica, sans-serif; }

.leftImg img{ float:left; margin:10px; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#pretrazivanjeTitle {border-bottom: 1px solid #185080;padding: 5px 2px;margin-bottom: 10px;}
#pretrazivanje {font:11px  Verdana, Arial, Helvetica, sans-serif;}
#pretrazivanje td{border-bottom: 1px solid #efefef; padding: 3px;}
#pretrazivanje td.cijena{text-align: right;}

#vina {font:11px  Verdana, Arial, Helvetica, sans-serif;}
#vina td{border-bottom: 1px solid #efefef; padding: 3px;}
#vina td.cijena{text-align: right;}
#vina a.vinoNaziv {font-weight: bold;}

#vinoDetalji {margin:0px; padding: 0px; font: normal 12px verdana; line-height: 18px;}
#vinoDetalji .sifra{color: #606060; font: bold 12px verdana;}

#vinoPodaci {float: left;width:180px;}
#vinoCijena {float: left;width:160px; font: bold 14px verdana, arial; text-align:left; line-height: 24px;margin-top: 20px;}
.separator {width: 100%; border-top: 1px solid #dbdbdb;margin-top: 5px;}