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


html, body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

/*para footer*/
html, body {
    height: 100%;
}
.wrapper {
    height: auto;
    margin: 0 auto -169px;
    min-height: 100%;
}
.push,#content-push {
    height: 169px;
}
.footer {
    min-height: 169px;
}
.container[role="main"]{
    background-image: url("../imgs/sidebar-shadow.png");
    background-position: right center;
    background-repeat: repeat-y;} 
#content-push {
    background-image: url("../imgs/sidebar-shadow.png");
    background-position: right center;
    background-repeat: repeat-y;
}
/**/

/*  HEADER
================================================== */

#header {
	background-image: url(../imgs/header-background.png);
	background-repeat: repeat-x;
	height: 142px;
	padding-top: 15px;
}
.left {
	float: left;
}
.right {
	float: right;
}


/*  NAVIGATION
================================================== */

.navbar {
    margin-bottom: 0px;
}
.navbar-nav {
    margin: 10px 0px;
}
.navbar-nav > li {
    border-right: 2px solid #54688d;
    float: left;
}
.navbar-nav > li:first-child {
    border-left: 2px solid #54688d;
}
.navbar-nav > li > a {
    padding-bottom: 0;
    padding-top: 0;
	color: #5f5d5c;
	font-weight: normal;
}
.nav > li > a:hover, .nav > li > a:focus {
	color: #54688d;
	background: none !important;
}
.navbar-nav > li > a.active {
	color: #54688d;
	font-weight: bold;
}

.dropdown-menu {
    border: 1px solid #fff;
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    font-size: 14px;
    margin: 15px 0 0 !important;
    padding: 0;
}
.dropdown-menu > li {
    border-bottom: 1px solid #fff;
}
.dropdown-menu > li:last-child {
    border-bottom: 0px;
}
.dropdown-menu > li > a {
    background-color: #dde0e6;
    color: #5f5d5c;
	padding: 8px 20px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #54688d;
    color: #ffffff;
	background-image: none;
}

.navbar-toggle {
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #54688d;
    border-radius: 4px;
}
span.icon-bar {
	background-color: #ffffff;
}


/*  CERCADOR
================================================== */

.cercador {
	background-color: #c7d42f;
	padding: 10px 0px 6px 0px;
	text-align: right;
}

.cercador a {
	color: #54688d;
	text-decoration: underline !important;
	font-size: 14px;
}
.cercador a:hover {
	color: #54688d;
	text-decoration: none !important;
}

.cercador .form-control {
    border: 1px solid #54688d;
    border-radius: 0px;
    box-shadow: none;
    color: #5f5d5c;
	border-right: 0px;
	height: 34px;
}
.cercador .btn-default {
    background-image: none;
    border-color: #54688d;
    text-shadow: none;
	border-radius: 0px;
	border-left: 0px;
}

.rojo{
	color: #E30003;
}

/*  SIDEBAR
================================================== */

.banner {
	margin-bottom: 40px;
	text-align: center !important;
}
.banner img {
    margin: 0 auto;
}

#sidebar-left {
	padding-top: 60px;
	padding-bottom: 40px;
}

#sidebar-right {
	padding-top: 60px;
	padding-bottom: 40px;
}


/*  CONTENT
================================================== */

#content {
	padding-top: 60px;
	padding-bottom: 40px;
	padding-right: 40px;
	/*background-image: url(../imgs/sidebar-ombreta.png);*/
	background-repeat: repeat-y;
	background-position: right;
	min-height: 600px !important;
	/*margin-bottom: 150px;*/
}

