/* Diputacion de Jaen - Hoja de estilos*/

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

/*IMPORTACION*/
@import url("../../css/styleswysiwyg.css");


/*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;
}
fieldset,img{ 
	border:0;
}

img{
	float: left;
	height: auto;
}

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;
	margin: 0;
	padding: 0;
	border: 0px solid #333;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
*{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

/*Estilos generales*/
html {
	margin: 0;
	padding: 0;
	border: 0px solid #333;
}
body{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 auto;
	background: #7a9c13 url(../images/patron_fondo_body.gif) repeat-x scroll left top;
	width: 100%;
	height: 100%;
}

a{
	text-decoration: none;
}

p{
	font-size: 1.1em;
	line-height: 1.3em;
}

#contenido{
	width: 996px;
	margin: 15px auto;
	padding: 0;
	border: 0px solid #333;
	
}

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

/*PIE*/
#pie{
	background: url(../images/pie_bg.gif) transparent no-repeat top center;
	height: 100px;
	width: 978px;
	clear: both;
	margin: 0 auto;
	padding: 0;
	border: 0px solid #333;
}

#pie .info_pie{
	float: left;
	margin: 55px 0 0 0;
}

#pie p{
	background: none;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.2em;
	color: #fff;
	padding: 0 0 0 25px;
	margin: 0;
	border: 0px solid #333;
}

#pie .pie_avisos,
#pie a{
	font-size: 1.1em;
	line-height: 1.8em;
	color: #333301;
	text-decoration: none;
}

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

#pie span{
	margin: 0 2px;
}

#pie .pie_validaciones{
	float: right;
	margin: 50px 25px 0 0;
	padding: 0;
	border: 0px solid #333;
}
#pie .pie_validaciones a{
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0px solid #333;
}
/* TITULOS */
#logo h1,
#logo_expo h2{
	display: none;
}

#expo_virtuales h3,
#expo_virtuales_creditos h3{
	font-size: 2.4em;
	font-family: Georgia;
	font-style: italic;
	color: #141a03;
}

#expo_virtuales h4,
#expo_virtuales h5.salas,
#expo_virtuales_creditos h4{
	font-size: 1.2em;
	font-family: Georgia;
	background: transparent url(../images/patron_h4.gif) no-repeat scroll left bottom;
	line-height: 1.4em;
	letter-spacing: -0.05em;
	word-spacing: 0.1em;
	padding: 0 0 10px 0;
	margin: 0 0 7px 0;
}

#expo_virtuales h5.salas{
	font-weight: bold;
	font-size: 1.4em;
	clear: both;
}

#presentacion h5,
.info_seccion h5{
	background: url(../images/bullet/bullet_h5.gif) transparent no-repeat 0px 1px;
	padding: 0 0 5px 30px;
	font-family: Georgia;
	font-size: 1.8em;
	margin-bottom: 10px;
}

/*TIPOGRAFIAS*/
.titulo_epigrafe,
ul.menu_horizontal li a:hover,
#expo_virtuales h4,
ul.lista_salas li a,
p.parrafo_verde_cursiva,
.paginacion ul li a,
#expo_virtuales_creditos h4,
.info_seccion dl dt{
	color: #7a9c13;
}

ul.menu_horizontal li a,
#expo_virtuales .titulo_epigrafe,
#expo_virtuales_creditos .titulo_epigrafe,
a.btn_presentacion span,
#expo_virtuales h5.salas{
	text-transform: uppercase;
}

p.parrafo_gris{
	color: #646560;
	line-height: 1.3em;
	margin-bottom: 10px;
}

p.parrafo_verde_cursiva,
.info_seccion dl dt{
	font-style: italic;
}

a.btn_presentacion span{
	color: #3d4e09;
	font-size: 1.1em;
}

a:hover.btn_presentacion span{
	color: #fff;
}

ul.lista_salas li a{
	font-size: 1.1em;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 0;
	border: 0x solid #333;
}

ul.lista_salas li a:hover{
	text-decoration: underline;
}

/*borde punteado*/
ul.lista_salas li,
.info_seccion dl,
#presentacion h5,
.info_seccion h5{
	border-bottom: 1px dotted #c4c4c4;
}

/* CABECERA */
#anclajes{
	display: none;
}

#cabecera{
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	border: 0px solid #333;
}

#logo{
	margin: 8px 20px 0 20px;
	float: left;
}

#logo_expo{
	margin: 8px 20px 0 0;
	float: right;
}

