body {
	background-color:#E2E2E2;    
	top:0px;
	left:0px;
	margin-top:0px;
	font-family:Arial, Helbetica, sans-serif;
	font-size:12px;
	color:#245C86;
}

.layout {
	 
	 min-height:400px;
	 background-color:#FBFBFB;
	 margin:auto;
}

.header {
	height:80px;      
	width:100%;    
	background-image:url('../images/fondo.png');
	background-repeat:repeat-x;         
}

.header-content {
	width:1050px;
	 margin:auto;
	 
}
.content-menu {   
   
	background-color:#588EB4;
	height:40px;
	text-transform:uppercase;
	font-size:11px;
	margin:auto;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	width:1050px;
}

.content {    
	padding:15px;   
	padding-top:0px;
	padding-bottom:60px;
	margin:auto;
	width:1050px;
	min-height:500px;
	
}

.logo {
	height:80px;
	width:400px;
	float:left;    
}

.logo-img {
	float:left;
	margin:20px 0 0 0px;
}

.logo-text {
	float:left;
	margin-top:35px;
	margin-left:20px;
	font-size:15px;
	font-weight:bold;
}

.header-action {
	height:40px;
	margin-top:35px;
	width:400px;
	float:right;
}

.header-action-item {
	width:auto;
	float:right;
	margin-left:10px;
}

.header-action-item a {
	 color:#3D90CB;
	text-decoration:none;
}

.header-action-item a:hover {
	 color:#FF770D;
	text-decoration:underline;
}



   

.header-action-text {
	width:auto;
	float:right;
	margin-left:10px;
	font-weight:bold;
}

.login-form {
	width:450px;
	margin:auto;
	margin-top:120px;
	margin-bottom:120px;
	background-color:#fff;
	border:1px solid #D0DFEA;
	border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	-webkit-border-radius: 9px 9px 9px 9px;
}

.login-header {
	background-image:url('../images/login.png');
	background-position:right;    
	background-repeat:no-repeat;
	background-color:#588EB4;
	color:#fff;
	height:30px;
	padding:15px;
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	text-transform:uppercase;
	border-radius: 9px 9px 0px 0px;
	-moz-border-radius: 9px 9px 0px 0px;
	-webkit-border-radius: 9px 9px 0px 0px;
}

.login-content {
	padding:20px;
}

.login-row {
	background-color:#E9F1F8;
	height:45px;
	width:auto;
	margin:10px 0;
	 border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;

}

.login-label {
	width:120px;
	float:left;
	text-indent:20px;
	line-height:45px; 
	font-weight:bold;   
}

.login-control {
	float:left;
	width:auto;
	line-height:45px;    
}

.controllogin {
	width:240px;
	background-color:#FAFCFE;
	height:24px;
	border:1px none;
	color:#5289B1;
	font-size:12px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	text-indent:10px;
	font-size:12px;
 }


.login-action {
	text-align:center;
	margin:auto;
	margin-top:20px;

}

.footer {    
	margin:auto;
	text-align:center;
	font-size:11px;
	color:#245C86;
	margin-top:10px;
}

.search-content {
	background-color:#EDF5FC;
	border:1px solid #D9E8F3;
	padding:15px;
	width:auto;   
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	margin-bottom:20px;
}

.search-content input[type='text'] {
	background-color:#fff;
	width:100px;
}

.search-content select {
	background-color:#fff;  
	width:150px;  
}

.form-title {
	font-size:20px;
	color:#3D90CB;
	text-align:center;
	width:auto;
	margin:25px 0 10px 0px;
}

