BODY {margin:0px;padding:0px;font-size:16px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
IMG { border:none; }
TABLE {border-collapse:collapse;}
PRE {white-space:pre-wrap; margin-top: 0px; padding-top:0px;}
INPUT[readonly]  {border:none;}
input.readonly {border:none;}
LABEL   { background-color: white;color:blue;padding-left:0px;}
SPAN.u {text-decoration: underline;}

.nowrap {white-space:nowrap;}
.msgerr {color:red;border:1px red solid;margin:auto;margin-bottom:8px;text-align:left;display:table;padding-right:8px;padding-top:4px;}
.msgaviso {color:blue;border:1px blue solid;margin:auto;margin-bottom:8px;text-align:left;display:table;padding-right:8px;padding-top:4px;}

table.ac TD {padding:8px;}

.dved {padding-left:8px;padding-right:8px;} /* div for label-input in edit forms */
.dvrd {padding-left:8px;padding-right:8px;padding-bottom:10px;font-weight:normal;color:black;} /* div for label-input in read forms */
.lbl {color:blue;}  /* label for field in forms */
.lbler {color:red;} /* label for field in forms with error detected at server */
.lblrq {color:blue;} /* label for required field in forms */
.lblgrp {font-weight:bold;color:green;border-color: green;} /* titulo agrupa campos */

.lbl_backoffice {color:green;}

.addchild {} /* div con add a child solo add */

table.menu {padding:0px;margin:0px;background-color:#CCFF99;border:none;width:100%}
table.menu .icono32 {width:48px;text-align:left;vertical-align:middle;}
table.menu .izq {width:90%;text-align:left;vertical-align:middle;}
table.menu .icono32der {width:48px;text-align:right;vertical-align:middle;}
table.menu TD {white-space:nowrap;border: none;vertical-align:middle;}

div.iactoolbar {background-color:yellow;position:fixed;width:100%;top:0;z-index:1;bottom: auto;}
div.iactoolbarspacer  {position:relative;height:2em;}
.iactoolbar {border-collapse:collapse;}       
.iactoolbar td  { border: 1px silver solid; padding:6px; font-size:small;text-align:center; vertical-align:top; }
.iactoolbar td  figure { color:blue; text-decoration:underline; padding:0px; margin:0px;}
.iactoolbar img { height:16px;width:16px; }
.iactoolbar img.toolbarlinkAtention { height:16px;width:16px; }
.iactoolbar .inputimage { height:16px; width:16px; }
.iactoolbar .toolbarTitle {color: black; text-decoration:normal; font-weight:bold; }


div.hojaes {background-color:#f2e6f2;width:100%;padding-left:8px;}
div.contenido {margin-left:8px;margin-right:8px;}

div.err {color:red;text-align: center;}
div.err ul {text-align:left;}

div.feedback {color:blue;text-align: center;padding-bottom:24px;}
div.feedback ul {text-align:right;}

div.peligro {text-align:center;padding-bottom:24px;}

.Inactive {color:red;}

.tituloHoja {color:blue;font-weight: bold;text-align:center;font-size:larger;}
.tituloizq {font-weight:bold;font-size:larger;}
.rojo {color:red;}

.click {cursor:pointer;}
.iconoh16 {height:16px;}
.iconoh32 {height:32px;}


.iaToggle {cursor:pointer;}

.tabla {border-collapse:collapse;}
.tabla .tr1 {} 
.tabla .tr0 {background-color:#ffeaea;}
.tabla th {vertical-align:top;text-align:center; border: 1px silver solid;padding:2px;}
.tabla th.izq {text-align:left;}
.tabla th.cen {text-align:center;}
.tabla th.der {text-align:right;}
.tabla td {text-align:left;vertical-align:top;border: 1px silver solid;padding:2px;font-weight:normal;}
.tabla td.izq {text-align:left;}
.tabla td.cen {text-align:center;}
.tabla td.der {text-align:right;}
.tabla td.lbl {text-align:left;font-weight:bold;}
.tabla td.lblsub {text-align:left;font-weight:bold;}
.tabla span.lbl {font-weight:bold;}
.tabla td.achica {white-space: nowrap;width:5%;}

/* tabla en formas view,edit,add */
DIV.dataTable {}
TABLE.dataTable { }
TABLE.dataTable TH {vertical-align:top;text-align:left;}
TABLE.dataTable TD {vertical-align:top;text-align:left;}

/* Sorting */
.tabla th.table-sortable {
	cursor:pointer;
	background-image:url("/images/tablejs/sortable.gif");
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:12px;
}
.tabla th.table-sorted-asc {
	background-image:url("/images/tablejs/sorted_up.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
.tabla th.table-sorted-desc {
	background-image:url("/images/tablejs/sorted_down.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
.tabla th.table-filtered {
	background-image:url("/images/tablejs/filter.gif");
	background-position:bottom left;
	background-repeat:no-repeat;
}
.tabla select.table-autofilter {
	font-size:smaller;
}
select.table-autofilter {
	font-size:smaller;
}
.handle {
	background-image:url("/images/handle.png");
	background-repeat:repeat-x;
	height:18px;
	margin:0 1px;
}

/* fgmenu */
	.fg-button { font-size: 10px; clear:left; margin:0 2px 2px 2px; 
        padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button { float:left;  }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	.fg-button.ui-state-loading .ui-icon { background: url(img/spinner_bar.gif) no-repeat 0 0; }
    
 /* theme roller */
 .ui-widget{font-size:14px !important;}
 .ui-jqgrid{position: relative; font-size:14px !important;}
 .ui-jqgrid .ui-jqgrid-view {position: relative; font-size:14px !important;}
 
 .divcampo { margin:0px;padding:2px; }
 
.verticalText {
        -webkit-transform: rotate(-90deg);    /* Safari 3.1+, Chrome */
        -moz-transform: rotate(-90deg);       /* Firefox 3.5+ */
        -o-transform: rotate(-90deg);         /* Opera starting with 10.50+ */
        -ms-transform: rotate(-90deg);        /* IE9 */
        /*transform: rotate(-90deg);*/        /* CSS3 */
}

.verticalTextOldIE {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);       /* IE6, IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
        zoom: 1;
}

.jfontsize-button { font: bold 12px arial; padding: 3px; border: solid 1px #ccc; }
.jfontsize-button:hover { text-decoration: none; background: #333; color: #fff; border: solid 1px #333;}
.jfontsize-disabled, .jfontsize-disabled:hover { color: #aaa; border: solid 1px #eee; background: #eee; } 

/* bockui */
.loading-image { background-color:red; background: transparent url('/img/progress-indicator-alpha.gif') no-repeat center center; } 
/* jquey ui*/
.ui-resizable-helper { border: 2px dotted #00F; }
.ui-dialog .ui-dialog-buttonpane { font-size:12px; margin:2px; padding:2px;  }
.ui-dialog .ui-widget-header { font-size:12px; }

/* addanother */
.deleterow { cursor:pointer; }
/* jqgrid celss con jqgRZ en click agrandan a su contenido de longtext's/fckeditor */
.jqgRZ  {padding-top:0px;margin-top:0px;white-space:pre-wrap;}
.jqgRL  {padding-top:0px;margin-top:0px;}
.jqgRS  {padding-top:0px;margin-top:0px;max-height:16px;overflow:hidden;}
.jqgRS ol,ul,li,p,div {padding-top:0px;margin-top:0px;}
table.ui-jqgrid-btable tr.jqgfirstrow td { border: none; }
table.ui-jqgrid-btable { height: 1px; }
/* datepciker */
#ui-datepicker-div { display: none; }

/* Grids codigo de colores para renglones */




/* Tablero de status y semaforos */
DIV.semaforo {margin-left:auto;margin-right:auto;align:center;display:table;}
OL.semaforo {border: 1px red solid; align:left;padding-right:18px;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888
} 
OL.semaforo LI {margin-bottom:8px;margin-top:8px;}
IMG.semaforo {vertical-align:middle;}

#mnublackwhite{ height:37px; display:block; padding:0; margin: 0;  border:1px solid; border-radius:5px; position:relative; z-index:10000; } 
#mnublackwhite > ul {list-style:inside none; padding:0; margin:0;} 
#mnublackwhite > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; z-index:10000;} 
#mnublackwhite > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#mnublackwhite > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#mnublackwhite > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#mnublackwhite ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#mnublackwhite > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#mnublackwhite > ul > li.has-sub:hover > a:before{top:19px;} 
#mnublackwhite ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#mnublackwhite ul li.has-sub:hover > ul, #mnublackwhite ul li.has-sub:hover > div{display:block;} 
#mnublackwhite ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#mnublackwhite ul li > ul, #mnublackwhite ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#mnublackwhite ul li > ul{width:200px;} 
#mnublackwhite ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#mnublackwhite ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
#mnublackwhite, #mnublackwhite > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); } 
#mnublackwhite{border-color:#000;} 
#mnublackwhite > ul > li > a{border-right:1px solid #000; color:#fff;} 
#mnublackwhite > ul > li > a:after{border-color:#444;} 
#mnublackwhite > ul > li > a:hover{background:#111;}

.rojo_blanco {background-color: white; color:red;}
.negro_blanco {background-color: white; color:black;}
.azul_blanco {background-color: white; color:blue;}
.negro_amarillo {background-color: black; color:yellow;}