/*****************************************
********** Code by Inferi*****************
********www.bluesrockcafe.cz**************
******************************************
*************Remake 2009******************
*****************************************/

/* Left boxes */
div.leftbox{
	margin-bottom: 8px; padding: 3px;
	border: 1px solid #660000;	
	background-color: #990000;
	text-align: center;
}


/* Opening time table */
table.opening{
	font-weight: bold;
}

table.opening td{
	border-collapse: collapse;	
	text-align: right;	
}

table.opening td.wider{
	width: 160px;	
}


/* Link to partners */
div.leftbox a.partners{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}


/* simple text */
div.text{
	margin: 5px 20px 20px 20px;
	text-align: justify;
}


/* table for menu */
table.menuItems{
	margin: 5px 20px 30px 20px;
	border-collapse: collapse;
	border: 1px solid #660000;
}

table.menuItems{
	border-collapse:collapse;
	background-color: #FC6;
	color: #000;
}


table.menuItems td{
	border-collapse: collapse;
	vertical-align: middle;
	padding: 5px 0px 5px 0px;
}

table.menuItems td.firstDM{
	text-align: left;
	padding-left: 5px;
	width: 60px;
}

table.menuItems td.secondDM{
	text-align: left;
	width: 405px;
}

table.menuItems td.thirdDM{
	text-align: right;
	padding-right: 5px;
	width: 80px;
}

table.menuItems td.firstCHL{
	text-align: left;
	padding-left: 5px;
	width: 60px;
	vertical-align: text-top;
}

table.menuItems td.secondCHL{
	text-align: left;
	width: 470px;
	font-weight: bold;
	vertical-align: text-top;
}

table.menuItems td.thirdCHL{
	text-align: right;
	padding-right: 5px;
	width: 110px;
	font-weight: bold;
	vertical-align: text-top;
}

table.menuItems td.firstAC{
	text-align: left;
	padding-left: 5px;
	width: 80px;
	font-weight: bold;
	vertical-align: middle;
}

table.menuItems td.secondAC{
	text-align: left;
	width: 530px;
	font-weight: normal;
	vertical-align: text-top;
}

table.menuItems tr.headAC{
	text-align: left;
	background-color: #990000;
	color: #FC0;
	font-weight: bold;
	font-size: 12px;
}

/* food menu and drink menu table and list*/
ul.items{
	text-align: left;
	padding: 0px 0px 0px 16px;
	font-size: 12px;
	font-weight: bold;
}

ul.items li a{
	color: #FFFFFF;
	text-decoration: none;
}

ul.items li a:hover{
	color: #FF0;
}

span.description{
	font-size: 10px;
}

/* action aside table */
table.actionsHint{
	font-weight: bold;
	width: 250px;
}

table.actionsHint td{
	border-collapse: collapse;	
	text-align: left;	
}

table.actionsHint td.wider{
	text-align: justify;
	width: 160px;	
}


/* Contact table */
table.contact{
	position: relative; margin: 10px auto 15px auto;
	text-align: center;
	
	width: 500px;
	border: 1px solid #660000;
	border-collapse: collapse;
}

table.contact td{
	vertical-align: top;
	text-align: left;
	border-collapse: collapse;
}

table.contact td.description{
	padding: 4px;
	background-color: #990000;
	font-weight: bold;
	width: 150px;
}

table.contact td.contactInfo{
	padding: 4px 10px 4px 10px;
	background-color: #FC6;
	color: #000;
}


/* contact form link */
a.contactLinks{
	color: #FF0;
	font-weight: bold;
	text-decoration: none;
}

a.contactLinks:hover{
	color: #000;
	text-decoration: underline;
}


/* galery thumbnail */
img.galeryThumb{
	width: 80px; height: 80px;
	margin: 10px 5px 10px 20px;
	float: left;
	background-color: #000; 
	border: 2px solid #000;
}

a.galeryLink{
	color: #FC3;
	text-decoration: underline;
}

a.galeryLink h3{
	text-decoration: underline;
}

a.galeryLink:hover{
	color: #FFF;
}

div.galeryThumb{
	margin: 10px 20px 25px 20px;
	float: right; width: 430px;
	text-align: left;
}

