/***************************/
/* CSS GENERAL DEL SISTEMA */
/***************************/
/***************************/

/**************************************/
/* BLOQUES ESTRUCTURALES DE LA PÁGINA */
/**************************************/

body {
  margin : 0;
  padding : 0 0 0 1px; /* IE */
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 13px;
  background : #8199BB url('../images/bg_body.jpg') top left repeat-y;
  color : #000;
}

#wrapper {
  width : 980px;
  padding : 0;
  margin : 0px auto;
  border : none;
  text-align : left;
}

/*************************/
/* BLOQUES DE ENCABEZADO */
/*************************/

/****
/*  Contenido dividido en cuatro partes:
/*
/* 1. Contenido superior (enlaces y selector de idioma)
/* 2. Contenido inferior izquierdo (logotipo sector)
/* 3. Contenido inferior central (animación flash)
/* 4. Contenido inferior derecho (formularios de usuario y de búsqueda)
/*
/********/

#header {
  height : 230px;
}

#header form {
  width  : 100%;
  height : 100%;
  text-align : center;
}

/**/
/* 1. Contenido superior (enlaces y selector de idioma) */
/**/
#header div#header_top {
  height : 39px;
}

/* formularios del contenido superior e inferior derecho */
div#header_top div#cajaidioma, div#header_right div#cajausuarios, div#header_right div#cajabusqueda {
  float : right;
  width : 135px;
  color  : #2960A0;
}

div#header_top div#cajaidioma form #idioma {
  margin  : 10px 0 0 0;
  width   : 110px;
  font-size   : 11px;
  color       : #17194B;
}

div#header_top div#cajaidioma {
  height : 38px;
  background : transparent url('../images/bg_degradado_x.jpg') top left repeat-x;
  border-right : 1px solid #A1A1A1;
  border-bottom : 1px solid #A1A1A1;
}

div#header_top a.enlaces_header {
  display   : block;
  float     : right;
  padding   : 22px 0 0 0;
  width     : 63px;
  height    : 17px;
  text-align      : center;
  font-size       : 11px;
  font-weight     : bold;
  text-decoration : none;
  color           : #2F5087;
}

div#header_top a.enlaces_header:hover {
  color  : #D19451;
}

div#header_top a.enlaces_header#inicio {
  width : 65px;
  background : transparent url('../images/tab_header_1.gif') top left no-repeat;
}

div#header_top a.enlaces_header#contactar {
  background : transparent url('../images/tab_header_2.gif') top left no-repeat;
}


div#header_top a.enlaces_header#mapaweb {
  background : transparent url('../images/tab_header_3.gif') top left no-repeat;
}


div#header_top a#clausula {
  display         : block;
  float           : left;
  margin          : 21px 0 0 2px;
  font-size       : 11px;
  color           : #FFF;
  text-decoration : none;
}
div#header_top a#clausula:hover {
  text-decoration : underline;
}

/**
* Caja que contiene todo el header inferior
*/

#header_bottom
{
background-color: #D4E0E5;
height: 191px;
}

/**/
/* 2. Contenido inferior izquierdo (logotipo sector) */
/**/
#header_left {
  float        : left;
  width        : 164px;
  height       : 190px;
  background : transparent url('../images/fondo_headerleft.jpg') top left no-repeat;
  border-top : 1px solid #FFF;
  cursor : pointer;
}

/**/
/* 3. Contenido central (animación flash) */
/**/
#header_center {
  float  : left;
  margin : 0;
  padding : 0;
  width  : 680px;
  height : 191px;
  background   : #FFF;
}

/**/
/* 4. Contenido inferior derecho (formularios de usuario y de búsqueda) */
/**/
#header_right {
  float  : right;
  width  : 135px;
  height : 191px;
  background   : #D4E0E5;
  border-right : 1px solid #A1A1A1;
}

