@CHARSET "UTF-8";

/* Reset
----------------------------------------------------------------------------------------------------*/


/*
* GENERAL (Customized)
*/

@font-face { 
  font-family: akziden-regular;
  /*
  src: url('akzidenzgroteskbe-regular.otf');
  font-weight: normal;
  font-style: normal; */
}

@font-face { 
  font-family: akziden-bold;
  /* src: url('akzidenzgroteskbe-bold.otf');
  font-weight: bold;
  font-style: normal; */
}

@font-face { 
  font-family: akziden-md;
  /* src: url('akzidenzgroteskbe-md.otf');
  font-weight: bold;
  font-style: normal; */
}

@font-face { 
  font-family: berthold;
  /* src: url('berthold-akzidenz-grotesk-be-regular.ttf');
  font-weight: bold;
  font-style: normal; */
}

h1 {
display: block;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-family:akziden-bold, arial, sans-serif;
font-weight: normal;
font-size:5vmin;

text-shadow: 1px 1px RGBA(0, 0, 0, 0.1);
text-align: start;
}

h2 {
	font-family:akziden-md, arial, sans-serif;
	font-size: 2vw;
	
	color: #808080;
	text-shadow: 1px 1px 0 white;
	text-transform: lowercase;
}

h3 {
	font-family:akziden-bold, arial, sans-serif;
	font-size: 3vmin;
	font-weight: normal;
	color: #ef801c;
	text-shadow: 1px 1px #fff;
	margin: 0;
	
	text-shadow: 1px 1px 0 white;
	text-align: start;
}

h4 {
	font-family:akziden-md, arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #808080;
	text-shadow: 1px 1px #fff;
	margin: 0;
	text-shadow: 1px 1px 0 white;
}

h5 {
	font-family:akziden-regular, arial, sans-serif;
	font-size: 21px;
	line-height: 21px;
	font-weight: normal;
	color: #fff;
	text-shadow: 1px 1px 0 #CC732D;
	margin: 0;
}

a, a:visited, a:active {
	color: #ef801c;
	text-decoration: none;
}

.button
{
	font-family: 'Open Sans', verdana;
	font-size: 4vmin;
	display: inline-block;
	background: darkorange;
	border-color:orange;
	border-width: thin;
	border-style: outset;
	border-radius: 12px;
	color: white;
	text-decoration: none; 
	padding: 5;
	width: 100%;
	cursor: hand;
}

p {
display: block;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin: 10px 0px;
}

body {
  background-color: #ebebeb;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: Tahoma;
}

.panel-2col-stacked .panel-separator {
margin: 0;
}

.content {
	font-family:tahoma, arial, sans-serif;
	font-size: 2hv;
	line-height: 2hv;
	color: #808080;
}

#texto24 {
	font-family: 'Open Sans', verdana;
	font-size: 5vmin;
	color: black;
	text-decoration: none; 
	padding: 5;
}

.box-rounded-grey {
	background: #dfdddd;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.box-rounded-white {
	background: #fff;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	padding: 6px;
	padding-bottom: 3px;
	border: 1px solid transparent;
	box-shadow: -1px 1px rgba(0, 0, 0, 0.1), 1px -1px rgba(0, 0, 0, 0.1);
	margin-right: 12px;
}

img.rounded, .rounded img {
	border: 1px solid transparent;
    border-radius: 7px 7px 7px 7px;
}

.item-list ul{
  margin: 0;
}

.item-list ul li {
margin: 0;
padding: 0;
}

.panel-2col-stacked .panel-col-last .inside{
  margin: 0;
}

#page {
  background-color: #ebebeb;
}

#skip-link {
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
  background-color: #c6c6c6;
}

#header {
  /*width: 1024px;*/
  width: 100%;
  height: 139px;
  margin: 0 auto 0 auto;
  padding: 16px 0 0 0;
}

#header-block1{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#header-block2{
	width: 100%;
	background: #e1dfe0;
    float: left;
	margin-top: 20px;
	border-top: 1px solid #e9e9e6;
	border-bottom: 1px solid lightGrey;
    /*height: 53px;*/
}

/* Taules */



/* Logos - Centres */
#main-logo{
  float: left;
  margin-left: 32px;
}


#titol-pagina, #ambits-banner .banner{
  width: 100%;
  height: 167px;
  /* background: #e76d17 url('../img/backgrounds/header_orange.jpg') no-repeat center top;
}

#ambits-banner .banner.alaigua{
	background: #0098C7 url('../img/backgrounds/header_blue.jpg') no-repeat center top; 
}

#ambits-banner .banner.alasala{
	background: #e76d17 url('../img/backgrounds/header_orange.jpg') no-repeat center top;
}

#ambits-banner .banner.alairelliure{
	background: #829038 url('../img/backgrounds/header_green.jpg') no-repeat center top;
}

#ambits-banner .banner.esport{
	background: #9F1E09 url('../img/backgrounds/header_red.jpg') no-repeat center top;
}

#ambits-banner .banner.benestarisalut{
	background: #1A5D87 url('../img/backgrounds/header_dark_blue.jpg') no-repeat center top;
}

#ambits-banner .banner.lleureicultura{
	background: #565656 url('../img/backgrounds/header_grey.jpg') no-repeat center top;
}

.page-activitats-joves-index #titol-pagina, #ambits-banner .banner.joves{
	background: #FFBF44 url('../img/backgrounds/header_yellow.jpg') no-repeat center top !important;

*/
}

#titol-content{
  width: 961px;
  margin-left: auto;
  margin-right: auto;
}

#titol-pagina-content{
  width: 525px;
  margin-left: 0;
  /*margin-right: auto;*/
  padding-top: 36px;
  /*padding-bottom: 47px;*/
  color: #fff;
}

#titol-pagina-content h1{	
	margin-top: 0;
}
	
#titol-pagina-content p{	
	text-shadow: 1px 1px RGBA(0, 0, 0, 0.1);
	line-height: 25px;
	letter-spacing:0.025em;
	font-size: 16px;
}

#ambits-banner  #titol-pagina-content{
	float: left;
}

 #ambits-banner .banner .galeria{
	float: right;
	width: 321px;
	height: 167px;
	position: absolute;
	bottom:0;
	right:0;
	text-align: center;
}


#ambits-banner .banner .galeria .imatge{
	position: absolute;
	bottom: 0;
	height: auto;
	width: 321px;
	text-align: center;
}

 #ambits-banner .banner .galeria img{
	vertical-align: bottom;
}

#ambits-banner .banner .galeria .imatge .veure-galeria {
	position:absolute;
	width: 273px;
	height: 42px;
	line-height: 42px;
	/* background: transparent url('../img/bt_gallery.png') no-repeat center top; */
	bottom: 17px;
	left: 0;	
	padding-left: 48px; 
	text-align: left;
	color: #fff;
}


#menuprincipal{
  float: left;
}

#menuprincipal ul{
  height: 25px;
  font-family: akziden-md;
  list-style: none; 
  padding-top: 11px;
  margin-left: 48px;
  text-shadow: 1px 1px 0 white;
  text-transform: lowercase;
}

#menuprincipal ul li{
  display: inline;
  margin-right: 21px;
  text-transform: lowercase;
}

#menuprincipal ul li a{
  text-decoration: none;
  color: #808080;
  font-size: 18px;
}

#menuprincipal ul li a:hover{
  color: #fe800f;
}

#menuprincipal ul li.last a{
  color: #fe800f;
}

.submenu{
	width: 1024px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}

.submenu ul{
  padding-left: 30px;
  padding-top: 14px;
}

.submenu ul li{
  list-style: none;
  padding-right: 20px;
  float: left;
  text-transform: lowercase;
}

.submenu ul li a{
	color: #808080;
	font-size: 15px; 
}

.submenu ul li a:hover{
	color: #fe800f;
}

#name-and-slogan {
  float: left;
  margin-left: 100px;
}

#site-name a {
  text-decoration: none;
}

#navigation {
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
  background-color: #c6c6c6;
  height: 45px;
}

#navigation h2 {
  display: none;
}

#main-wrapper {
  clear: both;
  /*background-color: #ffffff;*/
  /*width: 1024px;*/
  margin-right: auto;
  margin-left: auto;
}

