/* CSS Document */

.socialmedia a.goreservate { width: 52px; height: 66px; margin-left: -1px; background: url(../images/navbuttons.png) no-repeat left top; }
.socialmedia a.goreservate:hover { background-position: left -66px; }

/* homepage suninfo */
.suninfo { width: 95px; z-index: 80; text-align: center; color: black; position: absolute; top: 57px; right: 5%; }
.suninfo img { display: block; margin: 8px auto 0 auto; }
.suninfo img.openhours { margin: 0 auto 25px auto; }
.suninfo h2 { font-size: 12px; }
.suninfo h3 { font-size: 10px; margin: 8px 0 2px 0; }
.suninfo p { font-size: 21px; }
.suninfo p.gps { font-size: 13px; line-height: 21px; color: white; margin-top: 24px; }

/* home overbreak-1 */
.borderdivider { position: absolute; top: -20px; min-height: 20px; width: 100%; display: block; overflow: hidden; background: url(../images/predel1.png) repeat-x left top; }
.overbreak-1 { width: 100%; min-height: 416px; background: url(../images/homedivider1.jpg) repeat left top; padding: 0; color: #33250b; text-align: center; }
.gopage { max-width: 1111px; margin: 0 auto; padding: 50px 0 0 0; }
.gopage h2 { font-weight: normal; margin: 24px 0 10px 0; font-size: 30px; font-family: 'Museo Sans 500'; }
.gopage p  { font-size: 14px; line-height: 24px; padding-bottom: 70px; }
.gopage .gotaste p  { padding-bottom: 70px; }
.gopage a { font: 14px 'Futura Md BT'; font-weight: bold; display: block; padding: 15px 15px 17px 15px; max-width: 160px; background: rgba(125,121,93,0.2); border-radius: 10px 10px 0 0; margin: 0 auto; transition: background 0.3s; -moz-transition: background 0.3s; -webkit-transition: background O.3s; -o-transition: background 0.3s; }
.overbreak-1 .gopage div.gowatch { margin-left: 0; }
.gopage .gotaste a { background: rgba(125,121,93,0.5); }
.gopage .gogroove a { background: rgba(125,121,93,0.8);}
.gopage a:hover { background: #000; color: white; }
.overbreak-1 .gopage div { max-width: 480px; float: left; text-align: center; font: 30px 'Museo Sans 500'; margin-left: 30px; padding: 0 20px; }
.gopage:after { content: ""; display: table; clear: both; }

/* home overbreak-2 */
.clona { width: 100%; height: 15%; position: absolute; bottom: -15%; background: url(../images/transparentorange.png) repeat left bottom; }
.overbreak-2 { width: 70%; max-width: 711px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; }
.overbreak-2 h2 { color: #e0ded0; font: 45px 'Museo Sans 500'; line-height: auto; margin-bottom: 15px; }
.overbreak-2 p { font: 16px 'Museo Sans 500'; font-weight: normal; line-height: 26px; }
#rmglogo { display: block; margin: 22px auto 22px auto; }
.overbreak-2 a { display: block; font: 14px 'Futura Md BT'; font-weight: bold; max-width: 195px; padding: 15px 0 17px 0; margin: 30px auto 0 auto; color: white; background: rgba(0,0,0,0.6); border: 1px solid #808080; border-radius: 10px; transition: background 0.3s; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; -o-transition: background 0.3s; }
.overbreak-2 a:hover { background: #fff; color: black; }

/* home overbreak-3 */
.clona2 { height: 57px; width: 100%; position: absolute; background: url(../images/predel2.png) repeat left top; top: -4px; }
.loftheader { max-width: 1111px; text-align: center; margin: 0 auto; padding: 10% 0 0 0; }
.loftheader img { margin: 0 auto 20px auto; display: block;  }
.loftheader h2 { color: #a8b68d; font: 45px 'Museo Sans 500'; }
.loftheader h3 { color: #fff; font: 18px 'Museo Sans 500'; margin-bottom: 20px; }
.loftheader h4 { color: #fae98b; font: 16px 'Museo Sans 500'; margin-bottom: 6px; }
.loftheader p { color: #fff; font: 14px 'Museo Sans 500'; line-height: 21px; }
.loftboxes { max-width: 730px; margin: 0 auto; }
.loftboxes div { float: left; max-width: 350px; }
.loftboxes div:first-child { text-align: right; margin-right: 30px; }
.loftheader a { clear: both; display: block; font: 14px 'Futura Md BT'; font-weight: bold; max-width: 195px; padding: 15px 0 17px 0; margin: 45px auto 0 auto; color: white; background: rgba(250,233,139,0.4); border-radius: 10px; transition: background 0.3s; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; -o-transition: background 0.3s; }
.loftheader a:hover { color: black; background: rgba(250,233,139,0.9); }

/* news */
.newsitems { width: 60%; max-width: 900px; height: 55%; overflow: hidden; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.newsitems a { display: block; width: 33px; height: 35px; background: url(../images/activepoint-home.png) no-repeat left -35px; }
.newsitems a:hover { background-position: left top; }
.newsitems div { position: absolute; }
.new1 { top: 10%; left: 5%; }
.new2 { top: 0%; left: 95%; }
.new3 { top: 25%; left: 50%; }
.lightbox { display: none; }
.lightbox img { display: block; margin-bottom: 20px; }
.lightbox h2 { color: #fff; font-size: 21px; line-height: 26px; padding-bottom: 6px; }
.lightbox p { color: #fff; font: 13px; line-height: 18px; max-width: 500px; }
.lightbox a { text-decoration: underline; }