#mensaje_tool {
  
 	border-color: #FF0000;
	border:1px;
	border-style:solid;
	background: #FFDFDD;
	font: Verdana, Arial, Helvetica, sans-serif;
	size:8px;
	display : none;
	position:absolute;
	top: 330px;
	left: 430px;
	width: 300px;
	text-align:center;
	padding:6px;
	z-index: 999;


   
 }
 .textos-rojo {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc0000;
	text-align: center;

}


.textos_h2{
font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold; 
}


.cuadro_light {
		border: 1px solid #ccc;
		background: #eee;
		color: #454545;
		padding-right: 4px;
		padding-left: 4px;
	}
.cuadro {  
border: 1px #ccc solid
}


 /* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/deuman/jtips/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/deuman/jtips/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
	
}

.JT_loader{
	background-image: url(../images/deuman/jtips/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	
}

#JT_close_right{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
text-decoration:none;
}


.tabla_rojo {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: red;
	border-collapse: separate;
	background-color: #fff5ee;
}
.tabla_alerta {
	font-family: erdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000000;
	padding: 3px;
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: red;
	border-collapse: separate;
	background-color: #fff5ee;
}

.tabla_alerta a{
	font-family: erdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000000;
	text-decoration: none;
}



.tabla_amarillo {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: red;
	border-collapse: separate;
	background-color: #fffff0;
}
.tabla_verde {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: green;
	border-collapse: separate;
	background-color: #ebffe8;
}
img.valign { 
   height: 100%;
   vertical-align: middle;
  
}




 /* ---------->>> tinytable <<<---------------------------------------------------------------*/

//.details {float:right; padding-top:12px}
//.details div {float:left; margin-left:15px; font-size:12px}
.tinytable { 
font-family: Tahoma,sans-serif;
font-style: normal;
font-variant: normal;
font-size: 10px;
text-decoration: none;

}


.tinytable th {

font-family: Tahoma,sans-serif;
font-style: normal;
font-variant: normal;
//font-weight: bold;
font-size: 10px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
color: #fff;
padding-top: 3px;
padding-bottom: 0px;
padding-right: 5px;
padding-left: 5px;
background-color: #4a5154;
}
.tinytable td {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cdcdcd;
text-decoration: none;
}

.tinytable td a {
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 9px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
color: #0099ff;
text-decoration: none;
padding-top: 0px;
padding-right: 2px;
padding-bottom: 0px;
padding-left: 2px;
text-transform: uppercase;
}

.tinytable  tr:hover
{
	background-color: #ffffd4;
}
.tinytable th h3 {font-size:11px;  }
//.tinytable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}

.tinytable .head h3 {background:url(../images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:13px}

//.tinytable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}

.tinytable .desc h3 {background:url(../images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:13px}
.tinytable .asc h3 {background:url(../images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:13px}

//.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {color:#fff}
//.tinytable .evenrow td {background:#fff}
//.tinytable .oddrow td {background:#ecf2f6} //cebra
//.tinytable td.evenselected {background:#ecf2f6} //marca la columna seleccionada en orden
//.tinytable td.oddselected {background:#dce6ee}
.tinytable tfoot {background:#fff; font-weight:bold}
.tinytable tfoot td {padding:6px 8px 8px}