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



/*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 : 7px 10px 7px 10px;
        padding: 5px 5px 5px 5px;
	border : 1px solid #C8D2DD;
}
.demo_fieldset1{
	margin : 4px;
        padding: 3px 3px 3px 3px;
	border : 1px solid #C8D2DD;
}
.demo_legend {
	font-weight : bold; 
	margin : 0px 10px 0px 18px;
	font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #ecf6fb;
}

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

#mensajes {
    margin: 5px 20px 5px 20px;
    padding: 5px 20px 5px 20px;
  background-color: #fff366;
  border-top-color: #ff3300;
  border-bottom-color: #ff3300;
  border-left-color: #ff3300;
  border-right-color: #ff3300;
 border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
}

#mensaje {
	background-color: #FFFF99;
	border: 1px solid #FF3300;
	color: #FF3300;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding: 5px;
}

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

.boton {
}



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