body {
	font-family:           Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size:             30px;
	margin:                0px;
    color:                 #616161;
    background-attachment: scroll;
    background-clip:       border-box;
    background-color:      #eef0f1;
    background-image:      url(../img/bg.png);
    background-origin:     padding-box;
    bottom:                0px;
    /*background-repeat:     repeat-x;*/
}

a:active, a:link, a:visited {
	color:             #0D5798;    
}
a:hover {
	color:             #8CAFCD;
}

input, textarea {
	border:            1px solid #BBBBBB;
	font-size:         13px;
	background:        #E9E9E9;
	color:             black;
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
}

select{
	font-size:         13px;
}

input[type='submit'], input[type='button'] {
	/*background:        #4477AA;
	color:             #F2F2F2;
	margin:            5px;
	border:            1px #E5E5E5 outset;
	font-size:         13px;
	font-weight:       bold;
	*/
	
	margin: 5px;
	
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% Arial, Helvetica, sans-serif;
	font-weight:       bold;
	/*padding: .5em 2em .55em;*/
	padding-top: .1em;
	padding-bottom: .2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	
	
	
}

input[type='submit']:hover, input[type='button']:hover {
    /*border-style:       inset;
    background:         #5A8CBF;
    color:              white;
    cursor:             pointer;*/
    
    text-decoration: none;
    background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

input[type='submit']:active, input[type='button']:active {
    position: relative;
	top: 1px;
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	
}

input[type='button']:focus, input[type='submit']:focus {
	color: #e8f0de;
	border: solid 1px #2860a0;
	background: #2860a0;
	background: -webkit-gradient(linear, left top, left bottom, from(#2860a0), to(#7bade5));
	background: -moz-linear-gradient(top,  #2860a0,  #7bade5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2860a0', endColorstr='#7bade5');
}

.tableControl, .actionButtons {
	width:             100%;
}

.tableControl a {
	padding-left:      10px;
}

.tableControl {
	text-align:        right;
}

.footer {
	position:          fixed;
	width:             auto;
	height:            18px;
	top:               auto;
	right:             0;
	bottom:            0;
	left:              0;
	
	-moz-box-shadow: 0px -3px 15px #888;
	-webkit-box-shadow: 0px -3px 15px #888;
	box-shadow: 0px -3px 15px #888;
	
	border-top: 1px solid #6699FF;
}

.header {
	position:          fixed;
	width:             auto;
	height:            32px;
	top:               0em;
	right:             0;
	left:              0;
	-moz-box-shadow: 0px 3px 10px #888;
	-webkit-box-shadow: 0px 3px 10px #888;
	box-shadow: 0px 3px 10px #888;
	
	border-bottom: 1px solid #6699FF;
}

.headerTitulo {
	position:          fixed;
	width:             400px;
	height:            18px;
	top:               38px;
	right:             35%;
	-moz-box-shadow: 0px 3px 10px #888;
	-webkit-box-shadow: 0px 3px 10px #888;
	box-shadow: 0px 3px 10px #888;
	
	padding-top: 4px;
	vertical-align: middle;
	
	-moz-border-radius-bottomright: .2em;
	-moz-border-radius-bottomleft: .2em;
	border-bottom-right-radius: .2em;
	border-bottom-left-radius: .2em;
	-webkit-border-bottom-right-radius: .2em;
	-webkit-border-bottom-left-radius: .2em;
	
	color: #335599;
	font-weight: bold;
	
	
	background-image: url(../img/bgHeaderTitulo.png);
	
}

.rich-table {
    width:             100%;
}

.tabla{
	border-radius:         10px;
    -moz-border-radius:    10px;
    border: 2px solid green; 
	
	}

h1 {
	/*font-family:       Arial,sans-serif;*/
	color:             #578BB8;
	font-size:         1.8em;
	margin-top:        0;
}

.body {
	padding: 0px 0px 10px 20px;
}

.columnHeader:hover
{
    color: #FF6600;
}

.messageEstatico {
	border: 1px solid #FFCC00;
	background-color:  #F3EC77;
	font-size:13px;
	border-radius:         .2em;
    -moz-border-radius:    .2em; 
    -webkit-border-radius: .2em;
}

.messageLocal {
	border: 1px solid #FFCC00;
	background-color:  #F3EC77;
	font-size:         0px;
	border-radius:         .2em;
    -moz-border-radius:    .2em; 
    -webkit-border-radius: .2em;
    visibility: hidden;
    height: 0px;
    animation: animacionMessageLocal 7s;
    animation-timing-function: ease-out;
    
	-moz-animation: animacionMessageLocal 7s; /* Firefox */
	-moz-animation-timing-function: ease-out;
	
	-webkit-animation: animacionMessageLocal 7s; /* Safari and Chrome */
	-webkit-animation-timing-function: ease-out;
    
}


.message {
	border: 1px solid #FFCC00;
	background-color:  #F3EC77;
	font-size:         0px;
	border-radius:         .2em;
    -moz-border-radius:    .2em; 
    -webkit-border-radius: .2em;
    visibility: hidden;
    height: 0px;
    z-index: 100;
    
    position: fixed; top: 5em; right: auto; left:0; width: 100%; 
    
    animation: myfirst 7s;
    animation-timing-function: ease-out;
    
	-moz-animation: myfirst 7s; /* Firefox */
	-moz-animation-timing-function: ease-out;
	
	-webkit-animation: myfirst 7s; /* Safari and Chrome */
	-webkit-animation-timing-function: ease-out;
}



@keyframes myfirst
{
0% {min-height: 30px;height: 25px;visibility:visible;padding-left: 155px; padding-top: 14px;padding-bottom:10px;margin-top:5px;margin-bottom:5px;font-size:13px;top: 2em;z-index: 100; }
90% {min-height:30px;height: 25px;visibility:visible;padding-left: 155px; padding-top: 14px;padding-bottom:10px;margin-top:5px;margin-bottom:5px;font-size:13px;top: 2em;z-index: 100; }
}

@-moz-keyframes myfirst /* Firefox */
{
0% {min-height: 25px; height: 25px;visibility:visible;padding-left: 155px; padding-top: 14px;padding-bottom:10px;margin-top:5px;margin-bottom:5px;font-size:13px;top: 2em;z-index: 100; }
90% {min-height:25px; height: 25px;visibility:visible;padding-left: 155px; padding-top: 14px;padding-bottom:10px;margin-top:5px;margin-bottom:5px;font-size:13px;top: 2em;z-index: 100; }
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0% {min-height: 17px;visibility:visible;padding-left: 60px; padding-top: 14px;padding-bottom:10px;margin-top:5px;margin-bottom:5px;font-size:13px;top: 2em;z-index: 100; }
90% {min-height:17px;visibility:visible;padding-left: 60px; padding-top: 14px;padding-bottom:10px;margin-top:5px;margin-bottom:5px;font-size:13px;top: 2em;z-index: 100; }
}


@keyframes animacionMessageLocal
{
0% {min-height: 17px;visibility:visible;padding:5px;margin-top:5px;margin-bottom:5px;font-size:13px;}
90% {min-height:17px;visibility:visible;padding:5px;margin-top:5px;margin-bottom:5px;font-size:13px;}
}

@-moz-keyframes animacionMessageLocal /* Firefox */
{
0% {min-height: 17px;visibility:visible;padding:5px;margin-top:5px;margin-bottom:5px;font-size:13px;}
90% {min-height:17px;visibility:visible;padding:5px;margin-top:5px;margin-bottom:5px;font-size:13px;}
}

@-webkit-keyframes animacionMessageLocal /* Safari and Chrome */
{
0% {min-height: 17px;visibility:visible;padding:5px;margin-top:5px;margin-bottom:5px;font-size:13px;}
90% {min-height:17px;visibility:visible;padding:5px;margin-top:5px;margin-bottom:5px;font-size:13px;}
}












.name {
	vertical-align: top;
	font-weight: bold;
	width: 125px;
	float: left;
	padding: 2px;
	clear: left;
}
.value {
	vertical-align: top;
	float: left;
	padding: 2px;
}

.error {
	float: left;
	padding: 2px;
}
.errors {
	color: red;
	vertical-align: middle;
}
img.errors {
	padding-right: 5px;
}
.errors input {
	border: 1px solid red;
}
.errors textarea {
	border: 1px solid red;
}

.required {
	color: red;
	padding-left: 2px;
}

.rich-stglpanel-body {
	overflow: auto;
}


.menu{
	position:			fixed;
	/*top:				60px;*/
	width:				191px;
	height:				1150px;
	float:				left;
	/*background-color:   #ecf4fe;*/
}
.central{
	margin-left:		0px;
	width:				auto;
	height:				auto;
	padding:			50px 10px 30px 0px;
}
img{
	border:0px;
}

.rich-table-footercell {
	background-color: #ECF4FE;
}


.rich-stglpanel-header, .rich-panel-header {
	border: 1px solid #4297d7;
	background: #5c9ccc url(menu/theme/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight:                bold;
	font-size:                  14px;
    border-radius:              .3em;
    -moz-border-radius:         .3em;
    padding:                    4px;
}

.richstglpanel-headerUsuariosEditando, .richpanel-headerUsuariosEditando {
	border: 0px solid #4297d7;
	background: #6600CC;
	background-color: #6600CC;
	border-radius:              0px;
    -moz-border-radius:         0px;
	color:white; 
	font-weight:                bold;
	font-size:                  11px;
    padding:                    4px;
}

.rich-panelUsuariosEditando {
    border-radius:              0px;
    -moz-border-radius:         0px;
    font-size:                  11px;
    padding:                    0.4em;
	background-color:           #6600CC;
	background: #6600CC;
	border: 0px solid #4297d7
}



.rich-panel, .rich-stglpanel, .rich-stglpanel-body {
    border-radius:              .3em;
    -moz-border-radius:         .3em;
    font-size:                  13px;
    padding:                    0.4em;
	background-color:           #fbfbfb;
}

.dr-table-cell, .dr-table-subheadercell{
	font-family:                Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size:                  13px;
}


.prop {
	font-size:                  13px;
}

.globalSearch {
	-moz-border-radius:		5px;
	background-image:		url('../img/buscar2.png');
	background-repeat:		no-repeat;
	border-radius:			5px;
	height:					20px;
	padding-left:			20px;
	color:					gray;
}

#stmarl{
float:left;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#444444;
padding-top: 3px;
padding-left: 3px;
}
#stmarl a:hover{
color: #777777;
}
#stmarr{
float:right;
text-align: right;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#444444;
padding-top: 3px;
padding-right: 5px;
}
#stmarr a:hover{
color: #777777;
}


