/***************************/
/* 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   : 0.8em;
  background  : #1B3D7A;
}

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

/*************************/
/* BLOQUES DE ENCABEZADO */
/*************************/
#header {
  background  : #E3E1D5;
  float       : left;
  width       : 100%;
  font-size   : 0.8em;
}
#header a, #header a.visited, #header a.link, #header a.active
{
  padding   : 0 5px 0 5px;
}
#header div#header_content
{
  background  : #F2F1EC;
  margin      : 0px 5px 5px 5px;
}
#header_content #header_top
{
   float        : left;
   /*padding-right: 10px;*/
}
.cajaenlaces
{
  float        : left;
  margin-right :  15px;
}
#header_content #staticContent
{
  float   : right;
  width   : auto;
  text-align:right;
}
#header_content div#header_border
{
  padding : 0;
  margin  : 0;
  clear   : both;
  height  : 5px;
}
#header_border #bordeIzda
{
  height      : 7px;
  float       : left;
  background  : #F2F1EC url('../images/headerTopLeft.gif') no-repeat bottom left;
}
#header_border #bordeDcha
{
  height      : 7px;
  float       : right;
  background  : #F2F1EC url('../images/headerTopRight.gif') no-repeat bottom right;
}
#header_center
{
  height      : 46px;
  background  : url('../images/bgHeaderMaster.gif');
  width       : 100%;
  float       : left;
  z-index: -1;
}
#header_center #logoFIIAPP
{
  float   : left;
  padding : 0 8px 0 7px;
}
#header_center span
{
  /*float       : left;*/
  position    : absolute;
  color       : #455370;
  padding-top : 7px;
  font-size   : 2.50em;
  font-family : Tahoma, Helvetica, sans-serif;
  padding     : 0 0 0px 250px;
}
/* cajón de la cabecera con los datos del usuario y la bandera*/
#header_center #datosusuario
{
  clear:both;
  text-align  : right;
  padding     : 7px 10px 0 0;
  text-align  : right;
}
#header_center #datosusuario #imagenBandera
{
  float:right;
  padding-right:5px;
}
#header_center #datosusuario #datosPersonales
{
  /*width:100px;*/
  float:right;
}
#header_center #datosusuario #datosPersonales #usuario
{
  margin-left : 10px;
}

#header_center #datosusuario #datosPersonales #ambito
{
  margin-left     : 10px;
  text-align      : right;
  text-transform  : capitalize;
}
#header_center #nombreMaster
{
  clear         : right;
  background    : url('../images/bgHeader.gif');
  height        : 43px;
  margin-bottom : 0px;
}
#header_centerIndex #nombreMaster
{
clear:right;
float:right;
height:43px;
margin-bottom:0px;
width:100px;
}
#header #nombreMaster p
{
  padding     : 4px 0 0 13px;
  font-size   : 2.50em;
  font-family : Tahoma, Helvetica, sans-serif;
  color       : #455370;
  float       : left;
}
/* el div para la barra de instituciones de la cabecera cuando estás logueado */
#header #nombreMaster #institucionesBarra
{

  float:right;
  margin-right:10px;
}
#header #nombreMaster #reloj
{
  float:right;
  width:90px;
}
#header #nombreMaster #reloj .pais
{
  clear:both;
  float:left;
  margin-bottom:5px;
  width:40px;
}

#header #nombreMaster #reloj .hora
{
  float         : left;
  margin-bottom : 5px;
}

#header #nombreMaster #logoMegapCabecera
{
  position      : absolute;
  margin        : 0 0 0 0px;
}
#header_centerIndex
{
  margin-top    : 20px;
  clear         : right;
  background    : url('../images/bgHeaderCenterIndex.gif');
  height        : 70px;

}
#header_centerIndex #logoFIIAPP
{
  float   : left;
  padding : 12px 8px 0 20px;
}
#header_centerIndex p
{
  width       : auto;
  color       : #505D87;
  font-size   : 1.25em;
  font-weight : bold;
  padding-top : 12px;
}
#header_centerIndex span
{
  width       : auto;
  color       : #AC823A;
  padding-top : 12px;
  font-weight : bold;
}
#header #tagline
{
  height      : 19px;
  background  : url('../images/bgTagline.gif');
}
#header #tagline p
{
  padding     : 0px 0 0 33%;
  font-size   : 1.56em;
  color       : white;
  text-align  : middle;
}


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

#footer {
  text-align  : center;
  background  : #F2F1EC;
  float       : left;
  width       : 100%;
  height      : 75px;
  font-size   : 0.8em;
}
#footertop
{
   padding  : 5px 0 0px 0px;
}
#footertop a
{
  padding   : 0 5px 0 5px;
}
#footertop a:hover
{
  padding   : 0 5px 0 5px;
  text-decoration : underline;
}
#footer #logosFooter
{
  padding: 5px 0 0 0;
}
/* enlace OYW */
a.openyourweb{
  font-family : Arial, Helvetica, sans-serif!important;
  text-decoration: none!important;
  color:blacK!important;
}
a.openyourweb:hover
{
  color:#F24692!important;
}



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