#main {
    top: 0;
	height: auto;
	min-height: 100%;
}

#content {
   height: auto;
}

.not-front #content {
	margin-bottom: 80px;
}

#sidebar-first {
  float: left;
  width: 130px;
  margin:0;
  padding: 20px;
  background-color: #EEE;
}

.panel-2col-stacked .panel-col-top, .panel-2col-stacked .panel-col-bottom {width:100% !important;}

/* footer */

#page {
    height: auto;
    margin: 0;
    min-height: 100%;
    padding: 0;
    width: 100%;
	
}



div, ul {
height: auto;
}




#page{
	height: auto;
	left: 0;
    position: absolute;
    top: 0;
}



.footer p{
	padding: 0;
	margin: 0;
}

 #footer {
 /*position:absolute;*/
 bottom: 0;
 margin-bottom: 0;
 width:100%;

}
#footer-fundacio {
 	height: 76px;
	color: #fff;
	font-family:akziden-md, arial, sans-serif;
	font-size: 13px;
	text-shadow: 1px 1px RGBA(0, 0, 0, 0.2);
	/* background: black url('../img/backgrounds/footer.png') repeat-x left top; */

 }

#footer-fundacio-content {
  width: 961px;
  height: 76px;
  line-height: 76px;
  margin-right: auto;
  margin-left: auto;
}

#footer-fundacio-content a.logo-fund {
	padding: 6px 108px 6px 0px;
	margin-right: 25px;
	/* background: transparent url('../img/logo-claror-fundacio-orange.png') no-repeat left top; */
}

#footer-fundacio-content a.logo-fund:hover {background-position:left -29px;}

#footer-fundacio-content a {
  color: #fff;
  text-decoration: none;
}
#footer-fundacio-content a.right {float: right;}
#footer-fundacio-content a:hover {text-shadow: 1px 1px RGBA(0, 0, 0, 0.5);}

#footer-districte{
	width: 100%;
	height: 38px;
	background: #000;
}

#footer-districte .footer-districte-content{
  width: 961px;
  height: 32px;
  line-height: 32px;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
  font-family: akziden-bold, arial, sans-serif;
  font-size: 11px;
  text-align: right;
  padding-top: 4px;
}

#footer-districte img{
  float: left;

}

#footer-districte .districte{
  float: right;
  color: white;
  padding-right: 4px;
}

/*#postfooter .logo-ajuntament{
	width: 200px;
	height: 32px;
	background: transparent url('../img/logo-ajuntament-bcn.png') no-repeat left top;
	float: left;
}*/

/*
* CUSTOM
*/

.clear{
	clear: both;
}
#preheader-back{
	width: 100%;
	height: 65px;
	background: transparent url('img/preheader.png') repeat-x left top;
}

#preheader{
	position: relative;
	width: 1024px;
	height: 29px;
	line-height: 29px;
	margin-right: auto;
	margin-left: auto;
	color: #808080;
	text-shadow: 1px 1px RGBA(255, 255, 255, 0.5);
	font-size: 11px;
	font-family:akziden-md, arial, sans-serif;
	letter-spacing: 0.3px;

}

#preheader a{
	text-decoration: none;
	color: #808080;
}

#preheader a:hover{color:#555555;}

#preheader .breadcrumb{
  float: left;
  text-transform: uppercase;
  margin-left: 32px;
 }

#preheader .breadcrumb-parent, #preheader .breadcrumb-childrens{
  float: left;
  padding: 0;
}

#preheader .breadcrumb-childrens ul{
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

#preheader .breadcrumb-childrens ul li{
  /*list-style: none;
  float: left;
  display: block;*/
  float: left;
  margin-left: 15px;
  list-style-type: none;
  padding-left: 22px;
  background-image: url(/milla/img/arrow-breadcrumb.png);
  background-repeat: no-repeat;
}
 
#preheader .breadcrumb-childrens a{
  /*float: left;*/
/*  background: transparent url('../img/arrow-breadcrumb.png') left top no-repeat;*/
}

/*#preheader .breadcrumb a{
	padding-top:8px;
	padding-bottom:8px;
	padding-right: 33px;
	margin-right: 13px;
}*/

#preheader .languages{
	float: right;
}

.languages ul{
	margin: 0;
}

.languages ul li{
	float: left;
	margin-left: 15px;
	list-style-type: none;
	color:#555555;
}

.share-networks{
  float: right;
  margin-top: 7px;
  margin-right: -34px;
}

.share-networks ul{
  list-style: none;
}

.share-networks ul li{
  list-style: none;
  float: right;
}

/*#preheader ul.share-networks {
	
	top:40px;
	right:0px;
}

#preheader ul.share-networks li.twitter{
	margin-top:2px;
}*/

#social-network{
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
}

.block-centers {
	position: realtive;
	/*height: 300px;*/
	font-family:akziden-md, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #808080;
	text-shadow: 1px 1px RGBA(255, 255, 255, 0.2);
	margin-bottom: -8px;
}

#main .block-centers {
	margin-top: 40px;
}

.footer .block-centers {
	margin-bottom: 0px !important;
}

.block-centers  a{
	text-decoration:none;
	color: #da6c2a;
}

.block-centers  a:hover{
	color: #808080;
}

.block-centers .title-centres {
  /*position:absolute;*/
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #d3d3d3;
  -moz-box-shadow: 0px 1px 0px #fff;
  -webkit-box-shadow: 0px 1px 0px #fff;
  box-shadow: 0px 1px 0px #fff;
}

.block-centers .title-centres h2{
	width: 961px;
	margin: 0 auto;
}

#info-centre-sections{
  /*width: 1024px;
  position:absolute;*/
  width: 100%;
  height: 115px;
  /*margin-top: 40px;
  background-color: #b1aea9;*/
}

#info-centre-sections ul{
  list-style: none;
  padding-left: 2px;
  width: 1045px;
  height: 115px;
  margin: 0 auto;
}

#info-centre-sections ul li{
  float: left;
  list-style: none;
  width: 209px;
  height: 115px; 
}

#info-centre-sections ul li a{
	height: 115px;
  display: block;
  text-indent: -9999px;
  border-right: 1px solid lightGrey;
  -moz-box-shadow: 1px 0px 0px #fff;
  -webkit-box-shadow: 1px 0px 0px #fff;
  box-shadow: 1px 0px 0px #fff;
   background-color: transparent;
   background-image: url('../img/peu/logos-peu.png');
   background-repeat: no-repeat;
}

.logo-cemclaror{ background-position: 39px 7px;}

.logo-cemclaror:hover,
.logo-cemclaror.selected{ background-position: 39px -103px;}

.logo-cemsagradafamilia{ background-position: -161px 13px}

.logo-cemsagradafamilia:hover,
.logo-cemsagradafamilia.selected{ background-position: -161px -97px;}

.logo-cemmaritim{ background-position: -377px 3px;}

.logo-cemmaritim:hover,
.logo-cemmaritim.selected{ background-position: -377px -107px;}

.logo-cemcancaralleu{ background-position: -584px 3px;}

.logo-cemcancaralleu:hover,
.logo-cemcancaralleu.selected { background-position: -584px -107px;}

.logo-lesportiudellinars{
  border: none !important;
  -moz-box-shadow: none  !important;
  -webkit-box-shadow: none  !important;
  box-shadow: none !important;
  background-position: -793px 6px;
}

.logo-lesportiudellinars:hover,
.logo-lesportiudellinars.selected { background-position: -793px -104px;}

#info-centre-title{
  height: 35px;
  line-height: 35px;
  width: 100%;
  background: black url('../img/backgrounds/center-darkgrey.png') repeat-x left top;
}

#info-centre-title ul{
	list-style: none;
	padding: 0;
	height: 35px;
	width: 961px;
	margin: 0 auto;
}

#info-centre-title ul li{
	float: left;
	/*padding-right:35px;*/
}

#info-centre-content{
  width: 100%;  
  height: 104px;
  background: transparent url('../img/backgrounds/center-softgrey.png') repeat-x left top;
}

.centre-info{
  width: 961px;
  margin-right: auto;
  margin-left: auto; 
}

