/***
LAYOUT
***/

html {background:url(../img/bg/sidebar.gif) left top repeat-y;background-color: #f1f1f1;}
body{font-family: 'Open Sans', sans-serif;font-size:12px;color:#333;margin:0;padding:0;}

#wrapper{position:relative;width:1000px;margin:0;}
/*site logo*/
h1.site-name a{display:block;text-indent:-99999px;font-size:0;text-decoration:none;	width:253px;height:170px;/*background: url(../images/ico/logo.png)*/;position:absolute;top:0;left:-5px;z-index:12;}

/*contenido*/
.content{float:right;width:750px;display:inline;position:relative;padding:0;}	
	.content .inner{width:670px;margin:70px auto 0;padding:10px 0;}
	.content.list .inner{margin:20px auto 0;}
	
/*mensaje top*/	
	div.top{background:#3F6CAF/*url(../img/bg/top.png)*/;width:710px;padding:10px 0;position:fixed;z-index:15;top:0;left:250px;}
		div.top .inner{width:670px;margin:0 auto;}
		div.top .msg{background:/* url(../img/bg/msg-top.gif) repeat-x bottom;border:1px solid #D9D9D9;*/;min-height:50px;font-weight:normal;font-size:12px;margin:0;}

		div.top .btn{position:absolute;top:0;left:20px;padding:13px 25px;background: #fff;color:#3F6CAF;}
		div.top .btn:hover {background: #e1e1e1;}
		.node-on{position:absolute;top:3px;right:5px;width:17px;height:43px;background:url(../img/ico/node-onoff.png) -18px 0;}
		.node-off{position:absolute;top:3px;right:5px;width:17px;height:43px;background:url(../img/ico/node-onoff.png) 0 0;}

/*mensajes*/
.msg{/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/padding:14px 15px 0;position:relative;font-size:14px;font-weight:normal;clear:both;overflow:hidden;margin-bottom:10px;}
	
/*iconos mensajes*/
.msg .icon{width:28px;height:30px;float:left;margin-right:15px;}
.msg .close{width:11px;height:12px;position:absolute;top:3px;right:3px;}

/*textos mensajes*/
.msg .txt{}

/*tipos mensajes*/
.conf{border:0;background:#D0EEB3 url(../img/bg/conf.gif) repeat-x bottom;}
	.conf .icon{background:url(../img/ico/msg.png);}
	.conf .close{background:url(../img/ico/msg.png) -15px -160px;}

.error{border:0;background:#e1373d /*url(../img/bg/error.gif) repeat-x bottom*/;color:#FFF;}
	.error .icon{/*background:url(../img/ico/msg.png) 0 -35px; */}
	.error .close{background:url(../img/ico/msg.png) 0 -160px;}
	
.info{border:0;background:green /*url(../img/bg/info.gif) repeat-x bottom*/;color:#fff;}
	.info .icon{/*background:url(../img/ico/msg.png) 0 -70px:*/}
	.info .close{background:url(../img/ico/msg.png) -15px -145px;}	
	
.help{border:0;background:#F8D795 url(../img/bg/help.gif) repeat-x bottom;}
	.help .icon{background:url(../img/ico/msg.png) 0 -105px;}
	.help .close{background:url(../img/ico/msg.png) 0 -145px;}	

/*botones*/
.btn{/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/margin-top:10px;padding:12px 20px;display:inline-block;color:#FFF;font-size:16px; text-shadow:none;/*border:1px solid #395500;*/border:0;font-weight:normal;background:#3F6CAF /*url(../img/bg/btn.gif) repeat-x top*/;cursor:pointer;text-decoration:none;/*behavior: url(js/PIE.htc);*/ white-space: nowrap;text-transform: capitalize;}
.btn:hover{background:#444/*url(../img/bg/btn.gif) 0 -28px repeat-x*/;text-decoration:none;} 

/*titulos*/
.title{border-bottom:1px solid #ccc;clear:both;overflow:hidden;padding:14px 0;margin-bottom:20px;}
	
	.title span{color:#3F6CAF;font-size:24px;font-weight:normal;float:left;display:inline-block;background:url(../img/ico/title-span.gif) center right no-repeat;padding-right:17px;margin:-2px 10px -4px 0}
	.title span.last{background:none;padding:0;margin-right:0;}
	
	.search-form{float:right;position:relative;width:180px;height:28px;}
	.search{/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/border:1px solid #CCC;background:url(../img/bg/search.gif) repeat-x;height:26px;line-height:26px;width:148px;padding:0 25px 0 5px;/*behavior: url(js/PIE.htc)*/;}
	.search-bt{position:absolute;top:5px;right:5px;background:url(../img/ico/ico.png);width:18px;height:19px;cursor:pointer;border:0;}

/*filtros*/
.filtro{/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/border:1px solid #D9D9D9;height:48px;background:url(../img/bg/filtro.gif) repeat-x;position:relative;
	margin-bottom:20px;/*behavior: url(js/PIE.htc);*/}
	
	.filtro .tit, .filtro label{line-height:48px;display:inline-block;float:left;margin-right:10px;font-size:12px;font-weight:bold;}
	.filtro select{float:left;width:150px;height:29px;padding:5px;border:1px solid #CCC;/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/margin-right:30px;/*behavior: url(js/PIE.htc)*/;position:relative;top:10px;}
	.filtro .btn{position:absolute;right:10px;top:10px;}
	
	.filtro .tit{padding:0 14px;font-size:14px;position:relative;margin-right:19px;}
	.filtro .tit .ico{position:absolute;width:1px;height:48px;top:0;right:0;background:#D9D9D9;border-right:1px solid #FFF;}

/*listado notas*/
.listado ul{margin-bottom:20px; position: relative}

.listado ul ul{
	clear: both;
}

	.listado .top{height:48px;/*border:1px solid #616161;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;behavior: url(js/PIE.htc);*/
		background:/*url(../img/bg/listado.gif);*/#3F6CAF;color:#FFF;font-weight:normal;text-shadow:1px 1px #616161;margin-bottom:20px;}
	
	.listado .top span{display:inline-block;float:left;line-height:48px; }
	.listado .foto{width:80px;padding-left:10px;}
	.listado .name{width:222px;}
	.listado .desc{width:296px;line-height:140%!important;padding-top:7px;}
	.listado .nota .edit{position:relative; width:15px;float: right}
	.listado span {padding: 0 0 0 15px}
	
	.listado .nota{min-height:56px;clear:both;overflow:hidden;background:#fff /*url(../img/bg/listado-li.gif) repeat-x*/;border-bottom: 1px solid #e1e1e1;}
	.listado .nota .nota{ border-left: 10px solid #a6a6a6;}
	.listado .nota:hover{background:#e1e1e1;/*url(../img/bg/listado-li.gif) 0 -78px*/;}
	.listado .nota span{display:inline-block;float:left;/*line-height:100%;*/padding-top:12px;padding-bottom:12px;font-size:14px;text-shadow:1px 1px #FFF;position:relative;/*height:71px;*/}
	.listado .nota a{color:#333;text-shadow:1px 1px #FFF;text-decoration:none;}
	
	.editme{width:24px;height:24px;position:absolute;top:9px;left:-30px;background:url(../img/ico/node-onoff.png) -38px 0;}
	.delete{width:24px;height:24px;position:absolute;top:9px;left:0;background:url(../img/ico/node-onoff.png) -66px 0;}
	.editme:hover{background:url(../img/ico/node-onoff.png) -38px -27px;}
	.delete:hover{background:url(../img/ico/node-onoff.png) -66px -27px;}
	
	.listado .node-on{height:53px;top:1px;right:65px;background:url(../img/ico/node-onoff.png) -18px -52px;}
	.listado .node-off{height:53px;top:1px;right:65px;background:url(../img/ico/node-onoff.png) 0 -52px;}

/*paginador*/
.pag{clear:both;overflow:hidden;margin-bottom:20px;}
	
	.ant{float:left;margin-left:14px;position:relative;}
		.ant .ico{width:15px;height:30px;position:absolute;top:-1px;left:-12px;background:url(../img/ico/ico.png) -21px 0;}
		.ant:hover .ico{background:url(../img/ico/ico.png) -21px -35px;}
	.sig{float:right;margin-right:14px;position:relative;}
		.sig .ico{width:15px;height:30px;position:absolute;top:-1px;right:-12px;background:url(../img/ico/ico.png) -40px 0;}
		.sig:hover .ico{background:url(../img/ico/ico.png) -40px -35px;}
	
	.pag div{text-align:center;}
	.pag div span{padding:0 12px 0 0;}
	.pag select{width:70px;height:29px;padding:5px;border:1px solid #CCC;/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/margin-right:12px;/*behavior: url(js/PIE.htc);*/position:relative;text-align:center;}

/*inputs*/
.inputs, .checkbox, .radio{position:relative;clear:both;margin-bottom:8px;padding-bottom:1px;}
	
	.inputs form{border-bottom:1px solid #F0F0F0;clear:both;overflow:hidden;padding-bottom:10px;} 
	.half form, .select form{margin-bottom:7px;}
	.inputs .txt{/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/border:1px solid #CCC;/*background: #fff url(../img/bg/search.gif) repeat-x;*/height:30px;line-height:26px;width:638px;padding:0 25px 0 5px;/*behavior: url(js/PIE.htc);*/}
	.half .txt{width:308px;}
	
	.ayuda{position:absolute;top:0;right:0;font-size:11px;color:#333;display:block;line-height:11px;text-decoration:none;}
		.ayuda .ico{width:11px;height:11px;position:absolute;top:1px;left:-16px;background:url(../img/ico/ico.png) 0 -25px;}
	.half .ayuda, .select .ayuda{position:relative;float:right;}
	
	.inputs label, .checkbox label, .radio label{font-weight:bold;display:block;margin-bottom:8px;}
	
	.select select{width:313px;height:29px;padding:5px;border:1px solid #CCC;/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/margin-right:12px;/*behavior: url(js/PIE.htc);*/position:relative;}
	
.checkbox, .radio{border-bottom:1px solid #F0F0F0;padding-bottom:10px;margin-bottom:10px;}
	.checkbox div{float:left;padding-right:30px;}
	.checkbox div input, .radio div input{margin-right:5px;position:relative;top:2px;}
	.checkbox div label, .radio div label{display:inline;font-weight:normal;}
	
	.radio div{clear:both;overflow:hidden;margin-bottom:5px;}

/*error en input*/
.error-input{color:#FFF;font-size:11px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior: url(js/PIE.htc);position:relative;background:#990000 url(../img/bg/error-input.gif) repeat-x top left;border:1px solid #990000;line-height:120%;padding:6px 10px;width:130px;display:inline-block}
	.error-input .ico{position:absolute;top:7px;right:-7px;width:7px;height:10px;background:url(../img/ico/ico.png) -29px -69px}

/*descargas*/
.descargas{border:1px solid #E6E6E6;padding:8px 10px;background:#F5F5F5 url(../img/bg/descargas.gif) bottom left repeat-x;margin-bottom:20px; margin-top: 15px;}

	.descargas .tit{padding:0;border-bottom:1px solid #FFF;margin-bottom:10px;clear:both;overflow:hidden;}
	.descargas .tit div{border-bottom:1px solid #D2D2D2;position:relative;clear:both;overflow:hidden;padding-bottom:5px;}
	.descargas .tit h4{font-size:14px;float:left;padding-top:3px;}
	.descargas .new{float:right;padding:0 10px;height:20px;line-height:20px;}

	.descargas ul{}
	.descargas li{clear:both;overflow:hidden;position:relative;margin-bottom:6px;}
	.descargas li .ico{width:11px;height:11px;float:left;margin-right:10px;background:url(../img/ico/ico.png) 0 -42px;position:relative;top:2px;}
	.descargas li a{color:#333;text-decoration:none;text-shadow:1px 1px 1px #FFF;float:left;} .descargas li a:hover{color:#000;}
	
/*tabs*/
.tabs{height:27px;border-bottom:1px solid #E6E6E6;}
	.tabs li{float:left;display:inline-block;margin-right:10px;font-weight:bold;font-size:14px;}
	.tabs li a{float:left;display:inline-block;border:1px solid #CCC;border-bottom:0;height:26px;line-height:29px;text-decoration:none;padding:0 10px;color:#333;background:url(../img/bg/tab.png) 0 -27px;}
	.tabs li a.current, .tabs li a:hover{height:27px;background: #FFF url(../img/bg/tab.png);}
	
/*sidebar*/
.sidebar{width:250px;float:left;padding:0;}
	.sidebar .inner{width:250px;margin:0 auto;min-height:200px;padding:24px 0;}
	.logo{text-align:center;/*background:url(../img/bg/logo.png) center bottom no-repeat;*/padding:0 0 45px;}

/*SIDEBAR MENU*/	
	.sidebar ul li{font-size:14px;font-weight:normal;margin-bottom:10px; position: relative;}	
	.sidebar ul li a{display:block;width:250px;position:relative;/*background:url(../img/bg/li.png) repeat-y;border:1px solid #999;*/border-right:0;/*border-radius: 5px 0 0 5px;*/padding-left:0;color:#333;text-decoration:none;}
	.sidebar ul li a:hover{background:#f1f1f1;/*url(../img/bg/li.png) -235px 0 repeat-y;*/}
	.sidebar ul li span{display:block;border-top:1px solid #D7D7D7;/*background:url(../img/ico/li.gif) 8px 13px no-repeat;*/padding:9px 0 9px 25px;}
	.sidebar .closed ul{ display: none;}
	
/*menu expandido*/
.sidebar ul li.active a, .sidebar ul li.active.expanded>a{background:#fff;}
	.sidebar ul li.expanded a {background:/*url(../img/bg/li.png) -235px 0 repeat-y;*/ #ccc;}
	.sidebar ul li.expanded li{margin:0;padding-left:0;}
	.sidebar ul li.expanded li a{background:none;border:0;color:#333;font-size:13px;width:250px;}
	.sidebar ul li.expanded span{background:#3F6CAF; color:#fff;/*url(../img/ico/li2.gif) 8px 16px no-repeat;*/}
	.sidebar ul li.expanded li span{background:#fff;color:#333;padding:10px 0 10px 25px;border:0;}
	.sidebar ul li.expanded li a.new{ width: 24px; height: 24px; display:block; text-indent: -3000px; font-size: 0; overflow:hidden; background:url(../img/ico/add.png) no-repeat; position: absolute; top: 6px; right: 18px;  border: 0;}
	
/*item salir*/
.sidebar ul li.logout a{color:#FFF;border-color:#3A3A3A;background:#444/*url(../img/bg/li.png) repeat-y -469px 0;*/}
.sidebar ul li.logout span{border-color:#666;background:url(../img/ico/li3.png) 4px 8px no-repeat;}

/*menu icono circle*/
.sidebar .line-c{border-bottom:1px solid #7A7A7A;width:200px;margin:20px 0 20px 0;right:auto;left:20px;position:relative;height:1px;background:#3E3E3E;font-size:0;padding:0;clear:both;}
.sidebar .circle li span{background:url(../img/ico/li4.gif) 8px 15px no-repeat;}

/*common settings*/
.block{display:block;text-shadow:1px 1px 1px #FFF}
.gabiton{position:absolute;bottom:15px;left:15px;width:22px;height:21px;background:url(../img/ico/ico.png) 0 -58px;}
input, select, textarea{font-size:12px;}
.clear{clear:both;display:block;height:1px;margin-bottom:-1px;padding:0;font-size:0;overflow:hidden;position:relative;width:100%}


.globoconfirmar{
	width: 109px;
	height: 32px;
	background:url(../img/globoconfirmar.png) no-repeat;
	position:absolute;
	top: 10px;
	left: -81px;
	display:none;
}
.globoconfirmar .si, .globoconfirmar .no{
	display:block;
	width: 14px;
	height: 14px;
	float:left;
	overflow: hidden;
}
.globoconfirmar .si{
	margin: 3px 0 0 65px;
}
.globoconfirmar .no{
	margin: 3px 0 0 7px;
}
.orden{
	position: absolute;
	display: block;
	right: 18px;
	top: 10px;
	padding: 0;
	width: 110px;
	text-align: center;
	}

	
/*uplaodu=ify */

.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin: 10px auto;
	padding: 10px 60px 10px 10px;
	width: 500px;
}
#fileQueue2 span{ float: none !important; width: auto !important; }
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
	margin:  0px -45px 0 0 ;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

.login{
	background: #fff /*url(../img/bg/sidebar.gif) repeat*/;}
.login .logo{
	margin: 80px 0 0 0;
	padding-bottom:20px;
}
#formlogin{
	width: 300px;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; */
	background:/* #fff*/;
	padding: 20px;
	margin: 0 auto;
}
#formlogin .txt{
    background:#e1e1e1 /*url("../img/bg/search.gif") repeat-x scroll 0 0 transparent*/;
    border: 1px solid #CCCCCC;
    /*border-radius: 5px 5px 5px 5px;*/
    
    font-size:20px;
    color:#444;
    padding: 10px;
	margin: 10px 0;
    width: 270px;
}
::-webkit-input-placeholder {
   color: #bbb;
}

:-moz-placeholder { /* Firefox 18- */
   color: #bbb;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #bbb;  
}

:-ms-input-placeholder {  
   color: #bbb;  
}
.loginerror {color:red;font-weight: bold;}
#formlogin .btn {width:292px;}
.version{
	text-align:left;
	font-size:10px;
	padding:10px;}
.version a{
	color:#333;
	text-decoration:none;
	
	}
	
.content h2{
	margin: 30px 0 10px;
	color: #3F6CAF;
	font-size: 24px;		
}
.relationgroup {
	overflow: hidden;
}
.relationgroup .item{
	padding: 10px;
	float: left;
}
.relationgroup .item label{
	cursor: pointer;
}
	.relationgroup .item input{
		float: left;
		margin-top: 0px;
		margin-right: 5px;
	}
.siteInfo{
	line-height:25px;
	font-size:16px;}
.siteInfo span {font-size:12px;}	
.siteInfo p a {font-size:12px; color:#333;}
.siteInfo p a:hover {text-decoration: none;}
.siteInfo h3.qstart {margin-top:20px;}
	
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }



.autocomplete{
	position: absolute;
	top: 55px;
	left: 0;
	width: 100%;
	z-index: 10;
	padding-right: 10px;
	display: none;
    }
    .autocompletein{
	background: #fff;
	border: solid 1px #cccccc;
	padding: 10px;
    }
	.autocomplete a{
	    display: block;
	    margin-bottom: 7px;
	    font-size: 14px;
	}


.ui-button-text{
  display: none;
}
.ui-dialog-titlebar {
  padding: 10px;
  position: relative;
}
.ui-dialog-titlebar .ui-button{
  position: absolute;
  top: 5px;
  right: 5px;
}	



body .ui-widget-overlay{
	position: fixed;
	z-index: 16;
}
.ui-dialog {
	z-index: 1000;
}
.ui-dialog div.top{
	display: none;
}
.ui-dialog .content{
	float: none;
	width: 100%;
}
.ui-dialog .content .inner{
	margin: 0;
	padding: 30px;
	width: auto;
}

/* Misc extras */

span.fielddesc {font-weight: normal;}

h3.helpinfo {color:red;}

/* Symbols */

.symbols {text-align: left; padding:5px 10px;}
.symbols h3 {color:red;margin-bottom:15px; font-size: 16px;}
.symbols ul li {font-size:12px;margin-bottom:12px;margin-left:10px;}
.symbols img {margin-bottom:-8px;}

.good{
	color:#15CC00;  !important;
	font-weight:700;
	}