*,html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}


html {
	height:100%;
	z-index:0;
}

.clearfix {
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
	overflow:hidden;
}

*,html,body,div,p,ul,li,table,td,span {
	font: normal 12px/22px Verdana;
	color:#ffffff;
}

strong {
font-weight:bold;
}

body {
	background:#201a19 url(../assets/bg-body.gif) no-repeat scroll center top;
	height:100%;
	text-align:center;
	z-index:0;
}


#wrapper {
	background:transparent url(../assets/bg-wrapper.jpg) no-repeat scroll center top;
	margin:0 auto;
	position:relative;
	width:850px;
}

#header {
	background:transparent url(../assets/bg-header.jpg) no-repeat scroll left top;
	height:392px;
	text-align:left;
	width:810px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.foo {
	position:absolute;
}

.alignLeft {
float:left;
margin: 0 10px 0 0;
}

.alignRight {
float:right;
margin: 0 0 5px 8px;
}

.green {
color:#c5f42b;
}

.gray {
color:#4c4443;
}

h1 {
	font: bold 24px/24px Arial;
	text-indent:-10000px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:solid 1px #4c4443;
	width:90%;
}

h1.nase-nabidka {
		background: transparent url(../assets/h1-nasenabidka.png) no-repeat scroll left top;
}
h1.o-restaurantu {
		background: transparent url(../assets/h1-orestaurantu.png) no-repeat scroll left top;
}
h1.jidelni-listek {
		background: transparent url(../assets/h1-jidelni-listek.png) no-repeat scroll left top;
}
h1.denni-menu {
		background: transparent url(../assets/h1-dennimenu.png) no-repeat scroll left top;
}
h1.nas-tym {
		background: transparent url(../assets/h1-nastym.png) no-repeat scroll left top;
}
h1.fotogalerie {
		background: transparent url(../assets/h1-fotogalerie.png) no-repeat scroll left top;
}
h1.zamestnani {
		background: transparent url(../assets/h1-zamestnani.png) no-repeat scroll left top;
}
h1.kontakty {
		background: transparent url(../assets/h1-kontakty.png) no-repeat scroll left top;
}


#twocol-left .inner .icon,
#onecol .inner .icon{
	  padding: 0 0 0 55px;
}

#twocol-left .inner .fotogalerie-icon  {
padding:0 0 0 30px;
}


.bottle {
	background: transparent url(../assets/icon-bottle.gif) no-repeat scroll left 5px ;
}

.qmark {
	background:transparent url(../assets/icon-qmark.gif) no-repeat scroll left 5px;
}


.denni-menu-icon {
	background:transparent url(../assets/icon-menu.gif) no-repeat scroll left top;
}

.zamestnani-icon {
	background:transparent url(../assets/icon-zamestnani.gif) no-repeat scroll left top;
}

.galerie-icon {
	background:transparent url(../assets/icon-galerie.gif) no-repeat scroll left top;
}

.kontakt-icon {
	background:transparent url(../assets/icon-kontakt.gif) no-repeat scroll left top;
}

.team-icon {
	background:transparent url(../assets/icon-team.gif) no-repeat scroll left top;
}

p {

}

p.hr{
	width: 90%;
	height:1px;
	color: red;
	font-size:1px;
	line-height:1px;
	background:#4c4443;
	margin: 20px 0;
}



#content {
	padding: 0px 20px 20px 20px;
	background:transparent url(../assets/bg-content.gif) no-repeat scroll center top;
	text-align:left;
}

#twocol-left {
	margin-top: 40px;
	width:450px;
	position:relative;
	float:left;
}

#twocol-right{
		padding-top: 200px;
		width:360px;
		position:relative;
		float:left;
		
}

#onecol {
	margin-top: 40px;
	width: 800px;
	position:relative;
	float:left;
}




#twocol-left .inner, #twocol-right .inner, #onecol .inner, #footer .inner {
	padding:10px;
}

#twocol-left .inner, #onecol .inner{
	padding:0 20px 0 25px;
}



/************************** header & footer content */

#logo {
	position: absolute;
	left:45px;
	top: 65px;
	z-index:10;
}

#logo a {
	display:block;
	width: 150px;
	height:120px;
	text-indent:-900%;
	text-decoration:none;
}