.centre-info div{
  float: left;
  /*padding-left:35px;*/
  margin-top:10px;
}

.block-centers div.adreca, .block-centers div.horaris, .block-centers div.contacta { margin-top:10px;}
.block-centers .adreca { width: 402px;}
.block-centers .adreca p{ padding-left: 33px; margin:0;}
.block-centers .horaris { width: 248px;}
.block-centers .horaris p { padding-left: 33px; margin:0;}
.block-centers .contacta { width: 270px;}
.block-centers .contacta p { padding-left: 33px; margin:0;}
.block-centers .mes { width: 40px; padding:0px !important;}

.centre-info .adreca { background: transparent url('../img/ico-map.png') no-repeat left 5px; }
.centre-info .horaris { background: transparent url('../img/ico-clock-orange.png') no-repeat left 5px;}
.centre-info .contacta { background: transparent url('../img/ico-phone.png') no-repeat left 5px;}
.centre-info .mes { line-height:104px; /*margin-top:17px;*/ height: 40px; line-height: 40px; margin-top: 30px;}

.centre-info .mes a {
	padding: 20px 18px 0px 18px;
	/*margin-top:13px;*/
	background: transparent url('../img/ico-plus.png') no-repeat left top;
}


.divDisplayOn{
  display: block;
}

.divDisplayOff{
  display: none;
}

.regular-title{
  margin-bottom: 18px;
  font-family: akziden-regular;
  font-size: 15px;
  letter-spacing: 1px;
  color: #808080;
  text-shadow: 1px 1px 0 white;
}

.regular-title-bold{
  font-family: akziden-bold;
  color: #5c5c5c;
}

.small-title{
  margin-bottom: 15px;
  font-family: akziden-md;
  font-size: 18px;
  color: #808080;
  text-shadow: 1px 1px 0 white;
  text-transform: lowercase;
}

.normal-text {
	font-family:tahoma, arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #808080;
	text-shadow: 1px 1px 0 white;
}


#noticies-home{
  width: 100%;
 /* background-color: #00ccff;*/
}

#block-noticies-home{
  width: 465px;
  margin-left: auto;
  margin-right:8px;
  /*margin-right: auto;*/
}

.block-2columns-home .view-more {
	float:right;
	margin-top:-20px;
}

.block-2columns-home .view-more a{color:#808080;}
.block-2columns-home .view-more a:hover{color:#EF801C;}

.block-2columns-home ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 466px;
	margin-bottom: 35px;
}

.block-2columns-home ul li{
	border-top: 1px solid #FFFFFF;
    box-shadow: 0 -1px 0 #D3D3D3;
	padding-top: 10px;
	margin-top: 10px;
	min-height: 75px;
}

.block-2columns-home img{
	border: 1px solid transparent;
    border-radius: 7px 7px 7px 7px;
	/*box-shadow: 1px 5px rgba(0, 0, 0, 0.5);*/
	width: 105px;
	height: 68px;
	float: left;
	margin-right: 15px;
}

.block-2columns-home h4 a:hover {
	color:#58585a;
}

#block-events-home{
  width: 100%;
  /*background-color: #ffcc00;*/
}

#events-home{
  width: 465px;
  margin-right: auto;
  margin-left:8px;
  /*margin-left: auto;*/
}

#events-home .info {
	width: 242px;
	float:left;
}

#events-home .info .time {
	padding-left: 25px;
	background: transparent url(../img/ico-clock-grey-small.png) no-repeat top left;
}

#events-home .info .centre {
	text-transform: uppercase;
}

#events-home .calendar {
	float: left;
	background: transparent url(../img/calendar.png) no-repeat top left;
	width: 67px;
	height: 64px;
	line-height: 74px;
	padding: 0 15px;
	font-size: 20px;
	text-align: center;
	font-family: akziden-md, arial, sans-serif;
	color: #d8d9da;
	display: inline;
}

#events-home .calendar .day{color:#ee801c;display: inline;}
#events-home .calendar .month{color:#58585a;display: inline;}

#events-home .signup {
	width:100%;
	background: transparent url('../img/backgrounds/calendar-btn.png') repeat-x left top;
	height: 26px;
	margin-top:-25px;
	margin-bottom:30px;
	border-radius: 5px;
}

#events-home .signup a {
	padding-left: 30px;
	line-height: 26px;
	background: transparent url(../img/calendar-ico.png) no-repeat 5px -2px;
	color:#808080;
}

#events-home .signup a:hover {
	color:#EF801C;
}

#xarxes-socials{
  width: 961px;
  margin: 0 auto;
  background-color: #EBEBEB;
}

#social-block{
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

#social-block a{
  text-decoration: none;
}

#social-block .social-item{
  float: left;
  width: 115px;
  height: 39px;
  margin-right: 5px;
  margin-bottom: 40px;
  background-color: #ddded9;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#social-block #facebook{
  background: #ddded9 url(../img/facebook.png) no-repeat 9px center;
}

#social-block #twitter{
  background: #ddded9 url(../img/twitter.png) no-repeat 9px center;
}

#social-block #googleplus{
  background: #ddded9 url(../img/google+.png) no-repeat 8px center;
}

#social-block #linkedin{
  background: #ddded9 url(../img/linkedin.png) no-repeat 9px center;
}

#social-block #blogspot{
  background: #ddded9 url(../img/blogspot.png) no-repeat 9px center;
}

#social-block #flickr{
  background: #ddded9 url(../img/flickr.png) no-repeat 6px center;
}

#social-block #youtube{
  background: #ddded9 url(../img/youtube.png) no-repeat 7px center;
}

#social-block #foursquare{
  background: #ddded9 url(../img/foursquare.png) no-repeat 9px center;
}

#social-block #issuu{
  background: #ddded9 url(../img/foursquare.png) no-repeat 9px center;
}

#social-block .social-item-text{
  margin-left: 39px;
  margin-top: 10px;
  font-family: berthold;
  font-size: 14px;
  color: #8d8680;
}

/*
* views-view-fields--view-home-publicitat.tpl.php
*/

#publicitat{
  /*width: 1024px;*/
  /*margin-left: 32px;
  background-color: #ebebeb;*/
  margin-left: auto;
  background-color: #EBEBEB;
  margin-right: auto;
  /*width: 400px;*/

}

#publicitat .publicitat-item{
  float: left;
  /*margin-right: 10px;*/
  margin-bottom: 40px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#publi-petits-block{
 width: 100%;
}

#publicitat-petits-home{
  width: 512px;
  margin-left: 8px;
  /*margin-left: auto;*/
  margin-right: auto;
}

#publicitat-petits-home .publicitat-petit-item{
  float: left;
 /* margin-right: 5px;*/
}

/*
* views-view-fields--view-home-mini-banners.tpl.php
*/

#mini-banners-row{
  float: left;
  width: 100%;
  background-color: #e1e1e1;
  padding: 9px 0 9px 0;
  margin-bottom: 41px;
  border-top: 1px solid lightGrey;
}

#mini-banners-block{
  width: 961px;
  margin-right: auto;
  margin-left: auto;
}

#mini-banners-block ul{
  list-style: none;
  margin-left:-12px;
}

#mini-banners-block ul .views-row{
	
} 

#mini-banners-block ul li{
  list-style: none;
  margin-left: 12px;
  float: left;
  width:215px;
  height:210px;
  color: #fff;
  background-color: #fff;
  border: 8px solid #f0efeb;
  border-radius: 7px 7px 7px 7px;
  box-shadow: -1px 1px rgba(0, 0, 0, 0.1), 1px -1px rgba(0, 0, 0, 0.1);
}

#mini-banners-block ul li .mini-banners-item{ 
  height:210px;	
  background: #ee801b url('../img/backgrounds/minibanner.png') repeat-x left bottom;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
 }

#mini-banners-block ul li img{
  border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
   background-color: #fff !important;
}

.minibanner-txt{
  width: 100%;
  margin: 0px;
  padding: 3px 0 10px 10px;
}

.minibanner-txt h5{
	line-height:17px;	
}

.minibanner-txt p{
    font-family:akziden-regular, arial, sans-serif;
    font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	color: #fff;
	text-shadow: 1px 1px RGBA(0, 0, 0, 0.1);
	margin: 0;
	padding: 5px 0 2px 0;
}

