* {margin:0;padding:0;border:0}
html {height:100%;width:100%}
body {font-family:Verdana, Geneva, sans-serif;font-size:12px;text-align:center;color:#fff}
.clear {clear:both}
#wrapper {width:1000px;margin:0 auto 20px auto;text-align:center}
a,a.visited,a.active {color:#fff;text-decoration:none}
a:hover {text-decoration:underline}
.ponuka {list-style:square;margin-left:30px}

p {padding:0 20px 10px 0}

h1 {width:278px;height:141px;background:url(img/tastymedia-logo.png) no-repeat;margin:0 auto}
h1 a:link, h1 a:visited {display:block;width:278px;height:141px;text-indent:-9000px;text-decoration:none;overflow:hidden}

#menubutton {background:url(img/menu.png) no-repeat;width:182px;height:30px;display:block;margin:0 auto;padding-bottom:170px;text-indent:-9000px}


h3 a:link, h3 a:visited {width:182;height:30px;display:block}

#vertical_slide {background:#444444 url(img/menu-bg.png) bottom center no-repeat;color: #fff;padding: 10px;font-weight: bold;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}
ul#menu li a:link, li a:visited {display:block;width:100%;height:32px;margin:2px;text-indent:-9000px;margin:0 auto}
ul#menu li:hover {background:#fff}

.onas {background:url(img/onas.png) center no-repeat}
.onas a:hover {background:url(img/onas-hover.png) center no-repeat}
.projekty {background:url(img/projekty.png) center no-repeat}
.projekty a:hover {background:url(img/projekty-hover.png) center no-repeat}
.klienti {background:url(img/klienti.png) center no-repeat}
.klienti a:hover {background:url(img/klienti-hover.png) center no-repeat}
.kontakt {background:url(img/kontakt.png) center no-repeat}
.kontakt a:hover {background:url(img/kontakt-hover.png) center no-repeat}

ul {list-style:none}
.content li {padding:3px 0;margin-left:37px}
.content p {margin-left:37px;}
.content {margin-top:100px;background:#444444 url(img/top.png) top center no-repeat;text-align:left;}
.content-bottom {background:url(img/menu-bg.png) top center no-repeat;height:28px}
h2.contact {font-size:14px;margin:25px 20px;background:url(img/kontakt.png) 0 15px no-repeat;display:block;height:42px;width:100px;text-indent:-9000px}
h2.klienti {font-size:14px;margin:25px 12px;background:url(img/klienti.png) 0 15px no-repeat;display:block;height:42px;width:100px;text-indent:-9000px}
h2.onas {font-size:14px;margin:25px 12px;background:url(img/onas.png) 0 15px no-repeat;display:block;height:42px;width:100px;text-indent:-9000px}
h2.projekty {font-size:14px;margin:25px 20px;background:url(img/projekty.png) 0 15px no-repeat;display:block;height:42px;width:100px;text-indent:-9000px}

.znacky {float:left;margin-right:50px;height:250px}
.media {float:left;margin-right:50px;width:200px}
.clients {float:left;margin-right:50px}
#events {margin-left:37px}
#events img {float:left;margin-right:30px;}

#accordion {margin:0 37px}
#accordion ul {margin:20px 0}
#accordion li {list-style:none;display:inline;margin:0 20px 0 0}

li.toggler {
	cursor: pointer;
	color: #fff;
	margin: 0 0 4px 0;
	padding: 3px 0 1px;
}
div.element p, div.element h4 {
	margin:10px 0;
}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}