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

#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 a img { border-style:none;}

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

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

div#banner #menu_principal{ position:absolute; right:0; top:66px; right: 85px;  padding:0;  margin:0; font-size: 0.7em;background-color:#000000;}

div#banner #menu_principal li { display: inline; list-style-type: none; padding: 0 4px 0 4px; margin-top:0;}

div#banner #menu_principal li a { color: #FFFFFF; font-weight: bold; text-decoration: none;background-color: #000000;}

div#banner #menu_principal li a:hover{ color: #000000; font-weight: bold; text-decoration: none; background-color: #FFFFFF;}

div#banner #menu_principal li.active a { color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #000000;}

.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 */
.menu_elmnt {
float:left;
width:84px;
height:10px;
font:bold 10px verdana;
border: 1px solid #000000;
text-align:center;
padding-top: 30px;
color:#e3e2bb;
background-color:#803c3c;
background-repeat: no-repeat;
background-position: 0px 0px;
}

a.menu_elmnt:link, a.menu_elmnt:visited, a.menu_elmnt:active 
{
color:#e3e2bb;
text-decoration:none;
background-color:#803c3c;
background-repeat: no-repeat;
background-position: 0px 0px;
}

a.menu_elmnt:hover 
{
color:#803c3c;
background-color:#e3e2bb;
background-repeat: no-repeat;
background-position: -84px 0px;
}


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

/*contenido del panel izquierdo*/
#left_pane{  position:absolute; top: 83px; left: 0px; width: 138px;}

/*contenido del panel derecho*/
#right_pane{ position:absolute; top: 180px; right: 0px; width: 12em;}

/*contenido alternativo con panel izquierdo y panel dcho*/
#content{ margin: 0px 14em 0px 141px;background:transparent;background-image: url(../img/fondo_logo.gif);background-attachment:fixed;background-repeat: no-repeat;background-position: 50% 50%}

/*contenido solo con el panel izquierdo*/
#alt_content{ margin: 0px 0px 0px 141px;background: transparent;background-image: url(../img/fondo_logo.gif);background-attachment:fixed;background-repeat: no-repeat;background-position: 50% 50%}



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

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

#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;}