/***********************************************************************************
	Fichero: estilos.css
	Descripcion: Hoja de estilos maquetacion portal AEPAA APRIA
	Fecha ultima actualizacion: 08.09.2008
************************************************************************************/

/***********************************
	Area: Estilos HTML genericos
	Ambito-fichero: todo el sitio
***********************************/

/* Cuerpo */
body
{
	text-align:center;
	margin: 0; padding: 0;
	width:100%;
	background:url(../img/background.gif);
	margin: 0;padding: 0;	
	
}

/* Enlaces */
a, a:visited, a:link {color:#ffffff; font:normal 0.9em Arial; text-decoration:none}
a:hover {text-decoration:underline}

/* Parrafos */
p
{
	color:#FFFFFF;
	line-height:20px;
	font-family:Arial;
	font-size:0.9em;
	font-weight:normal;
}

/* Span */
span
{
	font-family:Arial;
	color:#FFFFFF;
	font-size:0.8em;
}

/* Formulario */

form
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
}
input
{
	font-family:Arial;
	color:#FFFFFF;
	font-size:0.8em;
}
.campo_texto {border:1px solid #336633; text-align:center; font-size:1em; color:#336633}
.area_texto {border:1px solid #336633; color:#336633}


/************************************
	Area: Maquetacion general
	Ambito-fichero: todo el sitio
************************************/

/* Capa contenedora */
#contenedor
{
	text-align:center;
	margin:0 auto;
	position:relative;
	width:950px;
	background:#669900;
	border:1px solid #ffffff;
	margin-top:20px;
	margin-bottom:20px;
}

#cabecera
{
	height:120px;
	border-bottom: 1px solid #ffffff;
}

/* Fecha y hora */
#fechahora
{
	width:940px;
	color: #ffffff;
	text-align:left;
	border-bottom:1px solid #FFFFFF;
	padding-left:10px;
	padding-bottom:2px;
	background:#333333;
}

/* Capas de contenidos */
#contenido
{
	margin-top:20px;
	margin-left:8px;
	background:#669900;
}
#contenido_izquierda
{
	float:left;
	width:180px;
	padding-right:30px;
	text-align:left;
	padding-top:18px;
}
#contenido_derecha
{
	text-align:center;
	margin:0 auto;
	float:left;
	width:640px;
	padding-right:20px;
	padding-left:20px;
	border-left:1px dotted #97c63a;
	padding-top:18px;
}

/* Quicklinks */
#quicklinks
{
	float:left;
	height:50;
	width:290px;
	position:absolute;
	margin-top:-100px;
	margin-left:640px;
	z-index:100;
}

#quicklinks_ie
{
	float:left;
	height:50;
	width:320px;
	position:absolute;
	margin-top:-100px;
	margin-left:610px;
	z-index:100;
}

/* Breadcrumbs (camino migas de pan) */
.breadcrumbs 
{	
	font: normal 0.8em Arial;
	text-align:left;
	color:#ffffff;
	letter-spacing:2px;
	padding-bottom:2px;
	border-bottom:1px solid #FFFFFF;
}

.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited  {color:#ffffff; text-decoration:none}
.breadcrumbs a:hover {text-decoration:underline;}

.sinenlace
{
	font: normal 1.0em Arial;
	text-align:left;
	color:#ffffff;
}

/* Pie de pagina */

.imagen_valida {border:1px solid #FFFFFF; padding:1px}

#pie
{
	color:#FFFFFF;
	font: normal 0.9em Arial;
	letter-spacing:1px;
	text-align:center;
	margin:0 auto;
	position:relative;
	font-size:0.8em;
	border-top:1px dotted #FFFFFF;
	padding-top:10px;
	width:920px;
}

#pie a, #pie a:link, #pie a:visited {color:#FFFFFF; text-decoration:none; font-size:105%;}
#pie a:hover {color:#FFFFFF; text-decoration:underline; font-size:105%;}

#valida
{
	position:relative;
	float:left;
	text-align:center;
	margin:0 auto; 
	width:100%;
	clear:both;
	margin-bottom:10px;
}


/* Banners */
#banner_catalogo
{
	float:left; 
	margin-top:50px;
	margin-bottom:0px;
}

#banner_calendario
{
	float:left; 
	margin-bottom:0px;
}

.titulo_formulario_login {background:#F3F3F3; border:1px solid #d0cfcb; color:#000000; font-family:Tahoma, Times, serif; font-size:0.9em; text-align:center; width:550px; padding:5px; margin:0 auto;}
.formulario_login {padding:0; width:550px; border:1px solid #0066CC; padding:5px; margin:0 auto;}
label {font:bold 0.9em Arial; color:#0066CC}
.campo_formulario_login {text-align:center;border:1px solid #CCCCCC; background-position:left; font: normal 0.9em Arial; width:130px; color: #333333; padding:3px 5px 3px 10px;}
.campo_formulario_login:focus, .campo_formulario_login:hover {background:#E4ECED;}
.boton_formulario_login {border:1px solid #6c6f70; background:#F3F3F3; font:normal 0.9em Tahoma; padding:3px; width:80px}


/***************************************************
	Area: Modulo de contenidos
	Ambito-fichero: todo el sitio (excepto Login)
****************************************************/

/* Cabecera modulo */
.cabecera_modulo
{
	height:20px;
	font:normal 0.9em Tahoma;
	color:#0066CC;
	margin:0 auto;
	width:90%;
}
.cabecera_modulo_listado
{
	height:20px;
	font:normal 0.9em Tahoma;
	color:#0066CC;
	margin:0 auto;
	width:90%;
}

.cabecera_modulo_izquierda
{
	float:left;
}

.cabecera_modulo_derecha
{
	float:right;
}

/* Titulo para modulo con tabla (listado de datos) */
.titulo_modulo_tabla
{
	width:90%;
	color:#000000;
	background:#F3F3F3;
	text-transform:uppercase;
	padding-top:2px; 
	padding-bottom:2px;
	font:bold 0.9em Arial;
	margin:0 auto;
}

/* Titulo para modulo sin listado (Ej. formularios) */
.titulo_modulo
{
	width:100%;
	color:#000000;
	background:#F3F3F3;
	text-transform:uppercase;
	padding-top:6px; 
	padding-bottom:6px;
	font:bold 0.9em Arial;
	margin:0 auto;
}

/* Modulo sin listado (Ej. formularios) */
.modulo
{
	position:relative;
	height:*;
	margin: 0 auto;
	width:90%;

}

/* Modulo con listado (Ej. lista de usuarios) */
.modulo_listado {position:relative;}

/* Modulos para division en tres partes */
.modulo_izquierda
{
	float:left;
	width:33%;
	text-align:center;
	margin-top:-20px;
}
.modulo_centro
{
	float:left;
	width:33%;
	text-align:center;
	margin-top:-20px;	
}
.modulo_derecha
{
	float:left;
	width:33%;
	text-align:center;
	margin-top:-20px;
}


/* Modulos para division en 2 partes */

.modulo2
{
	float:left;
	width: 49.9%;
	text-align:left;
	position:relative;
}


/* Pie de modulo sin listado (Ej. formulario) */
.pie_modulo
{
	height:40px;
	background:#ffffff;
	width:98%;
	font:normal 0.9em Tahoma;
	color:#0066CC;
	padding-top:2px;
	margin: 0 auto;
	padding-left:20px;
}

/* Pie de modulo con listado (Ej. lista de usuarios) */
.pie_modulo_tabla
{
	height:20px;
	background:#f2f2f2;
	width:90%;
	font:normal 0.9em Tahoma;
	color:#0066CC;
	padding-top:2px;
	margin: 0 auto;
}

.pie_modulo_izquierda_tabla
{
	float:left;
	padding-left:5px;
	width:49%;
	text-align:left;
}

.pie_modulo_derecha_tabla
{
	float:right;
	padding-right:5px;
	width:49%;
	text-align:right;
}

.pie_modulo_derecha a, .pie_modulo_derecha a:visited, .pie_modulo_derecha a:link, .pie_modulo_derecha a:hover
{
	font-size:1em;
}

/* Campo buscador */
.campo_busqueda
{
	text-align:center;
	font: normal 0.9em Tahoma;
	color:#333333;
}

/* Titulo campo modulo con formulario */
.titulo_campo
{
	color:#0066CC;
	text-align:left;
	font: normal 0.9em Arial;
}

.titulo_zona
{
	color:#FFFFFF;
	background-color:#166fb4;
	width:90%;
	text-align:left;
	height:20px;
	font-weight:bold;
	padding-top:5px;
}
/* Estilo para codigo usuario (formulario alta usuario) */
.codigo_usuario
{
	font: normal 0.9em Arial;
	color:#333333;
	text-align:left;
	margin-left:20px;
	
}

/* Estilo para campo formulario*/
.campo_formulario
{
	font: normal 0.9em Arial;
	text-align:center;
	color:#333333;
}

.campo2_formulario
{
	font: normal 0.9em Arial;
	text-align:left;
	color:#333333;
	margin:0px;
	
}

/* Tablas de datos (listados) */
table
{
	font:normal 0.9em Tahoma;
	color:#333333;
	border:0;
	width:80%;
}

.titulo_tabla
{
	background:#0066CC;
	color:#FFFFFF;
	font: normal 1.1em Arial;
	
	
}

.fila_par
{
	background-color:#d0cfcb;
	color:#0033CC;
	text-align:center;
}

.fila_impar
{
	background-color:#F5F5F5;
	text-align:center;
	color:#990000;
}

.fila_noencuestable
{
	background:#FFCCFF;
	text-align:center;
}

/* Errores */

.titulo_errores
{
	/*padding-left:7px; */
	background-color:#990000; 
	color:#FFFFFF; 
	font:Tahoma; 
	font-size:11px; 
	width:90%; 
	margin-left:30px;
}

.detalle_errores
{
	border:1px dotted #990000;
	color:#990000;
	background:#FFECEC;
	/*padding:10px;*/
	width:90%;
	margin-left:30px;
	margin-bottom:15px;
}

.lista_errores {text-align:left;list-style-image:url();	margin-left:20px;}

/* Encuestas */

.tabla_encuesta
{
	width:90%;
	text-align:left;
}
.filacabecera_encuesta
{
	background-color:#3399FF;
	color:#FFFFFF;
	font-size:13px;
}

.filasubcabecera_encuesta
{
	background-color:#CCFFFF;
	font-size:12px;
	/*color:#FFFFFF;*/
}

.fila_encuesta
{

}

.celda_izq_encuesta
{
	text-align:left;
}

.celda_der_encuesta
{
	text-align:center;
}

/* Seccion */
.titulo_seccion
{
	color:#FFFFFF;
	padding-bottom:2px;
	border-bottom:1px solid #FFFFFF;
	font-family:Arial;
	font-size:2.0em;
	text-align:left;
}

/* Noticias */
.noticia_titular
{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:1.3em;
	font-weight:bold;
}

.resumen_noticia
{
	text-align:justify;
	font-size:1.0em;
}

.foto_noticia
{
	border:1px solid #ffffff;
	padding:2px;
}


/* Mapa web */
.dtree 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #ffffff;
	white-space: nowrap;
	text-align:left;
	line-height:20px;
}
.dtree img {border: none;vertical-align: middle;}
.dtree a {color: #ffffff;text-decoration: none;}
.dtree a.node, .dtree a.nodeSel {white-space: nowrap; padding: 1px 2px 1px 2px; margin-left:5px}
.dtree a.node:hover, .dtree a.nodeSel:hover {color: #ffffff;text-decoration: underline;}
.dtree a.nodeSel {}
.dtree .clip {overflow: hidden;}

/* Seccion Contacta */
#wrapper_contactar 
{
	text-align:center;
	width: 520px; 
	margin: 0 auto;
}

#content_contactar {font-size: 1.2em;	line-height: 1.8em;	}

div.cf_wrapper_contactar{position: relative;}

div.cf_element_contactar{width: 520px;height: 332px}
div.cf_element_contactar div.content_contactar{padding: 10px;}
div.cf_element_contactar div.content_contactar h3{padding-top: 0;	margin-top: 0;}

#seccion_contactar
{
	width:660px;
	/*border:1px solid #FF9900;*/
}
#seccion_contactar_izda
{
	float:left;
	/*border:1px solid #990000;*/
	width:350px;
}

#seccion_contactar_decha
{
	float:right;
	/*border:1px solid #3399CC;*/
	width:220px;
	text-align:center;
	margin:0 auto;
	font-size:0.9em;
	
}


/* Pagina de inicio (capa de contenido con bordes redondeados */
.titular_noticia_inicio
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333333;
	font-weight:bold;
}

.resumen_noticia_inicio
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
	font-weight:normal;
}

.fecha_noticia_inicio
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
	font-weight:normal;
}
#inicio_izda
{
	float:left;
	width:350px;
}
#inicio_decha
{
	float:right;
	text-align:left;
	width:300px;
	/*border:1px solid #FF0000;*/
}

.titulo_destacados_inicio
{
	color:#FFFFFF;
	background-color:#233A24;
	text-align:left;
	padding-left:15px;
	font-weight:bold;
	font-family:Arial;
	padding-top:6px;
	height:26px;
	margin-left:-35px;
}

.titulo_destacados_inicio2
{
	color:#FFFFFF;
	background-color:#008080;
	text-align:left;
	padding-left:15px;
	font-weight:bold;
	font-family:Arial;
	padding-top:6px;
	height:26px;
}

.transparent
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.7;
	color:#FFFFFF;
	text-align:left;
	padding:13px;
}

/* Novedades (news ticker) */
#NewsTicker
{
	border:solid 1px #333333;
	background:#eaf5e0;
	width:300px;
	height:290px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
#NewsTicker h1
{
	padding:6px; margin:0; border:0;
	background:#008080;
	color:#ffffff;
	font-size:1.1em;
	font-weight:bold;
}
#NewsVertical 
{
	width: 300px;
	height: 226px;
	display: block;
	overflow: hidden;
	position: relative;
}
#controller
{
	padding:6px;
	font-size:11px;
	color:#666;
}
#play_scroll_cont{display:none;}

#TickerVertical 
{
	width: 300px;
	height: 330px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#TickerVertical li 
{
	display: block;
	width: 288px;
	color:#006633;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 6px;
	float: left;
}
#TickerVertical li .NewsTitle
{
	display: block;
	color:#006600;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
}
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited 
{
	display: block;
	color: #006600;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
	text-decoration:none;
}
#TickerVertical li .NewsTitle a:hover 
{
	text-decoration:underline;
}
#TickerVertical li .NewsImg
{
	float:left;
	margin-right:10px;
}
#TickerVertical li .NewsFooter
{
	display: block;
	color: #000000;
	font-size: 10px;
	margin:6px 0 14px 0;
}

/* MENU ACCORDION de seccion La Asociacion */
#basic-accordian{
	padding:5px;
	width:660px;
	position:relative;
	z-index:2;
}

.accordion_headings{
	padding:5px;
	background:#669900;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

.accordion_headings:hover
{
	background:#d5e3b8;
	color:#233a24;
}

.accordion_child
{
	padding:15px;
	background:none;
}

.header_highlight{background:#233a24;}

.tab_container *{
	float:left;
	width:100px;
	text-align:center;
}

#test1-header a:hover{color:#233a24; font-weight:bold}
#test2-header a:hover{color:#233a24; font-weight:bold}
#test3-header a:hover{color:#233a24; font-weight:bold}
#test4-header a:hover{color:#233a24; font-weight:bold}
#test5-header a:hover{color:#233a24; font-weight:bold}
#test6-header a:hover{color:#233a24; font-weight:bold}


/* ACCORDION: enlaces de interes */

.msg_list 
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 600px;
}
.msg_head 
{
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
}
.msg_body 
{
	padding: 5px 10px 15px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
}

/* FORMULARIO DE LOGIN */
.titulo_formulario_login {background-color:#2B5532; border:1px solid #d0cfcb; color:#ffffff; font-family:Tahoma, Times, serif; font-size:12px; text-align:center; width:550px; padding:5px; margin:0 auto; font-weight:bold}
.formulario_login {padding:0; width:550px; border:1px solid #006633; padding:5px; margin:0 auto; background:#FFFFFF}
label {font:bold 0.9em Arial; color:#2B5532}
.campo_formulario_login {text-align:center;border:1px solid #CCCCCC; background-position:left; font: normal 0.9em Arial; width:110px; color: #333333; padding:3px 5px 3px 10px;}
.campo_formulario_login:focus, .campo_formulario_login:hover {background:#FFFFCC;}
.boton_formulario_login {border:1px solid  #2B5532; color:#FFFFFF; background:#2B5532; padding:3px; width:80px}

/*********************************************
*	GESTION DE ERRORES
*********************************************/

.titulo_errores
{
	padding-left:7px; 
	background-color:#990000; 
	color:#FFFFFF;
	font-family:Tahoma; 
	font-size:11px; 
	width:89%; 
	margin-left:30px;
	border:1px solid #990000;
}

.detalle_errores
{
	border:1px dotted #990000;
	color:#990000;
	background:#FFCCCC;
	padding:10px;
	width:87%;
	margin-left:30px;
}

.lista_errores 
{
	list-style-image:url(/img/error.gif);	
	color:#993300;
	font-size:90%;
}