
@import url("/pages/menucss?ts=");
/* /bfsitecss/full800 */

.logged-in { display:none }
.logged-out { }
.priv-ybeditor { display:none }
.priv-not-ybeditor { }
.priv-edit { display:none }
.priv-not-edit { }
.priv-admin { display:none }
.priv-not-admin { }
.edithtmlbody {background-color:white;background-image:none;}
.edithtmlbody .logged-in {display:block}
.edithtmlbody .logged-out {display:block}

table.classsite {
  margin: 0 auto;
  margin-top: 0;
  text-align: left;
  width: 1000px;
  align: left;
  font-family: Arial, sans-serif;
  font-size: 1em;
  color: #35190c;
  padding: 0; }

td.classsite {
  margin: 0;
  padding: 10px 5px 0 5px;
  font-family: "Verdana", Arial, sans-serif;
  font-size: 1em;
  color: #000000;
  background-color: #FCEDD3; }

body {
  text-align: left;
  font-family: Arial, sans-serif;
  font-size: 90%;
  margin: 0;
  background-image: url(https://images.reuniontechnologies.com/img/IMAGES/header.png);
  background-repeat: repeat-x;
  background-color: #F67F25; }

#bgboxtop {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 650px;
  float: center; }

#vinylsleft > div {
  position: relative;
  top: 510px;
  left: 260px;
  height: 0;
  width: 0;
  float: left;
  text-align: center; }

#vinylsright > div {
  position: relative;
  top: 510px;
  left: 520px;
  height: 0;
  width: 0;
  float: left;
  text-align: center; }

#vinylsleft > div div, #vinylsright > div div {
  display: relative;
  left: 0;
  top: 0;
  width: 282px;
  height: 125px;
  width: 125px;
  background-color: transparent; }

#jukeboxleft > div {
  position: relative;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  float: left;
  text-align: center; }

#jukeboxleft > div > div {
  display: relative;
  left: 0;
  top: 0;
  width: 282px;
  margin-left: 50px;
  margin-top: 181px; }

#jukeboxleft > div > div > a {
  display: block;
  height: 35px;
  padding-left: 80px;
  padding-top: 4px;
  margin-bottom: 36px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 13pt;
  letter-spacing: 0px;
  color: #222222; }

#jukeboxleft > div > div > a:hover {
  text-shadow: 0px 0px 50px #ff6600;
  filter: dropshadow(color=#ff6600, offx=0, offy=0);
  text-decoration: none; }

#jukeboxright > div {
  position: relative;
  top: 0;
  left: 575px;
  height: 0;
  width: 0;
  float: left;
  text-align: center; }

#jukeboxright > div > div {
  display: relative;
  left: 0;
  top: 0;
  width: 282px;
  margin-top: 182px; }

#jukeboxright > div > div > a {
  display: block;
  height: 35px;
  padding-right: 75px;
  padding-top: 4px;
  margin-bottom: 37px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 13pt;
  letter-spacing: 0px;
  color: #222222; }

#jukeboxright > div > div > a:hover {
  text-shadow: 0px 0px 50px #ff6600;
  filter: dropshadow(color=#ff6600, offx=0, offy=0);
  text-decoration: none; }

#jukeboxright a, #jukeboxleft a {
  text-decoration: none;
  color: #00f;
  text-shadow: none;
  -webkit-transition: 500ms linear 0s;
  -moz-transition: 500ms linear 0s;
  -o-transition: 500ms linear 0s;
  transition: 500ms linear 0s;
  outline: 0 none; }

#jukeboxright a:hover, #jukeboxleft a:hover, #jukeboxright a:focus, #jukeboxleft a:focus {
  color: #ff6600;
  text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #ff6600; }

div#guitarheader div:nth-child(1) {
  margin-left: 0px; }

div#guitarheader div:nth-child(2) {
  margin: 30px 0 14px 150px; }

