/* ==========================================================================
   PSDaWEB Styles
   ========================================================================== */

body {
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
 font-family:"Open sans",serif;
}
/*//// HEADER //////////////////////////////////////////*/
.idiomes {
	background: #545454;
	width: 100%;
	height: 24px;
}
.idiomes .right {
	margin: auto;
	max-width: 1001px;
}
.idiomes ul {
	float: right;
}
.idiomes ul li {
	display: inline-block;
	float: left;
	padding: 0 5px;
}
.idiomes ul li a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: normal;
}
.idiomes ul li a:hover, .idiomes ul li a.active {
	text-decoration: underline;
	font-weight: bold;
}
.cap {
	max-width: 1001px;
	margin: auto;
	height: 68px;
}
.cap .logo {
	float: left;
	padding: 20px 0 0;
}
.cap h2 {
	float: left;
	margin: 0;
	padding-top: 20px;
	/*padding: 25px 0 5px;*/
	font-size: 18px;
	color: #545454;
	font-weight: normal;
}
.cap .associacio {
	float: right;
	padding: 6px 0 0;
}
/*.corts {
	line-height: 13px;
	padding: 7px 8px !important;
}*/

/*SUBFINESTRA APPS*/
.appesq {
	position: relative;
	float: left;
	height: 300px;
	left: 15px;
	top: 10px;
	width: 150px;
}
.appdret {
	float: right;
	right:20px;
	#height: 75px;
	width: 390px;
	position: relative;
	top: 15px;
}
.appapple {
	position: relative;
	float: left;
	height: 200px;
	left: -105px;
	top: 45px;
	width: 290px;
}
.appandroid {
	position: relative;
	float: right;
	height: 200px;
	right: 30px;
	top: -155px;
	width: 220px;
}
.dropdown-menu.right {
	right: inherit;
	left: inherit;
	margin-left: -310px;
}
.navbar .nav > li > .dropdown-menu.right:after {
	right: 10px;
	left: inherit;
}
.navbar .nav > li > .dropdown-menu.right:before {
	right: 9px;
	left: inherit;
}
/*//// HOME //////////////////////////////////////////*/
.app-unit {
	background: url(../img/imagehome.jpg) no-repeat 0 0;
	max-width: 1001px;
	height: 521px;
	margin: auto;
}
.app-unit ul {
	display: block;
	height: 54px;
	margin: 0;
	max-width: 1001px;
	padding: 467px 0 0;
	background: url(../img/app-unit.png) no-repeat bottom right;
}
.app-unit ul li {
	display: inline-block;
	float: right;
	margin: 15px 27px 0 1px;
}
.app-unit ul li a {
	color: #FFF;
}
.mapadinamic {
	background: url(../img/mapadinamic.png) no-repeat 0 0;
	padding: 12px 0 14px 35px !important;
}
.appmobil {
	background: url(../img/appmobil.png) no-repeat 0 0;
	padding: 12px 0 14px 35px !important;
}
.rutesguiadeshome {
	background: url(../img/peato.png) no-repeat 0 0;
	background-size: 28px 38px;
	padding: 12px 0 14px 35px !important;
}

/*//// BARRI //////////////////////////////////////////*/
.barri {
	background: url(../img/imagebarri.jpg) no-repeat 0 0;
	display: block;
	height: 424px;
	margin: 0;
	width: 740px;
	padding: 0;
	float: left;
}
.barri h3 {
	background: none repeat scroll 0 0 #86D955;
	color: #FFFFFF;
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	line-height: 30px;
	margin: 17px 0 0 18px;
	padding: 0 8px;
	position: absolute;
	z-index: 99;
}
.sidebmenu {
	background: #2f2f2f;
	color: #FFF;
	float: right;
	width: 259px;
	height: 424px;
}
.sidebmenu h4 {
	font-size: 18px;
	margin: 17px 0 10px 17px;
}
.sidebmenu ul {
	margin: 0;
	padding: 0;
}
.sidebmenu ul li {
	list-style: none;
	padding: 0;
}
.sidebmenu ul li a {
	padding: 2px 0 2px 17px;
	color: #FFF;
	font-weight: normal;
	font-size: 14px;
	display: block;
}
.sidebmenu ul li a:hover, .sidebmenu ul li a.active {
	background-color: #86d955;
	text-decoration: none;
}
ul.app {
	background: url("../img/app-unit-barri.png") no-repeat scroll right bottom transparent;
	clear: both;
	display: inline;
	float: right;
	height: 54px;
	margin: -54px 0 0;
	padding: 0;
	position: relative;
	width: 1001px;
	z-index: 99;
}
ul.app li {
	display: inline-block;
	float: right;
	margin: 15px 25px 0 1px;
}
ul.app li a {
	color: #FFF;
}
ul.app li a:hover {
	text-decoration: underline;
	background-color: transparent;
}
.sidebar {
	float: left;
	width: 215px;
	margin: 130px 0 0
}
.content-text {
	max-width: 754px;
	margin: 140px 16px 0 0;
	text-align: justify;
	float: right;
	color: #302c2c;
	font-size: 14px;
}
.content-text h6 {
	color: #302c2c;
	font-size: 15px;
}
.sidebar h5 {
	background: #86d955;
	padding: 34px 0;
	text-align: left;
	/*width: 215px;*/
 padding-left: 10px;
 padding-right: 10px;
	color: #FFF;
	font-size: 18px;
	margin-bottom: 15px;
}
/*//// FOOTER //////////////////////////////////////////*/
footer {
	max-width: 1001px;
	margin: auto;
}
footer a.menu {
	background: #36a7dc;
	color: #FFF;
	float: left;
	padding: 5px 7px;;
	font-size: 15px;
	/*margin-top: 25px;*/
	margin-right: 10px;
}
footer p {
	float: right;
	color: #737373;
	font-weight: bold;
	font-size: 12px;
	width: 187px;
	text-align: right;
}
footer p.cc {
	padding: 28px 0 0;
}
/*//// FANCYBOX //////////////////////////////////////////*/
.fancybox-wrap, 
.fancybox-skin, 
.fancybox-outer, 
.fancybox-inner, 
.fancybox-image, 
.fancybox-wrap iframe, 
.fancybox-wrap object,
.fancybox-nav, 
.fancybox-nav span, 
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
        border-bottom: 5px solid #36A7DC;
	/*border-bottom: 5px solid #36a7dc;*/
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../img/fancybox_sprite.png');
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
	position: absolute;
	right: 4px;
	top: 2px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
