/* ---- Reset --------------------------- */
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; clear:both; }
ol, ul { list-style:none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img, img a { border:0; }
caption,th { text-align:left; }
q:before, q:after { content:''; }
a { outline:none; }
a img { border:none; }
strong, .bold { font-weight:bold; }
em { font-style:italic; }
.clearer { clear:both; }
a { cursor:pointer; }
/* ----------------------- */
body {
	font:62.5% "Times New Roman", Times, serif;
	color:#333;
	background-color:#fff;
	text-align:center;
	padding:20px 0px;
}
a, a:visited { color:#990000; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
#container {
	text-align:left;
	width:702px;
	margin:0 auto;
	z-index:0;
	background:url(images/cont-back.jpg) repeat-y 0px 422px;
}
#header {
	z-index:10;
	position:relative;
	width:702px; height:427px;
	background:url(images/head-back.jpg) no-repeat 0 0;
}
h1 {
	position:absolute;
	top:16px; right:33px;
	width:156px; height:126px;
}
h1 a {
	display:block;
	width:100%; height:100%;
	text-indent:-9999px;
	background:url(images/logo.jpg) no-repeat 0 0;
}
h1 a#teatar-l { background:url(content/teatar-logo.jpg) no-repeat 0 0; }
h1 a#gastro-l { background:url(content/gastro-logo.jpg) no-repeat 0 0; }
h1 a#plesna-l { background:url(content/plesna-logo.jpg) no-repeat 0 0; }
h1 a#glazbena-l { background:url(content/glazbena-logo.jpg) no-repeat 0 0; }
h1 a#kokteli-l { background:url(content/kokteli-logo.jpg) no-repeat 0 0; }
h1 a#moda-l { background:url(content/moda-logo.jpg) no-repeat 0 0; }
h1 a#utrka-l { background:url(content/utrka-logo.jpg) no-repeat 0 0; }
h1 a#glazba-l { background:url(content/glazba-logo.jpg) no-repeat 0 0; }
#main-menu, #jezik {
	position:absolute;
	top:397px; left:332px;
}
#jezik { left:20px; }
#main-menu li, #jezik li {
	float:left;
	margin-left:10px;
}
#main-menu li { margin-left:15px; }
#main-menu li a, #jezik li a {
	font-size:1.2em;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}
#main-menu li a:hover, #main-menu li a#main-on, #jezik li a:hover, #jezik li a#je-on  {
	color:#990303;
	text-decoration:underline;
}
#content {
	position:relative;
	width:315px;
	padding:20px 0px 20px 347px;
}
#content-d {
	overflow:auto;
	padding:20px 0px;
	background:url(images/hr.gif) repeat-x 0 0;	
}
#gal #content {
	padding:20px 30px;
	width:642px;
}
#gal #content h2 { margin-left:317px; }
#slika {
	display:block;
	position:absolute;
	width:386px; height:273px;
	top:52px; right:14px;
	padding:22px 0px 0px 24px;
	background:url(images/slika-back.jpg) no-repeat 0 0;
}
#content h2, #content-d h2 {
	text-transform:uppercase;
	color:#990303;
	font-size:3em;
	margin-bottom:10px;
}
#content h3, #content-d h3 {
	font-size:2.4em;
	margin-bottom:10px;
}
#content h3 { 
	color:#333; 
	font-size:1.7em;
	}
#content h3 span { font-size:14px; display:block; }
#content h4, #content-d h4 { 
	font-size:1.5em;
	margin-bottom:15px;
	color:#990303;
	}
#jelovnik #content h4 { 
	margin:25px 0px 5px 0px;
	padding:0px 0px 4px 5px;
	font-size:1.6em;
	border-bottom:1px solid #990303;
}
#content p, #content-d p {
	font-size:1.4em;
	margin-bottom:20px;
}
#content dl, #content ul { 
	font-size:1.4em; 
	margin-bottom:15px;
	padding-bottom:15px;
	background:url(images/hr.gif) repeat-x bottom left;
	}