#content {
  background    : #fff;
  float         : left;
  width         : 100%;
  height        : auto;
  border-bottom : #989896 1px solid;
}
/****
/*  Contenido dividido en tres partes:
/*
/* 1. Contenido izquierdo (seguramente menú)
/* 2. Contenido central   (seguramente contenido)
/* 3. Contenido derecho   (por ejemplo destacados)
/*
/********/

/**/
/* 1. Contenido izquierdo (seguramente menú) */
/**/
#content div#content_left {
  float  : left;
  /*width  : XXXpx;*/ /* width fijo */
  height : auto;
}
#content div#content_menu {
  float     : left;
  width     : 180px;
  height    : 100%;
  background: #DAE2ED;
}

/**
Div que añade la esquina redondeada
*/
#content div#content_menu .topWhite
{
  height      : 7px;
  clear       : left;
  background  : #FAFBFD url('../images/topWhite.gif') no-repeat right;
}
#content div#content_menu .bottomWhite
{
  height      : 7px;

  background  : #FAFBFD url('../images/bottomWhite.gif') no-repeat right;
}
#content div#content_menu .topWhite span, #content div#content_menu .bottomWhite span
{
  display : none;
}

div#cajamenu {
  width       : 175px;
  margin      : 10px 0 15px 0;
  background  : #FAFBFD;
}

div#cajamenu ul {
  margin          : 0;
  padding         : 0 0 0 20px;
}

div#cajamenu ul li {
  margin        :  0 6px 0 10px;
  padding       :  4px 8px 4px 0;
  font-size     :  0.94em;
  text-align    :  left;
  border-bottom :  1px black solid;
  list-style-image : url(../images/bullet_blue.gif);
}

div#cajamenu ul li a{
  color             : #000;
  text-decoration   : none;
  display           : block;
  padding-right     : 3px;
}

div#cajamenu ul li a.seleccionado{
  color     : #000;
  display   : block;
}
div#cajamenu ul ul {
    padding : 0;
    margin  : 0;
    color   : #000;

}
div#cajamenu ul ul li {
  display     : block;
  border      : 0;
  font-size   : 0.88em;
  text-align  : left;
}
div#cajamenu ul ul li a{
  color             : #A29E9F;
  text-decoration   : none;
  display           : block;
}


div#cajamenu ul ul li a.seleccionado{
  color     : yellow;
  background: none;
  display   : block;
}
/**
* capa avisos
*/
div#headerRight
{
  width       : 174px;
  margin-top  : 26px;
  position    : absolute;
}
#aviso {
  width       : 175px;
}
#ContentAviso {
  background  : #FAFBFD;
  font-size   : 0.85em;
 *overflow   : auto;
}
#ContentAviso #tituloAviso {
  font-size    :  1.0em;
  padding-left :  10px;
  margin       :  3px 0px 0 3px;
}
#ContentAviso #avisosNoleidos
{
  text-align    : left;
  padding-left  : 13px;
  color         : #CF3E41;
  border-bottom : 1px #CF3E41 solid;
  font-size     : 1.28em;
}
/**/
/* 2. Contenido central   (seguramente contenido) */
/**/
#content div#content_center {
  float   : left;
  padding : 10px 0 15px 10px;
  width   : 570px;
  height  : auto;
  min-height:300px;
  height:auto;
}

/****
/* Estilos generales para el texto del contenido central de la web
/*
/*  h1
/*  h2
/*  h3
/*  ...
/*  strong
/*  p
/*  a
/*
/*  ...
/*
********/

div#content_center h1
{
 font-size     : 16px;
}

div#content_center h2
{
  display       : block;
  font-size     : 14px;
  color         : #AD8C45;
  border-bottom : 1px #AD8C45 solid;
  margin:10px 0 10px 0;
}

div#content_center h3 {
}

div#content_center p {
}

div#content_center strong {
}

div#content_center a {
}

div#content_center a:hover {
}

/****
/* Estilos para la cabecera del contenido
/*
/*
********/
div#content_center #cabeceracontenido {
  width   : 100%;
  height  : auto;
}


/**/
/* 3. Contenido derecho   (por ejemplo destacados) */
/**/
#content div#content_right {
  float   : right;
  /*width   : XXXpx;*/ /* width fijo */
  height  : auto;
}


/**********************/
/* CLASES PARA TABLAS */
/**********************/

/****
/*   Genericos
/*
********/
table {
}

tr {
}

th {
}

