/* 

	Hoja de Estilos - Web Orquesta Ciudad de Alcalá
	
*/



/*** CONTENEDORES PRINCIPALES *********************************************/
body {
	margin:0 auto;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000;
	font-size:12px;
	background-image:url(img/bg_cabecera_3.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

div#contenedor {
	width:980px;
	margin:-20px auto 0 auto;
	height:auto;

	
	overflow:hidden;
	
	
}

/*** CABECERA *********************************************/
div#cabecera {
	margin: 0px;
	padding:0;
	height: 480px;
	/*border:1px solid #ff0000;*/
	width:100%;
	background-image:url(img/bg_cabecera_fija3.jpg);
	background-repeat:no-repeat;
	background-position:top;
	
}


div#nav_superior {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: -50px;
	margin-top: 300px; /*modificacion 330px*/
	padding: 10px;
	width:350px;
	height:30px;
	border:0px solid #fff;
	float:right;
	
	
}
div#nav_superior ul {
	margin:0;
	padding:0;
	list-style:none;
	color:#fff;
	

}

div#nav_superior ul li {
	margin:0 30px 0 0;
	float:left;
	
}

div#nav_superior ul a {
	color:#fff;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	
}

div#nav_superior ul a:visited {
	color:#fff;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	
}


div#nav_superior ul a:hover {
	color:#fff;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	
}



/*** NAVEGACION LATERAL *********************************************/
div#nav_izq {
	width:200px;
	background-color:#000;
	height:auto;
	/*margin-top:0px; MODIFICACION*/
	margin-top:-80px;
	margin-right:0px;
	float:left;
	text-align:right;
}

div#nav_izq ul {
	list-style-type: none;
	padding: 0px 20px 0 0;
	margin: 0px 0 0 0;
}

div#nav_izq ul li {
	
	padding: 0px;
	margin:20px 0 0 0px;
}
div#nav_izq ul li a#asociacion,a#orquesta,a#archivo,a#conocenos{
	color:#fff;
	font-size:16px;
	text-decoration:none;
	background-position:right;
	height:50px;
	background-repeat:no-repeat;
	padding-right:25px;
	padding-top:8px;
	
}
div#nav_izq ul li a#asociacion{background-image:url(img/asociacion.jpg);}
div#nav_izq ul li a#orquesta{background-image:url(img/orquesta.jpg);}
div#nav_izq ul li a#archivo{background-image:url(img/archivos.jpg);}
div#nav_izq ul li a#conocenos{background-image:url(img/conocenos.jpg);}
/*VISITED*/
div#nav_izq ul li a#asociacion:visited{background-image:url(img/asociacion.jpg);}
div#nav_izq ul li a#orquesta:visited{background-image:url(img/orquesta.jpg);}
div#nav_izq ul li a#archivo:visited{background-image:url(img/archivos.jpg);}
div#nav_izq ul li a#conocenos:visited{background-image:url(img/conocenos.jpg);}
/* HOVER */
div#nav_izq ul li a#asociacion:hover{color:#f3c401; background-image:url(img/asociacion_hover.gif);}
div#nav_izq ul li a#orquesta:hover{color:#f3c401; background-image:url(img/orquesta_hover.gif);}
div#nav_izq ul li a#archivo:hover{color:#f3c401; background-image:url(img/archivos_hover.gif);}
div#nav_izq ul li a#conocenos:hover{color:#f3c401; background-image:url(img/conocenos_hover.gif);}
/*CURRENT*/
div#nav_izq ul li a#asociacion.current{color:#f3c401; background-image:url(img/asociacion_hover.gif); cursor:default; font-size:18px; border-bottom:1px dashed #f3c401;}
div#nav_izq ul li a#orquesta.current{color:#f3c401; background-image:url(img/orquesta_hover.gif); cursor:default; font-size:18px; border-bottom:1px dashed #f3c401;}
div#nav_izq ul li a#archivo.current{color:#f3c401; background-image:url(img/archivos_hover.gif); cursor:default; font-size:18px; border-bottom:1px dashed #f3c401;}
div#nav_izq ul li a#conocenos.current{color:#f3c401; background-image:url(img/conocenos_hover.gif); cursor:default; font-size:18px; border-bottom:1px dashed #f3c401;}





/*** CONTENIDO *********************************************/

/*codigo metido por mi para hacer unos contenedores especiales para imagenes*/
#principal {
   margin:0 auto;
} 

.contenedorfoto {
   float:left;
   width:210px;
   height:180px;
   margin: 10px;
   padding:5px;
   background-color:#f5f7f9;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
   text-align:center;
} 
/*fin de contenedor*/

/*prueba de ahora*/
img{
		border:none;
	}

/* // general */

