@charset "utf-8";
/* CSS Document */

body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #eee;
}

.fondomedio {
    background-color: #FFFCE1;;
}

.barra_inf {
	height: 330px;
	vertical-align: middle;
        width: 80px;
        position:absolute;
        left:40px;
        margin:0px; 
        padding:3px 10px 0px 10px; 
        background-color: #FEDF67;
    color: #cccccc;
}

.tabletas{
background: url(imagenes/tabletanormal.png) repeat-x top left;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: inline;
width: auto;
height:25px;
padding: 6px 10px 2px 10px;
margin-left:2px;
text-decoration: none;
}

.tabletas:hover{
background-image: url(imagenes/tabletasobre.png);
}

.tabletaselegida{
background: url(imagenes/tabletasobre.png) repeat-x top left;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: inline;
width: auto;
height:25px;
padding: 6px 10px 2px 10px;
margin-left:2px;
text-decoration: none;
}

/*barra de menu*/
#popitmenu{
position: absolute;
height: 82px;
z-index: 100;
visibility: hidden;
}
.bordeizq{
background:url(imagenes/fondo_submenu_1.jpg)  no-repeat  ;
width:5px;
}
.centro{
background:url(imagenes/fondo_submenu_2.jpg)  repeat-x  ;
padding: 5px 2px 5px 2px;
}
.centro1{
background:url(imagenes/fondo_submenu_21.jpg)  repeat-x top ;
padding: 5px 2px 5px 2px;
}
.centro2{
background:url(imagenes/fondo_submenu_22.jpg)  repeat-x bottom ;
padding: 5px 2px 5px 2px;
}
.bordeder{
background:url(imagenes/fondo_submenu_3.jpg)  no-repeat  ;
width:5px;
}
/********************************************************************/

.demo_fieldset {
	margin : 3px 0px 3px 5px;
    padding: 0px 0px 5px 5px;
	border : 1px solid #666;
}

.demo_legend {
	margin : 0px 10px 0px 18px;
    font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #333;
}

.cabeceratabla {
	margin : 0px 10px 0px 10px;
}

#mensajes {
    margin: 5px 20px 5px 20px;
    padding: 5px 20px 5px 20px;
    background-color: #FFFDB2;
    border-top-color: #455414;
    border-bottom-color: #455414;
    border-left-color: #455414;
    border-right-color: #455414;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #39490A;
    text-align: center;
    vertical-align: middle;
    margin-bottom:5px;
}

#cargando {
    height:20px;
    font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #39490A;
    vertical-align: middle;
    text-align: center;
}

#normal {
    height:20px;
    font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #39490A;
    vertical-align: middle;
    text-align: center;
}

#botones {
    margin: 5px 20px 5px 20px;
    padding: 5px 20px 5px 20px;
}

#dvInfo {
     width:280px;
     height:90px;     
     background-image: url(imagenes/infousuario.jpg);
     font-size: 13px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.campotexto {
    font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
/*
.campotexto:hover, .campotexto:active {
    background-color: #FFFDB2;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #333333;
    border-right-color: #333333;
}*/

.campolista {
    font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.texto {
    font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.textotitulo {
    font: normal 17px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #006633;
    font-weight: bold;
}



#espaciocentral {
	height: 450px;	
	vertical-align: middle;
    width:100%;
    position:absolute;
	overflow:auto;
}
.tabla {
	margin: 20px 0px 20px 10px;
	border: 1px;	
	background:none;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}
.tabla tr th {
	background-color: #b5b5b6;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
 border-right-style: solid;
  border-right-width: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.tabla tr td {
  background-color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
 border-top-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  border-right-color: #999999;
 padding-left: 5px;
  padding-right: 5px;
  height:16px;
  border-right-style: solid;
  border-right-width: 1px;
}
.tabla tr:hover td{
    /*background-color: #cccccc;*/
  color: #999999;
}


/*fergergerg */

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
vertical-align:top;
height:368px;
background-color:#fff;
}

.glossymenu a.menuitem{
background: black url(imagenes/glossyback.gif) repeat-x bottom left;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(imagenes/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}