/****************************** Estilos comunes de todo el portal ******************************/

/********** Estilos generales **********/

* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, sans-serif;
	font-size: 75%;
	padding: 0.3em;
}
a {
	text-decoration: none;
}
input, select, textarea {
	font-family: Arial, sans-serif;
	font-size: 1em;
}
img {
	border: 0;
}
a:hover {
	text-decoration: underline;
}
ul, ol {
	padding-bottom: 1em;
}
ul ul, ol ol {
	padding-bottom: 0;
}
li {
	list-style-type: none;
	margin: 0.3em 0;
}
ol li {
	list-style-type:decimal;
}
ol{
      padding-left:1.4em; 
}
h2, h3, h4 {
	font-family: "Arial Narrow";
	font-weight: normal;
}
h1 {
	font-size: 220%;
}
h1.sinlogo {
	padding: 1.2em 0;
}
h2 {
	font-size: 200%;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 180%;
	margin: 0.5em 0;
}
h4 {
	font-size: 150%;
	font-weight: bold;
	margin: 0.5em 0;
}
p {
	margin: 0.5em 0 1em;
}
dt {
	float:left;
	font-weight: bold;
	width: 13em
}
dd {
	margin: 0.5em 0 1em;
}
address {
	font-style: normal;
	margin-bottom: 0.2em;
}
.salto, .nota {
	position: absolute;
	top: -5000px;
	left: -5000px;
	display: none;
}
.apunte {
	color: #336699;
	font-style: italic;
	font-size: 0.9em;
}
kbd {
	border: 3px outset;
	text-align: center;
}
kbd span {
	color: white;
	font-weight: bold;
	padding: 0 0.2em; 
}
a.imagen {
	border: 0 !important;
}
a.imagen img {
	vertical-align: middle;
}
ul.errores {
	margin-bottom: 2em;
	padding: 0.5em;
	border: dashed 1px red;  
	color: #F00;
	background: url("imgs/adv.jpg") no-repeat right bottom;
	min-height: 3em;
}
ul.errores li {
	margin-left: 2em !important;
	list-style-image: url("imgs/admiracion_error.gif") !important;
	background-image: none !important;
	padding-left: 0 !important;
}
ul.enlacesContenidos {
	margin-top: 3em;
	clear:both;
}
ul.enlacesContenidos li {
	float: left;
	width: 33%;
	text-align: center;
	background-image: none !important;
	padding-left: 0 !important;
}
ul.enlacesContenidos li.individual {
	float:none;
	width: auto;
}
ul.enlacesContenidos li.dos {
	width: 49.9%;
}
ul.enlacesContenidos li.primero {
	text-align: left;
}
ul.enlacesContenidos li.ultimo {
	text-align: right;
}
ul.enlacesImagenes {
	padding: 0 !important;
	clear: both;
	margin-bottom: 1em;
}
ul.enlacesImagenes li {
	float: left;
	width: 33%;
	text-align: center;
	background-image: none !important;
	padding-left: 0 !important;
}
ul.enlacesImagenes li.prev {
	text-align: left;
}
ul.enlacesImagenes li.next {
	text-align: right;
}
select.grupo option {
	padding-left: 1em
}
.cerrarImprimir {
	margin-top: 3em;
	text-align: center;
}
.soloSociosDetalle {
	float: right;
	padding-left: 1em;
}
.dcha {
	float: right;
}
.izda {
	float: left;
}
.center {
	text-align: center;
}
.alignIzda {
	text-align: left;
}
.alignDcha {
	text-align: right;
}
.upper {
	text-transform: uppercase;
}
.tipoOperacion {
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
}
a.imagenEmpresa {
	border: 0 !important;
	padding-right: 1em;
	float: left;
}
#menu li {
	clear: both;
}
/******* Estilos el paginador de listados *******/

.listado {
	clear: both;
}
.listado li {
	padding: 0 0 1.5em 1.3em !important;
	height: 1%;
	clear: both;
}
.listado p {
	margin-top: 0;
	margin-bottom: 0.4em;
}
span.espacio {
	padding-left: 2em;
}
.paginador {
	text-align: center;
	margin-top: 1em;
	clear: both;
	border-top: 1px solid #336699;
	border-top-style: dashed;
	margin-top: 1.5em;
	padding-top: 1em;
}
.paginador li {
	display: inline;
	padding: 0 0.1em !important;
	background-image: none !important;
}
.paginador a.anterior {
	float:left
}
.paginador a.siguiente {
	float:right
}

/******* Estilos para los logos de las secciones *******/