.container .jumbotron {
    border-radius: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
.jumbotron {
    background-color: #fff;
    border: 1px solid #5f5d5c;
    color: #54688d;
    margin-bottom: 40px;
    padding: 30px;
}

.espai {
	margin-right: 30px;
}

ul, ol {
	color: #5f5d5c;
}
p {
	font-size: 14px;
	color: #5f5d5c;
	font-weight: normal;
	margin-bottom: 20px;
}
p a {
	font-size: 14px;
	color: #54688d;
	font-weight: bold;
	text-decoration: none;
}
p a:hover {
	color: #54688d;
	text-decoration: underline;
}

p a.archive {
	font-size: 14px;
	color: #5f5d5c;
	font-weight: normal;
	text-decoration: none;
}
p a.archive:hover {
	color: #c7d42f;
	text-decoration: none;
}

p.destacat {
	font-size: 14px;
	color: #54688d;
	margin-bottom: 10px;
}
p.destacat a {
	font-size: 14px;
	color: #54688d;
	text-decoration: underline;
}
p.destacat a:hover {
	color: #54688d;
	text-decoration: none;
}

p.titular{
	font-weight: bold;
}

p.texto{
	padding: 0px 20px;
}

p.texto font{
	padding-top: 10px;
}

strong {
	font-weight: bold;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	color: #54688d;
	margin-bottom: 10px;
	margin-top: 0px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #54688d;
	margin-bottom: 20px;
	margin-top: 0px;
}
h3 {
	font-size: 18px;
	font-weight: bold;
	color: #5f5d5c;
	margin-bottom: 0px;
	margin-top: 0px;
}
h3.destacat {
	font-size: 18px;
	font-weight: bold;
	color: #54688d;
	margin-bottom: 0px;
	margin-top: 0px;
}
h4 {
	font-size: 16px;
	font-weight: bold;
	color: #54688d;
	padding: 5px 10px;
	margin-bottom: 20px;
	margin-top: 30px;
	background: #dde0e6; /* Old browsers */
	background: -moz-linear-gradient(left,  #dde0e6 0%, #dde0e6 40%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #dde0e6 0%,#dde0e6 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #dde0e6 0%,#dde0e6 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde0e6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.texto > a {
    color: #54688d;
    font-weight: bold;
	text-decoration: underline;
}

.text-petit-blau {
	font-size: 14px;
	font-weight: bold;
	color: #54688d;
}
.text-petit-gris {
	font-size: 14px;
	font-weight: bold;
	color: #5f5d5c;
}

blockquote {
    border-left: medium none;
    font-size: 14px;
    margin: 0 0 20px;
    padding: 10px 20px;
}

hr.puntets {
	height: 0px;
    border-top: 0px;
    border-bottom: #000 dotted;
    border-width: 1px;  
    border-color: #000;
}

.formulari-sensefons {
    border: 0 none;
	margin-bottom: 10px;
	padding: 0px;
}
.formulari-sensefons label {
    font-size: 14px;
	color: #5f5d5c;
	font-weight: normal;
	margin-right: 5px;
}
.formulari-sensefons-marge {
	margin-bottom: 40px;
}

.formulari {
    background-color: #dde0e6;
    border: 0 none;
    padding: 20px;
	margin-bottom: 20px;
}
.formulari label, label {
    font-size: 14px;
	color: #5f5d5c;
	font-weight: normal;
	margin-right: 5px;
}
.formulari a {
    font-size: 14px;
	color: #5f5d5c;
	font-weight: normal;
	margin-right: 5px;
	text-decoration: underline;
}
.formulari a:hover {
	text-decoration: none;
}
.form-inline .form-group {
    margin-right: 10px;
}

.sense-padding-left {
	padding-left: 0px;
}
.sense-padding-right {
	padding-right: 0px;
}

.inputgran {
	padding-left: 0px;
}
.inputgran input, .inputgran select {
	width: 60% !important;
}

.inputoption {
	padding-left: 0px;
} 

.keywords-col1 {
	width: 20%;
	padding: 0px;
	float: left;
}
.keywords-col2 {
	width: 40%;
	padding: 0px;
	float: left;
}
.keywords-col2 input {
	width: 100% !important;
}
.keywords-col3 {
	width: 40%;
	padding: 0px;
	float: left;
}

.login-col1 {
	width: 15%;
	padding: 0px;
	float: left;
}
.login-col2 {
	width: 60%;
	padding: 0px;
	float: left;
}
.login-col2 input {
	width: 100% !important;
}
.login-col3 {
	width: 25%;
	padding: 0px;
	float: left;
}

.btn-primary {
    background-color: #54688d;
	text-shadow: none;
	box-shadow: none;
	background-image: none;
    border: 0 none;
    border-radius: 0;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
}
.btn-primary:hover {
    background-color: #5f5d5c;
}

.espaibotons {
	margin-left: 60px;
}

.clearfix {
    margin-bottom: 10px;
}

#abstract {
	border: 1px solid #54688d;
	margin-top: 15px;
	float: left;
}
#abstract h4 {
	margin-top: 0px !important;
}
#abstract p {
	padding: 0px 10px !important;
}

.nav-tabs {
  border-bottom: none;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  margin-right: 2px;
  border: 1px solid #54688d;
  border-bottom-color: transparent;
}
.nav-tabs > li > a {
  
  line-height: 1.42857143;
  
  color: #5f5d5c;
  /*border-bottom: none;*/
  border-bottom-color: transparent;
  
}
.nav-tabs > li > a:hover {
	color: #54688d;
  	border-color: transparent;
 	border-bottom-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #FFF;
  cursor: default;
 background-color: transparent;
border: none;
  /*border: 1px solid #54688d;*/
  border-bottom-color: #54688d;
}

