@charset "utf-8";
/* CSS Document */

[class*="col-"] {
	float:left;
	width:100%;
}

.drets, .help {
	text-align:center;
	padding:5px 10px;
}
.help {
	display:none;
}

#cnt-opc {
    position: fixed;
	z-index:50;
    top: 43px;
    left: 0;
	bottom:0;
	overflow:auto;
}

#cnt-stuff {
	margin-left: 0px;
	padding:10px;
}

#show-menu {
	display:inline-block;
}

h1 {
	font-size:125%;
	padding:5px;
}

.cnt-grups {
	padding: 0px 0px 10px 0px;
}

.boto span, .noBoto span {
	display:none;
}

.dades {
	display:block;
	width:100%;
}

.fila {
	display:block;
	padding:5px;
}

.celaCap {display:none;}

.celaL, .celaC, .celaR, .celaIco {
	display:block;
	position:relative;
	padding-left:40%;
	padding-bottom:4px;
	min-height:23px;
	overflow-x:hidden;
}

.celaL:before, .celaC:before, .celaR:before, .celaIco:before {
	position:absolute;
	top:0;
	left:5px;
	width:40%;
	font-family:OpenSansBold;
	font-size:90%;
	content:attr(data-retol);
}
.boto:before, .noBoto:before {
	margin-right:0px;
}
.cntError {
	display:block;
	margin:0px;
}
.filError {
	display:block;
}
.celError {
	display:block;
	width:100%;
	padding:10px;
	border:1px solid #CCC;
	background-color: #FFF;
}
.celError:first-child {
	margin-bottom:10px;
}
#edit {
	margin-left:-50%;
}
.align-left {
	float:none;
	text-align:center;
	margin-bottom:15px;
}
#logo img {
	/*width:150px;*/
}
/*------------------- Estils per les connexions amb canals  -------------------*/
#content-wrap {
	width:100%;
	margin-top:10px;
	display:block;
}
.unaStat {
	margin-bottom:10px;
	display:block;
}
.unaStat .wrap {
	border:1px solid #CCC;
	background-color:#FFF;
	text-align:center;
}
.titStat {
	margin-bottom:10px;
}
.imgStat {
	max-width:100%;
	max-height:50px;
	height:auto;
}
/*------------------- Estils per vista de la portada KB -------------------*/
#wrapAside {
	float:left;
	width:100%;
	margin-top:10px;
}
#cntAside {
	min-height:120px;
}
#wrapArticles {
	float:left;
	width:100%;
	margin-top:10px;
	display:block;
}
.kb-home-article {
	margin-bottom:10px;
	display:block;
}

@media only screen and (min-width: 640px) {
	.col-s-13 {width:33.333333%;}
	#edit { margin-left:-300px;}
	#content-wrap {
		display:flex;
		flex-wrap:wrap;
	}
	.unaStat {
		flex: 0 50%;
	}
	.unaStat:nth-child(odd) {
		padding-right:10px;
	}
}

@media only screen and (min-width: 768px) {
	
	#edit, #edit2, #terminal {
		border-radius:10px;
		box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.25);
	}
	.cntError {
		display:table;
		border-spacing:10px;
		margin:0px -10px;
	}
	.filError {
		display:table-row;
	}
	.celError {
		display:table-cell;
		padding:10px;
		border:1px solid #CCC;
		background-color: #FFF;
		width:50%;
	}
	#cnt-opc {
		position: fixed;
		top: 43px;
		left: 0;
		bottom:44px;
	}
	h1 {
		font-size:150%;
		padding:10px;
	}
	.boto:before, .noBoto:before {
		margin-right:10px;
	}
	.dades { display:table;}
	.fila {
		display:table-row;
	}

	.celaCap, .celaL, .celaC, .celaR, .celaIco {
		display:table-cell;
		width:auto;
		padding:4px;
	}
	.celaIco {white-space:nowrap;}
	.celaL:before, .celaC:before, .celaR:before, .celaIco:before {
		content:'';
	}
	.celaL {text-align: left;}
	.celaC, .celaIco {text-align:center;}
	.celaR {text-align:right; white-space:nowrap;}
	
	.drets {
		text-align:left;
		padding:10px 20px;
	}
	.help {
		display:block;
		text-align:right;
		padding:10px 20px;
		position:relative;
		vertical-align:middle;
	}
	.help>a:after {
		content:'\F2D7';
		font-family:"MDI";
		font-size:36px;
		padding-left:20px;
		vertical-align:middle;
	}
	.cnt-grups {
		padding: 0px 20px 0px 0px;
		margin-top:10px;
	}
	.boto span, .noBoto span {
		display:inline;
	}
	.align-left {
		float:left;
		margin-right:15px;
	}

/*---------------------- Maquetar columnes ----------------------------*/
	.col-m-4 {width:100%;}
	.col-m-3 {width:75%;}
	.col-m-2 {width:50%;}
	.col-m-1 {width:25%;}
	.col-m-13 {width:33.333333%;}
	.col-m-23 {width:66.666667%;}
	.col-m-15 {width:20%;}
	.max-23 {max-width:66.666667%;}

/*------------------- Estils per vista de la portada KB -------------------*/
	#wrapAside {
		float:left;
		width:25%;
		margin-top:10px;
	}
	#wrapArticles {
		float:left;
		width:75%;
		margin-top:10px;
		padding-right:10px;
	}
	#cntArticles {
		display:flex;
		flex-wrap: wrap;
	}
	.kb-home-article {
		flex: 0 50%;
		/*align-self: stretch;*/
	}
	.kb-home-article:nth-child(odd) {
		padding-right:10px;
	}

	.unaStat {
		flex: 0 50%;
	}
	.unaStat:nth-child(odd) {
		padding-right:10px;
	}
}

@media only screen and (min-width: 992px) {

	/*---------------------- Maquetar menú general ----------------------------*/
	#cnt-stuff {
		margin-left: 200px;
		padding:20px;
	}
	#show-menu {
		display:none;
	}
	.unaStat {
		flex: 0 33.33%;
		padding-right:10px;
	}
	.unaStat:nth-child(3) {
		padding-right:0px;
	}

	/*---------------------- Maquetar columnes ----------------------------*/
	.col-g-4 {width:100%;}
	.col-g-3 {width:75%;}
	.col-g-2 {width:50%;}
	.col-g-1 {width:25%;}
	.col-g-13 {width:33.333333%;}
	.col-g-23 {width:66.666667%;}
	.col-g-15 {width:20%;}

}
@media only screen and (min-width: 1150px) {
	.unaStat {
		flex: 0 25%;
		padding-right:10px;
	}
	.unaStat:nth-child(3) {
		padding-right:10px;
	}
	.unaStat:nth-child(4) {
		padding-right:0px;
	}
}