.rich-mp-content, .dr-mpnl-ovf-hd, .dr-mpnl-trim, .dr-mpnl-pnl{
	 padding:0px;
	 border-width: 1px;
	/*border: 2px solid black;*/
	
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em;
	padding-bottom: 5px;
	
	}
	
.dr-mpnl-shadow, .rich-mpnl-shadow{
	width: 0px; height: 0px;
	visibility: hidden;
	}	
	
	
.dr-mpnl-header .rich-mpnl-header-cell{
	padding:0px; margin:0px;
	
	-moz-border-radius-topright: .4em;
	-moz-border-radius-topleft: .4em;
	border-top-right-radius: .4em;
	border-top-left-radius: .4em;
	-webkit-border-top-right-radius: .4em;
	-webkit-border-top-left-radius: .4em;
	
	}	
	
.dr-mpnl-pnl-h, .rich-mpnl-header {
	margin:0px; height:13px; padding-top:5px;
	background-image: none;
	
	-moz-border-radius-topright: .4em;
	-moz-border-radius-topleft: .4em;
	border-top-right-radius: .4em;
	border-top-left-radius: .4em;
	-webkit-border-top-right-radius: .4em;
	-webkit-border-top-left-radius: .4em;
	
	
	}	


.divFlotanteBotones {
	    position: fixed;
	    margin-left: -100px;
	    left: 50%;
	    width:  auto;
	    height: 50px;
	    border: 1px solid #bbb;
	    background-color: white;
	    padding-top: 10px;
	    padding-left:135px; 
	    
	    top:               auto;
		right:             0;
		bottom:            15px;
		left:              0;
}