#menu{
float:left;
position:relative;
left:50%;
}

#menu ul{
position:relative;
left:-50%;
}

* html #menu ul{float:left;}


#menu li{
	float:left;
	padding: 38px 13px 0 13px;
	text-align:center;
}

#menu li.home{
	color: #b4ea00;
}

#menu li.current{
	background:transparent url(../assets/menu-hover.gif) no-repeat scroll center top;
}

#menu li.last{
float:left;
margin:0;
}

#menu li, #menu li a {
	font: bold 12px/12px Tahoma, Verdana;
	color: #ffffff;
	text-decoration:none;
}


#menu li a:hover, #menu li.home a {
	color: #b4ea00;
}

#footer {
	height:100px;
	width: 810px;
	margin:0 auto;
	border-top: solid 1px #434b51;
	background: transparent url(../assets/bg-footer.gif) repeat-x scroll center top;
	text-align:left;
}

#footer .inner {
	padding:5px 10px 10px 10px;
	font-size:11px; 
	color:#434b51;
}


.footlinks a, .footlinks span {
color:#434B51;
float:left;
text-decoration:none;
display:block;
padding: 0 25px;
}
.footlinks a:hover {
text-decoration:underline;
}

h2.dm-headline {
	font: bold 20px Verdana;
	height: 28px;
	color: #b4ea00;
	margin-bottom: 8px;
	text-indent: -900%;
	background: transparent url(../assets/h2-denni-menu.png) no-repeat scroll 6px top;
}

h2.doporucujeme {
	height: 28px;
	font: bold 20px Verdana;
	color: #b4ea00;
	margin-bottom: 8px;
	text-indent: -900%;
	background: transparent url(../assets/h2-doporucujeme.png) no-repeat scroll 6px top;
}

h2.form {
	height: 28px;
	font: bold 20px Verdana;
	color: #b4ea00;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	border-bottom:solid 1px #4c4443;
	text-indent: -900%;
	background: transparent url(../assets/h2-formular.png) no-repeat scroll left top;
	
}

div.box{
	position:absolute;
	top:270px;
	left: 480px;
}

p.dm-all {
width:112px;
height:28px;
background:#636977;
position:absolute;
top:280px;
left:180px;
background: transparent url(../assets/btn-dm-all-bg.gif) no-repeat scroll center top;
}

p.dm-all  a{
display:block;
color:#b1b7c2;
font: bold 12px Verdana;
text-decoration:none;
padding:6px 0 8px 31px;
background: transparent url(../assets/dm-all-arrow.gif) no-repeat scroll 13px center;
}

div#dm-box {
	width:312px;
	height:266px;
	background:transparent url(../assets/dm-box.jpg) no-repeat scroll left top;
}

div#dm-box .inner{
	padding: 30px 20px 0px 20px;
}

div#dm-box .recomm{
	padding:7px 0 0 6px;
	overflow:hidden;
}

div#dm-box p.hr{
	width: 90%;
	margin: 15px 0;
	background:#78b503;
	border-bottom: solid 1px #cffc37;
}

div#dm-box p{
	color: #3f454a;
	margin-bottom: 3px;
}

div#dm-box h3{
	color: #ffffff;
	font: bold 14px/14px Verdana;
	margin-bottom: 8px;
}

.sub {
width: 312px;
background:transparent url(../assets/bg-sub.gif) repeat-x scroll left top;
}

#twocol-right .inner  .sub .inner{
	padding: 15px;
}

h2.fotogalerie{
	font: bold 24px Verdana;
	color: #b4e217;
	margin-bottom: 8px;
	background: transparent url(../assets/h2-fotogalerie.png) no-repeat scroll left top;
	text-indent:-900%;
}

h2.fotogalerie-name{
	font: bold 18px Verdana;
	color: #b4e217;
	margin-bottom: 8px;
}
h2.archiv-galerii{
	font: bold 20px Verdana;
	color: #b4e217;
	margin-bottom: 8px;
	background: transparent url(../assets/h2-archiv-galerii.png) no-repeat scroll left top;
	text-indent:-900%;
}

.galerie-list ul{
margin:20px 0 0 0;
}

.galerie-list ul li {
float:left;
margin:0 16px 8px 0;
}

