/* CSS Document */

/*----------------- Estilos de la página de presentación(INDEX) --------------------*/

div#inicio { width:1024px; 
	height:742px; 
	background-image: url(imagenes/inicio.png);
	background-repeat:no-repeat; }

img#coci { position:relative;
	top: 500px;
	left: 370px;
	}

	
	
a.inicio3:hover { background-image:url(sectores/Images/inicio12_03.jpg); }
 

body { background-color:#696969;
	text-align:center; }
	
/*------------------------- H2 -------------------------*/ 

h1#socio {background-image:url(imagenes/h2_haztesocio.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#antdirect {background-image:url(imagenes/h2_antdirect.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#musicos {background-image:url(imagenes/h2_musicos.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }
	
h1#premios {background-image:url(imagenes/h2_premios.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }
		
h1#historia {background-image:url(imagenes/h2_historia.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#junta {background-image:url(imagenes/h2_jun_dir.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#publicaciones {background-image:url(imagenes/h2_publicaciones.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#presidentes {background-image:url(imagenes/h2_presidentes.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }
	
h1#director {background-image:url(imagenes/h2_director.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }
		
h1#ilustres {background-image:url(imagenes/h2_mus_ilus.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }
	
h1#presentacion {background-image:url(imagenes/h2_presentacion.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#organizacion {background-image:url(imagenes/h2_organizacion.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#apuntate {background-image:url(imagenes/h2_apuntate.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#bandaju {background-image:url(imagenes/h2_bandaju.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }
	
h1#enlaces {background-image:url(imagenes/h2_enlaces.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }
		
h1#contacto {background-image:url(imagenes/h2_contacto.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }
	
h1#ubicacion {background-image:url(imagenes/h2_ubicacion.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#mapaweb {background-image:url(imagenes/h2_mapaweb.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#disenoweb {background-image:url(imagenes/h2_disenoweb.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

h1#objetivos {background-image:url(imagenes/h2_objetivos.png);background-repeat:no-repeat;margin-top: 20px;margin-left:50px;height:250px;width:998px; }

/*------------------------- Estilos página de INICIO -------------------------*/ 
	
div#contenedor { color:#FFFFFF;
	width:998px;
	background-image:url(imagenes/fondo_marco.png);
	background-repeat:repeat-y;
	font:normal 12pt Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px; }
	
div#borde {background-image: url(imagenes/borde_punta.png);
	background-repeat:no-repeat;
	height: 7px;}
	
div#borde2 {background-image: url(imagenes/borde_punta2.png);
	background-repeat:no-repeat;
	height: 7px;
	margin-bottom:0px;}
	
div#encabezado {  }
	
h1 {background-image:url(imagenes/h1.png);
	background-repeat:no-repeat;
	margin-top: 20px;
	margin-left:50px;
	height:250px;
	width:998px;
	margin-bottom:0px;
	}
h2 {background-image:url(imagenes/h2.png);
	background-repeat:no-repeat;
	margin-top: 20px;
	margin-left:50px;
	height:271px;
	width:998px;
	}
	
div.menusup {
	clear:both;
	margin-top:0px;
	margin-left:20px;
}
		
span.menu { color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:left;
	width:95px;
	height:20px;
	font-size:12pt;
	text-align:center;
	margin-top:30px; }
	
span.menu:hover { color:#000000;
	background-color:#CCCCCC;
	font-weight:bold; }
	
a.menu { color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:left;
	width:95px;
	height:20px;
	font-size:12pt;
	text-align:center;
	margin-top:30px; }
	
a.menu:hover { color:#000000;
	background-color:#CCCCCC;
	font-weight:bold; }
	
span.ocultar { visibility:hidden;
	color:#FFFFFF; }
	
div.centro { margin-right:110px;
	width:700px;
	float:right;
	margin-top:50px;
	margin-bottom:40px; }
	
div.flash { 
	margin-left:40px; }
	
div.centro p { text-align:justify;
	width:690px;
	margin:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:130%; }
	
div.centro p.derecha { text-align:right;
	margin-right:130px; }
	
div#submenu { 
	margin-top:50px;
	width:165px;
	float:left;
	margin-left:20px; }
	
div#submenu a {	display:block;
	text-decoration:none;
	color:#FFFFFF;
	height:35px;
	margin-top:8px;
	text-align:left;
	font-size:11pt; }
	
div#submenu a:hover { color:#000000;
	background-color:#CCCCCC;
	font-weight:bold; }
	
h4 { color:#FFFF99; }

br.salto { clear:both; }

div.sinscript{ 
    color:#FFFFFF;
	margin-top:50px;
	width:165px;
	border: 1px solid #888888;
	float:left;
	margin-left:20px; }
	
p.capital:first-letter { 
    font:bold italic 300% "Times New Roman", Times, serif;
	float:left;
	margin-right:3px; }
	
a.web { color:#FFFF33;
	text-decoration:none;
	display:block;
	float:left;
	width:150px;
	height:25px;
	font-size:14pt;
	text-align:center;
	margin-top:30px;
 }
 
 a.web:hover { color:#000000;
	background-color:#FFFF33;
	font-weight:bold; }
	
	div#fin {float:right;
	width:500px;}
/*----------------------------Estilos HISTORIA DE LA BANDA-----------------------------------*/

img.banda { margin-left:40px; }
	
/*----------------------------Estilos DIRECTOR ACTUAL-----------------------------------*/

