/* Diputacion de Jaen - Hoja de estilos*/

/*GUIA DE COLORES
	verde (background) : #7a9c13
	verde (oscuro-bordes) : #4e6f07
	verde (claro): #e5efcc
	gris (desactivado): #616568 
	gris (borde de banners): #cfcfcf
****************/

/*Reseto*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size: 1em;	
}

table.acceso {
	margin: 10% 0 20% 0;
	font-size: 1.4em;	
	border:0 !important;	
}
table.acceso tr td, th {
    border-bottom: none !important;
}

table.acceso form tr {
	padding: 10px;	
}


fieldset,img{ 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
*{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

/*Estilos generales*/


body{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background: #7a9c13 url(../images/patron_fondo_body.gif) repeat-x scroll left top;
    font-size: 0.7em;
    height: 100%;	
}

#contenido{
	width: 968px;
	margin: 15px auto;
}

/*Estilo para formularios*/
input{
	font-size: 0.9em;
	font-style: italic;
	background: url(../images/patron_input.gif) #f5f5f5 repeat-x top;
	border: 1px solid #bababa;
	padding: 1px 3px 1px 3px;
	color: #000;
}

input.button {
	margin: 10px;
}	

input.button_mod {
	margin: 5px 0px;
	cursor: pointer;
}	

/*CABECERA (Nota: incluye estilos para otras partes con herencia)*/
#cabecera{
	height: 127px;
	background: url(../images/cabecera_bg.gif) transparent no-repeat bottom center;
}

#menu_tabs, #menu_tabs ul li a,
#enlaces, #menu_enlaces ul li a,
#actualidad a.btn_info_ciudadana,
a.btn_canal_dip,
#menu_lateral ul li a,
.bloque_conoce h4,
a.btn_directorio{
	height: 34px;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
}

#menu_tabs ul{
	float: right;
	margin-right: 18px;
}

#menu_tabs ul li{
	display: inline;
	float: left;
	text-align: center;
	padding-right: 1px;
	border-bottom: 1px solid #bababa;
}

#menu_tabs ul li span{
	top: 17px;
	left: 9px;
	position: relative;
}

#menu_tabs ul li a.peq span{
	left: 13px;
}


#menu_tabs ul li.activo{
	border-bottom: 1px solid #fff;
}

#menu_tabs ul li a{
	display: block;
	float: left;
	text-decoration: none;
	line-height: 3px;
	color: #616568;
}

#menu_tabs ul li.activo a{
	color: #7a9c13;
	cursor: default;
}

#menu_tabs ul li.activo a:hover{
	line-height: 3px;
}

#menu_tabs ul li a:hover{
	line-height: 0;
	color: #7a9c13;
}

#menu_tabs ul li a.peq{
	width: 109px;
	background: url(../images/menu_tabs_peq.gif) transparent no-repeat top center;
}

#menu_tabs ul li.activo a.peq,
#menu_tabs ul li.activo a:hover.peq{
	background: url(../images/menu_tabs_peq_on.gif) transparent no-repeat top center;
}

#menu_tabs ul li a.peq:hover{
		background: url(../images/menu_tabs_peq_hover.gif) transparent no-repeat top center;
}

#menu_tabs ul li a.med{
	width: 147px;
	background: url(../images/menu_tabs_med.gif) transparent no-repeat top center;
}

#menu_tabs ul li.activo a.med ,
#menu_tabs ul li.activo a:hover.med{
	background: url(../images/menu_tabs_med_on.gif) transparent no-repeat top center;
}

#menu_tabs ul li a.med:hover{
		background: url(../images/menu_tabs_med_hover.gif) transparent no-repeat top center;
}

#menu_tabs ul li a.gra{
	width: 216px;
	background: url(../images/menu_tabs_gra.gif) transparent no-repeat top center;
}

#menu_tabs ul li.activo a.gra ,
#menu_tabs ul li.activo a:hover.gra {
	background: url(../images/menu_tabs_gra_on.gif) transparent no-repeat top center;
}

#menu_tabs ul li a.gra:hover{
	background: url(../images/menu_tabs_gra_hover.gif) transparent no-repeat top center;
}

#anclajes,
#logo h1{
	display: none;
}

#logo{
	float: left;
	margin: 10px 0 0 15px;
	width: 89px;
}

#menu_enlaces{
	float: right;
	margin-right: 18px;
	width: 593px;
}

#menu_enlaces  ul li{
	display: inline;
}

