/* guitarra.eshost.es - index.css - programeitor 2012 */

html{overflow-y:scroll; }
body *{margin:0; padding:0; font:normal 1em sans-serif; color:black; }
body{margin:2em 3%; background:url(imagen/fondo1.png); overflow-x:hidden; }


h1{border-bottom:solid 1px red; color:white; background:#4080C0; padding:.2em 1em; }
a{text-decoration:none; }
h1,h2,h3,h4,h5,a,b,pre{font-weight:bold; }
b{color:#3f3; font-size:1.2em;}
pre, pre b{font-family:courier ;overflow-x:scroll;}

#menu{position:fixed; top:0em; right:0em; z-index:1; opacity:.9; background:gray;}
#menu>h2{padding:.2em .2em .2em .4em; background:gray; color: white; border-right:.3em solid #4080C0; display:block; text-align:center;box-shadow: -3px 3px 10px #000; /*content:"◀";*/}
#menu ul{display:none; }
#menu ul li{list-style:none;}
#menu a{display:block; background:silver; color:black; border-bottom:1px solid gray; border-right:.3em solid black; text-align:center; padding:.1em 2em;font-weight:normal; font-size:1em; width:auto;}
#menu ul ul{position:absolute; right:100%; }
#menu ul ul li{position:relative; top:-1.2em;}
#menu:hover>ul, #menu li:hover ul{display:block; }
#menu a:hover{background:white; color:black; border-right:.3em solid red;}

.seccion{background:gray; padding:0em 3em; border-top:1px solid #000066; opacity:.9; z-index:0;/**/}
.seccion h2{width:12em; float:right; background:#a7a7a7 ; text-align:right; padding:.4em 1em; border:1px solid black; border-top:0; border-left:.3em solid black;}
.seccion a{color:#000077; }
.seccion p{margin:1em 0; }

#manual {position:relative; right:-3em; margin-left:-6em; }
#manual h2{background:white; text-align:center; padding:.1em .5em; margin-bottom:1px; border-right:.3em solid red; display:block; font:normal 2em sans-serif;}
#manual div{background:white; border:1px solid black; margin:0 0 1em 0; padding:7em 4em 5em; }
#manual div h3{ border-bottom:1px solid red; display:inline; font-size:1.20em;}
#manual div h4{ font-size:1.15em; color:#33f; display:inline;}
#manual div h5{ font-size:1.1em; color:blue; display:inline;}
#manual div pre{margin-top:1em; padding:1em; border:0; background:#031; font-size:1.1em ;color:white; box-shadow: -5px -5px 10px #000;}
#manual div pre, #manual div p{margin-bottom:2em;}
#manual div pre h5{color:yellow;}
#manual div img{margin-bottom:2em; width:100%}
#manual div div{border:0; padding:0; }
#manual div a:hover{color:black; }

.video,.midi,.pdf,#menu a,#imenu a{box-shadow: -3px 3px 10px #000;}
.video:hover,.midi:hover,.pdf:hover{box-shadow: -5px 5px 10px #000;}
#manual div a.video{display:block; position:relative; width:124px; height:93px; left:40%; background:url(imagen/youtube.jpg); margin-bottom:2em; }
#manual div a.midi{display:block; width:64px; height:64px; background:url(imagen/midi.jpg); }
#manual div a.pdf{display:block; width:64px; height:64px; background:url(imagen/pdf.jpg); }

#imenu{position:fixed; right:0; bottom:0em;opacity:.9;}
#imenu:hover{padding-right:.2em; border-right:.3em solid red;}
#imenu a{display:block; color:black; background:gray; padding:.2em 0 .2em .4em; margin-bottom:1px; border-right:.3em solid gray; font:bold;}