@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	background: url(../../images/fondo.jpg) center top no-repeat black;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:white;
}

img {border:0}
p {margin:0; padding:0}
form {margin:0; padding:0}

#contenedor {
	margin:0 auto;
	width: 951px;
}

#cabecera {
	height: 91px;
	padding-top:21px;
}

#cabecera .logo {
	width:218px;
	float:left;
}

#cabecera .subtitulo {
	width: 463px;
	height: 27px;
	background: url(../../images/subtitulo.gif) no-repeat;
	text-indent: -9999px;
	float:right;
	margin:45px 2px 0 0;
}

#top {
	height: 388px;
	border: 4px solid #acbc38;
}

#top #flash {
	width: 697px;
	float:left;
}

#top #menu {
	width: 246px;
	height: 388px;
	float:left;
	background:url(../../images/fondo_menu.jpg);
}

#top #menu ul {
	margin:0;
	padding:53px 0 0 0;
	list-style:none;
}

#top #menu li {margin:0 0 3px 0; padding:0}

/*** Estilos de menu ***/

a.boton {
	width: 224px;
	height: 23px;
	display:block;
	text-indent: -9999px;
	background-repeat: no-repeat;	
}

a.boton:hover {
	background-position: 0 -23px;
	background-color:#141414;
}

#activo {
	background-position: 0 -23px;
	background-color:#141414;
}

.b_inicio {background-image: url(../../images/menu/b_inicio.gif)}
.b_cantos {background-image: url(../../images/menu/b_cantos.gif)}
.b_ferias {background-image: url(../../images/menu/b_ferias.gif)}
.b_eventos {background-image: url(../../images/menu/b_eventos.gif)}
.b_noticias {background-image:url(../../images/menu/b_noticias.gif)}
.b_desfiles {background-image:url(../../images/menu/b_desfiles.gif)}
.b_dinamizacion {background-image:url(../../images/menu/b_dinamizacion.gif)}
.b_young {background-image:url(../../images/menu/b_young.gif)}
.b_casting {background:url(../../images/menu/b_casting.gif)}
.b_contacto {background:url(../../images/menu/b_contacto.gif)}
.b_foro {background:url(../../images/menu/b_foro.gif)}


#pie {
	margin:57px 0 20px 0;
	border-top: 4px solid #acbc38;
	padding-top: 5px;
	font-size:11px;
	text-align:center;
}

#pie a {color:white; text-decoration:none}
#pie a:hover {color:white; text-decoration:hover}
#pie .verde {color: #acbc38}

/*** HOME ***/

#home {
	margin: 36px 0 0 0;
}

#home .noticias {
	width: 435px;
	float:left;
}

#home .noticias .titulo {
	margin-bottom: 16px;
}

#home .noticias h3 {
	font-size:14px;
	font-weight:bold;
	margin: 0 0 8px 0;
	padding:0;
}
#home .noticias h3 a {color:white; text-decoration:none}
#home .noticias h3 a:hover {text-decoration:underline}

#home .noticias .separador {height: 18px; background:url(../../images/separador.jpg) no-repeat; margin-top:16px}

#home .eventos {
	width: 475px;
	float:right;
}

#home .eventos .titulo {
	margin-bottom: 9px;
}

#home .eventos .contenido {
	background: #141414;
	padding:10px;
	border: 1px solid #1A1A1A;
}

#home .eventos .contenido .titulo { }
.mes {
	width: 28px;
	height: 17px;
	float:left;
	color:white;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	text-align:center;
	}
	
#home .eventos h3 {
	font-size:14px;
	font-weight:bold;
	margin: 0 0 8px 10px;
	padding:0;
	float:left;
	width:370px;
}	
#home .eventos h3 a {color:white; text-decoration:none}
#home .eventos h3 a:hover {text-decoration:underline}	
#home .eventos .separador {height: 18px; background:url(../../images/separador2.jpg) no-repeat; margin-top:16px}

.limpiar {clear:both; font-size:1px}
.enlace a {font-size:11px; font-weight:bold; color: #8e993a; text-decoration:none}
.enlace a:hover {text-decoration:underline}

/*** Compañía Dany Cantos ***/

#dany { }

#dany .menu { }

#dany .menu ul {
	margin:0 0 0 0;
	padding:0;
	}

