/* CSS Document */

/*/ ~~~~~~~~~~  MUSIKEON, S.L.U. > www.musikeon.net ~~~~~~~~~~ /*/
/*/ ~~~~~~~~~~  Design & Programming > RAZGO - www.razgo.net /*/

html {
	width:100%;
	height:100%;
	} 
 
body {
 	margin:0 auto;
	background-image: url('../img/trama.gif');
	background-repeat:repeat;
 	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px ; 
	color: #797878;
	} 

A { 
 	text-decoration:underline; 
	color: #FD3903;
	} 
	
A:hover {  
	text-decoration:underline; 
	color: #FD3903;
	} 

/*/ ************************************* * tipos /*/


.titular {
	font-size: 18px;
	color: #FD3903;
	/*/font-family: Times New Roman, Times, serif;/*/
}	

.orange {
	color: #FD3903;
}	

.grey {
	color: #797878;
}	

.head {
	color: #5A5A5A;
	font-size: 14px;
	font-weight:bold;
}	

.bio_in {
	color: #FD3903;
	font-size: 13px;
}	

.bio_on {
	color: #797878;
	font-size: 13px;
}	

.titular_agenda {
	font-size:12px;
	color: #5A5A5A;
	font-weight:bold;

}	

.small {
	font-size:10px ; 
}	

.fecha_agenda {
	font-size: 11px;
	color: #FD3903;
}	

.text_agenda {
	font-size: 11px;
}	

.pdf {
	font-size: 11px;
	color: #FD3903;
}	

.pdf_ejemplos {
	font-size: 11px;
	color: #797878;
}	


/*/ ************************************* * top /*/


#wrapper {
	width: 900px;
	height:auto;
 	margin: 0 auto;
	padding:0 0;
	}

#container { 			
	position:absolute;
	top:0px;
	width:900;	
	border: 0;		
	margin: 0;
	padding: 0;
	}


#image { 
	position: absolute;
	top:20px;
	left:0px;
	width:900px;
	height:80px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}


#logo_musikeon { 
	position: absolute;
	background-color:#000000;
	top:100px;
	left:0px;
	width:360px;
	height:76px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}


/*/ ************************************* * navegacion /*/

#nav_top { 
	position: absolute;
	background-color:#000000;
	top:100px;
	left:360px;
	width:540px;
	height:36px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav {
	position:absolute;
	background-color:#000000;
	top:136px;
	left:360px;
	width:540px;
	height:40px;
	vertical-align: top;
	border: 0;
	margin: 0;
	padding: 0;
	}

#nav_musicologia {
	position:absolute;
	top:176px;
	left:38px;
	width:322px;
	height:36px;
	vertical-align: top;
	border: 0;
	margin: 0;
	padding: 0;
	}

#nav_agenda {
	position:absolute;
	top:176px;
	left:700px;
	width:106px;
	height:36px;
	vertical-align: top;
	border: 0;
	margin: 0;
	padding: 0;
	}


#grad {
	position:absolute;
	top:176px;
	left:0px;
	width:900px;
	height:60px;
	background-color:#FFFFFF;
	vertical-align: top;
	border: 0;
	margin: 0;
	padding: 0;
	}

#grad_int {
	position:absolute;
	top:176px;
	left:0px;
	width:900px;
	height:60px;
	background-color:#FFFFFF;
	vertical-align: top;
	border: 0;
	margin: 0;
	padding: 0;
	}


/*/ ************************************* * contenidos /*/

#contenido {
	position: absolute;
	top:236px;
	left:0px;
	width:904px;
	height:820px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	background-image:url(../img/bkgd_int.gif);
	}

#head { 
	position: absolute;
	top:0px;
	left:285px;
	width:386px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}



/*/ ************************************* * secciones /*/


#home_flash { 
	position: absolute;
	top:212px;
	left:0px;
	width:900px;
	height:80px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}
	
#home { 
	position: absolute;
	top:292px;
	left:0px;
	width:900px;
	height:230px;		
	background-color:#FFFFFF;
	background-image:url(../img/bkgd_int.gif);
	}
	
#home_presenta { 
	position: absolute;
	top:30px;
	left:52px;
	width:280px;
	height:300px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}
		