img.director { width:300px;
	height:300px;
	margin-left:100px; }

/*----------------------------Estilos JUNTA DIRECTIVA-----------------------------------*/

div.centro ul { text-align:left; }
	
div.centro li { height:30px;
	margin-bottom:10px;
	list-style-type:none; }

div.centro li.tabulador { margin-left:50px;
	 }

div.centro strong.amarillo { color:#FFFF66; }

div.centro strong.claro { color:#FFFF99; }

img.subir { position:relative;
			right:-280px;
			margin-top:30px;
			border:none; }
			


/*----------------------------Estilos PRESIDENTE-----------------------------------*/

div.presidentes { text-align:center;
	width:350px;
	float:left;
	 }

/*----------------------------Estilos HAZTE SOCIO-----------------------------------*/

span.resaltar { font-weight:bolder; }

div.centro form { text-align:left;
	margin-left:50px; }
				 
div.centro form p label {
	width:200px;
	display: block;
	float:left;
	clear:left; 
	text-align:right;
	margin-right: 5px;
	}
div.centro form p {
	margin:8px; 
}

/*----------------------------Estilos PUBLICACIONES-----------------------------------*/

img.revista { margin-left:50px;
	margin-bottom:30px;
	border:none; }


/*----------------------------Estilos MUSICOS-----------------------------------*/

div.centro img.instrumentos { float:right; }

/*----------------------------Estilos UBICACIÓN-----------------------------------*/
a#nombre { margin-left:20px;
	display:block;
	width:100px;
	margin-top:243px; 
	background-image:url(imagenes/bigastro3.png);
	background-repeat: no-repeat;
	height:40px;}
div.centroubica1 { margin-right:110px;
	width:700px;
	float:right;
	margin-top:50px; 
	background-image:url(file:imagenes/mapa.png);
	background-repeat: no-repeat;
	height:471px;}
div.callejero {
	width:996px;
	height:650px;
	text-align:center;
	background-image:url(imagenes/fondo_marco.png);
	background-repeat:repeat;}

div.callejero p {text-align:center;
	font-size:24px;
	color:#FFFFFF;
	}
img.callejero {margin-top: 20px;}
img.callejero1 {margin-top:20px;}
/*----------------------------Estilos APÚNTATE----------------------------------*/

input#boton {margin-left:220px;}

/*----------------------------Estilos ANTIGUOS DIRECTORES----------------------------------*/

div.antiguosdirec { text-align:center;
	width:220px;
	height:300px;
	float:left; }
	
span.letranormal { font:normal 7pt Verdana, Arial, Helvetica, sans-serif; }

img.antiguos { border:none; }

/*----------------------------Estilos CURRICULUM DE LOS ANTIGUOS DIRECTORES----------------------------------*/
img.nombre1 { 
	margin-top:20px;
	margin-left:40px;
 }

div.curriculum { margin-right:110px;
	width:750px;
	float:right;
	margin-top:50px;
	margin-bottom:40px; }
	
div.curriculum p { text-align:justify;
	width:730px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:130%; }

div.curriculum img.direcurriculum { float:left;
	margin-right:20px;
	margin-bottom:20px; }


/*----------------------------Estilos PAGINAS DE ESCUELA----------------------------------*/

div.centro li.organiza { height:120px;
	text-align:justify; }

/*----------------------------ORGANIZACIÓN----------------------------------*/

img.subir2 { position:relative;
	left:580px;
	border:none; }
div.centro li.organiza2 { height:150px;
	text-align:justify; }
	
/*----------------------------OBJETIVOS----------------------------------*/


div.centro li.objetivos { height:55px; }

/*----------------------------MAPA WEB----------------------------------*/
li.punto {list-style-type:disc;
	color:#FFFFFF;
	height: 20px; }
	
ul.punto {list-style-type:disc; }

li.square {list-style-type:square;
	color:#FFFFFF;
}

a.mapa { text-decoration:none;
color:#FFFFFF; }

a.mapa:hover { color:#FFFF00; }

li.otromas { margin-left:150px; }

/*----------------------------GALERÍA FOTOS----------------------------------*/
div.fotos { margin-right: 49px;
	width:900px;
	float:right;
	margin-top:50px;
	margin-bottom:40px; 
	}
	
img#santa06 {margin-top:20px;
	margin-left:30px;}
img.recortadas {margin-left: 18px;
	float: left;
	margin-top: 18px;}

/*----------------------------ENLACES----------------------------------*/

table{ width:100%;
}

caption{ font: bold 18pt Verdana, Arial, Helvetica, sans-serif;
	color:#FFFF66;
	padding-bottom:10px;
}

a.enlaces{ text-decoration:none;
	color:#FFFFFF;
}

/*----------------------------Estilos contacto----------------------------------*/

div.contacto { 
    width: 500px;
	height: 220px;
	text-align: center;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;}
div.contacto1 { 
    width: 500px;
	height: 140px;
	text-align: center;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;}
	div.contacto2 { 
    width: 500px;
	height: 480px;
	text-align: center;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;}
div.logos {
	text-align: center;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	background-color: #fff;
	width: 400px;
}

a.conta{ color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;}
	
/*----------------------------MUSICOS DESTACADOS----------------------------------*/


div.destaca { 
    text-align:center;
	margin-left:20px;
	margin-bottom:20px;
	height:300px;
	float:left; }