@charset "UTF-8";
/* CSS Document */


html, body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}


/*  HEADER
================================================== */

.navbar-inverse {
	background-color: #ffffff;
	background-image: none;
	border: none;
}
.navbar-header {
	width: 100%;
}
.navbar-brand {
	height: auto;
	width: 100%;
	padding: 40px 0px;
	text-align: center;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}
.left {
	float: left;
}
.right {
	float: right;
	width:350px;
}





/*  CERCADOR
================================================== */

.cercador {
	background-color: #EF7D0B;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px 0px;
	position: relative;
}
.cercador p {
	color: #fff;
	font-size: 16px;
}
.cercador input {
	border: 0px;
	background-color: #ffffff;
	width: 89%;
	height: 40px;
	color: #333333;
	padding: 5px 20px;
}
.cercador a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	text-align: right;
	float: right;
}
.cercador a:hover {
	text-decoration: underline;
}
.btn-default {
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    background-repeat: repeat-x;
    border: none;
    border-radius: 0;
    height: 40px;
    margin-top: -4px;
}
.cercador select {
	border: 0px;
	background-color: #ffffff;
	width: 100%;
	height: 40px;
	color: #333333;
	padding: 5px 20px;
}
.cercador .col-sm-4 {
	padding-left: 0px;
}


/*  CERCADOR AVANCAT
================================================== */

.cercador-avancat {
	background-color: rgba(239, 125, 11,0.05);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px 0px;
	position: relative;
}
.cercador-avancat p {
	color: #333;
	font-size: 16px;
}
.cercador-avancat input {
	border: 0px;
	background-color: #ffffff;
	width: 100%;
	height: 40px;
	color: #333333;
	padding: 5px 20px;
}
a.btn-default-cercador-avancat {
	background-color: #EF7D0B;
	background-image: none;
	color: #fff;
	text-shadow: none;
    border: none;
    border-radius: 0;
    height: 40px;
	text-align: center;
	font-size: 18px;
   font-weight: 700;
	padding: 4px 40px;
}
.top-boto {
    margin-top: 20px;
	margin-bottom: 40px;
}
.cercador-avancat select {
	border: 0px;
	background-color: #ffffff;
	width: 100%;
	height: 40px;
	color: #333333;
	padding: 5px 20px;
}
.cercador-avancat .col-sm-4 {
	padding-left: 0px;
}
.cercador-avancat .col-sm-4 .buit {
	width: 100%;
}


/*  MIGAS
================================================== */

.migas {
	background-color: #333333;
	padding: 10px 0px;
	position: relative;
	color: #ffffff;
}
.migas ul {
	margin-bottom: 0px;
	padding-left: 0px;
}
.migas ul li {
	display: inline;
	list-style: none;
	color: #fff;
}
.migas ul li a {
	color: #ffffff;
	list-style: none;
}
.migas ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.migas ul li img {
	 margin: -3px 10px 0;
}


/*  HOME
================================================== */

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.mapa {
    height: 725px;
    margin: 0;
    padding: 0;
}


/*  PAGINES INTERIORS
================================================== */

.page-header {
    border-bottom: 1px solid #d6d6d6;
}
.page-header h1 {
    font-size: 30px;
	font-weight: 700;
}

.sidebar p a {
	text-decoration: underline;
	color: #333;
}
.sidebar p a:hover {
	text-decoration: none;
	color: #333;
}

.contingut p a {
	text-decoration: none;
	color: #333;
}
.contingut p a:hover {
	text-decoration: underline;
	color: #333;
}


/*  SIDEBAR
================================================== */

.sidebar {
	padding-left: 0px;
}
.sidebar .panel-group {
	margin-top: 40px;
	margin-bottom: 40px;
}
.panel-group .panel {
    border-radius: 0;
}
.panel {
    box-shadow: none;
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 20px;
}
.panel-default > .panel-heading {
	background-image: none;
	background-color: #f2f2f2;
	color: #EF7D0B;
	border: 0px;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	border-radius: 5px;
	border: 1px solid #EF7D0B;
}
.panel-title {
    font-size: 18px;
    font-weight: 700;
}
.panel-title > a:hover, .panel-title > a:active {
    text-decoration: none;
}


/*  CONTINGUT
================================================== */

