/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Reset global de estilos
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
td { border:none; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Maquetación de la masterPage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body 
{
    text-align:center ;
    background: white url('imagenes/gawFondoBody.png') repeat-x top;
}

.gaBodyPrincipal 
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 0 auto;
    width: 800px;
    background-color: Transparent;
    position: relative;
    top: 0px;
    left: 0px;
}

/* Contenedor del anagrama Gaia */
.gaCabeceraGaia {
    position:absolute;
    top: -20px;
    right: 0px;
    width :150px;
    height: 130px;
    z-index: 9999;
}

.gaContenidoGaia 
{
    font-family : Arial ;
    font-size : 13px;
    color: #292929 ; /* texto gris oscuro */
    text-align:left ;
    margin-top:  15px;
    clear: both ;
}

.gaPieContainer {
    clear: both ;
    padding-top: 10px;
}

.gaPieBoletin {
    font-family: Arial ;
    font-size: 10px;
    color: #292929 ; /* texto gris oscuro */
    background-color: #EEEEEE;
    margin:   5px 5px  0  5px; 
    padding: 5px 0 5px 0;
    clear: both ;
    vertical-align: middle;
    }
.gaPieBoletin span#titulo {
    color: #406AB0;
    font-size: 11px;
    margin-right: 5px;
}
.gaPieBoletin input  {
    font-size: 11px;
    border: solid 1px #76797C;  /* gris claro pie */
    width: 200px;
}
.gaPie1Gaia  {
    border-top: 1px #CDCDCD solid;
    border-bottom: 1px #CDCDCD solid;
    color: #406AB0;  /* azul claro pie */
    text-align: center;
    font-family : Arial;
    font-size: 10px;
    padding:  5px 0 5px 0;
    margin: 0px  5px  0  5px; 
    clear: both ;
}
.gaPie2Gaia  {
    border: none;
    text-align: center;
    font-family : Arial;
    font-size: 10px;
    color: #76797C;  /* gris claro pie */
    padding: 5px 0 5px 0;
    margin: 0px  5px  0  5px; 
    clear: both ;
}
.gaPie2Gaia a  {
    color: inherit;
}
.gaPie2Gaia a:visited {
    color: inherit;
}
.gaWaterMark {
    font-family: Arial;
    font-size: 10px;
    color: #76797C;  /* gris claro pie */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
  Barra de navegación principal
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gaBarraNav  {
    /*float:left;*/
    margin-top: 25px;
    background: url('imagenes/gawBarraNavFondo.png') repeat-x top;
    height: 30px;
}

.gaBarraNav_Iz  {
    /*float:left;*/
    margin-top: 25px;
    height: 30px;
    width: 10px;
    background: url('imagenes/gawBarraNavFondoIz.png') no-repeat top;    
}

.gaBarraNav ul {
    color: Black;
    font-family:Arial;
    font-size: 12px;
    text-align:left;
    white-space: nowrap; /* keeps the list on one horizontal line, even if the browser window is too narrow to display the whole line */
    line-height: 30px;
}
.gaBarraNav li  {
    list-style-type: none;  /* removes the bullets */
    display: block;
    min-width: 80px;
    float: left;
    text-align: center;
    line-height: 30px;
    height: 30px;
    border-left: solid 1px #9B9B9B;
    border-right: solid 1px #A7A7A7;
}
.gaBarraNav li:hover  {
    background: url('imagenes/gawBarraNavFondoActivo.png') repeat-x top;
    color: White;
}
.gaBarraNav li a {
    padding: 0 10px 0  10px;
    text-decoration:none;
}
.gaBarraNav li a:visited {
    color: inherit;
}
.gaBarraNav li a:hover {
    color: White;
}
.gaBarraNav li.gaBarraNavActivo {
    background: url('imagenes/gawBarraNavFondoActivo.png') repeat-x top;
    color: White;
}
.gaBarraNav li.gaBarraNavActivo a {
    color:White;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
  Barra de navegación secundaria
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gaBarraNavSec  {
    /*margin-top: 25px;*/
    /*background-color: #E8EDF6;*/
    height: 25px;
}

.gaBarraNavSec ul {
    color: Black;
    font-family:Arial;
    font-size: 12px;
    text-align:left;
    white-space: nowrap; /* keeps the list on one horizontal line, even if the browser window is too narrow to display the whole line */
    line-height: 25px;
}
.gaBarraNavSec li  {
    list-style-type: none;  /* removes the bullets */
    display: block;
    min-width: 60px;
    float: left;
    text-align: center;
    line-height: 25px;
    height: 25px;
    border-left: solid 1px #A0A1A3;
    border-right: solid 1px #D7DBE1;
    border-top: solid 1px #D9D9DA;
    border-bottom: solid 1px #D9D9DA;
    background-color: #E8EDF6;
}
.gaBarraNavSec li:hover  {
    background-color: #AFC8E8;
    color: White;
}
.gaBarraNavSec li.gaBarraNavSecActivo {
    background-color: #AFC8E8;
    color: White;
}
.gaBarraNavSec li a {
    padding: 0 10px 0  10px;
    text-decoration:none;
}
.gaBarraNavSec li a:visited {
    color: inherit;
}
.gaBarraNavSec li a:hover {
    color: White;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Estilos de texto globales
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1
{
     font-family : Arial, Arial Black ;
     font-size:large  ;
     font-weight:bold ;
     color: #009DE6;
     padding: 3px 0 0 0;
     margin:  10px 0 0 0;
}

h2 
{
     font-family : Arial;
     font-size: medium ;
     font-weight:bold ;
     color: #009DE6;
     padding: 3px 0 0 0;
     margin: 10px 0 0 0;
}

hr 
{
    color: #CDCDCD;
    background-color: #CDCDCD;
    border: none;
    height:1px;
}

a {
    color:Black;
    /* Anula el recuadro del foco */
    /* Esto solo vale para Mozilla, para IE hay que poner en el tag <a>: onfocus="this.hideFocus=true; */
    -moz-outline-style: none;
}

/* imágenes: por defecto sin borde */
img 
{
    border: none 0
}

/* tabla gaTablaStd */
table.gaTablaStd {
    border-width: 1px ;
    border-style: solid ;
    border-color: gray ;
    border-collapse: collapse;
}
table.gaTablaStd th {
	border-width:  1px ;
	padding: 2px 2px 2px 2px;
	border-style: solid ;
	border-color: gray ;
}
table.gaTablaStd td {
	border-width: 1px ;
	padding: 2px 2px 2px 2px;
	border-style: solid ;
	border-color: gray ;
}

/* tabla gaTablaGrdV, para incluir dentro de gaGrdV_std_container */
table.gaTablaGrdV {
    border: none;
    border-collapse: collapse;
}
table.gaTablaGrdV th {
	border-width:  1px ;
    border-bottom: solid 1px #CDCDCD;
	padding: 2px;
}
table.gaTablaGrdV td {
    border-top: solid 1px #CDCDCD;
	padding: 2px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	gaGrdV_std: GridView, estilos estándar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gaGrdV_std_container  /* Contenedor de la grid */
{
    background-color: #ECF1F8;
    padding: 0 30px 0 30px;
    width: 600px;
    border: solid 1px #CDCDCD;
    }

.gaGrdV_std_container div#header {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: White;
    position: relative;
    left: -30px;
    width: 600px;
    height: 30px;
    padding: 0  30px 0 30px;
    background: url('imagenes/gawGridViewHeaderFondo.png') repeat-x top;
    border:none;
    vertical-align:middle;
    line-height: 30px;
    }
    
.gaGrdV_std {
    border: none;
    }

.gaGrdV_std_row{
     border: none ;
     border-bottom: solid 1px #CDCDCD;
     font-family:Arial;
     font-size:12px;
     height: 40px;
     background-color: #ECF1F8;
}
.gaGrdV_std_row:hover  {
    color: #009DE6;
    font-weight: bold;
}
.gaGrdV_std_row a:hover {
    color: #009DE6;
    font-weight: bold;
}
.gaGrdV_std_row a {
    color: inherit;
    text-decoration: none;
}
.gaGrdV_std_row td {
     border: none ;
     border-bottom: solid 1px #CDCDCD;
}

.gaGrdV_std_header {
     color: inherit;
     border: none ;
     border-bottom: solid 1px #CDCDCD;    
     height: 40px;
}

/* Estilo a añadir a gaGrdV_std_header para que tenga el fondo degradado */
.gaGrdV_std_header_degradado {
    background: url('imagenes/gawGridViewHeaderFondo.png') repeat-x top;
    color: White;
    padding: 0 30px 0 30px;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Formulario dentro de  una página (div)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.gaFormulario  
{
    font-size: 12px;
    color: Black;
    border: solid 1px #C0C0C0;
    background-color: White;
    margin: 10px;
    padding: 10px;
}
div.gaFormulario span#titulo {
    color: black;
    font-size: 30px;
    font-weight: bold;
}
div.gaFormulario span#subtitulo {
    color: #C2C1C1;
    font-size: 20px;
    font-weight: bold;
}
/* Para aplicar a asp:textbox */
.gaFrmTextbox  {
    font-size: 12px;
    color: #292929; /* texto gris oscuro */
    border: solid 1px #CDCDCD;
    padding: 5px;
    margin-bottom: 10px;
    }

div.gaFrmAviso
{
    margin: 10px;
    border-color: #C0C0C0;
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    background-color: #ECF1F8;
    color: black;
}
div.gaFrmAviso span#titulo
{
    color: Red;
    font-weight: bold;
    font-size: 16px;
}

div.gaMsgBox
{
    margin: 10px;
    border: solid 1px #888888;
    color: black;
    background-color: #FFFFFF;
}
div.gaMsgBox div#msgTitulo  {
    color: White; 
    background: #888888; 
    font-size: 22px;
    vertical-align:middle ;
    height: 35px;
    line-height:35px;
    text-align:center ;
}
div.gaMsgBox div#msgMensaje {
    margin: 15px;
    text-align: left;
    background-color: White;
}
div.gaMsgBox td#msgOk  {
    margin:  15px 0 0 15px;
    width: 40px;
    height: 40px;
    background: url('imagenes/ok32x32.png') no-repeat;
}
div.gaMsgBox td#msgInfo  {
    margin:  15px 0 0 15px;
    width: 40px;
    height: 40px;
    background: url('imagenes/informacion32x32.png') no-repeat;
}
div.gaMsgBox a {
    color: inherit;
}