#header_right a#educacionfiscal {
  float        : right;
  background   : transparent url('../images/boton_educacion.jpg') top left no-repeat;
  width        : 127px;
  height       : 93px;
  position     : relative;
  margin-right: 4px;
  margin-top: 2px;
}

#header_right a#aefis {
  float        : right;
  background   : transparent url('../images/boton_aefis.jpg') top left no-repeat;
  width        : 127px;
  height       : 93px;
  position     : relative;
  margin-right: 4px;
  margin-top: 2px;
}

#header_right div#cajausuarios {
  padding : 15px 0 0 0;
  height  : 83px;
  background : transparent url('../images/ico_usuarios.gif') 80px 0px no-repeat;
}

#header_right div#cajabusqueda {
  padding : 15px 0 0 0;
  height : 55px;
  background : transparent url('../images/ico_lupa.gif') 70px 2px no-repeat;
}

div#cajausuarios input, div#cajabusqueda input {
  margin  : 5px 0 0 0;
  width   : 117px;
  height  : 15px;
  font-size  : 0.8em;
  background : transparent url('../images/bg_inputtext.gif') top left repeat-x;
  border     : 1px inset #DDD;
}

div#cajausuarios input#usuario, div#cajausuarios input#contrasena, div#cajabusqueda input#textobusqueda {
  padding : 0 0 0 3px;
}

div#cajausuarios #lb_submitareap, div#cajausuarios #lb_usuario, div#cajabusqueda #lb_submitbusqueda, div#cajabusqueda #lb_textobusqueda {
  display : block;
  float   : right;
  margin  : 3px 0 0 0;
  padding : 0 5px 0 0;
  font-size : 10px;
  font-weight : bold;
  cursor      : pointer;
  color       : #434343;
}

div#cajabusqueda #lb_textobusqueda, div#cajausuarios #lb_usuario {
  float : left;
  padding : 0 0 0 7px;
  cursor  : help;
}

div#cajausuarios #bt_submitareap, div#cajabusqueda #bt_submitbusqueda {
  display : block;
  clear   : both;
  float   : right;
  margin  : 5px 4px 0 0;
  width   : 9px;
  height  : 10px;
  border     : none;
  background : none;
}

body[id="cuerpo"] div#cajausuarios #bt_submitareap, body[id="cuerpo"] div#cajabusqueda #bt_submitbusqueda {
  margin  : 5px 8px 0 0;
}


/******************/
/* BLOQUES DE PIE */
/******************/

#footer {
}

#footer p {
  font-size : 0.85em;
}

#footer div.footer_content {
}

div.footer_content#footertop, div.footer_content#footerbottom  {
  padding : 0 0 0 5px;
  text-align  : right;
  color       : #173B78;
  line-height : 1.3;
}

/****
/*  Pie dividido en dos capas:
/*
/* 1. Contenido de la parte de arriba - footertop
/* 2. Contenido de la parte de abajo - footerbottom
/*
/********/

/**/
/* 1. Contenido de la parte de arriba - footertop */
/**/
div.footer_content#footertop {
  text-align    : left;
  background    : #EBEBEB;
  border-bottom : 1px solid #A1A1A1;
  border-right  : 1px solid #A1A1A1;
}

div#footertop a {
  margin      : 0 5px 0 5px;
  font-size   : 0.85em;
  line-height : 1.9;
  text-decoration : none;
  color : #173B78;
}

div#footertop a:hover {
  text-decoration : underline;
}

div#footertop #actualizacion {
  float : right;
  width : 135px;
  text-align : center;
  background : #C9D3D7;
}

div#footertop #actualizacion p {
  color       : #000;
  line-height : 2;
  font-size   : 0.8em;
}
div#footertop #iconosw3c {
  float : right;
  text-align : right;
  padding: 4px 3px 0 0;
  cursor: help;
}

/**/
/* 2. Contenido de la parte de abajo - footerbottom */
/**/
div#footerbottom img {
  display : block;
  float   : left;
  margin  : 5px 8px 0 0;
}

