body, th { font-family:tahoma, verdana, arial, helvetica, sans; font-weight:normal; font-size:10pt; }
body { margin:0; background-color:#DDF; padding:10px;}
p { margin:0 }

a { text-decoration:none;  background-color:Transparent; color:#05F; }
a:visited { color:#55F; }
/*a:hover { background-color:#EEF; } // altera el tabs del ui*/

img { border-style:none}

#tablaabm1 td {font-size:10pt; background:lightgrey; border:1px solid lightgrey }
/*table {font-family:Verdana, Arial, Helvetica, sans-serif; 
	border-collapse: collapse; 
	border:1px solid #999999; 
	font-size:11px;}*/


td { font-size:10pt;border:1px solid #BBF;/*background:#FFF; sobreescribe el de la marca del maetable*/}
td.liso  {background:#DDF; border:0px solid #BBF}
td.importante{font-size:12pt;}
td.importanteB{font-size:12pt;font-weight:bold;}
td img { vertical-align:top }
td.confi, td.botonmainadd, td.btndis, img.iconoModificar, img.help, .resaltar{/* para resaltar botones con hover */
    opacity: 0.8;
    filter: alpha(opacity=80);
}
td.confi:hover,td.botonmainadd:hover, td.btndis:hover , img.iconoModificar:hover , img.help:hover , .resaltar:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
tr.categ td{height:20px;width:20px;padding:1px; /* colores categorias*/}
th, th a, th a:visited { color:#000000; font-size:10pt; font-weight:bold; padding-bottom:0; }
/* tabla attachments*/
table.att{border-width: 1px;border-spacing: 0px;border-style: groove; border-color: #BBF; border-collapse: separate;background-color: #EEF;} 
table.att tr.title{background-color: #CCC;}

body.securelogin {background-color:#FFFFFF}
.securelogin td{background:#E0E0E0; border:0px solid #BBF}
.securelogin tr {vertical-align:top;}

#foldercomment { font-size:10pt; color:#888; background:#EEE; padding:3px; border:1px solid #DDD; border-bottom:3px solid #DDD; margin-top:2px; }
#tools { text-align:right; font-size: 8pt; }
#folder, .big { font-size:14pt; font-weight:bold;  }
#folderlabel, #folderstats, #footer { font-size: 8pt; }
#body {
  border-bottom: 4px solid #BBF;
     border-top: 4px solid #BBF;
    border-left: 1px dotted #BBF;
   border-right: 1px dotted #BBF;
  background:#F3F3FF;
  padding:5px;
  margin:0px;
}

.comment { font-size:7pt; color:#888; background:#EEE; padding:3px; border:1px solid #DDD; margin-top:2px; }
.botonUpload { float:right; padding:5px; padding-top:7px; margin:15px; border:2px solid black; background:white; font-size:8pt; font-weight:bold; }
.botonUpload img { vertical-align:text-bottom; }
.flag { font-weight:bold; font-size:8pt; background:white; color:red; text-align:center; border:1px solid red;}
.buttonL { float:left; padding:5px; padding-top:7px; margin:1px; border:2px solid black; background:white; font-size:8pt; font-weight:bold; }
.buttonL img { vertical-align:text-bottom; }
.msgOK{ color:blue; font-size:12pt; font-weight:bold; }
.msgBAD{ color:red; font-size:12pt; font-weight:bold; }
.importante{font-size:12pt;}
.importanteB{font-size:12pt;font-weight:bold;}
.bold{font-weight:bold;}
/*.fondoDegrade2{background: url('/images/fondo_degrade2.png'); color:#000; }*/
.fondoDegrade2{background:#B2EDAD;}

.borderround15{
-webkit-border-radius: 15px;
border-radius: 15px;}
.borderround5{
-webkit-border-radius: 5px;
border-radius: 5px;}
label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color: red;
}
.help{
	width: 16px;
	height: 16px;
}
/* Buscamae */
.buscaOpciones {
	background-color:#A4A4A4;
	position:absolute;
	margin-left:150px;
	/*overflow-y:auto;*/
	/*max-height:300px;*/}
.buscaMaeContenido{
	overflow-y:auto;
	max-height:300px;}
.ayudabuscaMae{
	border-collapse: collapse;
}
.ayudabuscaMae td{
	border-width: 1px;
}
.cabeceraBuscamae{
	text-align:left;
	/*width:280px;*/
	display:inline-table;
}
.buscaLupaFiltro, .buscaLupa, .buscaLupaFiltroTodos, .buscaMaeCerrar{
	cursor:pointer;
	vertical-align:text-bottom;
	vertical-align:middle;
}
.buscaMae{
	vertical-align:middle;
}
.botonInicio {background: url(/common/img/inicio.gif) no-repeat;width:20px;height:20px;}
.botonAtras {background: url(/common/img/prev.gif) no-repeat;width:20px;height:20px;}
.botonAdelante {background: url(/common/img/next.gif) no-repeat;width:20px;height:20px;}
.botonFin {background: url(/common/img/fin.gif) no-repeat;width:20px;height:20px;}
/* Fin Buscamae */

.dataTable { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	border-collapse: collapse; 
	border:4px groove #999999; 
	font-size:11px;}
.dataTable td, .dataTable th {
	border: 1px solid #999999;
	/*border-top: 2px solid #444444;*/
	/*padding: 3px 5px;*/
	margin:0px;}
.dataTable thead tr th { 
	/*background: url(/common/img/wbg.gif) repeat-x -1px top;*/
	/*background: url('/images/fondo_degrade2.png'); color:#000;*/
	background:#B2EDAD;color:#000;/*#8ADEA3; #4FA5C2*/
	}

.dataTable thead a {
	text-decoration:none; 
	color:#000;/*color:#444444;*/}
.dataTable thead a:hover {
	background-color:#FFF;}
.buttonReport {/* Botones Reportes RDS y STATUS*/
	padding:10px;width:60px;text-align:center;border-style:none;display:none;
}
.DIValtura{/* ver initDIValtura() en func.js y DIValtura() en func.php*/
	position:relative
}
.DIValturaimg{/* ver initDIValtura() en func.js y DIValtura() en func.php*/
	color:red;
	background-color:white;
	position:absolute;
	bottom:0px;
	right:0px;
}

.center {/* Para centrar una imagen dentro de un div u otro contenedor */
    margin-left: auto;
    margin-right: auto;
    display: block;
}

table.cvbf{border-collapse: collapse;border:0px solid #999999;}
table.cvbf tr{background:#DDF; border:1px solid #FFF;font-size:10px;}
table.cvbf td{border:1px solid #FFF;font-size:10px;}
table.cvbf tr.selected{background:yellow; border:1px solid #FFF;font-size:10px;}
table.cvbf th{background:#BBD; border:1px solid #FFF;font-size:10px;}
table.cvbf tr.selected th{background:yellow;}
table.cvbf th img{cursor:pointer;}
table.cvbf td img{cursor:pointer;}
table.cvbf td.pointer {cursor:pointer;}
/* Para tablas de adjuntos que están dentro de un ABM */
#tablaabm1 table.cvbf{border-collapse: collapse;border:0px solid #999999;}
#tablaabm1 table.cvbf tr{background:#DDF; border:1px solid #FFF;font-size:10px;}
#tablaabm1 table.cvbf td{border:1px solid #FFF;font-size:10px;}
#tablaabm1 table.cvbf tr.selected{background:yellow; border:1px solid #FFF;font-size:10px;}
#tablaabm1 table.cvbf th{background:#BBD; border:1px solid #FFF;font-size:10px;}
#tablaabm1 table.cvbf td{background:#BBD; border:1px solid #FFF;font-size:10px;}
#tablaabm1 table.cvbf tr.selected th{background:yellow;}
#tablaabm1 table.cvbf th img{cursor:pointer;}
#tablaabm1 table.cvbf td img{cursor:pointer;}
#tablaabm1 table.cvbf td.pointer {cursor:pointer;}


.img-contenedor img {
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}
.img-contenedor:hover img {/* Agranda las imágenes al pasar el mouse */
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5);
}