.noticiasLogo
{
	background: url("imgs/Noticias.gif") no-repeat 1em 1em;
	min-height: 8em;
	padding-left: 10em !important;
}
* html .noticiasLogo {
	height: 8em !important;
}
.agendaLogo
{
	background: url("imgs/Agenda.gif") no-repeat 1em 1em;
	min-height: 8em;
	padding-left: 10em !important;
}
.buscadorLogo
{
	background: url("imgs/Buscar.gif") no-repeat right top;
}
.boletinLogo
{
	background: url("imgs/Boletin.gif") no-repeat 1em 1em;
	min-height:8em;
	padding-left:10em !important;
}
.galeriaLogo
{
	background: url("imgs/Galeria.gif") no-repeat 1em 1em;
	min-height:8em;
	padding-left:10em !important;
}
* html .galeriaLogo {
	height: 8em !important;
}
.ayudasLogo
{
	background: url("imgs/Ayudas.gif") no-repeat right top;
}
.tablonLogo
{
	background: url("imgs/Tablon.gif") no-repeat 1em 1em;
	min-height:8em;
	padding-left:10em !important;
}
.asociacionLogo
{
	background: url("imgs/Asociacion.gif") no-repeat 1em 1em;
	min-height:8em;
	padding-left:10em !important;
}
.formacionLogo
{
	background: url("imgs/Formacion.gif") no-repeat 1em 1em;
	min-height:8em;
	padding-left:10em !important;
}
.privadaLogo
{
	background: url("imgs/Privada.gif") no-repeat 1em 1em;
	min-height: 8em;
	padding-left: 10em !important;
}
* html .privadaLogo {
	height: 8em !important;
}

/******* Estilos para los formularios *******/

form.formulario {
	padding: 0.5em 0;
}
form.formulario fieldset {
	border: 0;
}
form.formulario legend {
	font-size: 150%;
	font-weight: bold;
	font-family: "Arial Narrow";
	padding: 0.5em 0;
}
form.formulario label {
	float:left;
	color: #336699;
	width: 12em;
	text-align: right;
	padding-right: 1em;
}
form.formulario .grande {
	width: 16em;
}
form.formulario .doble {
	width: 22em;
}
form.formulario .triple {
	width: 34em;
}
form.formulario label.label-check {
	text-align: left;
	width: 100%;
	float: none;
}
form.formulario .botones {
	padding-left: 14em;
	padding-top: 1em;
}
form.formulario .botones input, form.formulario input.boton {
	padding: 0.1em 1em;
}
form.formulario .botonAccesorio {
	float: right;
	padding-left: 1em;
}
form.formulario .botonAccesorio input {
	padding: 0.1em 1em;
}
form.formulario span {
	font-style: italic;
	font-size: 0.9em;
}
form option {
	padding-right: 1em;
}
form span.enLinea {
	padding-left: 1em;
}
.mensajeCorrecto{
	font-weight:bold;
	width:93%;
	padding:0.6em;
	padding-left:4em;
	border:solid 1px #004500; 
	background: url("imgs/check.gif") no-repeat 1em;
	background-color:#DFEECF; 
}
/********** estilos para la gestion de contenidos **********/

table.gestionContenidos {
	border-collapse: collapse;
	color: #000;
}
table.gestionContenidos th {
	text-align: left;
}
table.gestionContenidos td, table.gestionContenidos th {
	padding: 0.2em 1em;
}
table.gestionContenidos tbody tr:hover {
	background-color: #EEE;
}
table.gestionContenidos td.imagen {
	text-align: center;
	vertical-align: middle;
}
table.gestionContenidos td.imagen a, table.gestionContenidos td.sinBorde a {
	border: 0 !important;
}
table.gestionContenidos td.dos_imgs img {
	display: block;
}
table.gestionContenidos td.nivel1 {
	padding-left: 1em;
}
table.gestionContenidos td.nivel2 {
	padding-left: 2em;
}
table.gestionContenidos td.nivel3 {
	padding-left: 3em;
}
table.gestionContenidos td.nivel4 {
	padding-left: 4em;
}
table.gestionContenidos td.nivel5 {
	padding-left: 5em;
}
.nuevo {
	text-decoration: underline;
}
.modificado {
	font-style: italic;
}
.borrado {
	text-decoration: line-through;
}
.leyenda {
	border: 1px solid #CCC;
	padding: 0.5em;
	text-align: center;
	margin-top: 2em;
}
.leyenda span {
	padding: 1em
}

/****************************** Contenido de la portada ******************************/

/********** contenido principal **********/