#menu_enlaces ul li a,
#actualidad a.btn_info_ciudadana,
a.btn_canal_dip,
#menu_lateral ul li a,
.bloque_conoce ul li a,
a.btn_directorio{
	text-transform: none;
	text-decoration: none;
	color: #616568;
	font-size: 0.8em;
}

#menu_enlaces ul li a:hover,
#actualidad a:hover.btn_info_ciudadana,
a:hover.btn_canal_dip,
#menu_lateral ul li a:hover,
#menu_lateral ul li a.activo,
a:hover.btn_directorio{
	color: #7a9c13;
}

#menu_enlaces #enlaces{
	width: 593px;
	background: url(../images/enlaces_bg.gif) transparent no-repeat center bottom;
	margin-top: 8px;
	height: 30px;
}

#enlaces  ul{
	padding-left: 10px;
}

#enlaces ul li{
	width: 62px;
	float: left;
	padding-left: 23px;
}

#enlaces ul{
	color: #ddd;
}

#enlaces ul li a{
	color: #86898a;
}

#enlaces ul li.enlaces{
	background: url(../images/ico_enlaces.gif) transparent no-repeat left center;
}

#enlaces ul li.imprimir{
	background: url(../images/ico_imprimir.gif) transparent no-repeat left center;
}

#enlaces ul li.site_map{
	background: url(../images/ico_site_map.gif) transparent no-repeat left center;
}

#enlaces ul li.contacto{
	background: url(../images/ico_contacto.gif) transparent no-repeat left center;
}

form.buscador{
	float: left;
}

form.buscador legend,
form.buscador .btn_buscar span,
form.buscador label{
	display: none;
}

form.buscador input{
	height: 15px;
	width: 130px;
	margin-right: 5px;
	background: url(../images/input_buscar_bg.gif) transparent no-repeat top right;
}

form.buscador button.btn_buscar{
	border: 0;
	width: 80px;
	height: 20px;
	background: url(../images/btn_buscar.gif) transparent no-repeat /*left center*/ scroll;
}

#botones_cabecera{
	text-align: center;
	float: right;
	margin-top: 10px;
	height: 44px;
	width: 514px;
	background: url(../images/botones_cabecera_bg.gif) transparent no-repeat top center;
}

#botones_cabecera ul{
	margin-left: 6px;
}

#botones_cabecera ul li a{
	float: left;
	margin: 5px;
}

#botones_cabecera ul li a span,
#actualidad a.btn_info_ciudadana span,
a.btn_canal_dip span,
a.btn_directorio span{
	font-size: 1.5em;
	position: relative;
	top: 7px;
	left: 18px;
}

#botones_cabecera ul li a.btn_oficina{
	width: 200px;
	background: url(../images/buttons/btn_oficina.gif) transparent no-repeat top center;
}

#botones_cabecera ul li a.btn_bop{
	width: 86px;
	background: url(../images/buttons/btn_bop.gif) transparent no-repeat top center;
}

#botones_cabecera ul li a.btn_servicios{
	width: 181px;
	background: url(../images/buttons/btn_servicios.gif) transparent no-repeat top center;
}

/* CUERPO */
#cuerpo{
	width: 966px;
/*	height: 500px;*/
	background: #fff;
	border-left: 1px solid #4e6f07;
	border-right: 1px solid #4e6f07;
	border-top: 3px solid #4e6f07;
	float: left;
}

#cuerpo #banner_cuerpo{
	border-bottom: 3px solid #4e6f07;
	height: 90px;
}

#cuerpo #banner_cuerpo h2{
	display: none;
}

#cuerpo #contenido_cuerpo{
	padding: 0 12px;
/*	min-height: 450px;*/
	
	float: left;
	width: 942px;
	background-color: #fff;
}

/*Cuerpo izquierda*/
#contenido_cuerpo .columna_izq{
	background: url(../images/miga_bg.gif) transparent no-repeat top center;
	float: left;
	width: 630px;
	
}

#miga_pan{
	background: url(../images/miga_gran_bg.gif) transparent no-repeat top center;
	margin: 5px 0 10px 0;
	padding-left: 35px;
	padding-top: 2px;
	height: 27px;
}

#miga_pan span{
	text-transform: uppercase;
	color: #4d4e4a;
	font-weight: bold;
}

#miga_pan span.localizador{
	color: #999a94;
	text-transform: none;
	font-weight: normal;
}

#miga_pan a{
	color: #7a9c13;
	font-weight: bold;
	text-transform: uppercase;
}

.columna_izq #miga_pan{
	margin: 4px 0 5px 13px;
	padding-left: 20px;
	background: url(../images/ico_miga.gif) transparent no-repeat top left;
}

/* ACTUALIDAD */
#actualidad{

}