.nav-tabs > li.active{
	background-color: #54688d;
	border-bottom: 2px solid #54688d;
}

#articletools {
	border: 1px solid #54688d;
	margin-top: 15px;
	float: left;
	width: 100%;
	text-align: left;
}
#articletools h4 {
	margin-top: 0px !important;
}
#articletools ul {
	list-style: none;
	padding: 0px 10px;
	font-size: 12px;
}
#articletools ul li {
	margin-bottom: 10px;
}
#articletools ul li:last-child {
	margin-bottom: 0px;
}
#articletools ul li a, td a {
	font-weight: bold;
	color: #54688d;
	text-decoration: underline;
}
#articletools ul li a:hover, td a:hover {
	font-weight: bold;
	color: #54688d;
	text-decoration: underline;
}
#articletools img {
	width: 20%;
	margin-right: 3px;
}
.bt-icon {
    background-image: url("../imgs/icon-requestpermissions.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 28px auto;
    display: inline-block;
    padding-left: 35px;
    padding-top: 4px;
}


/*  PAGINACIO
================================================== */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #54688d;
    border-color: #d6d6d6;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #54688d;
    float: left;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #d6d6d6;
    border-color: #d6d6d6;
    color: #54688d;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #fff;
    border-color: #d6d6d6;
    color: #d6d6d6;
}

.columna {
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin-bottom: 20px;
}


/*  FOOTER
================================================== */

#footer {
	background-color: #f1efdb;
    padding: 40px 0 10px;
    /*position: fixed;
    bottom: 0;
    text-align: center !important;
    width: 100%;*/
}
#footer p {
	color: #5f5d5c;
	text-align: center;
	font-size: 12px;
}
#footer hr {
	border-bottom: 1px solid #5f5d5c;
	width: 70%;
	margin: 0 auto;
	text-align: center !important;
	margin-bottom: 20px;
}



/* #TABLET STYLES HORITZONTAL
================================================== */
@media handheld, only screen and (min-width: 1025px) and (max-width: 1199px){
	
	html, body {
		font-size: 14px;
	}
	
	
	/*  NAVIGATION
	================================================== */	
	
	.navbar-nav > li > a {
		font-size: 14px;
	}
	
	.dropdown-menu {
		font-size: 14px;
	}
	
	
	/*  CONTENT
	================================================== */
	
	.keywords-col2 {
		width: 30%;
	}
	.keywords-col3 {
		width: 50%;
	}
	.form-group.inputipad {
		width: 31% !important;
	}
	.inputipad input {
		width: 60% !important;
	}
	
	.login-col2 {
		width: 50%;
	}
	.login-col3 {
		width: 35%;
	}
	
}


/* #TABLET STYLES VERTICAL
================================================== */
@media handheld, only screen and (min-width: 768px) and (max-width: 1024px){
	
	/*  NAVIGATION
	================================================== */	
	
	.navbar-nav > li > a {
		font-size: 12px;
	}
	
	.dropdown-menu {
		font-size: 12px;
	}
	
	.navbar-collapse {
    	padding-right: 0px;
    	padding-left: 0px;
	}
	
	.nav > li > a {
		padding: 3px 10px;
	}
	
	
	/*  CONTENT
	================================================== */
	
	.keywords-col1 {
		width: 25%;
	}
	.keywords-col2 {
		width: 20%;
	}
	.keywords-col3 {
		width: 55%;
	}
	
	.radio-inline, .checkbox-inline {
    	padding-left: 10px;
	}
	
	.form-group.inputipad {
		width: 25% !important;
	}
	.inputipad input {
		width: 90% !important;
	}
	
	.login-col1 {
		width: 22%;
	}
	.login-col2 {
		width: 30%;
	}
	.login-col3 {
		width: 48%;
	}
	
	.espaibotons {
		margin-left: 0px;
	}
	
}