#dany .menu li.principal {
	margin: 0 0 0 0;
	padding: 0 4px;
	background: url(../../images/li_submenu.gif) no-repeat bottom left;
	float:left;
	list-style:none;	
}

#dany .menu li.principal a {
	font-size:12x;
	color:white;
	text-decoration:none;
	font-weight:bold;
	padding: 6px 8px 0 8px;
	display:block;
}

#dany .menu li.principal a:hover {
	background-color: #acbc38; }

#dany .menu #activo2 {background-color: #acbc38;}

#dany .introduccion {	
	float:left;
	width: 500px;
	color:white;
	margin-top:45px;
}

#dany .introduccion  .titulo {
	margin-bottom: 9px;
}

#dany .banners {
	width: 409px;
	float:right;
	margin-top:75px;
}

#dany .banners img {
	border: 1px solid #1A1A1A;
	margin-bottom:10px;
}


#dany .musica {
	width: 409px;
	float:right;
	margin-top:20px;
}

#dany .musica  .titulo {
	margin-bottom: 9px;
}

#dany .musica #player {border: 1px solid #1A1A1A;}

h2.galeria {
	height: 48px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 44px 0 5px 0;
	padding:0;
	font-size:1px;
}

/*** Componentes ***/

.dany_fondo {background:url(../../images/fondo_componentes.gif) bottom right no-repeat}

#dany .ficha {padding-top:44px ; *padding-top:27px}


#dany .ficha .contenido {width: 634px; float:left}

#dany .ficha h2 {
	height: 48px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
	font-size:1px;
}

#dany .ficha .texto {width: 762px; font-size:12px; padding-bottom:10px; margin-bottom:25px; *margin-bottom:0; border-bottom: 1px solid #acbc38}


#dany .ficha .seleccion {
	clear:both;
	}
	
#dany .ficha .seleccion a {
	display:block;
	border: 2px solid #acbc38;
	width: 82px;
	height: 87px;
	float:left;
	margin: 0 4px 4px 0;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}

#dany .ficha .seleccion a:hover {opacity:.100;filter: alpha(opacity=100); -moz-opacity: 1; }
#dany .ficha .seleccion #activo3 {opacity:.100;filter: alpha(opacity=100); -moz-opacity: 1; cursor:default}



/*** Componentes ***/
	
	/*** Videos ***/

#dany .videos {margin-top:55px; }

#dany .videos .principal {
	float:left;
	width: 480px;
	height: 385px;	
	border: 1px solid white;
}

#dany .videos .elegir {
	width: 445px;
	float:right;
}

#dany .videos .elegir .cabecera {
	height: 25px;
	border-bottom:2px solid #b6c246;
	margin-bottom:13px;
	margin-left:10px;
}

#dany .videos .elegir a {
	display:block;
	width: 103px;
	height: 84px;
	border: 1px solid #b6c246;
	float:right;
	margin: 0 0 5px 5px;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}

#dany .videos .elegir a:hover {border: 1px solid white; opacity:.100;filter: alpha(opacity=100); -moz-opacity: 1;}

#dany .videos .elegir #activo4 {border: 1px solid white; opacity:.100;filter: alpha(opacity=100); -moz-opacity: 1; }

#dany .caja_enlace { 
width: 526px;
margin-top:15px;
}

#dany .caja_enlace .imagen {
	height: 51px;
	width: 74px;
	border: 2px solid #b3c43a;
	float:left;
}

#dany .caja_enlace .texto {
	width: 420px;
	height: 35px;
	background: #1c1c1c;
	float:right;
	padding:10px;
}

#dany .caja_enlace .texto .titulo {
	color: #b3c43a;
	font-weight:bold;
}

#dany .caja_enlace .texto a {color:white; text-decoration:none}
#dany .caja_enlace .texto a:hover {color:white; text-decoration:underline}


#dany .gira {padding-top:40px }

#dany .gira .principal {
	width: 461px;
	float:left;
}

#dany .gira .principal .titulo {
	height: 26px;
	margin-bottom: 12px;
}

