/* RESET
=================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body,html {	min-height:101%;}
table { border-collapse: collapse; border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}


/* Float Properties
=================================== */
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
.clearfloat {
	display:inline-block
	}
.clearfloat {
	display:block
	}

		
/* Estructure
=================================== */
body {
	color: #FFFFFF;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	background: url(imgs/fondos/back1.jpg) top right no-repeat #000000;
	}
a { color: white;}
a:hover { text-decoration: none; color: #e04d49;}

.left { float:left;}
.right { float:right;}
.hidden { visibility: hidden; display:none;}

#container { width: 100%; margin: 0; padding: 0;}
#containerL { width: 35%; background-color: #FFFFCC;}
#containerR { width: 65%;}
#head {
	background-color: #00FF00;
	width: 252px;
	margin: 0 auto;
	text-align: center;	
	}
#content { 
	width: 500px;
	padding: 200px 0 0 0;
	}


/* Head
=================================== */
h1 { 
	width: 252; height: 187px;
	margin: 0 0 10px 0;
	}

/*menu*/

/**/ul#menu li#separador1 { height: 32px; background: url(imgs/menu/separador.gif) top center no-repeat;}
/**/ul#menu li#separador2 { height: 15px;}

ul#menu li a { 
	text-indent: -9999px;
	display: block; 
	width: 150px;
	margin: 0 auto;
	}
ul#menu li#inicio 		a { height: 30px; background: url(imgs/menu/inicio.gif) top center no-repeat;}
ul#menu li#clases 		a { height: 50px; background: url(imgs/menu/clases.gif) top center no-repeat;}
ul#menu li#trayectoria 	a { height: 28px; background: url(imgs/menu/trayectoria.gif) top center no-repeat;}
ul#menu li#hojaderuta 	a { height: 27px; background: url(imgs/menu/hojaderuta.gif) top center no-repeat;}
ul#menu li#fotos 		a { height: 58px; background: url(imgs/menu/fotos.gif) top center no-repeat;}
ul#menu li#videos 		a { height: 51px; background: url(imgs/menu/videos.gif) top center no-repeat;}
ul#menu li#contacto 	a { height: 38px; background: url(imgs/menu/contacto.gif) top center no-repeat;}
ul#menu li#guitarras 	a { height: 28px; background: url(imgs/menu/guitarras.gif) top center no-repeat; width:100%;}

ul#menu li#inicio 		a:hover { background: url(imgs/menu/inicio.gif) bottom center no-repeat;}
ul#menu li#clases 		a:hover { background: url(imgs/menu/clases.gif) bottom center no-repeat;}
ul#menu li#trayectoria 	a:hover { background: url(imgs/menu/trayectoria.gif) bottom center no-repeat;}
ul#menu li#hojaderuta 	a:hover { background: url(imgs/menu/hojaderuta.gif) bottom center no-repeat;}
ul#menu li#fotos 		a:hover { background: url(imgs/menu/fotos.gif) bottom center no-repeat;}
ul#menu li#videos 		a:hover { background: url(imgs/menu/videos.gif) bottom center no-repeat;}
ul#menu li#contacto 	a:hover { background: url(imgs/menu/contacto.gif) bottom center no-repeat;}
ul#menu li#guitarras 	a:hover { background: url(imgs/menu/guitarras.gif) bottom center no-repeat; width:100%;}

ul#menu li#inicio 		a#active { height: 30px; background: url(imgs/menu/_inicio.gif) top center no-repeat;}
ul#menu li#clases 		a#active { height: 50px; background: url(imgs/menu/_clases.gif) top center no-repeat;}
ul#menu li#trayectoria 	a#active { height: 28px; background: url(imgs/menu/_trayectoria.gif) top center no-repeat;}
ul#menu li#hojaderuta 	a#active { height: 27px; background: url(imgs/menu/_hojaderuta.gif) top center no-repeat;}
ul#menu li#fotos 		a#active { height: 58px; background: url(imgs/menu/_fotos.gif) top center no-repeat;}
ul#menu li#videos 		a#active { height: 51px; background: url(imgs/menu/_videos.gif) top center no-repeat;}
ul#menu li#contacto 	a#active { height: 38px; background: url(imgs/menu/_contacto.gif) top center no-repeat;}
ul#menu li#guitarras 	a#active { height: 28px; background: url(imgs/menu/_guitarras.gif) top center no-repeat; width:100%;}



/* Content
=================================== */


/* Footer
=================================== */
#footer {
	float: right;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100px;
	background-color:#666666;
	}