#horaris-block{
  width: 100%;
  /*background-color: #ffcc00;*/
}

#horaris-home{
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

#wrap {
	margin: 40px 0;
}


/*
* PATROCINADORS
*/
#patro-block{
  width: 100%;
  margin-top: 40px;
}

#patrocinadors{
	width: 961px;
	margin-right: auto;
	margin-left: auto;
	
}

#patrocinadors .patrocinador-item{
  float: left;
  /*margin-right: 5px;*/
  margin-bottom: 40px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/*
* COL·LABOREN
*/

#collaboren-block{
  width: 100%;
  margin-top: 40px;
}

#collaboren{
	width: 961px;
	margin-right: auto;
	margin-left: auto;
	
}

#collaboren .collaboren-item{
  float: left;
  /*margin-right: 5px;*/
  margin-bottom: 25px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/*
* MITJANS OFICIALS
*/

#mitjans-block{
  width: 100%;
}

#mitjans{
	width: 961px;
	margin-right: auto;
	margin-left: auto;
	
}

#mitjans .mitjaoficial-item{
  float: left;
  /*margin-right: 5px;*/
  margin-bottom: 40px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-right: 6px;
}

/*
* ORGANITZA
*/

#organitza-block{
  width: 100%;
}

#organitza{
	width: 961px;
	margin-right: auto;
	margin-left: auto;
	
}

#organitza .organitza-item{
  float: left;
  /*margin-right: 5px;*/
  margin-bottom: 40px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-right: 6px;
}

/*
* PUBLICITAT
*/

#publicitat-gran-block{
  width: 100%;
  margin-top: 40px;
}

#publicitat-gran{
  width: 961px;
  margin-left: auto;
  margin-right: auto;
}

#publicitat-gran .publicitat-item{
  float: left;
 /* margin-right: 10px;*/
  margin-bottom: 40px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/*
* views-view-fields--view-home-gestiona.tpl.php
*/

#block-gestiona{
	width: 100%;
	margin-top: 40px;
}

#gestiona{
  /*width: 1024px;*/
  width: 961px;
  margin-left:auto;
  margin-right:auto;
  /*margin-left: 32px;*/
  background-color: #ebebeb;
}

#gestiona .gestiona-item{
  float: left;
  /*margin-right: 5px;*/
  margin-bottom: 80px;
}

/*
* NOTICIES
*/

#noticies-home{
  width: 100%;
  background-color: #ebebeb;
}

.noticies-llistat{
  width: 961px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
 /* margin-bottom: 30px;*/
  margin-bottom: 80px;
  margin-top: 20px;
}

.noticies-llistat h4{
  color: #ed7e24;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 20px;
}

.noticies-llistat .views-row {
	float:left;
	width: 465px;
	padding: 20px 0;
	border-bottom: 1px solid #d3d3d3;
  -moz-box-shadow: 0px 1px 0px #fff;
}

.noticies-llistat .views-row-odd {
	margin-right: 31px;
}

.noticies-llistat .float {
	float:left;
	width: 221px;
}

.noticies-llistat .col-left {
	margin-right: 23px;
}

.noticies-llistat .noticia-data, .noticies-llistat .noticia-centre {
	font-family: akziden-md, arial, sans-serif;
	color: #808080;
	font-size: 13px;
	text-transform: uppercase;
}

.noticies-llistat .more-info{
	width: 208px;
	margin-right: 25px;
	margin-top: 15px;
	height: 25px;
	padding-left:10px;
    font-size: 13px;
    line-height: 25px;
}

.more-news-big{
	width: 961px;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	padding-left:18px;
	background: #dfdddd;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
    line-height: 40px;
	text-transform: uppercase;
	font-family: akziden-md, arial, sans-serif;
	color: #808080;
	margin-bottom: 30px;
	display: none;
}

.noticies-llistat .more-info a, .more-news-big a{color: #808080; line-height: 25px;}
.noticies-llistat .more-info a:hover, .more-news-big a:hover{color: #EF801C;}

.noticies-llistat .noticia-titol, .noticies-llistat .noticia-desc, .noticies-llistat .noticia-data, .noticies-llistat .noticia-centre {
  /*float: left;*/
 /* width: 217px;
  margin-left: 245px;*/
}

.noticies-llistat .noticia-titol {
	margin-top:-190px;
}

.noticies-llistat table td{
	
  width: 465px !important;
  margin-right: 30px;
}

#noticia-home{
  width: 100%;
}

#noticia-detall{
  width: 961px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  /*color: #59595b;*/
}

#noticia-detall .contingut{
	float: left;
	width: 615px;
}

#noticia-detall .media{
	float: left;
	margin-left: 22px;
	color: #58585a;
	text-shadow: 1px 1px #fff;
}

#noticia-detall .media .image-frame{
	background-color: #f0efeb;
	padding:8px 8px 3px 8px;
    border-radius: 7px 7px 7px 7px;
    box-shadow: -1px 1px rgba(0, 0, 0, 0.1), 1px -1px rgba(0, 0, 0, 0.1);
}

#noticia-detall .media .image-frame img{
	background-color: #f0efeb;  
}

#noticia-detall .media .box-rounded-grey{
	width: 303px;
	padding-left: 12px;
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
	cursor: pointer;
}


/*****/
#paginafixa_contingut .media{
	float: left;
	margin-left: 22px;
	color: #58585a;
	text-shadow: 1px 1px #fff;
}

#paginafixa_contingut .media .image-frame{
	background-color: #fff;
	padding:8px 8px 3px 8px;
    border-radius: 7px 7px 7px 7px;
    box-shadow: -1px 1px rgba(0, 0, 0, 0.1), 1px -1px rgba(0, 0, 0, 0.1);
}

#paginafixa_contingut  .media .image-frame img{
	background-color: #f0efeb;  
}

#paginafixa_contingut  .media .box-rounded-grey{
	width: 303px;
	padding-left: 12px;
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
	cursor: pointer;
}

#paginafixa_contingut .flota_dreta{
	float:right;
}

#paginafixa_contingut .flota_esquerra{
	float:left;
}

/***/




#noticia-detall .media .image-footer{
	padding: 0 13px;
	margin-top: 15px;
}

#noticia-detall .noticia-centre-data , #noticia-detall .noticia-contingut {
	font-size: 14px;
	color: #59595B;
	text-shadow: 1px 1px #fff;
	letter-spacing: 0px;
}

#noticia-detall .noticia-titol{
	/*font-family: akziden-bold;
	font-size: 20px;
	line-height: 27px;
    margin-top: -6px;*/
}

#noticia-detall .noticia-centre-data{
  margin-bottom: 15px;
  color: #808080;
  text-transform: uppercase;
}

#noticia-detall .noticia-social {
	padding-top: 50px;
	padding-bottom: 100px;
}

#noticia-detall .noticia-social div.tags,
#noticia-detall .noticia-social ul{
	float: none;
	width: 615px;
	min-height: 19px;
	padding: 15px 0;
	border-bottom: 1px solid #d3d3d3;
    -moz-box-shadow: 0px 1px 0px #fff;
}

#noticia-detall .noticia-social .tags .box-rounded-grey {
	width:67px;
	padding-left: 13px;
	height: 25px;
	line-height: 25px;
}

#noticia-detall .noticia-social ul li{
	float: left;
}

#noticia-detall .noticia-social ul.tools li {
	padding-left: 23px;
	margin-right: 25px;
	cursor: pointer;
	text-shadow: 1px 1px #fff;
}

#noticia-detall .noticia-social ul.tools li.share {
	background: transparent url('../img/share.png') no-repeat 0px 2px;
}

#noticia-detall .noticia-social ul.tools li.send {
	background: transparent url('../img/send.png') no-repeat 0px 2px;
}

#noticia-detall .noticia-social ul.tools li.print {
	background: transparent url('../img/print.png') no-repeat 0px 2px;
}

#noticia-detall .noticia-social ul.tools li:hover {
	background-position: 0px -17px;
	color: #555555;
}

#noticia-detall .noticia-social ul.tools li.print:hover {
	background-position: 0px -18px;
}