div#footerbottom p {
  padding : 10px 0 20px 0;
  color  : #FFF;
  font-size : 0.75em;
}

div#footerbottom p a {
  padding : 10px 0 20px 0;
  color  : #FFF;
}

div#footerbottom p a:hover {
}


/************************/
/* BLOQUES DE CONTENIDO */
/************************/

#content {
  width : 980px;
  height  : 100%;
  background : #FFF url('../images/bg_content.gif') top left repeat-y;
  overflow: hidden;
}
/****
/*  Contenido dividido en tres partes:
/*
/* 1. Contenido izquierdo (menú)
/* 2. Contenido central
/* 3. Contenido derecho (destacados)
/*
/********/

/**/
/* 1. Contenido izquierdo (menú) */
/**/

#content div#content_left {
  float          : left;
  width          : 164px;
  background     : #97AAC5 url('../images/fondo_contentleft.jpg') top left no-repeat;
}

div#content_left div#cajamenu {
  float  : left;
  margin : 30px 0px 0 0;
  padding : 0 5px 0 0;
  height : 650px;
}

div#cajamenu div#ambito{
  color : #D19451;
  padding : 0 0 5px 0;
  margin : 0 10px 5px 10px;
  border-bottom : 2px solid #D19451
}

div#ambito strong{
  color : #D19451;
}

div#cajamenu ul {
  margin   : 0;
  padding  : 0;
  list-style-type : none;
}

div#cajamenu ul a {
  display : block;
  padding : 0 0 7px 22px;
  font-size       : 0.9em;
  text-decoration : none;
  color           : #11156D;
  background      : transparent url('../images/ico_menu.gif') 7px 3px no-repeat;
}


div#cajamenu ul a:hover {
  color : #D19451;
}

div#cajamenu ul a#menuseleccionado {
  color : #D19451;
  background : transparent url('../images/ico_menuhover.png') 7px 3px no-repeat;
}

div#cajamenu ul ul {
  margin  : 0 0 10px 20px;
  padding : 0 0 0 10px;
  border-left : 1px solid #4A5529;
}

div#cajamenu ul ul a {
  padding : 0;
  display : block;
  margin  : 5px 0 0 0;
  color      : #4A5529;
  background : none;
}

div#cajamenu ul ul a#submenuseleccionado {
  color : #D19451;
}

/**/
/* 2. Contenido central */
/**/
#content div#content_center {
  float   : left;
  padding : 5px;
  width   : 650px;
  _width   : 648px;
  height  : 100%;
  border-right : 1px solid #FFF;
  border-left  : 1px solid #FFF;
  background     : #FFF url(../images/fondo_content.jpg) top left no-repeat;
}

/****
/*  Otros estilos
/*
/*   div#sede
/*   a.subir
/*
********/

div#sede {
  margin  : 5px 0 0 50px;
  padding : 5px 10px 10px 10px;
  width   : 250px;
  height  : auto;
  background : #F4F8F2;
  border     : 1px solid #557184;
}

a.subir {
  display : block;
  margin  : 20px 0 0 0;
  padding : 0 0 0 20px;
  width   : 35px;
  height  : 16px;
  background : transparent url('../images/ico_subir.gif') 0px 0px no-repeat;
}

a.subir:hover {
  background : transparent url('../images/ico_subir2.gif') 0px 0px no-repeat;
}

img#metodactuacion {
  display : block;
  margin  : 20px 0 0 0;
}

img#organigramaeurosocial {
  display : block;
  margin  : 0 0 20px 100px;
}

div#datosbasicos {
  float   : right;
  margin  : 5px 0 0 10px;
  padding : 5px;
  width   : 200px;
  text-align : center;
  background : #F4F8F2;
  border     : 1px solid #557184;
}

div#datosbasicos p#pizq, div#datosbasicos p#pdcha {
  float : left;
  width : 53%;
  text-decoration : underline;
}

div#datosbasicos p#pdcha {
  float : right;
  width : 45%;
  text-decoration : none;
}