/* CUERPO */
#cuerpo{
	float: left;
	border: 1px solid #4e6f07;
	border-bottom: none;
	background-color: #fff;
	margin: 0 14px;
	width: 966px;
}

/*MENU HORIZONTAL*/
ul.menu_horizontal{
	float: left;
	width: 100%;
	height: 35px;
	background: #c1c1c1 url(../images/patron_menu_horizontal.gif) repeat-x scroll left top;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #b2b2b2;
font-size:9px;
}

ul.menu_horizontal li,
ul.lista_salas li,
.info_seccion dl dt,
.info_seccion dl dd,
.paginacion ul li{
	float: left;
	display: inline;
}

ul.menu_horizontal li{
	height: 36px;
	line-height: 36px;

}

ul.menu_horizontal li.activo{
	background-color: #fff;
	border-bottom: none;
}

ul.menu_horizontal li.borde_menu{
	width: 3px;
	background: url(../images/patron_separador_menu_horizontal.gif) transparent no-repeat top left;
}

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

ul.menu_horizontal li a{
	height: 36px;
	float: left;
	padding: 0 6px;
}

/*tipografia del menu horizontal*/
ul.menu_horizontal li a{
	font-size: 1.2em;
	font-weight: bold;
	color: #161a07;
}

ul.menu_horizontal li a:hover{
	background-color: #fff;
}

/*EXPOSICIONES VIRTUALES */
#expo_virtuales,
#expo_virtuales_creditos{
	padding: 15px;
	float: left;
	width: 935px;
	border: 0px solid #333;
}

.titulo_epigrafe{
	font-weight: bold;
	font-size: 10px;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 2px solid #7a9c13;
}

#expo_virtuales .columna_izq,
#expo_virtuales .columna_der{
	float: left;
	width: 415px;
}

#expo_virtuales .columna_der{
	float: right;
	width: 508px;
}

#expo_virtuales .columna_der img{
	float: right;
}

a.btn_presentacion{
	background: url(../images/btn_presentacion.gif) transparent no-repeat top left;
	width: 97px;
	height: 30px;
	float: right;
	line-height: 3em;
	text-align: center;
	margin: 10px 0;
	overflow: visible;
}

a:hover.btn_presentacion{
	background: url(../images/btn_presentacion_hover.gif) transparent no-repeat top left;
}

span.bullet_salas{
	float: left;
	width: 14px;
	height: 15px;
	background: url(../images/bullet/bullet_salas.gif) transparent no-repeat top left;
	margin: 2px 5px 0 0;
}

/*lista de salas*/
ul.lista_salas {
	clear: both;
}

ul.lista_salas li{
	width: 21%;
height:145px;
	margin: 5px 14px 5px 0px;
}

/*tratamiento de imagenes*/
img.borde_gris,
img.borde_verde{
	padding: 3px;
	border: 1px solid #cfcfcf;
        margin-bottom: 6px;
}

img.borde_verde{
	border-color:  #7a9c13;
}

/*restriccion en los anchos*/
ul.lista_salas li img,
#expo_virtuales img.borde_gris{
	width: 83px;
}

#expo_virtuales .columna_der img{
	width: 500px;
}
/*******************/
#expo_virtuales .columna_izq .bloque_sala a.descarga {
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.3em;
	background: transparent url(../images/icons/icn_clip.gif) no-repeat scroll left top;
	color: #7a9c13;
	margin: 0;
	padding: 0 0 0 20px;
	border: 0px solid #333;
}
#expo_virtuales .columna_izq .bloque_sala a:hover.descarga {
	text-decoration: underline;
}
#expo_virtuales .columna_izq .bloque_sala a.descarga img {
	width: 18px;
	height: 18px;
	background: transparent;
	vertical-align: middle;
	color: #7a9c13;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	border: 0px solid #333;
}
ul.lista_salas li a{
	background: url(../images/bullet/bullet_enlace.gif) transparent no-repeat 0px 2px;
	padding-left: 20px;
	width: 80%;
	margin: 5px 0;
	float: left;
}

.enlaces_interes{
	float: right;
	margin: 10px 0;
}

.enlaces_interes a img{
	margin-left: 5px;
	width: auto !important;
	float: none !important;
}

/*PRESENTACION*/
#presentacion{
	float: left;
	/*width: 88%;*/
	margin-left: 15px;
}

#presentacion .cuerpo_presentacion{
	width: 90%;
}