/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:15;
		padding:0;
		list-style:none;
	}

	ul#thumbs li{
		float:right;
		margin-right:15px;
		margin-top:10px;
		border:1px solid #999;
		padding:2px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;
	}

	/* cursor encima */

		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;
		}
		ul#thumbs a:hover img{
			border:1px solid #999;
			background:#fff;
			padding:2px;
		}	

	/* // mouse over */

	/* clearing floats */

		ul#thumbs:after, li#thumbs:after{
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  */
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	

	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;
	}
	p.thumb a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;
	}

	/* mouse over */

		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;
		}
		p.thumb a:hover img{
			border:1px solid #999;
			background:#fff;
			padding:2px;
		}
/*acaba prueba de ahora*/
div#main {
	width:780px;

	padding:0px;
	float:left;
	border-right:180px solid;
	margin:-130px -200px 0 0;
	/*margin:-100px -200px 0 0; MODIFICACION */
	/*border:1px solid #fff;*/
	
	
	
}

div#main.seccion {
	width:780px;
	
	padding:0px;
	float:left;
	
	margin:-150px -180px 0 0;
	/*margin:-100px -180px 0 0; MODIFICACION*/
	/*border:1px solid #fff;*/
	
	
	
}


div#intro {
	width:770px;
	height:300px;
	margin:5px;
	padding:0px;
	background-color:#000;
	text-align:left;
	float:left;
	
}

div#presentacion {
	width:750px;
	height:100px;
	margin:5px;
	padding:10px;
	background-color:#fff;
	color:#333;
	font-size:12px;
	float:left;
	
}


div#prox_eventos {
	width:320px;
	height:250px;
	background-color:#000;
	float:left;
	margin:5px;
	font-size:12px;
	padding:5px;
	border:1px solid #fff;
	color:#fff;
	
}
div#prox_eventos ul {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#333;
}




div#ult_videos {
	width:416px;
	height:250px;
	background-color:#000;
	float:left;
	margin:5px;
	font-size:12px;
	padding:5px;
	border:1px solid #fff;
	
}

div#otras_paginas {
	width:320px;
	height:180px;
	background-color:#000;
	float:left;
	margin:5px;
	
	padding:5px;
	border:1px solid #fff;
	
	
	
}
div#otras_paginas ul {
	margin:20px 0 0 30px;
	padding:0;
	background-color:#fff;
	color:#333;
	list-style:square;
}
div#otras_paginas ul li{
	height:30px;
	display:block;
	
	padding:10px;
	margin:2px;
	font-size:16px;
	
}

/*
div#otras_paginas ul li a {
	colo
}*/

div#apoyo {
	width:416px;
	height:180px;
	background-color:#000;
	float:left;
	margin:5px;
	font-size:12px;
	padding:5px;
	border:1px solid #fff;
	
	
}

div#banners {
	width:200px;
	height:auto;
	margin-top:60px;
	margin-right:0px;
	text-align:right;
	color:#fff;
	
}

div#banners  ul{
	list-style:none;
	margin:0;
	padding:0;
	
}

div#banners ul li#orq_infantil {
	display:block;
	height:50px;
	border:1px solid #fff;
	background-image:url(img/prox_eventos/orq_infantil.gif);
	background-position:center;
	background-repeat:no-repeat;
	margin:10px;
}

div#banners ul li#colabora {
	display:block;
	height:150px;
	border:1px solid #fff;
	margin:10px;
}


/*** PIE DE PAGINA ******************************************/
div#footer {
	width:800px;
	background-color:#000;
	height:170px;
	
	
	padding:0 0 0px 0;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin:0px 0px -20px 200px;
	
	
}

div#footer a {
	color:#fff;
	text-decoration:none;
	
}
div#footer a:visited {
	color:#fff;
	text-decoration:none;
	
}
div#footer a:hover {
	color:#f3c401;
	text-decoration:none;
	
}

div#logos_footer {
	width:100%;
	height:150px;
	margin:50px 0 0 0;
	padding:20px;
	text-align:center;
	border-bottom:1px solid #ddd;
	vertical-align:top;
	
}
div#logos_footer img {
	margin:20px;
	border:1px solid #333;
}

div#footer_texto {
	font-size:11px;
	padding:20px;
	width:100%;
	
	
}

/*** SECCIONES ******************************************************/
div#cabecera_fundacion,div#cabecera_orquesta,div#cabecera_archivo,div#cabecera_conocenos {
	width:780px;
	height:55px;
	margin-left:5px;
	
}

div#cabecera_fundacion {
	background-image:url(img/bg_seccion_fundacion2.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:right;
	vertical-align:bottom;
	padding-top:35px;
	
	
	
}
div#cabecera_orquesta {
	background-image:url(img/bg_seccion_orquesta2.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:right;
	vertical-align:bottom;
	padding-top:35px;
	
	
	
}

div#cabecera_archivo {
	background-image:url(img/bg_seccion_archivo2.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:right;
	vertical-align:bottom;
	padding-top:35px;
	
	
	
}

div#cabecera_conocenos {
	background-image:url(img/bg_seccion_contacto2.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:right;
	vertical-align:bottom;
	padding-top:35px;
	
	
	
}



div#cabecera_fundacion span, div#cabecera_orquesta span, div#cabecera_archivo span, div#cabecera_conocenos span {
	font-size:32px;
	color:#fff;
	text-align:right;
	margin-right:30px;


	
	
}