div#psinicio {
  margin : 50px 0 50px 0;
}

img.logops {
  display : block;
  margin : 0 auto;
}

a.minilogops {
  margin  : 0 1px 0 4px;
}

a.minilogops:hover {
  margin  : 0 0 0 3px;
  border :1px solid;
}

div#psjusticia h1, div#psempleo h1, div#pssalud h1, div#psfiscalidad h1, div#pseducacion h1 {
  margin : 10px 0 0 0;
  text-align : center;
}

/**/
/* 3. Contenido derecho (destacados) */
/**/
#content div#content_right {
  float   : right;
  overflow : auto;
  padding : 33px 0 0 0;
  width   : 135px;
  height  : 661px;
  text-align   : center;
  background   : #D4E0E5;
  border-right : 1px solid #A1A1A1;
}

body[id="cuerpo"] #content div#content_right {
  height  : 567px;
}

div#content_right div#contentdestacados {
  margin : 0 auto;
  width  : 125px;
  height : auto;
  background   : #698AAE;
  border       : 1px solid #698AAE;
}
/****
/* Estilos para la caja de los destacados
/*
/*   a) #contentdestacados h1
/*   b) #contentdestacados .destacado
/*
********/

/* a) #contentdestacados h1 */
div#contentdestacados h1 {
  margin : 5px 0 7px 0;
  line-height : 1;
  font-size   : 12px;
  color       : #FFF;
}

/* c) #contentdestacados .destacado */
div#contentdestacados div.destacado {
  padding : 5px;
  width   : 116px;
  height  : 125px;
  height  : auto;
  text-align : right;
  background : #FFF;
  border-top : 1px solid #698AAE;
}

body[id="cuerpo"] div#contentdestacados div.destacado {
  width   : 115px;
}

div.destacado h2, div.destacado h3, div.destacado p {
  width : 100%;
  text-align : left;
}

div.destacado h2 {
  margin : 0 0 2px 0;
  font-size  : 9px;
}

div.destacado h3 {
  margin : 0 0 3px 0;
  font-size      : 11px;
  color          : #D19451;
}

div.destacado p {
  color      : #4C636C;
  font-size  : 10px;
}

div.destacado a {
  padding : 0 0 0 10px;
  text-align      : right;
  font-size       : 10px;
  color            : #D19451;
  font-weight     : bold;
  text-decoration : none;
}

div.destacado a:hover {
  text-decoration  : underline;
}

div#contentdestacados div.destacado#piedestacados {
  padding : 0;
  width   : 126px;
}

body[id="cuerpo"] div#contentdestacados div.destacado#piedestacados {
  width   : 125px;
}

div.destacado a#enlacepiedestacados {
  display : block;
  padding : 4px 16px 0 0;
  height  : 17px;
  font-style : italic;
  font-size  : 11px;
  color      : #666;
  background : transparent url('../images/fondo_piedestacados.jpg') top left no-repeat;
}

div.destacado a#enlacepiedestacados:hover {
  color : #D19451;
}

/***************************************/
/*Estilos para una caja de error con h1*/
/***************************************/

div#errortitulo
{
}

div#errortitulo h1
{
  color : #F00;
}


/*********************************/
/* CLASES PARA EL MENÚ Y SUBMENU */
/*********************************/

/********************/
/* CLASES GENERICAS */
/********************/

form {
  padding : 0;
  margin : 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  clear : both;
}

p {
  margin : 0;
  padding : 0;
}

strong {
  color : #FF9F00;
}

img {
  border : 0;
}

.displayblock {
  display : block;
}

.displaynone {
  display : none;
}

.floatleft {
  float : left;
}

.resaltado
{
  font-weight : bold;
}

.textopequeño
{
  font-size : 0.85em;
  text-align : justify;
}

.hover
{
  cursor : pointer;
  background-color : #FFF9BB;
}

.subr
{
  text-decoration: underline;
}