body
{ 
  font-family: verdana,tahoma,arial,helvetica,sans-serif;
  font-size: 0.7em;
  color: #000000;    
  background-color: #FFFFFF;
  margin: 0 0 0 0;  
}

#cabecera
{
  width: 100%;
  height: 92px;    
  background-color: #FFFFFF;
  background-image: url(../img/informatica.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  
}

#logotipo
{
  float: left;  
  height: 92px;
  width: 340px;
}

#grupo
{  
  float: right;
  height: 92px;
  width: 116px;
  background-image: url(../img/fondo_cabecera_grupo.gif);
  background-repeat: no-repeat;
  background-position: left center;
  text-align: right;  
  background-color: #000000;
}


#grupo ul
{
  list-style-type: none;
  display:inline;
  padding: 0;
  margin: 0;
}
#grupo ul li
{
 padding-right: 6px;
}


#grupo ul li a
{  
  color: #FFFFFF;  
  font-weight: bold;  
  text-decoration: none; 
}

#grupo ul li a:hover
{
  color: #000000;    
  font-weight: bold;
  text-decoration: none;    
  background-color: #FFFFFF;
}

#departamento
{
  float: left;
  height: 92px;
  width: 300px;
  background-image: url(../img/fondo_cabecera_departamento.gif);
  background-repeat: no-repeat;
  background-position: right center;  
  text-align:right;  
}

#menuprincipal
{  
  clear: both;
  text-align:center; 
  background-color: #F9EDDA;
  border-bottom: 1px solid #C9BDAA;  
  border-top: 5px solid #f9966b;  
  text-align:center;
}

#menuprincipal ul
{
  display: inline;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;  
  list-style-type:none;
  
  
}

#menuprincipal li
{
  display: inline;    
  text-align:center;
  margin-right: -4px;
}


#menuprincipal ul li a
{    
  padding: 0 6px 0 6px;
  color: #000000;  
  font-weight: bold;
  text-decoration: none;   
  border-left: 1px solid #C9BDAA;  font-size: 1.1em;

}

#menuprincipal ul li a:hover
{
  color: #FFFFFF;  
  background-color: #e9865b;
  font-weight: bold;
  text-decoration: none;  
}

#menuprincipal #activo
{
  color: #FFFFFF;  

  background-color: #D9663b;

}

#bloquecentral
{  
  background-color: #FFFDF0;  
}

#menusecundario
{
  float: left;
  width: 12em;
  background-color: transparent;  
}

#menusecundario h3
{
  display: block;
  font-size: 1em;
  background-color: #F3EADC;  
  color: #D9663b;
  padding: 0;
  margin:0 0 5pt 0;
  text-align: center;
}

#menusecundario ul
{
  display: block; 
  list-style-image: url(../img/vineta2.gif);
  margin: 0 0 0 18pt;
  padding: 0;
}

#menusecundario li
{  
  margin-bottom: 6pt;
  border-bottom: 1px solid #E9DDCA;
}


#menusecundario ul li ul{  margin-left: 10px;
  padding: 0;    list-style-image: url(../img/vineta1.gif);
}

#menusecundario ul li ul li
{
  display: block; 
  margin-bottom: 5pt;
  border-bottom: 1px none #E9DDCA;}

#menusecundario #secundarioactivo
{
  color: #FFFFFF;  
  background-color: #D9663b;

}

#menusecundario ul li a
{    
  display: block;    
  color: #000055;      
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;     
}

#menusecundario ul li a:hover
{
  color: #FFFFFF;  
  background-color: #e9865b;
  font-weight: bold;
  text-decoration: none;  
}

#menusecundario ul ul a
{
  padding: 0 0 0 6pt;  
}

#menusecundario ul ul ul a
{
  padding: 0 0 0 12pt;
  
}

#menusecundario ul ul ul ul a
{
  padding: 0 0 0 18pt;
  
}

#contenidos{     background-color: #FFFFFF;     color: #000000;    padding: 10pt 20pt 10pt 20pt;    margin: 0 11em 0 12em ;  border-left: 1px solid #C9BDAA;    border-right: 1px solid #C9BDAA;    
  text-align: justify;}


#pie
{
  clear: both;
  font-family: arial,helvetica,sans-serif;
  font-size: 0.9em;
  color: #505050;
  background-color: #FAFAFA;
  border-top: 3px solid #f9966b;  
  text-align: center;  
  padding: 2pt 2pt 15pt 2pt;  
}

#pie #legal
{
  float:left;
  text-align:left;
}

#pie #w3c
{
  float:right;
}

#pie  a
{
  color: #655050;
  text-decoration: none;
  padding-bottom: 2pt;
}

#pie  a:hover
{
  color: #000075;  
}

img
{
  border-style: none;
}

.enlinea
{
  display: inline;  
}

.invisible
{
  display: none;
}

p, table, td, th, ul, ol
{
    font-family: verdana, tahoma, helvetica, sans-serif;    
    font-size: 1em;    
}


#error
{
  display: block;
  width: 100%;
  border: 4px solid #AA0000;
  background-color: #FFDDDD;
  padding: 6pt;  
  margin: 6pt 0 6pt 0;
}

#exito
{
  display: block;
  width: 100%;
  border: 4px solid #00AA00;
  background-color: #DDFFDD;
  padding: 6pt;  
  margin: 6pt 0 6pt 0;
}


#contenidos h3
{
  border: 2px solid #D9CDBA;
  color: #D9663b;
  background-color: #FEF6EA;
  padding: 0pt 2pt 0pt 2pt;
}

#contenidos h4
{
  border-left: 10px solid #BDAAC9;  
  color: #6D5A99;
  background-color: #FFFFFF;
  padding-left: 5px;
  font-size:1.1em;
}

#contenidos p
{
  text-align: justify;
}



table.imagen
{
  margin: 10pt;
}

div.imagen
{
  float: right;
  font-family: arial, helvetica, sans-serif;    
  font-size: 0.8em;
  color: #555555;
  background-color: #FFFFFF;
  text-align:center;
  margin: 5pt;
}


.boton 
{ 
  border-bottom: 2px solid #806752;
  border-right: 2px solid #806752;
  border-top: 1px solid #e9865b;
  border-left: 1px solid #e9865b;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1em; 
  font-weight: bold;
  background-color: #E9FCFA;
  color: #A9461b;
}


#barrasituacion
{
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 0.9em;
  color: #555555;
  
}

#volver
{
  display: block;
  border-top: 2px solid #D9CDBA;
  text-align: right;  
}

#volver a
{  
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;    
  color: #777777;
  text-decoration: none;
}

#volver a:hover
{
  text-decoration: underline;  
}


label
{
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #777777; 
}


.seccion p, .seccion li 
{
  margin-left: 12pt;
}

a
{
  text-decoration: none;
  color: #0000FF;
}

a:hover
{
  text-decoration: underline;
}