/*                                                                            */
/*      Estilos da paxina                                                     */
/*      14/03/2009                                                            */
/*      Abel Pérez Guardado                                                   */
body ,body table{
  font-family: verdana,arial,sans-serif;
  font-size: 12px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

input, select {
  border: 1px solid #000;
}

a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

label {
  padding-right: 5px;
}

img {
  border: none;
}

div.separadorPaxina {
  margin: 3px 0 3px 0;
  border: 0px solid;
  color: rgb(221,231,0);
  background: rgb(221,231,0);
  height: 4px;
}

div.erros {
    color: #CC3333;
    background: url(../imaxes/erro.png) no-repeat top left;
    padding-left: 18px;
    height: 15px;
}

/**
 * Notas que poida haber pola paxina
 */
div.nota {
    font-size: 0.8em;
    font-style: italic;
}

/**
 * Div de botoneira  dos formularios e listaxes
 */
ul.botoneira {
    padding: 0;
    margin: 0;
}
ul.botoneira li {
    list-style: outside none;
    display: inline;
    padding-right: 10px;
}

/**
 * Listaxes de elementos
 */
table.listaxe  {
    border: 1px #CCC solid;
}
table.listaxe thead tr th {
    background:  #8cd0ff; /*azul*/
}
table.listaxe tbody tr td {
    border-bottom: 1px #CCC solid;
}

/**
 * Clase que se usa nos formularios
 */
div.formulario table {
}
div.formulario  table  tr td {
    border: 1px #CCC solid;
}
/**
 * Div que conten toda a páxina
 */
div#paxina {
  /*background: #FFF url(../imaxes/fondo_corpo.gif) repeat-x;*/
    
}

/**
 * Div que conten a cabeceira, fondo verde
 * Conten o DIV de autenticacion e tamen o logo
 */
div#cabeceira {
  position: relative; /*Vai conter uns divs absolutos*/
  height: 125px;
  background:  #000 url(../imaxes/cabeceira.png);
  background-repeat: no-repeat;
}

/**
 * Pé da páxina
 */
div#pe {
  margin: 0px 30px 0px 30px;
}

div#pe div#contidoPe {
  padding-top: 5px;
  text-align: center;
  font-size:1em;
  background:  url(../imaxes/fondo_pe.png) repeat-x;
  height: 68px;
}


/*
 * Menus que aparecen a esqueda e o idioma
 */
#menuEsquerda {
  width: 200px;
  vertical-align: top;
}

#menuDereita {
  width: 200px;
  vertical-align: top;
}

div#idioma {
  position:absolute;
  top: 10px;
  left: 30px;
}

#menuEsquerda #contidoMenuEsquerda, #menuDereita #contidoMenuDereita {
  position: relative;
  padding-top: 40px;
}

#menuDereita #contidoMenuDereita #autenticacion {
  margin-top: -10px;
  padding: 0 0 10px 30px;
}

#menuEsquerda #contidoMenuEsquerda h3, #menuDereita #contidoMenuDereita  h3 {
     margin: 0px 0px 0px 0px;
     height: 37px;
     padding-top:7px;
     font-size: 1.4em;
     color: #FFF;
}

#menuDereita #contidoMenuDereita  h3 {
     background: url(../imaxes/lateral_menu_dereita.png) no-repeat top right;
     padding-right: 35px;
     text-align: right;
}

#menuEsquerda #contidoMenuEsquerda h3 { 
  background: url(../imaxes/lateral_menu.png) no-repeat top left;  
  padding-left: 35px; 
}

#menuEsquerda #contidoMenuEsquerda ul {
  margin: -5px 0 0 0;
  padding: 0 0 10px 30px;
}

#menuDereita #contidoMenuDereita ul {
  margin: -5px 0 0 0;
  padding: 0 30px 10px 0;
}

#menuEsquerda #contidoMenuEsquerda li {
  display: block;
  background: url(../imaxes/triangulo.png) no-repeat;
  list-style: outside none;
  border-bottom: 1px solid #ccc;
  padding-left: 0px;
  float: none;
}

#menuDereita #contidoMenuDereita li {
  display: block;
  background: url(../imaxes/triangulo_dereita.png) no-repeat  right;
  text-align: right;
  list-style: outside none;
  border-bottom: 1px solid #ccc;
  padding-right: 0px;
  float: none;
}

#menuEsquerda #contidoMenuEsquerda li a,#menuDereita #contidoMenuDereita li a {
  display: block;
  text-decoration: none;
  
  width: auto;
  color: #999;
}

#menuEsquerda #contidoMenuEsquerda li a {
    margin-left: 14px;
}

#menuDereita #contidoMenuDereita li a {
    margin-right: 14px;
}

#menuEsquerda #contidoMenuEsquerda li a:hover, #menuDereita #contidoMenuDereita li a:hover {
  background: #eee;
  color:  #000;
}

#menuEsquerda #contidoMenuEsquerda li a:active, #menuDereita #contidoMenuDereita li a:active {
  background: #eee;
}


/**
 * Corpo, establece un fondo de verde claro a  branco. Tamen conten o cadro
 */
#corpo {
  padding-right: 10px;
  padding-left: 10px;
  vertical-align: top;
}

.titulo {
  position: relative;
  padding-top: 10px;
  height: 30px;
}

 .titulo h1 {
  margin: 0px 0px 0px 00px;
  padding-left: 10px;
  background: url(../imaxes/fondo_titulo.png) repeat-x  top right;
  height: 30px;
  font-size: 1.5em;
  color: #FFF;
}

#corpo #contidoCorpo {
  position: relative;
  padding-left: 0px;
}

.listaxeImaxes {
    width: 100%;
}

.listaxeImaxes tr td {
    vertical-align: middle;
    text-align: center;
    border: 1px solid #000;
}

/**
 * DIV Central onde se carga a información para alguns contidos AJAX
 */
#puntoCentral {
  position: absolute;
  left:50%;
  top:50%;
  z-index: 99;
}