/*Documento CSS para UMCA

realizado por idominiun

www.idominiun.com
info@idominiun.com
**************************************************************************************
INFO:






/*************************************************************************************
Elementos 
**************************************************************************************/
* {
	margin:0px;
	padding:0px;
}
/**************************************************************************************
	BODY 
**************************************************************************************/
body {
	background-color:#fff;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
/**************************************************************************************
	ELEMENTOS GENERICOS
**************************************************************************************/
ul {
	list-style:none;
}

p {
	color:#666;
	line-height:17px;
	padding:7px 0;
}

h1 { /*titulo secciones*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#06c;
}

a:visited, a:link {
	text-decoration:none;
	color:#06c;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}
/***************************************************************************************
	CONTENEDOR
***************************************************************************************/
#contenedor {
	margin:auto;
	width:970px;
}
/***************************************************************************************
	CABECERA
***************************************************************************************/
#cabecera {
	width:970px;
	height:100px;
	background: url(../imagenes/cabecera.jpg) no-repeat;
	
}
	#cabecera ul {
		margin-right:10px;
		margin-left:10px;
		margin-top:10px;
	}
		ul#menu_idioma {
			float:left;
		 }
		ul#menu_login {
			float:right;
		 }
	
	#cabecera li,
	#cabecera a {
		color:#fff;
		font-size:10px;
	}
	#cabecera li {
		display:inline;
	}