#dany .eventos {
	width: 475px;
	float:right;
}

#dany .eventos .titulo {
	margin-bottom: 9px;
}

#dany .eventos .contenido {
	background: #141414;
	padding:10px;
	border: 1px solid #1A1A1A;
}

#dany .eventos .contenido .titulo { }
#dany .eventos .contenido .titulo .mes {
	width: 28px;
	height: 17px;
	float:left;
	color:white;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	text-align:center;
	}
	
#dany .eventos h3 {
	font-size:14px;
	font-weight:bold;
	margin: 0 0 8px 10px;
	padding:0;
	float:left;
	width: 360px;
}	
#dany .eventos h3 a {color:white; text-decoration:none}
#dany .eventos h3 a:hover {text-decoration:underline}	
#dany .eventos .separador {height: 18px; background:url(../../images/separador2.jpg) no-repeat; margin-top:16px}

/*** Ferias y fiestas ***/

#fiestas { 
margin-top:65px}


#fiestas .texto {
	width: 700px;
	float:left;
	color:white;
}

/*** Contacto ***/

#contacto {
	margin-top:65px}
	
#contacto .ficha {
	width: 288px;
	height: 314px;
	float:right;
	background:url(../../images/caja_contacto.gif) no-repeat;
	padding: 45px 13px 0 0;
	text-align:right;
	color:black;
}

#contacto .formulario {
	width: 500px;
	float:left;
	color:white;
}

#contacto .formulario td.inicial {
	width: 189px;
	padding-right: 15px;
	text-align:right;
	font-weight:bold;
}

#contacto .formulario input {
	width: 294px;
	height: 22px;
	background:  #1b1b1b;
	border: 1px solid #c2c2c2;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:white;
	margin-bottom:12px;
}

#contacto .formulario textarea {
	width: 294px;
	height: 98px;
	background:  #1b1b1b;
	border: 1px solid #c2c2c2;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:white;
	margin-bottom:12px;
}

#contacto .formulario a.bt {
	display:block;
	width: 117px;
	height: 23px;
	float:right;
	background:url(../../images/b_enviar.gif);
	text-indent: -9999px;
}

#contacto .formulario a.bt:hover {
	background-position: 0 -23px
}

#contacto .formulario a.bt2 {
	display:block;
	width: 117px;
	height: 23px;
	float:right;
	background:url(../../images/b_volver.gif);
	text-indent: -9999px;
}

#contacto .formulario a.bt2:hover {
	background-position: 0 -23px
}

/*** Eventos ***/

#eventos {
	margin-top:65px
}

#eventos .ficha {
	width: 591px;
	background: #141414;
	float:left;
	padding:12px;
}

#eventos .ficha_cabecera {
	
}

#eventos .ficha_cabecera h2 {
	font-size:24px;
	width: 540px;
	margin:0; 
	padding:0;
	color:white;
	float:left;
	font-weight:normal;
	padding-left:12px;
}

#eventos .ficha .separador {height: 10px; background:url(../../images/separador2.jpg) no-repeat center; margin:9px 0 9px 0}

#eventos .ficha .texto { }
#eventos .ficha .texto img {border: 2px solid #acbc38; float:right; margin: 0 0 10px 10px}

#eventos .seleccion {
	width:336px;
	float:right;
}

#eventos .seleccion .cabecera {
	height: 30px;
	margin-bottom:12px;
}

#eventos .seleccion a {
	height: 33px;
	display:block;
	padding: 6px 0 0 18px;
	color:white;
	text-decoration:none;
	margin-bottom:10px;
}

#eventos .seleccion a:hover {
	background: #acacac;
	color:black;
}

#eventos .seleccion #act {
	background: #141414;
	color:white;
}
	

#eventos .seleccion .titulo {
	font-size:14px;
	font-weight:bold;
	margin: 0 0 0 10px;
	line-height:12px;
	padding:0;
	float:left;
}


	
#contacto .casting {
	width: 365px;
	height: 357px;
	float:right;
	background:url(../../images/caja_casting.jpg) no-repeat;
	color:black;
	text-indent:-9999px;
}