td {
}
/****
/*   Listado página principal
/*
********/
#contenidos .bulletRojo
{
 margin-left:0;
 padding-left:0;
}
#contenidos .bulletRojo li {
  padding          : 0 0px 3px 15px;
  font-size        : 0.91em;
  text-align       : left;
  list-style       :none;
  background : url('../images/bullet_red.gif') no-repeat left center;
  clear            : both;
  border-bottom    : 1px #989896 solid;

}
#contenidos .bulletRojo li .paginainicio {
  margin          : 0;
  padding         : 0;
}
#contenidos .bulletRojo li .paginainicio a.nombreMaster
{

  color             : #3D4E82;
  text-decoration   : none;
  float             : left;
  width             : 95%;
}
#contenidos .bulletRojo li .paginainicio .imgBandera
{
  display : inline;
}


/****
/*   Generales
/*
********/
div.contentcajaform {
  width : 100%;
}

div.contentcajaform div.filaform, div.filaform {
  float  : left;
  margin : 10px 0 0 0;
  width  : 100%;
}

div.filaform div.cajaizq, div.filaform div.cajader {
  float      : left;
}

div.filaform div.cajaizq {
  /*width : XXXpx;*/
}

div.filaform div.cajader {
  /*width : XXXpx;*/
}

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

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

p {
  margin  : 0;
  padding : 0;
  clear:both!important;
}

strong {
}

img {
  border : 0;
}

.displayblock {
  display : block;
}

.displaynone {
  display : none;
}

.floatleft {
  float : left;
}

.floatright {
  float : right;
}
a, a.visited, a.link, a.active
{
  color           : #403E3F;
  text-decoration : none;
}
.cajacontent div#homeContent
{
  margin-top      : 10px;
  margin-right    : 15px;
}
#homeContent div#imgMegap
{
  clear:both;
  float       : left;
  padding     : 0 10px 0 0;
}
#homeContent div.textoIndex
{
  text-align  : justify;
  display     : block;
  font-size   : 14px;
  color       : #000080;
  font-weight : bold;
}
#homeContent p
{
  padding-top : 20px;
}
#homeContent #selecbanderas
{
  display:block;
  margin-left:20%;
  margin-top:10px;
  margin-bottom:20px;
}
#homeContent #selecbanderas .bandera
{
  float:left;
  margin-left:10px;
}
/****************/
/*  Estáticos  */
/**************/

#instituciones .institucionesImg
{
  margin-bottom   : 20px;
  text-align      : center;
  clear           : both;
}
#instituciones .institucionesImg .titulo
{
  float           : left;
  margin-top      : 20px;
  font-size       : 14px;
  font-weight     : bold;
}
#instituciones .staticImg
{
  cursor          : pointer;
margin-left:-100px;
}
#instituciones .institucionesTxt
{
  margin      : 0 0 40px 0;
  text-align  : left;
  clear       : both;
}
/****************/
/*  Bienvenida  */
/**************/
#bienvenida #imgBienvenida
{
  margin:20px 0 20px 0;
  text-align  : center;
  clear:both;
}
#bienvenida #txtBienvenida
{
  margin:0 0 40px 0;
  text-align:center;
  font-size:14px;
}
#bienvenida #txtBienvenida .grande
{
  margin-top:15px;
  font-weight:bold;
  font-size:14px;
}
#divTip
{
  display   : block;
  padding   : 20px 0 25px 0;
  text-align:center;
}
#divTip div.imgTip
{
  float:  left;
  width:  16px;
}
#divTip div.txtTip
{
  text-align  : center;
  padding-left: 5px;
  display     : block;
  float       : left;
}
/* el enlace a los documentos estaticos en guía, programa y bienvenida*/
a#linkDocEstatico, a.linkDocEstatico
{
  font-weight:bold;
}
p.linktfm, p.cambiosguardados
{
  display:block;
}
p.cambiosguardados
{
  text-align:right;
  font-weight:bold!important;
}
/* Div GetFirefox en la home */
#getFirefox
{
  clear:both;
  float:left;
}
#getFirefox #primaryLink
{
  width:80px;
  height:50px;
  padding-right:10px;
  margin:0;
  float:left;
}
#getFirefox #textExp #secundaryLink
{
  font-weight:bold;
  color:#3D4E82;
}

/******************************/
/* PARTIAL GENERAL DE PAGINADO*/
/******************************/


div#content_center div#paginado
{
  float : left;
  width : 428px;
  height : 60px;
  text-align : center;
  margin : 25px 0 2px 0 ;
}

div#content_center div#paginado strong {
  display : block;
  margin  : 0;
  text-align : center;
  font-size : 0.8em;
  color      : #333;
}

div#content_center div#paginado a
{
  color : #11156D;
  font-weight : bold;
  font-size : 1.6em;
  padding : 0 15px 0 15px;
}

div#content_center div#paginado a:hover
{
  color : #2FB6FC;
  text-decoration : none;
}
.errorgestor
{
  color: red;
}