* {margin:0;padding:0;text-decoration:none; font-family: 'Maven Pro', sans-serif; font-weight:400;}
img {border:none;}
.nofloat{clear:both;}
.noview{display:none !important;}
.centered{text-align:center}
.jstf{text-align:justify}
.jstf:after{ content: ''; display: inline-block; width: 100%; }
.jst{text-align:justify}
p{font-size:14px; color:#555;}
.cnt{margin:10px auto}
.fri{float:right}
.ale{text-align:left !important;}
.ari{text-align:right !important;}


.noselectable{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*Colores:

gris gral :e8e8e8
gris menues :d4d4d4
8c8c8c
*/
/*Logeo Inicial*/

#contentsfull{background:#fafafa; position:absolute; top:0; left:0px; right:0; bottom:0; z-index:1; display:table-cell; vertical-align:middle}
#logform{width:365px; margin:60px auto; padding:20px; background:#fff}
#login{width:365px; background:url(../img/loaderlist.gif) no-repeat 50% 50%;}
#loginform{opacity:1; background:#fff;overflow:hidden; height: 135px}
.logline{width:100%; margin:2px 0}

 #unknowdata{overflow:hidden; height:20px; background:#fff;}
 #unknowdata a{color:#00f}
 #unknowdata a:hover{color:#00b; text-decoration:underline}

#responsemail{position:absolute; z-index:10; width:360px; border:1px solid #ddd; border-top:none; background:#fff}
#responsemail >div{cursor:pointer; padding:5px ; background:#fff; border-bottom:1px solid #ddd;}
#responsemail >div:hover{cursor:pointer; padding:5px ; background:#BBB; color:#fff}

 #mailpass{color:#fff !important; text-decoration:none !important;}


 #mailpass.disabled{color:#eee !important; background:#ccc;  text-decoration:none !important; text-shadow:none; box-shadow:none; cursor:wait}


a.btndownload{
background:#666;
	color:#fff;
	font-weight:400;
	font-size:14px;
	display:inline-block;
	padding:5px 10px 7px 10px;
	border-radius:2px;
	box-shadow:1px 1px 3px #555;
	cursor:pointer;
	text-shadow:1px 1px 1px #000;
	-webkit-transition:color 0.5s ease-in-out, background 0.5s  ease-in-out;
	transition: color 0.5s ease-in-out,  background 0.5s ease-in-out;}
a.btndownload:hover{background:#800}


optgroup.bodega{font-size:16px; background:#ddd; color:#555}
optgroup.activity{font-size:14px; background:#eee;color:#555; padding-left:20px}
.rounded{border:1px solid #ddd; border-radius:2px;}
.sdw{box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
.butonned{
	cursor:pointer;
	-webkit-transition:color 0.2s ease-in-out, background 0.2s  ease-in-out;
	transition: color 0.2s ease-in-out,  background 0.2s ease-in-out;
	}
.buttoned:hover{
	background:#bbb;
	color:#02f0ff;
}


.button{
	background:#666;
	color:#fff;
	font-weight:400;
	font-size:14px;
	display:inline-block;
	padding:5px 10px 7px 10px;
	border-radius:2px;
	box-shadow:1px 1px 3px #555;
	cursor:pointer;
	text-shadow:1px 1px 1px #000;
	-webkit-transition:color 0.5s ease-in-out, background 0.5s  ease-in-out;
	transition: color 0.5s ease-in-out,  background 0.5s ease-in-out;}
.button:hover{background:#800}

.bubble {
    margin:10px 0 0 -220px;
    padding: 10px;
    position: absolute;
    border-radius: 8px 0px 8px 8px;
    width: 200px;
	background:#fff;
	box-shadow: 2px 2px 3px #bbb;
	border:1px solid #bbb;
	font-size:10px !important;
}



/*maqueta*/
body{background-color:#fff}

#publisher{
	position:fixed; bottom:10px; right:0px; z-index:100;
	border-radius:3px 0 0 3px; box-shadow:0 0 5px rgba(0,0,0,0.5); color:#bbb; border-color:#bbb;font-size:12px;
	padding:10px 10px 10px 30px; overflow:hidden; 
	background:url(../img/netico.png) 0px 50% no-repeat #fff; 
	width:1px; cursor:pointer;
	-webkit-transition:width 0.1s ease-in-out;
	transition: width 0.5s ease-in-out;
	color:#555}

#publisher:hover{width:180px}

#header{background:#000; height:40px; width:100%; box-shadow: 0 2px 5px rgba(50,50,50,0.5); z-index:20; position:fixed; color:#fff; font-size:14px; text-shadow:1px 1px 1px #888;}
#leftheader{float:left; margin:10px 8px 0 8px;cursor:pointer}
#leftheader:before{content:''; background:url(../img/iconspc.png) no-repeat 0px 0px; width:24px;height:24px; display:block;float: left;}
#rightheader{float:right;}
#rightheader div{float:left; margin:0px 10px; border-left:1px solid #555; padding:8px 10px; line-height:24px; font-size:12px;box-shadow:inset 1px 0 1px #bbb}
	#apptitle{background:url(../img/cvne-logo.png) no-repeat 100% 50%;float:left; padding-right:80px !important; font-size:14px !important; color:#fff}
	#manual:before{content:''; background:url(../img/iconspc.png) no-repeat 0px -24px; width:24px;height:24px; display:block;float:left;}
	#account:before{content:''; background:url(../img/iconspc.png) no-repeat -48px 0px; width:24px;height:24px; display:block;float:left;}
	#date:before{content:''; background:url(../img/iconspc.png) no-repeat -24px 0px; width:24px;height:24px; display:block;float:left;}
	#teldata:before{content:''; background:url(../img/iconspc.png) no-repeat -192px -24px; width:24px;height:24px; display:block;float:left;}
	#exit:before{content:''; background:url(../img/iconspc.png) no-repeat -72px 0px; width:24px;height:24px; display:block;float:left;}

#menu{
	z-index:15; position:fixed; width:204px; top:0px; bottom:0px; left:0px; overflow:hidden; box-shadow: 2px 0px 3px #bbb;
	padding-top:40px;
	cursor:pointer;
	background:url(../img/menu-open.png) no-repeat right 50% #000
}


#menu a{font-size:14px; color:#fff; width:184px; 
		padding:6px 10px; margin-left:0px;
		display:block;
		border-bottom:1px solid #000; 
		text-shadow:1px 1px 1px #aaa; 
		line-height:24px;
		box-shadow:inset 0px 1px 0px #555;
		background:#000;
		font-weight:400;
		-webkit-transition: background 0.2s  ease-in-out;
		transition: background 0.2s ease-in-out;
	}

#menu a:hover{text-shadow:-1px -1px 0px #222; color:#fff; background:#333}
#menu a:before{content:''; background-image:url(../img/iconspc.png); background-repeat: no-repeat; width:24px;height:24px; display:block;float:left; margin-right:5px}
#mpanel:before{background-position:-72px -24px;}
#mprod:before{background-position:-120px 0px;}
#mres:before{background-position:-144px 0px;}
#mcli:before{background-position: -48px 0px;}
#mstat:before{background-position:-216px 0px;}
#mcancel:before{background-position:-192px 0px;}
#madmin:before{background-position:-24px -24px;}
#mbanners:before{background-position:-312px 0px}
#mfamily:before{background-position:-48px -24px;}
#mtext:before{background-position:-96px -24px;}
#mconf:before{background-position:-216px -24px;}
#mseo:before{background-position:-240px -24px;}
#mpages:before{background-position:-312px -24px;}
#mwines:before{background-position:-264px -24px;}
#mrequest:before{background-position:-362px -24px;}
#mbills:before{background-position:-336px -24px;}
#mecomm:before{background-position:-410px -24px;}


#langsel{position:absolute; top:8px; left:210px}
#langsel select{ width:150px; background:#fff; height:24px; padding:1px 5px; margin-left:20px; }

#contents{background:#fafafa; position:absolute; top:0; left:204px; right:0; bottom:0; padding:90px 40px; z-index:1;}



/*teatro*/

#teather{background:rgba(255,255,255,0.8); position:fixed; top:0; left:0; right:0; bottom:0; z-index:10; display:none}
#teatherLoading{top:40px; left:204px; right:0; bottom:0; text-align:center; background:url(../img/loaderlist.gif) no-repeat 50% 50%}
#teather #box{width:450px; margin:90px auto; padding:0; overflow:hidden; background:#fff;}
#teather #boxheader{width:430px; padding:5px 10px; background:#666; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.5); font-size:18px; text-align:center;}
#teather #alertmsg{ margin:20px; font-size:14px;}




/*Login*/
label{width:150px; font-size:14px;display:inline-block; padding:5px 0}
input{width:200px; font-size:14px; border:1px solid #dedede; border-radius:2px; box-shadow:1px 1px 2px #bbb; padding:5px}
select{width:200px; font-size:14px; border:1px solid #eee; border-radius:3px; box-shadow:1px 1px 2px #bbb; padding:5px}




/*Panel*/

.panel{width:45%; margin:2.5%; float:left; padding:0; min-height:250px;}

.panel> div{padding:10px; box-shadow: inset 0 -250px 100px rgba(180,180,180,0.1), 0 0 3px rgba(0,0,0,0.1);}
.panel h3{ font-size:16px; padding-bottom:2px; border-bottom: 2px dotted #ddd; margin-bottom:10px}

.panel h3 div.addtopanel{float:right; background:#555; width:22px; height:22px; background-image:url(../img/iconspc.png);background-position:-288px -2px; border-radius:2px; margin:-2px 0 0 0; cursor:pointer}
.panel h3 div.addtopanel:hover{background-color:#000}
.panel ul{display:table; width:93%;} 
.panel li{font-size:12px; display:table-row;
}
.panel li.list{
		-webkit-transition: background 0.1s  ease-in-out;
		transition: background 0.1s ease-in-out;
		cursor:pointer;
}
.panel li.list:hover{background:#ddd}
.panel li.headerlist{background:#888; color:#fff}
.panel li div{display:table-cell; padding:1px 3px !important}

#inner{width:98%; margin:0 auto;}
h2{font-size:20px; color:#222; text-shadow:1px 1px 2px #ddd; margin-bottom:20px;padding-bottom:5px; border-bottom: 1px dotted #ddd}
h2 span{font-size:12px; vertical-align:4px; margin-left:20px;}
h2 span a{color:#bbb; border:1px dashed #eee; padding:5px 10px;}
h2 span a:hover{color:#ff7800; background:#fff; border:1px dashed #ddd;}


/*Listados*/


#listado{width:100%;min-height:500px; overflow-y: auto; background:#fff}
.onloading{background:no-repeat url(../img/loaderlist.gif) 50% 50%}

#tablalistado, #listcharger, #listprod{display:table; width:100%}

/*buscador*/
#buscador {display:table; width:100%; margin-bottom:20px}
#buscador > div{margin:10px 20px; font-size:14px; display:table-cell;;}
#bodegasel select{font-size:14px}
#diasel input{font-size:14px; width:65px}
#textsel{text-align:right}

.cancelled{border-bottom:1px solid #fff; background:#f00; color:#fff; font-size:12px; padding:20px 10px;}
.cancelled h3{font-size:20px;}
.cancelled b{font-weight:800}

.cancelled .datoscancel{float:left;}
.cancelled .btncancel{float:right; cursor:pointer; opacity:0.9; border:1px solid rgba(255,255,255,0.5); border-radius:3px; padding:5px 10px 3px 10px;
-webkit-transition:opacity 0.1s ease-in-out, border 0.1s  ease-in-out;
	transition: opacity 0.1s ease-in-out,  border 0.1s ease-in-out;}

.cancelled .btncancel:hover{border:1px solid rgba(255,255,255,1); opacity:1}

.listline, .listheader{
	display:table-row;
	width:100%; overflow:hidden;; border-bottom:1px solid #eee; background:#fff;
	-webkit-transition: background 0.2s  ease-in-out;
	transition: background 0.2s ease-in-out;
	
}

.resumeline{display:table-row;width:100%;}
.resumeline > div {font-size:14px; color:#fff; padding:10px 10px; display:table-cell; background:#aaa}

.red{background:#ebb}

.listline:hover{background:#ff7800;}

.listline span.suave{text-transform:lowercase; color:#bbb}

.listline > div, .listheader> div{
	font-size:11px; color:#555; padding:5px 10px; display:table-cell;
	overflow:hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
	text-align:center;
	border-left:1px dotted #eee;
	border-bottom:1px solid #ccc;
	color:#000;

	}
.listheader{background:#222; height:40px;}
.listheader > div{color:#fff; border:none; vertical-align:middle}

.listline > div b{font-weight:700}

.listline li{margin-left:25px; list-style:none; padding:5px; opacity:0.6; cursor:pointer}
.listline li:hover{opacity:1 background:rgba(255,255,255,0.6)}


.ofd{cursor:pointer;}
.ofd:hover .fulldesc{width:200px}
.fulldesc{position:absolute; margin-left:20px; margin-top:-10px;background:#eee; color:#000; border:none !important; box-shadow:1px 1px 1px #bbb; width:0px; overflow:hidden;height:20px;
	-webkit-transition:width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out
}
.fulldesc p{font-size:11px; color:#000; margin:4px 5px}

.sortcol{cursor:pointer !important;}
.sortcol:after{content:''; background-image:url(../img/listicons14.png); background-repeat: no-repeat; width:14px;height:14px; display:block;float:right; margin-right:3px;background-position:0px 0px;}
.sortcol:hover{background-color:#bbb}

.key0, .key1, .key6{background-image:url(../img/listicons14.png); background-repeat: no-repeat; width:14px;height:14px; display:block; margin:0 auto; content:''}
.key0{background-position:-14px 0px;}
.key1, .key6{background-position:-28px 0px;}

.wd{width:50px; overflow:hidden; display:inline-block; line-height:15px; height:12px; margin-right:5px}


.obs{cursor:pointer;
	-webkit-transition: opacity 0.2s  ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.obs > div{cursor:pointer;
opacity:0;
	-webkit-transition: opacity 0.2s  ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.obs:hover >div{opacity:1;}


/*Dos columnas*/

.twc{
	border: 1px solid #eee;
	width: 48%;
	min-height: 500px;
	
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	margin-right: 1%;
	height:600px;
	overflow-y:scroll
	}
.twc h4{margin:10px} 

/*Sortables*/



 .listasortable {list-style-type: none; min-height:500px;}
  .listasortable li {
	margin: 0 5px 5px 5px;
	padding: 5px;
	font-size: 14px;
	width: 96%;
	cursor: default;
	background:#fafafa;
	border:1px solid #d1d1d1;
	border-radius:3px;
	height:20px;
	overflow:hidden;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2)
  }

  .listasortable li:active{background:#eeeeee;cursor: move;}
  .listasortable li img{float:left; margin:0 5px 0 0; height:60px}
  .listasortable li h3{float:left; margin-bottom:8px}
  .listasortable li h3 span{font-size:12px; color:#bbb; margin-left:10px}
  .listasortable li .menuli{float:right;}
  .listasortable li .menuli:hover{background:#800}

  .listasortable li .menuli a{ display:inline-block;cursor:pointer; text-shadow:1px 1px 2px rgba(0,0,0,0.5); width:18px; height:18px; background:#bbb; color:#fff; text-align:center; border-radius:1px; border:1px solid #aaa}
  .listasortable li .menuli a:hover{background:#800; border-radius:1px; border:1px solid #aaa}
  .listasortable li .idcview{margin:10px; font-size:12px}

/*cajas de edicion*/

.editline{width:100%; margin:10px auto; border:1px solid #eee; border-radius:2px;background:#fff; padding:4px 0; font-size:14px;
	-webkit-transition: border 0.2s  ease-in-out;
	transition: border 0.2s ease-in-out;
}

.editline img.imgtype{vertical-align:middle; margin:5px; box-shadow:0px 0px 8px rgba(0,0,0,0.5); cursor:pointer; border:1px solid #d1d1d1}
.editline img.imgtypesel{vertical-align:middle; margin:5px; box-shadow:0px 0px 8px rgba(0,128,0,1); cursor:pointer; border:1px solid #0b0}
.editline:hover{border:1px solid #5a5;}
.editline .datos{float:left; width:100%;}
.editline label{width:150px; font-size:14px;display:inline-block; padding:5px 0; margin-left:15px}
.editline label.second{width:70px; font-size:14px;display:inline-block; padding:5px 0; margin-left:30px}
.editline input{font-size:14px; border:1px solid #eee; border-radius:3px; box-shadow:1px 1px 2px #bbb; padding:5px}

.editline .asinput{font-size:14px; border:1px solid #eee; border-radius:3px; box-shadow:1px 1px 2px #bbb; padding:5px; display:inline; overflow:hidden;
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none;}

.editline input select{font-size:14px;}
.editline textarea{width:80%; height:150px; vertical-align:top; border:1px solid #bbb}

.editline span{font-size:13px; padding:5px 0; color:#ddd; margin:3px 20px;
	-webkit-transition: color 0.2s  ease-in-out;
	transition: color 0.2s ease-in-out;}
.editline:hover span{color:#333;}
.editline .plazas{font-weight:600}


.prodline, .headerprod, #newprod{
	width:100%;
	margin:10px auto; 
	border:1px solid #eee; 
	border-radius:4px;
	background:#fff; 
	font-size:14px;
	display:table-row block;
	-webkit-transition: border 0.2s  ease-in-out;
	transition: border 0.2s ease-in-out;
	overflow:hidden;

}

#newprod > div{display:table-cell; padding:0px 5px 0px 5px; margin:0px !important; vertical-align:middle; height:40px; border-right:1px solid #ddd}
.headerprod	{padding:6px; background-color:#555; margin-top:10px}
.prodline:hover{border:1px solid #ccc;}
.prodline > div{display:table-cell; padding:0px 5px 0px 5px; margin:0px !important; vertical-align:middle; height:40px;}
			.action{
					min-width:24px;
					height:24px;
					background-color:#555;
					cursor:pointer;
					border-radius:5px;
					background-image:url(../img/iconspc.png); 
					background-repeat: no-repeat;
					display:block;
					-webkit-transition: background-color 0.2s  ease-in-out;
					transition: background-color 0.2s ease-in-out;
					border:0
				}
			.action:hover{background-color:#000;}
			.action.delete{background-position:-263px 0px;}
			.action.edit{background-position:-120px -24px;}
			.action.save{background-position:-240px 0px}
			.action.nosave{background-position:-144px -24px;}

.long{width:250px !important}

.headerprod > div{display:table-cell; padding:0px 5px 0px 5px; margin:0px !important; vertical-align:middle; color:#fff; background:#555}

#actionmenu{position:absolute; top:0px;right:40px; z-index:5; box-shadow: 0 1px 3px rgba(50,50,50,0.5);overflow:hidden; padding:75px 10px 10px 10px; background:#fff}
#actionmenu > div{ 
	color:#fff; 
	font-size:14px;
	text-shadow:1px 1px 2px #555; 
	padding:3px 5px;
	line-height:22px;
	cursor:pointer;
	background:#800;
	display:inline-block;
	border:1px solid #600;
	border-radius:3px;
	-webkit-transition:color 0.2s ease-in-out, background 0.2s  ease-in-out;
	transition: color 0.2s ease-in-out,  background 0.2s ease-in-out;
	margin:0 3px;
}

#actionmenu > div:hover{background:#a00;}
#actionmenu > div:before{content:''; background-image:url(../img/iconspc.png); background-repeat: no-repeat; width:24px;height:24px; display:block;float:left; margin-right:5px}

#actionmenu #guardarbtn:before{background-position:-242px 0px}
#actionmenu #eliminarbtn:before{background-position:-266px 0px}
#actionmenu #crearbtn:before{background-position:-284px 0px}
#actionmenu #editlistbtn:before{background-position:-310px 0px}
#actionmenu #addimgbtn:before{background-position:-334px 0px}
#actionmenu #fechasbtn:before{background-position:-24px 0px}
#actionmenu #backbtn:before{background-position:-384px 0px}
#actionmenu #addimgbtn:before{background-position:-432px 0px}
#actionmenu #pdfdlbtn:before{background-position:0px -24px}
#actionmenu #mailsendbtn:before{background-position:-24px -24px}
#actionmenu #alldaybtn:before{background-position:-192px 0px;}
#actionmenu #subscriptores:before{background-position:-48px 0px;}
#actionmenu #confbtn:before{background-position:-216px -24px;}
#actionmenu #billsbtn:before{background-position:-336px -24px;}

/*Gestor de Imagenes*/


#imgblock{width:98%; min-height:500px; padding:1%}
#imginnerframe{width:69%; float:left; overflow-x:hidden;; border:1px solid #d1d1d1; padding:0.5%}
#imgframe{width:100%; min-height:500px}

#bloqueinf{
	width:27%; margin-left:1%; padding:0.5%;border:1px solid #d1d1d1; float:right; min-height:500px; min-width:250px;
	}
#bloqueinf h3{color:#ccc; font-size:30px; font-weight:100; text-align:center;}



.imgcont{ width:28px; height:62px; position:absolute; z-index:10; display:none; background:rgba(0,0,0,0.5); color:#fff; margin:20px 0 0 78px }
.imgcont a{color:#fff; font-size:12px; height:24px; width:24px;background-image:url(../img/iconspc.png); background-repeat: no-repeat; background-position: -408px 0px; display:block }
.imgcont a:first-child{background-position: -456px 0px;}
.LoadingPage{width:100%; height:500px;   background:rgba(255,255,255,0.5) 50% 50% no-repeat; position:absolute; z-index:20;}
.LoadingImg{width:100%; height:500px; background:url(../img/loaderlist.gif) 50% 50% no-repeat}

#Fdatos{padding:5px; font-size:12px}

#EditImg{height:480px; margin:0 auto; max-width:250px; padding:10px; width:100%; display:none}
#previoImg{width:100%; margin:10px auto; text-align:center; max-height:200px; border:1px solid #e1e1e1}
#previoImg img{max-width:100%; max-height:200px; vertical-align:middle}
#datosImg{ width:100%;}

#EditImg .editline{width:100%; margin:10px 0; border:1px solid #d1d1d1; border-radius:3px ;background:#fdfdfd;  padding:4px; max-width:250px}
#EditImg .editline label{width:50px; font-size:12px;display:block;padding:0; margin:0 4px}
#EditImg .editline input{font-size:12px; border:1px solid #eee; border-radius:2px; box-shadow:1px 1px 2px #bbb; padding:5px; max-width: 240px; margin:0 4px}
#EditImg .editline span{font-size:12px; color:#333; margin:0}

#EditImg .button{
	color:#fff; 
	font-size:14px;
	text-shadow:1px 1px 2px #555; 
	padding:3px 5px;
	line-height:22px;
	cursor:pointer;
	background:#800;
	display:inline-block;
	border:1px solid #600;
	border-radius:3px;
	-webkit-transition:color 0.2s ease-in-out, background 0.2s  ease-in-out;
	transition: color 0.2s ease-in-out,  background 0.2s ease-in-out;
	margin:0;
}

#EditImg .button:hover{background:#a00;}
#EditImg .button:before{content:''; background-image:url(../img/iconspc.png); background-repeat: no-repeat; width:24px;height:24px; display:block;float:left; margin-right:5px}

#EditImg #guardarbtn:before{background-position:-242px 0px}
#EditImg #guardarbtn{float:right}
#EditImg #eliminarbtn:before{background-position:-266px 0px}







/*Systema de Newsletters*/

#newsletterselector{border:1px solid #eee; width:97%; border-radius:3px;margin-bottom:10px; padding:10px 0; box-shadow:1px 1px 3px rgba(0,0,0,0.2); text-align:right; }
#newsletterselector label{width:100px}
#newsletterselector select{margin-right:20px; width:250px}



#opennlt{position:absolute; top:0; left:0; right:0; bottom:0;  background:rgba(255,255,255,0.8); z-index:500;display:NONE;}

#opennlt #visor{width:700px; margin:60px auto; border:1px solid #bbb; box-shadow: 0px 0px 3px rgba(0,0,0,0.5);background:#fff}
#opennlt #visor #closemsg{position:absolute; top:55px; margin-left:640px; width:40px; height:40px; background:#000;
								box-shadow:1px 1px 2px rgba(0,0,0,0.5);webkit-transition:background 0.1s ease-in-out;transition: background 0.1s ease-in-out;
								cursor:pointer;
								display:table-cell;
								text-align:center;
								line-height:32px;
								color:#fff;
								font-size:40px;}
#opennlt #visor #closemsg:hover{background:rgba(225,0,0,1)}



#selectmails{background:#b00; color:#fff; padding:20px; min-height:100px}
.sending{font-size:25px; text-align:center; background:url(../img/send-animation.gif) no-repeat 50% 50%; color:rgba(255,255,255,0.5)}
.sent{font-size:25px; text-align:center; color:rgba(255,255,255,1)}

#mailsend{padding:8px 20px; margin-left:140px; color:#fff; border:2px solid #a00; background:#E00; border-radius:3px; font-weight:700; text-shadow:1px 1px 2px rgba(0,0,0,0.5); cursor:pointer}
#mailsend:hover{background:#F00}
#mailsend:focus{border:2px solid #a00;}
#mailprobe{padding:8px 20px; margin-left:20px; color:#fff; border:2px solid #080; background:#0c0; border-radius:3px; font-weight:700; text-shadow:1px 1px 2px rgba(0,0,0,0.5); cursor:pointer}
#mailprobe:hover{background:#0d0}
#mailprobe:focus{border:2px solid #080;}




/*Gestor de Snippers*/


#snipblock{width:98%; min-height:560px; padding:1%}
#snipinnerframe{width:45%; float:left; overflow-x:hidden;; border:1px solid #d1d1d1; padding:0.5%}
#snipframe{width:100%; min-height:560px}

#bloquesnip{
	width:50%; margin-left:1%; padding:0.5%;border:1px solid #d1d1d1; float:right; min-height:503px; min-width:250px;
	}
#bloquesnip h3{color:#ccc; font-size:30px; font-weight:100; text-align:center;}

#listadoImg {margin:0px; padding:0;}
#listadoImg li{
	list-style:none;
	margin:8px;
	font:10px arial;
	cursor:pointer;
	width:150px;
	height:150px;
	background:#eee;
	float:left;
	border:1px solid #d1d1d1;
	border-radius:2px;
	overflow:hidden !important;

}
#listadoImg li:hover{
	list-style:none;
	border:1px solid #c00;
}

#listadoImg li.active{border:1px solid #F00}

#listadoImg li.active .infover{background-color:rgba(255,0,0,0.9); margin-top:100px}

.imgthumb{width:150px; height:150px; text-align:center; background-repeat:no-repeat !important; background-position:50% 10% !important; background-size:95% auto !important;overflow:hidden !important;}

.imgthumb .infover{background:rgba(0,0,0,0.6); margin-top:130px; color:#fff; font-size:12px; width:130px; padding:3px 10px; text-align:left;-webkit-transition:all 0.5s ease-in-out;ransition:all 0.5s ease-in-out}

.imgthumb:hover .infover{margin-top:100px;}

.LoadingPage{width:100%; height:500px;   background:rgba(255,255,255,0.5) 50% 50% no-repeat; position:absolute; z-index:20;}
.LoadingImg{width:100%; height:500px; background:url(../img/loaderlist.gif) 50% 50% no-repeat}

#Fdatos{padding:5px; font-size:12px}

#EditSnip{height:380px; margin:0 auto; max-width:600px; padding:2%; width:100%; display:none}
#EditSnip #previoImg{width:96%; margin:10px 0px; text-align:center; max-height:200px; border:1px solid #e1e1e1}
#EditSnip #previoImg img{width:100%; max-height:200px; vertical-align:middle}
#EditSnip #datosImg{ width:96%;}

#EditSnip .editline{width:100%; margin:10px 0; border:1px solid #d1d1d1; border-radius:3px ;background:#fdfdfd;  padding:4px;}
#EditSnip .editline label{width:20%; font-size:12px;display:block;padding:0; margin:0 4px}
#EditSnip .editline input{font-size:12px; border:1px solid #eee; border-radius:2px; box-shadow:1px 1px 2px #bbb; padding:5px; margin:0 1%; width:96%}
#EditSnip .editline span{font-size:12px; color:#333; margin:0}

#EditImg .button{
	color:#fff; 
	font-size:14px;
	text-shadow:1px 1px 2px #555; 
	padding:3px 5px;
	line-height:22px;
	cursor:pointer;
	background:#800;
	display:inline-block;
	border:1px solid #600;
	border-radius:3px;
	-webkit-transition:color 0.2s ease-in-out, background 0.2s  ease-in-out;
	transition: color 0.2s ease-in-out,  background 0.2s ease-in-out;
	margin:0;
}

#EditImg .button:hover{background:#a00;}
#EditImg .button:before{content:''; background-image:url(../img/iconspc.png); background-repeat: no-repeat; width:24px;height:24px; display:block;float:left; margin-right:5px}

#EditImg #guardarbtn:before{background-position:-242px 0px}
#EditImg #guardarbtn{float:right}
#EditImg #eliminarbtn:before{background-position:-266px 0px}




/* Mailer OutLook*/


.mailerimg{margin-top:20px; padding:10px; background:#fff; width:640px; height:170px}

.mailerimg .changeimg{position:absolute; background:rgba(0,0,180,0.8); color:#fff; padding:10px; width:620px; text-align:center; margin-top:100px; opacity:0; cursor:pointer}
.mailerimg .changeimg:hover{background:rgba(0,0,225,0.8);}
.mailerimg .changeimg:active{background:rgba(200,0,0,0.8);}

.mailerimg:hover .changeimg{opacity:1}


h3.launch{color:#CCC; cursor:pointer; margin-top:20px;}
div.block{ border: 1px solid #e1e1e1;  padding:5px 10px}

h3.launch.active, h3.launch:hover{color:#333}


/*para los subsusbsecores*/


.masect{font-size:14px; color:#000}

.steatro{position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; background:rgba(255,255,255,0.6); display:none}
.stinner{margin:200px auto; width:400px; background:#fff; box-shadow: 5px 5px 6px rgba(0,0,0,0.5)}

.stinner h2{background:#800; padding:10px;color:#fff; border:none; font-size:16px;}

.stinner >div{padding:20px; font-size:14px}

.stinner >div > div{margin:5px 0;}

.stinner span{display:inline-block; width:85px;; padding-left:15px}

.stinner .actiontea{text-align:right}

.stinner .actiontea >div{display:inline-block; width:80px; margin-left:20px; background:#800; color:#fff; text-align:center; padding:2px 0 5px 0; border: 1px solid #700; box-shadow:1px 1px 1px rgba(0,0,0,0.3); text-shadow::1px 1px 1px rgba(0,0,0,0.8); cursor:pointer; border-radius:2px}
.stinner .actiontea >div:hover{ background:#A00;border: 1px solid #B00; }


.linesub{background:#f1f1f1; border:1px solid #ddd; color:#000; margin: 3px 4px; padding:2px 5px}

.linesub span{ background:#222; display:inline-block; padding:2px 3px !important; height:auto important; margin:0 5px; important}
.linesub span a{color:#fff}



.posibilidades > div{font-family: arial, sans-serif; color:#555; padding:3px 10px; background:#fff; border: 1px solid #ddd; margin:1px 6px; font-size:12px; cursor:pointer}
.posibilidades > div b{color:#000;}
.posibilidades > div:hover{background:#eee;}
.posibilidades > div > div {float:right; font-size:14px; font-weight:800; width:15px; height:15px; overflow:hidden; margin-top:-2px; text-align:center;; vertical-align:-10px}
.posibilidades > div > div:hover{color:#4285f4; border-color:#4285f4}

#SectoresData {min-height:40px;; margin-bottom:20px;}
#SectoresData > div{color:#555; padding:3px 5px; background:#fff; border-bottom: 1px solid #ddd;  font-size:14px; cursor:pointer}
#SectoresData > div b{color:#000;}
#SectoresData > div:hover{background:#eee;}
#SectoresData > div > div {font-family: arial, sans-serif; float:right; font-size:14px; font-weight:800; width:15px; height:15px; overflow:hidden; margin-top:-2px; text-align:center;; vertical-align:-10px}
#SectoresData > div > div:hover{color:#4285f4; border-color:#4285f4}

#SCList{width:350px; overflow:hidden !important}



.bol0{background:url(../img/st0.jpg) no-repeat 50% 50%}
.bol1{background:url(../img/st1.jpg) no-repeat 50% 50%}
.listline.emp >div{
	overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

.listline.emp >div:nth-child(1){max-width:300px; width:300px}
.listline.emp >div:nth-child(2){max-width:180px; width:180px}
.listline.emp >div:nth-child(3){max-width:80px; width:80px}
.listline.emp >div:nth-child(4){max-width:80px; width:80px}
.listline.emp >div:nth-child(5){max-width:80px; width:80px}
.listline.emp >div:nth-child(6){width:60px}