/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align: top;}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.coverimage{background-repeat: no-repeat no-repeat;background-size: cover !important;background-position:50% 50%;}.coverfixed{background-size: cover;background-attachment: fixed;}.cfix{*zoom: 1;}.cfix:before,.cfix:after{display:table;content: "";}.cfix:after{clear: both;}.imgfluid{max-width:100%;vertical-align:top;border:0;}.astable{width:100%;height:100%;display:table;}.ascell{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center;}.vertical-content:before{content: '';display: inline-block;vertical-align: middle;height: 100%;width: 1px;}.transition{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*! end normalize.css v3.0.0 | MIT License | git.io/normalize */
::-webkit-selection{color:#fff;background:#e91e63;}
::-moz-selection{color:#fff;background:#e91e63;}
::-ms-selection{color:#fff;background:#e91e63;}
::selection{color:#fff;background:#e91e63;}
::-webkit-input-placeholder{color: #757575;}
:-moz-placeholder{color: #757575;}
::-moz-placeholder{color: #757575;}
:-ms-input-placeholder{color: #757575;}

h1,h2,h3,h4,h5,h6, .secondfont{
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	margin: 0 0;
}
html, body{
	width: 100%;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #212121;
	background: #fafafa;
}
h1{
	font-size: 30px;
	line-height: 38px;
}
h1.big{
	font-size: 40px;
	line-height: 46px;
}
h3{
	font-size: 20px;
	line-height: 24px;
}
h4{
	font-size: 18px;
	line-height: 22px;
}
hr{
	background: #e2e2e2;
	height: 1px;
	width: 100%;
	margin: 15px 0;
	outline: 0;
	border: 0;
}
.no-resize{
	resize: none;
}
.margins{
	margin: 30px 0;
}
.margins.nmb{
	margin-bottom: 0;
}
.margins.nmt{
	margin-top: 0;
}
.ml-2{
	margin-left: 20px;
}
.tcenter{
	text-align: center;
}
.section{
	text-align: center;
	padding: 50px 0;
}
.section.npt{
	padding-top: 0;
}
.section.npb{
	padding-bottom: 0;
}
.section h1{
	margin: 16px 0;
}
.section h3{
	margin: 10px 0;
}
.whitesection{
	background: #fff;
}

.check1{
	position: relative;
}
.check1 label{
	display: block;
	position: relative;
	width: 100%;
}
.check1 label input{
	display: none;
}
.check1 .cb{
	position: absolute;
	top:-13px;
	right:-13px;
	padding: 0 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #757575 !important;
	border: 1px solid #b7b7b7;
	border-radius: 50%;
	text-align: center;
	background: #fff;
	font-size: 0;
}
.check1 .cb .fa{
	font-size: 12px;
	display: block;
	line-height: 18px;
}
.check1 .cb .icon{
	font-size: 11px;
	line-height: 18px;
	display: none;
	vertical-align: middle;
}
.check1:hover label input + .cb .icon{
	display: block;
}
.check1 label input:checked + .cb{
	border-color: #2eb5de;
	background: #2eb5de;
	color: #fff !important;
}
.check1 label input:checked + .cb .icon{
	display: block;
}

.preguntalinea{
	width: 100%;
	position: relative;
	text-align: center;
}
.preguntalinea .texto{
	position: relative;
	z-index: 5;
	background: #fafafa;
	display: inline-block;
	padding: 0 20px;
}
.preguntalinea::before{
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: #d5d5d5;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
}
.whitesection .preguntalinea .texto{
	background: #fff;
}

#root{
	min-height: 800px;
	background-color: #fafafa;
}
.crel{
	position: relative;
	height: 100%;
}
.fgray{
	color: #757575;
}
.flgray{
	color: #999;
}
.facento{
	color: #141414;
}
.fred{
	color: #db4437;
}
.fsxsmall{
	font-weight: 400;
	font-size: 11px;
	line-height: 13px;
}
.fssmall{
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
}
.fsnormal{
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}
.fsbig{
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
}
.fsxbig{
	font-weight: 300;
	font-size: 48px;
	line-height: 1em;
}
.tleft{
	text-align: left;
}
.tright{
	text-align: right;
}

a{
	text-decoration: none;
	color: #0288d1;
}
a:hover{
	color: #006297;
}

.hidden{
	display: none;
}

.titulo{
	font-weight: 300;
	font-size: 24px;
	line-height: 30px;
	color: #212121;
	margin-bottom: 30px;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	display: inline-block;
}

.templates{
	padding: 173px 50px 100px;
	text-align: center;
}
.templates .ticon{
	margin-bottom: 30px;
	font-size: 120px;
}

.materiasmenu{
	font-size: 0;
	text-align: right;
}
.materiasmenu.nmb{
	margin-bottom: 0;
}
.materiasmenu .mopt{
	font-size: 14px;
	line-height: 30px;
	padding: 10px 15px;
	border-radius: 10px 10px 0 0;
	margin-left: 10px;
	color: #fff;
}
.materiasmenu .mopt:hover, .materiasmenu .mopt.active{
	background: #f9f9f9;
	color: #2eb5de;
}

/*Generales*/
.area{
	position: relative;
	width: 100%;
}
/*.whitsidebar{
	padding-left: 260px;
}*/
.pagecontent{
	padding-top: 60px;
	padding-bottom: 40px;
	padding-left: 60px;
}
.boxshadow{
	-webkit-box-shadow: 0 0 1px 0 rgba(60,60,60,.4);
	box-shadow: 0 0 1px 0 rgba(60,60,60,.4);
}
.boxshadowhigh{
	-webkit-box-shadow: 0 0 4px 0 rgba(60,60,60,.2);
	box-shadow: 0 0 4px 0 rgba(60,60,60,.2);
}
.box{
	padding: 0 0;
	background: #fff;
	margin-bottom: 20px;
	border-radius: 10px 10px 0 0;
	-webkit-box-shadow: 0 0 10px 0 rgba(60,60,60,.4);
	box-shadow: 0 0 10px 0 rgba(60,60,60,.4);
	text-decoration: none;
	display: block;
	color: #212121;
	text-align: left;
}
.box:hover{
	color: #212121;
	text-decoration: none;
}
.box.boxsmall{
	max-width: 700px;
}
.noshadow{
	-webkit-box-shadow: none;
	box-shadow: none;
}
.box .btop{
	padding: 19px 15px;
	position: relative;
}
.box .btop h4{
	line-height: 22px;
}
.box .btop h4 .fa{
	margin-right: 5px;
}
.box .btop .margint{
	margin-top: 10px;
}
.box .btopopts{
	background: #f5f5f5;
	border-bottom: 1px solid #e0e0e0;
}
.box .btopopts .opts{
	position: absolute;
	z-index: 5;
	right: 0;
	top: 0;
	padding: 23px 15px 23px 0;
}
.box .btopopts .opt{
	margin-left: 15px;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	color: #757575;
	text-decoration: none;
}
.box .btopopts .opt:hover{
	color: #212121;
}
.box .bbody{
	padding: 15px;
}
.box .bbody.nt{
	padding-top: 0;
}
.box .bbody.bf{
	padding: 55px 55px;
}
.box .bbody.bfs{
	padding: 30px 30px;
}
.box .bbody.nop{
	padding: 0 0;
}
.box .balert{
	text-align: center;
	padding: 25px 70px;
}
.box .bbody h1{
	margin: 0 0 12px 0;
}
.box .balert h3{
	margin: 25px 0 15px;
}
.box .balert h4{
	margin: 15px 0 15px;
}
.box .bbody .importantnote{
	width: 100%;
	padding: 15px 20px;
	background: #e6e6e6;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 300;
}
.box .balert .baimg{
	max-height: 160px;
	display: inline-block;
}
.box .bbody .info{
	text-align: center;
	margin: 0 auto;
	max-width: 360px;
}
.bsize1{
	height: 106px;
}
.bsize2{
	height: 196px;
}
.bsfull{
	height: 100%;
}

.boxartistav .artistav1{
	margin-bottom: 15px;
}

.boxenlace{
	color: #212121;
	font-size: 18px;
	text-transform: uppercase;
}

.boxenlace .beiconoimg{
	width: 48px;
	margin-bottom: 10px;
}
.boxenlace:hover{
	color: #0288d1;
	/*border: 1px solid #0288d1;*/
}

.boxenlace .imagen {
	border-radius: 10px 10px 0 0;
	height:200px;
}

.boxenlace .ascell {
	vertical-align: bottom;
	text-align:left;
	padding:15px;
}

.boxespecificaciones .e{
	margin-bottom: 6px;
	word-wrap: break-word;
}
.boxespecificaciones .e:last-child{
	margin-bottom: 0;
}
.boxestatusactual{
	margin-top: 10px;
}
.boxestatusactual .e{
	margin-bottom: 6px;
}
.boxestatusactual .e .fa{
	margin-right: 5px;
}
.boxestatusactual .e:last-child{
	margin-bottom: 0;
}

.boxinformaciongeneral table td{
	border: 1px solid #ccc;
	padding: 6px 10px;
}

.boxespecial1{

}
.boxespecial1 .astable{
	/*background: rgba(255,255,255,0.8);*/
    /*color: #0288d1;*/
    color: #fff;
	font-weight: bolder;
}
.boxespecial1:hover .astable{
	/*background: rgba(255,255,255,0.5);*/
}

.suscribir {
	padding:15px;
	font-size: 14px;
}

.suscribir i {
	float:right;
	font-size: 14px;
}

/*Notificaciones*/
.notificaciones-box{
	font-size: 0;
}
.submenu.notificaciones-box .sm-menu{
	
}
.notificaciones-box .fa{
	font-size: 16px;
	color: #fff;
	vertical-align: middle;
}
.notificaciones-box .badge{
	position: absolute;
	z-index: 10;
	vertical-align: middle;
	display: none;
	width: 18px;
	height: 18px;
	line-height: 18px;
	background: #ff3737;
	font-weight: bold;
	text-align: center;
	border-radius: 36px;
	font-size: 10px;
	color: #fff;
	right: -5px;
	top: -5px;
}
.notificaciones-box.nnuevas .badge{
	display: inline-block;
}

.notificaciones{
	width: 100%;
	text-align: left;
	padding: 0 0;
}
.notificaciones .notificacion{
	width: 100%;
	display: block;
	font-size: 14px;
	line-height: 1.4em;
	padding: 15px 15px 15px 15px;
	border-bottom: 1px solid #ececec;
	position: relative;
}
.notificaciones.notificaciones-small .notificacion{
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}
.notificaciones .notificacion:last-child{
	border-bottom: 0;
	margin-bottom: 0;
}
.notificaciones .notificacion .imagen{
	position: absolute;
	height: 42px;
	width: 42px;
	z-index: 10;
	left: 15px;
	top: 13px;
	color: #0f4761;
}
.notificaciones .notificacion .imagen .fa{
	color: #0f4761;
}
.notificaciones .notificacion .imgicon{
	line-height: 34px;
	text-align: center;
	font-size: 25px;
}
.notificaciones .notificacion .imagen img{
	vertical-align: top;
	width: 100%;
	height: 100%;
	border: 0;
}
.notificaciones .notificacion .letra{
	position: relative;
	z-index: 2;
	padding-left: 52px;
	padding-right: 10px;
	min-height: 42px;
}
.notificaciones .notificacion .letra{
	color: #0f4761;
}
.notificaciones .notificacion .ntime{
	font-size: 13px;
	color: #7f9098;
}
.notificaciones .notificacion.cleido{

}
.notificaciones .notificacion.cnoleido{
	background: #f2f8fd;
}
.notificaciones .notificacion:hover{
	background: #fcfcfc;
}

span.hover:hover{
	text-decoration: underline;
}

/*.wrap{
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}*/
.wrap{
	width: 100%;
	padding: 60px;
	position: relative;
}
.wrap.wrapfull{
	max-width: 3000px;
}
.wrap.wrapheader{
	max-width: 1300px;
	padding: 0 0;
}
.wrap.wrapbig{
	max-width: 1100px;
}
.wrap.wrapnormal{
	max-width: 1010px;
}
.wrap.wrapmedium{
	max-width: 774px;
}
.wrap.wrapsmall{
	max-width: 700px;
}
.wrap.wrapxtrasmall{
	max-width: 600px;
}

.textura1{
	background: #fafafa url("../images/textura1.jpg") repeat 0 0;
    background-size: 241px 168px;
}
.textura2{
	background: #fafafa url("../images/textura2.jpg") repeat 0 0;
    background-size: 200px 201px;
}

/* EMPRESA */
.empresaicono{
	width: 80px;
	height: 80px;
	border-radius: 100px;
	background: #455a64;
	line-height: 80px;
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
}

/* TOP NAVBAR */
.top-navbar {
	transition: all 0.3s ease-in-out;
	background: #000000;
	position: fixed;
	top: 0px;
	right: 0;
	height:60px;
	width: calc(100% - 52px);
	z-index: 8;
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.header > .container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	padding-left: 52px;
	padding-right: 12px;
	border-radius: 0 6px 0 0;
	margin-right: 7px;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
}

.navbar-left {
	
}

.navbar-right {
	display: inline-flex;
	margin-right:12px;
}

/* SIDEBAR */
.sidebar{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	/*width: 260px;*/ 
	height: 100%;
	background: #fff;
	padding-left: 52px;
}
.sidebar hr{
	background: #e2e2e2;
	padding: 0 0;
	border: 0;
	outline: 0;
	height: 1px;
	margin: 0 0;
}
.sidebar .hrsmall{
	padding: 0 10px;
	margin: 15px 0;
}
.sidebar .sbc1{
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	width: 60px;
	height: 100%;
	background: #000000;
}
.sidebar .sbc2{
	width: 100%;
	position: relative;
	z-index: 1;
}
.sidebar .gradosmenu{
	height: 100%;
	width: 100%;
	position: relative;
}
.sidebar .gradosmenu.siga, .sidebar .gradosmenu.siga .astable, .sidebar .gradosmenu.siga .ascell{
	height: auto;
}
.sidebar .gradosmenu .grado{
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-left: 3px solid #000;
	border-right: 3px solid #2e2e2e;
	padding: 7px 0;
}
.sidebar .gradosmenu .grado .g{
	line-height: 18px;
}
.sidebar .gradosmenu .grado .m{
	line-height: 14px;
	text-align: center;
	font-size: 9px;
}
.sidebar .gradosmenu .grado:hover{
	border-right-color: #fff;
	background: #000;
}
.sidebar .gradosmenu .grado.active {
	position: relative;
    left: 2px;
	border-right-color: #2eb5de;
	background: #2eb5de;
}
.sidebar .gradosmenu .gradogrouptitle{
	padding: 16px 0;
	display: none;
}
.sidebar .gradosmenu .gm-group.closed .grado{
	display: none;
}
.sidebar .gradosmenu .gm-group.closed .gradogrouptitle, .sidebar .gradosmenu .gm-group.open .gradogrouptitle{
	display: block;
}
.sidebar .gradosmenu .gm-group.open .gradogrouptitle .fa-plus::before{
	content: "\f068";
}
.sidebar .gradosmenu.compact .ncompact{
	display: none;
}
.sidebar .notademostracion{
	width: 100%;
	border-radius: 4px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	background: #ff9800;
	text-align: center;
	letter-spacing: 1px;
	padding: 6px 0;
	max-width: 198px;
	margin: 5px auto 0;
}

.sidebar .otrasacciones{
	position: absolute;
	z-index: 10;
	margin:6px;
	bottom: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
	border-radius: 6px;
}
.sidebar .otrasacciones .accion{
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 13px;
	margin-bottom: 15px;
	padding: 4px 0;
	border-bottom: solid 1px #333333;
}
.sidebar .otrasacciones .accion .fa{
	font-size: 18px;
	margin-bottom: 3px;
}
.sidebar .otrasacciones .accion:hover{
    border-bottom-color: #fff;
}
.sidebar .recursosmenu{
	width: 100%;
	position: relative;
	text-align: left;
}
.sidebar .recursosmenu .recurso{
	display: block;
	width: 100%;
	color: #212121;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	height: 50px;
	padding: 2px 15px;
	position: relative;
}
.sidebar .recursosmenu .recurso .t{
	height: 100%;
	padding-left: 45px;
}
.sidebar .recursosmenu .recurso .icono{
	position: absolute;
	z-index: 5;
	left: 15px;
	top: 0;
	font-size: 25px;
	line-height: 50px;
	color: #212121;
}
.sidebar .recursosmenu .recurso .icono img{
	width: 28px;
	vertical-align: middle;
}
.sidebar .recursosmenu .recurso .ascell{
	text-align: left;
}
.sidebar .recursosmenu .recurso:hover, .sidebar .recursosmenu .recurso.active{
	color: #fff;
	background: #0288d1;
}
.sidebar .recursosmenu .recurso:hover .icono, .sidebar .recursosmenu .recurso.active .icono{
	color: #fff;
}

.sidebar .actions{
	background: #fff;
	text-align: center;
	height: 40px;
}
.sidebar .actions .action{
	width: 33.333333333333333333%;
	float: left;
	padding: 5px 0;
}
.sidebar .actions .aa{
	line-height: 30px;
	font-size: 20px;
	text-decoration: none;
	display: inline-block;
}
.sidebar .menu{
	padding: 30px 0 0;
}
.sidebar .menu .mopt{
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 15px;
	text-decoration: none;
	color: #6f6f6f;
	width: 100%;
	display: block;
	margin-bottom: 12px;
}
.sidebar .menu .mopt:hover, .sidebar .menu .mopt.active{
	background: #f7f7f7;
}
.sidebar .menusmall{
	padding: 25px 0;
}
.sidebar .menusmall .mopt{
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 15px;
	text-decoration: none;
	color: #6f6f6f;
	width: 100%;
	display: block;
	margin: 5px 0;
}
.sidebar .menusmall .mopt:hover{
	background: #f7f7f7;
}
.sidebar .logo{
	padding: 13px 5px;
	text-align: center;
	position: relative;
}
.sidebar .logo img{
	width: 100%;
	border: 0;
}
.sidebar .avcon{
	width: 100%;
	padding: 15px 15px;
}
.sidebar.innersidebar{
	z-index: 3;
	padding-top: 104px;
}
.sidebar .top{
	position: relative;
	margin-top: 10px;
}
.sidebar .userdata{
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 0 15px;
}
.userdata .pp{
	width: 100%;
	max-width: 50px;
	margin: 0 auto;
	border-radius: 100%;
	overflow: hidden;
	padding: 0 5px;
}
.sidebar .userdata .pp img{
	width: 100%;
}
.sidebar .userdata .udnombre{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #757575;
	margin-left: 10px;
}
.sidebar .notificaciones-box{
	position: absolute;
	right: 70px;
	top: 16px;
	z-index: 505;
}

/* HEADER */
.header{
	z-index: 99;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding: 7px 0;
	text-align: center;
	height:60px;
	background: #000;
}
.header.nosidebar{
	padding-left: 0;
}
.header .wrap{
	height: 60px;
	position: relative;
}
.header .menubtn{
	width: 42px;
	padding: 10px 10px;
	display: block;
	position: absolute;
	z-index: 10;
	left: 5px;
	top: 11px;
}
.header .menubtn .bar{
	width: 100%;
	background: #fff;
	height: 3px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.header .menubtn .bar.center{
	margin:4px 0;
}
.header .menubtn:hover .bar{
	background: #fff;
}
.header.open .hr .menu{
	display: block;
}
.header .hlogo{
	height: 100%;
	display: inline-block;
	vertical-align: top;
}
.header .hlogo img{
	height: 100%;
}

.header .line {
	border-top: solid 2px #2eb5de;
	margin-top:-2px;
	margin-right:7px;
	width:20%;
	position: absolute;
	right: 0;
}

/* TOP BAR */
.topbar{
	background-color: #2eb5de;
}

.toptitle {
	width: 25%;
	display: inline-block;
	padding:20px;
}

.bottommenu {
	width:70%;
	display: inline-block;
	vertical-align:bottom;
}
.volver {
	width:54%;
	display: inline-block;
	vertical-align:middle;
	text-align: right;
}
.topbar .titulo{
	margin-bottom: 0;
	font-size:16px;
	color:#fff;
}
.topbar .bottommenu .pullright{
	float: right;
}
.topbar .bottommenu .tbm{
	margin-right: 10px;
}
.topbar .bottommenu .tbml{
	margin-left: 10px;
}

.astable2{
	width:100%;
	height:100%;
	display:table;
}
.ascell2{
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.buscador-crece {
	display: inline-block;
	flex:right;
	width:50%;
}
.right-align {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
/* ESTATUS */
.estatus{
	display: inline-block;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	background: #ccc;
	padding: 0 8px;
	border-radius: 4px;
}
.estatus.einicio{
	background: #009688;
}
.estatus.erevision{
	background: #00bcd4;
}
.estatus.ecambios{
	background: #de7c09;
}
.estatus.ecompletado{
	background: #1b9620;
}
.estatus.ecomentario{
	background: #3f51b5;
}
.estatus.eprogreso{
	background: #008477;
}
.estatus.esolicitar{
	background: #782aa9;
}
.estatus.ecancelado{
	background: #ff3737;
}
.estatus.ebig{
	font-size: 14px;
	padding: 7px 12px;
}
.estatus.eblock{
	display: block;
	width: 100%;
	text-align: center;
}
.submenu{
	position: relative;
	z-index: 500;
}
.submenu .sm-menu{
	position: absolute;
	min-width: 300px;
	z-index: 5;
	background: #fff;
	border: 1px solid #ddd;
	padding: 0 0;
	top: 100%;
	right: 0;
	color: #6f6f6f;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	border-radius: 4px;
	margin-right: 8px;
	display: none;
}
.submenu .sm-menu.sm-sidebar-not{
	right: 0;
	margin-left:10px;
	margin-top: 0;
}
/*.submenu .sm-menu.sm-sidebar-usu{
	right: auto;
	left: 100%;
	top: 0;
	margin-top: 0;
	margin-left: -15px;
}*/
.submenu .sm-menu.sm-right{
	right: auto;
	left: 0;
}
.submenu .sm-menu.sm-right::before{
	right: auto;
	left: 10px;
}
.submenu .sm-menu .more{
	text-align: center;
	display: block;
	font-size: 12px;
	padding: 10px 0;
}
.submenu .smline{
	height: 1px;
	background: #ddd;
	margin: 0 0;
}
.submenu .smt{
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0 15px;
	color: #333;
}
.submenu .sme{
	padding: 15px 35px;
	display: block;
	text-decoration: none;
	color: #555;
}
.submenu .sme:hover{
	background: #e1f5fe;
	color: #03a9f4;
}
.submenu .sbcuerpo{
	padding: 5px 15px;
	display: block;
	text-decoration: none;
	color: #6f6f6f;
}
.submenu .sbcuerpo.notificaciones{

}
.submenu .sbcuerpo .divisorcon{
	padding: 0 10px;
	margin: 14px 0 0;
}
.submenu .sbcuerpo .divisor{
	margin: 0 0;
}
.submenu .sbline{
	margin: 10px 0;
	width: 100%;
	height: 1px;
	background: #eee;
}
.submenu .sbline.nm{
	margin: 0 0;
}
.submenu.selected .sm-menu{
	display: block;
}
.submenu.selected .sm-menu .sm-scroll{
	max-height: 400px;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	border-bottom: 1px solid #eee;
}

/* Divisor */
.divisor{
	width: 100%;
	position: relative;
	text-align: center;
	font-size: 0;
	margin-bottom: 10px;
	margin-top: 10px;
}
.divisor .dti{
	position: relative;
	z-index: 5;
	color: #989898;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	padding: 0 10px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
}
.divisor::before{
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 7px;
	width: 100%;
	height: 1px;
	background: #aaa;
}

.descargas{
	font-size: 0;
}
.descargas .descargabtn{
	display: inline-block;
	vertical-align: top;
	margin: 20px 20px 0 0;
}

.recursovista{
	padding: 20px 15px;
	position: relative;
	width: 100%;
}
.recursovista .subtitulo{
	margin-top: -22px;
	margin-bottom: 30px;
}
.recursovista .descripcion{
	margin-bottom: 30px;
}
.recursovista .video{
	width: 100%;
	height: 480px;
	background: #f0f0f0;
}
.recursovista .pdf{
	width: 100%;
	height: 680px;
	background: #f0f0f0;
	position: relative;
}
.recursovista .pdf.fvhorizontal{
	height: 550px;
}
.recursovista .imagefileshow{
	width: 100%;
	background: #f0f0f0;
	position: relative;
}
.recursovista .imagefileshow .imagefile{
	width: 100%;
}
.recursovista .fvnota{
	position: absolute;
	z-index: 10;
	left: 0;
	top: 15px;
	border-radius: 0 14px 14px 0;
    background: #FFC107;
    color: #614a06;
    padding: 6px 15px;
    font-size: 11px;
    line-height: 14px;
	font-weight: 600;
}
.recursovista .fvnota a{
	color: #000;
	text-decoration: underline;
}
.rvacciones{
	text-align: center;
	margin-top: 30px;
}
.ultimavisita{
	padding: 10px;
	background: #fafafa;
	border: 1px solid #ddd;
	color: #999;
	font-size: 12px;
	line-height: 1.4em;
	margin-top: 15px;
	font-style: italic;
	text-align: center;
}

.estrella{
	font-size: 24px;
	color: #ffdc2e;
	display: inline-block;
	vertical-align: middle;
}


/* LISTAS */
.subcarpetas{
	margin-left: -5px;
	margin-right: -5px;
	position: relative;
	font-size: 0;
	margin-top: 50px;
}
.subcarpetas .subcarpeta{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 20%;
	padding: 5px;
}
.subcarpetas .scaccion{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #212121;
	font-size: 13px;
	line-height: 22px;
	font-weight: 600;
	padding: 20px 15px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px 0 rgba(128,128,128,1);
	box-shadow: 0 1px 4px 0 rgba(128,128,128,1);
}
.subcarpetas .scaccion:hover{
	-webkit-box-shadow: 0 1px 8px 0 rgba(128,128,128,1);
	box-shadow: 0 1px 8px 0 rgba(128,128,128,1);
}
.subcarpetas .scaccion .fa{
	display: block;
	font-size: 50px;
	text-align: center;
	margin: 0 auto 20px auto;
	color: #5fccef;
    text-shadow: 1px 1px 1px #257e9a;
}
.subcarpetas .scaccion .sctexto{
	display: inline-block;
	color: #555;
	text-transform: uppercase;
}
.subcarpetas .subcarpeta.scselect .scaccion{
	background: #f2fbff;
    color: #0288d1;
}
.subcarpetas .scopenothers{
	display: none;
}
.subcarpetas.sccompact .fa{
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 18px;
}
.subcarpetas.sccompact .subcarpeta{
	display: none;
}
.subcarpetas.sccompact .scopenothers, .subcarpetas.sccompact .scselect{
	display: inline-block;
}


.listamateriales{
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
	margin-bottom: -15px;
	font-size: 0;
}
.listamateriales .materialcon{
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding: 15px 15px;
}
.listamateriales .material{
	display: block;
	width: 100%;
	background: #fff;
	position: relative;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 4px 0 rgba(128,128,128,1);
	box-shadow: 0 1px 4px 0 rgba(128,128,128,1);
}
.listamateriales .material:hover{
	-webkit-box-shadow: 0 1px 8px 0 rgba(128,128,128,1);
	box-shadow: 0 1px 8px 0 rgba(128,128,128,1);
}
.listamateriales .material .ctop{
	border: 2px solid #2eb5de;
	border-radius: 10px 10px 0 0;
	padding: 20px 15px;
	position: relative;
	min-height: 93px;
}
.listamateriales .material .ctop.wtt{
	padding-right: 83px;
}
.listamateriales .material .ctop .thumbnail{
	position: absolute;
	z-index: 10;
	right: 15px;
	top: 20px;
	width: 53px;
	height: 53px;
}
.listamateriales .material .ctop .thumbnail img{
	display: block;
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.listamateriales .material .cbottom{
	padding: 20px;
	background-color: #2eb5de;
	border-radius: 0 0 10px 10px;
}
.listamateriales .material .t{
	color: #212121;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: 600;
}
.listamateriales .material .st{
	color: #fff;
	font-size: 14px;
	line-height: 1.3em;
	width:90%;
}
.listamateriales .material .d{
	color: #757575;
	font-size: 14px;
	line-height: 1.6em;
}
.listamateriales .material p{
	margin: 0 0;
}
.listamateriales .material .bactions{
	margin-top: 5px;
	position: relative;
	right:0;
}
.listamateriales .material .bactions .nota{
	text-transform: uppercase;
    font-size: 13px;
    line-height: 14px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
	color: #999;
}
.listamateriales .material .descargado{
	position: absolute;
	z-index: 10;
	right: 0;
	top: -6px;
	color: #5cce00;
	font-size: 30px;
	display:none;
}
.downbtn {
	position:absolute;
	right:0;
	bottom:50%;
}
.titulo-r {
	width:90%;
}
.listamateriales .material .bulkactions{
	display: none;
	position: absolute;
	z-index: 30;
	right: 0;
	top: 0;
	padding: 5px;
}
.listamateriales .material:hover .bulkactions{
	display: block;
}
.listamateriales.showbulk .material .bulkactions{
	display: block;
}

.bulkactionsmenu{
	position: fixed;
	z-index: 35;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-left: 60px;
}
.bulkactionsmenu .bacontainer{
	width: 100%;
	background: #2eb5de;
	padding: 10px;
	text-align: center;
	-webkit-box-shadow: 0 0 1px 0 rgba(60,60,60,.4);
    box-shadow: 0 0 1px 0 rgba(60,60,60,.4);
}

.bulkbtn {
	background-color: #fff!important;
	color: #2eb5de!important;
	border-radius:10px!important;
}

.listaproyectos{
	width: 100%;
}
.listaproyectos .proyecto{
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	padding: 24px 20px;
	text-decoration: none;
	color: #212121;
	background: #fff;
	display: block;
	position: relative;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
	color: #03a9f4;
}
.listaproyectos .proyecto:hover{
	background: #f2f8fd;
}
.listaproyectos .proyecto.d1{
	background: #fffcd5;
	color: #7d7400;
}
.listaproyectos .proyecto.d1:hover{
	background: #fffabf;
	color: #7d7400;
}
.listaproyectos .proyecto:last-child{
	border-bottom: 0;
}
.listaproyectos .p{
	float: left;
	font-size: 14px;
	line-height: 20px;
	max-width: 55%;
	font-weight: 600;
}
.listaproyectos .a{
	float: right;
	text-align: right;
	font-size: 0;
}
.listaproyectos .e{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.listaproyectos .estatus{
	vertical-align: top;
}

.listacomunicados{
	width: 100%;
}
.listacomunicados .comunicado{
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
	padding: 19px 10px;
	text-decoration: none;
	color: #212121;
	display: block;
	position: relative;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.listacomunicados .comunicado:hover{
	background: #e1f5fe;
}
.listacomunicados .comunicado:last-child{
	border-bottom: 0;
	margin-bottom: 0;
}
.listacomunicados .comunicado.cleido{
	border-left-color: #aaa;
	color: #888;
}
.listacomunicados .p{
	float: left;
	font-size: 18px;
	line-height: 20px;
	max-width: 55%;
	font-weight: bold;
}
.listacomunicados .a{
	float: right;
	text-align: right;
	font-size: 0;
}
.listacomunicados .e{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.listacomunicados .d{
	float: left;
	width: 100%;
	margin-top: 15px;
	font-size: 14px;
	line-height: 20px;
}

/* Lista Comunicados Imagen */
.listacomunicadosimagen{
	width: 100%;
}
.listacomunicadosimagen .comunicado{
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	text-decoration: none;
	color: #212121;
	position: relative;
	display: block;
	position: relative;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
	margin-bottom: 20px;
}
.listacomunicadosimagen .comunicado:last-child{
	margin-bottom: 0;
}
.listacomunicadosimagen .comunicado:hover{
	background: #e1f5fe;
}
.listacomunicadosimagen .comunicado:last-child{
	border-bottom: 0;
	margin-bottom: 0;
}
.listacomunicadosimagen .comunicado.cleido{

}
.listacomunicadosimagen .comunicado .featured{
	display: inline-block;
	position: absolute;
	z-index: 10;
	right: 20px;
	top: 20px;
	color: #999;
}
.listacomunicadosimagen .comunicado .soloimagen{
	width: 100%;
}
.listacomunicadosimagen .comunicado .soloimagen img{
	width: 100%;
	vertical-align: top;
}
.listacomunicadosimagen .imagen{
	width: 50%;
	height: 100%;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
}
.listacomunicadosimagen .data{
	width: 100%;
    padding-left: 50%;
	text-align: left;
	min-height: 300px;
}
.listacomunicadosimagen .datacon{
	padding: 50px 40px;
}
.listacomunicadosimagen .p{
	font-size: 20px;
    line-height: 24px;
	color: #212121;
	margin: 0 0 2px 0;
}
.listacomunicadosimagen .a{
	font-size: 0;
}
.listacomunicadosimagen .e{
	display: inline-block;
	vertical-align: middle;
}
.listacomunicadosimagen .d{
	margin-top: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #757575;
}
.listacomunicadosimagen .d p:last-child{
	margin-bottom: 0;
}

/* Lista Conversaciones */
.listaconversaciones{
	width: 100%;
}
.listaconversaciones .conversacion{
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
	padding: 19px 10px;
	text-decoration: none;
	color: #212121;
	display: block;
	position: relative;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.listaconversaciones .conversacion:hover{
	background: #e1f5fe;
}
.listaconversaciones .conversacion:last-child{
	border-bottom: 0;
	margin-bottom: 0;
}
.listaconversaciones .conversacion.cleido{
	border-left-color: #aaa;
	color: #888;
}
.listaconversaciones .p{
	float: left;
	line-height: 20px;
	max-width: 55%;
	font-weight: bold;
	position: relative;
	padding-left: 75px;
	min-height: 60px;
}
.listaconversaciones .a{
	float: right;
	text-align: right;
	font-size: 0;
}
.listaconversaciones .e{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.listaconversaciones .d{
	float: left;
	width: 100%;
	margin-top: 15px;
	font-size: 14px;
	line-height: 20px;
}
.listaconversaciones .p .nombre{
	margin-bottom: 6px;
	margin-top: 5px;
}
.listaconversaciones .p .umensaje{
	font-weight: 400;
}
.listaconversaciones .pp{
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	overflow: hidden;
}
.listaconversaciones .pp img{
	width: 100%;
}

/* Caja de conversacion */
.conversacion{
	padding: 0 0;
}
.conversacion .ccolaborador{
	font-size: 0;
	border-bottom: 1px solid #eee;
	padding: 15px;
}
.conversacion .ccolaborador .ccon{
	position: relative;
	width: 100%;
}
.conversacion .ccolaborador .cconusuario{
	display: inline-block;
	text-decoration: none;
	color: #212121;
}
.conversacion .ccolaborador img{
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	border-radius: 100px;
	overflow: hidden;
	margin-right: 10px;
}
.conversacion .ccolaborador .cnombre{
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}
.conversacion .formulario{
	padding: 15px;
	position: relative;
	background: #ecf7ff;
	border-top: 1px solid #d9e9f3;
}
.conversacion .formcampos{
	position: relative;
	width: 100%;
	padding-right: 90px;
}
.conversacion .formcampos .mensajecon{
	position: relative;
	width: 100%;
	z-index: 1;
	padding: 6px 10px;
	background: #fff;
	border: 1px solid #d9e9f3;
	border-radius: 9px;
}
.conversacion .formcampos .btn-enviarestatus{
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
}
.conversacion .chatcon{
	padding: 15px;
	height: 460px;
	overflow-x: hidden;
	overflow-y: scroll;
	/*background: url("../images/textura1.jpg");*/
}
.conversacion .chat .message{
	position: relative;
	width: 100%;
	display: block;
}
.conversacion .chat .mcon{
	position: relative;
	width: 100%;
	max-width: 70%;
	display: inline-block;
	margin-bottom: 4px;
	font-size: 0;
}
.conversacion .chat .mcon .msg{
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	position: relative;
	z-index: 1;
	display: inline-block;
}
.conversacion .chat .mcon .msg p{
	margin: 6px 0 0 0;
}
.conversacion .chat .mcon .msg p:first-child{
	margin: 0;
}
.conversacion .chat .mcon .pp{
	position: absolute;
	z-index: 5;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	overflow: hidden;
	bottom: 0;
}
.conversacion .chat .mautor{
	float: right;
	padding-right: 40px;
	text-align: right;
}
.conversacion .chat .mautor .msg{
	background: #0288d1;
	color: #fff;
	border-radius: 20px 20px 0 20px;
}
.conversacion .chat .mautor .pp{
	right: 0;
}
.conversacion .chat .mamigo{
	padding-left: 40px;
}
.conversacion .chat .mamigo .msg{
	background: #e7eef5;
	color: #002438;
	border-radius: 20px 20px 20px 0;
}
.conversacion .chat .mamigo .pp{
	left: 0;
}

.artistav1{
	width: 100%;
	position: relative;
	padding: 0 0 0 60px;
	text-align: left;
}
.artistav1 .app{
	width: 50px;
	height: 50px;
	border-radius: 100px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.artistav1 .data{
	position: relative;
	z-index: 3;
	width: 100%;
	padding: 3px 0;
}
.artistav1 .data .n{
	font-size: 18px;
	line-height: 22px;
	color: #757575;
	font-weight: 300;
}
.artistav1 .data .stars{
	font-size: 18px;
	line-height: 22px;
	color: #ffc107;
	font-weight: 400;
}

/* Colaborador */
.colaboradorv1{
	width: 100%;
	position: relative;
	padding: 0 0 0 60px;
	text-align: left;
}
.colaboradorv1 .app{
	width: 50px;
	height: 50px;
	border-radius: 100px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.colaboradorv1 .data{
	position: relative;
	z-index: 3;
	width: 100%;
	padding: 3px 0;
}
.colaboradorv1 .data .n{
	font-size: 18px;
	line-height: 22px;
	color: #121212;
	font-weight: 300;
}
.colaboradorv1 .data .detalles{
	font-weight: 400;
	line-height: 1.4em;
	margin-top: 3px;
}

.tema{
	width: 100%;
}
.tema .temaconversacion{
	padding: 30px 55px;
	width: 100%;
	position: relative;
}
.tema .temafooter{
	text-align: center;
	margin-top: 30px;
}
.tema .temafooter .btnlink{
	display: block;
	margin-top: 10px;
}

.listarespuestas{
	width: 100%;
}
.listarespuestas .elemento{
	margin-top: 20px;
	position: relative;
}
.listarespuestas .elemento.erespuesta{
	padding-left: 82px;
	margin-top: 30px;
}
.listarespuestas .elemento.erespuesta .ebody{
	padding: 30px 10px 0;
	border-top: 1px solid #e0e0e0;
}
.listarespuestas .edata{
	position: relative;
	padding: 0 0 0 82px;
}
.listarespuestas .informacion{
	font-size: 0;
}
.listarespuestas .informacion .deletebtn{
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
}
.listarespuestas .mensaje{
	word-wrap: break-word;
	color: #555;
}
.listarespuestas .mensaje p:last-child{
	margin-bottom: 0;
}
.listarespuestas .fecha{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 16px;
	position: relative;
	text-align: right;
	color: #9e9e9e;
}
.listarespuestas .puntito{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	width: 4px;
	height: 4px;
	border-radius: 10px;
	background: #a1a1a1;
}
.listarespuestas .usuario{
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}
.listarespuestas .usuario .nombre{
	font-size: 14px;
	line-height: 20px;
	position: relative;
	z-index: 5;
	color: #212121;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
}
.listarespuestas .usuario .nombre:hover{
	color: #0288d1;
}
.listarespuestas .usuario .pp{
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 100px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	display: block;
	text-decoration: none;
}
.listarespuestas .usuario .ppimg{
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.listarespuestas .eactions{
	margin-top: 15px;
}
.listarespuestas .eactions a{
	margin-right: 10px;
}
.listarespuestas .eactions .btnlink.gris{
	text-transform: none;
}
.listarespuestas .ebody .deletebtn{
	opacity: 0;
}
.listarespuestas .ebody:hover .deletebtn{
	opacity: 1;
}

/* Lista Crece */
.listacrece{
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
	margin-bottom: -15px;
	font-size: 0;
}
.listacrece .materialcon{
	width: 33.333333333333333333333%;
	display: inline-block;
	vertical-align: top;
	padding: 15px 15px;
}
.listacrece .material{
	display: block;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px 0 rgba(128,128,128,1);
	box-shadow: 0 1px 4px 0 rgba(128,128,128,1);
}
.listacrece .material:hover{
	-webkit-box-shadow: 0 1px 8px 0 rgba(128,128,128,1);
	box-shadow: 0 1px 8px 0 rgba(128,128,128,1);
}
.listacrece .material .imagen{
	border-radius: 4px 4px 0 0;
	overflow: hidden;
	width: 100%;
	height: 140px;
}
.listacrece .material .ctop{
	border-bottom: 2px solid #e0e0e0;
	padding: 20px 15px;
}
.listacrece .material .cbottom{
	padding: 20px 15px;
	text-align:right;
}
.listacrece .material .t{
	color: #212121;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: 600;
}
.listacrece .material .st{
	color: #a1a1a1;
	font-size: 14px;
	line-height: 1.3em;
	margin-top: 10px;
}
.listacrece .material .d{
	color: #757575;
	font-size: 14px;
	line-height: 1.6em;
}
.listacrece .material p{
	margin: 0 0;
}
.listacrece .material .bactions{
	margin-top: 36px;
	position: relative;
	text-align:left;
}
.listacrece .material .descargado{
	position: absolute;
	z-index: 10;
	right: 0;
	top: -6px;
	color: #5cce00;
	font-size: 30px;
}

.crecevista{
	padding: 30px 55px;
	position: relative;
	width: 100%;
}
.crecevista .subtitulo{
	margin-top: -22px;
	margin-bottom: 30px;
}
.crecevista .descripcion{
	margin-bottom: 30px;
}
.crecevista .video{
	width: 100%;
	height: 480px;
	background: #f0f0f0;
}


.earchivos{
	font-size: 0;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 10px;
}
.earchivos .archivo{
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	width: 20%;
}
.earchivos .archivo .fname{
	width: 100%;
	font-size: 11px;
	color: #757575;
	padding: 6px 8px;
	border-radius: 0 0 4px 4px;
	background: #f7f7f7;
}
.earchivos .aelm{
	position: relative;
	width: 100%;
	height: 120px;
	display: block;
	background-color: #fafafa;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	color: #212121;
}
.earchivos .aelm .fileicon{
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	font-size: 40px;
	line-height: 60px;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	text-align: center;
}

/* LISTA ARCHIVOS */
.listaarchivos{
	font-size: 0;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
	margin-bottom: -15px;
}
.listaarchivos .archivo{
	display: inline-block;
	vertical-align: top;
	padding: 15px;
	width: 33.3333333333333333333%;
}
.listaarchivos .archivo .fname{
	width: 100%;
	font-size: 11px;
	color: #757575;
	background: #f7f7f7;
	padding: 6px 8px;
	border-radius: 0 0 4px 4px;
}
.listaarchivos .aelm{
	position: relative;
	width: 100%;
	height: 260px;
	display: block;
	background-color: #fafafa;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	color: #212121;
}
.listaarchivos .aelm .fileicon{
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	font-size: 40px;
	line-height: 60px;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	text-align: center;
}

.floading{
	height: 40px;
	vertical-align: middle;
	display: none;
}
form .acciones{
	text-align: right;
	margin-top: 30px;
}
form .acciones .floading{
	margin-right: 5px;
}
form .acciones .btn{
	margin-left: 5px;
}
form .archivos{
	font-size: 11px;
	line-height: 13px;
	color: #999;
}
form .archivos .noimage{
	display: none;
}

.buscarform{
	position: relative;
	width: 100%;
	max-width: 440px;
	display: inline-block;
	vertical-align: top;
	padding-right: 20px;
}
.buscarform .cform{
	padding-right: 20px;
	position: relative;
}
.buscarform .campobusqueda{
	width: 100%;
	position: relative;
	z-index: 1;
	margin: 0 0;
}
.buscarform .campobusqueda .dminput{
	padding-right: 100px;
}
.buscarform .btnbuscar{
	position: absolute;
	z-index: 5;
	right: 0;
	top: 0;
}
.cform .dmgroupinline{
	width: 180px;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
}

.formaenlinea{
	font-size: 0;
}
.formaenlinea .dmgroup{
	margin: 0 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.formaenlinea .ms1{
	min-width: 320px;
}

.nuevoestatus{
	width: 100%;
	position: relative;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	padding: 6px;
}
.nuevoestatus .acciones{
	padding: 6px 4px 0 4px;
	border-top: 1px solid #ebebeb;
	text-align: right;
}
.nuevoestatus .archivos{
	padding: 6px 4px 0 4px;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	color: #999;
	margin-left: -2px;
	margin-right: -2px;
}
.nuevoestatus .archivos .noimage{
	display: none;
}
.nuevoestatus .mensaje{
	padding: 6px 4px;
	height: 136px;
}
.nuevoestatus .opciones{
	padding: 6px 4px;
	font-size: 0;
	text-align: left;
}
.nuevoestatus .opciones .oe{
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}
.nuevoestatus .inputmensaje{
	width: 100%;
	background: #fff;
	border: 0;
	outline: 0;
	font-size: 14px;
	line-height: 22px;
	color: #212121;
	height: 100%;
	resize: none;
	overflow-y: auto;
}
.nuevoestatus .redactor-editor{
	height: 136px;
}
.nuevoestatus:hover{
	border: 1px solid #bbb;
}
.nuevoestatus.cerrado .acciones{
	display: none;
}
.nuevoestatus.cerrado .archivos{
	display: none;
}
.nuevoestatus.cerrado .mensaje, .nuevoestatus.cerrado .redactor-editor{
	height: 36px;
}
.nuevoestatus.cerrado .inputmensaje{
	overflow-y: hidden;
}

/* Single File Upload */
.frecursos{
	width:100%;
}
.frecursos .relative{
	position: relative;
}
.frecursos .fsingle-upload{
	width:240px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin-right:15px;
	margin-bottom:15px;
	position:relative;
}
.frecursos .fsingle-upload .carga-barra{
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	height:4px;
	background:#eb297a;
	width:0%;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.frecursos .fsingle-upload .coverimage{
	width:100%;
	height:90px;
	margin-bottom:5px;
	position:relative;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow:hidden;
}
.frecursos .fsingle-upload .sfp-options{
	position:relative;
	z-index:5;
	text-align:left;
	width:100%;
	padding:0 5px;
	color:#737373;
	margin:5px 0;
	line-height:1em;
}
.frecursos .fsingle-upload .sfp-options a{
	color:#737373;
	text-decoration:none;
	margin-left:6px;
}
.frecursos .fsingle-upload .sfp-options .sfpo-refresh{
	float:right;
}
.frecursos .fsingle-upload .btn{
	width:100%;
}

.frecursos .spperfil{
	text-align: left;
	width:100%;
	margin-right:0;
	margin-bottom:0;
}
.frecursos .spperfil .help-block{
	margin-top: 8px;
}

/* Galeria Estatus */
.files-upload-presentation{
	width:100%;
}
.files-upload-presentation .fp-file, .files-upload-presentation .fp-file-holder{
	width:138px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin-right:3px;
	margin-left: 3px;
	margin-bottom:6px;
	position:relative;
}
.files-upload-presentation .fp-file .fpf-progress{
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	height:4px;
	width:100%;
	margin-bottom:0;
	background-color:transparent;
	box-shadow:none;
}
.files-upload-presentation .fp-file .fpf-progress .progress-bar{
	background:#01579b;
	height:100%;
}
.files-upload-presentation .fp-file .coverimage{
	width:100%;
	height:90px;
	margin-bottom:5px;
	position:relative;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow:hidden;
	background:#f0f0f0;
	position: relative;
}
.files-upload-presentation .fp-file .coverimage .fileicon{
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-left: -20px;
	margin-top: -20px;
	font-size: 35px;
}
.files-upload-presentation.gup-reorder .fp-file .coverimage{
	cursor:move;
}
.files-upload-presentation.gup-reorder .fp-file .guf-piecon{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
}
.files-upload-presentation.gup-reorder .fp-file .guf-pie{
	width: 100%;
	height: 100%;
	resize: none;
	background: rgba(0,0,0,0.4);
	opacity: 0.7;
	border: 0;
	outline: 0;
	font-size: 11px;
	line-height: 13px;
	color: #fff;
	padding: 4px 10px;
}
.files-upload-presentation.gup-reorder .fp-file .coverimage:hover .guf-pie{
	background: rgba(0,0,0,0.6);
	opacity: 1;
}
.files-upload-presentation .fp-file .coverimage .error{
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.95);
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	color:#fff;
	text-align:center;
	padding:20px 10px;
	display:none;
}
.files-upload-presentation .fp-file .coverimage .error.show{
	display:block;
}
.files-upload-presentation .fp-file .guf-options{
	position:relative;
	z-index:5;
	text-align:left;
	width:100%;
	padding:0 5px;
	color:#737373;
	margin:5px 0;
	line-height:1em;
}
.files-upload-presentation .fp-file .guf-options button{
	background: none;
	border: 0;
	outline: 0;
	padding: 0;
}
.files-upload-presentation .fp-file .guf-options .action{
	color:#737373;
	text-decoration:none;
	margin-left:6px;
}
.files-upload-presentation .fp-file .guf-options .sfpo-refresh{
	position: absolute;
	z-index: 5;
	background: #fff;
	right: 5px;
	top: 0;
}
.files-upload-presentation .fp-file .guf-options .sfpo-name{
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	font-size: 10px;
	line-height: 11px;
}
.files-upload-presentation .fp-file-holder{
	background:#f8f8f8;
	border:2px dashed #eee;
	min-height:90px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.files-upload-presentation .fp-file.ui-sortable-helper .guf-options{
	display:none;
}

/* CALIFICAR DISENO */
.calificardiseno .paso{
	margin-top: 35px;
}
.calificardiseno .opcionescalificacion{
	font-size: 0;
	text-align: center;
	margin-top: -5px;
	margin-bottom: -5px;
}
.calificardiseno .opcionescalificacion .opt{
	display: inline-block;
	margin: 5px 5px;
	text-decoration: none;
}
.calificardiseno .btn{
	margin-top: 30px;
}
.calificacion{
	width: 100%;
	text-align: center;
	font-size: 0;
}
.calificacion a{
	display: inline-block;
	text-decoration: none;
	margin: 0 10px;
	font-size: 40px;
	line-height: 40px;
	color: #FFC107;
}
.calificacion a.inactive{
	color: #999;
}
/* HEDER SIMPLE */
.headersimple{
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 19px 0;
	border-bottom: 1px solid #e2e2e2;
}
.headersimple .logoimg{
	height: 28px;
	display: inline-block;
}

/* OnBoarding*/
.onboarding{
	padding: 100px 0 130px;
}
.onboarding .campos{
	margin-top: 40px;
}
.onboarding .atbottom{
	position: fixed;
	z-index: 14;
	left: 0;
	bottom: 0;
	width: 100%;
	display: none;
	background: #fff;
}
.onboarding .atbottom .btn{
	padding: 36px 10px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 300;
	border-radius: 0;
}
.onboarding .atbottom .btn.disabled, .onboarding .atbottom .btn.disabled.active, .onboarding .atbottom .btn.disabled:active, .onboarding .atbottom .btn.disabled:focus, .onboarding .atbottom .btn.disabled:hover, .onboarding .atbottom .btn[disabled], .onboarding .atbottom .btn[disabled].active, .onboarding .atbottom .btn[disabled]:active, .onboarding .atbottom .btn[disabled]:focus, .onboarding .atbottom .btn[disabled]:hover{
	background: #aaa;
	color: #d4d4d4;
}

.dashinfinity{
	height: 64px;
}
.visorarchivos{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1020;
	background: rgba(255,255,255,0.94);
	width: 100%;
	height: 100%;
	display: none;
}
.visorarchivos .cargando{
	position: absolute;
	width: 64px;
	height: 64px;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
	z-index: 1;
}
.visorarchivos .visorcon{
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 74px;
	z-index: 10;
}
.visorarchivos .vtop{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 74px;
	background: #0288d1;
	color: #fff;
	padding: 12px 20px;
}
.visorarchivos .vtop .info{
	float: left;
	width: 70%;
}
.visorarchivos .vtop .acciones{
	float: right;
	text-align: right;
	margin-top: 2px;
}
.visorarchivos .vtop .accion{
	display: inline-block;
	margin-left: 22px;
	color: #fff;
	font-size: 20px;
	line-height: 26px;
	text-decoration: none;
	padding: 10px 0;
}
.visorarchivos .vtop .accion:hover{
	color: #d6f1ff;
}
.visorarchivos .vtop .usuario{
	padding-left: 60px;
	position: relative;
	max-width: 440px;
}
.visorarchivos .vtop .usuario .pp{
	width: 50px;
	height: 50px;
	border-radius: 100%;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	overflow: hidden;
}
.visorarchivos .vtop .usuario .pp img{
	width: 100%;
}
.visorarchivos .vtop .nombre, .visorarchivos .vtop .fecha{
	width: 100%;
}
.visorarchivos .vtop .fecha{
	color: #d6f1ff;
}
.visorarchivos .vtop .udata{
	padding-top: 7px;
}
.visorarchivos .vtop .nombre{
	margin-bottom: 4px;
	font-weight: bold;
}

.visorarchivos .vcontenido{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 24px;
}
.visorarchivos .vcontenido .archivo{
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 0;
	text-align: center;
}
.visorarchivos .vcontenido .centerspace{
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}
.visorarchivos .vcontenido .archivo img{
	max-width: 100%;
	max-height: 100%;
	border: 0;
	display: inline-block;
	vertical-align: middle;
}
.visoropen{
	overflow: hidden;
	height: 100%;
}
.visoropen .visorarchivos{
	/*display: block;*/
}

/*Generales*/
.radio2{
	margin-bottom: 18px;
	position: relative;
}
.radio2 label{
	display: block;
	position: relative;
	width: 100%;
}
.radio2 label input{
	display: none;
}
.radio2 .cb{
	position: relative;
	width: 100%;
	padding: 14px 20px;
	cursor: pointer;
	color: #757575;
	border: 1px solid #b7b7b7;
	border-radius: 4px;
	text-align: center;
	background: #fff;
	font-size: 0;
}
.radio2 .cb .t{
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
}
.radio2 .cb .icono{
	height: 50px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
.radio2 label input:checked + .cb{
	border-color: #141414;
	background: #fbfeff;
	color: #454545;
}

.radio3{
	position: relative;
	vertical-align: top;
}
.radio3 label{
	display: block;
	position: relative;
	width: 100%;
}
.radio3 label input{
	display: none;
}
.radio3 .cb{
	position: relative;
	width: 100%;
	padding: 0px 20px;
	cursor: pointer;
	color: #757575;
	border: 1px solid #b7b7b7;
	border-radius: 4px;
	text-align: center;
	background: #fff;
	height: 48px;
	font-size: 0;
}
.radio3 .cb .t{
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	vertical-align: middle;
}
.radio3 .cb .icono{
	margin: 7px 10px 7px 0;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
}
.radio3 label input:checked + .cb{
	border-color: #141414;
	background: #fbfeff;
	color: #454545;
}

/* Radios lista */
.radioslista{
	font-size: 0;
	margin-left: -4px;
	margin-right: -4px;
	padding-bottom: 14px;
}
.radioslista .r25{
	display: inline-block;
	padding: 4px 4px;
	width: 25%;
}
.radioslista .r50{
	display: inline-block;
	padding: 4px 4px;
	width: 50%;
}
.radioslista .label1{
	margin-bottom: -4px;
}

/* NUEVA TAREA */
.nuevatarea .campostipos .tipot{
	display: none;
}
.nuevatarea .listatipos{
	display: none;
}
.nuevatarea .sotros{
	/*display: none;*/
}
.nuevatarea .redactor-box .redactor-layer{
	padding: 0 0 0 0;
	border: 0;
}
.nuevatarea .redactor-box{
	border: 1px solid #b7b7b7;
	border-radius: 4px;
	padding: 12px 10px;
}
.nuevatarea .activo .redactor-box, .nuevatarea .lleno .redactor-box{
	border: 1px solid #00b0ff;
    color: #454545;
}

/* Comunicado */
.comunicado{
	font-size: 15px;
	line-height: 1.4em;
}
.comunicado .titulo{
	margin-bottom: 15px;
}
.comunicado .imagencomunicado{
	width: 100%;
	margin-bottom: 10px;
}
.comunicado .imagencomunicado img{
	width: 100%;
	vertical-align: top;
}
.comunicado .descripcion{
	margin-bottom: 50px;
}
.comunicado .fecha{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.comunicado .autor{
	font-size: 0;
}
.comunicado .autor .autorimg{
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100px;
	margin-right: 10px;
}
.comunicado .autor .autornombre{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 32px;
}

.listacolaboradores{
	margin-left: -10px;
	margin-right: -10px;
	font-size: 0;
}
.listacolaboradores .ccolaborador{
	display: inline-block;
	vertical-align: top;
	width: 33.333333333333333333333%;
	padding: 0 10px;
}
.listacolaboradores .ccolaborador .bbody{
	display: block;
	text-decoration: none;
}
.listacolaboradores .ccolaborador .bbody:hover{
	background: #f2f8fd;
}

.pcolaborador{
	text-align: center;
}
.pcolaborador .dusuario .pp{
	width: 180px;
	height: 180px;
	border-radius: 100%;
	overflow: hidden;
	display: inline-block;
}
.pcolaborador .dusuario .pp img{
	width: 100%;
	height: 100%;
}
.pcolaborador .dusuario .titulo{
	display: block;
	margin-top: 10px;
}
.pcolaborador .dsimple{
	text-align: center;
	font-size: 0;
}
.pcolaborador .dsimple .dato{
	display: inline-block;
	margin: 0 15px;
	font-size: 16px;
	color: #333;
	width: 120px;
	vertical-align: top;
	text-align: center;
}
.pcolaborador .dsimple .dato .fa{
	font-size: 20px;
	margin-bottom: 5px;
}
.pcolaborador .biografia{
	width: 100%;
	max-width: 500px;
	margin: 50px auto 0;
	font-size: 17px;
	line-height: 1.3em;
	font-weight: 300;
	padding: 20px 20px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-style: italic;
}
.pcolaborador .btncontacto{
	margin-top: 50px;
	margin-bottom: 3px;
}
.pcolaborador .isreportado{
	margin-top: 8px;
}

/* Paginacion */
.paginacion{
    width: 100%;
    font-size: 0;
    text-align: left;
	margin-top: 30px;
	border-top: 1px solid #eee;
	padding-top: 30px;
}
.paginacion .btnpage{
    display: inline-block;
    background: #2e2e2e;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    padding: 6px 8px;
    vertical-align: middle;
    margin: 0 4px 0 0;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
}
.paginacion .btnpage:hover, .paginacion .btnpage.active{
    background: #00b0ff;
	color: #fff;
}
.paginacion .cl{
    float: left;
    width: 50%;
}
.paginacion .cl p{
    color: #222;
    font-size: 14px;
    display: none;
    float: left;
    margin: 5px 16px 0px 0px;
}
.paginacion .cr{
    float: left;
    width: 50%;
    text-align: right;
    font-size: 12px;
    line-height: 15px;
    color: #787878;
    font-style: italic;
    margin-top: 7px;
}
.paginacioninnercontainer .paginacion{
	margin-top: 0;
	padding: 30px 20px;
}
.paginacionexterna{
	margin-top: 30px;
}
.paginacionexterna .paginacion{
	margin-top: 0;
	padding: 30px 20px;
	border-bottom: 1px solid #eee;
	background: #fff;
}

.iacercade{
	padding: 30px 30px;
	position: relative;
	text-align: center;
}
.iacercade .logo{
	height: 40px;
}
.iacercade .version{
	margin-top: 5px;
	font-size: 14px;
	line-height: 1em;
	color: #a1a1a1;
}
.iacercade .data{
	font-size: 14px;
	line-height: 1.5em;
	color: #757575;
	margin: 35px 0;
}
.iacercade .copy{
	font-size: 12px;
	line-height: 1.2em;
	color: #a1a1a1;
	padding-top: 20px;
	border-top: 1px solid #e0e0e0;
}

.tablaacciones{
	padding: 12px 10px;
    background: #fff;
	text-align: center;
}

.reportarsituaciones{
	padding-left: 30px;
}
.reportarsituaciones .grupo{
	margin-top: 15px;
}

.pinformacion{
	padding: 50px;
}
.pinformacion .contacto{
	margin-top: 35px;
	color: #555;
}
.pinformacion .contacto .c1{
	float: left;
	width: 66%;
	padding-right: 60px;
}
.pinformacion .contacto .c2{
	float: left;
	width: 34%;
}
.pinformacion .contacto .dmarea{
	height: 200px;
}
.pinformacion .formabox{
	padding: 25px;
	background: #fafafa;
	border-radius: 10px;
}
.pinformacion .formabox .fbexito{
	text-align: center;
	padding: 25px 0;
}
.pinformacion .formabox .fbexito h4{
	margin-top: 25px;
}

.socialicons{
	display: block;
	font-size: 0;
}
.socialicons .si{
	display: inline-block;
	vertical-align: middle;
	border-radius: 50px;
	height: 34px;
	width: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #444;
}
.socialicons .si.facebook{
	background: #3b5998;
}
.socialicons .si:hover{
	background: #222;
}

.pportada .bienvenida{
	width: 100%;
	background: #fff;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}
.pportada .bienvenida .data{
	width: 100%;
	padding-left: 50%;
}
.pportada .bienvenida .data .contenido{
	padding: 50px 40px;
}
.pportada .bienvenida .imagen{
	width: 50%;
	height: 100%;
	position: absolute;
	z-index: 5;
}

.demopreview{
	width: 100%;
	height: 350px;
	background: #fafafa;
}

.blog{
	border-radius: 10px;
	background: rgb(46,181,222);
	background-image: url(../images/blog-background.png),linear-gradient(180deg, rgba(46,181,222,1) 0%, rgba(28,22,102,1) 100%);
	background-size: cover;
	margin-top: 40px;
	padding: 80px;
	height: 100% auto;
	box-shadow: 0 0 10px 0 rgba(60,60,60,.4);
}

.blog-entry {
	width: 33.33%;
	height: 300px;
    transition: .1s;
	display:inline-table;
	padding: 0 80px 20px 20px;
	filter: brightness(50%);
	will-change: transform;
    transition: transform 450ms;
}

.blog-entry:hover {
	filter: brightness(100%);
	transition: transform 425ms;
    transform: translateY(-10px);
}

.blog-entry .title {
	color:#fff;
	font-size:16px;
	font-weight: 500;
	vertical-align: bottom;
	display: table-cell;
}

/* OPCIONES LISTA */
.opcioneslista{
	font-size: 0;
}
.opcioneslista .opcion{
	position: relative;
	vertical-align: top;
    display: block;
	width: 100%;
	margin-top: 8px;
}
.opcioneslista .opcion:first-child{
	margin-top: 0;
}
.opcioneslista .opcion.hidden{
	display: none;
}
.opcioneslista .opcion label{
	display: block;
	position: relative;
	width: 100%;
}
.opcioneslista .opcion label input{
	display: none;
}
.opcioneslista .opcion .cb{
	position: relative;
	width: 100%;
	padding: 3px 0 3px 30px;
	cursor: pointer;
	border: 0;
	outline: 0;
	text-align: left;
	font-size: 0;
}
.opcioneslista .opcion .cb .c{
	position: absolute;
	z-index: 10;
	left: 0;
	top: 1px;
	width: 22px;
	height: 22px;
	font-size: 14px;
	line-height: 18px;
	border: 2px solid #6B8794;
	text-align: center;
	background: #fff;
}
.opcioneslista .opcion .cb .cicon{
	display: none;
}
.opcioneslista .opcion .cb .t{
	font-size: 14px;
	line-height: 18px;
    font-weight: 400;
	display: inline-block;
	vertical-align: middle;
}
.opcioneslista .opcion:hover label input + .cb{
	color: #00b0ff;
}
.opcioneslista .opcion:hover label input + .cb .c{
	border-color: #00b0ff;
}
.opcioneslista .opcion label input:checked + .cb .c{
	background: #00b0ff;
	border-color: #00b0ff;
	color: #fff;
}
.opcioneslista .opcion label input:checked + .cb .cicon{
	display: inline-block;
}

@media screen and (max-width:1024px){
	.pagecontent{
		padding: 0;
	}
	.wrap {
		padding:20px 20px;
	}
	.sidebar{
		left: -60px;
	}
	.header{
		padding-left: 0;
	}
	.sidebar .otrasacciones {
		position:relative;
		margin-top:20px;
	}
	.submenu .sm-menu.sm-sidebar-usu {
		right:0;
	}

	.sidebaropen .header > .container {
		margin-right:67px;
		transition: .6s;
	}
	.sidebaropen .header .line {
		margin-right:67px;
		transition: .6s;
	}
	.header > .container {
		transition: .6s;
	}
	.header .line {
		transition: .6s;
	}
	.whitsidebar{
		padding-left: 0;
	}
	.headermovil{
		display: block;
	}
	.navbar-left {
		display:none;
	}
	.navbar-right {
		position:absolute;
		right:0;
		transition: .6s;
	}
	.sidebaropen .navbar-right {
		margin-right:67px;
		transition: .6s;
	}	
	.sidebaropen #bodycontent{
		overflow: hidden;
	}
	.sidebaropen .pagecontent{
		left: 40px;
	}
	.sidebaropen .sidebar{
		left: 0;
	}
	.sidebaropen .header{
		left: 60px;
	}
	.sidebar .logo{
		padding: 7.5px 5px;
	}

	.header{
		display: block;
	}
	.header .menubtn{
		display: block;
	}
}

@media screen and (max-width:900px){

}

@media screen and (max-width:768px){
	.recursovista .pdf.fvhorizontal{
		height: 550px;
	}

}

@media screen and (max-width:640px){
	.earchivos .archivo{
		width: 33.3333333333333%;
	}
	.header .busqueda{
		display: none;
	}
	.listacrece .materialcon, .listamateriales .materialcon{
		width: 50%;
	}
	.crecevista, .recursovista, .tema .temaconversacion{
		padding: 20px 20px;
	}
	.crecevista .video{
		height: 220px;
	}

	.recursovista .video{
		height: 220px;
	}
	.recursovista .pdf{
		height: 280px;
	}
	.recursovista .pdf.fvhorizontal{
		height: 240px;
	}

	.pinformacion{
		padding: 15px;
	}
	.pinformacion .contacto .c1{
		width: 100%;
		padding-right: 0;
	}
	.pinformacion .contacto .c2{
		width: 100%;
		margin-top: 35px;
	}
	.pinformacion .contacto .dmarea{
		height: 170px;
	}
	.pinformacion .formabox{
		padding: 15px;
		background: #fafafa;
	}
	.subcarpetas .subcarpeta{
		width: 50%;
	}
	.blog-entry {
		width: 100%;
		height: 300px;
		transition: .1s;
		display:inline-table;
		padding: 0 80px 20px 20px;
		filter: brightness(50%);
		will-change: transform;
		transition: transform 450ms;
	}
	
	.blog-entry:hover {
		filter: none;
		transition: none;
		transform: none;
	}
	
	.blog-entry .title {
		color:#fff;
		font-size:16px;
		font-weight: 500;
		vertical-align: bottom;
		display: table-cell;
	}
	.blog{
		border-radius: 10px;
		background: rgb(46,181,222);
		background-image: url(../images/blog-background.png),linear-gradient(180deg, rgba(46,181,222,1) 0%, rgba(28,22,102,1) 100%);
		background-size: contain;
		background-repeat: repeat;
		margin-top: 40px;
		padding: 20px;
		height: 100% auto;
		box-shadow: 0 0 10px 0 rgba(60,60,60,.4);
	}
	.notificaciones-box .badge {
		width:14px;
		height:14px;
		line-height: 14px;
		font-size: 8px;
	}
	.toptitle {
		width:100%;
		display:block;
		text-align:center;
	}
	.materiasmenu {
		overflow-x: auto;
		white-space: nowrap;
		height:32px;
	}
	.bottommenu {
		width:100%;
	}
	.buscarform .campobusqueda {
		margin-left: 20px;
		margin-bottom: 20px;
		margin-right: 40px;
		border-radius: 5px;
	}
	.right-align {
		width:100%;
	}
	.buscarform .btnbuscar {
		border-radius: 5px;
		background-color:#000;
	}
	.bulkbtn {
		margin: 0 20px 20px 20px!important;
		text-align:center!important;
		display:block!important;
		border-radius: 5px!important;
	}
	.volver-link {
		margin: 0 20px 20px 20px!important;
	}
	.volver {
		width: 100%;
	}
	embed {
		padding:20px!important;
	}
	#player {
		padding:20px!important;
		height:auto;
	}
	.pportada {
		padding: 80px 20px;
	}
}

@media screen and (max-width:500px){
	.topbar{
		margin:60px 0 0 0;
	}
	.box .balert{
		padding: 25px 10px;
	}
	.header .e{
		margin: 0 5px;
	}
	.listacrece .materialcon, .listamateriales .materialcon{
		width: 100%;
	}
	.titulo{
		margin-bottom: 20px;
		font-size: 20px;
	}
	h1{
		font-size: 20px;
		line-height: 1.3em;
	}
	h1.big{
		font-size: 30px;
		line-height: 1.3em;
	}
	h3{
		font-size: 18px;
		line-height: 1.3em;
	}
	h4{
		font-size: 16px;
		line-height: 1.3em;
	}
	.section{
		padding: 35px 0;
	}

	.listaproyectos .proyecto{
		padding: 20px 20px;
	}
	.listaproyectos .p{
		max-width: 100%;
	}
	.listaproyectos .a{
		width: 100%;
		text-align: left;
	}
	.listaproyectos .e{
		display: inline-block;
		vertical-align: middle;
		margin-left: 0;
		margin-top: 3px;
	}

	.listarespuestas .usuario .pp{
		width: 36px;
		height: 36px;
	}
	.listarespuestas .edata{
		padding: 0 0 0 42px;
	}
	.listarespuestas .usuario .nombre{
		line-height: 16px;
	}
	.listarespuestas .fecha{
		display: block;
		text-align: left;
	}
	.listarespuestas .puntito{
		display: none;
	}
	.listarespuestas .elemento.erespuesta{
		padding-left: 10px;
	}

	.earchivos .archivo{
		width: 33.3333333333333333333%;
	}
	.earchivos .aelm{
		height: 60px;
	}

	.paginacion .cr{
		line-height: 13px;
		font-size: 11px;
	}

	.listarespuestas .ebody .deletebtn{
		opacity: 1;
		font-size: 11px;
	}

	.pportada .bienvenida .data{
		padding-left: 0;
	}
	.pportada .bienvenida .data .contenido{
		padding: 30px 20px;
	}
	.pportada .bienvenida .imagen{
		width: 100%;
		height: 160px;
		position: relative;
	}

	.submenu .sme{
		padding: 10px 12px;
	}
	.submenu .sm-menu{
		min-width: 220px;
	}
	.sidebar .top{
		margin-top: 10px;
	}
	.sidebar .hrsmall{
		margin: 10px 0;
	}
	.sidebar .userdata .pp{
		max-width: 80px;
	}
	.sidebar .gradosmenu .ascell{
		vertical-align: top;
		padding-top: 5px;
	}
	.sidebar .recursosmenu .recurso{
		height: 44px;
	}
	.sidebar .recursosmenu .recurso .icono{
		line-height: 44px;
		font-size: 20px;
	}
}

@media screen and (max-width:414px){

}

@media screen and (max-width:360px){
	.calificacion a{
		margin: 0 5px;
	}
}

@media screen and (max-width:320px){

}








/*LAYOUT*/
.dmrow{
	margin-right: -10px;
	margin-left: -10px;
}
.dmrow:before,.dmrow:after{
	display:table;
	content: "";
}
.dmrow:after{
	clear: both;
}
.dm1, .dm2, .dm3, .dm4, .dm5, .dm6, .dm7, .dm8, .dm9, .dm10, .dm11, .dm12{
	float: left;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 1px;
}
.dm1{
	width: 8.33333333333333333%;
}
.dm2{
	width: 16.66666666666666666%;
}
.dm3{
	width: 25%;
}
.dm4{
	width: 33.33333333333333333%;
}
.dm5{
	width: 41.66666666666666666%;
}
.dm6{
	width: 50%;
}
.dm7{
	width: 58.33333333333333333%;
}
.dm8{
	width: 66.66666666666666666%;
}
.dm9{
	width: 75%;
}
.dm10{
	width: 83.33333333333333333%;
}
.dm11{
	width: 91.66666666666666666%;
}
.dm12{
	width: 100%;
}
.dmrow.rsmall{
	margin-left: -4px;
	margin-right: -4px;
}
.dmrow.rsmall .dm1, .dmrow.rsmall .dm2, .dmrow.rsmall .dm3, .dmrow.rsmall .dm4, .dmrow.rsmall .dm5, .dmrow.rsmall .dm6, .dmrow.rsmall .dm7, .dmrow.rsmall .dm8, .dmrow.rsmall .dm9, .dmrow.rsmall .dm10, .dmrow.rsmall .dm11, .dmrow.rsmall .dm12{
	padding-left: 4px;
	padding-right: 4px;
}

.dmgroup{
	margin-top: 18px;
	margin-bottom: 18px;
	position: relative;
}
.dmgroup.nmb{
	margin-bottom: 0;
}
.dmgroup.nmt{
	margin-top: 0;
}
.dmgroup .help-block{
	margin: 3px 0 0 0;
	font-size: 10px;
	line-height: 13px;
	color: #b5b5b5;
}
.dmgroup.dmgsimple{
	margin-top: 2px;
}
.dminput, .dmselector{
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 1em;
	color: #bcbcbc;
	outline: none;
	background-color: #fff;
	background-image: none;
	border: none;
	border: 1px solid #b7b7b7;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	border-radius: 4px;
}
.dminput[disabled], .dmselector[disabled]{
	opacity: 0.5;
}
.dmselector{
	min-height: 40px;
	height: auto;
}
.dmarea{
	min-height: 90px;
	padding: 12px 10px;
	line-height: 18px;
	resize: vertical;
}
.dmtextarea{
	min-height: 90px;
	padding: 12px 10px;
	line-height: 18px;
	resize:vertical;
	width: 100%;
}
.object-ajax .dminput::-webkit-input-placeholder{color: #bcbcbc;}
.object-ajax .dminput:-moz-placeholder{color: #bcbcbc;}
.object-ajax .dminput::-moz-placeholder{color: #bcbcbc;}
.object-ajax .dminput:-ms-input-placeholder{color: #bcbcbc;}
.dmgroup label{
	color: #757575;
	position: absolute;
	z-index: 10;
	/*top: 11px;*/
	top: -17px;
	left: 0;
	padding: 0 0;
	margin: 0 0 0 0;
	font-weight: 400;
	/*font-size: 15px;*/
	font-size: 12px;
	line-height: 1em;
	cursor: text;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	display: block;
}
.dmgroup.lleno label, .dmgroup.activo label{
	top: -17px;
	font-size: 12px;
	color: #141414;
}
.dmgroup.lleno .dminput, .dmgroup .dminput:focus{
	border: 1px solid #00b0ff;
	color: #454545;
}
.dmgroup.activo .dminput{
	color:#454545;
}
.dmgroup.inactivo label{
	opacity: 0.5;
}
.label1{
	display: block;
	color: #757575;
	font-weight: 400;
	font-size: 12px;
	line-height: 1em;
}
.lleno .label1{
	color: #141414;
}
.dmrow .label1{
	padding: 0 4px 6px 4px;
}
.dmgroup label.general, .dmgroup label.simple{
	position: relative;
	top: auto;
	left: auto;
	margin: 0 0 0 0;
	font-size: 11px;
	margin-bottom: 3px;
}
.dmgroup label.simple{
	margin-bottom: -3px;
}
.dminput.dmmedium, .dmselector.dmmedium{
	font-size: 14px;
	line-height: 20px;
	padding: 14px 10px;
	height: 48px;
	font-weight: 300;
}
.dminput.dmbig, .dmselector.dmbig{
	font-size: 20px;
	line-height: 26px;
	padding: 17px 17px;
	height: 62px;
	font-weight: 300;
}
.dminput.dmsmall, .dmselector.dmsmall{
	font-size: 11px;
	height: 26px;
	padding: 0 4px;
	width: 140px;
	color: #777;
}
.dmgroup.lleno .dminput.dmsmall, .dmgroup .dminput.dmsmall:focus{
	border: 1px solid #c5c5c5;
	color: #777;
}

.radiosimple{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.checkbox, .radio {
	position: relative;
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #454545;
}
.checkbox label, .radio label {
	top: auto;
	left: auto;
	position: relative;
	min-height: 20px;
	line-height: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
	vertical-align: top;
	color: #454545;
}
.checkbox input, .radio input{
	margin-right: 4px;
	vertical-align: middle;
}
.color-success{
	color: #4AC047;
}
.btn{
	display: inline-block;
	padding: 9px 16px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	border: 1px solid transparent;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	outline: 0;
	text-decoration: none;
	color: #757575;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.btn .fa{
	font-size: 18px;
	vertical-align: middle;
  	margin-top: -2px;
}
.btn .fam{
	margin-right: 10px;
}
.btn:hover{
	text-decoration: none;
	background: #eee;
	border: 1px solid #eee;
	color: #757575;
}
.btn-small{
	padding: 3px 8px;
	font-size: 12px;
	line-height: 16px;
	height: 26px;
}
.btn-small .fa{
	font-size: 11px;
}
.btn-xsmall{
	padding: 8px 8px;
	font-size: 11px;
}
.btn-xsmall .fa{
	font-size: 11px;
}
.btn-big{
	padding: 15px 24px;
	font-size: 14px;
}
.btn-big .fa{
	font-size: 22px;
}
.btn-xbig{
	padding: 20px 28px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 1px;
}
.btn-xbig .fa{
	font-size: 22px;
}
.btn-block{
	display: block;
	width: 100%;
}
.btn-onlyicon{
	padding: 6px 10px;
}
.btn-onlyicon .fa{
	font-size: 28px;
	line-height: 28px;
}
.btn-default{
	color: #757575;
	background-color: #eff2f3;
}
.btn-default:hover{
	color: #666;
	background-color: #d4dbdd;
	text-decoration: none;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover,
	.btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover{
	color: #c8c8c8;
	background-color: #ededed;
	cursor: default;
}
.btn-primary{
	color: #fff;
	background-color: #00b0ff;
}
.btn-primary:hover{
	background-color: #0288d1;
	color: #fff;
	text-decoration: none;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover,
	.btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover{
	opacity: 0.5;
	cursor: default;
}
.btn-green{
	color: #fff;
	background-color: #101010;
}
.btn-green:hover{
	background-color: #fff;
	color: #101010;
	text-decoration: none;
}
.btn-green.disabled, .btn-green.disabled.active, .btn-green.disabled:active, .btn-green.disabled:focus, .btn-green.disabled:hover,
	.btn-green[disabled], .btn-green[disabled].active, .btn-green[disabled]:active, .btn-green[disabled]:focus, .btn-green[disabled]:hover{
	opacity: 0.5;
	cursor: default;
}
.btn-secondary{
	color: #fff;
	background-color: #1fa3ff;
	border: 1px solid #1fa3ff;
}
.btn-secondary:hover{
	background-color: #1087da;
	color: #fff;
	text-decoration: none;
}
.btn-secondary.disabled, .btn-secondary.disabled.active, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover,
	.btn-secondary[disabled], .btn-secondary[disabled].active, .btn-secondary[disabled]:active, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:hover{
	background-color: #7ac8ff;
	cursor: default;
}
.btn-simple{
	color: #777;
	background-color: #e5e5e5;
	border: 1px solid #e5e5e5;
}
.btn-simple:hover{
	background-color: #808080;
	color: #fff;
	text-decoration: none;
}
.btn-simple.disabled, .btn-simple.disabled.active, .btn-simple.disabled:active, .btn-simple.disabled:focus, .btn-simple.disabled:hover,
	.btn-simple[disabled], .btn-simple[disabled].active, .btn-simple[disabled]:active, .btn-simple[disabled]:focus, .btn-simple[disabled]:hover{
	background-color: #f4f4f4;
	cursor: default;
}
.btn-danger{
	color: #fff;
	background-color: #ea171e;
}
.btn-danger:hover{
	background-color: #d01118;
	color: #fff;
	text-decoration: none;
}
.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover,
	.btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover{
	background-color: #fb444a;
	cursor: default;
}
.btn-acentuado{
	color: #141414;
	border: 1px solid #141414;
}
.btn-acentuado:hover{
	color: #01579B;
	border: 1px solid #01579B;
	text-decoration: none;
}
.btn-acentuado.disabled, .btn-acentuado.disabled.active, .btn-acentuado.disabled:active, .btn-acentuado.disabled:focus, .btn-acentuado.disabled:hover,
	.btn-acentuado[disabled], .btn-acentuado[disabled].active, .btn-acentuado[disabled]:active, .btn-acentuado[disabled]:focus, .btn-acentuado[disabled]:hover{
	color: #f5787f;
	border: 1px solid #f5787f;
	cursor: default;
}
.btn-yellow{
	color: #fff;
	background-color: #ffdc2e;
}
.btn-yellow:hover{
	background-color: #af930b;
	color: #fff;
	text-decoration: none;
}
.btn-yellow.disabled, .btn-yellow.disabled.active, .btn-yellow.disabled:active, .btn-yellow.disabled:focus, .btn-yellow.disabled:hover,
	.btn-yellow[disabled], .btn-yellow[disabled].active, .btn-yellow[disabled]:active, .btn-yellow[disabled]:focus, .btn-yellow[disabled]:hover{
	background-color: #ffec8e;
	cursor: default;
}
.btn-fileuploader{
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.btn-fileuploader .fileupload-processing{
	display:none;
}
.btn-fileuploader .fileupload{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	opacity: 0;
	font-size: 100px;
	direction: ltr;
	cursor: pointer;
}

.dm-ajax-paginacion{
	text-align: center;
}
.cargarmas{
	margin: 40px auto;
}
.cargarmas .cargando{
	display: none;
}
.cargarmas.disabled .more{
	display: none;
}
.cargarmas.disabled .cargando{
	display: block;
}

.listacrece .btnlink {
	color: #000!important;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 14px;
	font-weight: 600;
	display: inline-block;
	text-decoration: none;
	text-align:left!important;
}

.btnlink{
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 14px;
	font-weight: 600;
	display: inline-block;
	text-decoration: none;
}
.btnlink:hover{
	color: #2e2e2e;
}
.btnlink.gris{
	color: #757575;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1em;
	font-weight: 500;
	display: inline-block;
	text-decoration: none;
}
.btnlink.gris:hover{
	color: #2e2e2e;
}
.btnlink.btnred{
	color: #f33;
}
.btnlink.btnred:hover{
	color: #de2c2c;
}

/*Alerts*/
.alert{
	width: 100%;
	padding: 10px 10px;
	line-height: 1.4em;
	font-size: 13px;
	text-align: center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 15px 0;
}
.alert.alert-danger{
	background: #db4437;
	color: #fff;
}
.alert.alert-success{
	background: #101010;
	color: #fff;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.1s ease;-moz-transition: opacity 0.1s ease;-ms-transition: opacity 0.1s ease;-o-transition: opacity 0.1s ease;transition: opacity 0.1s ease;
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 2px;
}
.tooltip-arrow {
  display: block;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 0;
  margin-left: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #000;

}

.radio1 label{
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.radio1 label input{
	display: none;
}
.radio1 .rb{
	position: relative;
	display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: #fff;
    padding: 0 8px;
    border-radius: 4px;
}
.radio1.erevision .rb{
	color: #00bcd4;
	border: 2px solid #00bcd4;
}
.radio1.erevision label input:checked + .rb{
	background: #00bcd4;
	color: #fff;
}
.radio1.ecompletado .rb{
	color: #1b9620;
	border: 2px solid #1b9620;
}
.radio1.ecompletado label input:checked + .rb{
	background: #1b9620;
	color: #fff;
}
.radio1.ecambios .rb{
	color: #de7c09;
	border: 2px solid #de7c09;
}
.radio1.ecambios label input:checked + .rb{
	background: #de7c09;
	color: #fff;
}
.radio1.ecancelado .rb{
	color: #ff3737;
	border: 2px solid #ff3737;
}
.radio1.ecancelado label input:checked + .rb{
	background: #ff3737;
	color: #fff;
}
.radio1.ecomentario .rb{
	color: #3f51b5;
	border: 2px solid #3f51b5;
}
.radio1.ecomentario label input:checked + .rb{
	background: #3f51b5;
	color: #fff;
}
.radio1.eprogreso .rb{
	color: #008477;
	border: 2px solid #008477;
}
.radio1.eprogreso label input:checked + .rb{
	background: #008477;
	color: #fff;
}
.radio1.esolicitar .rb{
	color: #782aa9;
	border: 2px solid #782aa9;
}
.radio1.esolicitar label input:checked + .rb{
	background: #782aa9;
	color: #fff;
}
.radio1.enegro .rb{
	color: #222;
	border: 2px solid #222;
}
.radio1.enegro label input:checked + .rb{
	background: #141414;
	border: 2px solid #141414;
	color: #fff;
}

@media screen and (max-width:768px){
	.tablethide{
		display: none;
	}

	/*Layout*/
	.dmrow{
		margin-right: -10px;
		margin-left: -10px;
	}
	.dm1, .dm2, .dm3, .dm4, .dm5, .dm6, .dm7, .dm8, .dm9, .dm10, .dm11, .dm12{
		padding-left: 10px;
		padding-right: 10px;
	}
	.dm1-medium{
		width: 8.33333333333333333%;
	}
	.dm2-medium{
		width: 16.66666666666666666%;
	}
	.dm3-medium{
		width: 25%;
	}
	.dm4-medium{
		width: 33.33333333333333333%;
	}
	.dm5-medium{
		width: 41.66666666666666666%;
	}
	.dm6-medium{
		width: 50%;
	}
	.dm7-medium{
		width: 58.33333333333333333%;
	}
	.dm8-medium{
		width: 66.66666666666666666%;
	}
	.dm9-medium{
		width: 75%;
	}
	.dm10-medium{
		width: 91.66666666666666666%;
	}
	.dm11-medium{
		width: 83.33333333333333333%;
	}
	.dm12-medium{
		width: 100%;
	}
}

@media screen and (max-width:620px){
	.dm1-small{
		width: 8.33333333333333333%;
	}
	.dm2-small{
		width: 16.66666666666666666%;
	}
	.dm3-small{
		width: 25%;
	}
	.dm4-small{
		width: 33.33333333333333333%;
	}
	.dm5-small{
		width: 41.66666666666666666%;
	}
	.dm6-small{
		width: 50%;
	}
	.dm7-small{
		width: 58.33333333333333333%;
	}
	.dm8-small{
		width: 66.66666666666666666%;
	}
	.dm9-small{
		width: 75%;
	}
	.dm10-small{
		width: 91.66666666666666666%;
	}
	.dm11-small{
		width: 83.33333333333333333%;
	}
	.dm12-small{
		width: 100%;
	}
}

@media screen and (max-width:414px){
	.dm1-xsmall{
		width: 8.33333333333333333%;
	}
	.dm2-xsmall{
		width: 16.66666666666666666%;
	}
	.dm3-xsmall{
		width: 25%;
	}
	.dm4-xsmall{
		width: 33.33333333333333333%;
	}
	.dm5-xsmall{
		width: 41.66666666666666666%;
	}
	.dm6-xsmall{
		width: 50%;
	}
	.dm7-xsmall{
		width: 58.33333333333333333%;
	}
	.dm8-xsmall{
		width: 66.66666666666666666%;
	}
	.dm9-xsmall{
		width: 75%;
	}
	.dm10-xsmall{
		width: 91.66666666666666666%;
	}
	.dm11-xsmall{
		width: 83.33333333333333333%;
	}
	.dm12-xsmall{
		width: 100%;
	}
}


/*BEANS*/
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #001933;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  background: transparent;
  border: 0;
  outline: 0;
}
.modal-header .close:hover{
	opacity: 0.8;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
  font-size: 18px;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}