@charset "utf-8";
/* CSS Document */

/* Global styles start */
body {
    font-family: 'PT Sans', Arial, Tahoma;
    color: #333;
    font-size: 15px;
}

html {overflow-y: hidden;}
html, body {
    margin: 0px;
    padding: 0px;
	height:100%;
}
body#page-index {position:relative;}
a {text-decoration:none;color:#c96}
a:hover {text-decoration:underline;}
a, input, label, select, a *, a:after, a:before{
    outline: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
input[type=text], input[type=date], select, textarea {
	border:1px solid #c7c7c7;	
	font-size:15px;
	font-family: 'PT Sans', Arial, Tahoma;
	color:#333;
	padding:16px;
	background:#fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
input[type=date] {
	padding:15px 16px 14px 16px;
}
input[type=text]:hover ,input[type=date]:hover, select:hover, textarea:hover {
	border:1px solid #adadad;	
}
input[type=text]:focus, input[type=date]:focus, select:focus, textarea:focus {
	border:1px solid #c96;
	color:#000;	
}
input[type=text].error, select.error, textarea.error {
	color:#c00;	
	border-color:#C00;
}

.btn, input[type=submit], a#book-table, #sitemenu ul a, a#open-map {
	padding:15px 26px 16px 26px;
	color:#fff;
	background:#c96;
	font-size:18px;
	display:inline-block;	
	border:none;
	outline:none;
	cursor:pointer;
	font-family: 'PT Sans', Arial, Tahoma;
}
.btn:hover, input[type=submit]:hover, a#book-table:hover, #sitemenu nav a:hover, a#open-map:hover {
	background:#963;
	text-decoration:none;
}
a#book-table, #sitemenu ul a, a#open-map {
	border:1px solid rgba(255,255,255,.7);	
}
#mobilemenu {display:none}
#sitemenu ul {
	float:left;
}
#sitemenu aside {
	float:left;
	margin:5px 0 0 9px;
}
#sitemenu ul li {
	display:inline-block;	
}
#sitemenu ul a {
	background:none;
	font-size:26px;	
	padding:9px 15px 10px 15px;
	display:inline-block;
}
a#book-table, a#open-map {background:rgba(0,0,0,.4);}
a#book-table:hover, #sitemenu ul a:hover, #sitemenu ul a.active, a#open-map:hover {
	border:1px solid #963;
	color:#000;	
	background:#c96;
	text-decoration:none;
}
#sitemenu aside a {
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../img/social-icons.png) left top no-repeat;
	text-indent:-9999px;
}
#sitemenu aside a.fb {background-position:15px 13px;}
#sitemenu aside a.tw {background-position:-36px 13px;}
#sitemenu aside a.fb:hover {background-position:15px -38px;}
#sitemenu aside a.tw:hover {background-position:-36px -38px;}
#lang {
	position:absolute;
	top:0;
	right:0;
	text-transform:uppercase;
	font-size:12px;	
}
#lang a {
	color:#fff;
	opacity:.6;
	padding:0 0 0 12px;	
}
#lang a.active, #lang a:hover {
	opacity:1;
	text-decoration:none;
}
#sitemenu section, #content #sitemenu section {clear:left;padding-top:0;}
#sitemenu section a {
	display:inline-block;
	padding:9px;
	font-size:14px;
	opacity:.7;
	color:#fff;
	margin-top:4px;
}
#page-index #sitemenu section a:first-child {
	padding-left:0;
}
#sitemenu section a.active, #sitemenu section a:hover {opacity:1;text-decoration:none;}

#bg-cover {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:-3;}
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

#slidecaption {
	color:#FFF;
	position:absolute;
	bottom:130px;
	width:500px;
	text-transform:uppercase;
	font-size:38px;
	left:50%;
	margin-left:-250px;
	text-align:center;
}
#slidecaption em {
	display:block;
	text-transform:none;
	font-size:21px;	
}
#slidenav, #swipebox-nav {
	position:absolute;
	bottom:46px;
	width:101px;
	margin-left:-50px;
	left:50%;	
	z-index:9;
}
#swipebox-nav {bottom:26px;}
#prevslide, #nextslide, #swipebox-prev, #swipebox-next {
	float:left;
	height:50px;
	width:50px;
	background-image:url(../img/slidernav.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
}
#swipebox-prev, #swipebox-next {
	background-image:url(../img/slidernav.png) !important;
	background-color:rgba(0,0,0,.1);
}
#prevslide, #swipebox-prev { 
	background-position:18px 10px;
}
#nextslide, #swipebox-next {  
	background-position:-30px 10px;
	border-left:1px solid rgba(255,255,255,.5);
}
#prevslide:hover, #nextslide:hover, #swipebox-prev:hover, #swipebox-next:hover { cursor:pointer;background-color:#fff; }
#prevslide:hover, #swipebox-prev:hover { background-position:18px -50px }
#nextslide:hover, #swipebox-next:hover { background-position:-30px -50px}

