@import url("../webfonts/walkway-bold/font.css");

body                          { font-size:14px;  font-weight:normal; color:#777; font-family: Verdana, Geneva, sans-serif; }
h1                            { font-size:1.9em; font-weight:normal; color:#69C; padding:0; margin:0 0 0.5em 0; font-family: walkway-bold, Verdana, Geneva, sans-serif; line-height:1em; }
p                             { font-size:1.0em; font-weight:normal; margin:0 0 1em 0; }
a                             { text-decoration:none; outline:none; }

blockquote                    { padding:10px 60px 10px 60px; margin:0 0 1.6em 0; background:#F2F2F2; border-left:8px solid #F90; position:relative; }
blockquote:before             { content: "\201C"; font-family:arial; line-height:0.8em; font-size: 8em; position: absolute; top:0px; left:10px; color: #BBB; }
blockquote:after              { content: "\02EE"; font-family:arial; line-height:0.8em; font-size: 8em; position: absolute; bottom:-0.5em; right:10px; color: #BBB; }

blockquote p                  { padding:0; margin-top:1em; font-style:italic; color:#555; }
blockquote p:first-child      { margin-top:0em; }
blockquote footer             { color:#F90;}


.section                      { overflow:hidden; margin-bottom:20px; }
.section:last-child           { margin-bottom:0; }

/* BODY */
body                         { padding:0; margin:0; background:#8CE; }
body                         { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

.container                   { width:100%; min-width:50px; max-width:800px; margin:0 auto; background:#FFF }
.container-padded            { padding:0 3%; }
#header                                       { text-align:center; background:#8CE }
#header .logo img                             { width:90%; height:auto; padding:10% 0; }
/* PROMO */
#promo { position:relative; }
#promo .logo {
  position:absolute;
  z-index:100;
  width:90%;
  padding:2% 5%;
  top:30%;
  //background:rgba(0,0,0,0.5);
}
#promo img { 
  width:100%;
  height:auto;
}
/* FOOTER */
#footer                                             { background:#444; padding-top:20px; padding-bottom:20px 0; text-align:center }
#footer a                                           { color:inherit; }
#footer .widget                                     { color:#CCC; font-size:1.1em; width:75%; margin:0 auto 2em auto }
#footer .widget:last-child                          { margin-bottom:0; }
#footer .widget h1                                  { font-size:1.4em; color:#FFF; margin-bottom:0.4em; border-bottom:1px solid #FFF;  line-height:2em; margin: 0 auto 1em auto}

#footer .widget.social_networking a                 { display:inline-block; zoom:1; width:36px; height:36px; margin:0 6px 6px 0; background-position:left; }
#footer .widget.social_networking a:hover           { background-position:right; }
#footer .widget.social_networking a.ebay            { background-image:url(../social_networking_icons/ebay.png) }
#footer .widget.social_networking a.email           { background-image:url(../social_networking_icons/email.png) }
#footer .widget.social_networking a.facebook        { background-image:url(../social_networking_icons/facebook.png) }
#footer .widget.social_networking a.instagram       { background-image:url(../social_networking_icons/instagram.png) }
#footer .widget.social_networking a.twitter         { background-image:url(../social_networking_icons/twitter.png) }

#footer .widget.opening_times                       { }
#footer .widget.opening_times table                 { width:100%; border-collapse:collapse; color:inherit; }
#footer .widget.opening_times table tr              { border-bottom:1px dotted #AAA; }
#footer .widget.opening_times table tr:last-child   { border-bottom:none; }
#footer .widget.opening_times .col1                 { width:40%; text-align:left; }
#footer .widget.opening_times .col2                 { width:60%; text-align:right;}

#footer .widget.phone_numbers                       { }
#footer .widget.phone_numbers table                 { width:100%; border-collapse:collapse; color:inherit; }
#footer .widget.phone_numbers table tr              {  }
#footer .widget.phone_numbers table tr:last-child   { }
#footer .widget.phone_numbers .col1                 { width:40%; text-align:left; }
#footer .widget.phone_numbers .col2                 { width:60%; text-align:right;}
  #main { padding-top:20px; }
  .slideshow {width:100%; }
  .slideshow img { width:100%; height:auto; }