@charset "utf-8";
/* CSS Document */
html {height:100%;}
body {width:100%; height:100%; margin:0px; padding:0px; background:#1e2329 url('bgr-pic2.jpg') center top no-repeat fixed; background-size:cover; font-size:16px;}
.wrap {display:block; width:100%; height:100%; margin:0px; padding:0px; text-align:center;}
.logo {display:block; float:left;}
.logo img {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1em; width:100%; max-width:300px; height:auto;}
.text {display:block; float:left; margin:1%; padding:1% 5%; background:url('bgr-page.png') left top repeat; border:#dfc23d 3px solid;
text-align:left; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:1.2em; color:#353b47; text-shadow:1px 1px #FFF;}
.text a, .text a.visited {color:#333366;}
.contact {border-top:2px #af9723 dotted;}
h1 {clear:both; font-size:1.3em; color:#666;}
h2 {clear:both; font-size:1.3em; color:#af9723;}


/*MENU STYLES*/
.menublocks {display:block; margin:0; padding:10px 5px; line-height:1.4em; border-top:2px #af9723 dotted;}
.vat {font-size:0.9em; margin-top:5px; padding:5px 10px; color:#666; text-shadow:none;}

.menulist {font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:1em; width:100%; max-width:600px; vertical-align:top; border-top:1px solid #996;}
.menulist td {padding:5px;}
.menulist .border {border-bottom:1px solid #996; padding-bottom:3px;}
.menulist .borderdot {border-bottom:1px dotted #996;}
.menulist .price {width:35px;}
.menudesc {font-size:0.9em; font-style:italic; display:block; padding:0px 10px 10px 10px; line-height:1.1em;}

.tothetop {margin-left:5%; position:absolute; font-size:0.6em; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.tothetop a, .tothetop a.visited {color:#666666; text-decoration: none;}

@media screen and (max-width:800px) {
.wrap {width:100%; max-width:800px;}
.text {max-width:780px;}
}
@media screen and (max-width:480px) {
.wrap {width:100%; max-width:480px; min-width:350px;}
.text {max-width:460px; min-width:300px;}	
}
@media all and (orientation: landscape) {
  /* Target device in landscape mode */
.logo, .text {float:left;}
}
@media all and (orientation: portrait) {
  /* Target device in portrait mode */
.logo, .text {float:none;}
}