.glyphicon {
	color:#EF7D0B;
}
.resultats {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
.resultats a {
	text-decoration: underline;
	color: #333333;
}
.resultats a:hover {
	text-decoration: none;
	color: #333333;
}
.columna {
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin-bottom: 20px;
}
.columna1 {
	padding-left: 0px;
	margin-bottom: 10px;
	float: left;
}
.columna2 {
	padding-right: 0px;
	margin-bottom: 10px;
	float: left;
}
.contingut {
	padding-right: 0px;
	margin-bottom: 40px;
	float: left;
}
.mapa-fitxa {
	height: 600px;
	position:relative;
}
.mapa-fitxa .clicar-aqui {
	position:absolute;
	top: -40px;
	left:-25px;
	color:#fff;
	font-size:10px;
	z-index:3000;
	background-image:url(../imgs/bg-tooltip.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:118px;
	height:53px;
	padding:7px 10px;
}
.mapa-fitxa .clicar-aqui a {
	position:absolute;
	top:7px;
	right:9px;
	z-index:3001;
	display:inline-block;
	width:10px;
	height:10px;
	background-image:url(../imgs/close-tooltip.png);
	background-repeat:no-repeat;
	background-position:center center;
	text-indent:-9999px;
}

.mapa-fitxa h1{
	font-size:18px;
}


.mapa-cheks {
  background-color:#F7F7F7;
  border-bottom:2px solid #E5E5E5;
  border-left:2px solid #E5E5E5;
  border-right:2px solid #E5E5E5;
  margin-bottom:20px;
  opacity:0.75;
  padding:10px;
}

.bloc h4 {
	background-color: #f2f2f2;
	width: 100%;
	color: #EF7D0B;
	font-size: 18px;
	font-weight: 700;
	margin-top: 40px;
	padding: 10px 15px;
	float: left;
	border-radius: 5px;
	border: 1px solid #EF7D0B;
}
.bloc-text {
	padding: 10px 15px 0px 15px;
	float: left;
}
.bloc em {
	float: left;
	margin-right: 15px;
}
.bloc p {
	/*float: left;*/
}
.bloc h5 {
    float: left;
    margin-bottom: 10px;
    width: 100%;
	font-weight: 700;
	font-size: 16px;
}
.bloc-servei {
	padding: 10px 0px 0px 0px;
	width: 100%;
	float: left;
}
.opacitat {
	opacity: 0.5;
}


/*  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: #333333;
    border-color: #d6d6d6;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #333333;
    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: #333333;
}
.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;
}


/*  FOOTER
================================================== */

#footer {
	background-color: #fff;
	padding: 40px 0px;
	border-top: 20px solid #EF7D0B;
	padding-bottom: 20px;
}
#footer .taronjafooter{
	color:#D76C09;
	border-bottom:2px solid #EF7D0B;
	font-weight:700;
	font-size:18px;

}
#footer .col-md-6 .col-sm-12{
	padding-left:0px;	
	padding-right:0px;
}
#footer a {
	color: #333;
	text-decoration: none;
}
#footer a:hover {
	color: #333;
	text-decoration: underline;
}

#footer img.img-responsive {
    display: inline !important;
}

#footerdadeslegals {
    text-align: center;
    line-height: 15px;
    margin-top: 20px;
}

/* #TABLET STYLES
================================================== */

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
	/*  CERCADOR
	================================================== */	
	
	.cercador {
		background-image: none;
	}
	.cercador input {
		width: 94%;
	}
	
}

/* Landscape tablets and medium desktops */
@media handheld, only screen and (min-width: 992px) and (max-width: 1199px){
	
	/*  CERCADOR
	================================================== */	
	
	.cercador input {
		width: 81%;
		font-size: 16px;
	}
	.cercador p {
		font-size: 15px;
	}
	
	
	/*  SIDEBAR
	================================================== */	
	
	.panel-title {
		font-size: 16px;
	}
	
	
	/*  FOOTER
	================================================== */
	
	#footer .col-sm-12 {
		margin-bottom: 30px;
	}
	
}



/* #MOBILE STYLES
================================================== */

@media handheld, only screen and (max-width: 375px) {

	/*  CERCADOR
	================================================== */
	
	.container > .navbar-header {
		margin-right: 0px;
		margin-left: 0px;
	}
	
	.cercador {
		background-image: none;
	}
	.cercador input {
		width: 87%;
	}

}

@media handheld, only screen and (min-width: 376px) and (max-width: 767px) {
	
	/*  HEADER
	================================================== */
	
	.container > .navbar-header {
		margin-left: 0px;
		margin-right: 0px;
	}
	.cercador .col-sm-4 {
		padding-right: 0px;
	}
	.left {
		float: none;
	}
	.right {
		float: none;
	}
	
	
	/*  CERCADOR
	================================================== */
	
	.cercador {
		background-image: none;
	}
	.cercador select {
		width: 100%;
	}
	.cercador input {
		width: 93%;
	}
	
	
	/*  HOME
	================================================== */
	
	.mapa {
		height: 200px;
	}
	
	
	/*  SIDEBAR
	================================================== */
	
	.sidebar {
		padding-right: 0px;
	}
	
	
	/*  CONTINGUT
	================================================== */
	
	.columna1 {
		width: 100%;
		border-bottom: 1px solid #d6d6d6;
		margin-bottom: 10px;
	}
	.columna2 {
		width: 100%;
		padding-left: 0px;
	}
	
	.contingut {
		padding-left: 0px;
	}
	
	.mapa-fitxa {
		height: 300px;
	}
	
	
	/*  FOOTER
	================================================== */
	
	#footer .col-sm-12 {
		margin-bottom: 30px;
	}
	
}