/***************************************************************************************
	MENU PRINCIPAL
***************************************************************************************/
#menu_principal {
	height:90px;
	background:url(../imagenes/bg_menu.jpg) no-repeat;
}
	#menu_principal ul {
		width:755px;
		height:90px;
		margin-top:0;
		margin-right:5px;
		float:right;
		background:url(../imagenes/bg_ul_menu.jpg) no-repeat;
	}
	
	#menu_principal li {
		float:left;
		display:block;
		width:94px;
		height:90px;
		/*margin-right:2px;*/
		/*border-right:#fcfcfc 1px solid;*/
	}
	
	#menu_principal li a {
		/*tiene que sumar 70 (altura de las li)*/
		padding-top:0px;
		height:90px;
		display:block;
		text-decoration:none;
		/*color:#FFF;*/
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-left:5px;
		padding-right:5px;
	}
	#menu_principal a:visited,
	#menu_principal a:link {
	}
	 /*inicio*/
	 li.btn_inicio,
	 li.btn_inicio a {
			background:url(../imagenes/bg_btn_inicio.jpg) center top no-repeat;
	 }
	 li.btn_inicio_activo,
	 li.btn_inicio_activo a {
			background:url(../imagenes/bg_btn_inicio_activo.jpg) center top no-repeat;
	 }
	 li.btn_inicio a:hover{
	 		background:url(../imagenes/bg_btn_inicio_sobre.jpg) center top no-repeat;
	 }
	 /*inici*/
	 li.btn_inici,
	 li.btn_inici a {
			background:url(../imagenes/bg_btn_inici.jpg) center top no-repeat;
	 }
	 li.btn_inici_activo,
	 li.btn_inici_activo a {
			background:url(../imagenes/bg_btn_inici_activo.jpg) center top no-repeat;
	 }
	 li.btn_inici a:hover{
	 		background:url(../imagenes/bg_btn_inici_sobre.jpg) center top no-repeat;
	 }
	 /*banda*/
	 li.btn_banda,
	 li.btn_banda a {
			background:url(../imagenes/bg_btn_banda.jpg) center top no-repeat;
	 }
	 li.btn_banda_activo {
			background:url(../imagenes/bg_btn_banda_activo.jpg) center top no-repeat;
	 }
	 li.btn_banda a:hover {
			background:url(../imagenes/bg_btn_banda_sobre.jpg) center top no-repeat;
	 }
	 /*agenda*/
	 li.btn_agenda,
	 li.btn_agenda a {
			background:url(../imagenes/bg_btn_agenda.jpg) center top no-repeat;
	 }
	 li.btn_agenda_activo,
	 li.btn_agenda_activo a {
			background:url(../imagenes/bg_btn_agenda_activo.jpg) center top no-repeat;
	 }
	 li.btn_agenda a:hover {
			background:url(../imagenes/bg_btn_agenda_sobre.jpg) center top no-repeat;
	 }
	 /*noticias*/
	 li.btn_noticias,
	 li.btn_noticias a {
			background:url(../imagenes/bg_btn_noticias.jpg) center top no-repeat;
	 }
	 li.btn_noticias_activo {
			background:url(../imagenes/bg_btn_noticias_activo.jpg) center top no-repeat;
	 }
	 li.btn_noticias a:hover {
			background:url(../imagenes/bg_btn_noticias_sobre.jpg) center top no-repeat;
	 }
	 /*noticies*/
	 li.btn_noticies,
	 li.btn_noticies a {
			background:url(../imagenes/bg_btn_noticies.jpg) center top no-repeat;
	 }
	 li.btn_noticies_activo {
			background:url(../imagenes/bg_btn_noticies_activo.jpg) center top no-repeat;
	 }
	 li.btn_noticies a:hover {
			background:url(../imagenes/bg_btn_noticies_sobre.jpg) center top no-repeat;
	 }
	 /*enlaces*/
	 li.btn_enlaces,
	 li.btn_enlaces a {
			background:url(../imagenes/bg_btn_enlaces.jpg) center top no-repeat;
	 }
	 li.btn_enlaces_activo {
			background:url(../imagenes/bg_btn_enlaces_activo.jpg) center top no-repeat;
	 }
	  li.btn_enlaces a:hover {
			background:url(../imagenes/bg_btn_enlaces_sobre.jpg) center top no-repeat;
	 }
	 	 /*enllacos*/
	 li.btn_enllacos,
	 li.btn_enllacos a {
			background:url(../imagenes/bg_btn_enllacos.jpg) center top no-repeat;
	 }
	 li.btn_enllacos_activo {
			background:url(../imagenes/bg_btn_enllacos_activo.jpg) center top no-repeat;
	 }
	  li.btn_enllacos a:hover {
			background:url(../imagenes/bg_btn_enllacos_sobre.jpg) center top no-repeat;
	 }
	 /*escuela*/
	 li.btn_escuela,
	 li.btn_escuela a {
			background:url(../imagenes/bg_btn_escuela.jpg) center top no-repeat;
	 }
	 li.btn_escuela_activo {
			background:url(../imagenes/bg_btn_escuela_activo.jpg) center top no-repeat;
	 }
	 li.btn_escuela a:hover {
			background:url(../imagenes/bg_btn_escuela_sobre.jpg) center top no-repeat;
	 }
	 /*escola*/
	 li.btn_escola,
	 li.btn_escola a {
			background:url(../imagenes/bg_btn_escola.jpg) center top no-repeat;
	 }
	 li.btn_escola_activo {
			background:url(../imagenes/bg_btn_escola_activo.jpg) center top no-repeat;
	 }
	 li.btn_escola a:hover {
			background:url(../imagenes/bg_btn_escola_sobre.jpg) center top no-repeat;
	 }
	 /*fotos*/
	 li.btn_fotos,
	 li.btn_fotos a {
			background:url(../imagenes/bg_btn_fotos.jpg) center top no-repeat;
	 }
	 li.btn_fotos_activo {
			background:url(../imagenes/bg_btn_fotos_activo.jpg) center top no-repeat;
	 }
	 li.btn_fotos a:hover {
			background:url(../imagenes/bg_btn_fotos_sobre.jpg) center top no-repeat;
	 }
	 /*contacto*/
	 li.btn_contacto,
	 li.btn_contacto a {
			background:url(../imagenes/bg_btn_contacto.jpg) center top no-repeat;
	 }
	 li.btn_contacto_activo {
			background:url(../imagenes/bg_btn_contacto_activo.jpg) center top no-repeat;
	 }
	 li.btn_contacto a:hover {
			background:url(../imagenes/bg_btn_contacto_sobre.jpg) center top no-repeat;
	 }
	 /*contacte*/
	 li.btn_contacte,
	 li.btn_contacte a {
			background:url(../imagenes/bg_btn_contacte.jpg) center top no-repeat;
	 }
	 li.btn_contacte_activo {
			background:url(../imagenes/bg_btn_contacte_activo.jpg) center top no-repeat;
	 }
	 li.btn_contacte a:hover {
			background:url(../imagenes/bg_btn_contacte_sobre.jpg) center top no-repeat;
	 }