.fancybox-lock {
	overflow: hidden;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../img/fancybox_overlay.png');
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../img/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */

.fancybox-inner h3 {
	text-shadow: none;
	color: #36a7dc;
	font-size: 18px;
	background: #eaeaea;
	padding: 2px 10px;
	margin: 0;
	display: inline;
}
.fancybox-inner p {
	color: #545454;
	font-size: 14px;
	text-align: justify;
	/*padding: 10px 0 0 20px;*/
	padding-left: 10px;
	padding-bottom: 20px;
	padding-right: 10px;


}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 4px 20px;
	background: transparent;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 1px 2px #333;
	color: #FFF;
	font-weight: normal;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/*//// GALLERY //////////////////////////////////////////*/
.ad-gallery {
	width: 740px;
}
.ad-gallery, .ad-gallery * {
	margin: 0;
	padding: 0;
}
.ad-gallery .ad-image-wrapper {
	width: 100%;
	height: 424px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
	position: absolute;
	z-index: 10;
	top: 48%;
	left: 48%;
	border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 5%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 5%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
	background: url(../img/trans.gif);
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(../img/ad_prev.png);
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 47%;
	left: 0;
	z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(../img/ad_next.png);
	width: 30px;
	height: 30px;
	right: 0;
	left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
	border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	display: none;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description 
.ad-description-title {
	display: block;
}
.ad-gallery .ad-controls {
	height: 20px;
	display: none !important;
}
.ad-gallery .ad-info {
	float: left;
	display: none !important;
}
.ad-gallery .ad-slideshow-controls {
	float: right;
	display: none !important;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery 
.ad-slideshow-controls .ad-slideshow-stop {
	padding-left: 5px;
	cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px;
	font-size: 0.9em;
	display: none !important;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default;
	font-style: italic;
}
.ad-gallery .ad-nav {
	width: 1012px;
	position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10;
}
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
	height: 100px;
}
.ad-gallery .ad-back {
	cursor: pointer;
	opacity: 1 !important;
	left: 3px;
	width: 30px;
	display: block;
	background: url(../img/ad_scroll_back.png) 0px 22px no-repeat;
	margin: 14px 0 0;
}
.ad-gallery .ad-forward {
	cursor: pointer;
	opacity: 1 !important;
	display: block;
	right: 3px;
	width: 30px;
	background: url(../img/ad_scroll_forward.png) 0px 22px no-repeat;
	margin: 14px 0 0;
}
.ad-gallery .ad-nav .ad-thumbs {
	overflow: hidden;
	width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left;
	width: 9000px;
	list-style: none;
}
.ad-gallery .ad-thumbs li {
	float: left;
	padding-right: 12px;
}
.ad-gallery .ad-thumbs li a {
	display: block;
}
.ad-gallery .ad-thumbs li a img {
	border: none;
	display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
	border: none;
}
.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
}

p.colab {
width: 460px;
text-align: left;
margin-left:50px;
}
.colabdiv{
 width: 560px;
  display: flex;
    justify-content:space-between;
    }


table.logos {
    width: 100%;
    color: #737373;
    font-weight: bold;
    font-size: 12px;

}
table.logos tr{ 
  min-height: 15px;
  }
  
table.logos th{
     
  text-align: left;
    /*display: flex;
    justify-content:space-between;*/
}
.curt {width:26%;}
.llarg {width:40%;}
.logosimg{
  
    display: flex;
    justify-content:space-between;
}
a.appmobil strong{
text-align: center;
margin-left:20px;
width: 180px;
}