/* #MOBILE STYLES
================================================== */
@media handheld, only screen and (max-width: 767px) {
	
	/*  HEADER
	================================================== */
	
	#header {
		background-image: url(../imgs/header-background-iphone.png);
		background-repeat: repeat-x;
		height: 262px;
		padding-top: 15px;
		text-align: center !important;
	}
	.right {
		float: none;
	}
	.left {
		float: none;
	}
	#header img {
		margin: 0 auto;
	}
	
	
	/*  NAVIGATION
	================================================== */
	
	.navbar-nav > li {
		border-right: 0;
		width: 100%;
	}
	.navbar-nav > li:first-child {
		border-left: 0;
	}
	
	.navbar-collapse.in {
		background-color: #dde0e6;
	}
	.dropdown-menu {
		margin: 0px 0 10px 0!important;
	}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 0px 0px 25px;
	}
	.dropdown-menu > li > a {
		background-color: #dde0e6;
	}
	.dropdown-menu > li {
		border-bottom: 0px;
	}
	
	
	/*  CONTINGUT
	================================================== */
	
	.container[role="main"]{
    background-image: none;
	}
	#content {
		padding-right: 15px;
		background-image: none;
	}
	
	.login-col1 {
		width: 100%;
	}
	.login-col2 {
		width: 100%;
	}
	.login-col3 {
		width: 100%;
	}
	
	.radio-inline, .checkbox-inline {
		padding-left: 0px;
	}
	
	.espaibotons {
		margin-left: 0px;
	}
	
	.inputgran input {
		width: 100% !important;
	}
	
	.keywords-col1 {
		width: 100%;
	}
	.keywords-col2 {
		width: 100%;
	}
	.keywords-col3 {
		width: 100%;
	}
	
	.keywords-col3 .radio-inline {
		padding-right: 10px;
	}
	
}

/**05-2022 ----NEW HOME**************/
.article-box {
	width: 100%;
	border-left: 1px solid #dfdfde;
	float: left;
	display: flex;
	flex-flow: row wrap;
}
@media handheld, only screen and (max-width: 967px) {
	.article-box {
		border-left: none;
	}
}
@media only screen and (min-width: 968px) {
	.article-mobile {
		display: none;
	}
}
.article-featured {
	border-right: 1px solid #dfdfde;
}
@media handheld, only screen and (max-width: 967px) {
	.article-featured {
		border-right: none;
		padding-bottom: 25px;
	}
}
.article img {
	width: 100%;
}
.article-h3 {
	font-size: 12px;
	color: #54688d;
	padding-bottom: 20px;
}
.article-h3 strong {
	color: #c7d42f;
}
.article-h2 {
	font-size: 18px;
	line-height: 22px;
	color: #5f5d5c;
	margin-bottom: 30px;
}
.article-featured .article-h2 {
	font-size: 22px;
	line-height: 26px;
    margin-bottom: 20px;
}
.article-h2 a:link, .article-h2 a:visited, .article-h2 a:active, .article-h2 a:focus {
	color: #5f5d5c;
	text-decoration: none;
}
.article-h5 {
	font-size: 14px;
	color: #5f5d5c;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
.article-featured .article-h5 {
    margin-bottom: 30px;
}

.article-featured {
	text-align: center;
}

.article-featured img {
	max-width: 437px;
	margin-bottom: 40px;
}
.article-topright {
	float: left;
}
.article-topright .col-sm-6, .article .col-sm-6{
	padding: 0 !important;
}
.article .col-sm-12 {
	padding: 0 0 25px !important;
}

.article-topright img,.article-left img, .article-right img{
	max-width: 96px;
}
@media (min-width: 1px){
	.article-topright .col-sm-6 {
			width: 50%;
			float: left;
	}
}
.article-line {
	width: calc(100% - 28px) !important;
	border-bottom: 1px solid #dfdfde;
	margin: 0 14px 20px;
	float: left;
	clear: both;
}
@media only screen and (min-width: 968px) {
	.article-line {
		margin:  20px 14px 20px;
	}
}
.article-linetwo {
	width: 100%;
	border-bottom: 1px solid #dfdfde;
	margin: 0 0 25px;
	float: left;
	clear: both;
}
.article-left {
	border-right: 1px solid #dfdfde;
}
@media handheld, only screen and (max-width: 967px) {
	.article-left {
		border-right: none;
	}
}
.col-article-left {
	float: left;
	width: calc(100% - 96px);
	padding-right: 14px;
	padding-bottom: 28px;
}
.col-article-right {
	float: left;
	width: 96px;
	padding-bottom: 28px;
}
/**/
@media (min-width:768px){
  .sticky{
		position:-webkit-sticky!important;
		position:sticky!important;
    top:0!important;
  }
}
.banner--twitter {}
.banner__p {
	font-size: 16px;
	color: #5f5d5c;
	font-weight: bold;
	margin-bottom: 15px;
}
.img-twitter {
	max-width: 60px;
}