/* ---------- etiquetas y reset -----------*/
html, body {border:0;margin:0;padding:0;height:100%;} 
body {font: 11px/1.25 "Arial",sans-serif;background:#EDEDEC}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;}
p,div,form {margin:0;padding:0;}
img {border:0;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dotted;}


/* ---------- layout general -----------*/
#layout{width:698px;margin:0 auto;background:#fff;min-height:100%}
#layout2{width:698px;margin:0 auto;background:#fff;min-height:100%}
	#home{position:absolute;height:30px;width:235px;margin-left:450px;margin-top:115px;padding:0}
		#home a{display:block;height:30px;text-decoration:none}
	#zonaSup{background:#fff url(../img/pianista.jpg) no-repeat left 27px;height:286px}
		#idiomas{width:239px;height:52px;background:#fff;border-bottom:7px solid #C3A522}
			#idiomas img{float:left;margin-top:32px}
			#idiomas span{width:118px;float:left;text-align:center;padding-top:35px}
			#idiomas a{font-family:Verdana;font-size:10px;font-weight:bold;text-decoration:none; color:#C3A522;}
			#idiomas .activo{background:url(../img/flechabajo.gif) no-repeat center}
				#idiomas .activo a{font-weight:normal;color:#000;}
	.contenedor{padding-top:66px;clear:both}
		#player{}
		#menuPrincipal{width:468px;height:39px;margin-top:123px}
			#menuPrincipal ul{margin:0;padding:0}
				#menuPrincipal li{float:left;height:39px;width:66px;background:#fff url(../img/fondoMenu.gif) no-repeat left bottom;text-align:center}
				#menuPrincipal li.primero{background:#fff}
				#menuPrincipal li a{display:block;margin:17px 1px 0 0;border-bottom:2px solid #c0c0c0;text-decoration:none;padding:0 0 4px 0;font-size:13px;color:#101010}
				#menuPrincipal li a:hover, #menuPrincipal li a.activo{color:#82794F;border-color:#3F3F3F}
				
				#centro{width:650px;padding:27px 20px 20px 20px}
				#colcentro div{margin:0 20px 0 27px}
	#colIzquierda{width:410px;padding:27px 0 20px 0}
		#colIzquierda div{margin:0 20px 0 27px}
			#bienvenida p{margin:20px 0}
			#bienvenida h1{font-size:11px;font-weight:bold;color:#006666;margin:14px 0}
			#video{width:600px;margin:20px 0}
			#actualidad h1{ font-size:11px;font-weight:bold;background:#82794F;color:#fff;padding:2px 5px;margin-top:10px}
			#actualidad h2{font-size:13px;font-weight:bold;margin:14px 0}
			#actualidad h3{ font-size:11px;background:#e9e9e9;color:#000000;padding:2px 5px;margin-top:10px}
			#contacto div{aling:center;margin:20px 0}
			#contacto a{font: 11px/1.25 "Arial",sans-serif;color:#003366;font-weight:bold}
			#contacto p{margin:10px 0}
			#actualidad img{margin:3px 5px}
			#actualidad p{margin:10px 0}
			#actualidad a{color:#C3A522;font-weight:bold}
			#actualidad2 a{color:#ffffff;font-weight:bold;}
			#actualidad2 p{margin:10px 0}
			#actualidad2 h1{ font-size:11px;background:#999999;color:#000000;padding:2px 5px;margin-top:10px}
			#actualidad3 h1{ font-size:11px;background:#91968A;color:#000000;padding:2px 5px;margin-top:10px}
			#actualidad3 a{color:#ffffff;font-size:12px;font-weight:bold;}
		.fondoPartitura{background:url(../img/fondoPartitura.jpg) no-repeat top right}
		#colDerecha{width:288px;min-height:338px;margin:1px 0 0 0}
			#agenda{border:3px solid #DDDAC6;width:245px;background:#fff;margin:30px 0 0 28px}
				#agenda h2{font-size:11px;background:url(../img/esquina.gif) no-repeat;margin:0;font-weight:bold;padding:4px 0 4px 45px}
				#agenda ul{margin:40px 5px 27px 5px;padding:0;font-size:10px}
				#agenda li{border-bottom:1px solid #fff;padding:3px 10px;background:#B5BCAD}
				#agenda .filaPar{background:#DED9C8}
	#piePag{border-top:6px solid #000;font-size:10px;color:34c4c4c;padding:8px 0 15px 0}
    #piePag a{font: 11px/1.25 "Arial",sans-serif;color:#003366;font-weight:bold}
/* ------------- clases globales --------------*/

	/* float y clear */
	.clear{clear:both}
	.floatDer{float:right}
	.floatIzq{float:left}
	
	/* listas */
	.sinBullet{list-style:none;list-style-image:none;}
	
	/* alineacion */
	.alinDer{text-align:right}
	.alinIzq{text-align:left}
	.alinCen{text-align:center}
	
	/* bordes */
	.sinBorde{border:0}