@charset "utf-8";
/*** DEFAULT ***/
body{ background: url(grafika/body/bgpozadina.jpg) repeat left top;	margin: 0px;}
html, blockquote, label, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dd, form, img, textarea{	margin: 0px; border: none; border-style:none; }
* {	font-family: Tahoma, Geneva, sans-serif;	text-decoration:none; color:#000;	font-size: 14px; line-height:22px;}
input{	margin: 0px;	padding: 0px;	border: 0px;	background-color: #f3f3f3;	color: #9d9d9d;}
address{ text-decoration:none; font-style:normal; }
h1 {font-size:38px; color:#a50e32;}
h1:hover {color:#000;}
h2 {font-size:32px; color:#a50e32;}
h2:hover {color:#000;}
h3 {font-size:28px; color:#a50e32; line-height:30px;}
h3:hover {color:#000;}
h4 {font-size:18px; color:#a50e32;}
h4:hover {color:#000;}
h5 {font-size:16px; color:#a50e32; line-height:33px;}
h5:hover {color:#000;}
h6 {font-size:14px; color:#a50e32;}
h6:hover {color:#000;}
a:hover {color:#a50e32;}
.imgageDiv{ text-align:center; clear:both; padding:10px 0 10px 0; min-height:400px;}
.imgage2Div{ text-align:center; clear:both; padding:0 40px 0 40px; min-height:400px;}
.txtWhiteSize1{ color:#FFF; font-size:22px; height:150px; padding:20px 0 0 25px; line-height:35px;}
.txtWhite{ color:#FFF;}
.txtWhiteW1{ color:#FFF; font-weight:lighter; font-size:16px;}
td { border-bottom:#a50e32 solid 1px;}
.lineHeight{ line-height:50px;}
.txtSastojci{color: #a50e32;}
.txtCijena{ font-weight:bold;}


/*** LOGO ***/
.logoex3em{ width:83px; height:66px;}
#toplogo{ background: url(grafika/body/toplogo.jpg) no-repeat left top; width:955px; height:71px; position:absolute; z-index:99;}
#logoRestoranBas{ width:245px; height:211px; float:left; position:absolute; z-index:5; left:20px; }
#logoRestoranBas a{ display: block;  width:245px;  height:211px; background:url(grafika/body/logo-restoran-bas.png) right top no-repeat; overflow: hidden; text-indent: -9999px;}
#logoPizzeriaBas{ width:245px; height:211px; float:left; position:absolute; z-index:5; left:20px; }
#logoPizzeriaBas a{ display: block;  width:245px;  height:211px; background:url(grafika/body/logo-pizzeria-bas.png) right top no-repeat; overflow: hidden; text-indent: -9999px;}
#logoPizzeriaLira{ width:245px; height:211px; float:left; position:absolute; z-index:5; left:20px; }
#logoPizzeriaLira a{ display: block;  width:245px;  height:211px; background:url(grafika/body/logo-pizzeria-lira.png) right top no-repeat; overflow: hidden; text-indent: -9999px;}
#logoSadwichBonita{ width:245px; height:211px; float:left; position:absolute; z-index:5; left:20px; }
#logoSadwichBonita a{ display: block;  width:245px;  height:211px; background:url(grafika/body/logo-sandwich-bonita.png) right top no-repeat; overflow: hidden; text-indent: -9999px;}

/*** WRAP ***/
#wrapBas { width:955px; margin:0 auto;}
#wrapBas2 {width:955px; margin:0 auto; position:relative; top:0px; left:0px;}
#wrapIndexTop { width:955px; height:200px; clear:both;}
.wrapIndexTopSeg { width:230px; height:200px; padding:0 0 0 8px; float:left; text-align:center;}
#topMeni{ width:955px; height:145px; position:relative; }
#banner{ background:transparent url(grafika/body/bannerbg.png) no-repeat left top; width:955px; height:312px; position:absolute; top:100px; z-index:3; }
#wrapLeft{ width:274px; min-height:680px; float:left;}
#wrapRight{ width:640px; min-height:680px; float:left; padding:420px 0 0 0;}


/*** FORMS ***/
form input[type=text]{	background:transparent url(grafika/form/text.png) no-repeat left top; width:256px; height:27px; line-height:normal; color:#000; margin:4px 4px 4px 0px; padding:0px 4px 4px 4px; }
form input[type=text]:hover{	background:transparent url(grafika/form/texthover.png) no-repeat left top;	}
form textarea { background:transparent url(grafika/form/textarea.png) no-repeat left top; width:256px; height:137px; color:#000; margin:4px 4px 4px 0px;	padding:4px 4px 4px 4px; }
form textarea:hover { background:transparent url(grafika/form/textareahover.png) no-repeat left top; border-style:none; color:#000; }
form input[type=submit] { background:transparent url(grafika/form/submit.png) no-repeat left top; width:92px; height:26px; color:#fff; margin:2px 2px 2px 2px; text-align:left; text-indent:5px; cursor:pointer;}
form input[type=submit]:hover { background:transparent url(grafika/form/submithover.png) no-repeat left top; color:#fff; }
form input[type=reset] { background:transparent url(grafika/form/submit.png) no-repeat left top; width:92px; height:26px; color:#fff; margin:2px 2px 2px 2px; text-align:left; text-indent:5px; cursor:pointer;}
form input[type=reset]:hover { background:transparent url(grafika/form/submithover.png) no-repeat left top; color:#fff; }
.formaDivMain{width:580px; height:35px; margin:5px 0 5px 0; text-align:left; clear:both;}
.formaDivLeft{ width:120px; height:35px; float:left; text-align:left;}
.formaDivRight{ width:400px; height:35px; float:left;}
.formaDivRightText{ width:400px; height:150px; float:left;}
.formInputa { background:transparent url(grafika/form/submit.png) no-repeat left top; width:92px; height:26px; color:#fff; margin:15px 2px 2px 0px; text-align:left; text-indent:5px; cursor:pointer;}
.formInputa:hover { background:transparent url(grafika/form/submithover.png) no-repeat left top; color:#fff; }

/*** KONTAKT BOX ***/
#kontaktnav{	vertical-align: top; text-align: left; height:240px; padding: 0px; clear:both; color:#FFF; font-size:12px; opacity:0.85; filter:alpha(opacity=85);}
#kontaktnav li{ -moz-border-radius:8px; border-radius:8px; background-color:#262626; width:195px; height:220px; padding:3px;  margin:3px;	display: inline;	list-style-type: none;	float: left; color:#FFF; font-size:12px;}
#kontaktnav li a{	display: block;	overflow: hidden;	cursor: pointer;}
#kontaktnav li a span{	display:block;}
.kontaktbtn{ background:transparent url(grafika/form/kontaktirajtebtn.png) no-repeat left top; width:240px; height:84px; position:absolute; }


/*** RESTORAN CSS ***/
#restoranmeninav{	vertical-align: top; text-align: left; height:180px; padding: 0px; clear:both; color:#FFF; font-size:12px; opacity:0.85; filter:alpha(opacity=85);}
#restoranmeninav li{ -moz-border-radius:8px; border-radius:8px; background-color:#262626; width:178px; height:180px; padding:6px;  margin:3px;	display: inline;	list-style-type: none;	float: left; color:#FFF; font-size:12px;}
#restoranmeninav #design1 { -moz-border-radius:8px; border-radius:8px; background-color:#6d0820; width:178px; height:180px; padding:6px;  margin:3px;	display: inline;	list-style-type: none;	float: left; color:#FFF; font-size:12px;}
#restoranmeninav li a{	display: block;	overflow: hidden;	cursor: pointer;}
#restoranmeninav li a span{	display:block;}
.restoranLinkMeni{ width:120px; height:70px; padding:25px 0 0 0; font-size:18px; color:#FFF;}
.jelaDivUnderline{ width:620px; height:22px; border-bottom:#a50e32 solid 1px; padding:3px 0 3px 0; clear:both;}
.jelaDivA1{ width:520px; height:20px; padding:0 0 0 0; float:left;}
.jelaDivA2{ width:90px; height:20px; padding:0 0 0 0; float:left; text-align:right; clear:right; font-weight:bold;}

#pizzaPartyLogob{ width:246px; height:220px; position:absolute; top:270px; right:0px; z-index:4; }
.pizzaPartyLogoMali{ width:52px; height:52px; position:absolute; right:250px; }

/*** INDEX ***/
#indexnav{	vertical-align: top; text-align: left; width:952px; height:514px; padding: 0px; clear:both;}
#indexnav li{	display: inline;	list-style-type: none;	float: left;}
#indexnav li a{	display: block;	overflow: hidden;	height:514px;	cursor: pointer; text-indent:-9999px;}
#indexnav li a span{	display:block;	height:29px;}
#indexnav li a.restoran{	background:transparent url(grafika/nav/indexnav.png) no-repeat scroll 0px 0px;	display:block;	list-style-type:none; width:238px; height:514px;}
#indexnav li a.restoran:hover{	background:transparent url(grafika/nav/indexnav.png) no-repeat scroll 0px 0px; opacity:0.8; filter:alpha(opacity=80);}
#indexnav li a.pizzeriabas{	background:transparent url(grafika/nav/indexnav.png) no-repeat scroll -238px 0px;	display:block;	list-style-type:none; width:238px; height:514px;}
#indexnav li a.pizzeriabas:hover{	background:transparent url(grafika/nav/indexnav.png) no-repeat scroll -238px 0px; opacity:0.8; filter:alpha(opacity=80);}
#indexnav li a.pizzerilira{	background:transparent url(grafika/nav/indexnav.png) no-repeat scroll -476px 0px;	display:block;	list-style-type:none; width:238px; height:514px;}
#indexnav li a.pizzerilira:hover{	background:transparent url(grafika/nav/indexnav.png) no-repeat scroll -476px 0px; opacity:0.8; filter:alpha(opacity=80);}
#indexnav li a.bonita{	background:transparent url(grafika/nav/indexnav.png) no-repeat scroll -714px 0px;	display:block;	list-style-type:none; width:238px; height:514px;}
#indexnav li a.bonita:hover{	background:transparent url(grafika/nav/indexnav.png) no-repeat scroll -714px 0px; opacity:0.8; filter:alpha(opacity=80);}

/*** NAV LEFT ***/
#leftnav{	vertical-align: top; text-align: left; width:245px; padding: 0px; position:absolute; z-index:2; left:20px; }
#leftnav li{	display: inline;	list-style-type: none;	float: left;}
#leftnav li a{	display: block;	overflow: hidden;	cursor: pointer; text-indent:-9999px;}
#leftnav li a span{	display:block;	height:29px;}
#leftnav li div.top{	background:transparent url(grafika/nav/leftnavmax.png) repeat-y;	display:block;	list-style-type:none; width:245px; height:420px;}
#leftnav li div.top2{	background:transparent url(grafika/nav/leftnavmax.png) repeat-y;	display:block;	list-style-type:none; width:245px; height:349px;}
#leftnav li a.btn1{	background:transparent url(grafika/nav/leftnavb1.png) no-repeat left top;	display:block; list-style-type:none; width:245px; height:77px;}
#leftnav li a.btn1:hover{	background:transparent url(grafika/nav/leftnavb1hover.png) no-repeat left top;}
#leftnav #currentpageb1 a{	background:transparent url(grafika/nav/leftnavb1hover.png) no-repeat left top;}
#leftnav li a.btn2{	background:transparent url(grafika/nav/leftnavb2.png) no-repeat left top;	display:block; list-style-type:none; width:245px; height:72px;}
#leftnav li a.btn2:hover{	background:transparent url(grafika/nav/leftnavb2hover.png) no-repeat left top;}
#leftnav #currentpageb2 a{	background:transparent url(grafika/nav/leftnavb2hover.png) no-repeat left top;}
#leftnav li a.btn3{	background:transparent url(grafika/nav/leftnavb3.png) no-repeat left top;	display:block; list-style-type:none; width:245px; height:69px;}
#leftnav li a.btn3:hover{	background:transparent url(grafika/nav/leftnavb3hover.png) no-repeat left top;}
#leftnav #currentpageb3 a{	background:transparent url(grafika/nav/leftnavb3hover.png) no-repeat left top;}
#leftnav li a.btn4{	background:transparent url(grafika/nav/leftnavb4.png) no-repeat left top;	display:block; list-style-type:none; width:245px; height:67px;}
#leftnav li a.btn4:hover{	background:transparent url(grafika/nav/leftnavb4hover.png) no-repeat left top;}
#leftnav #currentpageb4 a{	background:transparent url(grafika/nav/leftnavb4hover.png) no-repeat left top;}
#leftnav li div.end{	background:transparent url(grafika/nav/leftnavend.png) no-repeat left top;	display:block;	list-style-type:none; width:245px; height:19px; text-indent:0px;}

/*** NAV TOP ***/
#topnav{	vertical-align: top; text-align:left; width:900px; height:92px; padding:0px; position:absolute; top:3px; left:-3px; z-index:4; }
#topnav li{	display: inline;	list-style-type: none; float:left;}
#topnav li a{	display: block;	overflow: hidden;	height:92px; font-size:16px;	cursor: pointer; color:#FFF; line-height:86px; text-indent:10px; text-shadow: -1px 0 black, 0 0px black, 0px 0 black, 0 0px black;}
#topnav li a span{	display:block;	height:92px;}
#topnav li a.zero{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll 0px 0px;	display:block;	list-style-type:none; width:286px; height:92px; text-indent:-9999px;}
#topnav li a.zero:hover{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll 0px -92px; display:block; list-style-type:none; width:286px; height:92px; text-indent:-9999px;}
#topnav li a.naslovna{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll -286px 0px;	display:block;	list-style-type:none; width:118px; height:92px;}
#topnav li a.naslovna:hover{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll -286px -92px; display:block; list-style-type:none; width:118px; height:92px;}
#topnav li a.cjenikjela{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll -404px 0px;	display:block;	list-style-type:none; width:117px; height:92px;}
#topnav li a.cjenikjela:hover{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll -404px -92px; display:block; list-style-type:none; width:117px; height:92px;}
#topnav li a.cjenikpica{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll -521px 0px;	display:block;	list-style-type:none; width:117px; height:92px;}
#topnav li a.cjenikpica:hover{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll -521px -92px; display:block; list-style-type:none; width:117px; height:92px;}
#topnav li a.onama{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll -638px 0px;	display:block;	list-style-type:none; width:117px; height:92px; }
#topnav li a.onama:hover{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll -638px -92px; display:block; list-style-type:none; width:117px; height:92px;}
#topnav li a.kontakt{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll -755px 0px;	display:block;	list-style-type:none; width:145px; height:92px;}
#topnav li a.kontakt:hover{	background:transparent url(grafika/nav/navtop.png) no-repeat scroll -755px -92px; display:block; list-style-type:none; width:145px; height:92px;}


/*** FOOTER ***/
#footer{ width:690px; margin:0 auto; height:150px; text-align:center; clear:both;}
#footer2{width:690px; margin:0 auto; height:20px;  text-align:center; clear:both;}
#footer3{width:83px; margin:0 auto; height:66px; padding:12px; text-align:center; clear:both;}
#footernav{	vertical-align: top; text-align: left; width:690px; height:142px; padding: 0px; clear:both;}
#footernav li{	display: inline;	list-style-type: none;	float: left;}
#footernav li a{	display: block;	overflow: hidden;	height:514px;	cursor: pointer; text-indent:-9999px;}
#footernav li a span{	display:block;	height:29px;}
#footernav li a.restoran{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll 0px 0px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav li a.restoran:hover{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll 0px -142px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav #currentpage1 a{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll 0px -142px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav li a.pizzeriabas{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll -172px 0px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav li a.pizzeriabas:hover{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll -172px -142px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav #currentpage2 a{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll -172px -142px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav li a.pizzerilira{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll -344px 0px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav li a.pizzerilira:hover{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll -344px -142px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav #currentpage3 a{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll -344px -142px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav li a.bonita{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll -516px 0px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav li a.bonita:hover{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll -516px -142px;	display:block;	list-style-type:none; width:172px; height:142px;}
#footernav #currentpage4 a{	background:transparent url(grafika/nav/footernav.png) no-repeat scroll -516px -142px;	display:block;	list-style-type:none; width:172px; height:142px;}