/*************** GENERALES ****************************************/
html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}

body {
	background-color:#CCC;
}

p {
	color:black;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
}

ul {
	list-style-type:none;
}


ul a {
	text-decoration:none;
}

titulo1 {
	color:#C60;;
}

.right {
	float:right;
}

.left {
	float:left;
}


/****************************  WRAPER ***************************/

#wrapper {
	width:900px;
	margin:0px auto;
	background:#fff;	
}

/****************************  HEADER ***************************/

#header {
	height:30px;
	background-color:black;
	color:white;
	text-transform:uppercase;
	font-family:"Lucida Console", Monaco, monospace;
	font-size:11px;
	clear:left;
}

#header a {
	text-decoration:none;
	color:#FFF;
}

#header a:link {
	text-decoration:none;
	color:#FFF;
}

#header a:hover {
	text-decoration:underline;
	color:#FFF;
}

#header ul {
	min-width: 780px;
	padding: 0;
	padding-top: 6px;
}

#header li {
	display:inline;
	position:relative;
	margin-right:20px;
}

#header li.first {
	padding-left: 14px;
}

#header li.selected {
	color:grey;
	text-decoration:underline;
}

/****************************  BODY ***************************/

#body {
	background:#fff;
}

/***************** LATERAL MENU *************************************/
#lateralmenu {

	float:left;
	width:150px;
	
	border-bottom-style:solid;
	border-bottom-width:1px;
	
	margin: 100px 10px;
	
}

#lateralmenu li a {
	width:150px;
	height:30px;
	display: block;
}

#lateralmenu a {
	
	text-transform:lowercase;
	color:grey;
	font-family:"Arial",monospace,Serif;
	font-size:9px;

}

#lateralmenu a mov {
	margin-right:10px;
}

#lateralmenu a:hover {
	color:black;
}

#lateralmenu .selected a {
	font-weight:bold;
	color:black;
}

#lateralmenu li {
	text-align:right;
	width:150px;
	height:30px;
	
}

#lateralmenu .keytop a{
	background-image:url('images/lateralmenu/keytop.jpg');
	background-repeat:no-repeat;
}



#lateralmenu .keytop:hover a{
	background-image:url('images/lateralmenu/keytop_over.jpg');
	background-repeat:no-repeat;
}


#lateralmenu .keymiddle a{
	background-image:url('images/lateralmenu/keymiddle.jpg');
	background-repeat:no-repeat;
}

#lateralmenu .keymiddle:hover  a{
	background-image:url('images/lateralmenu/keymiddle_over.jpg');
	background-repeat:no-repeat;
}

#lateralmenu .keybottom a{
	background-image:url('images/lateralmenu/keybottom.jpg');
	background-repeat:no-repeat;
}

#lateralmenu .keybottom:hover a{
	background-image:url('images/lateralmenu/keybottom_over.jpg');
	background-repeat:no-repeat;
}

/*********************************** PAGINA PRESENTACION ********************************/

#presentationimg {
	margin: 0 auto;
	padding-top:50px;
	padding-bottom:83px;
	width:417px;
	text-align:center;
}

#menuhome {
	padding-top:30px;
}

#menuhome li{
	display:inline;
	margin-left:40px;
}

#menuhome li a {
	color:#C60;
}

#menuhome a:hover {
	color:#CC6;
}


#menuppal {
	float:left;
	width:150px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	margin-top: 56px;
}

#menuppal a {
	color:#C60;
}

#menuppal a:hover {
	color:#669;
}
#menuppal ul {
	padding-left:14px;
}

#menuppal li {
	margin-bottom:20px;
}

#menuppal li.selected {
	font-weight:bold;
}

/* MENU INLINE */

#menu_inline {
	text-align:left;
	font-size:12px;
	margin-top:10px;
}

#menu_inline li{
	display:inline;
	margin-right:40px;
}

#menu_inline li a {
	color:#C60;
}

#menu_inline a:hover {
	color:#CC6;
}

/******************************CV*********************************************/

#cv {
	float:left;
	width:430px;
	text-align:left;
}


#cv p {
	color:#666;
	font-size:12px;
	line-height:14px;
	margin-bottom:-0px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#cv sectiontitle {
	font-size:11px;
	color:#300;
	text-transform:uppercase;
	font-weight:bold;
}

#cv subsectiontitle {
	font-size:14px;
	color:#666;
	text-decoration:underline;
}

#cv rotulo {
	text-align:left;
	font-weight:bold;
	right:20px;
}

#linea {
	background:url(images/division.jpg) repeat-x;
	height:5px;
	margin-top:15px;
	
}


/*********************************GALERY***************************************/
#galery {
	margin-top:45px;
	text-align:center;
	color:grey;
}

#imageselector {
	float:left;
	text-align:left;
	width:130px;
}

#desc {
	width:514px;
	float:right;
	
}

/**********************************MUSIC****************************************/

#music {
	margin-top:30px;
	text-align:left;
	width:612px;
}

#tapa {
	float:left;
	margin-right:60px;
}

#flashPlayer {
	/*margin-left:25px;*/
}

#comentarios {
	width:585px;
	margin-top:10px;
	padding:5px 5px 5px 5px;
}

/**********************************MUSICO****************************************/


#musico {
	height:120px;
	width:90px;
	border-style:solid;
	border-width:1px;
	border-color:#F66;
	float:left;
	margin-right:17px;

}

#dibu {
	height:90px;
	width:90px;
	border-style:solid;
	border-width:1px;
	
}

#dibu.guitarra {
	background:#626;
}

#dibu.guitarra:hover{
	background:#418;
}

#dibu.teclados {
	background:#966;
}

#dibu.teclados:hover{
	background:#4AB;
}

#dibu.bateria {
	background:#FC0;
}

#dibu.bateria:hover{
	background:#459;
}

#dibu.bajo {
	background:#356;
}

#dibu.bajo:hover{
	background:#268;
}

#dibu_desc {
	width:90px;
	height:30px;
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:9px;
}
	

/*****************************PORTADA*****************************************/
#portada {
	/*text-align:right;*/
	height:380px; /*440*/

}

#portada .imagen {
	float:left;
	width:417px;
	height:371px;
}

#portada .resenia {
	clear:right;
	float:right;
	width:230px; 
	height:130px;/*decia 322 pero no anda en Instituto*/
	margin-top:50px;
}

#portada .lista {
	clear:right;
	margin-top:15px;
	float:right;
	width:230px;
	height:200px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
}

/************************************ BODY CONTENT *************************/
#bodycontent {
	clear:rigth;
	float:right;
	width:670px;
	height:500px;
	padding: 10px 10px 10px 10px;
	/*text-align:center;*/
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
}

/****************************  FORM ***************************/

#form {
	margin: 0 auto;
	text-align:left;
	width:210px;
	padding:10px 10px 10px 10px;
}

#form .text_box {
	border:none;
	color:#006;
}

/****************************  FOOTER ***************************/

#footer {
	text-align:center;
	height:30px;
	background-color:black;
	color:#FFF;
	text-transform:lowercase;
	font-size:11px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	

	clear:both;
}

#footer p{
	color:#C4C4C4;
	padding-top:6px;
}