/* modificacions genériques als estils de bootstrap */
body {
	font-family: 'Roboto Condensed','Helvetica Neue',Helvetica,Arial,sans-serif;
	overflow-x: hidden;
}
* {
	outline: none !important;
}
img {
	height: auto;
	max-width: 100%;
}
.help-block { /* per a evitar que al fer validacions incrementi l'espai vertical */
    margin-bottom: 0px;
    margin-top: 0px;
}

/* colors generics */
.brand-bg-red {
	background-color: #E5312B !important;
}
.brand-red {
	color: #E5312B !important;
}
.color-transparent {
    color: transparent;
}

main {
	min-height: calc(100vh - 80px - 80px)
}
/* logos */
.logo-sencer-trans {
}

/* Menú principal */
.menu-pral.navbar-inverse {
    background-color: white;
    border-bottom: medium none;
    box-shadow: 0 0 7px 0 rgba(64, 64, 64, 0.5);
	-webkit-box-shadow: 0 0 7px 0 rgba(64, 64, 64, 0.5);
	-moz-box-shadow: 0 0 7px 0 rgba(64, 64, 64, 0.5);
    margin-bottom: 0;	
}
.menu-pral .l1 {
	margin: 1em 0;
}
.menu-pral .l1 .menu-btns {
    width: auto;	
}

/* menus laterals (INI) */
nav.menu-pral-small,
nav.side {
	display: none !important;
	visibility: hidden !important;
}
@media (max-width: 991px) {
	/* menus laterals (funcionalitat) */
	nav.menu-pral-small .navbar-brand {
		padding: 0px;
		position: absolute;
		display: inline-block;
		background-color: inherit;
		margin: 0 !important;
	}
	nav.menu-pral-small .navbar-brand > img  {
		height: inherit;
	}
	nav .navbar-btn-cmd {
		background-color: inherit;
		border: none;
		float: left;
		height: 50px;
		line-height: 50px;
		overflow: hidden;
		width: 50px;
		font-size: 14px;
	}
	nav.menu-pral-small  {
		height: 50px;
	}
	nav.menu-pral-small .navbar-left {
		position: absolute;
		z-index: 9999;
		left: 0;	
	}
	nav.menu-pral-small .navbar-right {
		float: right !important;
		margin: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		width: auto;
		z-index: 9998;
	}
	nav.side .navbar-header {
	    width: 100%;
	}
	/* menus laterals (funcionalitat del desplaçament dels menus) */
	body {
		padding-top: 50px;
		overflow-x: hidden;
	}
	nav.menu-pral-small, 
	nav.side {
		display: block !important;
		visibility: visible !important;
	}
	body > main,
	body > footer,
	nav.menu-pral-small {
		left: 0;
		right: 0;
		top: 0;
		position: relative;
	}
	nav.menu-pral-small {
		position: fixed;
		box-shadow: 0 0 7px 0 rgba(64, 64, 64, 0.5);
		-webkit-box-shadow: 0 0 7px 0 rgba(64, 64, 64, 0.5);
		-moz-box-shadow: 0 0 7px 0 rgba(64, 64, 64, 0.5);
	}
	nav.side {
		height: 100%;
		position: fixed;
		top: 0;
		z-index: 9999;
		overflow-y: auto;
		overflow-x: hidden;
	}
	nav.side header {
	}
	nav.side main {
		overflow-y: auto !important;
	}
	nav.side-right {
		top: 50px;
	}
	/* menus laterals (amplades dels menus) */
	body.menu-visible > main,
	body.menu-visible > footer,
	body.menu-visible .menu-pral-small {
		-webkit-transition: all 0.35s ease-out;
		-moz-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;
		transition: all 0.35s ease-out;
		-webkit-transform: translate(230px, 0);
		-moz-transform: translate(230px, 0);
		-o-transform: translate(230px, 0);
		-ms-transform: translate(230px, 0);
		transform: translate(230px, 0);
	}
	nav.menu-nav {
		width: 230px;
		left: -230px;
	}
	nav.info-nav {
		width: 250px;
		right: -250px;
	}
	nav.filter-nav {
		width: 240px;
		right: -240px;
	}
	nav.profile-nav {
		width: 240px;
		right: -240px;
	}
	body.menu-visible .menu-nav {
		-webkit-transition: all 0.35s ease-out;
		-moz-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;
		transition: all 0.35s ease-out;
		-webkit-transform: translate(230px, 0);
		-moz-transform: translate(230px, 0);
		-o-transform: translate(230px, 0);
		-ms-transform: translate(230px, 0);
		transform: translate(230px, 0);
	}
	body.info-visible .info-nav,
	body.profile-visible .profile-nav,
	body.filter-visible .filter-nav {
		-webkit-transition: all 0.35s ease-out;
		-moz-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;
		transition: all 0.35s ease-out;
	}
	body.profile-visible .profile-nav {
		-webkit-transform: translate(-240px, 0);
		-moz-transform: translate(-240px, 0);
		-o-transform: translate(-240px, 0);
		-ms-transform: translate(-240px, 0);
		transform: translate(-240px, 0);
		padding: 1em;		
	}
	body.info-visible .info-nav {
		-webkit-transform: translate(-250px, 0);
		-moz-transform: translate(-250px, 0);
		-o-transform: translate(-250px, 0);
		-ms-transform: translate(-250px, 0);
		transform: translate(-250px, 0);
	}
	body.filter-visible .filter-nav {
		-webkit-transform: translate(-240px, 0);
		-moz-transform: translate(-240px, 0);
		-o-transform: translate(-240px, 0);
		-ms-transform: translate(-240px, 0);
		transform: translate(-240px, 0);
	}
	/* menus laterals (estètica) */
	nav.navbar.navbar-inverse.navbar-fixed-top.menu-pral-small,
	nav.menu-pral-small .navbar-left, 
	nav.menu-pral-small .navbar-brand > img  {
		background-color: #fff;
	}
	nav.navbar.navbar-inverse.navbar-fixed-top.menu-pral-small,
	nav.menu-pral-small .navbar-left {
		border-color: #fff;
		border-width: 0 0 1px;
	}
	nav.menu-pral-small .navbar-brand > img  {
		padding: 4px;
		position: fixed;
	}
	nav .navbar-btn-cmd {
		color: #000;
	}
	nav.side-left {
		border-right: 1px solid #666;
	}
	nav.side-right {
		border-left: 1px solid #333;
		border-top: 1px solid #333;
	}
	nav.side {
		background-color: #222;
		font-size: 13px;
		line-height: 1.2em;
	}
	nav.side p {
		color: white;
	}
	nav.side ul li {
		border-bottom: 1px solid #333;
		padding: 10px 0;
		color: white;
	}
	nav.side header {
		border-bottom: 1px solid #333;
		top: 0;
	}
	nav.side main {
		/* overflow-y: auto; */
	}
	nav.side main {
		padding: 1em;
		/* Forma estándar de calc() */
		height: calc(100% - 100px);
		/* Forma según navegadores de calc() */
		height: -webkit-calc(100% - 100px);
		height: -moz-calc(100% - 100px);

	}
	nav.side footer {
		bottom: 50px; /* el pixels que fa d'alçada la capcelera del menu (nav.menu-pral-small) */
		position: absolute;	
	}
}
/* menus laterals (END) */