/**********************************************************************************************************
	CONTENIDOS
************************************************************************************************************/
#contenido {
	padding:10px 5px;
	width:960px;
	background:#fff url(../imagenes/bg_contenidos.jpg) repeat-y;
	text-align:left;
}
ul.ul_a img {
	display:none;
}
/**********************************
		BLOQUES CONTENIDOS
**********************************/
/* Los bloques se diferencian por tamaños y color de fondo */
/* el tamaño viene dado por las letras m, g, sg*/
/* el color por a, b, c */
.bloque_m,
.bloque_m_a, 
.bloque_m_b,
.bloque_m_c, 
.bloque_g,
.bloque_g_a, 
.bloque_g_b,
.bloque_g_c,
.bloque_sg, 
.bloque_sg_a, 
.bloque_sg_b,
.bloque_sg_c {
	float:left;
	padding:0 10px;
	border-right:#fff 1px solid;
	margin-bottom:10px;
}

/*tamanos*/
.bloque_m,
.bloque_m_a,
.bloque_m_b,
.bloque_m_c {
	width:299px;/*320px*/
}
.bloque_g,
.bloque_g_a, 
.bloque_g_b,
.bloque_g_c {
	width:619px;/*640*/
}
.bloque_sg,
.bloque_sg_a, 
.bloque_sg_b,
.bloque_sg_c {
	width:939px;/*960*/
}

/*color y fondo*/
.bloque_m,
.bloque_g,
.bloque_sg {
	background:#fff;
}
.bloque_m_a,
.bloque_g_a,
.bloque_sg_a {
	background:#f5f4f4 url(../imagenes/bg_pentagramaa.jpg) no-repeat;
}
.bloque_m_b,
.bloque_g_b,
.bloque_sg_b {
	background:#e8f2fd url(../imagenes/bg_pentagramab.jpg) no-repeat;
}
.bloque_m_c,
.bloque_g_c,
.bloque_sg_c {
	background:#fff url(../imagenes/bg_pentagramac.jpg) no-repeat;
}

/**********************************
		BLOQUES ESPECIFICOS
**********************************/
.bloque_swf {
	width:618px;
	height:255px;
	float:left;
	padding: 0px 10px;
}

/**********************************
			Elementos de los bloques
**********************************/
/* cabecera */
.cabecera_bloque {
	padding:19px 5px 10px 20px;
	height:31px;
}

/* cuerpos */
.cuerpo_bloque,
.cuerpo_bloque_m {
	padding:0px 25px;
}
.cuerpo_bloque_m {
	height:190px;
}

/* pies */
.pie_bloque {
	height:30px;
	text-align:right;
	margin-right:30px;
	line-height:30px;
}
	.pie_bloque a {
		color:red;
		font-size:9px;
		text-decoration:none;
	}
	.pie_bloque a:hover {
		text-decoration:underline;
	}

/**********************************
			ULs
**********************************/	

/*destacados*/
ul#destacados {
	width:960px;
	height:120px;
}
ul#destacados li {
	float:left;
	width:320px;
	height:120px;
}
ul#destacados img {
		border:none;
}

/* submenus de las distintas secciones */
ul#submenu_tipo_a,
ul#submenu_tipo_b {
	padding-top:20px;
	margin:0 5px 20px 5px;
	/*width:950px;*/
	border-bottom:#ccc 1px solid;
	text-align:center;
}

ul#submenu_tipo_a,
ul#submenu_tipo_a li {
	height:30px;
}
ul#submenu_tipo_b,
ul#submenu_tipo_b li {
	height:35px;
}
ul#submenu_tipo_a li,
ul#submenu_tipo_b li {
	padding-top:12px;
	margin-right:2px;
	display:block;
	float:left;
	width:180px;
}
	ul#submenu_tipo_a li {
		background:url(../imagenes/bg_submenu.jpg) no-repeat;
	}
	
	/* estas lis son las que tienen una barra de color */
	li#deco_a {
		background:url(../imagenes/bg_submenu_deco_a.jpg) no-repeat;	
	}
	li#deco_b {
		background:url(../imagenes/bg_submenu_deco_b.jpg) no-repeat;	
	}
	li#deco_c {
		background:url(../imagenes/bg_submenu_deco_c.jpg) no-repeat;	
	}
	li#deco_d {
		background:url(../imagenes/bg_submenu_deco_d.jpg) no-repeat;	
	}
	li#deco_e {
		background:url(../imagenes/bg_submenu_deco_e.jpg) no-repeat;	
	}