header, footer {position:relative;}
body#page-index header, body#page-index footer {position:absolute;left:46px;right:46px;}
header {top:46px;}
footer {bottom:46px;clear:both}
a#logo {
	background:url(../img/logo.png) center center no-repeat;
	width:132px;
	height:167px;
	display:inline-block;
	text-indent:-9999px;	
}
body#page-index a#logo {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-66px;	
}
footer p {position:absolute;right:0;bottom:0;font-size:12px;color:#fff;opacity:.5}

body#page-inner { 
  	background:no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-y: scroll;
}

#content, #page-inner footer {
	margin:0 auto;
	width:1100px;
}
#page-inner footer {
	bottom:auto;
	padding:90px 0 46px 0;
	clear:both;
}
#page-inner footer p {
	bottom:66px;
}
#page-inner header {
	float:left;
	width:220px;
	text-align:center;
	padding-bottom:90px;
}
#page-inner header a#logo {
	top: 0;
	position: absolute;
	left: 45px;
}
#page-inner header #sitemenu {
	margin-top:190px;
}
#page-inner header #sitemenu ul {
	float:none;	
	padding-bottom:12px;
}
#page-inner header #sitemenu li {
	display:block;	
	text-align:center;
	margin-bottom:5px;
}
#page-inner header section a {
	display:block;	
	padding:6px 0;
	margin-top:0;
}
#page-inner header aside {
	float:none;
	margin:0 0 0 0;
	position:absolute;
	bottom:46px;
	left:65px;
}
#page-inner header #lang {
	position:absolute;
	right:-877px;	
}
#page-inner #book-table {position:fixed;left:50%;margin-left:-534px;bottom:50px;}
#page {
	float:right;
	width:820px;	
	padding:46px 0 0 0;
}
#page-content {
	background:#fff;
	padding:50px;
	font-size:15px;
	color:#333;	
	min-height:200px;
	position:relative;
}
#page-title {
	font-size:21px;
	color:#fff;	
	padding-bottom:30px;
}
#page-menu a {
	display:inline-block;
	font-size:18px;
	color:#fff;
	padding:14px 20px;
}
#page-menu a:hover, #page-menu a.active {
	background:#fff;
	color:#c96;
	text-decoration:none;
}	
#page h2 {
	color:#c96;	
	font-size:20px;
	clear:both;
	padding:10px 0 0 0;
}
#page p {
	padding:10px 0 24px 0;	
	line-height:150%;
	text-align:justify;
}
#page img {
	padding:10px 20px 10px 0;
	max-width: 100%;	
}
#page strong, #page b {font-weight:bold;}
#page em {font-style:italic;}
#page small {color:#666;font-size:13px;}
#page blockquote {
	color:#c96;
	text-align:right;
	font-style:italic;
	font-size:14px;
	padding:10px 0 30px 0;
}
#friends strong {
	color:#fff;	
	font-size:21px;
	clear:both;
	padding:60px 0 22px 0;
	display:block;
	font-weight:normal;
}
#friends-slider {
	padding:40px;
	background:#fff;	
}

