@font-face {
	font-family: 'Share-RegularRegular';
	src: url('font/Share-Regular-webfont.eot');
	src: local('☺'), url('font/Share-Regular-webfont.woff') format('woff'), url('font/Share-Regular-webfont.ttf') format('truetype'), url('font/Share-Regular-webfont.svg#webfontIMv1RhiO') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Share-TechMonoRegular';
	src: url('font/Share-TechMono-webfont.eot');
	src: local('☺'), url('font/Share-TechMono-webfont.woff') format('woff'), url('font/Share-TechMono-webfont.ttf') format('truetype'), url('font/Share-TechMono-webfont.svg#webfont8OUINvbL') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** fonts **/
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#483000; line-height:18px;}
.yellow{color:#cfb020;}

h1{font-size:18px; color:#483000; font-family:'Share-RegularRegular', "Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; border-bottom:1px solid #c0a818; line-height:24px; font-weight:normal; margin-bottom:15px;}
h2{font-size:18px; color:#483000; font-family:'Share-RegularRegular', "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:24px; font-weight:normal;}
h3{font-family:'Share-RegularRegular', "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:21px; color:#483000; font-weight:normal;}
h4{font-size:14px; color:#483000; font-family:'Share-RegularRegular', "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:14px; font-weight:normal; margin-bottom:15px;}
h5{font-size:16px; color:#483000; font-family:'Share-RegularRegular', "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:14px; font-weight:normal; width:100%; border-bottom:1px solid #c0a818; line-height:24px;}

a{color:#483000; text-decoration:none;}
a:hover{color:#483000; text-decoration:underline;}

.justify{text-align:justify;}

/**layout **/
*{margin:0; padding:0;}
* html ul ul li a{height: 100%;}
* html ul li a{height: 100%;}
* html ul ul li{margin-bottom: -1px;}
body{margin:0px; padding:0px; background:url(image/background.jpg) repeat fixed;}
.clear{clear:both;}
img,img a{border:none; outline:none;}
a, a:hover{border:none; outline:none;}
#wrap{margin:0 auto; padding:0; background:url(image/bg_wrap.png) repeat-y; width:1000px;}

/* header */
#header{width:900px; margin:0 50px; background:#ececec; position:relative;}
#logo{padding:30px 0 0 32px; width:335px; height:107px;}
#headline{position:absolute; top:98px; left:370px;}
#banner{margin-top:10px; width:900px; height:120px; padding-bottom:12px;}
#language{position:absolute; width:100px; top:0px; right:5px;}
ul.language{list-style:none; margin:0; padding:0;}
.language li{color:#cfb020; font-size:12px; margin:5px; float:left; display:block;}
.language li a{color:#cfb020; text-decoration:none;}
.language li a:hover,.language li.actual a{color:#787800; text-decoration:none;}

/* menu */
#menu {	height: 600px; width:152px;	border: none; overflow: hidden;	margin-top:14px; margin-left:38px; float:left;}
#menu .menu,.menus{color:#fff;	background-color:#c0a818; height:40px; text-align:center; font-size:21px; font-family:'Share-RegularRegular', "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:40px; margin-top:11px; display:block;}
.menu a,.menus a{color:#fff; text-decoration:none;}
.menu a:hover,.menus a:hover,.page a{color:#483000!important; text-align:none;}
.submenu{height:22px; border-top:1px solid #fff; text-align:right; padding-right:5px; color:#fff; font-size:14px; font-family:'Share-RegularRegular', "Trebuchet MS", Arial, Helvetica, sans-serif; padding-top:2px; background-color:#787800; margin-left:12px; overflow: hidden;}
.submenu a{color:#fff; text-decoration:none;}
.submenu a:hover,.on a{color:#c0a818; text-decoration:none;}

/* content */
#content{width:740px; margin-top:25px; margin-right:50px; float:right;}
#leftcol{width:500px; float:left; padding-right:18px;}
#rightcol{width:222px; float:right;}

.side-top{background:url(image/side_top.png) no-repeat; width:212px; height:5px;}
.side-bottom{background:url(image/side_bottom.png) no-repeat; width:212px; height:9px;} 
#mp3,#news_bg,.sidecontent{background:url(image/side_middle.png) repeat-y; padding:0 5px;}
#news,#recordings{width:182px; border:1px solid #c0a818; padding:20px 10px; background:#fff;}
#news ul,#recordings ul{list-style:none; margin-top:15px;}
#news li{background-image:url(image/ico_bean.jpg); background-position:0 2px; background-repeat:no-repeat; padding-left:18px; padding-right:10px; margin-bottom:10px; font-size:11px;}
#news li a{color:#787800; text-decoration:none;}
#news li a:hover{color:#787800; text-decoration:underline;}
#facebook{padding:0 5px;}

ul.servicios{margin:15px 0px 15px 30px; list-style:disc;}
.albums{border:2px solid #c0a818;}

#gallery{margin-top:15px;}
#gallery img{margin-right:15px; margin-bottom:15px; border:1px solid #c0c0c0;}

#recordings li{margin-bottom:15px; font-size:11px; line-height:15px; width:100%; height:50px;}
#recordings li img{border:1px solid #c0c0c0; float:left; margin:3px 15px 0 0;}
#recordings li a{color:#787800; text-decoration:none;}
#recordings li a:hover{color:#787800; text-decoration:underline;}

.contstaff{width:210px; float:left; margin-right:36px;}
.fotobox{float:left; width:194px; padding:0; margin:0; overflow:hidden; border:none; background:#c0c0c0;}
.fotobox img {padding:7px; width:180px; height:180px; top:0; left:0;} 
.bio{float:left; margin-top:15px; width:210px; text-align:justify;}

#contact{width:500px; float:left;}
#address{width:180px; float:right; padding-right:30px;}
#map{border:solid 1px #c0c0c0; margin-top:15px; width:710px; overflow:hidden;}

#tabtable{margin-right:15px; margin-top:10px;}
.tabmain {width:725px; margin-top:15px;}
.tabmain li { list-style:none; float:left; }
.tabmain ul a { display:block; padding:6px 10px; text-decoration:none!important; margin:0 7px 0 0; color:#787800; background:#cecece;}
.tabmain ul a:hover { color:#483000; background:#f0f0f0;}
.tabmain ul a.selected { margin-bottom:0; color:#483000; background:#f0f0f0; cursor:default;}
.tabmain div{padding:12px 10px 12px 10px; *padding-top:3px; *margin-top:-15px; clear:left; height:356px; position:relative;}
.fotos{float:left; width:300px; height:220px!important; border:1px solid #787800; padding:3px!important; margin-top:18px; background:#c0a818;}
.equipments{width:360px; float:left; padding:0!important; position:absolute!important; top:12px; right:12px; font-size:11px;}
.equipments div{padding:0!important;}
.title_equip{font-size:14px; color:#483000; font-family:'Share-RegularRegular', "Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; border-bottom:1px solid #c0a818; line-height:18px; font-weight:normal; margin-bottom:7px;}
#machines,#listening,#micros,#instruments,#ampli,#pedals,#midi{background:#f0f0f0;}

.logo{margin-left:20px;}


/* footer */
#footer{text-align:center; color:#787800; margin-top:30px; padding-bottom:20px;}
#icons{vertical-align:baseline;}
#icons img{margin:5px;}
#copyright,#copyright a,#copyright a:hover{font-size:12px; font-family:'Share-RegularRegular', "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color:#787800;}

/* right side */
.arrow{background:url(image/arrow.png) no-repeat; width:113px; height:44px; position:fixed; top:280px; left:18px;}
.right{float:right;}
.leftside{float:left; width:129px; color:#787800; height:116px; padding:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}
ul#navigation {position:fixed; margin:0px; padding:0px; top:120px; left:0px; list-style: none;z-index:9999;}
ul#navigation li {width: 100px;}
ul#navigation li a {display:block; margin-left:-2px; width: 205px;height:152px; background-color:#fff; border:none;	text-decoration:none;}





/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

.scroll-pane {
	width: 360px;
	height: 336px;
	overflow: auto;
	float: left!;
}