/* ul generica */
ul.ul_a {
	margin-bottom:10px;
}
li.li_a {
	color:#f00;
	font-size:10px;
}
li.li_b {
	color:#06c;
	font-size:12px;
}
li.li_c {
	color:#666;
	font-size:10px;
}
	
/**********************************
			IMAGENES
**********************************/	
img.retrato {
	padding:2px;
	border:#ccc 1px solid;
	float:left;
	margin-top:10px;
	margin-right:10px;
}


/**********************************
			PARRAFOS
**********************************/	
p.indent {
	text-indent:20px;
}

/***************************************************************************************************
	SECCIONES
****************************************************************************************************/
/**********************************
		NOTICIAS 
**********************************/	
.post {
	padding:0px;
	margin-bottom:30px;
	background:url(../imagenes/bg_post.jpg) top no-repeat;
}
	
	/*titulo*/
	.post h2 {
		height:27px;
		font-size:14px;
		font-weight:normal;
		color:#06c;
		margin-left:40px;
		margin-bottom:5px;
		text-indent:10px;
	}
	
	/*fecha*/
	.post h3 {
		text-indent:8px;
		padding-top:15px;
		font-size:10px;
		font-weight:bold;
		color:#666;
		margin-bottom:15px;
	}
	
	/*autor*/
	.post h4 {
		font-size:10px;
		color:#f00;
		font-style:italic;
		font-weight:normal;
		margin-left:50px;
		margin-bottom:10px;
	}
	
	.post p {
		padding:0px 40px;
		text-indent:10px;
	}

	.post img {
		padding:2px;
		border:#ccc 1px solid;
		margin-bottom:10px;
	}

.pie_post {
	width:619px;
	height:60px;
	background:url(../imagenes/bg_pie_post.jpg) no-repeat;
}	
	.pie_post a {
		float:right;
		margin-right:40px;
		margin-top:40px;
		color:#f00;
		font-size:10px;
	}
	
	/* comentarios */
	.comentario {
		
	}
	p.titulo_com {
		font-size:10px;
		text-indent:60px;
	}
	p.texto_com {
		padding:10px 60px;
		text-indent:10px;
	}
	.envio_comentario {
		margin-top:25px;
		border-top:#ccc 1px solid;
	}
	
	
	/*************************
		ARCHIVOS EN SIDEBAR
	*************************/
		#cab_archivos {
			background:url(../imagenes/cabecera_archivos.jpg) no-repeat;
		}
	/*************************
		BUSCADOR
	*************************/
		#buscador {}
		#buscador form {}
		#buscador li {}
		#buscador li input.texto {width:100%; height:23px;}
		#buscador li input.boton_buscador {margin-top:5px; width:110px; height:28px; cursor:pointer; cursor: hand;}
/**********************************
		BANDA Y ESCUELA, Y DOCUMENTOS
**********************************/
ul.componentes_banda,
ul.documentos_banda,
ul.documentos_banda_g {
	display:block;
	float:left;
	padding:5px;
	margin:5px;
	border:#ccc 1px solid;
}
ul.componentes_banda {
	width:260px;
	height:80px;
}
ul.documentos_banda {
	width:260px;
	height:105px:
}
ul.documentos_banda_g {width:540px;}
	
	
	li.nombre_componente,
	li.apunte_componente,
	li.email_componente,
	li.descarga_componente,
	li.nombre_documento,
	li.nombre_documento_g
	li.texto_documento,
	li.texto_documento_g
	li.apunte_documento,
	li.area_documento {
		float:left;
		display:block;
		margin-bottom:5px;
	}
	li.nombre_componente,
	li.apunte_componente,
	li.email_componente,
	li.descarga_componente {
		width:240px;
	}	
	li.nombre_documento,
	li.texto_documento,
	li.apunte_documento,
	li.area_documento {
		width:170px;
	}
	li.nombre_documento_g,
	li.texto_documento_g {width:450px;}
	
	li.nombre_componente,
	li.nombre_documento,
	li.nombre_documento_g {
		margin-bottom:5px;
		font-weight:bold;
		border-bottom:#ccc 1px solid;		
	}
	li.apunte_componente,
	li.apunte_documento {
		color:#666;
		font-size:10px;
	}
		li.apunte_componente span,
		li.apunte_documento span {
			color:#f00;
		}
	li.email_componente,
	li.area_documento {
		color:#666;
		font-size:10px;
		margin-bottom:10px;
	}
			li.email_componente span,
			li.area_documento span {
				color:#06c;
				font-size:10px;
				font-weight:bold;
			}
	li.icono_componente,
	li.icono_documento {
		width:65px;
		float:right;
	}

