body
{
 margin: 0px;
 padding: 0px;
 color: #000000;
 font-family: verdana,tahoma,arial,helvetica,sans-serif;
}

#error {  padding: 5px 20px 5px 20px;border: 3px solid #A00;  background-color: #FEE;  padding:5pt;width: 70%;margin: 0px auto;}

#exito {  padding: 5px 20px 5px 20px;border: 3px solid #0F0;  background-color: #EFE;  padding:5pt;width: 70%;margin: 0px auto;}

/**INICIO CABECERA**/
div#banner h1 { display:inline; margin:0; padding:0; float:left;}

div#banner h1 img { border-style:none;}

div#banner 
{ 
  margin:0;padding:0;height: 124px;width: 100%; 
  background-image: url(../img/repetir_cab.gif); 
  background-repeat: repeat-x;
  background-position: top 264px;
}

div#banner #motivo
{ 
  height: 124px;background-color: transparent;background-image: url(../img/right.gif);
  background-repeat: no-repeat;    
  background-position: top right;
}

#navcontainer
{
 position: absolute;
 top: 94px;
 right: 120px;
 font-size: 0.6em;
 /*border-bottom: 5px solid #f00;*/
}

#navcontainer ul { padding: 0px 0px 10px 0px; margin: 0px; list-style-type: none}
#navcontainer li  { padding: 0px 0px 0px 13px; background: url(../img/left-tab.gif) no-repeat left bottom; float: left;margin: 0px;}
#navcontainer a  { padding: 5px 10px 8px 0px;DISPLAY: block;font-weight: bold; background: url(../img/right-tab.gif) no-repeat right bottom; float: left;color: #000000;text-decoration: none
}
#navcontainer a  img{ border: 1px solid #000000;vertical-align: middle;margin-right: 3px; }

/*#navcontainer a { float: none}*/
#navcontainer a:hover {color: #336699;}
#navcontainer a:hover  img{ border: 1px solid #FFFFFF;vertical-align: middle;margin-right: 3px; }

#navcontainer #current {background-image: url(../img/left-tab-on.gif)}
#navcontainer #current a {background-image: url(../img/right-tab-on.gif); padding: 5px 10px 8px 0px;  color: #FFFFFF;}
#navcontainer #current a  img{ border: 1px solid #FFFFFF;vertical-align: middle;margin-right: 3px; }



.img_border          {border: 1px solid #000000;}
.limpiar               {clear:both;}
.invisible           { display: none;}

/**FIN CABECERA**/


/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */

#container{background-image: url(../img/repetir_vert.gif);background-position: top left;background-repeat: repeat-y;}

/*contenido del panel izquierdo*/

/*contenido solo con el panel izquierdo*/
#content{ background-image: url(../img/rep_vert2.gif);background-repeat: repeat-y;background-position: top right;}



/*######INICIO pie de pagina*/
div#footer 
{ 
	background-image: url(../img/repetir_pie.gif);
	background-repeat: repeat-x;    
	height: 20px; 
}

div#footer div.motivo
{ 
	background-image: url(../img/pie_left.gif); 
	background-repeat: no-repeat;
	background-position: top left;
	height:20px;   
}

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

#footer a{color:#87827D;}

#footer a:hover{ color: #24407E;}
   
.session{ clear:both; text-align:center;}
 
.session a{ color: #000000; font-weight:bold;}

/*######FIN pie de pagina*/

.invisible {display: none;}

.banderas{width: 175px;margin-left: 20px;text-align: center;}

#buscador {margin-left: 25px;width: 168px;}

#buscador input.texto {border: 1px solid #000000;}

#buscador input.lupa {float:right;margin-top: 4px;}

#buscador form {padding:0;margin: 5px 0 0 0;} 

div#container{font-size: 0.7em;}

div#situacion{ margin: 0px 0px 0px 0px;/* background-image: url(../img/rep_vert2.gif);background-repeat: repeat-y;background-position: top right; */}

div#situacion .barra a {color: #24407e;font-weight: bold;text-decoration:none;}
div#situacion .barra a:hover {color: #24407e;font-weight: bold;text-decoration:underline;}

.imagenizquierda   { float: left; margin:0 10px 10px 0; color: #777; text-align: center; }

.imagencentrada   { text-align: center; margin: 10px 0 0 0; color: #777; text-align: center;}

.imagenderecha    { color: #777; float: right; margin:0 0 10px 10px; text-align: center; }



/*SECCIONES*/
.listado
{
  padding: 5px 40px 5px 20px;
  display:block;
}

.listado .bloque_seccion
{
  display:block;
  padding: 5px 0px 5px 0px;
  text-align: justify;
  width: 100%;
  margin-top: 5px;
}

.listado .bloque_seccion p
{
 text-indent: 20px;
}

.listado .bloque_seccion h3
{ 
 color:  #000000;
 border-bottom: 2px solid #24407e;
 font-size: 1.5em;
 margin:0 0 10px 0;
}
/*FIN SECCIONES*/


/*PANEL_IZQDO*/
#left_pane h3
{
 margin: 0px auto;
 background-color: #ffffff;
 border: 1px solid #24407e;
 color: #24407e;
 padding: 4px;
 font-size: 1em;
 font-weight: bold;
 text-align: center;
 margin-left: 25px;
}

#left_pane .menu_lateral .rep
{
  background: url(../img/menu_rep.gif);
  background-repeat: repeat-y;
  background-position: 0px 0px;
}

div#left_pane ul { list-style-type: none; padding: 0; margin: 0 0 0 0px;width: 188px;}

div#left_pane ul a { 
 height: auto;
 display:block;
 margin-left: 18px;
 padding: 2px 0px 2px 14px;
 background-image: url(../img/vineta_menu.gif);
 background-repeat: no-repeat;
 background-position: 0 center; 
 text-decoration: none;
 font-weight: bold;
 color: #013274;
 border-bottom: 1px solid #000000;
}


div#left_pane ul a:hover {  color:#FFFFFF; background-color:  #013274; background-image: url(../img/vineta_menu_activo.gif);}

div#left_pane ul a.activo{ color:#FFFFFF; background-color:  #013274; background-image: url(../img/vineta_menu_activo.gif);}

div#left_pane .sublista { margin-left: 0.8em;}

div#left_pane .sublista a { font-weight: normal; font-size: 0.8em;  padding: 2px 0px 2px 8px;text-decoration: none; background-image: url(../img/vineta2.gif);}

div#left_pane .sublista a:hover{ color:#FFFFFF; background-color:  #013274;  background-image: url(../img/vineta2.gif);}

div#left_pane .sublista a.activo{ color:#FFFFFF; background-color:  #013274;  background-image: url(../img/vineta2.gif);}