/* CSS Document */

td.error { font:11px Arial,Helvetica,sans-serif; color:red; font-weight:700; text-decoration:none }
td.ok { font:11px Arial,Helvetica,sans-serif; color:blue; font-weight:700; text-decoration:none }

/* COLORES DE FONDO ********************************************************************************/
.bckg_blanco{background:#ffffff;}
.bckg_azul01{background:#8BB6D1;}
.bckg_azul02{background:#BFDFF3;}
.bckg_azul03{background:#D1E2F1;}
.bckg_azul04{background:#487EB8;}
.bckg_gris01{background:#CCCCCC;}


/* FORMATOS DE TEXTO *******************************************************************************/

.txt11NAR , .txt11ABG, .txt12N, .txt12AB, .txt12EN, .txt12NAR  {font:12px Arial,Helvetica,sans-serif;}

.txt11B , .txt11A , .txt11AB , .txt11R , .txt11N , .txt11O , .txt11R, .txt11V, .txt11AM {font:11px Arial,Helvetica,sans-serif;}

.txt11A , .txt11AB , .txt11N , .txt11G , .txt10A a , .txt11A a , .txt11AB a {
   color:#00436D;
   text-decoration:none;
   list-style:none;
}

.txt11NAR, .txt12NAR {
	color:#D99877;
	text-decoration:none;
	list-style:none;
}

.txt12EN {
	color:#487EB8;
	text-decoration:none;
	list-style:none;
}

.txt11B {color:#FFFFFF;text-decoration:none;}
.txt11N {color:#000000;}
.txt11O {color:#EFC061;}

.txt11R {color:#FF0000;}
.txt11V {color:#009500;}
.txt11AM {color:#E67300;}

.txt11G {color:#606060;}

.txt11A a:hover , .txt11AB a:hover{color:#00619E;}
.txt11AB , .txt11B , .txt11N, .txt11R, .txt11G, .txt11V, .txt11AM {font-weight:bold;}

.txt11O {font-weight:bold;}

/* TABLAS ******************************************************************************************/

.borde_azul1{ border:1px solid #04467E;}

.marcoAzul{ border: 1px solid #487EB8; padding: 2px; background-color:#FFFFFF; }

/* CELDAS MENU *************************************************************************************/
.celdaCabeceraMenu , .celdaOpcionMenu { border:1px solid #000000; padding: 3px; }

.celdaCabeceraMenu { background-color:#487EB8; text-align:center;}
.celdaOpcionMenu { background-color:#D1E2F1; text-align:left; }

.tabSeleccionada , .tabActiva {
	 font:11px Arial,Helvetica,sans-serif;
	 font-weight:bold;
   text-align:center;
   border-style:solid;
   border-color:#CCCCCC;
   border-width:3px 2px 0px 2px;
   padding:6px 9px;
}
.tabSeleccionada a , .tabActiva a {text-decoration:none;}

.tabSeleccionada , .tabSeleccionada a {background-color:#487EB8; color:#FFFFFF}
.tabActiva , .tabActiva a {background-color:#e9e8e8; color:#000000}


.tabSeleccionada a:hover , .tabActiva a:hover {color:#D99877}

/* CELDAS ESPECIALES TABLAS *************************************************************************************/
.txt11TT, .txt11TV {
	font:11px Arial,Helvetica,sans-serif;
	text-decoration:none;
	list-style:none;
	border: 1px solid #487EB8; padding: 1px;
 }

.txt11TT {color:#000000;}
.txt11TV {color:#00436D;}


/* DATAGRID ****************************************************************************************/

.item{
  color : #00436D;
  /*border-bottom: 1px solid #04467E;
  border-left: 1px solid #00436D;*/
}

.rows{
  background-color: #FFFFFF;
  color : #00436D;
}
.newRow{
  background-color: #EFF3F5;
  color : #00436D;
}

.hiliterows{
  background-color: #E8EBB1;
  color: #606602;
}

.certificaterows{
  background-color: #E1F1CF;
  color: #264901;
}
.celdaC , .celdaL , .celdaR , .celdaF ,
.celdaCMarcada , .celdaLMarcada , .celdaRMarcada ,
.celdaRCertificada {
  font:10px Arial,Helvetica,sans-serif;
  background-color:transparent;
  border: 1px transparent;
  color : #00436D;
}

.celdaCMarcada , .celdaLMarcada , .celdaRMarcada{background-color: #E8EBB1;}
.celdaRCertificada{background-color: #E1F1CF; }

.celdaC , .celdaCMarcada{ text-align: center;}
.celdaL , .celdaLMarcada{ text-align: left;}
.celdaR , .celdaRMarcada , .celdaRCertificada{ text-align: right;}

.celdaF{
  border: 1px transparent;
  background-color: transparent;
  text-align: right;
}

.header{
  background: #8BB6D1;
  text-align: center;
  border-bottom: 1px solid #04467E;
  border-left: 1px solid #04467E;
  border-top: 1px solid #04467E;
  font-weight: normal;
}

.footer{
  background: #BFDFF3;
  text-align: right;
  border-bottom: 1px solid #04467E;
  border-left: 1px solid #04467E;
  border-top: 1px solid #04467E;
  color: #00436D;
}

.datagrid , .datagridDatosScroll , .datagridCabeceraScroll, .datagridDatosScrollPeticiones, .datagridCabeceraScrollPeticiones {
  font:10px Arial,Helvetica,sans-serif;
  color: #00436D;
  cursor: default;
  border-right: 1px solid #00436D;
  border-left: 1px solid #00436D;
  border-top: 1px solid #00436D;
  border-bottom: 1px solid #00436D;
}

.datagrid2 {
  font:10px Arial,Helvetica,sans-serif;
  color: #00436D;
  cursor: default;
  /*border-right: 1px solid #00436D;
  border-left: 1px solid #00436D;
  border-top: 1px solid #00436D;
  border-bottom: 1px solid #00436D;*/
}

.datagrid{ width:710px;}
.datagrid2{ width:710px;}
.datagridFotos{ width:70px;}

.datagridDatosScroll{ width:1000px;}
.datagridCabeceraScroll{ width:1000px;}
.datagridDatosScrollPeticiones{ width:710px;}
.datagridCabeceraScrollPeticiones{ width:710px;}


/* CAPAS ***********************************************************************************/

.datosDatagrid , .datosDatagridPequeño , .datosDatagridFotos ,
.cabeceraDatagridPequeño , .datosDatagridScroll,
.datosDatagridScrollAuditoria, .datosDatagridScrollCatalogo, datosDatagridScrollErrores{
  scrollbar-base-color: #D7E3F4;
  scrollbar-arrow-color: #00436D;
  scrollbar-3dlight-color: #8BB6D1;
  scrollbar-face-color: #C5DCE0;
  scrollbar-highlight-color: #F0F3F5;
}

.datosDatagrid{width:735px;  height:418px; overflow-y: auto; background-color:#FFFFFF;}
.datosDatagridPequeño{width:735px;  height:142px;  overflow-y: auto; background-color:#FFFFFF;}
.datosDatagridFotos {width:100px;  height:350px;  overflow-y: auto; background-color:#FFFFFF;}

.cabeceraDatagridScroll {width:718px;  height:18px; overflow:hidden; background-color:#FFFFFF;}
.datosDatagridScroll{width:735px;  height:418px;  overflow: auto; background-color:#FFFFFF;}
.datosDatagridScrollAuditoria{width:745px;  height:468px;  overflow-y: auto; background-color:#FFFFFF;}
.datosDatagridScrollCatalogo{width:745px;  height:342px;  overflow-y: auto; background-color:#FFFFFF;}
.datosDatagridScrollErrores{height:185px; overflow-y: scroll; background-color:#FFFFFF;}

.menu_v , .principal , .principalCompleto, .principalScroll , .principalCompletoScroll {position:absolute;}
.general , .cabecera , .menu_h , .pie {  position:absolute;  border:1px solid black; }

.general  { top:0px;  left:50%;   width:1000px; height:576; margin-left: -500px;}
.cabecera { top:-1px; left:-1px;  width:1000px; height:70px;}
.menu_v   { top:83px; left:0px;  width:200px; height:482px; padding-left:3px; background-color:#F1F7FB;}
.principal{ top:86px; left:202px; width:798px; height:480px; }
.principalCompleto{ top:86px; left:-1px; width:1000px; height:480px; }

.principalScroll{ top:86px; left:202px; width:796px; height:480px; overflow-y: scroll }
.principalCompletoScroll{ top:77px; left:-1px; width:1000px; height:500px; overflow-y: scroll}

.pie { top:565px; left:-1px; height:20px; width:1000px; background-color:#8BB6D1;}

.encabezado {height:30px;}


td.message {
	background-color: #D1D8EF;/*FFFF00; */
	font:11px Arial,Helvetica,sans-serif;
	color:#00436D;
	text-align: center;
	font-weight: bold;
	border : 3px solid #ffffff
}

td.messageError {
	background-color: #f24b21;/*FFFF00; */
	font:11px Arial,Helvetica,sans-serif;
	color:#00436D;
	text-align: center;
	font-weight: bold;
	border : 3px solid #ffffff
}

/*--------------------------*/
/* 2.2 - Navigation - Flags */
/*--------------------------*/
.navflag-container {width: 980px; top: 23px; position: absolute; z-index: 2; background-color: transparent;}
.navflag {margin: 0px; padding: 2px; font-size: 1.0em;}
.navflag ul {float: right; margin: 0px; padding: 0px 5px 0px 0px; vertical-align: middle;}
.navflag li {display: inline; list-style: none; margin: 0px; padding: 0px; color: rgb(115,162,182); text-decoration: none; font-size: 12px; vertical-align: middle;}
.navflag li a {margin: 0px; padding: 0px 0px 0px 1px; color: rgb(115,162,182); text-decoration: none; font-size: 12px;}
.navflag a:hover {color: rgb(50,50,50); text-decoration: none;}
.img-navflag {display: inline; height: 14px; margin: 0px; padding: 0px; border: none;}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {width: 980px; top: 35px; position: absolute; z-index: 3; background: transparent;}
.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav1 ul {float: right; margin: 0px; padding: 0px 0px 0px 0px; border-left: solid 1px rgb(115,162,182); background-color: rgb(255,255,255); font-weight: bold;}
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px rgb(115,162,182); color: rgb(115,162,182); text-decoration: none; font-size: 10px;}
.nav1 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none;}

/*-----------------------------------*/
/* 2.1 - Sitename, slogan and banner */
/*-----------------------------------*/
.site-name {width: 850px; height: 45px; top: 14px; position: absolute; z-index: 1; overflow: hidden; margin: 0px; padding-left: 550px; color: rgb(69,140,204);}
.site-name p.title  {margin: 0px; padding: 0px; font-family: "trebuchet ms", arial, sans serif; font-weight: bold; font-size: 24px;}
.site-name p.subtitle  {clear: both; width: 300px; margin: -6px 0px 0px 0px; padding: 0px; background-color: transparent; font-family: "trebuchet ms", arial, sans serif; font-size: 12px;}
.site-name a {margin: 0px; padding: 0px; text-decoration: none; color: rgb(88,144,168);}
.site-name a:hover {text-decoration: none;}
.site-slogan-container  {width: 755px; height: 130px; top: 112px; position: absolute; z-index: 1; overflow: hidden; margin: 0px; padding-right: 15px; background-color: transparent;}
.site-slogan {float: right; width: 700px; margin: 0px; padding: 0px; background-color: transparent; font-size: 10px;}
.site-slogan p.title {float: right; width: 700px; margin: 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif;  text-align: right; font-weight: bold; font-size: 220%;}
.site-slogan p.subtitle {clear: both; float: right; width: 700px; margin: -5px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; font-size: 200%;}
.site-slogan p.text {clear: both; float: right; width: 700px; margin: 10px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; line-height: 1.0em; font-size: 140%;}
.site-slogan p.readmore {clear: both; float: right; width: 700px; margin: 10px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; line-height: 1.0em; font-size: 120%;}
.site-slogan a {color: rgb(234,239,247); text-decoration: underline;}
.site-slogan a:hover {text-decoration: none; color: rgb(50,50,50);}
.img-header {clear: both; float: left; width: 230px; height: 61px; margin: 0px 0px 0px 0px; position: 0px 0px; padding: 0px;}

/*----------------------------*/
/* 2.4 - Navigation - Level 2 */
/*----------------------------*/
.nav2 {clear: both; margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav2 ul {float: left; width: 980px; margin: 0px; padding: 0px; border-top: solid 1px rgb(54,83,151); border-bottom: solid 1px rgb(54,83,151); background-color: rgb(127,162,202); font-weight: bold;}
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px rgb(54,83,151); color: rgb(252,252,252); text-transform: uppercase; text-decoration: none; font-size: 100%;}
.nav2 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none;}
.buffer {clear: both; width: 980px; height: 10px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}


/*----------------------------*/
/* 2.5 - Navigation - Level 3 */
/*----------------------------*/
.nav3 {overflow: hidden; clear: both; float: left; width: 160px; min-height: 500px; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em;}
.nav3 ul {width: 160px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(219,230,241);}
.nav3 li {list-style: none; margin: 0px; padding: 0px;}
.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
.nav3 li a:hover, .nav3 li a.selected {border-left: solid 7px rgb(156,186,214);  color: rgb(100,100,100); text-decoration: none;}