/* ==========================================================================
   Author's custom styles
   ========================================================================== */
 
 .nav-pills>li+li {
    margin-left: 1px;
}

 .cookies {
	 background-color: #ee104e;
	 color: white;
	 margin-bottom: 5px;
	 padding: 15px;
 }  

 .login {
	 background-color: #ee104e;
	 height: 50px;
	 font-size: 0.9em;
	 line-height: 50px;
 }
 
 .logo {
	 height: 50px;
	 overflow: visible;
	 margin: 0;
	 padding: 0;
 }
 
 .logo img {
	 width: 100%;
	 position: relative;
	 z-index: 100;
 }
 
 .social {
	background-color: #000000;
	 height: 50px;
	line-height: 50px;
	 font-size: 1.5em;
	 color: #fff;
	 text-align: right;
 }
 
 .social a {
	  color: #fff;
 }
 
 .efa {
	 background-color: #0099a3;
	 height: 50px;
	 line-height: 50px;
	 font-size: 1.5em;
	 color: #E2D7CD;
	 text-align: right;
 }
 
 .efa a {
	  color: #E2D7CD;
	  text-decoration: none;
 }
 
 .fundacio {
	 background-color: #000000;
	 height: 50px;
 }
 
 .carousel {
 	margin: 0;
 	padding: 0;
 	width: 100%;
 }
 
 .carousel-caption {
	 font-size: 2em;
	 background:rgba(0, 0, 0, 0.7);
	 bottom:225px;
	 right: 10%;
	 left: 10%;
 }
 
 .carousel-inner {
	 max-height: 567px;
 }
 
 .menu {
	 background-color: #ee104e;
	 height: 50px;
	 line-height: 30px;
	 color: black;
	 font-weight: bold;
	 text-transform: uppercase;

 }
 
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  color: #ee104e;
  background-color: #E2D7CD;
}

.nav-pills>li>a {
  border-radius: 0;
  color: black;
}

h2 {
	background-color: black;
	color:#E2D7CD;
	margin: 0;
	padding: 15px;
}

h3 {
	color: #ee104e;
	font-weight: 300;
	font-size: 1.5em;
}

h3 a {
	color: #ee104e;
}

.no-margin {
	margin: 0;
	padding: 0;
}

.empreses {
	list-style: none;
	list-style-type: none;
	padding-left: 0;
	margin-left: 15px;
	margin-top: 15px;
	}

.empreses li {
	margin-bottom: 5px;
}

.noticia {
	border-top: 1px solid black;
	border-bottom: 1px solid black;

	padding: 15px 0;
}

.oferta {

	padding: 15px;
}

.oferta h3 {
	font-weight: bold;
}

.oferta h4 {
	font-weight: normal;
	color: #FA5D39;
	margin-top: 2rem;
}

.square-info div {
	margin-bottom: 1rem;
}

.square-info div strong {
	color: #FA5D39;
	color: white;
	background-color: #FA5D39;
	padding: 0.3rem;
}

.negreta {
	text-align: justify;
}

.imatge img {
	width: 100%;
}

.fons {
	height: 65px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.cos img {
	width: 100%;
}

.panel-default>.panel-heading {
	background: transparent;
	color: #ee104e;
}

.panel-title {
	font-size: 1.5em;
}

.mes {
	background: black;
	color: #E2D7CD;
	margin-top: 15px;
	padding: 10px 15px;
	font-size: 1.5em;
	text-align: center;
}

.mes a {
	color: #E2D7CD;
	text-decoration: none;
}

.contenidor-paginacio {
	text-align: center;
}


.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: black;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid black;
}

.pagination>li>a:hover, .pagination>li>span:hover {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #E2D7CD;
  text-decoration: none;
  background-color: black;
  border: 1px solid black;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  z-index: 2;
  color: #E2D7CD;
  cursor: default;
  background-color: black;
  border-color: black;
}

.footer {
	background-color: black;
	color:#FF5B1D;

	margin-top: 50px;
		text-align: center;
		padding:15px 0;
}

.footer a {
	color:#FF5B1D;

}

.container-full {
  margin: 2rem auto 0 auto;
  width: 100%;
}

.container-full .row {
	width: 100%;
	padding: 0;
}