#home_destacados { 
	position: absolute;
	top:292px;
	left:0px;
	width:498px;
	height:auto;		
	margin: 0px 0px 0px 0px;
	padding: 30px 20px 0px 382px;
	background-color:#FFFFFF;
	background-image:url(../img/bkgd_int.gif);
	}
	
#footer_home { 
	position: absolute;
	left:0px;
	float: left;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	}

#texto {
	position: absolute;
	top:6px;
	left:382px;
	width:490px;
	height:771px;
	border: 0;
	margin: 0;
	padding: 0;
	}
		
	
#texto_left { 
	position: absolute;
	top:10px;
	left:52px;
	width:254px;
	height:180px;	
	border: 0;		
	margin: 0;
	padding: 0; 
	}
	
		
#bios { 
	position: absolute;
	top:236px;
	left:0px;
	width:498px;
	height:auto;
	float:left;	
	border: 0;			
	margin: 0px 0px 0px 0px;
	padding: 4px 20px 0px 382px;
	background-image:url(../img/bkgd_int.gif);
	}

	
#subnav_quienes { 
	position: absolute;
	top:176px;
	left:124px;
	width:180px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#bio_foto { 
	position: absolute;
	top:6px;
	left:360px;
	width:540px;
	height:110px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#bio_texto { 
	position: absolute;
	top:50px;
	left:382px;
	width:385px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

		
#subnav { 
	position: absolute;
	top:0px;
	left:0px;
	width:356px;
	height:300px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

	
#historico { 
	position: absolute;
	top:280px;
	left:0px;
	width:356px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#historial { 
	position: absolute;
	top:260px;
	left:52px;
	width:800px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}
	
	
#agenda { 
	position: absolute;
	top:236px;
	left:0px;
	width:498px;
	height:auto;
	float:left;	
	border: 0;			
	margin: 0px 0px 0px 0px;
	padding: 4px 20px 0px 382px;
	background-image:url(../img/bkgd_int.gif);
	}

	
#agenda_head { 
	position: absolute;
	top:0px;
	left:382px;
	width:190px;
	height:32px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}
		

#agenda_calendario { 
	position: absolute;
	top:-4px;
	left:38px;
	width:350px;
	height:300px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}
	
#contacto { 
	position: absolute;
	top:0px;
	left:52px;
	width:290px;
	height:300px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}



#mapa_left { 
	position: absolute;
	top:0px;
	left:50px;
	width:420px;
	height:320px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#mapa_right { 
	position: absolute;
	top:-5px;
	left:485px;
	width:400px;
	height:320px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}
	
	
#ejemplos { 
	position: absolute;
	top:10px;
	left:380px;
	width:120px;
	height:32px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}
		

/*/ ************************************* * forms /*/



.lista {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt; 
	color:#FD3903;
	background-color: #FFFFFF;
	width:220px;
	height:15px; 
	clip:rect(   ); 
	margin-top:4px; 
	margin-left:4px; 
	border:#797878;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
	}	

		
.field {  
	color: #FD3903;
	background-color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-left:4px;
	margin-top:4px;
	width:260px;
	height:12px;
	border:#797878; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
	}

.field_medio {  
	color: #FD3903;
	background-color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-left:4px;
	margin-top:4px;
	width:130px;
	height:12px;
	border:#797878; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
	}


.textarea {  
	color:#FD3903;
	background-color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-left:4px;
	margin-top:4px;
	width:420px;
	border: #797878; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
	}

.boton {  
	font-family: Verdana,Helvetica, Arial,  sans-serif; 
	font-size: 8pt;
	color: #FFFFFF; 
	background-color:#FD3903; 
	}

	

#top { 
	position: absolute;
	top:0px;
	left:0px;
	width:900px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}


#fecha { 
	position: absolute;
	font-size:10px ; 
	color: #000000;
	top:4px;
	left:52px;
	width:400px;
	height:12px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}


#inicio { 
	position: absolute;
	top:0px;
	left:537px;
	width:131px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#idioma { 
	position: absolute;
	top:0px;
	left:767px;
	width:108px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

/*/ ************************************* * foter /*/

#footer { 
	float:left;
	top:0px;
	left:0px;
	width:900px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	}


#address { 
	position: relative;
	top:0px;
	left:0px;
	width:900px;
	height:20px;	
	border: 0;
	margin:0;		
	padding: 0;
	background-color:#FFFFFF;
	}
.divSeparador {
	height: 20px;
	width: 100%;
}