h3{
	background: url(../images/ico_hoja_titulo.gif) transparent no-repeat top left;
	padding: 2px 0 0 35px;
	height: 23px;
	color:  #7a9c13;
	font-style: italic;
	font-weight: bold;
	font-size: 1.8em;
	clear: both;
}



p{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1;
	background: url(../images/bullet_noticias.gif) transparent no-repeat top left;
	padding-left: 25px;
	margin: 5px 0;
}



div.separador{
	width: 100%;
	clear: both;
}

div.separador,
.actualidad_der div.separador{
	background: url(../images/patron_separador_verde.gif) transparent no-repeat top right;
	height: 3px;
	/*margin: 0 0 5px 0;*/
	width: 100%;
}

div.separador hr{
	display: none;
}


p.subtitulo_verde_cursiva,
p.parrafo_gris{
	margin: 2px 0;
	font-weight: bold;
	color: #7a9c13;
	background: none;
	text-transform: none;
	font-style: italic;
	font-size: 1.2em;
}

p.lugar_evento,
p.parrafo_gris{
	font-weight: normal;
	font-size: 1.1em;
	color: #616568; 
	font-style: normal;
}


.separador_dotted{
	border-bottom: 1px dotted #616568;
	width: 90%;
	clear: both;
	margin: 0 auto 5px auto;
	height: 1px;
}


/*PIE*/
#pie{
	background: url(../images/pie_bg.gif) transparent no-repeat top center;
	height: 100px;
	clear: both;
	margin: 0 -10px;
}

#pie .info_pie{
	float: left;
	margin-top: 50px;
	font-size: 1em;
}

#pie p{
	background: none;
	font-weight: normal;
	color: #fff;
	padding-left: 30px;
}

#pie .pie_avisos,
#pie a{
	color: #333301;
	text-decoration: none;
}

#pie a:hover{
	text-decoration: underline;
}

#pie span{
	margin: 0 2px;
}

#pie .pie_validaciones{
	float: right;
	margin: 50px 30px 0 0;	
}

/* AREAS 1 */
#menu_lateral{
	background: url(../images/menu_lateral_bg.gif) #fff no-repeat top center;
	float: left;
	width: 195px;
}

#menu_lateral ul,
#menu_lateral ul li,
#menu_lateral ul li a{
	width: 166px;
}

#menu_lateral ul{
	margin: 20px auto;
/*	margin-top: 15px;*/
}

#menu_lateral ul li{
	margin-top: -4px;
}

#menu_lateral ul li a{
	background: url(../images/ico_flecha.gif) transparent no-repeat top left;
	border-bottom: 1px solid #cfcfcf;
	width: 142px;
	font-size: 1.2em;
	height:auto;
	float: left;
	padding: 3px 0px 5px 25px;
}

#menu_lateral ul li a:hover,
#menu_lateral ul li a.activo{
	background: url(../images/ico_flecha_hover.gif) #e5efcc no-repeat top left;	
}

#conoce_dip{
	width: 720px;
	float: right;
}

#title {
	text-align: center;
	font-size: 2.2em;
	margin-top: 40px;
	font-weight: bolder;
	text-transform: uppercase;

}

p.parrafo_gris{
	line-height: 1.5;
	margin: 5px 0;
}

.lista_novedades{
	float: left;
	margin: 5px 0;
}

td.texto_b_g{
	background-color:#ccc;	
	font-size: 1.1em;	
	font-weight: bold;	
}

.texto_grande_n {
	font-size: 1.2em;
	font-weight: bold;	
}

.texto_grande_n p.small{
    font-weight: normal;
    font-size: 0.9em;
}

.texto_grande {
	text-align: center;
}


tr.cerrado {
	font-style: italic;
        color: #777;

}

td.title_table{
	background-color: #A2BD4E;
	font-weight: bold;	
	padding: 10px;
	font-size: 1.4em;
	text-transform: uppercase;		
}

table{
  border: 0px solid black;
  border-spacing: 0px;
}

table thead tr{
  font-size: 14px;
}

table thead tr th{
  border-bottom: 2px solid black;
  border-top: 1px solid black;
  margin: 0px;
  padding: 2px;
  background-color: #cccccc;
}

table tr {
  color: black;
  font-size:12px;
  background-color: white;
}

table tr td, th{
  border-bottom: 1px solid black;
  padding: 2px;
}

span.destacado_rojo {
	color: red;
}
span.atencion {
	color: red;
	style: italic;
}

table tr td.border_left{
	border-left: 1px solid black;
}	

table tr td.border_right{
	border-right: 1px solid black;
}