.divFullscreenButton{
	float: right;
	position: relative; 
	top: -236px;
	padding-right: 4px;
}

.modalPanelStatus{
	-moz-border-radius: 8px; 
	border-radius: 8px;
	background-color: #6fa7d1;
	border-color: #5991bc; 
}

.modalPanelStatusText{
	float: left; 
	font-size: 13pt; 
	font-weight: bold; 
	color: #f4f4f4; 
}

.divMensajesNotificacion{
	background-image: url(../img/chat_bubble.png);
	background-color: transparent;
	width: 20px;
	height: 20px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% Arial, Helvetica, sans-serif;
	font-weight:       bold;
	/*padding: .5em 2em .55em;*/
	padding-top: .1em;
	padding-bottom: .2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	
	color: #faddde;
	
	
}

.porValidar{
			background-color: #616161;
			color: white;
			-webkit-border-radius: .2em; 
			-moz-border-radius: .2em;
			border-radius: .2em;
			font-size: 8pt;
			font-weight: bold;
			line-height: 15px;
			padding-left:2px;
			padding-right: 2px;
			vertical-align: bottom;	
		}
	
.deltaCheckOk::before {
   /* content: "\1D6AB";*/
   content: "\225C";
}

.deltaCheckNotPassed::before {
    content: "\2359";
}