.form-title-popup {
	font-size:12px;
	color:#fff;
	text-align:center;
	width:auto;
	margin:0px 0 10px 0px;
    background-color:#417AA7;
    height:26px;
    line-height:26px;
    font-weight:bold;    
    border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

.form-label {
	color:#4A97CE;
	font-weight:bold;
	float:left;
	margin-right:5px;
}

.form-control {
	float:left;
	margin-right:10px;
}

.form-action {
	float:left;
}

.form-action-r {
	float:right;
}

.form-enlace {
	float:right;
	text-align:right;
	margin-bottom:4px;
}

.form-enlace .enlace {
	float:right;
}

.form-enlace .enlace a {
	color:#3D90CB;
	text-decoration:none;
}

.form-enlace .enlace a:hover {
	color:#3D90CB;
	text-decoration:underline;
}

.form-enlace .sepacion {
	float:right;
	margin:0 10px;
}

.clear {
	clear:both;
}

.formulario {

}

.formulario-item {
	background-color:#D9E8F3;
	height:35px;
	width:auto;
	margin:10px 0;
	 border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

.formulario-label {
	color:#5289B1;
	font-weight:bold;
	width:120px;
	float:left;
	text-indent:15px;
	line-height:35px;    
}

.formulario-control {
	width:230px;
	float:right;
	line-height:35px;
	margin-right:15px;
}

.formulario-boton {
	text-align:center;
	width:auto; 
}

.formulario-control span button {
	margin-top:7px;
}

.popup-title {
	width:auto;
	border-bottom:2px solid #D9E8F3;
	line-height:30px;
}

.popup-title span {
	color:#3D90CB;
	font-size:15px;
	font-weight:bold;
}

.popup-text {
	margin:15px 0;
	color:#245C86;
}

.action-message
{
	margin-top:10px;
	background:#E8F6FF url('../images/ico-info.gif') no-repeat 10px 50%;
	border:2px solid #B8E2FB; 
	padding:10px;
	text-indent:30px;	
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

.action-error
{
	margin-top:10px;
	background:url("../images/ico-delete.gif") 10px 50% no-repeat;
	border:2px solid #FFAEAE; 
	background-color:#FEEBEB;
	padding:10px;
	text-indent:30px;	
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

.action-exito
{
	margin-top:10px;
	background:url("../images/ico-done.gif") 10px 50% no-repeat;
	border:2px solid #BBDF8D; 
	background-color:#EAF7D9;
	padding:10px;
	text-indent:30px;	
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

.action-alert
{
	margin-top:10px;
	background:url("../images/ico-warning.gif") 10px 50% no-repeat;
	border:2px solid #F2DD8C; 
	background-color:#FFF5CC;
	padding:10px;
	text-indent:30px;	
	 border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

.action-message ul, .action-error ul, .action-exito ul, .action-alert ul
{
    margin:0px;
    margin-left:20px;
}

.action-message ul li, .action-error ul li, .action-exito ul li, .action-alert ul li
{
    margin-left:0;
    text-indent:0px;
    padding-left:0px;
}

input[type=button], input[type=submit] {
	background-image:url('../images/fndboton.png');
	background-repeat:repeat-x;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	padding:0 10px;  
	cursor:pointer;
	height:25px;
	line-height:20px;
	padding-bottom:2px;
	border:1px solid #6CBCE8;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	margin-left:4px;
}

input[type=button]:hover, input[type=submit]:hover {
	background-image:url('../images/fndboton-hover.png');
	background-repeat:repeat-x;
	color:#ffffff;
	border-color:#7FB5D2;
}

select {
	width:220px;
	background-color:#F4F9FD;
	height:22px;
	border:1px none;
	color:#5289B1;
	font-size:11px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

select:hover {
	background-color:#FFFFD7;    
}

select:active {
	background-color:#FFFFD7;    
}

input[type=text] {
	width:220px;
	background-color:#F4F9FD;
	height:20px;
	border:1px none;
	color:#5289B1;
	font-size:11px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	text-indent:10px;
	font-size:12px;
}

.ui-autocomplete-input
{
    width:400px;
	background-color:#F4F9FD;
	height:20px;
	border:1px solid #A2C4FB;
	color:#5289B1;
	font-size:11px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	text-indent:10px;
	font-size:12px;
    margin-bottom:20px;

}

input[type=text]:active {
	background-color:#FFFFD7;  
}

input[type=password] {
	width:220px;
	background-color:#F4F9FD;
	height:20px;
	border:1px none;
	color:#5289B1;
	font-size:11px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	text-indent:10px;
	font-size:12px;
}

input[type=password]:active {
	background-color:#FFFFD7;  
}


.acciones-rigth {
	float:right;
	text-align:right;
	margin-bottom:15px;
}

.loading {
	display:none;
	width:200px;
	height:50px;
	padding:13px;
	background-color:#F2F8FD;
	border:3px solid #96BFDE;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-top:150px;
	margin-left:420px;    
	position:absolute;
	z-index:20000; 
}

.loading-image {
	width: 60px;
	float: left;
}

.loading-text {
	width:120px;
	float:left;
	color:#6797BA;
	font-weight:bold;
	line-height:50px;
	font-size:13px;
}

.resultado-stock {
	width:300px;
	text-indent:0;
	margin-left:40px;    
}

.resultado-copiar {
	width:350px;
	text-indent:0;
	margin-left:40px;  
	overflow-x: scroll;
	max-height:100px;
	text-wrap:none;
}

.resultado-copiar li {
	min-width:700px;
}

.resultado-copiar::-webkit-scrollbar {
	height:10px;
	width:10px;    
}

.resultado-copiar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #E8F6FF; 
	border-radius: 5px;
}

.resultado-copiar::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px  #E8F6FF;
	background-color:#B8E2FB 
}

.panel-popup {
	background-color:#fff;
	border-radius:6px 6px 6px 6px;
	box-shadow:0 0 25px 5px #999;
	color:#111;
	display:none;
	min-width:320px;
	padding:25px;
	position:absolute;
	z-index:1000;
	margin:5px;

}

.botoncerrar{
	background-color:#6BA9D0;
	border-radius:3px;
	box-shadow:0 2px 3px rgba(0,0,0,0.3);
	color:#fff;cursor:pointer;
	display:inline-block;
	padding:2px 6px;
	text-align:center;
	text-decoration:none;
	float:right
}

.botoncerrar .b-close{
	border-radius:4px 4px 4px 4px;
	box-shadow:none;
	font:bold 131% sans-serif;
	padding:0 6px 2px;
	position:relative;
	float:right;
}

.home-content {
	width:90%;
	margin:auto;
	margin-top:35px;
	min-height:400px;
}

.home-img {
	width:28%;   
	float:left;
}

.home-img img {
	width:100%;
}

.info-img {
	width:60%;   
	float:left;
}

.info-img img {
	
}

.home-txt {
	width:68%;
	float:right;
	font-size:12px;
	line-height:20px;
}

.home-txt a {
	color:#3D90CB;
	text-indent:5px;
	padding-left:5px;
}

.home-txt a:hover {
	color:#FF770D;
} 


.info-txt {
	width:38%;
	float:right;
	font-size:12px;
	line-height:20px;
}

.info-txt a {
	color:#3D90CB;
	text-indent:5px;
	padding-left:5px;
}

.info-txt a:hover {
	color:#FF770D;
}


.oculto {
	display:none;
}

.frame {
	width:1050px;
	border:1px none;
	min-height:650px;
}

.column-left {
	width:35%;
	float:left;
}

.column-center {
	width:65%;
	float:right;
}

.tbConfiguracion tr td {
	vertical-align:top;
}

.tbSeparer {
	width:20px;
}

.content-boton {
	float:right;
	clear:both;
	margin-top:20px;
	text-align:right;
	width:250px
}

.boton-item {
	float:right;
	margin-left:5px;
}

.ui-autocomplete {
	padding: 0;
	list-style: none;
	background-color: #fff;
	width: 218px;
	border: 1px solid #B0BECA;
	max-height: 350px;
	overflow-y: scroll;
}
.ui-autocomplete .ui-menu-item a {
	border-top: 1px solid #B0BECA;
	display: block;
	padding: 4px 6px;
	color: #353D44;
	cursor: pointer;
}
.ui-autocomplete .ui-menu-item:first-child a {
	border-top: none;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover {
	background-color: #D5E5F4;
	color: #161A1C;
}

.cuadro-permiso
{
    top:370px;
	left:50%;
	z-index:1000;
	position:absolute;
	background-color:White;
	display:none;        
    width:20%;
} 
	 
.OverlayEffect
{
	background-color: black;  
	filter: alpha(opacity=70);  
	opacity: 0.7; 
	width:100%;
	height:100%;
	z-index:400;
	position:absolute;
	top:0;
	left:0;        
}

.rol-content
{
    height:300px;
    margin-left:40px;
   
}

.rol-item
{
    height:20px;
    float:left;
    min-width:280px;
    margin-right:10px;
}

.rol-item .rol-select
{
    float:left;
    margin-right:10px;
}

.scroll-tabla
{
    max-height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
    
}