/**********************************
		DISCOGRAFIA
**********************************/
ul.info_cd {
	width:580px;
	display:block;
	float:left;
	padding:10px;
	margin-bottom:30px;
	border:#ccc 1px solid;	
}
	li.portada_cd {
		/*width:65px;*/
		float:right;
	}
	
	li.titulo_cd,
	li.director_cd,
	li.brabacion_cd,
	li.enc_obras {
		width:320px;
		float:left;
		display:block;
		margin-bottom:5px;
	}
	
	
	li.titulo_cd {
		margin-bottom:10px;
		font-weight:bold;
		border-bottom:#ccc 1px solid;
		font-size:13px;
	}
	
	li.director_cd {
		font-size:11px;
		color:#f00;
		font-weight:bold;
		margin-bottom:10px;
	}
	li.grabacion_cd {
		color:#333;
		font-size:11px;
	}
	li.enc_obras {
		margin-top:10px;
		margin-bottom:5px;
		font-weight:bold;
		border-bottom:#ccc 1px solid;
		font-size:11px;
	}
	li.tit_cancion {
		margin-bottom:5px;
	}
	ul.info_cd span {
		color:#666;
		font-weight:normal;
	}
/**********************************
		AGENDA
**********************************/
ul.contenido_agenda {
	width:550px;
	display:block;
	height:45px;
	margin-bottom:10px;
}
ul.contenido_agenda li {
	float:left;
	display:block;
}
	li.anio_agenda,
	li.anio_agenda_vacio {
		width:50px;
		height:30px;
		margin-right:30px;
		padding-top:15px;
		text-indent:7px;
		font-size:12px;
		color:#666;
		font-weight:bold;
	}
	li.anio_agenda {
 		background:url(../imagenes/bg_anio_agenda.jpg) no-repeat;
	}
	li.mes_agenda,
	li.mes_agenda_vacio {
		width:100px;
		height:40px;
		padding-top:5px;
		margin-right:30px;
		text-indent:15px;
		font-size:12px;
		color:#999;
		font-weight:bold;
		
	}
	li.mes_agenda {
		background:url(../imagenes/bg_mes_agenda.jpg) no-repeat;
	}
	li.dia_agenda_general,
	li.dia_agenda_banda,
	li.dia_agenda_juvenil,
	li.dia_agenda_escuela {
		width:31px;
		height:45px;
		margin-right:10px;
		width:31px;
		line-height:20px;
		text-align:center;
		color:#fff;
		font-size:12px;
		font-weight:bold;
	}
	li.dia_agenda_general {
				background:url(../imagenes/bg_dia_agenda_deco_a.jpg) no-repeat;
	}
	li.dia_agenda_banda {
				background:url(../imagenes/bg_dia_agenda_deco_b.jpg) no-repeat;
	}
	li.dia_agenda_juvenil {
				background:url(../imagenes/bg_dia_agenda_deco_c.jpg) no-repeat;
	}
	li.dia_agenda_escuela {
				background:url(../imagenes/bg_dia_agenda_deco_d.jpg) no-repeat;
	}
	
	li.titulo_evento_agenda {
		width:295px;
		height:42px;
		padding-top:3px;
	}
		li.titulo_evento_agenda a:link,
		li.titulo_evento_agenda a:visited,
		li.titulo_evento_agenda a:hover {
			color:#333;
		}