/* */
.wd-login {
    margin-top: 3em;
}
@media (max-width: 991px) {
	.wd-login {
		margin-top: 3em;
	}
	body > footer {
		display: none;
	}
}

.align-right {
	text-align: right;
}
.oculta { display: none; }

/* Ajax Loader styles */
.height_80 {
	height: 80px;
}
/* http://preloaders.net/ */
.ajax_loader_16 {background: url("../img/spinners/ajax-loader_16.gif") no-repeat center center transparent;width:100%;height:16px;min-height:16px;}
.ajax_loader_24 {background: url("../img/spinners/ajax-loader_24.gif") no-repeat center center transparent;width:100%;height:24px;min-height:24px;}
.ajax_loader_32 {background: url("../img/spinners/ajax-loader_32.gif") no-repeat center center transparent;width:100%;height:32px;min-height:inherit;}
.ajax_loader_page {background: url("../img/spinners/ajax-loader_page.gif") no-repeat center center transparent;width:100%;height:100%;}

.ajax_loader_32_centered {
	background: url("../img/spinners/ajax-loader_32.gif") no-repeat center center transparent;
	width:32px;
	height:32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}


body > footer {
    background-color: #E63D2F;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
}

.text {
	font-weight: 400;
	font-family: open-sans, sans-serif;
	color: #515254;
	text-align: center;
	font-weight: normal;
	font-size: 1.2em;
}
.revista {
	width: 193px;
	-webkit-transform: matrix(0.9063,0.4226,-0.4226,0.9063,64,-29);
	-ms-transform: matrix(0.9063,0.4226,-0.4226,0.9063,64,-29);
	transform: matrix(0.9063,0.4226,-0.4226,0.9063,64,-29);
	position: relative;
	top: 111px;
	z-index: -1;
	left: -30px;
}
.imgRevista {
	
}
.txt {
	position: relative;
	top: -4em;
	min-height: 6em;
}
.ombra {
	opacity: 0.5;
}
.rowOmbra {
	background-color: #ffffff;
	min-height: 6em;
	
}