.simply-scroll-container { 
	position: relative;
}
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}
.simply-scroll-list { 
	overflow: hidden;
}	
#page .simply-scroll-list li img {
	display: block;
	padding:0;
}
.simply-scroll-list li a {
	opacity:.3;
	float:left;
	width:96px;
	height:96px;
}
.simply-scroll-list li a:hover {
	opacity:1;
}
.simply-scroll { 
	width: 740px;
	height: 96px;
}
.simply-scroll .simply-scroll-clip {
	width: 740px;
	height: 96px;
}
.simply-scroll .simply-scroll-list li {
	float: left; 
	width: 96px;
	height: 96px;
	padding-right:40px;
}
#gallery {
	font-size:0;
	margin-bottom:-60px;	
}
#gallery li {
	width:200px;
	padding-right:60px;
	padding-bottom:60px;	
	display:inline-block;
	vertical-align:top;
}
#gallery li:nth-child(3n+3) {
	padding-right:0;	
}
#gallery li a {
	display:inline-block;
	position:relative;
}
#gallery li a.video:before {
	width:90px;
	height:90px;
	position:absolute;
	content:"";
	left:50%;
	top:50%;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
	margin:-45px 0 0 -45px;	
	background-color:#000;
	opacity:.4;
	background-image:url(../img/play.png);
	background-repeat:no-repeat;
	background-position:17px 11px;
}
#gallery li a.video:hover:before {
	background-color:#fff;
	opacity:.8;
	background-position:17px -110px;
}
#gallery li a:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border:10px solid transparent;
}
#gallery li a:hover:after {
	border:10px solid #c96;
}
#page #gallery img {padding:0;}
#map {
	margin:-50px -50px 30px -50px;
	position:relative;
}
a#open-map {
	position:absolute;
	bottom:25px;
	right:25px;	
	padding:11px 22px 12px 22px;
}
#reservation {font-size:0;}
#reservation input, #reservation select, #reservation textarea {
	margin:6px;
}
#reservation textarea {width:708px;height:140px;}
#reservation input, #reservation select {
	width:228px;
}
#reservation select, #reservation input {
	-webkit-appearance:none;
	position:relative;
}
#reservation span {position:relative;display:inline-block;}
#reservation span:after {
	position:absolute;
	right:7px;
	top:7px;
	content:"";
	width:44px;
	height:53px;
	background-image:url(../img/selects.png);	
	opacity:.3;
	pointer-events:none;
}
#reservation span#reservation-date-icon:after {
	right:7px;
	top:7px;
	height:51px;
}
#reservation span:hover:after {
	opacity:.6;
}
#reservation input[type=submit] {
	display:inline-block;	
}
#reservation-date-icon:after {background-position:-8px -2px;}
#reservation-time-icon:after {background-position:-12px -55px;}
#reservation-persons-icon:after {background-position:-11px -114px;}
#reservation small {
	font-size:15px;
	padding-left:14px;
	color:#C00;	
}

