* {padding: 0;margin: 0;border:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: 'Open Sans', sans-serif;}

body {background: #FFF;color:#313131}

a:link,a:active,a:visited {color:#48912E;text-decoration:none;transition:0.2s all linear}
a:hover {color:#313131;}

.container {width: 1030px;margin:0 auto;position:relative;height:550px;user-select: none;background:url(img/bg-01.png) 210px 70px no-repeat}
	.container h1 {font-weight:normal;text-align:left;font-size:35px;line-height:70px}
	.container a.help {position:absolute;right:0;top:25px;border:1px solid #CCC;border-radius:4px;padding:5px 10px;font-size:12px;transition:0.2s all linear}
		a.help:hover {background:green;color:#FFF}

	.container1 {float: left;display:inline;width: 200px;margin:0;position:relative;height:435px;}
		.container1 h3 {clear:both;background:#3E2D6F;color:#FFF;font-weight:normal;font-size:13px;line-height:35px;text-align:left;padding:0 10px;position:relative}
			.container h3 i {cursor:pointer;background:#FFF;color:#3E2D6F;border-radius:100%;position:absolute;right:10px;top:50%;transform:translate(0,-50%);display:block;width:14px;height:14px;text-align:center;line-height:14px;font-size:10px}
		.container1 li {list-style:none;margin:5px 0 15px 0}
			.mozgat {cursor: move;position: absolute;z-index: 1;border:0;text-indent:-999em;}
				.p1E {width: 100px;height: 30px;margin:10px auto;overflow:hidden}
				.p1J {width: 100px;height: 50px;margin:10px auto;overflow:hidden}
				.p2E {width: 200px;height: 30px;margin:10px auto;overflow:hidden}
				.p2J {width: 200px;height: 50px;margin:10px auto;overflow:hidden}
					.f1E em,.f3E em {}
					.f1J em,.f3J em {}
					
					.f1E {width: 100px;height: 30px;background:url(img/modulos.png) 0 0 no-repeat;line-height:30px;}
					.f1J {width: 100px;height: 50px;background:url(img/modulos.png) 0 -80px no-repeat;line-height:50px}
					.f2E {width: 200px;height: 30px;background:url(img/modulos.png) 0 -40px no-repeat;line-height:30px}
					.f2J {width: 200px;height: 50px;background:url(img/modulos.png) 0 -140px no-repeat;line-height:50px}
					.f1EAmp {background:url(img/modulos.png) -220px 0 no-repeat !important;}
					.f1JAmp {background:url(img/modulos.png) -220px -80px no-repeat !important;}
					.f2EAmp {background:url(img/modulos.png) -220px -40px no-repeat !important;}
					.f2JAmp {background:url(img/modulos.png) -220px -140px no-repeat !important;}
				
	.container2 {display:inline;float:right;margin:0;height:435px;width:800px;}
		#ch_dndBoard1 {position: relative;border:0;border-collapse: collapse;width:800px;height: 435px;}
			.container2 span a.delete {opacity:0;position:absolute;top:0;right:0;height:20px;width:20px;background:#EFD500 url(img/del.png) 50% 50% no-repeat;transition:0.2s all linear;z-index:1500}
			.container2 span:hover a.delete {opacity:1}
			.container2 span a.person {opacity:0;position:absolute;top:0;left:0;height:20px;width:20px;background:#EFD500 url(img/per.png) 50% 50% no-repeat;transition:0.2s all linear;z-index:1500}
			.container2 span:hover a.person {opacity:1}
			
			.snaptarget-hover {background-color: #dcdcdc;}
			
	.overlay {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.80);z-index:102}
	#mensaje {position:absolute;top:50%;left:50%;text-align:center;font-size:15px;padding:10px;color:#FFF;z-index:103;transform:translate(-50%,-50%)}
		.error span {color:red;font-size:35px;}
		
	
	.tooltip {display:none;background: #48912E;text-align:left;font-size:11px;padding:10px;box-shadow:0 !important;color:#fff;z-index: 99;}
	.presupuesto {position:absolute;bottom:0;left:0;width:100%;border-radius:3px;background: #48912E;color:#FFF;text-align:left;font-size:12px;padding:13px 0 13px 80px;cursor:pointer;transition:0.2s all linear}
	.presupuesto:hover {background:#3E2D6F;}
	.presupuesto:disabled {background:#DCDCDC;cursor:not-allowed}
		.presupuesto i {position:absolute;left:50px;top:50%;transform:translate(-50%,-50%);font-size:30px}
	
	.persE,.persJ {position:absolute;top:50%;left:50%;text-align:center;font-size:21px;background:#FFF;z-index:103;transform:translate(-50%,-50%);width:80%;padding:20px 20px 0 20px;display:none;max-height:80%;overflow-y:auto}
		.persE h2,.persJ h2 {font-weight:normal;text-align:center;background:#F2F2F2;font-size:19px;padding:7px 10px;margin:0 0 10px 0}
		.persE h3,.persJ h3 {font-weight:normal;text-align:left;font-size:17px;margin:10px;clear:both}
		.persE ul,.persJ UL {padding:0;margin:0 0 20px 0;display:inline;float:left;width:100%}
			.persE li,.persJ li {width:100px;height:40px;float:left;list-style:none;display:inline;margin:0 10px 10px;padding:0;font-size:11px}
			.persE li b,.persJ li b {margin-bottom:5px}
				.cajon {display:block;width:100px;height:20px;background-image:url(img/modulos.png);background-repeat:no-repeat}
					.az {background-position:-220px -200px}
					.bl {background-position:-220px -230px}
					.bu {background-position:0 -260px}
					.fc {background-position:-110px -260px}
					.gf {background-position:-110px -230px}
					.gs {background-position:-220px -260px}
					.kw {background-position:0 -290px}
					.lg {background-position:0 -200px}
					.ml {background-position:-110px -200px}
					.ne {background-position:0 -230px}
					.no {background-position:-110px -290px}
					.azG {background-position:-220px -320px}
					.blG {background-position:-220px -350px}
					.buG {background-position:0 -380px}
					.fcG {background-position:-110px -380px}
					.gfG {background-position:-110px -350px}
					.gsG {background-position:-220px -380px}
					.kwG {background-position:0 -410px}
					.lgG {background-position:0 -320px}
					.mlG {background-position:-110px -320px}
					.neG {background-position:0 -350px}
					.noG {background-position:-110px -410px}
	
	.formulario {position:absolute;top:50%;left:50%;text-align:center;font-size:21px;background:#FFF;z-index:103;transform:translate(-50%,-50%);max-width:520px;padding:70px 20px 0 20px;display:none;}
		.formulario legend {background:#48912E;color:#FFF;font-size:17px;padding:5px 15px;position:absolute;left:20px;top:20px}
		
		.formulario .completo {display:inline;float:left;width:100%;margin:0 0 20px 0;font-size:12px;text-align:left}
		.formulario .half {display:inline;float:left;width:50%;margin:0 0 20px 0}
			.completo input[type=text],.completo textarea {background:#f2f2f2;padding:8px;border:0;width:100%;font-size:13px;margin:0;resize:none}
			.completo input[type=checkbox] {margin:0 5px 0 0;vertical-align:middle}
			.half input[type=email] {background:#f2f2f2;padding:8px;border:0;width:100%;font-size:13px;margin:0;border-right:10px solid #FFF}
			.half input[type=tel] {background:#f2f2f2;padding:8px;border:0;width:100%;font-size:13px;margin:0;border-left:10px solid #FFF}
			
			.completo input[type=submit] {margin:0 auto;border-radius:3px;background: #48912E;color:#FFF;text-align:left;font-size:12px;padding:13px 20px;cursor:pointer;transition:0.2s all linear}
			
			
	p.error{border:1px solid red;border-width:1px 0;background:#ffd9d9;padding:10px;color:red !important}
	p.ok{border:1px solid green;border-width:1px 0;background:#d9f0d9;padding:10px;color:green !important}
	
	.divhelp {position:absolute;top:50%;left:50%;text-align:center;font-size:21px;background:#FFF;z-index:103;transform:translate(-50%,-50%);width:80%;padding:50px;display:none;max-height:80%;overflow-y:auto}
		.divhelp h2 {font-weight:bold;text-align:left;font-size:20px;margin:0 0 10px 0}
		.divhelp p {text-align:left;line-height:145%;font-size:13px;margin:0 0 15px 0}
			.divhelp p:last-child {margin:0}
			.nota {position:relative;background:#F2F2F2;padding:7px 10px 7px 40px;}
				.nota i {position:absolute;left:10px;top:7px;font-size:20px;}
		.divhelp ul {margin: 0 0 5px 15px}
			.divhelp li {text-align:left;line-height:145%;font-size:13px;margin:0 0 10px 0}
	
	a.close {position:absolute;right:0;top:0;width:20px;text-align:center;background:#000;color:#FFF;line-height:20px;height:20px;font-size:14px}