.galerie-list ul li img {
border:solid 4px #332a29;
}

.archivegallist {
margin:15px 0 0 0;
padding: 0 10px 0 10px;
}
.archivegallist .holder {
height:60px;
border-bottom:solid 1px gray;
padding:0 0 15px 0;
margin: 0 0 15px 0;
}
.archivegallist p {
line-height:normal;
margin:0;
padding:0;
}
.archivegallist h3 {
font-weight:bold;
}
.archivegallist p.datum {
color:#877C7A;
font-style:italic;
}
.archivegallist .left {
float:left;
height:60px;
width:85px;
}
.archivegallist .left img {
border:1px solid #B4E217;
margin:3px 0 0;
}

.archivegallist .last {
border:0px solid #B4E217;
}





.galthlist a {
border:1px solid #201a19;
float:left;
height:52px;
width:72px;
margin:0 20px 20px 0;
display:block;
}
.galthlist a:hover {
border:solid 1px #71992b;
}
.galthlist img {
border:solid 1px #201A19;
}

.link-gal-all  {
color:#fff;
display:block;
height:22px;
margin:0;
padding:0;
width:112px;
text-decoration:none;
background:#4a3c3b url(../assets/btn-link-gal-all.gif) no-repeat scroll left top;
font-weight:bold;
text-align:center;
}

ul.green-list {
	margin: 0 0 0 20px;
}

ul.green-list li{
	color:#B1B1B1;
	list-style: square outside url(../assets/list-arrow-gray.gif);
	margin: 0 0 15px 0;
	padding: 0 0 0 5px;
}

ul.green-list li span {
color: #b4ea00;
}


div.denni-menu h2
{
padding:0 10px 10px 0;
}

div.denni-menu h2,
div.denni-menu h2 span {
	font-weight:bold;
}

div.denni-menu li
{
padding:0 80px 5px 0;
}
div.denni-menu li span
{
font-weight:bold;
text-align:right;
right:0px;
position:absolute;
}



div.denni-menu h2 span
{
text-align:right;
width:120px;
right:0px;
position:absolute;
}

div.denni-menu {
	width:90%;
	position:relative;
}
div.denni-menu h2,
div.denni-menu ul li span
 {
	color:#afd724;
}

div.denni-menu h2 span,
div.denni-menu li {
	color:#fff;
}



/*testing purpose*/

#header-flash  {
position:absolute;
top:62px;
left:20px;
}

.teamMember {
	width: 115px;
	height: 170px;
	float: left;
	background: transparent url(../assets/img100x75-shade.gif) no-repeat scroll 10px 10px;
}

.teamGroup {
	width: 290px;
	height: 205px;
	float: left;
	background: transparent url(../assets/img285x200-shade.gif) no-repeat scroll left top;
}

.teamGroup img, .teamMember img{
	border: solid 5px #afd724;
	margin: 0 0 5px 0;
}

h2.nas-tym {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 3px 0;
}

h2.napiste-nam{
	font: bold 24px Verdana;
	color: #b4e217;
	margin-bottom: 8px;
	background: transparent url(../assets/h2-napiste-nam.png) no-repeat scroll left top;
	text-indent:-900%;
}

#kontaktform {
font-weight:bold;
}


#kontaktform .txtinput,
#kontaktform textarea,
#jobform .txtinput,
#jobform textarea
 {
color:#201A19;
padding:5px;
border:solid 1px #AFD724;
margin:0 0 10px 0;
}

#kontaktform .txtinput,
#kontaktform textarea {
width:240px;
}

#jobform .txtinput,
#jobform textarea {
width:240px;
background:#2E2928;
color:#cccccc;
}

#jobform .txtinput:focus,
#jobform textarea:focus {
background:#ffffff;
color:#333333;
}

#jobform .w350 {
	width:330px;
}

#kontaktform #btn-submit
 {
margin:5px 0 0 140px;
}

#jobform #btn-submit
 {
	margin:5px 0 0 230px;
}

form .info {
	padding-left: 5px;
}

div.w100, p.w100 {
width:100%;
}

.jidelni-listek table td {
padding:5px;
margin:0;
vertical-align:top;
line-height:16px;
}

.small {
	font-size:10px;
}

img.jlimg {
	margin: 0 0 0 10px;
}