h1#titulo_evento {
	text-indent:10px;	
	padding-top:15px;	
	font-size:18px;
	font-weight:normal;
}
h2#fecha_evento_general,
h2#fecha_evento_banda,
h2#fecha_evento_juvenil,
h2#fecha_evento_escuela {
	float:left;
	width:100px;
	height:23px;
	padding-top:15px;
	color:#333;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	
}
h2#fecha_evento_general {
	background:url(../imagenes/bg_fecha_evento_a.jpg) no-repeat;
}
h2#fecha_evento_banda {
	background:url(../imagenes/bg_fecha_evento_b.jpg) no-repeat;
}
h2#fecha_evento_juvenil {
	background:url(../imagenes/bg_fecha_evento_c.jpg) no-repeat;
}
h2#fecha_evento_escuela {
	background:url(../imagenes/bg_fecha_evento_d.jpg) no-repeat;
}
/**********************************
		ENLACES
**********************************/
ul.lista_enlaces {
	height:45px;
	display:block;
	background:url(../imagenes/bg_lista_enlaces.jpg) no-repeat;
	padding-left: 25px;
}
ul.lista_enlaces li {
	/*text-indent:25px;*/
	/*height:20px;*/
}
/**********************************
		CALENDARIO
**********************************/
ul.calendario {
	width:294px;
	height:152px;
	padding:5px;
}

ul.calendario li {
	margin:3px;
	float:left;
	width:80px;
	height:20px;
	display:block;
	padding:5px;
	background:url(../imagenes/bg_mes_calendario.jpg) no-repeat;
	color:#333;
	font-weight:bold;
	text-indent:10px;
	line-height:20px;
}

ul.calendario a, form#form_cal a {
	cursor:pointer;
}


ul.botones_calendario {
	width:234px;
	text-align:center;
	margin:auto;
}
ul.botones_calendario li {
	float:left;
}
ul.botones_calendario li a {
	width:42px;
	height:30px;
	display:block;
	text-align:center;
	line-height:30px;
	background:url(../imagenes/bg_enlace_calendario.jpg) no-repeat;
	color:#333;
}
ul.botones_calendario input {
	width:150px;
	text-align:center;
	background-color:transparent;
	border:none;
	font-weight:bold;
	padding-top:10px;
	height:20px;
	color:#333;
	font-weight:bold;
}


/**********************************
		MI CUENTA
**********************************/
/*div en la que se cargan los bloques asinc*/
#cuenta {
}
/*bloque específico*/
#micuenta_bloque {
	padding:20px;
	background-color:#f5f4f4;
}

ul.dato_usuario {
	width:550px;
	display:block;
	clear:left;
	height:20px;
	margin-bottom:10px;
}
	ul.dato_usuario li {
		display:block;
		float:left;
	}
		li.enunciado_usu {
			color:#06c;
			font-weight:bold;
			margin-right:5px;
		}
		li.dato_usu {
			color:#666;
			font-weight:bold;
		}
		
/* listado de usuarios registrados*/
ul.lista_usuarios {
	margin:7px 0;
	height:25px;
	clear:left;
	display:block;
	border-bottom:#ccc 1px solid;
}
ul.lista_usuarios li {
	height:100%;
	line-height:25px;
	float:right;
	
	display:block;

}

 ul.lista_usuarios li.nombre_usuario {
 	float:left;
 }
 li.iconos_usu {
 	height:24;
	margin-top:2px;
 }

ul.leyenda_iconos {
	width:299px;
	height:100px;
	display:block;
	margin:10px 0px;
	padding:2px;
	border:#36c 1px solid;
}
ul.leyenda_iconos li {
	width:144px;
	height:25px;
	float:left;
	display:block;
	margin-right:2px;
	font-size:smaller;
	line-height:25px;
}
/**********************************
			FORMULARIOS
**********************************/
form#registro {
}
form#login {	
}

	form#registro ul,
	form#login ul {
	}
	
	form#registro li,
	form#login li {
		color:#06c;
		font-weight:bold;
	}
	
	li.th_p,
 	input.entrada_p,
 	li.th_m,
	input.entrada_m,
	li.th_g,
	input.entrada_g,
	li.comentario_form {
		height:20px;
	}
	
	li.th_p,
	input.entrada_p {
	width:94px;/* -50 padding = 144px; */
	}
	li.th_m,
	input.entrada_m {
	width: 249px;/* -50 padding = 299px;*/
	}
	li.th_g,
	li.comentario_form,
	input.entrada_g,
	textarea.entrada_g {
	width: 569px;/* -50 padding =619px;*/
	}
	
	li.th_p,
	li.th_m,
	li.th_g,
	li.comentario_form {
		margin-top:15px;
	}
	
	li.comentario_form {
		color:#f00;
	}

	input.entrada_p,
	input.entrada_m,
	input.entrada_g,
	textarea.entrada_g {
		font-weight:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	textarea.entrada_g {
		height:150px;
	}
	ul#captcha {
		margin-top:20px;
		height:20px;
	}
	 ul#captcha li {
	 	float:left;
		display:block;
		margin-right:10px;
	 }
	 
	 input.boton {
	 	width:100px;
		height:30px;
		font-size:12px;
	 }