/*default version*/
@font-face {
  font-family: 'Grenadier';
  font-style: normal;
  font-weight: 400;
  src: local("Grenadier"), local("Grenadier"), url(https://images.reuniontechnologies.com/img/PU78/GRENADIE.eot), url(https://images.reuniontechnologies.com/img/PU78/GRENADIE.eot%3F%23iefix) format("embedded-opentype"), url(https://images.reuniontechnologies.com/img/PU78/GRENADIE.woff2) format("woff2"), url(https://images.reuniontechnologies.com/img/PU78/GRENADIE.woff) format("woff"), url(https://images.reuniontechnologies.com/img/PU78/GRENADIE.TTF) format("truetype"), url(https://images.reuniontechnologies.com/img/PU78/GRENADIE.svg%23svgFontName) format("svg");
  /* Legacy iOS */ }

/* latin */
@font-face {
  font-family: 'Latin';
  font-style: normal;
  font-weight: 400;
  src: local("Droid Serif Regular"), local("DroidSerif-Regular"), url(http://fonts.gstatic.com/s/droidserif/v7/0AKsP294HTD-nvJgucYTaI4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

p {
  background-color: none;
  padding: 10px; }

h1 {
  font-family: MyriadPro-LightCond, Arial Narrow, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 40px;
  color: #f58026;
  padding: 5px;
  font-weight: bold; }

h2 {
  font-family: MyriadPro-LightCond, Arial Narrow, Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  font-size: 1.3em;
  color: #35190c;
  padding: 5px;
  font-weight: bold; }

Arial Narrow
Myriad Pro Light Cond
Myriad Pro Semi Cond
Avenir Next Condensed
a:link {
  color: #007a97; }

a:visited {
  color: #007a97; }

a:active {
  color: #007a97; }

a:hover {
  color: #007a97;
  text-decoration: underline; }

.footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #000000; }

.footer a:link {
  text-decoration: none;
  color: #000000; }

.footer a:visited {
  text-decoration: none;
  color: #000000; }

.footer a:active {
  text-decoration: none;
  color: #000000; }

.footer a:hover {
  text-decoration: underline;
  color: #000000; }

td.leftNav {
  font-family: arial;
  font-size: 1em;
  background-color: #ffffff;
  text-align: left; }

.leftNav ul {
  font-weight: bold;
  color: #F46432;
  list-style: none outside;
  text-indent: 3px;
  text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.6; }

.leftNav ul a {
  color: #F46432;
  text-decoration: none; }

.leftNav ul a:visited {
  color: #F46432;
  text-decoration: none; }

.leftNav ul a:hover {
  color: #F46432;
  text-decoration: underline; }

.leftNav ul ul {
  font-size: 8pt;
  font-weight: normal;
  color: #ffffff;
  list-style: none outside;
  text-indent: 3px;
  text-align: left;
  margin: 0 0 0 6px;
  padding: 0 0 0 0;
  line-height: 1.7; }

.leftNav ul ul a {
  color: #ffffff;
  margin-left: -5;
  text-decoration: none; }

.leftNav ul ul a:visited {
  color: #ffffff;
  text-decoration: none; }

.leftNav ul ul a:hover {
  color: #ffffff;
  text-decoration: underline; }

td.rightNav {
  font-family: arial;
  font-size: .8em;
  background-color: #ffffff;
  text-align: left; }

.newsFlash {
  clip: rect(); }

.newsFlash a:hover {
  color: #FF9820; }

.newsFlash hr {
  color: #FF9820; }

.form h1 {
  background-color: #F46432;
  border: 1px inset #333333; }

.formtable2 {
  background-color: #F46432; }

.formhead1 {
  background-color: #F46432; }

.heading1 {
  font-weight: bold;
  font-size: 14px;
  font-family: helvetica, tahoma, 'arial', verdana; }

.heading3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold; }

.smalltext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px; }

.llinks {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold; }

.main_menu {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.btnRounded12Point {
  border-width: 0; }

div.bfposts_classico div.header, div.bfposts_classico div.header > a {
  font-family: MyriadPro-LightCond, Arial Narrow, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0px;
  color: #f58026; }

div.bfposts_classico div.header > a:hover {
  color: #E04E06; }

/*
ul.bfmenu_default a, ul.bfmenu_default li.dis a:hover, ul.bfmenu_default li:hover>a, ul.bfmenu_default li a:hover {font-family: MyriadPro-LightCond, Arial Narrow, Arial, Helvetica, sans-serif; letter-spacing:1px; font-size: 12pt;}
ul.bfmenu_default ul a, ul.bfmenu_default ul li.dis a:hover, ul.bfmenu_default ul li:hover>a, ul.bfmenu_default ul li a:hover {font-family: MyriadPro-LightCond, Arial Narrow, Arial, Helvetica, sans-serif; letter-spacing:1px; font-size: 12pt;}
*/
ul.bfmenu_hidden span {
  background-image: none; }

ul.bfmenu_jukeboxcover {
  width: 400px;
  text-align: center; }

ul.bfmenu_jukeboxcover li {
  display: inline-block; }

ul.bfmenu_jukeboxcover li:after {
  white-space: pre;
  content: ' \A '; }

.btnCustom2 {
  background: #1e1e1e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1e1e1e 0%, black 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e1e1e), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1e1e1e 0%, black 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1e1e1e 0%, black 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1e1e1e 0%, black 100%);
  /* IE10+ */
  background: linear-gradient(top, #1e1e1e 0%, black 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0 );
  /* IE6-9 */
  border-color: #000000;
  color: #FF6600; }

.btnCustom2:hover {
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffcc00 0%, #ff6600 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcc00), color-stop(100%, #ff6600));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffcc00 0%, #ff6600 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffcc00 0%, #ff6600 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffcc00 0%, #ff6600 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffcc00 0%, #ff6600 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#CCCCCC',GradientType=0 );
  /* IE6-9 */
  border-color: #000000;
  color: #ff6600; }

.btnOrange1 a {
  color: #ffffff; }

.btnOrange1 a:hover {
  text-decoration: none; }
