
div.banner{
    background-image: url("../imagenes/decor/banner_l.jpg");
    background-repeat: no-repeat;
    background-position: left;
    height: 98px;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
}
div.banner_extra{
    background-image: url("../imagenes/decor/banner_extra.jpg");    
    height: 98px;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}
div.banner_r{
    background-image: url("../imagenes/decor/banner_r.jpg");    
    height: 98px;
    width: 70px;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 3;
}
#session{
    height: 20px;
    text-align: right;
    top: 0px;
    right: 0px;
    position: absolute;
    
    z-index: 3;
}



/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 } 
 
#pagewidth{ 

    top: 97px;
    position: absolute;
    
/*
background-image: url("../imagenes/decor/portada.jpg");
background-position: right top;
background-repeat: no-repeat;
 */
}
 
#leftcol{
 padding-left: 5px;
 float:left; 
 position:relative; 
  }
 
#maincol{
 padding-left: 5px;
 padding-right: 5px;
 
 /*float:right; */
 position:relative;
 text-align: center;
}
 
#rightcol{
 /*width:15%; */
 float:right; 
 padding-right: 5px;
 position:relative; 
 text-align: left;
 }
 
#footer{
 border-top: 1px solid #929394;
 margin-top: 0px;
 /*padding-top: 5px;*/
 height:22px; 
 background-color: #929394;
 color: #D2D3D4;
 text-align: center;
 clear:both;
 bottom:0;
 } 
 

 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}





table.body{
    top: 95px;
    position: absolute;
    width: 100%;
    left: 0;
}
table.body tr td.left{
    width: 150px;
    
}
table.body tr td.center{
    
    
}
table.body tr td.right{
    width: 120px;
    
}

body{
 
background-image: url("../imagenes/decor/bgr.png");

}

body.reporte{
background-color:#FFFFFF;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image:none;

}

table tr td.left{
    background-image: url("../imagenes/decor/back2.jpg");
}

table.window{
  margin-top: 10px;
  width: 90%;

}
table.window td.tl{
  background-image: url('../imagenes/box/tl.gif');
  background-repeat: no-repeat;
  padding-top: 11px;
  height: 11px;
  width: 11px;
    
}
table.window td.t{
  background-image: url('../imagenes/box/t.gif');

height: 11px;
}
table.window td.tr{
  background-image: url('../imagenes/box/tr.gif');
background-repeat: no-repeat;  
padding-top: 11px;
  width: 11px;
}
table.window td.l{
  background-image: url('../imagenes/box/l.gif');
  /*
width: 11px;*/
}
table.window td.c{
  background-image: url('../imagenes/box/c.gif');
  width: auto;
}
table.window td.r{
  background-image: url('../imagenes/box/r.gif');
  /*width: 11px;*/
}
table.window td.bl{
  background-image: url('../imagenes/box/bl.gif');
background-repeat: no-repeat;
  padding-top: 16px;
  height: 16px;
  width: 11px;
}
table.window td.b{
  background-image: url('../imagenes/box/b.gif');
  padding-top: 16px;
}
table.window td.br{
  background-image: url('../imagenes/box/br.gif');
background-repeat: no-repeat;  
padding-top: 16px;
  width: 11px;
}

.degrad {
background-image:url('../imagenes/decor/bgr_deg.png');
width:9px;
background-repeat:repeat-y;
}
/*
table.window{
  width:auto;
  margin-top: 10px;
}
table.window td.tl{
  background-image: url('../imagenes/box/tl.png');
  padding-top: 8px;
  height: 8px;
  min-height: 8px;
  width: 8px;
  min-width: 8px;
}
table.window td.t{
  background-image: url('../imagenes/box/t.png');
}
table.window td.tr{
  background-image: url('../imagenes/box/tr.png');
  padding-top: 8px;
  height: 8px;
  min-height:8px;
  width: 8px;
  min-width: 8px;
}
table.window td.l{
  background-image: url('../imagenes/box/l.png');

  height: 8px;
  min-height:8px;
  width: 8px;
}
table.window td.c{
  background-color: #fff;
  
}
table.window td.r{
  background-image: url('../imagenes/box/r.png');
 
  width: 8px;
}
table.window td.bl{
  background-image: url('../imagenes/box/bl.png');
  
  padding-top: 8px;
  height: 8px;
  min-height:8px;
  width: 8px;
}
table.window td.b{
  background-image: url('../imagenes/box/b.png');
  padding-top: 8px;
  height: 8px;
  min-height:8px;
}
table.window td.br{
  background-image: url('../imagenes/box/br.png');
  
  padding-top: 8px;
  height: 8px;
  min-height:8px;
  width: 8px;
}
*/

/*Reporte no conforme*/

#topLeft {
	float:left;
	position:relative;
	padding-left:5px;
	width:240px;
	height:98px;
}
#topRight {
	float:left;
	position:relative;
	padding-right:5px;
	width:350px;
	height:104px;
}

.titulos {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.textos {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.textos_small {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}