#content ul { padding-bottom:0; background:none; }
#jelovnik #content dl dt, #content ul li {
	font-weight:bold;
	padding-left:8px;
	background:url(images/bullet.gif) no-repeat 0% 50%;
}
#content ul li {font-weight:normal; margin-bottom:5px; }
#content dd { margin-bottom:8px; margin-left:35px; }
#jelovnik #content dl dd { margin-left:12px; }
#gal-izb {
	margin-left:317px;
}
#gal-izb li {
	font-size:2.4em;
	margin-bottom:10px;
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #aaa18b;
}
#gal-izb li.izb-zad { border:none; }
#gal-izb li a { color:#333; }
#gal-izb li a:hover, #gal-izb li a#gal-on { color:#7a0000; }
#content #galerija {
	clear:both;
	overflow:auto;
	margin-bottom:15px;
}
#content #galerija li {
	margin:0px 8px 5px 0px;
	padding:7px 0px 0px 5px;
	float:left;
	width:143px; height:95px;
	background:url(images/gal-th-back.jpg) no-repeat 0 0;
}
#content #pag { 
	padding:5px 32px 5px 5px;
	overflow:auto;
}
#content ul#pag li { margin:0; padding:0; background:none; }
#content #pag li#pr { float:left; }
#content #pag li#slj { float:right; }
#adr-kon {
	clear:both;
	overflow:auto;
	padding:20px 30px;
	background:url(images/hr.gif) repeat-x 0 0;
}
#adr-kon h2, #adr-kon address, #adr-kon li { font-size:1.2em; }
#adr-kon h2 { margin-bottom:0.2em; }
#adr-kon ul li {
	float:left;
	color:#990000;
	margin-right:3px;
}
#footer {
	position:relative;
	padding:0px 30px;
	width:642px; height:80px;
	background:url(images/foot-back.jpg) no-repeat bottom left;
}
#footer form h2, #news label {
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;
	color:#555;
	margin:0px 0px 8px 4px;
}
#footer form input, #content input, #content textarea {
	display:block;
	margin-bottom:10px;
	border:1px solid #b5b9b9;
	width:200px;
	padding:2px 0px;
	text-align:center;
	color:#555;
	font:1.2em "Times New Roman", Times, serif;
}
#footer form input:hover, #footer form input:focus, #content form input:hover, #content form input:focus, #content form textarea:hover, #content form textarea:focus { border-color:#888; }
#footer form input.sub, #content form input.sub {
	border:none;
	width:auto; height:auto;
	display:inline;
	margin:0; padding:0;
	float:right;
}
#content form input.sub { float:none; }
#pri { width:200px; float:left; }
#pri label { display:none; }
#news {
	float:left;
	width:350px;
	margin-left:56px;
}
#news label, #content label { display:block; }
#news label.ch-txt {
	width:210px;
	font-size:1.1em;
	color:#333;
	font-weight:normal;
	text-transform:none;
	margin:0;
	cursor:pointer;
}
#footer form input#uvj {
	border:none;
	width:auto;
	float:left;
	width:14px; height:14px;
	margin-right:5px;
}
#news input.sub {
	position:relative;
	top:2px; right:148px;
}
#news p {
	position:relative;
	left:0px; bottom:-19px;
	margin:0;
	font-size:1.2em;
	color:#555;
	text-decoration:underline;
}
#face {
	position:absolute;
	top:12px; left:30px;
}
#face p {
	margin-bottom:5px;
	font:1.1em Arial, Helvetica, sans-serif;
}
#face a {
	display:block;
	width:86px; height:22px;
	text-indent:-9999px;
	background:url(images/face-link.gif) no-repeat 0 0;
}
#inf-b {
	width:314px; height:340px;
	overflow:auto;
	position:relative;
	outline:none;
	padding-right:15px;
	z-index:0;
}
#gio-izb, #nov {
	float:left;
	width:260px;
	margin-left:30px;
	outline:none;
}
#nov {
	float:right;
	margin-left:0;
	width:345px;
	padding:0px 0px 0px 15px;
	margin-right:25px;
	background:url(images/hr-v.gif) repeat-y 0 0;
}
#nov h2 { margin-left:15px; }
#gio-izb ul {
	float:left;
	width:130px;
	font-size:1.6em;
	margin-bottom:40px;
}
#gio-izb ul li { margin-bottom:8px; }
#gio-izb ul li a { color:#333; }
#gio-izb ul li a:hover { color:#990303;}
#nov div {
	padding:0px 15px 5px 15px;
	margin-bottom:20px;
	background:url(images/hr.gif) repeat-x bottom left;
}
#nov div.nov-z { background:none; margin-bottom:5px; padding-bottom:0; }
#nov p.nov-dat {
	margin-bottom:0;
	font:1.2em Arial, Helvetica, sans-serif;	
}
#nov h3 {
	color:#990303;
	font-size:1.6em;
	margin-bottom:0;
}
#nov div div {
	margin:0; padding:0;
	background:none;
	clear:both;
}
a.down-l {
	font-size:1.4em;
	padding-bottom:15px;
	background:url(images/pdf-str.gif) no-repeat 50% 100%;
}
a.down-l:hover { text-decoration:none; }
#content dl.dl-z { background:none; margin:0; }
.scrollgeneric {
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:0; left:0;
}
.vscrollerbase {
	width:7px;
	background:url(images/scroll.gif) repeat-y 0 0;
}
.vscrollerbar {
	background:url(images/scroll-str.gif) no-repeat 1px 0px;
	width:7px;
	height:21px !important;
}
#main-menu ul {
	position:absolute;
	top:-999em;
	margin:0;
	padding:6px 10px 0px 10px;
	width:144px; /* left offset of submenus need to match (see below) */
	height:254px;
	z-index:9999;
	background:url(images/submenu-b.gif) no-repeat 0 0;
}
#main-menu ul li {
	width:100%;
	padding:9px 0px; margin:0;
	background:url(images/sub-hr.gif) repeat-x bottom left;
}
#main-menu ul li.sub-z { background:none !important; }
#main-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
#main-menu li { position:relative; }
#main-menu a {
	display:block;
	position:relative;
}
#main-menu li:hover ul, #main-menu li.sfHover ul {
	left:-46px;
	top:2em; /* match top ul list item height */
	z-index:99;
}
ul#main-menu li:hover li ul, ul#main-menu li.sfHover li ul {
	top:-999em;
}
ul#main-menu li li:hover ul, ul#main-menu li li.sfHover ul {
	left:164px; /* match ul width */
	top:0;
}
ul#main-menu li li:hover li ul, ul#main-menu li li.sfHover li ul { top:-999em; }
ul#main-menu li li li:hover ul, ul#main-menu li li li.sfHover ul {
	left:164px; /* match ul width */
	top:0;
}
#main-menu ul li a {
	font-size:1em;	
	font-weight:bold;
	text-align:center;
}
#main-menu ul li a:hover { text-decoration:none; }
#kon-f fieldset {
	padding-top:15px;
	margin-bottom:7px;
	background:url(images/hr.gif) repeat-x top left;
}
#kon-f label {
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;
	color:#555;
	margin:0px 0px 8px 4px;
}
#kon-f input { text-align:left; padding:2px; }
#kon-f textarea {
	width:200px; height:120px;
	padding:2px;
	overflow:auto;
	text-align:left;
}
div.karta img { margin-bottom:15px; }
div.karta a.down-l { margin-left:317px; }
#logotip {
	clear:both;
	padding:10px 0px 0px 0px;
}
#logotip li {
	height:80px;
	float:left;
	margin-right:8px !important;
	margin-bottom:10px !important;
}
#nov-st {
	float:right;
}
#nov-st li {
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
}
#cont-left, #cont-right {
	float:left;
	width:320px;
}