/*
	FCP Consulting
	Author: Andres Hernan Bloise
	URL: http://www.fcpconsulting.com/
	Version: 1.0.0
	
	Designed & Css D.G. Andres Hernan Bloise 
	Reseteo: reset.css
	
*/
 
.txt-izq { text-align:left; }
.txt-cen { text-align: center; }
.txt-der { text-align: right; }



/*  L O G I N   
    ........................................................................................................................................ */

.content_login { 
	background-color: #fff;
	/* border: 1px solid #eee; */
	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding:30px 20px 20px 20px;
	width:215px;
	
	margin:100px auto;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	
}

.login_table td {
	font:normal 14px/15px Arial, Helvetica, sans-serif; color:#fff;
	padding:3px 0 0px 0;
	}

.login-error {
	display: block;
	background-color: #9e2791;
 	color: #fff;
 	font: normal 11px/13px Arial, Helvetica, sans-serif;
 	padding:4px 3px;
 	text-align: center;
	}


/*  E T I Q U E T A S 
    ........................................................................................................................................ */



p { font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;}
strong { font: Arial, Helvetica, sans-serif; font-weight:bold; }
div { font:Arial, Helvetica, sans-serif; color:#000; text-align: left; }
body { margin:0; font:normal 11px/20px Arial, Helvetica, sans-serif; color:#000; width:100%; background-image:url(../images2/bg-body.png); 	background-repeat: repeat; background-position:bottom;  }
.bg_body { background-color:#eeeeee;  overflow: scroll; /* overflow-x: hidden; */ } 


.txt_black-big { font:bold 16px/18px Arial, Helvetica, sans-serif; color:#000; margin: -10px 0 5px 0 }
.txt_black-big-big { font:bold 21px/23px Arial, Helvetica, sans-serif; color:#000; margin: -10px 0 0 0 }

.content_panel-izq talbe .txt_black-big-big { margin:3px 0 0 0; }

/*  C S S  G E N E R A L  
    ........................................................................................................................................ */
	
.clear { clear:both }
#box { 
	display:block; position:relative;
	padding:0px; 
	margin:0 auto;
	background-color: #fff;
	}

.sector-1 { float: left; width: 0 auto; }
.sector-2 { float: left; width:9px; background-color:#000; }

/* Alerts */

.alert-red {
	background-color: #F40000;
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#fff;
	text-transform: uppercase; text-align:center;
	padding: 6px 0 4px; border-bottom: 1px solid #fff; vertical-align: middle;
	}
	
.alert-red img {
	vertical-align: middle;
	margin: -4px 5px  0;
}

/*  T Y P O  &  L I N K S  
    ........................................................................................................................................ */

a:link, a:visited, a:hover, a:active {
	color: #9E3A93;
}
a:hover { text-decoration:none; }

.titular_22_negro { font:bold 22px/18px Arial, Helvetica, sans-serif; color:#000; padding:5px 0 5px 0; }
.titular_18_azul { font:bold 18px/22px Arial, Helvetica, sans-serif; color:#000; padding:0 0 5px 0; }
.text_label { font:bold 11px/17px Arial, Helvetica, sans-serif; color: Gray;}

/*  T A B L E R O   
    ........................................................................................................................................ */
    
.content_tablero { background-color: #fff; width:98%; padding: 1%; margin: 20px 0 0 0; border-spacing:0px 10px; border-collapse: separate; 
                   font:normal 12px/17px Arial, Helvetica, sans-serif; color:#959696;}
.content_tablero td { border-bottom:1px dotted #cccccc; height:20px; }   
.content_tablero tr { vertical-align: top  }  

/*  H E A D E R  
    ........................................................................................................................................ */

#header { 
	display:block; position:relative;
	padding:10px 3%; 
	margin:0;
	height: 50px;
	background-color: #2d2f8f;
	}

.header_logo {
	display:block; position:relative; float:left;
	padding:0px; 
	margin:6px 0 0 0;
	height:50px;
	}

.header_login {
	display:block; position:relative; float: right;
	padding:0px; 
	margin:0px 0 0 0;
	height:18px;
	}

.sesion {
	display:block; position:relative; float: right;
	padding:0; 
	margin:3px 0 0 0;
	}

    .sesion ul li {
	    display:inline; float: right;
	    padding: 3px;
	    margin:0 0 0 10px;
	    }
    .sesion ul li a { color: #b0afaf; height: 14px; text-decoration:none; font-weight:bold;}
    .sesion ul li a:hover { color: #fff; text-decoration:none; font-weight:bold;}

.user {
	display:block; position:relative; float: right;
	padding: 3px 3px 3px 35px;
	margin:3px  0 0 10px;
	color: #fff;
	background-image:url(../images2/ico_admin.png); background-repeat:no-repeat; background-position:top left;
	}

	
/*  M E N U   
    ........................................................................................................................................ */


	
#menu { 
	display:block; position:relative;   
	padding:0px; 
	margin:0; 
	}

.menu-uno, .menu-dos, .menu-tres { 
	display:block; 
	position:relative;
	padding:8px 3% 0;
	height: 21px;
	background-image:url(../images2/bg_menu.png); 
	background-repeat:repeat-x; 
	background-position:bottom;
	}

.menu-uno {	background-color:#2d2f8f; }
.menu-dos { background-color:#9e2791; }
.menu-tres { background-color:#bf46b2; }

.menu-uno .li-uno, .menu-dos .li-dos, .menu-tres .li-tres {
	position:relative;
	padding: 5px 7px;
	margin:3px 4px 0 0;
	height: 19px;
	background-image:url(../images2/bg_menu.png); background-repeat:repeat-x; background-position:bottom;
	border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor: pointer
	}
.li-uno {
	background-color:#262777; 
	color:#fff;
	}
.li-uno:hover, .li-uno-active { 
	background-color: #9e2791;
	background-image: none;
	color:#fff;
	padding: 5px 7px;
	margin:3px 4px 0 0;
	height: 17px;
	border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor: pointer
	}

.li-dos {
	background-color:#9e2791;
	color:#fff; 
	}
.li-dos:hover, .li-dos-active { 
	background-color: #bf46b2;
	background-image: none;
	color:#fff;
	padding: 5px 7px;
	margin:3px 4px 0 0;
	height: 17px;
	border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor: pointer
	}

.li-tres {
	background-color:#bf46b2; 
	color:#FFF;
	}
.li-tres:hover a, .li-tres-active a  {
	color:#000; text-decoration: none;
	}
.li-tres:hover, .li-tres-active  { 
	background-color: #eeeeee;
	background-image: none;
	color:#000;
	text-shadow: none;
	padding: 5px 7px;
	margin:3px 4px 0 0;
	height: 17px;
	border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor: pointer
	}

.li-tres a {
	color:#FFF;
	text-decoration: none;
	}
.li-tres a:hover {
	color:#000;
	text-decoration: none;
	}
.li-tres:hover a {
	color:#000;
	text-decoration: none;
	}


/*  D E S P L E G A R  Y  M E N U  D E R E C H A  C O L A P S A B L E
    ........................................................................................................................................ */
    
.desplegar-horizontal {
    display:block; position:relative;  
    width:100%;
    margin:0;
    height: 9px;
    border-top: 1px solid #fff;
    background-image: url(/images2/desplegar-horizontal_bg.png); background-repeat:repeat-x; background-position:top;
    }
    .desplegar-horizontal_btn  {
        width:50px;
        height:9px;
        margin: 0 auto;
        cursor:pointer;
        }

.table-contenedor {
    display: block; width:98%; margin: 0 0 0 2%
    }

.desplegar-vertical {
    display: inline; float: right; position: relative;
    width:1%;
    height: 100%;
    min-height: 1000px;
    min-width: 9px;
    margin: -9px 0 0 0;
    background-image: url(/images2/desplegar-vertical_bg.png); background-repeat:repeat-y; background-position: right;
    }
    .desplegar-vertical_btn  
    {
        position: absolute;
        top: 200px; right: 0;
        width:9px;
        height:50px;
        margin: 0 auto;
        cursor:pointer;
        }

.menu-derecha-colapsable {
    display: inline; float:right;
    width: 14%;
    padding: 0 1% ;
    height: 100%;
    min-height: 1000px;
    background-color: #eee/*#e3e2e2*/;
    margin: -9px 0 0 0;
    border-left: 1px solid #fff;
    }

.menu-derecha-colapsable .igg_Pager {
	border-top: none; padding:0;
	background-image: none; background-color: #eee;
	}
	
.menu-derecha-colapsable .ig_Item { background-color: #EEE; border:none; }
.menu-derecha-colapsable tbody.igg_Item > tr > td { background-color: #EEE; border:none; }

.md-acceso { display:block; float: left; width: 92%; padding:4px 4%;  }
.md-ico { display:inline; float: left; width: 16%;}
.md-link { display:inline; float: left; width: 84%; line-height: 13px; }

/*  C O N T E N T  
    ........................................................................................................................................ */
	
#main { 
	display: block; position:relative; float: left;
	width: 80%;
	padding:5px 0 20px; 
	margin:10px 1% 30px; 
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	}

.loading_progress {
	position:fixed;
	left: 50%;
	top: 50%;
    background-color:#444444;
    border: 1px solid #000;
    width: 32px;
    height: 32px;
    z-index:9999;
    padding: 10px;
    }

.loading_progress_empty {
	position:absolute;
	left: 50%;
	top: 0%;
    background-color:#444444;
    border: 1px solid #000;
    width: 32px;
    height: 32px;
    z-index:9999;
    padding: 10px;
    }
    
.block { 
	display:block; position:relative;
	padding:0; 
	margin:10px auto 0 auto;
	}
	
.content { 
	display:block; position:relative;
	padding:0; 
	margin:10px 0 0 0;
	}
	
/*  breadcrumbs  */
.breadcrumbs {
	display:inline; position:relative; float:left; width:50%;  
	padding:0; 
	margin:0px 0;
	color: #979696;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	}
span.breadarrow {
margin: 0 6px;
background: url(../images2/breadarrow.gif);
}

/*  help  */
.helpbar {
	display:inline; position:relative; float: right; width:50%;  
	padding:0; 
	margin:0px 0;
	text-align:right;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	}
.help {
	display:block; position:relative;
	margin:0 2%;
	padding: 5px 35px 5px 30px;
	background-color: #fff8cf;
	border: 1px solid #f6d000;
	font:normal 11px/20px Arial, Helvetica, sans-serif; color: #969595;
	background-image: url(/images2/ico_help-textarea.png); background-repeat: no-repeat; background-position: 9px 11px
	}
.btn_cerrar-help { background-image:url(/images2/ico_cerrar-help.png); background-repeat:no-repeat; width:10px; height:11px; }

/*  bar  */
.bar {
	display:inline; position: relative; float: right; width:25%;
	margin:0;
	padding:0;
	text-align: right;
	}
	
.bar-item  {
    display:inline; 
    position: relative; 
    float: right;  
    margin: 0 4px 0 0;
    }
.bar-item:hover  { opacity:0.8; cursor: pointer; }
	

/*  titular  */
.titular {
	display:inline; position:relative; float: left; width:75%;
	margin:0;
	padding:0;
	}

/*  content margin  */

.margin {
	margin: 15px 0 5px 0;
	}
	
/*  tabs  */

.tabs {
	height:30px;
	}
	
.tabs ul li a {
	display:inline; position:relative; float:left;
	padding: 3px 10px;
	margin:3px 4px 0 0;
	height: 21px;
	background-image:url(../images2/bg_menu.png); background-repeat:repeat-x; background-position:bottom; background-color:#ededed;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color: #959696;
	text-decoration:none;
	border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	
	}
.tabs ul li a.active, .tabs ul li a:hover { 
	background-color:#E8E8E8; background-image:none;
	}

/*  content grilla  */

.content_grilla {
	display:block; position: relative; float: left; width:98%;
	margin:0px 0 0 0;
	padding:1%;
	background-color:#e8e8e8;
	text-align: center;
	border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;	 
	/*border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;*/
	}
	

igg_FCPStyleSetItem tr:hover {
	/*background-color: #FFF8CF;*/
	background-color: #fbe76f;
	border: 1px solid #94c5f9;
	background-color: #fbe76f;
	border: 1px solid #94c5f9;
	}



.filtro  {
	border-spacing:5px; border-collapse: separate;
	}


/*  content detalle  */

.cabecera {
	display:block; position: relative; float: left; width:98%;
	margin:15px 0 0 0;
	padding:1%;
	background: whiteSmoke;
	border: 1px solid #E9E9E9;
	text-align: center;
	border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px; 
	font:normal 12px/17px Arial, Helvetica, sans-serif; 
	}


.cabecera table { border-spacing:5px; border-collapse: separate;
    height: 3px;
    width: 1%;
}

/*  F O O T E R  
......................................................................................................... */
	
#footer { 
	display:block; position:relative; float:left; width:100%;  
	padding:0; 
	margin:15px 0 ;
	text-align:center;
	}
	
#footer p { font:normal 10px/15px Arial, Helvetica, sans-serif; color:#9a9a9a; }

/*  F O R M S  
    ........................................................................................................................................ */

/* BTNS */

.btn_toolbar {
	background-color:#FFF; background-image:url(../images2/bg_btn_gris.jpg); background-repeat:repeat-x; background-position:bottom;
	border: 1px solid #cccaca;
	padding: 4px 12px;
	margin: 0 0 0 2px;
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#9e2791;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	cursor:pointer;
	-webkit-transition: border-color .4s ease;
	}

.btn_toolbar-volver {
	background-color:#FFF; background-image:url(../images2/btn_volver.gif); background-repeat: no-repeat; background-position: 7px 6px;
	border: 1px solid #cccaca;
	padding: 2px 10px;
	margin: 0 0 0 2px;
	font:bold 11px/15px Arial, Helvetica, sans-serif; color:#000;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	cursor:pointer;
	-webkit-transition: border-color .4s ease;
	float: right;
	}
	
.btn_toolbar:hover, .toolbar input:hover, .btn_toolbar-volver:hover  {
	border: 1px solid #979696;
	-webkit-box-shadow: 0 1px #CCC; -moz-box-shadow: 0 1px #ccc; box-shadow: 0 1px #ccc;
	}

.btn_buscar {
	background-color:#2d2f8f;
	border: 1px solid #262777;
	padding: 4px 12px;
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#fff;
	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;	
	cursor:pointer;
	-webkit-transition: border-color .4s ease;
	text-shadow: 0 1px 0 #262777;
	}

.btn_buscar:hover {
	border: 1px solid #9e2791;
	background-color:#262777;
	}

.igte_Button  {
       background-image: none; 
       background-image: url(../images2/bg_btn_gris.jpg); background-repeat: repeat-x; background-position: bottom;
       border: solid 1px #525252;
       background-color: #fff;
}

.div_adjuntar button {
	background-color:#2d2f8f;
	border: 1px solid #262777;
	padding: 4px 12px;
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#fff;
	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;	
	cursor:pointer;
	-webkit-transition: border-color .4s ease;
	text-shadow: 0 1px 0 #262777;
	} 
	

/* INPUTS */

.inputs {
    height:15px;
    width:350px;
	border: solid 1px lightGrey;
	border-top-color: #C9C9C9;
	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;	 
	padding: 2px 6px 3px 6px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
	}

.inputs_Obligatorio {
    height:15px;
    width:350px;
	border: solid 1px #9e2791;
	border-top-color: #9e2791;
	background-color: rgb(253, 239, 252);
	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;	 
	padding: 2px 6px 3px 6px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
	}
	
.selects  {
    height:22px;
    width:350px;
	border: solid 1px lightGrey; 
	border-top-color: #C9C9C9;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
	padding: 2px 2px 2px 6px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	overflow: hidden;
	-webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
	  }

.selects_Obligatorio  {
    height:22px;
    width:350px;
	border: solid 1px #9e2791; 
	border-top-color: #9e2791;
	background-color: rgb(253, 239, 252);
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
	padding: 2px 2px 2px 6px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	overflow: hidden;
	-webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
	  }

.inputs:active, .inputs:focus, .inputs:hover { border: solid 1px #7a7a7a; }
.selects:active, .selects:focus, .selects:hover { border: solid 1px #7a7a7a; }

.ingreso_ayuda  {
    background-color:#FFF8CF; background-image:none; 
    outline:0; border:none; width:100%; 
    font:normal 11px/20px Arial, Helvetica, sans-serif; 
    color: #000;  
    }

/* INPUTS DE INFRA */

.igte_Edit {
	border: solid 1px lightGrey;
	border-top-color: #C9C9C9;
	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;	 
	padding: 2px 6px 3px 6px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
	}

.igte_Edit_Obligatorio {
	border: solid 1px #9e2791;
	border-top-color: #9e2791;
	background-color: rgb(253, 239, 252);
	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;	 
	padding: 2px 6px 3px 6px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
	}

.igte_EditWithButtons {
    border: solid 1px lightGrey; 
	border-top-color: #C9C9C9;
	height:22px;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
	padding: 0px 2px 0px 6px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	overflow: hidden;
	-webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
    }

.igte_EditWithButtons_Obligatorio {
    border: solid 1px #9e2791;
	border-top-color: #9e2791;
	background-color: rgb(253, 239, 252);
	height:22px;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
	padding: 0px 2px 0px 6px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	overflow: hidden;
	-webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
    }
 
.igdd_ControlArea {
    border: none;
}
.ig_Control  {
    font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
    background-color: inherit;
    }

.igdd_ValueDisplay{
    border: solid 1px lightGrey; 
	border-top-color: #C9C9C9;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
	padding: 3px 10px 3px 10px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	overflow: hidden;
	-webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
	background-color: #fff;
    }

.igdd_ValueDisplay_obligatorio  
{
    background-color: rgb(253, 239, 252);     
    border: solid 1px #9e2791;
	border-top-color: #9e2791;
}

.igdd_ControlFocus { border: none; }
.igte_Edit:active, .igte_Edit:focus, .igte_Edit:hover { border: solid 1px #9e2791; }
.igte_EditWithButtons:active, .igte_EditWithButtons:focus, .igte_EditWithButtons:hover { border: solid 1px #7a7a7a; }
.igdd_ValueDisplay:active, .igdd_ValueDisplay:focus, .igdd_ValueDisplay:hover { border: solid 1px #9e2791; }
.FCPDateTimeBoxObligatorio { background-color: rgb(253, 239, 252); }
/*.FCPWebDropDownObligatorio { background-color: rgb(253, 239, 252); }*/
.igdd_ListItem {font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000; }
.igte_EditInContainer_Obligatorio { font:normal 11px/15px Arial, Helvetica, sans-serif; background-color:rgb(253, 239, 252); border: #429efd}	
.FCPDateTimeBox { background-color: #fff; }
.textfield  { /*background-color: #fff;*/ }

/*  P A N E L S
    ........................................................................................................................................ */

/* FCP PANEL*/

.fcpanel { width: 100%;	padding:0 0px 0 0px; margin: 0 auto 15px auto;}

.fcppanel_cabecera {
	background-color: #858585;
	text-shadow: 0 1px 0 #5f5f5f;
	width: 98%;
	font:bold 14px/18px Arial, Helvetica, sans-serif; color:#fff;
	padding: 5px 15px 5px 15px;
	text-align: left;	
	border-bottom: 1px solid #ffffff;
	border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
}



.fcppanel_cabecera-search {
	background-color: #013B77;
	width: 98%;
	font:bold 14px/18px Arial, Helvetica, sans-serif; color:#fff;
	padding: 5px 15px 5px 15px;
	text-align: left;
	text-shadow: 0 1px 0 #013B77;
	border-bottom: 1px solid #ffffff;
	border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	/*cursor: pointer;*/
}

.fcpanel_contenido {
	/*width: 98%;*//* lo saque no lo creo necesario */
	padding: 5px;
	background-image: url(../images2/bg_fcppanel.png); background-position: top; background-repeat: repeat-x;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#9a9a9a;
	background-color:#f5f5f5;
	border:1px solid #e5e5e5;
}

.centerpanel { margin: 0 auto 15px auto;  }

.fcpanel_contenido-vacio {
	padding: 0px;
	background-image: none;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#9a9a9a;
	background-color:#fff;
	border:none;
}

/*** VER IMPORTANTE **/
/*   .fcpanel_contenido table { border-spacing: 3px; }  */

/* TOOLBAR */

.toolbar {
	background: none repeat scroll 0 0 whiteSmoke;
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	padding: 7px 0 7px 0;
	margin: 5px 0 10px;
	width:100%;
	text-align: left;
	}

table.toolbar tr td {
    border-spacing: 0;
    border-collapse: separate;
}

.toolbar-interior {
	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	padding: 7px 0 7px 0;
	margin: 20px 0;
	width:100%;
	text-align: left;
	}

table.toolbar-interior tr td {
    border-spacing: 0;
    border-collapse: separate;
}

.toolbar_alert { float: left; position:relative; display: inline;  }
.toolbar_alert img { vertical-align:middle; }

/* GRILLA */

.igg_Control  {
	width:100%;
	border:1px solid #cccccc;
	border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	}
	
.igg_HeaderCaption {
	width: 98%;
	font:bold 11px/16px Arial, Helvetica, sans-serif; color:#ffffff;
	padding: 5px;
	text-align: left;
	background-color: #858585;
	text-shadow: 0 1px 0 #5f5f5f;
	}

.igg_Pager {
	border-top: 1px solid #CCC;
	width: 100%;
	padding: 7px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #959696;
	text-align: center;
	background-image: url(../images2/bg_btn_gris.jpg); background-repeat: repeat-x; background-position: bottom; background-color: white;
	}

.igg_Header {
	background-color: #858585;
	text-shadow: 0 1px 0 #5f5f5f;
	background-image: none;
	border-bottom: 1px solid #ffffff;
	border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	}

tbody.igg_Item > tr > td { 
	font:normal 11px/16px Arial, Helvetica, sans-serif; color:#4c4c4c;
	padding: 1px 5px;
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	text-align: left;
	}
.NotaCreditoTotalCss{ 
	color:#FF000A !Important;
	}
.NotaCreditoParcialCss{ 
	color:#0A00FF !Important;
	}

tbody > tr.igg_Alt > td {
	font:normal 11px/16px Arial, Helvetica, sans-serif; color:#4c4c4c;
	padding: 1px 5px;
	border-top:solid 1px #e8e8e8;
	border-bottom:solid 1px #e8e8e8;
	background-color: #e8e8e8;
	text-align: left;
		}
		
tbody.igg_Item > tr:hover 
{
	background-color: #000;
	}

tbody tr td.igg_SelectedCell
{
	/*
	background-color:#FFF8CF;
	border-top:solid 1px #F6D000;
	border-bottom:solid 1px #F6D000;
	*/
	background-color: #2d2f8f;
	border-top:solid 1px #2d2f8f;
	border-bottom:solid 1px #2d2f8f;
	background-image: url(../images2/bg_menu.png);
	color: #fff;
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
}

/* Alineaciones de los campos y los headers para el webdatagrid */
.headerRigthAlign{

text-align: right;

}

tbody > tr > td.campoRigthAlign

{

text-align: right;

}

.headerCenterAlign{

text-align: center;
border-collapse:collapse;

}

tbody > tr > td.campoCenterAlign

{

text-align: center;

}

/* ULTRAWEBGRID */

.abc {
    /* border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; */
    font:bold 11px/16px Arial, Helvetica, sans-serif; color:#ffffff;
	padding: 5px;
	text-align: left;
	background-color: #858585;
	text-shadow: 0 1px 0 #5f5f5f;
    }


/* TABS */



.tab-border { border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right: 1px solid #ccc }

.igtab_FCPStyleSetTHTab { border-top-left-radius: 5px;  -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
.igtab_FCPStyleSetTHTail { border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; }
.igtab_FCPStyleSetTHTextHov, .igtab_FCPStyleSetTHTabHov, .igtab_FCPStyleSetTHCenterHov, .igtab_FCPStyleSetTHTailHov { cursor: pointer; background-image: none; } 
.igtab_FCPStyleSetTHHolder { height:32px; background-image: url(../images2/bg_bottom-tabs.gif); background-repeat:repeat-x; background-position: bottom; padding:0 2%; margin:0;   }
.igtab_FCPStyleSetTHContentHolder { padding:20px 20px 20px 20px; /* border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 2px solid #ccc; */ margin: 0;  }
.igtab_FCPStyleSetTHText { font: bold 11px Arial; color: #000; }
.igtab_FCPStyleSetTHCenter { 
	background-color: #E8E8E8;
	font-size: 22px;
	font-family: sans-serif;
	padding: 0px 1px 0px 1px;
	display: inline;
	position: relative;
	white-space: nowrap;
	line-height: 22px;
	overflow: hidden;
	text-align: center;
	} 

.igtab_FCPStyleSetTHTabSel, igtab_FCPStyleSetTHTail {
	background-image: url(../images2/bg_tabs.jpg); background-repeat:repeat-x; background-position: top;
	background-color: #fff;
	border-color: #CCC #CCC white;
	border-radius: 5px 5px 0 0;
	border-style: solid;
	border-width: 1px;
	}
	
.igtab_FCPStyleSetTHCenter {
	background-image: url(../images2/bg_tabs.jpg); background-repeat:repeat-x; background-position: top;
	background-color: #fff;
	}
.igtab_FCPStyleSetTHTail {
	background-image: url(../images2/bg_tabs.jpg); background-repeat:repeat-x; background-position: top;
	background-color: #fff;
	}
.igtab_FCPStyleSetTHTab {
	background-image: url(../images2/bg_tabs.jpg); background-repeat:repeat-x; background-position: top;
	background-color: #fff;
	border-color: #CCC #CCC white;
	border-radius: 5px 5px 0 0;
	border-style: solid;
	border-width: 1px;
	border-bottom: 1px solid #ccc;
	}

.igtab_FCPStyleSetTHTab { margin:0 10px 0 0px }

.igtab_FCPStyleSetTHTabSel { border-bottom: 1px solid #fff; }

.igtab_FCPStyleSetTHContent {  }

/* CALENDAR */

.igmc_Day { cursor:pointer }
.igmc_HoverDay { background-color:#9e2791; background-image:none; }
.igmc_FocusDay { background-color:#9e2791; background-image:none; }
.igmc_TodayDay { background-color:#013b77; background-image:none; }
.igmc_MonthYear, .igmc_HoverMonthYear { color:#fff; background-image:none; }
.igmc_Header { background-color:#9e2791; background-image:none; text-transform: uppercase; }
.igmc_HoverItem { background-color:#9e2791; background-image:none; }
.igmc_SelectedItem { background-color:#9e2791; background-image:none; }

.igmc_Control { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border: none; }

/* POP UP */

.igdw_ModalBackground {
    background-color: #000;
}

.igdw_HeaderCornerLeft {
    background-color: #9e2791;
    background-image: none;
    width: 9px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px;  -moz-border-top-left-radius: 5px;
}
.igdw_HeaderContent 
{
    font:bold 14px/18px Arial, Helvetica, sans-serif; color:#fff;
    text-align: left;
	text-shadow: 0 1px 0 #1374d9;
	border-bottom: 1px solid #ffffff;
	padding: 3px 15px 5px 5px;
    background-color: #9e2791;
    background-image: none;
    height: 25px;
}
.igdw_HeaderCornerRight {
    background-color: #9e2791;
    background-image: none;
    width: 9px;
    -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
}

.modal-alert .igdw_HeaderCornerLeft {
    background-color: #a01313;
    background-image: none;
    width: 9px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px;  -moz-border-top-left-radius: 5px;
}

.modal-msg .igdw_HeaderCornerLeft {
    background-color: #9e2791;
    background-image: none;
    width: 9px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px;  -moz-border-top-left-radius: 5px;
}

.modal-alert .igdw_HeaderContent 
{
    font:bold 14px/18px Arial, Helvetica, sans-serif; color:#fff;
    text-align: left;
	text-shadow: 0 1px 0 #000;
	border-bottom: 1px solid #ffffff;
	padding: 3px 15px 5px 5px;
    background-color: #a01313;
    background-image: none;
    height: 25px;
}

.modal-msg .igdw_HeaderContent 
{
    font:bold 14px/18px Arial, Helvetica, sans-serif; color:#fff;
    text-align: left;
	text-shadow: 0 1px 0 #000;
	border-bottom: 1px solid #ffffff;
	padding: 3px 15px 5px 5px;
    background-color: #9e2791;
    background-image: none;
    height: 25px;
}

.igdw_HeaderButtonArea {
	cursor: pointer;
	}
	
.modal-alert .igdw_HeaderCornerRight {
    background-color: #a01313;
    background-image: none;
    width: 9px;
    -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
}

.modal-msg .igdw_HeaderCornerRight {
    background-color: #9e2791;
    background-image: none;
    width: 9px;
    -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
}

.igdw_HeaderArea {
    background-color: transparent;
    font-weight: bold;
    border-width: 0px;
    height: 30px;
    cursor: default;
    color: white;
}

.dialog-content-pane  {
    border:1px solid #e5e5e5; 
    margin:10px 5px 5px 5px; padding:10px 0; 
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
    background-color:#fff;  
    }


/* POP UP BG */

.igdw_BodyEdgeLeft { background-image: none; border: none;background-image: url(../images2/bg_fcppanel.png);background-position: top; background-repeat: repeat-x; }
.igdw_BodyContentArea { background-image: none; border: none; background-color: whiteSmoke; background-image: url(../images2/bg_fcppanel.png);background-position: top; background-repeat: repeat-x; }
.igdw_BodyEdgeRight { background-image: none; border: none; background-image: url(../images2/bg_fcppanel.png);background-position: top; background-repeat: repeat-x; }

.igdw_BodyCornerBottomLeft { background-image: none; border: none; }
.igdw_BodyEdgeBottom { background-image: none; border: none; }
.igdw_BodyCornerBottomRight { background-image: none; border: none; background-color: whiteSmoke; }


/*  T A B L E R O  
    ........................................................................................................................................ */
	
.content_panel {
	display:block; position:relative; float:left; width:98%; padding:10px 1%;
	}

.content_panel-izq {
	display:block; position:relative; float:left; width:24%;
	text-align: left;
	}

.content_tablero-data {
	margin:0 0 8px 0;
	text-align: left;
	}

.content_panel-der {
	display:block; position:relative; float:right; width:75%;
	margin: 0 0 0 1%;
	}

.content_panel-registro-si, .content_panel-registro-no, .content_panel-registro-enproceso {
	width:96%; padding: 3% 2% 2% 2%;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	margin: 0 0 10px 0;
	}
	.content_panel-registro-si {
		background-color: #dff8c9; 	border: 1px solid #97d500;
		}
	.content_panel-registro-no {
		background-color: #fed6d9; 	border: 1px solid #e11c00;
		}
	.content_panel-registro-enproceso {
		background-color: #FFF8CF; 	border: 1px solid #F6D000;
		}

.content_procesos {
	display:block; position:relative; float:right; width:98%;
	padding: 1% 0;
	border:1px solid #e5e5e5;
	background-color:#FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	}
.content_proceso-individual {
	display:block; position:relative;
	margin:0 0 10px 0;
	padding: 0 1%; 
	}
	.content_proceso-individual table td {
	padding: 6px 0 6px 0;
	border-spacing: 0px;
	}

.content_proceso-individual table {
	border-spacing: 0px;
	}

.table_proceso-rojo td {
	background-color: #feeded;
	border-bottom: 1px solid #fff;
	} 
.table_proceso-verde td {
	background-color: #dbf8e3;
	border-bottom: 1px solid #fff;
	}
.table_proceso-gris td {
	background-color: #fff;
	border-bottom: 1px solid #f2f2f2;
	} 
.table_proceso-grisfondo td {
	background-color: #f5f5f5;
	border-bottom: 1px solid #fff;
	} 

.content_procesos_cabecera-roja, .content_procesos_cabecera-verde, .content_procesos_cabecera-gris {
	font:bold 14px/18px Arial, Helvetica, sans-serif; color:#000;
	padding: 5px 2% 5px 2%;
	text-align: left;
	text-shadow: 0 1px 0 #fff;
	border-bottom: 1px solid #ffffff;
	border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	/*cursor: pointer;*/
	margin:0;
}
.content_procesos_cabecera-roja {
	background-color: #f9e4e4;
}
.content_procesos_cabecera-verde {
	background-color: #d5f1e3;
}
.content_procesos_cabecera-gris {
	background-color:#429EFD; color:#fff; text-shadow: 0 1px 0 #7c7c7c;
}

/* GRILLA ANTECEDENTES */

/* deberķa borrar */
.grillas-antecedentes .igg_Header, .grillas-antecedentes .igg_HeaderCaption { background-color:#7abbfe; }

.grillas-antecedentes .igg_Control { border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-top-left-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; border-top: 0; margin: 0 auto;}


.data-antecedentes { background-color: whiteSmoke; border: 1px solid #E5E5E5; margin: 10px 2%; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: left; }
.data-antecedentes-item { display: inline; margin: 0 15px 0 0;}

/* GRILLA EN .fcpanel_contenido-vacio */

.fcpanel_contenido-vacio .igg_Header, .grilla_contenido-vacio .grillas-antecedentes .igg_HeaderCaption { background-color:#7abbfe; }
.fcpanel_contenido-vacio .igg_Control { border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-top-left-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; border-top: 0; margin: 0 auto;}


.ctl00ContentPlaceHolder1FCPFilterPanelPagedpnl div { text-align: center;}


/* CSS SWIPE */

body, html {
    height: 100%;
    margin: 0;
    overflow:hidden;
    font-family: helvetica;
    font-weight: 100;
}

.container {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition:  left 0.4s ease-in-out;
    -moz-transition:  left 0.4s ease-in-out;
    -ms-transition:  left 0.4s ease-in-out;
    -o-transition:  left 0.4s ease-in-out;
    transition:  left 0.4s ease-in-out;
}
.container.open-sidebar {
    left: 240px;
}
 
.swipe-area {
    position: absolute;
    width: 50px;
    left: 0;
	top: 0;
    height: 100%;
    background: #f3f3f3;
    z-index: 0;
}
#sidebar {
    background: #9e2791;
    position: absolute;
    width: 240px;
    height: 100%;
    left: -240px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.main-content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}
.main-content .content{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
width: 100%;
}

.main-content #sidebar-toggle {
    background: #9e2791;
    border-radius: 3px;
    display: block;
    position: relative;
    padding: 10px 7px 8px;
    float: left;
}
.main-content #sidebar-toggle .bar-left{
     display: block;
    width: 18px;
    margin-bottom: 3px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;   
}
.main-content #sidebar-toggle .bar:last-child{
     margin-bottom: 0;   
}


/* CSS MENU VERTICAL*/

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 240px;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 10px 10px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background: #36aae7;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
    
}
#cssmenu > ul > li > ul > li > a { font-weight: bold; }
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #eeeeee;
  background: #9e2791;
}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  cursor: pointer;
  padding: 6px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 12px;
  color: #eeeeee;
  background: #49505a;
  /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);*/
}

#cssmenu ul ul ul li a { background-color: #2d3138; }
#cssmenu ul ul ul li a { font-weight:normal }

#cssmenu ul ul ul li:hover > a,
#cssmenu ul ul ul li.active > a {
  background: #9e2791;
  color: #ffffff;
}

#cssmenu ul ul li a { font-weight:bold }


#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #2d3138;
  color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 6.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}

/* CSS chat */

.wa-content { width:96%; display:block; overflow:hidden; position:relative;}
.wa-mensajes { width:96%; display:block; position:relative; background-color: #D6C6A5; height:450px; padding:10px 2%; overflow-y:scroll; overflow-x:hidden; margin:0 0 10px 0; border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}

.wa-mensaje {display:block; width:100%; position:relative; margin:0 0 5px 0; padding:0 0 10px 0; float:left}
    .wa-mensaje-izq { width:6%; display:inline; float:left; margin:0 2% 0 0 }
        .wa-mensaje-izq img { float: right }
    .wa-mensaje-center { width:86%; display:inline; float:left }
    .wa-mensaje-der { width:6%; display:inline; float:left; margin:0 0 0 0 }
        .wa-mensaje-der img { float: left }

.wa-globo { display:block; width:96%; position:relative; padding:0.5% 1%;
            border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px;
            -webkit-box-shadow: 0px 7px 10px -5px #a3916a; -moz-box-shadow: 0px 7px 10px -5px #a3916a; box-shadow: 0px 7px 10px -5px #a3916a;
            }
    .wa-globo-gris { background-color: #FCFBF5}
    .wa-globo-amarillo { background-color: #FFEDB3}
    .wa-globo-verde { background-color: #EAFFD1}

    .wa-globo-level { width: 100%; display:block}
    .wa-globo-txt-user { font:bold 11px/20px Arial, Helvetica, sans-serif; color:#808080; }
    .wa-globo-txt-fecha { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#808080; }
    .wa-globo-txt-txt { font:bold 14px/17px Arial, Helvetica, sans-serif; color:#000; }

.wa-escribir { width:100%; display:block; position:relative; margin:10px 0 0 0 }
    .wa-escribir-izq { width:10%; display:inline; float:left; margin:0 2% 0 0 }
        .wa-escribir-izq img { float: right; max-width:100%;  height:auto }
    .wa-escribir-der { width:88%; display:inline; float:left; margin:0 0 0 0 }
    .wa-escribir-level { width: 100%; display:block}
    
    .wa-escribir-globo { display:block; width:97%; position:relative; padding:0.5% 1%;
            border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px;
            -webkit-box-shadow: 0px 7px 10px -5px #a3916a; -moz-box-shadow: 0px 7px 10px -5px #a3916a; box-shadow: 0px 7px 10px -5px #a3916a;
            border:1px solid #BFBFBF;
            margin:0 0 10px 0
            }
    .wa-escribir-input { border: none; width:100%; font:bold 14px/17px Arial, Helvetica, sans-serif; color:#000;  }

.btn_enviar 
{
    text-align:center;
	background-color:#2d2f8f;
	border: 1px solid #262777;
	padding: 4px 12px;
	font:bold 20px/24px Arial, Helvetica, sans-serif; color:#fff;
	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;	
	cursor:pointer;
	-webkit-transition: border-color .4s ease;
	text-shadow: 0 1px 0 #262777;
	}

.btn_enviar:hover {
	border: 1px solid #9e2791;
	background-color:#262777;
	}

.inputs_enviar {
    height:15px;
    width:350px;
	border: solid 1px lightGrey;
	border-top-color: #C9C9C9;
	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;	 
	padding: 2px 6px 3px 6px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(255,255,255,.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,.02),inset 0 1px 0 rgba(0,0,0,.04),inset 0 2px 0 rgba(0,0,0,.02),inset 1px 0 0 rgba(0,0,0,.04),inset -1px 0 0 rgba(0,0,0,.04);
	-webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#000;
	}

/* CSS default */

.default-content { width:96%; display:block; overflow:hidden; position:relative;}
.default-title { font:bold 14px/17px Arial, Helvetica, sans-serif; color:#000; margin: 10px 0; display:block }

.default-content-accesos { width:100%; overflow:hidden }
.default-content-accesos ul li { display:inline; float:left; width:91px; margin: 0 20px 20px 0; height:190px; padding:10px}
.default-content-accesos ul li:hover { background-color:#F2F2F2; border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
.default-content-accesos ul li div { font:bold 13px/15px Arial, Helvetica, sans-serif; color:#9e2791; margin:0 0 10px 0; text-align:center }

.default-content-templates { width:100%; overflow:hidden }
.default-content-templates ul li { display:inline; float:left; width:64px; margin: 0 20px 20px 0; height:140px;  padding:10px}
.default-content-templates ul li:hover { background-color:#F2F2F2; border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
.default-content-templates ul li div { font:bold 10px/12px Arial, Helvetica, sans-serif; color:#9e2791; margin:0 0 10px 0; text-align:center }

/* Repeater Acuerdos Legales*/

.rpt_HeaderAcuerdosLeft {
	width: 98%;
	font:bold 11px/16px Arial, Helvetica, sans-serif; color:#ffffff;
	padding: 1px 1px 1px 5px;
	text-align: left;
	background-color: #858585;
	text-shadow: 0 1px 0 #5f5f5f;
	height: 20px;
	border-top-left-radius: 5px; 
	-moz-border-top-left-radius: 5px; 
	-webkit-border-top-left-radius: 5px; 
	}
	
	.rpt_HeaderAcuerdosRight {
	width: 98%;
	font:bold 11px/16px Arial, Helvetica, sans-serif; color:#ffffff;
	padding: 1px 1px 1px 5px;
	text-align: left;
	background-color: #858585;
	text-shadow: 0 1px 0 #5f5f5f;
	height: 20px;
	border-top-right-radius: 5px; 
	-moz-border-top-right-radius: 5px; 
	-webkit-border-top-right-radius: 5px;
	}

.rpt_Item { 
	font:normal 11px/16px Arial, Helvetica, sans-serif; color:#4c4c4c;
	padding: 5px 5px;
	background-color: White;
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	text-align: left;
	height: 20px;
	}
	
.rpt_Item_Alt {
	font:normal 11px/16px Arial, Helvetica, sans-serif; color:#4c4c4c;
	padding: 1px 5px;
	border-top:solid 1px #e8e8e8;
	border-bottom:solid 1px #e8e8e8;
	background-color: #e8e8e8;
	text-align: left;
	height: 20px;
	}