div.redBox{
	border: 1px solid #660000;
	background-color: #990000;
	margin: auto auto 10px auto;
	width: 580px;
}

div.redBox:hover{
	background: #590000;
}

div.galeryClear{
	clear: both;	
}


/* album images table */
table.album{
	border-collapse: collapse;
	margin: 10px 20px 10px 20px;
	width: 540px;
	vertical-align: middle;
	text-align: center;
}

table.album td{
	vertical-align: middle;
	text-align: center;
	border-collapse: collapse;
}

table.album td img.albumThumb{
	border: 5px solid #FFF;
	border-bottom: 20px solid #FFF;
}


/* partners table */
table.partners{
	text-align: center; margin: 0px auto 10px auto;
	width: 560px;
	vertical-align: middle;
	border-collapse: collapse;
	background-color: #990000;
	border: 1px solid #660000;
}

table.partners td{
	border-collapse: collapse;
	vertical-align: middle;
	text-align: left;
}

table.partners td.logo{
	width: 180px;	
}

table.partners  span.partnersInfo{
	font-size: 11px;	
}

table.partners td a{
	color: #FF0;
}


/* guestbook */
table.guestbook{
	margin: 10px auto 10px auto;
	border: 1px solid #660000;
	border-collapse: collapse;
	background-color: #990000;
	width: 544px;
}

table.guestbook td{
	vertical-align: top;
	border-collapse: collapse;	
	text-align: left;
	padding: 5px;
}

table.guestbook a img{
	border-width:0px;
}

table.guestbook td.noteInfo{
	background-color: #FC3;
	color: #000;
	font-weight: bold;
}

table.guestbook td.noteInfo div.date{
	font-weight: normal;
	font-size: 12px;
}

table.guestbook td div.adminAnswer{
	color: #FF0;
	font-weight: bold;
	font-size: 11px;
}

table.guestbook td.note{
	font-size: 12px;
}


table.guestbook textarea{
	height: 150px;	
}


/* #######################################*/
/*---------------galerie------------------*/
.card{
	float: left;
	width: 156px;
	height: 180px;
	margin: 10px 20px 20px 15px;;
	padding: 3px 0;
	text-align: center;
	background: #fff;
	border: 1px solid #000;	
  }
  
.card:hover{
	background: #FC6;
  }

  
.card-photo {
	margin: 0px auto; padding: 3px;
	width: 150px;
  	height: 150px;
	border: none;
	}

.card-photo img{
	border: 1px solid #000;
	}

.card-desc {
	margin: 0; padding:0;
	text-align: center;
	font-size: 90%;
	}

/* #######################################*/
/*---------------formulare------------------*/

form {
  margin: 1em;
  padding: 0;
  font-size: 100%;
}

form fieldset {
  font-size: 100%;
  border-width:0px;
  border-top: 1px solid #dccf00;
  padding: 10px;
  color:#ffffff;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 90%;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0 5px;
  color:#ffffff;
}

label {
  font-size: 100%;
  padding:0.2em 0 0 0;
}

input, select, textarea {
  margin:0.2em 0;
  font:small verdana,arial;
  font-size: 100%;
  color: #000000;
  border: 1px solid #dccf00;
}

textarea {
  font-size: 100%;
  overflow: auto;
}

form em{
  color:#b0b0b0;
  font-weight:bold;
}

form strong{
	color:#dccf00;
}


form label {
  display: block;
  float: left;
  width: 160px;
  padding: 0px 15px 0px 5px;
  margin: 0 10px 0px 0;
  text-align: left;
}


.checkbox{
	border-width:0px;
}

form fieldset input.error, form fieldset select.error, form fieldset textarea.error{
  background-color:#f4bab2;
  border:1px solid #ff0000;
}

p.error{
  color:#ff0000;
  font-weight:bold;
}

input.button{
	border: 1px solid #dccf00;
	background:#dccf00 url(shadow.png) repeat-x bottom left;
	color:#000000;
	font-weight:bold;
	padding:0.3em 1em;
}

p.printData{
	display: none;	
}

h2.printH2{
	display: none;
}