div#subnav {
	width:795px;
	height:40px;

	padding:0px 0 0 0;
	margin:0 0 0 5px;
	background-color:#8f2e2e;
	background-image:url(img/bg_subnav_default.gif);
	background-repeat:repeat-x;
	
	
}

div#subnav ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:14px;
	float:left;
	
}

div#subnav ul li {
	float:left;
	display:block;
	margin:0;
	padding:0;
	
	
}

div#subnav ul li a {
	float:left;
	display:block;
   	text-decoration:none;
	border-right:1px solid #fff;
	background-image:url(img/bg_subnav_default.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:194px;
	height:40px;
	text-align:center;
	color:#fff;
	padding:10px 0 0 0;
	
	
}

div#subnav ul li a:visited {
	float:left;
	display:block;
   	text-decoration:none;
	border-right:1px solid #fff;
	background-image:url(img/bg_subnav_default.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:194px;
	height:40px;
	text-align:center;
	color:#fff;
	padding:10px 0 0 0;
	
	
}

div#subnav ul li a:hover {
	float:left;
	display:block;
	text-decoration:none;
	border-right:1px solid #fff;
	background-image:url(img/bg_subnav_hover.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:194px;
	height:35px;
	text-align:center;
	color:#8f2e2e;
	padding:10px 0 0 0;
	
	
}

div#subnav ul li a.current {
	float:left;
	display:block;

	border-right:1px solid #fff;
	background-image:url(img/bg_subnav_current.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:194px;
	height:40px;
	text-align:center;
	color:#000;
	padding:15px 0 0 0;
	margin:0px 0 0 0;
	cursor:default;
	
	
}


div#texto {
	width:740px;
	padding:20px;
	margin:0px 5px 5px 5px;
	font-size:12px;
	line-height:20px;
	color:#333;
	background-color:#fff;
	
}

/* FUNDACION */



/*** ETIQUETAS HTML **************************************************/
h2 {
	color:#8f2e2e;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

h2.portada {
	color:#fff;
	font-size:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}


h2.eventos {
	color:#333;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(img/calendario.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:10px;
	height:25px;
	background-color:#fff;
	border-bottom:1px solid #000;
	margin:0px 0 2px 0;
	

}

h2.apoyo {
	color:#333;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(img/ok.jpg);
	background-position:left;
	background-repeat:no-repeat;
	
	background-position:left;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:10px;
	height:25px;
	background-color:#fff;
	border-bottom:1px solid #000;
	margin:0px 0 2px 0;
	

}

h2.otras_paginas {
	color:#333;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(img/documentos.png);
	background-position:left;
	background-repeat:no-repeat;
	
	background-position:left;
	background-repeat:no-repeat;
	padding-left:45px;
	padding-top:10px;
	height:25px;
	background-color:#fff;
	border-bottom:1px solid #000;
	margin:0px 0 2px 0;
	

}

h2.infantil {
	color:#333;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(img/iconoinfantil.jpg);
	background-position:left;
	background-repeat:no-repeat;
	
	background-position:left;
	background-repeat:no-repeat;
	padding-left:45px;
	padding-top:10px;
	height:25px;
	background-color:#fff;
	border-bottom:1px solid #000;
	margin:0px 0 2px 0;
	

}


h2.videos {
	color:#333;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(img/videos.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:10px;
	height:25px;
	background-color:#fff;
	border-bottom:1px solid #000;
	margin:0px 0 22px 0;
	

}

a.link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #f3c401;
	}
a.link:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #f3c401;
	}
a.link:hover { 
	text-decoration: underline; 
	color: #f3c401;
	}
	
a.link_videos { 
	font-weight: bold; 
	text-decoration: none; 
	color: #2786c2;
	}
a.link_videos:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #2786c2;
	}
a.link_videos:hover { 
	text-decoration: underline; 
	color: #2786c2;
	}
	
a.link_fotos { 
	font-weight: bold; 
	text-decoration: none; 
	color: #00aa30;
	}
a.link_fotos:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #00aa30;
	}
a.link_fotos:hover { 
	text-decoration: underline; 
	color: #00aa30;
	}

a.link_audio { 
	font-weight: bold; 
	text-decoration: none; 
	color: #aa0000;
	}
a.link_audio:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #333;
	}
a.link_audio:hover { 
	text-decoration: underline; 
	color: #333;
	}
	
	
/*
a.link {
	font-weight:bold;
	color:#8f2e2e;
	text-decoration:none;
	font-size:12px;
	
	font-style:normal;

}

a.link:visited {
	font-weight:bold;
	color:#8f2e2e;
	text-decoration:none;
	font-size:12px;
	
	font-style:normal;

}

a.link:hover {
	font-weight:bold;
	color:#ff9900;
	text-decoration:none;
	font-size:12px;
	text-decoration:underline;
	
	font-style:normal;

}*/

ul {
	list-style:square;
		
}

li {
	
}



input {
	border:1px solid #333;
	color:#005baa;
	padding:4px;
	
}