@charset "utf-8";
html {font-size:68.75%}
body {min-height:100%;width:100%;margin:0;background-color:#660000}
body {font-size:1.4rem;font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif}
body {-webkit-text-size-adjust:100%;text-size-adjust:100%} /*prevent iphone from resizing text*/

p {font-size:1.4rem;font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif}
.big {font-size:2rem}
.medium {font-size:1.6rem}
.flow {font-size:1.4rem}
.small {font-size:1.3rem;font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif}
.fixed {font-size:1.4rem;font-family:"Courier New",Courier,monospace}
.italic {font-style:italic}
.nowrap {white-space:nowrap}
.crop {overflow-x:auto;overflow-y:hidden}
/*Always show scrollbar on macOS*/
.crop::-webkit-scrollbar {
-webkit-appearance: none;
height: 8px;
}
.crop::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.3);
border-radius: 4px;
}
.crop::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0.1);
}
.frNote {font-family:Georgia,Times,"Times New Roman",serif;font-style:italic}
sup {font-size:1.3rem}

.white {color:#FFF}
.green {color:#0A0}
.grey {color:#999}
.greyBg {background-color:#EAEAEA}
.description {color:#300;font-weight:bold}

hr {height:1px;border:none;color:#CCC;background-color:#CCC}

.left {text-align:left}
.right {text-align:right}
.bottom {vertical-align:bottom}
.top {vertical-align:top}
.center {text-align:center}
.hvcenter {
display:flex;
justify-content:center;
align-items:center;
}

.block {overflow:hidden}
.float-left {float:left}
.hide {visibility:hidden}
.noshop {display:none}

.paddlewrap {display:block;background-color:#EAEAEA;border-radius:4px;cursor:pointer}
.paddlebutton {display:table-cell;text-align:left;padding:5px;width:70px;vertical-align:middle}
.paddletitle {display:table-cell;text-align:left;padding:5px;width:80px;vertical-align:middle}
.paddledescript {display:table-cell;text-align:left;padding:5px;vertical-align:middle}
.paddle_button {
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
box-shadow:0 1px 1px rgba(0, 0, 0, .05);
border-radius:2px;
color:#4e5665;
padding:5px 9px;
border:1px solid;
border-color:#cdced0 #c5c6c8 #b6b7b9;
font-weight:bold;
font-size:13px;
background:linear-gradient(#FDFDFD 0%, #f6f7f8  100%);
cursor:pointer;
}
.whiteBg {background-color:#FFF}

.lineheight12 {line-height:1.2}
.lineheight15 {line-height:1.5}
.lineheight18 {line-height:1.8}
.lineheight20 {line-height:2.0}
#lineheight12 {line-height:1.2}

.margin0 {margin:0}
.margin5 {margin:5px 0}
.margin10 {margin:10px 0}
.margin15 {margin:15px 0}
.margin20 {margin:20px 0}
.margin10side {margin:0 10px}
.marginauto {margin:0 auto}

.margin-top5 {margin-top:5px}
.margin-bottom5 {margin-bottom:5px}
.margin-bottom10 {margin-bottom:10px}
.margin-bottom15 {margin-bottom:15px}
.margin-bottom20 {margin-bottom:20px}
.margin-bottom25 {margin-bottom:25px}
.margin-left10 {margin-left:10px}
.margin-left15 {margin-left:15px}
.margin-left20 {margin-left:20px}
.margin-left25 {margin-left:25px}

.margincover {margin:20px 0 20px -20px}

.maxwidth {width:100%}
.video_display {margin:20px 0;width:100%}

#get-pdf {display:inline;width:16px;height:16px;padding-right:1px}

#arrow-nav-double {font-size:1.2rem;display:none;white-space:nowrap}
#arrow-nav {font-size:1.2rem;position:absolute;bottom:7px;left:0;width:100%;white-space:nowrap}
#arrow-nav-mobile {display:none;position:absolute;bottom:5px;left:2px;width:99%}
.arrow-up {display:inline} 
.arrow-down {display:inline}
.arrow-left {display:inline}
.arrow-right {display:inline}
.arrow-tip {text-align:center;background-color:#FFF}
.arrow-mobile {display:inline-block;font-size:1.2rem;width:22%;color:#888}
.pdf-mobile {display:inline-block;width:12%}

.arrow-up-tip {width:9%;text-align:right;font-style:italic;display:inline-block;color:#888}
.arrow-down-tip {width:8%;text-align:left;font-style:italic;display:inline-block;color:#888}
.arrow-left-tip {width:35%;text-align:left;font-style:italic;display:inline-block;color:#888}
.arrow-right-tip {width:35%;text-align:right;font-style:italic;display:inline-block;color:#888}

.arrow-up-tip:hover {color:#69F}
.arrow-down-tip:hover {color:#69F}
.arrow-left-tip:hover {color:#69F}
.arrow-right-tip:hover {color:#69F}
.arrow-mobile:hover {color:#69F}

div.arrow-up:hover {background-color:#EAFEEA}
div.arrow-down:hover {background-color:#E6FCFC}
div.arrow-left:hover {background-color:#CFC}
div.arrow-right:hover {background-color:#CFF}
div.pdf-mobile:hover {background-color:#FFEFEF}

.nolink {text-decoration:none !important;border-bottom:none !important;cursor:pointer}
a#up {border-bottom:none}
a#down {border-bottom:none}
a#prev {border-bottom:none}
a#next {border-bottom:none}

#backPage {color:mediumseagreen;font-size:2.5rem;font-style:italic;line-height:50px;width:50px;height:50px;position:fixed;bottom:40px;left:0;z-index:100;border-radius:50%;background-color:rgba(204,255,204,.4)}
#nextPage {color:deepskyblue;font-size:2.5rem;font-style:italic;line-height:50px; width:50px;height:50px;position:fixed;bottom:40px;right:0;z-index:100;border-radius:50%;background-color:rgba(204,255,255,.4)}
#backPage:hover {background-color:rgba(204,255,204,.6)}
#nextPage:hover {background-color:rgba(204,255,255,.6)}

a:link {text-decoration:none;border-bottom:1px solid blue}
a:active {text-decoration:none;border-bottom:1px solid blue;color:#FF6}
a:visited {text-decoration:none;border-bottom:1px solid blue}
a:hover,a:active,a:focus {text-decoration:none;border-bottom:1px solid blue;color:#69F}
a img {border:none}
img, video {border-radius:4px}
video {border:1px solid black}

.category {font-size:1.4rem;font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif;font-style:italic;font-weight:bold;padding:0 10px;line-height:1.8}
.chapter_title {font-size:1.4rem;font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif;font-style:normal;font-weight:bold;padding-left:9px}

#logo a {
font-family:Georgia,Times,"Times New Roman",serif;
font-size:36px;
font-style:italic;
font-weight:500;
margin:0 0 10px 20px;
text-decoration:none;
border-bottom:none;
letter-spacing:1px;
}
#logo a:link {color:#FFF}
#logo a:active {color:#FF6}
#logo a:visited {color:#FFF}
#logo a:hover,a:active,a:focus {border-bottom:1px solid blue;color:#FFF}
p.brand {margin:0}

h1.topic {
font-size:1.4rem;
font-family:Georgia,Times,"Times New Roman",serif;
font-weight:normal;
font-style:italic;
margin:0 0 15px 20px}
h2.title {
font-size:22px;
font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif;
font-weight:normal;
padding-top:15px;
padding-bottom:0;
}
h2.commentsTitle {font-size:20px}
h3,h4,h5 {margin-bottom:0}
h1,h2,h3,h4,h5,p,form {margin-top:0;padding-left:0;padding-right:15px}
h3 {font-size:1.5rem}
h4 {font-size:1.4rem}
h5 {font-size:2rem;font-weight:normal}

#pagetitle{display:inline-block;padding-right:15px}
#shareIcon{display:inline-block;width:15px;position:relative;left:9px;bottom:-3px}
a#shareIcon {text-decoration:none;border-bottom:0;transition:transform 0.2s ease}
a#shareIcon:hover {transform:scale(1.2)}
#subtitle {display:block;font-size:1.4rem}
#root {text-align:right;top:100px;right:40px}

.button-group {
display:flex;
gap:0;
margin:0 10px 0;
}
.dropdown {
position:relative;
display:inline-block;
flex:1;
}
.dropbtn {
width:100%;
padding:5px;
margin:0;
border:1px solid #aa4400;
border-right:none;
background:linear-gradient(180deg, #882200 0%, #660000 100%);
color:#f5f5f5;
font-size:14px;
font-family:inherit;
font-weight:normal;
letter-spacing:0.5px;
cursor:pointer;
transition:all 0.3s ease;
text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
.dropdown:first-child .dropbtn {
border-radius:8px 0 0 8px;
}
.dropdown:last-child .dropbtn {
border-radius:0 8px 8px 0;
border-right:1px solid #aa4400;
}
.dropbtn:hover {
background:linear-gradient(180deg, #aa4400 0%, #882200 100%);
box-shadow:0 4px 12px rgba(255, 102, 0, 0.4);
}
.dropdown-content {
display:none;
position:absolute;
top:100%;
left:0;
background:linear-gradient(180deg, #660000 0%, #330000 100%);
min-width:131px;
box-shadow:0 8px 20px rgba(0, 0, 0, 0.6);
z-index:1000;
border:1px solid #882200;
border-top:none;
border-radius:0 0 8px 8px;
overflow:hidden;
}
.dropdown:nth-child(n+3) .dropdown-content {
border-radius:0 8px 8px 8px;
}
.dropdown-content a {
color:#f5f5f5;
padding:12px 5px 12px 15px;
text-decoration:none;
display:block;
font-size:14px;
letter-spacing:0.5px;
border-bottom:1px solid rgba(136, 34, 0, 0.6);
transition:all 0.2s ease;
white-space:nowrap;
}
.dropdown-content a:last-child {
border-bottom:none;
}
.dropdown-content a:hover {
background:linear-gradient(90deg, #882200 0%, #aa4400 100%);
box-shadow:inset 4px 0 0 #ff9966;
}
.dropdown:hover .dropdown-content {
display:block;
animation:slideDown 0.3s ease;
}
.dropdown:hover .dropbtn {
background:linear-gradient(180deg, #aa4400 0%, #882200 100%);
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
@keyframes slideDown {
from {
opacity:0;
transform:translateY(-10px);
}
to {
opacity:1;
transform:translateY(0);
}
}
.dropdown:hover .dropbtn::after {
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(255, 153, 102, 0.1);
pointer-events:none;
}
.dropbtn.active {
	background: linear-gradient(180deg, #bb4400 0%, #993300 100%);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	font-weight: bold;
}
.dropdown:hover .dropbtn.active {
	background: linear-gradient(180deg, #cc5500 0%, #aa3300 100%);
}

.page a:link {border-bottom:none;border:0}

#chapter {padding-top:20px}
#chapter a:link {color:#FFF}
#chapter a:active {color:#FF6}
#chapter a:visited {color:#FFF}
#chapter a:hover,a:active,a:focus {color:#69F}

#content a:link, #comments a:link {color:#000}
#content a:active, #comments a:active {color:#FF6}
#content a:visited, #comments a:visited {color:#000}
#content a:hover,a:active,a:focus, #comments a:hover,a:active,a:focus {color:#69F}

#arrow-nav, #arrow-nav-double a:link {color:#666}
#arrow-nav, #arrow-nav-double a:active {color:#FF6}
#arrow-nav, #arrow-nav-double a:visited {color:#666}
#arrow-nav, #arrow-nav-double a:hover,a:active,a:focus {color:#69F}

#menu a {
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
border:none;
}
#menu a:link {color:#AAA}
#menu a:active {color:#FF6}
#menu a:visited {color:#000}
#menu a:hover,a:active,a:focus {color:#69F}

#menu {
position:fixed;
z-index:99;
width:50px;
height:50px;
font-size:45px;
line-height:45px;
text-align:center;
margin:0 -10px;
border-radius:7px;
background-color:#EEE;
background-color:rgba(200,200,200,.5);
}
#menu-toggle {padding:22px 0 0 5px;background-color:transparent}
#menu-toggle span, #menu-toggle span:before, #menu-toggle span:after {
cursor:pointer;
border-radius:1px;
height:5px;
width:40px;
background:#333;
position:absolute;
display:block;
content:'';
}
#menu-toggle span:before {top:-10px}
#menu-toggle span:after {bottom:-10px}
#menu-toggle span, #menu-toggle span:before, #menu-toggle span:after {transition:all 100ms ease-in-out}
#menu-toggle.active span {background-color:transparent}
#menu-toggle.active span:before, #menu-toggle.active span:after {top:0}
#menu-toggle.active span:before {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
#menu-toggle.active span:after {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#modul {
position:fixed;
left:0;
top:0;
z-index:1;
background-color:#AAA;
opacity:0.3;
width:100%;
height:100%;
display:none;
}
#container {
height:100%;
width:100%;
}
#sidebar {
display:block;
width:285px;
vertical-align:top;
background-color:#1F0303;
padding-top:0;
padding-bottom:3px;
color:#FFF;
line-height:1.5;
border-radius:7px;
}
#content {
display:block;
vertical-align:top;
background-color:#FFF;
color:#000;
padding:0 0 40px 10px;
margin:5px;
line-height:1.5;
border-radius:7px;
text-align:center;
position:relative;
overflow:hidden;
}
#active_category {
line-height:2.2;
padding-left:24px;
}
#selector {
display:table-cell;
white-space:nowrap;
width:285px;
padding-left:0;
}
.linklist {line-height:2;text-align:left}

#crumb {width:285px;background:none;margin-bottom:10px}
#crumb a:link {color:#FFF}
#crumb a:active {color:#FF6}
#crumb a:visited {color:#FFF}
#crumb a:hover,a:active,a:focus {color:#69F}

#filler {padding-left:7px;visibility:hidden}
#social_share {position:absolute;bottom:10px;height:16px;padding-left:7px;width:100%;visibility:hidden}
#social_share a {border-bottom:none}

.book {display:inline-block;text-align:left;padding-right:10px;margin-left:5px;margin-top:15px;margin-bottom:20px}
.border {border:1px solid #808080}
.border-bottom {border-bottom:none}
.flowaround {float:left; margin-right:10px}

#jamtrack-circle {display:none;float:left;text-align:right;width:40px;margin-top:35px;margin-right:-20px}
#jamtrack-modal {display:none;float:left;text-align:right;width:62px;margin-top:50px;margin-right:-25px}
#jamtrack-blues {display:none;float:left;text-align:right;width:50px;margin-top:35px;margin-right:-25px}
#chord-name {padding-left:22px;height:45px;vertical-align:bottom;text-align:left}
#root-circle {text-align:right;vertical-align:bottom}

table {width:auto;border-collapse:collapse;border-radius:4px}
table.basic tr:nth-child(odd) {background-color:#EAEAEA}
table.basic th,
table.basic td {border:none;padding:4px;text-align:left;vertical-align:top}

table.basic_rev tr:nth-child(even) {background-color:#EAEAEA;border-radius:4px}
table.basic_rev th,
table.basic_rev td {border:none;padding:4px;text-align:left;vertical-align:top}

table.page {border:none;border-collapse:collapse;border-spacing:0}
table.page tr {padding:0;margin:0}
table.page td {padding:0;margin:0;text-align:left;line-height:0;white-space:nowrap}
.chord {width:99%}
.riff {margin-left:10px}
.chdv {display:inline-block;margin-right:3px}

table.nowrap tr:nth-child(odd) {background-color:#EAEAEA;border-radius:4px}
table.nowrap th,
table.nowrap td {border:none;padding:4px;text-align:left;white-space:nowrap;width:18px;vertical-align:middle}

table.link {margin:auto;margin-bottom:10px}
table.link tr:nth-child(odd) {background-color:#EAEAEA}
table.link th, 
table.link td {border:none;padding:11px;text-align:left;vertical-align:top}

.link_field a:link, #link_field a:visited {
display:block;
width:100%;
height:100%;
border:none;
line-height:45px;
}
.link_field a:hover {color:#69F}
.link_field a:active {background:#FF6}
.hoover_link {border-bottom:1px solid blue}

#output {display:inline}
#sitemap {display:none;height:95vh !important;overflow:scroll}
#sitemaptable.font {font-size:1.3rem;font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif;line-height:2.5}
.ui-dialog-title {font-size:1.4rem;font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif}

#transpose.font {font-size:12px;font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif}
#transpose.margin {border-collapse:collapse;margin-bottom:10px}
#transpose th,
#transpose td {border:1px solid black;padding:5px;min-width:15px;text-align:center;vertical-align:middle}
#transpose td:nth-of-type(odd) {background-color:#EAEAEA}

table.mintdwidth td {width:40px}

#audio_play {display:none;vertical-align:bottom;height:30px;position:fixed;top:0;background:none;text-align:center;padding-top:0}
audio {width:255px;height:30px;background:none;border-radius:5px;display:none}
#audio_play a:link {text-decoration:none;border-bottom:none}
#audio_text {display:none;color:#999;font-style:italic;position:relative;top:-4px}

.audiofile {font-size:10px;font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif;color:#999;height:30px;line-height:30px;text-align:center;border-radius:5px;background-color:rgba(255,255,255,.85)}
.rifffile {font-size:10px;font-family:Helvetica Neue,Helvetica,Arial,Geneva,Swiss,SunSans-Regular,sans-serif;color:#999;padding-left:9px;padding-right:5px;border-radius:5px}

a#opener, a#open_sitemap, a#lang {text-decoration:none;border-bottom:1px solid blue;cursor:pointer}
.nolink, a#open_pdf {text-decoration:none !important;border-bottom:none !important;cursor:pointer}

#shockwaveContent {width:320px;height:260px;margin:0 auto}

#musicians img {
-webkit-transition:all.5s ease;
-moz-transition:all.5s ease;
-o-transition:all.5s ease;
-ms-transition:all.5s ease;
transition:all.5s ease;
}
#musicians img:hover {
-webkit-transform:rotate(-270deg);
-moz-transform:rotate(-270deg);
-o-transform:rotate(-270deg);
-ms-transform:rotate(-270deg);
transform:rotate(-270deg);
}
.flag img {
-webkit-transition:all.5s ease;
-moz-transition:all.5s ease;
-o-transition:all.5s ease;
-ms-transition:all.5s ease;
transition:all.5s ease;
}
.flag img:hover {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}

.page img:hover {
-webkit-filter:drop-shadow(5px 10px 10px grey);
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
-ms-transition:all 1s ease;
transition:all 1s ease;
}

.nofx img:hover {
-webkit-filter:drop-shadow(0 0 0 white);
}

.fade-in {opacity:0;
-webkit-transition:opacity.2s ease-in-out; /* Safari, Chrome, Opera */
-moz-transition:opacity.2s ease-in-out; /* Firefox */
-o-transition:opacity.2s ease-in-out; /* Opera */
-ms-transition:opacity.2s ease-in-out; /* Internet Explorer */
transition:opacity.2s ease-in-out;
}

.fade-in:hover {opacity:1}

#rh {margin-right:3px}
.imgSVG {border-radius:4px}
.svgSize {padding:5px;margin-bottom:10px}
.svgSize:hover, .imgSVG:hover {box-shadow:5px 5px 10px grey;transition:all 1s ease}

/* DEFAULT 240x320 */
#comments {background-color:#EAEAEA;border-radius:7px;padding:10px 0 5px 10px;margin:5px;line-height:1.5}
#sidebar {position:absolute;visibility:hidden;z-index:99}
#arrow-nav {display:none;visibility:hidden}
.padright {padding-right:10px}
.marginright {margin-right:10px}
.instruct {display:none}
#printer {display:none;line-height:1.5;padding:3rem}
.paddledescript {width:97%}

/* BREAKPOINTS */
@media only screen and (max-width:320px) {
form {padding-right:10px}
}
@media only screen and (max-width:440px) {
#pagetitle{padding-left:40px;padding-right:40px}
.half {clear:left;text-align:left}
.remind {display:none}
.paddletitle {width:100%}
.paddledescript {display:block}
}
@media only screen and (min-width:640px) {
#jamtrack-circle, #jamtrack-modal, #jamtrack-blues {display:block}
.marginright {margin-right:15px}
#root {position:absolute}
}
@media only screen and (min-width:725px) {
#arrow-nav {display:block}
#content {width:auto;min-width:685px;margin:15px;padding:0 0 40px 15px}
#comments {margin:15px;padding-left:15px}
#audio_text {display:inline}
#menu {margin-left:-15px}
.instruct {display:block}
#backPage {line-height:25px;width:35px;height:25px;bottom:10px;left:8px;background-color:rgba(204,255,204,.3)}
#nextPage {line-height:25px;width:35px;height:25px;bottom:10px;right:8px;background-color:rgba(204,255,255,.3)}
#backPage:hover {background-color:rgba(204,255,204,.4)}
#nextPage:hover {background-color:rgba(204,255,255,.4)}
}
@media only screen and (min-width:768px) and (max-width:999px) {
.crop {padding-left:10px}
}
@media only screen and (min-width:800px) and (max-width:999px) {
html {font-size:68.75%}
#content, #comments {width:765px;margin:15px auto}
.video_display {width:752px;height:423px}
}
@media only screen and (min-width:834px) and (max-width:999px) {
.chdv {margin-right:15px}
#content, #comments {width:794px}
.video_display {width:780px;height:439px}
}
@media only screen and (min-width:1000px) {
body {
min-height:100vh;
margin:0;
background:radial-gradient(65% 65% at 50% center,#cc0000 0%,#330000 90%,#110000 100%);
background-attachment:fixed;
}
html {font-size:62.5%}
#audio_play {display:table-cell;width:680px}
.video_display {width:676px;height:380px}
#container {display:table;width:1000px;margin:0 auto;padding:15px 0}
#sidebar {display:table-cell;position:relative;visibility:visible;background-color:rgba(0,0,0,.7)}
#right {display:table-cell}
#content {display:table-cell;padding-left:20px;width:695px;height:883px}
#comments {margin:5px 0 0 0}
#menu {display:none}
#dialogButton {display:none}
#audio_text {top:-2px}
.padright {padding-right:15px}

.guitar-classical-shade {background:url(https://www.guitarra6.com/image_tiny/extras/guitar-classical-shade.png) no-repeat;background-size:0;background-position:50% 95%}
.guitar-explorer-shade {background:url(https://www.guitarra6.com/image_tiny/extras/guitar-explorer-shade.png) no-repeat; background-size:0;background-position:35% 95%}
.guitar-flying-shade {background:url(https://www.guitarra6.com/image_tiny/extras/guitar-flying_v-shade.png) no-repeat;background-size:0;background-position:50% 95%}
.guitar-les-paul-shade {background:url(https://www.guitarra6.com/image_tiny/extras/guitar-les-paul-shade.png) no-repeat; background-size:0;background-position:50% 95%}
.guitar-sg-shade {background:url(https://www.guitarra6.com/image_tiny/extras/guitar-sg-shade.png) no-repeat; background-size:0;background-position:50% 95%}
.guitar-steel-string-shade {background:url(https://www.guitarra6.com/image_tiny/extras/guitar-steel-string-shade.png) no-repeat;background-size:0;background-position:50% 95%}
.guitar-stratocaster-shade {background:url(https://www.guitarra6.com/image_tiny/extras/guitar-stratocaster-shade.png) no-repeat; background-size:0;background-position:50% 97%}
.guitar-telecaster-shade {background:url(https://www.guitarra6.com/image_tiny/extras/guitar-telecaster-shade.png) no-repeat;background-size:0;background-position:50% 95%}
}
@media print {#printer {display:block} #container {display:none}}