<!--
.Estilo1 {color: #FF8680}
-->

.clear {
	clear:both
}

#gallery {
	margin-top: 7px;
	position:absolute;
	height:360px;
	clear:both;
	margin-bottom: 8px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:70px; 
		width:100%; 
		position:absolute;
		bottom:0px;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
  
  
  
  
  /*disseny pestanyes home activitats NO actives*/
  
	.contentafc {

	width: 100%;
	margin-top: 0px;
	margin-left: 26px;	
	margin-bottom: 0px;	
	}
	.contentafc div {
		float: left;
		width: 155px;
		height: 210px;
		margin-top: 1px;
		margin-bottom: 20px;
		background-color:#CCCCCC;
		margin-right: 28px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px 1px #B7B7B7;
		box-shadow: 0px 0px 30px 1px #B7B7B7;
		padding: 0px;
		text-align:center;
		line-height:normal;
	}
		.contentafc div:hover {
		background-color:rgb(170,170,170);
		text-shadow: 0px 0px 5px #FFF;
	}
	.contentafc div img {
		/*width:100%;*/
	}
	.contentafc div:hover img {
	opacity: 0.5; 
    filter:alpha(opacity=50);
	}
	.contentafc div h3 {
		font-size: 1.7em;
		margin-bottom: 7px;
		color: rgb(51,51,51); 
		font-family: Arial, Helvetica, sans-serif;
		font-weight:lighter;
	}
		.contentafc div span {
		font-size: 1.3em;
		line-height: 1.1em;
		margin-top: 1px;
		color: rgb(51,51,51); 
		font-family:"arial", cursive;
	}
		.contentafc #eim:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;
		text-shadow:#333399;			
	}
			.contentafc #experiencia:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;			
	}
				.contentafc #juliols:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;			
	}
					.contentafc #hispanicos:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;			
	}
					.contentafc #gaudir:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;			
	}
  
  
  /*disseny pestanyes home activitats actives*/
  .contentafc_actiu {

	width: 100%;
	margin-top: 0px;
	margin-left: 26px;
	margin-bottom: 0px;	
	}
	.contentafc_actiu div {
		float: left;
		width: 155px;
		height: 210px;
		margin-top: 1px;
		margin-bottom: 20px;
		background-color:#ffffff;
		margin-right: 28px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px 1px #B7B7B7;
		box-shadow: 0px 0px 30px 1px #B7B7B7;
		padding: 0px;
		text-align:center;
		line-height:normal;
	}
		.contentafc_actiu div:hover {
		/*background-color:rgb(170,170,170);*/
		text-shadow: 0px 0px 5px #FFF;
	}
	.contentafc_actiu div img {
		/*width:100%;*/
	}
	.contentafc_actiu div:hover img {
	opacity: 0.5; 
    filter:alpha(opacity=50);
	}
	.contentafc_actiu div h3 {
		font-size: 1.7em;
		margin-bottom: 7px;
		color: rgb(51,51,51); 
		font-family: Arial, Helvetica, sans-serif;
		font-weight:lighter;
	}
		.contentafc_actiu div span {
		font-size: 1.3em;
		line-height: 1.1em;
		margin-top: 2px;
		color: rgb(51,51,51); 
		font-family:"arial", cursive;
	}
		.contentafc_actiu #eim:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;
		text-shadow:#333399;			
	}
			.contentafc_actiu #experiencia:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;			
	}
				.contentafc_actiu #juliols:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;			
	}
					.contentafc_actiu #hispanicos:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;			
	}
					.contentafc_actiu #gaudir:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;			
	}
  
  
  /*disseny pestanyes presentacio*/
  .contentafc_2 {

	width: 100%;
	margin-top: 0px;
	margin-left: 26px;
	margin-bottom: 0px;	
	}
	.contentafc_2 div {
		float: left;
		width: 90%;
		height: 110px;
		margin-top: 1px;
		margin-bottom: 30px;
		background-color:#ffffff;
		margin-right: 28px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px 1px #B7B7B7;
		box-shadow: 0px 0px 30px 1px #B7B7B7;
		padding: 20px;
		text-align:center;
		line-height:normal;
	}
	
	.contentafc_2 div img {
		/*width:100%;*/
	}
	.contentafc_2 div h3 {
		font-size: 1.7em;
		margin-bottom: 7px;
		color: rgb(51,51,51); 
		font-family: Arial, Helvetica, sans-serif;
		font-weight:lighter;
	}
		.contentafc_2 div span {
		font-size: 1.3em;
		line-height: 1.1em;
		margin-top: 2px;
		color: rgb(51,51,51); 
		font-family:"arial", cursive;
	}
		.contentafc_2 #marcs:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003399;
		box-shadow: 0px 0px 30px 1px #003366;
		text-shadow:#333399;			
	}
  
  /*disseny pestanyes ubicacio*/
  .contentafc_3 {

	width: 100%;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;	
	}
	.contentafc_3 div {
		float: left;
		width: 90%;
		height: 100%;
		margin-top: 20px;
		margin-bottom: 30px;
		background-color:#ffffff;
		margin-right: 28px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px 1px #B7B7B7;
		box-shadow: 0px 0px 30px 1px #B7B7B7;
		padding: 20px;
		text-align:center;
		line-height:normal;
	}
	.contentafc_4 > div {
		float: left;
		width: 97%;
		height: 100%;
		margin-top: 20px;
		margin-bottom: 30px;
		margin-left: 5px;
		background-color:#ffffff;
		margin-right: 28px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px 1px #B7B7B7;
		box-shadow: 0px 0px 30px 1px #B7B7B7;
		padding: 10px;
		text-align:center;
		line-height:normal;
	}
	
	.contentafc_3 div img {
		/*width:100%;*/
	}
	.contentafc_3 div h3 {
		font-size: 1.7em;
		margin-bottom: 7px;
		color: rgb(51,51,51); 
		font-family: Arial, Helvetica, sans-serif;
		font-weight:lighter;
	}
		.contentafc_3 div span {
		font-size: 1.3em;
		line-height: 1.1em;
		margin-top: 2px;
		color: rgb(51,51,51); 
		font-family:"arial", cursive;
	}
		.contentafc_3 #marcs:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003399;
		box-shadow: 0px 0px 30px 1px #003366;
		text-shadow:#333399;			
	}
	
	.cont-lateral-esq{
		padding-right: 10px;
	}
	
	.cont-lateral-dret{
		padding-left: 10px;
	}
	
	.cont-central{
		border-right: 1px solid #D7DADB;
		border-left: 1px solid #D7DADB;
		padding-right: 10px;
		padding-left: 10px
	}
	
	.link-no-border a:hover{
		border-bottom: none;
	}
  
  
  /*disseny pestanyes publicitat*/
  .contentafc_publi {

	width: 70%;
	margin-top: 0px;
	margin-left: 30px;
	margin-bottom: 0px;
  	
	}
  
  .contentafc_publi div {
		width: 250px;
		height: 80px;
		margin-top: 20px;
		margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
		background-color:#ffffff;
		margin-right: 28px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px 1px #B7B7B7;
		box-shadow: 0px 0px 30px 1px #B7B7B7;
		padding: 20px;
		text-align:center;
		line-height:normal;
	}
	.contentafc_publi div h3 {
		font-size: 1.7em;
		margin-bottom: 7px;
		color: rgb(51,51,51); 
		font-family: Arial, Helvetica, sans-serif;
		font-weight:lighter;
	}
	.contentafc_publi div span {
		font-size: 1.3em;
		line-height: 1.1em;
		margin-top: 2px;
		color: rgb(51,51,51); 
		font-family:"arial", cursive;
	}
	
  
  
  
	#centresbanner {
		float:left;
		margin-top: 20px;
		width:490px;
		height:20px;
		
		clear:right;
	}
	#centresbanner span {
		font-size: 2em;
		font-family:"Times New Roman", Times, serif;
		color:rgb(255,255,255);
		font-weight:lighter;
		line-height:4.3em;
		margin-left:20px;
	}
	#imagencentre {
		float:left;
		margin-left:20px;
		clear:left;
	}
	#imagencentre div {
			float: left;
			width:480px;
			height:181px;
			overflow: hidden;
	}
  
  #imagencentre #granell {
		background-image:url(../img/granell.jpg);
		padding-right:0px;
    margin-bottom:20px;
    margin-top:15px;
	}
  
  #imagencentre	#lineablanca {
		height:190px;
		width:1px;
		float:left;
		background:rgb(255,255,255);
	}
  
  #imagencentre div #infofoto{
		background-color:rgb(0,0,0);
		opacity: 0.7; 
    filter:alpha(opacity=70);
	width:99.2%;
	height:30%;
	color:rgb(255,255,255);
	margin-top:150px;
	padding-top:5px;
	padding-left:5px;
		
	}
		#imagencentre div:hover #infofoto{
	margin-top:122px;
	-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
	}
	#imagencentre div #infofoto h1{
		font-size: 1.3em;
    color:rgb(255,255,255);
	}
  
  
  
  
  
  #imagencentre_sub {
		float:left;
		margin-left:20px;
		clear:right;
	}
	#imagencentre_sub div {
			float: left;
			width:230px;
			height:181px;
			overflow: hidden;
	}
  
	#imagencentre_sub #elcarme {
		background-image:url(../img/elcarme_petit.jpg);
		margin-left:0px;
		left:0px;
		padding-left: 0px;
	}
  
  #imagencentre_sub #torre_creu {
		background-image:url(../img/torre_creu.jpg);
		margin-left:0px;
		left:0px;
		padding-left: 0px;
	}
	
	
  
  #imagencentre_sub div #infofoto{
		background-color:rgb(0,0,0);
		opacity: 0.7; 
    filter:alpha(opacity=70);
	width:99.2%;
	height:40%;
	color:rgb(255,255,255);
	margin-top:150px;
	padding-top:5px;
	padding-left:5px;
		
	}
		#imagencentre_sub div:hover #infofoto{
	margin-top:110px;
	-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
	}
	#imagencentre_sub div #infofoto h1{
		font-size: 1.3em;
    color:rgb(255,255,255);
	}