#menu-icons li {
	font-size:13px;
	color:#999;	
	line-height:18px;
}
#menu-icons li img {
	padding:0 6px 0 0;
}
#currency {
	position:absolute;
	top:50px;
	right:50px;
	font-size:13px;
	color:#999;
}
ul.items-list {
	padding:24px 0 40px 0;
}
ul.items-list li {
	position:relative;
	clear:both;
}
#page-content section {
	padding-top:25px;	
	clear:both;
}
#page-content ul.items-list li strong {
	font-weight:normal;
	font-size:15px;
	color:#333;	
	padding:10px 10px 10px 0;
	float:left;
}
#page-content ul.items-list li span {
	font-size:13px;
	color:#999;	
	padding:12px 0 10px 10px;
	float:left;
	margin-left:-1px;
	border-left:1px solid #ccc;
}
#page-content ul.items-list li b {
	font-weight:normal;
	font-size:18px;
	color:#c96;	
	float:right;
	padding:8px 0 0 8px;
}
#page-content ul.items-list li small {
	float:left;
	padding:13px 0 0 5px;
}
#page-content ul.items-list li small img {
	padding:1px;
}
#page-content ul.menu li strong {
	width:300px;
	text-align:right;
	border-right:1px solid #ccc;	
}
#page-content ul.menu li span {
	width:300px;	
}
#page p.amount {
	float:right;
	font-size:12px;
	color:#999;	
	padding:0;
}
p.amount i {
	float:right;
	text-align:right;
	width:80px;
	font-style:normal;	
}
.wines b {width:80px;text-align:right;}
#page-content ul.items-list.drinks {padding:0 0 10px 0;}
#page-content ul.items-list.drinks li strong {border-right:none;width:500px;display:block;float:none;}
#page-content ul.items-list.drinks li small {
	font-size:14px;
	color:#c96;	
	display:block;
	float:none;
	padding:5px 0 0 0;
}
#page-content ul.items-list.drinks.wines li small {
	padding:10px 0 4px 0;
}
#page-content ul.items-list.drinks li span {
	border-left:none;
	font-size:13px;
	color:#999;	
	display:block;
	float:none;
	padding:0 0 0 0;
	margin-top:8px;
}
#page-content ul.items-list.drinks li b {
	position: absolute;
	top: 0;
	right: 0;
}
#page-content ul.items-list.drinks li b:nth-last-child(2) {
	right: 80px;
}
	
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/* Responsive stuff ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	#sitemenu section a.d_tour {display:none;}
}

@media all 
and (max-width : 1170px) { 
#content {
	width: 960px;
}	
#page-inner footer {
	width: 920px;
}
#page {
	width: 700px;
	margin-right: 20px;
}
.simply-scroll, .simply-scroll .simply-scroll-clip {
	width: 620px;
}
#page-inner #book-table {
	margin-left: -454px;
}
#page-inner header {
	width: 240px;
}
#page-inner header a#logo {
	left: 53px;
}
#page-inner header #sitemenu {
	width: 240px;
}
#page-inner header #lang {
	right: -700px;
}
#page-inner header aside {
	left: 76px;
}
#page-content {
	padding: 30px;
}
#currency {
	top: 30px;
	right: 30px;
}
#map {
	margin: -30px -30px 30px -30px;
}
#page-content ul.menu li span, #page-content ul.menu li strong {
	width: 260px;
}
#page h2 {
	padding: 5px 0 0 0;
}
ul.items-list {
	padding: 14px 0 30px 0;
}
#page-content iframe {
	width:100%;	
}
#gallery li {
	padding-right: 20px;
	padding-bottom: 20px;
}
#reservation input, #reservation select {
	width: 201px;
}
#reservation textarea {
	width: 627px;
}

}

@media all 
and (max-width : 979px)  {
#page-inner header #lang {
	right: 0px;
}
#content, #page-inner header, #page-inner footer {
	width: 740px;
}
#page-inner header {
	float:none;
	top:30px;
	padding-bottom:0;
	height:176px;
}
#page-inner header a#logo {
	left: 0;
}
#page {
	float:none;
	clear:both;
	margin:0;
	width:740px;
}
#sitemenu {
	width:150px;
	text-align:center;	
	padding-bottom:45px;
	position:relative;
}
#page-inner header #sitemenu {
	margin-top: 0px;
	padding:0 0 0 155px;
	width:auto;
	text-align:left;
}
#page-inner header #sitemenu ul {
	padding-bottom:0;
}
#page-inner header #sitemenu li {
	text-align:left;
	display:inline-block;	
	margin-right: 4px;
}
#sitemenu ul a {
	margin-bottom:5px;	
}	
#sitemenu aside {
	float:none;	
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-48px;
}
#sitemenu section {padding:10px 0 0 0;}
#sitemenu section a {
	display:block;
	padding:5px 0;	
}
#page-inner header section a {
	display: inline-block;
	padding: 0 12px 0 0;
	margin-top: 0;
}
#page-inner #book-table {
	margin-left: 0;
	position:relative;
	left:auto;
}
#page-inner header aside {
	right: -10px;
	left: auto;
	top: 24px;
}
#page-inner footer {
	padding: 90px 0 0 0;
}
.simply-scroll, .simply-scroll .simply-scroll-clip {
	width: 660px;
}
#gallery li {
	padding-right: 40px;
	padding-bottom: 40px;
}
#reservation input, #reservation select {
	width: 214px;
}
#reservation textarea {
	width: 666px;
}

}

@media all 
and (max-width : 780px) {
#page-inner header {
	top: 20px;
}
#content, #page-inner footer, #page-inner header, #page {
	width: 720px;
}
body#page-inner a#logo {
	background-size:100px auto;
	width:100px;
	height:130px;
	margin-left:0;	
}
#page {
	padding:0;	
}
#page-inner header aside {
	right: 0;
}
.simply-scroll, .simply-scroll .simply-scroll-clip {
	width: 620px;
}
#page-title {
	padding-bottom: 15px;
}
#page-inner header #sitemenu {
	padding: 0 0 0 115px;
}
#gallery li {
	padding-right: 30px;
	padding-bottom: 30px;
}
#gallery {
	margin-bottom: -30px;
}
#reservation input, #reservation select {
	width: 208px;
}
#reservation textarea {
	width: 648px;
}
#map iframe {height:200px;}

}

@media all 
and (max-width : 752px) {
#page-inner header {
	top: 0px;
	left:0px;
	right:0px;
	height:140px;
	width:auto;
}
#content, #page-inner footer, #page, .simply-scroll, .simply-scroll .simply-scroll-clip {
	width:100%
}
#page-inner #sitemenu, #page-title {display:none;}
#page-menu {margin-left:20px;}
#mobilemenu {
	display:block;
	position:absolute;
	right:20px;
	top:40px;
	text-align:left;
	min-width:260px;
	z-index:10;
}
#mobilemenu span {
	font-size:22px;
	color:#fff;
	display:block;
	border:1px solid rgba(255,255,255,.4);
	cursor:pointer;	
	padding:15px 13px 13px 18px;
	position:relative;
}
#mobilemenu span:after {
	content:"";
	position:absolute;
	top:26px;
	right:15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: rgba(255,255,255,.6) transparent transparent transparent;
}
#mobilemenu span:hover {border:1px solid rgba(255,255,255,1);}
#mobilemenu a {
	display:none;
	background:#c96;
	color:#000;
	padding:20px;
	font-size:18px;
}
#mobilemenu a.active {
	background:#fff;
	color:#000;
}
#mobilemenu a:hover {
	background:#e6c6a6;
	color:#000;
	text-decoration:none;
}
#mobilemenu:hover a {display:block;}
body#page-inner a#logo {
	background-size:80px auto;
	width:80px;
	height:110px;
	left:20px;
	top:20px;
}
#page-inner header #lang {
	right: 20px;
	top:16px;
	font-size:11px;
}
#page-inner #book-table {
	margin-left: 20px;
}
#page-inner footer p {
	right: 20px;
}
#friends strong {padding-left:20px;}
#gallery li {
	padding: 2% !important;
	width: 29%;
}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
	max-height: 100% !important;
	max-width: 100% !important;
}
#reservation input, #reservation select, #reservation textarea, #reservation span {
	width: 100%;
	margin: 5px 0;
}
#reservation small {
	display:block;
	text-align:center;
}
#page-content ul.menu li span, #page-content ul.menu li strong {
	width: 70%;
	display: block;
	float: none;
	text-align:right;
	border-left:none;
	border-right:1px solid #ccc;
	margin:0;
}
#page-content ul.menu li strong {
	padding: 10px 10px 0 0;
}
#page-content ul.menu li span {
	padding: 0 10px 10px 0;
}
#page-content ul.menu.items-list li small {
	top: 0;
	right: 60px;
	position: absolute;
}
#page-content ul.items-list li b {
	top: 0;
	right: 0;
	position: absolute;
}

}

@media all 
and (max-width : 620px) {
body#page-index header {left:20px;top:10px;right:20px;}
body#page-index footer {left:20px;bottom:10px;right:20px;text-align:center;}
body#page-index a#logo {
	background-size:100px auto;
	width:100px;
	height:130px;
	margin-left:-50px;	
}
#slidecaption, #slidenav {display:none;}
body#page-index #sitemenu {
	position:absolute;
	top:137px;
	left:50%;
	margin-left:-75px;
}
body#page-index #sitemenu ul a {
	font-size:24px;	
	padding:7px 15px 8px 15px;
	margin-bottom: 3px;
}
body#page-index a#book-table {
	padding:7px 15px 8px 15px;
}
body#page-index #lang a {
	display:block;
	text-align:right;
	padding-bottom:8px;	
}
#sitemenu section {
	padding: 5px 0 0 0;
}
#sitemenu section a {
	padding: 1px 0;
}
body#page-index footer p {position:relative;padding-top:10px;}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
  max-height: 100%;
  max-width: 100%;
}
#page-content {
	padding: 10px 10px 30px 10px;
}
#map {
	margin: -10px -10px 30px -10px;
}
#currency {
	top: 10px;
	right: 10px;
}
#page-content ul.items-list.drinks li strong {
	width: -moz-calc(100% - 130px);
    width: -webkit-calc(100% - 130px);
    width: calc(100% - 130px);
}
#gallery li a.video:before {
	width: 70px;
	height: 70px;
	margin: -35px 0 0 -35px;
	background-position: 14px 9px;
	background-size:50px auto;
}
#gallery li a.video:hover:before {
	background-position: 14px -85px;
}
#gallery li a:after {
	border: 5px solid transparent;
}
#friends strong {
	padding-top: 40px;
	padding-bottom:10px; 
}

}

@media all 
and (max-height : 570px) {

#slidecaption, #slidenav {display:none;}
#page-content ul.menu li span, #page-content ul.menu li strong {
	width: 60%;
}

}

@media all 
and (max-width : 420px) {

#mobilemenu {
	width:200px;
	min-width:200px;	
}
#mobilemenu span {
	font-size:20px;
	padding-left:8px;
}

}

@media all 
and (max-height : 500px) 
and (orientation : landscape) {

body#page-index header, body#page-index footer {
	left: 20px;
	right: 20px;
}
body#page-index header {
	top: 20px;
}
body#page-index footer {
	bottom: 20px;
}
#sitemenu section {
	padding: 0 0 0 0;
}
#sitemenu section a {
	padding: 2px 0;
}
#sitemenu aside {
	position: fixed;
	bottom: auto;
	right: 10px;
	top:36px;
	left:auto;
	margin-left:0;
}

}

@media all 
and (max-height : 400px) 
and (orientation : landscape) {

body#page-index header, body#page-index footer {
	left: 10px;
	right: 10px;
}
body#page-index header {
	top: 10px;
}
body#page-index footer {
	bottom: 10px;
}
#sitemenu section a {
	padding: 1px 0;
	font-size:13px;
}
#sitemenu ul a, a#book-table {
	font-size: 20px;
	padding: 5px 13px 6px 13px;
}

}