#presentacion .cuerpo_presentacion img{
	margin: 0 15px 0 10px;
}

.pie_presentacion{
	float: right;
	width: 100%;
	clear: both;
}

.pie_presentacion p{
	text-align: right;
	margin: 0;
	padding: 0;
	border: 0px solid #333;
}

#mapa{
	float: left;
}

#mapa .botones_mapa{
	border: 1px dotted black;
	width: 508px;
	height: 30px;
	float: left;
	margin-top: 10px;
	background: url(../images/patron_h4.gif) transparent no-repeat bottom left;
	padding-bottom: 10px;
}

/* CONTENIDO INTERIORES */
.info_seccion{
	float: right;
	width: 75%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0px solid #333;
	text-align:justify;
}

.info_seccion dl{
	width: 100%;
	float: left;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	border: 0px solid #333;
}

.info_seccion dl dt {
	width: 25%;
	clear: left;
	margin: 3px 0 3px 0;
	padding: 0;
	border: 0px solid #333;
}

.info_seccion dl dd{
	width: 75%;
	margin: 3px 0 3px 0;
	padding: 0;
	border: 0px solid #333;
}

.ico_clip{
	width: 14px;
	height: 15px;
	float: left;
	margin: 5px 5px 0 0;
	background: url(../images/icons/icn_clip.gif) transparent no-repeat top left;
}

.info_seccion a, .cuerpo_presentacion a{
	color:#7A9C13 !important;
	font-size:1.0em !important;
	font-style:italic !important;
	text-decoration:none !important;
}

.info_seccion strong{
	
	font-weight: bold;
	
}
.info_seccion p, .info_seccion div, .info_seccion span, .info_seccion p .JustifyFull, .info_seccion div .JustifyFull{
	float: left;
	width: 100%;
	text-align:justify !important;
	font-size:1.1em !important;
	font-height:1.3em !important;
	line-height:1.6em !important;
	
}


.info_seccion a img{
	float: none;
}

.bloque_sala,
.paginacion{
	float: left;
	width: 100%;
	clear: both;
}

.paginacion{
	text-align: center;
	padding-top: 10px;
	border-top: 1px dotted #c4c4c4;
}

.paginacion ul{
	margin: 0 auto;
	width: 320px;
}

.paginacion ul li{
	margin: 0 2px;
	font-size: 1.1em;
	line-height: 2em;
}

.paginacion ul li,
.paginacion ul li a{
	width: 18px;
	height: 25px;
	float: left;
}

.paginacion ul li a:hover{
	background: url(../images/icons/icn_paginacion_hover.gif) transparent no-repeat top center;
}

.paginacion ul li a.selected,
.paginacion ul li a:hover.selected{	
	color: #000;
	background: url(../images/icons/icn_paginacion_selected.gif) transparent no-repeat top center;
}

.paginacion ul li.primero,
.paginacion ul li.ultimo{
	width: 40px;
}

.paginacion ul li.ultimo{
	margin-left: 10px;
}

.paginacion ul li.primero a{
	float: right;
}

.paginacion ul li.primero a img,
.paginacion ul li.ultimo a img{
	margin-top: 5px;
}

.paginacion ul li.primero a:hover,
.paginacion ul li.ultimo a:hover{
	background: none;
}

/* EXPOSICIONES VIRTUALES - CREDITOS */
#expo_virtuales_creditos .columna_izq,
#expo_virtuales_creditos .columna_der{
	float: left;
	width: 525px;
	margin: 0;
	padding: 0;
	border: 0px solid #333;
}

#expo_virtuales_creditos .columna_der,
#expo_virtuales_creditos .columna_der img{
	float: right;
	width: 395px;
}
#expo_virtuales_creditos .columna_der img{
	width: 384px;
}

#expo_virtuales_creditos .info_seccion{
	width: 80%;
	margin: 0;
	padding: 0;
	border: 0px solid #333;
}
#expo_virtuales_creditos .info_seccion dl{
	border-bottom: none;
	padding: 0;
	border: 0px solid #333;
}
#expo_virtuales_creditos .info_seccion dl dt{
	width: 45%;
	padding: 0;
	border: 0px solid #333;
}

#expo_virtuales_creditos .info_seccion dl dd{
	width: 55%;
	padding: 0;
	border: 0px solid #333;
}


#mapa .pie_foto_exposicion p{
	margin-left: 20px;
	font-family: cursive;
	font-size: 1em;
}