div.gaNoticia
{
    float:left;
    margin: 5px 8px 10px 0;
    padding: 10px;
    border:  solid 1px #CDCDCD;
    background: white url('imagenes/gawNoticiaFondo.png') repeat-x top ;
    height: 130px;
    width: 170px;
    font-size: 12px;
    color: #292929 ;  /* texto gris oscuro */
}
div.gaNoticia a  {
    color:inherit ;
}
div.gaNoticia a:hover  {
    color:#009DE6 ; /* azul titulos */
}
div.gaNoticia div#titulo {
    font-size: 14px;
    font-weight: bold;
    height: 15px;
    overflow:hidden ;  /* para que no ocupe más de una línea */
}
div.gaNoticia span#fecha {
    font-weight: bold;
}
div.gaNoticia div#contenido {
    height: 95px;
    width: 170px;
    max-height: 95px;
    overflow:hidden ;
    margin-bottom: 5px;
}

div.gaBoletin
{
    float:left;
    margin: 5px 8px 10px 0;
    padding: 10px;
    border:  solid 1px #CDCDCD;
    background: white url('imagenes/gawNoticiaFondo.png') repeat-x ;
    height: 103px;
    width: 170px;
    font-size: 12px;
    color: #292929 ;  /* texto gris oscuro */
}
div.gaBoletin a  {
    color:inherit ;
}
div.gaBoletin a:hover  {
    color:#009DE6 ; /* azul titulos */
}
div.gaBoletin span#titulo{
    font-size: 14px;
    font-weight: bold;
}
div.gaBoletin div#resumen {
    font-family: Arial;
    font-size: 10px;
}
div.gaBoletin span#fecha
{
    font-weight: bold;
}