/***********************************************************************************************************
		SIDEBAR
***********************************************************************************************************/	
#sidebar {
	float:right;
	width:320px;
}
	.bloque_sidebar {
		width:300px;
		float:left;
		margin-bottom:20px;
	}
		.cabecera_bloque_sidebar {
			width:300px;
			height:50px;
		}

	.cuerpo_bloque_sidebar {
		background:#f5f4f4 url(../imagenes/bg_cuerpo_sidebar.jpg) repeat-y;
	}
	.pie_bloque_sidebar {
		height:35px;
		background:#f5f4f4 url(../imagenes/pie_bloque_sidebar.jpg) repeat-y;
	}
	
	ul.sidebar {
		margin-left:15px;
		padding-top:20px;
	}
	ul.sidebar li {
		width:275px;
		height:35px;
		line-height:50px;
		border-bottom:#0167cc 1px solid;
	}
	li.enlace_sidebar {
		background:url(../imagenes/bg_li_archivos.jpg) no-repeat;
		text-indent:35px;
	}
	li.sub_enlace_sidebar {text-indent:45px;}
	li.enlace_sidebar a, li.sub_enlace_sidebar a  {
		color:#fff;
		font-size:12px;
	}
	li.enlace_sidebar a:hover, li.sub_enlace_sidebar a:hover {
		text-decoration:underline;
	}
/**********************************
			SPANS
**********************************/	
span.aspn {
	color:#f00;
}
span.bspn {
	color:#666;
}
span.cspn {
	color:#06c;
}
/***************************************************************************************
	PIE WEB
***************************************************************************************/
#pie {
	padding:20px 10px;
	height:50px;
	background:#f5f4f4 url(../imagenes/pie.jpg) no-repeat;
}
#pie a {
	font-size:10px;
	color:#333;
}



/**********************************
  GALERIA
**********************************/
#galeria {
	height:600px;
}
/* CONTENEDOR DE LAS MINIATURAS */
.scroll_hor {
	 margin:0 auto;
	 height: 79px;
	 overflow:hidden;
}
.cont_min {
   text-align: left;
   background-color: white;
}

.cont_min p {
	color: #fc7;
	font-family: "Andale mono", "Trebuchet MS", sans-serif;
	font-size: 12px;
	border-bottom: 1px dashed #666;
}

/* Propiedades de las miniaturas */
.thumb img {
  border: 2px solid white;
}


/* Aspecto de las miniaturas cuando pasamos el ratón por encima de ellas */
.thumb:hover img {
   border: 2px solid gray;
}


/* Para que no se vean las imágenes hasta que se haga mouse over sobre las miniaturas */
.thumb span {
	position: absolute;
	top: 350px;
	width:600px;
	left: -1000px;
  visibility: hidden;
	color: #fc7;
	font-family: "Andale mono", "Trebuchet MS", sans-serif;
	font-size: 12px;
	border-bottom: 1px dashed #666;
   
}


/* Estilo de la capa que se ve cuando se pasa el ratón por una miniatura */
.thumb:hover span {
	background-color: white;
   visibility: visible;
   right: 0;
	top:  350px;
	left: 0px;
	z-index: 50;
	margin: 0 auto;
}


/* Estilo de las imágenes que se muestran al hacer el mouse over */
.thumb span img{ 
	border: 1px solid #000;
	padding: 5px 5px 40px 5px;
	background-color: #fff;
}
/**********************************
		div Desarrollado por
**********************************/
#desarrollado {
	text-align:right;
	height:20px;
	margin-top:10px;
	margin-right:15px;
	margin-bottom:5px;
}
#desarrollado img {
	border:none;
}
/**********************************
		div limpiadora
**********************************/
.limpia {
	clear:both;
}



/**********************************
		API's
**********************************/
/* -- Youtube -- */
#videoBar-bar {}
div.resultDiv_gsvb {margin:5px;}