#presentacion {
	padding: 2em;
}
#presentacion h2 {
	text-align: center;
}
#presentacion p {
	margin-bottom: 1em;

}
#agenda h3 {
	font-family: Arial;
	font-weight: bold;
	font-size: 110%;
}
#contenido #agenda * {
	margin-left: 1em;
	margin-right: 1em;
}
#contenido #agenda * * {
	margin-left: 0;
	margin-right: 0;
}
#agenda select {
	margin: 0.5em 0;
}
#calendario {
	color: #000;
	margin: 1em;
	font-weight: bold;
	font-size: 100%;
}
#calendario td, #calendario th {
	text-align: center;
	padding: 0 0.2em;
}
#calendario td.domingo {
	color: red;
}
#calendario a {
	border: 0;
}
#agenda h3 {
	margin-top: 1em;
}
#agenda li {
	margin-bottom: 0.7em;
}
#agenda li p {
	margin-top: 0;
	margin-bottom: 0;
}

/********** contenido secundario **********/

#subcontenido div.ultimos {
	width: 49.9%;
	float:left;
	padding-bottom: 2em;
}
#subcontenido div.ultimos * {
	margin-left: 1em;
	margin-right: 1em;
}
#subcontenido div.ultimos * * {
	margin-left: 0;
	margin-right: 0;
}
#subcontenido div.ultimos h2 {
	margin-left: 0.5em;
}
#subcontenido div.ultimos ol {
	padding: 0;

}
#subcontenido div.ultimos li {
	margin-bottom: 2em;
	background-image: none;
	padding: 0;
        list-style-type:none;
}
#subcontenido div.ultimos li p {
	margin-bottom: 0.3em;
}

/****************************** Contenido del detalle de noticias ******************************/

.fotoNoticia {
	float:right;
	width: 17em;
	text-align: center;
	padding-left: 2em;
	padding-bottom: 2em;
}
.fotoNoticia p.enlace {
	text-align: right;
	margin-top: 2em;
}
#fotoAmpliada {
	background-color: #FFF;
	padding: 1em;
	margin: 1em;
	text-align: center;
	color: #000;
}
#fotoAmpliada a {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
#fotoAmpliada a:hover {
	text-decoration: none;
}
#fotoAmpliada ul.enlacesContenidos {
	margin-top: 1em;
	padding-bottom: 1em !important;
}

/****************************** Otros estilos ******************************/

.imagenesDetalle {
	text-align: center;
	overflow: hidden;
	height: 1%;
}
.imagenesDetalle div {
	padding-right: 1em;
	width: 250px;
	float:left;
}
.imagenesDetalle a.imagen img {
	padding-bottom: 0.3em !important;
}
.fotosDetalle {
	padding-top: 1.5em;
	text-align: center;
	overflow: hidden;
	height: 1%;
}
.fotosDetalle div {
	padding-right: 1em;
	width: 250px;
	float:left;
}
.fotosDetalle div p {
	width: 250px;
	font-style: italic;
	font-size: 90%;
	margin: 0;
}

p.caratula {
	float: left;
	margin-right: 0.5em !important;
	padding-bottom: 1em;
}
p.caratula img {
	height: 12em;
}

table.formatosVideos {
	border-collapse: collapse;
}
table.formatosVideos a {
	margin: 0.5em !important;
}
table.formatosVideos img {
	vertical-align: middle;
	padding-right: 0.3em;
}
table.formatosVideos th, table.formatosVideos td {
	padding: 0.2em 0.5em;
}
table.formatosVideos tr.primero td {
	border-top: 2px solid #669999;
}
table.formatosVideos tr.ultimo td {
	border-bottom: 2px solid #669999;
}

/********** Submenu en seccion contenido **********/

#contenido.submenu ul {
	width: 18em;
}
#contenido.submenu a {
	font-size: 18px;
	font-family: "Arial Narrow";
}
#contenido.submenu p, #contenido.submenu div {
	float:right;
	width: 65%;
	margin-left: 1em;
}

/*************** Info Portal ***************/

#enlaceFTI img {
	width: 13em;
}

/*************** Galeria ***************/

.galeria li
{
	clear:none !important;
	float: left;
	background-image: none !important;
	margin-bottom: 1em !important;
	margin-left: 1em !important;
	text-align: center;
	width: 150px;
	height: 160px;
}

.galeria li div
{
	position: relative;
	background-color: #EFEFEF;
	border: 1px solid #AFAFAF;
	width: 150px;
	display: none;
	z-index: 100;
}

.galeria img
{
	margin-bottom: 0.3em
}
/*** Documento asociado a una noticias ***/

.docNoticia {
	margin-top: 2em;
}
/*************** Intranet ***************/

#menuBanners.intranet {
	width: 16.5em;
	padding-top: 1em;
}
.intranet #subcontenido {
	margin-left: 16.5em !important;
	overflow: hidden;
	height: 1%;
}
.intranet #subcontenido * {
	margin-left: 0;
	margin-right: 0;
}
.skins {
	text-align: center;
	float: left;
	width: 12.4em;
	font-weight: bold;
}
.skins img {
	width: 11.5em;
	z-index: 100;
	position: relative;
}
.fichas {
	margin-top: 2em;
}