/* Caja gris conteniendo una foto */
div.gaCajaFotos{
    margin: 0;
    border-color: #C0C0C0;
    border-style: solid;
    border-width: 3px;
    padding: 1px;
}

/* caja con una imagen de pantalla del programa */
div.gaImgPantalla {
    float:left;
    width: 240px;
    height: 240px;
    margin: 15px 3px 3px 3px;
    padding: 3px;

    /* igual que la caja de fotos */
    border-color: #C0C0C0;
    border-style: solid;
    border-width: 3px;
}
div.gaImgPantalla img {
    border: none 0 ;
    max-height: 240px;
    width: 236px;
}
div.gaImgPantalla #trImagen {
    vertical-align:top ;
}

/* div con Banner */
div.gaBanner  {
    float:left;
    margin-right:5px;
    margin-top: 10px;
    margin-bottom: 15px;
}

div.gaBanner img 
{
    width: 250px;
    border: solid 2px #CDCDCD;
    padding: 1px;
}

/* Resalta el borde */
div.gaBanner img:hover {
    border: solid 2px #009DE6;
} 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LISTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul {
	margin:0;
	padding:0;
	}

li {
	list-style:none;
/*	padding:.2em 0 .2em 1em ; 
	margin-left:0.4em;*/
}

/* gaList-of-links */
ul.gaList-of-links {
}
ul.gaList-of-links li{
	border-top:1px dotted #B2B2B2;
    display: block ;
    height: 3em;
    line-height : 3em;
    padding-left:50px 
}
ul.gaList-of-links li.gali_Documento   {
    background:url(imagenes/iconoDocumentoPDF.png) no-repeat;
    background-position: 10px center;
    padding-left: 50px;
}
ul.gaList-of-links li.gali_Oferta   {
    background:url(imagenes/iconoOferta.png) no-repeat;
    background-position: 10px center;
    padding-left: 50px;
}
ul.gaList-of-links li.gali_PrgPrueba {
    background: url(imagenes/iconoPrgPrueba.png) no-repeat;
    background-position: 10px center;
    padding-left: 50px;
}
ul.gaList-of-links li a {
    text-decoration:none;
}
ul.gaList-of-links li a:hover {
    color: #009DE6;
    font-weight: bold;
}

