body  {	margin:0; padding: 2em;
	background:white;
	color: #666;
	font: 75%/1.33 'Open Sans';
	text-align:left;
	line-height: 20px;
	
   }
.body {	margin:0; padding: 2em;
	background:white;
	color: #666;
	font: 75%/1.33 'Open Sans';
	text-align:left; 
	}

.cabecera
{
  font-family:'Open Sans';
  font-size:13pt;
  font-weight:bold;
  color:Black;
}
.tituloslistado
{    
  background-color: White;
  color: black;
  font:  'Open Sans';
  font-weight: bold;
  font-size: 9pt;
  border: 1px solid #CCCCCC;
}

.fondotabla{
background-image: url(fondogrisclaro.jpg);}

.tdUsuario
 {
	padding: 8px;
	text-align:center;
	vertical-align:middle;
	font-size:100%;
	color: White ;
	white-space:nowrap;	
	background-color: #5B554A;
	font-family: 'Open Sans','Verdana';
	}

.tdsample {
	padding: 8px;
	text-align:center;
	vertical-align:middle;
	font-size:80%;
	color:#8A151E ;
	white-space:nowrap;	
	}

.boton
{
	font-family:'Open Sans';color:white;
    font-size:10pt;
    font-weight:bold;
	border:1;
	}


.color-table {
	margin: 2em 2em 5em;
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	font-size:100%;
	}
.color-table th {
	padding: 0 1em 0 0;
	text-align:right;
	vertical-align: middle;
	font-size:110%;
	border: none;
	}
.color-table td.sample {
	width:10em; height:8em;
	padding: 10px;
	text-align:center;
	vertical-align:middle;
	font-size:90%;
	border: 1px solid white;
	white-space:nowrap;
	}
.color-table.small td.sample {
	width:4em; height:4em;
	padding:0;
	border:none;
	}
.color-table .white { margin-bottom:0.2em; color:white }
.color-table .black { margin-top:0.2em; color:black }

.colorTabla
 { background-color: #FFFFFF;}

colorTabla
 { background-color: #DEDED7; }
 
<!-- Estilos para hyperlinks -->

A:link, A:visited{color:#B9545B;text-decoration:none}

A:active{color:#B9545B; }

A:hover {color:#B9545B;text-decoration:underline; background-color: #61080F}

A.menu {color:#000000; text-decoration: none}

A:hover.menu { color: #000000; text-decoration: none }

A:link.menu { color: #000000; text-decoration: none }

A:visited.menu { color:#000000; text-decoration: none }

A:active.menu { color:#000000; text-decoration: none }

TR.bgdark
{
    background-color: #F5F5F5;
}
TR.bglight
{
    background-color: white;
}


table tr.bgdark:hover, table tr.bglight:hover
{
    background-color: #DFDFDF;
}

<!-- Estilos Para Ingreso de Datos -->

input{

background-image:  url(/qaintegra/images/fondoInput.gif);

background-color: #E3E3E3;

font-size: 8pt ;

font-family:'Open Sans';

color: #333;

border: #999 ;

border-style:solid ;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

font-weight: 100;

background-position: top;

background-repeat: repeat-x;

valign:top;

}



select{

background-color: #E3E3E3;

font-size: 100% ;

font-family:'Open Sans';

color: #333;

border: #999 ;

border-style:solid ;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

font-weight: 100;

background-position: top;

background-repeat: repeat-x;

valign:top;

}



textarea{

background-color: #E3E3E3;

font-size: 100% ;

font-family:'Open Sans';

color: #333;

border: 1px solid #999 ;

font-weight: 100;

background-position: top;

background-repeat: repeat-x;

valign:top;

}



.inputFormReadOnly {  border-width:0px;font: 8pt 'Open Sans'; color: black; background-color: #D0CFC8;text-align:left;border-style:none}

.inputFormNumerico {  border-width:1px;font: 8pt 'Open Sans'; color: #0c0c0c; background: #DFDFDF;text-align:right}

.inputButtonSel {  font: 8pt 'Open Sans'; color: #0c0c0c; background-color:red;text-align:center;width:100%;}

.numerico {  font: 8pt 'Open Sans'; color: #0c0c0c; background: #DFDFDF;text-align:right}



.titulo_blue

{
color: #8A151E;
font-weight:bolder;
font-family:'Open Sans';
font-size: 10pt;
}



.titulo
{
color: #8A151E;
font-weight:bolder;
font-family:'Open Sans';
font-size: 15pt;
}



.texto
{
font-family:'Open Sans';
font-size: 10pt;
}



.texto_rojo, .mensaje_error

{

color: red;

font-family:'Open Sans';

font-size: 8pt;

}



.texto_blue

{

color: #8A151E;

font-family:'Open Sans';

font-size: 8pt;

}



.texto_bold

{

color: #000000;

font-weight:bolder;

font-family:'Open Sans';

font-size: 8pt;

}





.vacio td
{
color: #B93B44;
font-weight: bolder;
font-family:'Open Sans';
font-size: 10pt;
position: absolute;
left: 25%;
vertical-align: super;
}



td{

color: #000000;

font-family:'Open Sans';

font-size: 8pt;
line-height:20px
}

left table tr td{
text-align:left;
}

TR.bgdark td, TR.bglight td
{
    border: 1px solid #CCCCCC; 
}

TR.bgdark td td, TR.bglight td td
{
    border: 0px !important; 
}

.table_data{
background-color:#9E9E9C;
width:100%;
}


.lineadivisoria {background-color:#B4B6B4; height:1px}

.fondo {background-color:#eff0e0;}

.leer
{
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #eff0e0; BORDER-BOTTOM-STYLE: none; background-image:none;

}

.nogancho input[disabled]
{
visibility: hidden;
}

textarea{width:100%}


<!--hgaspinclude -->