#noticia-detall .noticia-enllacos{
  /*float: left; 
  width: 200px;*/
  padding-top: 60px;
}

/*
* AGENDA
*/

#agenda-home{
  width: 100%;
  background-color: #ffcc00;
}

#agenda-events{
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/*
* GESTIÓ DE CONTINGUTS
*/

.administra-container{
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

.administra-content{
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

.administra-content h1{
  margin-bottom: 20px;
}

.administra-content table{
  width: 100%;
  border: #000 solid 1px; 
}

.administra-content td{
  padding: 10px 5px 10px 5px;
}

.administra-content .theader{
  border: #000 solid 1px;
}

.administra-content .theader td{
  background: white;
}

/*
*
* PAGINES FIXES
*
*/

.paginafixa-titol-container{
  width: 100%;
  height: 110px;
  background: #e76d17 url('../img/backgrounds/header_orange.jpg') no-repeat center top;
  border-top: 1px solid #8b837f;
  /*display:none;*/
}

.paginafixa-titol-container p {
	text-shadow: 1px 1px RGBA(0, 0, 0, 0.1);
	font-size: 16px;
	line-height: 25px;
	letter-spacing:0.025em;
}

.paginafixa-titol-block{
  width: 961px;
  margin-left: auto;
  margin-right: auto;
}

.paginafixa-titol-content{
  width: 480px;
  margin-left: 0;
  padding-top: 36px;
  color: #fff;
}

.paginafixa-contingut-container{
  width: 100%;
  margin-bottom: 80px;
}

.paginafixa-contingut-content{
  width: 961px;
  padding-top:30px;
  margin-left: auto;
  margin-right: auto;
}

/*
*
* ACTIVITATS
*
*/

.adults-title, .joves-title {
	font-family:akziden-md, arial, sans-serif;
	color: #58585a;
	font-size: 15px;
	letter-spacing: 0;
	line-height: 22px;
	text-shadow: 1px 1px #fff;
	padding-top: 30px;
	margin-bottom: -10px;
}

.adults-title p, .joves-title p{
	text-shadow: 1px 1px #fff;
	padding: 0px;
}

.joves-title {
	padding-left: 20px;
}

.adults-title h3, .joves-title h3{
	color: #ee801c;
	font-size: 36px;
	margin-bottom: 10px;
}

.ambit-grup-container{
  /* width: 961px;*/
  height: 100%;
  margin: 0 auto 0 auto;
  padding: 40px 0 80px 0;
}

.ambit-grup-container  ul {
	/*width: 961px;
	margin: auto;*/
	margin-left: -30px;
}

.ambit-grup-container  ul .views-row {
	width: 471px;
  height: 169px;
  float: left;
  margin-bottom: 20px;
}

.ambit-adults-grup-block  ul .views-row , .ambit-joves-grup-block  ul .views-row {
	float: none;
}

.ambit-grup-container  ul .views-row-odd {
	margin-right: 19px;
}

.ambit-adults-grup-block{
  /*width: 512px;*/
  width: 471px;
  float:right;
  margin-left: auto;
 
}

.ambit-joves-grup-block{
  /*width: 512px;*/
  width: 471px;
  float: left;
  margin-right: auto;
  margin-left: 19px;
}

.ambit-adults-grup-block ul, .ambit-joves-grup-block ul{	
	width: 471px;
}

.adults-grup-block, .joves-grup-block{
  width: 961px;
  margin-left: auto;
  margin-right: auto;
}

.ambit-adults-grup-block ul, .ambit-joves-grup-block ul, .adults-grup-block ul, .joves-grup-block ul{
  list-style: none;
}

.ambit-adults-grup-block ul li, .ambit-joves-grup-block ul li, .adults-grup-block ul li, .joves-grup-block ul li {
  list-style: none;
  float: left;
  width: 471px;
  height: 169px;
   margin-bottom: 20px;  
   margin-left: 24px;
}

.ambit-adults-grup-block ul li div.ambit, .ambit-joves-grup-block ul li div.ambit, .adults-grup-block  ul li div.ambit, .joves-grup-block ul li div.ambit{
  display: block;
}

.ambit-grup-container .ambit{
  position: absolute;
  margin-top: 11px;
  margin-left: 11px;
  padding-left: 236px;
  height: 150px;
  width: 210px;
}

.ambit-grup-container h4 {
	font-family:akziden-bold, arial, sans-serif;
	font-size: 16px;
	line-height: 25px;
	font-weight: normal;
	color: #c1ad17;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.54);
	padding: 15px 0 5px;
	margin: 0;
	text-transform: uppercase;
}

.ambit-grup-container p {
	text-shadow: 1px 1px #fff;
	margin: 0;
}

.ambit-grup-container .ambit .graella{
	position: absolute;
	bottom: 20px;
	padding-left: 27px;
	background: transparent url(../img/ico-clock-grey-small.png) no-repeat 0px 3px;
}

.ambit-grup-container .ambit .graella a{
	color: #808080;
	text-shadow: 1px 1px #fff;
}

.ambit-grup-container .ambit .graella a:hover{
	color: #555555;
}

.ambit-joves-grup-block ul li, .joves-grup-block ul li {
	background: transparent url(../img/activities/kids.png) no-repeat top left;
}

.ambit-joves-grup-block ul li .alaigua, .joves-grup-block ul li .alaigua{
	background: transparent url(../img/activities/kids-aigua.jpg) no-repeat top left;
}

.ambit-joves-grup-block ul li .esplaisicampus, .joves-grup-block ul li .esplaisicampus, .ambit-joves-grup-block ul li .esport, .joves-grup-block ul li .esport{
	background: transparent url(../img/activities/kids-esplai.jpg) no-repeat top left;
}

.ambit-joves-grup-block ul li .alaigua, .joves-grup-block ul li .alaigua{
	background: transparent url(../img/activities/kids-aigua.jpg) no-repeat top left;
}

.ambit-joves-grup-block ul li .benestarisalut {
	background: transparent url(../img/activities/kids-benestar.jpg) no-repeat top left;
}

.ambit-joves-grup-block ul li .escoladiniciacióesportiva {
	background: transparent url(../img/activities/kids-esport.jpg) no-repeat top left;
}

.ambit-joves-grup-block ul li .alasala, .joves-grup-block ul li .alasala{
	background: transparent url(../img/activities/kids-sala.jpg) no-repeat top left;
}

.ambit-joves-grup-block ul li .escoladiniciacioesportiva, .joves-grup-block ul li .escoladiniciacioesportiva{
	background: transparent url(../img/activities/kids-escola.jpg) no-repeat top left;
}

.ambit-adults-grup-block ul li, .adults-grup-block ul li {
	background: transparent url(../img/activities/adults.png) no-repeat top left;
}

.ambit-adults-grup-block ul li .alaigua, .adults-grup-block ul li .alaigua{
	background: transparent url(../img/activities/adults-aigua.jpg) no-repeat top left;
}

.ambit-adults-grup-block ul li .alaigua h4, .adults-grup-block ul li .alaigua h4{
	color: #22A2CA;
}

.ambit-adults-grup-block ul li.alairelliure, .adults-grup-block ul li.alairelliure {
	background-position: 0px -188px;;
}

.ambit-adults-grup-block ul li .alairelliure, .adults-grup-block ul li .alairelliure{
	background: transparent url(../img/activities/adults-aigua.jpg) no-repeat top left;
}

.ambit-adults-grup-block ul li .alairelliure h4, .adults-grup-block ul li .alairelliure h4{
	color: #b4b104;
}

.ambit-adults-grup-block ul li.benestarisalut, .adults-grup-block ul li.benestarisalut {
	background-position: 0px -374px;
}

.ambit-adults-grup-block ul li .benestarisalut, .adults-grup-block ul li .benestarisalut{
	background: transparent url(../img/activities/adults-benestar.jpg) no-repeat top left;
}

.ambit-adults-grup-block ul li .benestarisalut h4, .adults-grup-block ul li .benestarisalut h4{
	color: #185d84;
}

.ambit-adults-grup-block ul li.alasala, .adults-grup-block ul li.alasala {
	background-position: -491px 0px;
}

.ambit-adults-grup-block ul li .alasala, .adults-grup-block ul li .alasala{
	background: transparent url(../img/activities/adults-sala.jpg) no-repeat top left;
}

.ambit-adults-grup-block ul li .alasala h4, .adults-grup-block ul li .alasala h4{
	color: #ee801c;
}

.ambit-adults-grup-block ul li.esport, .adults-grup-block ul li.esport {
	background-position: -491px -188px;
}

.ambit-adults-grup-block ul li .esport, .adults-grup-block ul li .esport{
	background: transparent url(../img/activities/adults-esport.jpg) no-repeat top left;
}

.ambit-adults-grup-block ul li .esport h4, .adults-grup-block ul li .esport h4{
	color: #a51d06;
}

.ambit-adults-grup-block ul li.lleureicultura, .adults-grup-block ul li.lleureicultura {
	background-position: -491px -374px;
}

.ambit-adults-grup-block ul li .lleureicultura, .adults-grup-block ul li .lleureicultura{
	background: transparent url(../img/activities/adults-club.jpg) no-repeat top left;
}

.ambit-adults-grup-block ul li .lleureicultura h4, .adults-grup-block ul li .lleureicultura h4{
	color: #545454;
}

.adults-title{
  float: right;
  width: 465px;
}

.joves-title{
  float: left;
  width: 465px;
}

.nivells-container{
  width: 100%;
  margin-top: 17px;
  font-family:akziden-regular, arial, sans-serif;
  font-size: 15px;
  line-height: 21px;
 /* float: left;*/
}

.nivells-block{
  width: 961px;
  margin-left: auto;
  margin-right: auto;
  
}

.nivells-block ul{
  list-style: none;
}

.nivells-block ul li.nivell-desc{
	width: 197px;
	height: 166px;
	min-height: 166px;
	float: left;
	list-style: none;
	margin-right: 15px;
	margin-top: 0;
}

.nivells-block ul li.nivell-desc:last-child, .nivells-block ul li.nivell-desc.last{
	width: 325px;
	margin-right: 0;
}

.nivells-block ul li.nivell-desc div.nivell{
	width: 171px;
	height: 140px;
	min-height: 140px;
	padding:13px;
}

.nivells-block ul li.nivell-desc:last-child div.nivell, .nivells-block ul li.nivell-desc.last div.nivell{
	width: 299px;
}

.nivells-menu {
	width: 100%;
	height: 44px;
	margin-top: 25px;
	border-top: 1px solid #D3D3D3;
    box-shadow: 0 -1px 0 #FFFFFF;
}

.nivells-menu ul{
	height: 44px;
}

.nivells-block ul li.nivell-menu-item{
  float: left;
  list-style: none;
  cursor: pointer;
  height: 44px;
  border-left: 1px solid #D3D3D3;
}

.nivells-block ul li.nivell-menu-item:last-child, .nivells-block ul li.nivell-menu-item.last{
	border-right: 1px solid #D3D3D3;
}

.nivells-block ul li.nivell-menu-item div.nivell{
  display: block;
  height: 44px;
  line-height: 44px;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 30px 0 23px;
  
  /*width: 196px;
  background: #d9e7e8;*/
}

.activitats-container{
  width: 100%;
  /*float: left;*/
  margin-top: 1px;
  border-top: 1px solid #FFFFFF;
  box-shadow: 0 -1px 0 #D3D3D3;
}

.activitats-block{
 background-color:#ececec;
  /*background: #D6D5D1 url('../img/backgrounds/ambits.png') repeat-y center top;*/
  min-height: 350px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.activitats-block .views-row{
  width: 961px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.activitat{
  margin-left: auto;
  margin-right: auto;
  width: 922px;
  background: white;
  padding: 15px;
  border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	background-color: #D6D5D0;
	height: 230px;
	position: relative;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.activitat a{
	color: #fff !important;
}

.activitat .edge-top {
	position:absolute;
	top:-15px;
	left:-15px;
	width: 105px;
	height: 105px;
	 background: transparent url('../img/backgrounds/tab-top-carrusel.png') no-repeat center top;
}

.activitat .edge-bottom {
	position:absolute;
	bottom:-15px;
	right:-15px;
	width: 105px;
	height: 105px;
	 background: transparent url('../img/backgrounds/tab-bottom-carrusel.png') no-repeat center top;
}

.activitat .media{
	float: left;
	position: relative;
}

.activitat .media .veure-fitxa {
	position:absolute;
	width: 188px;
	height: 42px;
	line-height: 42px;
	background: transparent url('../img/bt_fitxa.png') no-repeat center top;
	bottom: 22px;
	left: 15px;	
	padding-left: 45px; 
}

.activitat .info{
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	width: 270px;
	height: 230px;
	background: transparent url('../img/fitxa/bg-fitxa-index-blue.jpg') no-repeat center top;
}

.alaigua.activitat .info{
	background-image: url('../img/fitxa/bg-fitxa-index-blue.jpg');
}

.alasala.activitat .info{
	background-image: url('../img/fitxa/bg-fitxa-index-orange.jpg');
}

.alairelliure.activitat .info{
	background-image: url('../img/fitxa/bg-fitxa-index-green.jpg');
}

.benestarisalut.activitat .info{
	background-image: url('../img/fitxa/bg-fitxa-index-dark-blue.jpg');
}

.esport.activitat .info{
	background-image: url('../img/fitxa/bg-fitxa-index-red.jpg');
}

.lleureicultura.activitat .info{
	background-image: url('../img/fitxa/bg-fitxa-index-grey.jpg');
}

.joves.activitat .info{
	background-image: url('../img/fitxa/bg-fitxa-index-yellow.jpg') !important;
}

.activitat h5{
	text-transform: uppercase;
	padding-top: 25px;
	padding-bottom: 15px;
	font-family:akziden-regular, arial, sans-serif;
	font-size: 24px;
	line-height: 24px;
}

.activitat  ul.icos {
	position: absolute;
	bottom: 40px;
}

.activitat  ul.icos li{
	float: left;
	margin-right: 15px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.activitat  ul.icos li.int {
	background-position: 0 -12px;
	height: 12px;
	line-height: 12px;
	margin-top:15px;
	padding-left: 30px;
	background-image: url(../img/fitxa/white-intensitat.png);
}
.activitat  ul.icos li.level {
	background-position: 0 -15px;
	height: 15px;
	line-height: 15px;
	margin-top:13px;
	padding-left: 25px;
	background-image: url(../img/fitxa/white-nivell.png);
}

.activitat  ul.icos li.int.baixa {
	background-position: 0 -24px;
}

.activitat  ul.icos li.int.alta {
	background-position: 0 0;
}

.activitat  ul.icos li.level.nivell1 {
	background-position: 0 -30px;
}

.activitat  ul.icos li.level.nivell3 {
	background-position: 0 0;
}

/*
* Banners ambits
*/

#ambits-banner{
  width: 100%;
}

#ambits-banner-content{
 /* width: 1024px;
  margin-left: auto;
  margin-right: auto;*/
}

#ambits-banner-content .banner{
  width: 100%;
  background: #2fabd1;
}

#ambits-banner-content .banner #titol-content{
	position:relative;
	height: 167px;
}

/* detall fitxa activitats */

.content-activitat {
	width: 961px;
	margin: 0 auto;
}

.fitxa-activitat {
	width: 958px;
	margin: 40px 0 80px 0;
	padding-bottom: 8px;
	background-color: #f9f9f7;
}

.fitxa-activitat .header_fitxa {
	width: 100%;
	height: 37px;
	line-height: 37px;
	margin-bottom: 18px;
}

.fitxa-activitat .header_fitxa h5, .fitxa-activitat .header_fitxa .ambit { 
	float:left; 
	padding-left:15px;
	text-transform: uppercase;
	line-height: 37px;
	font-family:akziden-regular, arial, sans-serif;
	font-size: 16px;
}
.fitxa-activitat .header_fitxa h5 {
	font-family:akziden-md, arial, sans-serif;
}

.fitxa-activitat .header_fitxa .see_timetable { 
	float:right;
	padding-right: 22px;
}

.fitxa-activitat .header_fitxa .see_timetable  a{ 
	color: #fff !important;
}

.fitxa-activitat .media {
	float: left;
	margin-left: 15px;
	margin-right: 30px;
	
}

.fitxa-activitat .center {
	float: left;
	margin-right: 15px;
	width: 441px;
	text-shadow: 1px 1px RGBA(255, 255, 255, 0.7);
}

.fitxa-activitat ul.info {
	padding-left: 2px;
	width: 441px;
	height: 41px;
	line-height: 41px;
	display: block;
	margin-bottom: 10px;
}

.fitxa-activitat ul.info li {
	float: left;
	padding-left: 34px;
	margin-right: 15px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.fitxa-activitat ul.info li.int {
	background-position: 0 -12px;
	height: 12px;
	line-height: 12px;
	margin-top:15px;
}

.fitxa-activitat ul.info li.level {
	background-position: 0 -15px;
	height: 15px;
	line-height: 15px;
	margin-top:13px;
}

.fitxa-activitat ul.info li.leng {
	height: 21px;
	line-height: 21px;
	margin-top:10px;
	background-position: 4px 0;
}

.fitxa-activitat ul.info li.int.baixa {
	background-position: 0 -24px;
}

.fitxa-activitat ul.info li.int.alta {
	background-position: 0 0;
}

.fitxa-activitat ul.info li.level.nivell1 {
	background-position: 0 -30px;
}

.fitxa-activitat ul.info li.level.nivell3 {
	background-position: 0 0;
}

.fitxa-activitat .extra {
	float: left;
	width: 245px;
	text-shadow: 1px 1px RGBA(255, 255, 255, 0.7);
}

.fitxa-activitat .extra .header_extra {
	height: 41px;
	line-height: 41px;
	padding-left: 20px;	
	margin-bottom: 10px;
}

.fitxa-activitat .dispo {
	height: 36px;
	line-height: 36px;
	margin-top: 10px;
	padding-left:10px;
	width: 935px;
	margin-left: 8px;
	text-shadow: 1px 1px RGBA(255, 255, 255, 0.7);
}

.fitxa-activitat .dispo .signup{
	float:right;
	padding-right: 150px;
	padding-left: 25px;
	text-transform: uppercase;
	font-family:akziden-md, arial, sans-serif;
	font-size:18px;
	text-shadow: 1px 1px RGBA(255, 255, 255, 0.4);
}

.fitxa-activitat.alaigua  ul.info, .fitxa-activitat.alaigua  .header_extra, .fitxa-activitat .dispo {
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	text-shadow: 1px 1px RGBA(255, 255, 255, 0.3);
}

.fitxa-activitat .dispo .signup{
	border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
	display: none;
}
	

/* taula */
.fitxa-activitat table{
	margin-left: 8px;
	margin-top: 20px;
	padding-bottom: 10px;
	width: 945px;		
}

.fitxa-activitat table thead{
	height:32px;
	line-height:32px;
}

.fitxa-activitat table td{
	height:38px;
	line-height:38px;
	
}

.fitxa-activitat table td, .fitxa-activitat table th{
	width: 75px;
	padding-top:0;
	padding-bottom:0;
}

.fitxa-activitat table .first, .fitxa-activitat table .last{
	width: 95px;
}

.fitxa-activitat table .preu{
	width: 123px;
	vertical-align: middle;
	background-color: #F0EFED;
	font-weight: normal;
	font-family:akziden-bold, arial, sans-serif;
}

.fitxa-activitat table .first.preu, .fitxa-activitat table .last.preu{
	width: 113px;
}

/* COLORS */
/* fitxa per ambit */
/*blau*/
.fitxa-activitat.alaigua .header_fitxa {
	background: transparent url(../img/backgrounds/box_blue.jpg) repeat-x top left;
} 
.fitxa-activitat.alaigua .header_fitxa  .ambit {
	color: #e3f1f4;
} 
.fitxa-activitat.alaigua  ul.info, .fitxa-activitat.alaigua  .header_extra, .fitxa-activitat.alaigua .dispo, .fitxa-activitat.alaigua table .x , .alaigua  li , .alaigua  .nivells-menu{
	background-color: #e3f1f4;
} 
.fitxa-activitat.alaigua a, .alaigua span, .fitxa-activitat.alaigua table .preu{
	color: #22A2CA;
}
.fitxa-activitat.alaigua .center, .fitxa-activitat.alaigua .extra, .fitxa-activitat.alaigua .dispo, .alaigua .nivells-block ul li.nivell-desc {
	color: #5A7A85;
}
.fitxa-activitat.alaigua table .x {
	background: #e3f1f4 url(../img/fitxa/blue-ok.png) no-repeat center center;
}
.fitxa-activitat.alaigua .dispo .signup{
	background: #cfe8ed url(../img/fitxa/blue-arrow.png) no-repeat 250px 10px;
}
.alaigua li.selected{
	background-color: #cfe8ed;
}
.fitxa-activitat.alaigua  ul.info li.leng {
	background-image: url(../img/fitxa/blue-clock.png);
}
.fitxa-activitat.alaigua  ul.info li.int {
	background-image: url(../img/fitxa/blue-intensitat.png);
}
.fitxa-activitat.alaigua  ul.info li.level {
	background-image: url(../img/fitxa/blue-nivell.png);
}
/*verd*/
.fitxa-activitat.alairelliure .header_fitxa {
	background: transparent url(../img/backgrounds/box_green.jpg) repeat-x top left;
} 
.fitxa-activitat.alairelliure .header_fitxa  .ambit {
	color: #eff1e7;
} 
.fitxa-activitat.alairelliure  ul.info, .fitxa-activitat.alairelliure  .header_extra, .fitxa-activitat.alairelliure .dispo, .fitxa-activitat.alairelliure table .x {
	background-color: #eff1e7;
} 
.fitxa-activitat.alairelliure a, .alairelliure  span, .fitxa-activitat.alairelliure table .preu {
	color: #829038;
}
.fitxa-activitat.alairelliure .center, .fitxa-activitat.alairelliure .extra, .fitxa-activitat.alairelliure .dispo, .alairelliure .nivells-block ul li.nivell-desc {
	color: #6D6D58;
}
.fitxa-activitat.alairelliure table .x {
	background: #eff1e7 url(../img/fitxa/green-ok.png) no-repeat center center;
}
.fitxa-activitat.alairelliure .dispo .signup{
	background: #e1e4d1 url(../img/fitxa/green-arrow.png) no-repeat 250px 10px;
}
.fitxa-activitat.alairelliure  ul.info li.leng {
	background-image: url(../img/fitxa/green-clock.png);
}
.fitxa-activitat.alairelliure  ul.info li.int {
	background-image: url(../img/fitxa/green-intensitat.png);
}
.fitxa-activitat.alairelliure  ul.info li.level {
	background-image: url(../img/fitxa/green-nivell.png);
}
/*taronja*/
.fitxa-activitat.alasala .header_fitxa {
	background: transparent url(../img/backgrounds/box_orange.jpg) repeat-x top left;
} 
.fitxa-activitat.alasala .header_fitxa  .ambit {
	color: #f6ede1;
} 
.fitxa-activitat.alasala  ul.info, .fitxa-activitat.alasala  .header_extra, .fitxa-activitat.alasala .dispo, .fitxa-activitat.alasala table .x {
	background-color: #f6ede1;
} 
.fitxa-activitat.alasala a, .alasala  span, .fitxa-activitat.alasala table .preu {
	color: #EF801C;
}
.fitxa-activitat.alasala .center, .fitxa-activitat.alasala .extra, .fitxa-activitat.alasala .dispo, .alasala .nivells-block ul li.nivell-desc {
	color: #5E5955;
}
.fitxa-activitat.alasala table .x {
	background: #f6ede1 url(../img/fitxa/orange-ok.png) no-repeat center center;
}
.fitxa-activitat.alasala .dispo .signup{
	background: #f2dfcb url(../img/fitxa/orange-arrow.png) no-repeat 250px 10px;
}
.fitxa-activitat.alasala  ul.info li.leng {
	background-image: url(../img/fitxa/orange-clock.png);
}
.fitxa-activitat.alasala  ul.info li.int {
	background-image: url(../img/fitxa/orange-intensitat.png);
}
.fitxa-activitat.alasala  ul.info li.level {
	background-image: url(../img/fitxa/orange-nivell.png);
}
/*vermell*/
.fitxa-activitat.esport .header_fitxa {
	background: transparent url(../img/backgrounds/box_red.jpg) repeat-x top left;
} 
.fitxa-activitat.esport .header_fitxa  .ambit {
	color: #e9e2e1;
} 
.fitxa-activitat.esport  ul.info, .fitxa-activitat.esport  .header_extra, .fitxa-activitat.esport .dispo, .fitxa-activitat.esport table .x {
	background-color: #e9e2e1;
} 
.fitxa-activitat.esport a, .esport  span, .fitxa-activitat.esport table .preu {
	color: #a51d06;
}
.fitxa-activitat.esport .center, .fitxa-activitat.esport .extra, .fitxa-activitat.esport .dispo, .esport .nivells-block ul li.nivell-desc {
	color: #493a38;
}
.fitxa-activitat.esport table .x {
	background: #e9e2e1 url(../img/fitxa/red-ok.png) no-repeat center center;
}
.fitxa-activitat.esport .dispo .signup{
	background: #d9cdc9 url(../img/fitxa/red-arrow.png) no-repeat 250px 10px;
}
.fitxa-activitat.esport  ul.info li.leng {
	background-image: url(../img/fitxa/red-clock.png);
}
.fitxa-activitat.esport  ul.info li.int {
	background-image: url(../img/fitxa/red-intensitat.png);
}
.fitxa-activitat.esport  ul.info li.level {
	background-image: url(../img/fitxa/red-nivell.png);
}
/*blau fosc*/
.fitxa-activitat.benestarisalut .header_fitxa {
	background: transparent url(../img/backgrounds/box_dark-blue.jpg) repeat-x top left;
} 
.fitxa-activitat.benestarisalut .header_fitxa  .ambit {
	color: #e5ebef;
} 
.fitxa-activitat.benestarisalut  ul.info, .fitxa-activitat.benestarisalut  .header_extra, .fitxa-activitat.benestarisalut .dispo, .fitxa-activitat.benestarisalut table .x {
	background-color: #e5ebef;
} 
.fitxa-activitat.benestarisalut a, .benestarisalut  span, .fitxa-activitat.benestarisalut table .preu {
	color: #185d84;
}
.fitxa-activitat.benestarisalut .center, .fitxa-activitat.benestarisalut .extra, .fitxa-activitat.benestarisalut .dispo, .benestarisalut .nivells-block ul li.nivell-desc {
	color: #5A7A85;
}
.fitxa-activitat.benestarisalut table .x {
	background: #e5ebef url(../img/fitxa/dark-blue-ok.png) no-repeat center center;
}
.fitxa-activitat.benestarisalut .dispo .signup{
	background: #d1dce3 url(../img/fitxa/dark-blue-arrow.png) no-repeat 250px 10px;
}
.fitxa-activitat.benestarisalut  ul.info li.leng {
	background-image: url(../img/fitxa/dark-blue-clock.png);
}
.fitxa-activitat.benestarisalut  ul.info li.int {
	background-image: url(../img/fitxa/dark-blue-intensitat.png);
}
.fitxa-activitat.benestarisalut  ul.info li.level {
	background-image: url(../img/fitxa/dark-blue-nivell.png);
}
/*gris*/
.fitxa-activitat.lleureicultura .header_fitxa {
	background: transparent url(../img/backgrounds/box_grey.jpg) repeat-x top left;
} 
.fitxa-activitat.lleureicultura .header_fitxa  .ambit {
	color: #ebebe9;
} 
.fitxa-activitat.lleureicultura  ul.info, .fitxa-activitat.lleureicultura  .header_extra, .fitxa-activitat.lleureicultura .dispo, .fitxa-activitat.lleureicultura table .x {
	background-color: #ebebe9;
} 
.fitxa-activitat.lleureicultura a, .lleureicultura  span, .fitxa-activitat.lleureicultura table .preu {
	color: #545454;
}
.fitxa-activitat.lleureicultura .center, .fitxa-activitat.lleureicultura .extra, .fitxa-activitat.lleureicultura .dispo, .lleureicultura .nivells-block ul li.nivell-desc {
	color: #808080;
}
.fitxa-activitat.lleureicultura table .x {
	background: #ebebe9 url(../img/fitxa/grey-ok.png) no-repeat center center;
}
.fitxa-activitat.lleureicultura .dispo .signup{
	background: #dadada url(../img/fitxa/grey-arrow.png) no-repeat 250px 10px;
}
.fitxa-activitat.lleureicultura  ul.info li.leng {
	background-image: url(../img/fitxa/grey-clock.png);
}
.fitxa-activitat.lleureicultura  ul.info li.int {
	background-image: url(../img/fitxa/grey-intensitat.png);
}
.fitxa-activitat.lleureicultura  ul.info li.level {
	background-image: url(../img/fitxa/grey-nivell.png);
}
/*groc*/
.fitxa-activitat.joves .header_fitxa {
	background: transparent url(../img/backgrounds/box_yellow.jpg) repeat-x top left !important;
} 
.fitxa-activitat.joves .header_fitxa  .ambit {
	color: #f0f0db !important;
} 
.fitxa-activitat.joves  ul.info, .fitxa-activitat.joves  .header_extra, .fitxa-activitat.joves .dispo, .fitxa-activitat.joves table .x {
	background-color: #f0f0db !important;
} 
.fitxa-activitat.joves a, .joves  span, .fitxa-activitat.joves table .preu {
	color: #C1AD17 !important;
}
.fitxa-activitat.joves .center, .fitxa-activitat.joves .extra, .fitxa-activitat.joves .dispo, .joves .nivells-block ul li.nivell-desc {
	color: #898159 !important;
}
.fitxa-activitat.joves table .x {
	background: #f0f0db url(../img/fitxa/yellow-ok.png) no-repeat center center !important;
}
.fitxa-activitat.joves .dispo .signup{
	background: #e7e5be url(../img/fitxa/yellow-arrow.png) no-repeat 250px 10px !important;
}
.fitxa-activitat.joves  ul.info li.leng {
	background-image: url(../img/fitxa/yellow-clock.png) !important;
}
.fitxa-activitat.joves  ul.info li.int {
	background-image: url(../img/fitxa/yellow-intensitat.png) !important;
}
.fitxa-activitat.joves  ul.info li.level {
	background-image: url(../img/fitxa/yellow-nivell.png) !important;
}

/*
* Graelles d'Horaris
*/

#horari-centre{
	width: 100%;
	border: 1px solid #dedddb;
}

#horari-centre td{
	border: 1px solid #dedddb;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

#horari-centre td.thead{
  background: #dedddb;
  color: #8e8580;
  font-size: 14px;
  font-weight: bold;
}

#horari-centre .alaigua{
  background: #dfe9ea;
  color: #4ba1a9;
}

#horari-centre .alasala{
  background: #ede7db;
  color: #cd9a36;
}

#horari-centre .alairelliure{
  background: #ffff93;
  color: #aeac01;
}

#horari-centre .esport{
  background: #e08878;
  color: #a63320;
}

#horari-centre .benestarisalut{
  background: #98bad1;
  color: #3b7291;
}

#horari-centre .lleureicultura{
  background: #b9b9bb;
  color: #737373;
}

#horari-centre .escoladiniciacioesportiva, #horari-centre .esplaisicampus {
  background: #ffe67d;
  color: #ffd11b;
}
.modul-titulars
{
width:440px;
}

.modul-titulars h2
{
padding-bottom:10px;
}

.modul-titulars ul
{
border-top:1px solid #FFF;
box-shadow:0 -1px 0 #D3D3D3;
padding:10px 0px 10px 0px;
}
.flota_dreta {
    float: right;
}

#modul-inscripcions
{
width:240px;
}

#modul-inscripcions h2
{
margin-bottom:10px;
border-bottom:1px solid #D3D3D3;
box-shadow:0 1px 0 #fff;
padding-bottom:10px;
}

#modul-inscripcions .signup {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/backgrounds/calendar-btn.png");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 26px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
	padding-left:10px;
}