/* gaList-bulleted */
ul.gaList-bulleted {
}
ul.gaList-bulleted li { 
    list-style-type :disc ;
    list-style-position:inside ;
    margin-left:20px;
}

/* gaList-caracteristicas */
/* Lista de características (en programas) */
ul.gaList-caracteristicas {
}
ul.gaList-caracteristicas li { 
    list-style-type :disc ;
    list-style-position:inside ;
    margin-left:0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* gaList-uves: lista con v al comienzo */
ul.gaList-uves {
}
ul.gaList-uves li  
{
    list-style-image: url('imagenes/uve.png') ;
    list-style-type: none ;
    list-style-position: inside;
    margin-top: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	pagetitle
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pagetitle {
    margin: 0 auto  0 auto ;
    padding: 0px 5px 0 10px;
    width: 750px;
    color: #808080;
    font-size: 20px;
    font-weight :bold ;
    border-bottom: 1px solid #808080;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	modalPopUp
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gaModalBackground {
    background-color:#E0E0E0;
    filter:alpha(opacity=60);
    opacity:0.6;
}

.gaModalPanel {
    background-color: White;
    border-width:2px;
    border-style:solid;
    border-color:white;
    padding:5px;
    width:600px;
}
.gaModalPanel a:hover {
    color: Orange;
    }
.gaModalPanel span#titulo {
    color: black;
    font-size: 30px;
    font-weight: bold;
}
.gaModalPanel span#subtitulo {
    color: #C2C1C1;
    font-size: 20px;
    font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - 2col-izqpeq
    2 Columnas, la izquierda pequeña
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-2col-container {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 780px;
    position: relative;
}

#content-2col-izqpeq-izq {
	width:190px;
	float:left;
	}

#content-2col-izqpeq-der {
	float:right;
	width:570px;
	}
	
#content-2col-derpeq-izq {
	width:510px;
	float:left;
	}

#content-2col-derpeq-der {
	float:right;
	width:250px;
	}