<!--
.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;
	}
  
  
.contenidor_cursos{
	margin:0 auto;
	width:100%;
	text-align:center;
	//background:lightblue;
	//padding:50px;
}
.cuadro_mat{
	width: 188px;
	//height:200px;
	display:inline-block;
	//background:red;
	margin-bottom: 20px;
		background-color:#ffffff;
		margin-right: 5px;
    margin-left: 20px;
  //float:left;
  //margin:auto;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px 1px #B7B7B7;
		box-shadow: 0px 0px 30px 1px #B7B7B7;
		text-align:left;
	    padding: 4px;
        padding-bottom: 10px;
		line-height:normal;
}
.cuadro_no_mat{
	width: 188px;
	//height:200px;
	display:inline-block;
	//background:red;
	margin-bottom: 20px;
		background-color:#aaaaaa;
		margin-right: 5px;
    margin-left: 20px;
  //float:left;
  //margin:auto;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px 1px #B7B7B7;
		box-shadow: 0px 0px 30px 1px #B7B7B7;
		text-align:left;
	    padding: 4px;
	    padding-bottom: 10px;
		line-height:normal;
}
  
   
  
  
  /*disseny pestanyes home activitats actives*/
  .contentafc_actiu {
  /*width: 100%;
  margin-top: 0px;
	margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 0px;*/
  margin-top: 0px;   
  //display: inline-block;
	//width: 100%;
  border: 1px solid green;
  margin: 0px auto;
  text-align:center;
  
  
  //display:table;
  
  
  
  
  margin:0 auto;
	width:100%;
	text-align:center;
	background:lightblue;
  }
	.cuadro_mat div {
    //width:100px;
  	//height:100px;
  	display:inline-block;
    
  	//background:red;
  	//margin-left:5px;
  	//margin-bottom:5px;
    //float:left;
    
  
    
    //border: 1px solid blue;
		float: left;
		width: 20px;
		//height: 270px;
		margin-bottom: 20px;
		background-color:#ffffff;
		margin-right: 5px;
    margin-left: 20px;
    //margin:auto;
		//-webkit-border-radius: 10px;
		//border-radius: 10px;
		//-webkit-box-shadow: 0px 0px 30px 1px #B7B7B7;
		//box-shadow: 0px 0px 30px 1px #B7B7B7;
		text-align:left;
    padding: 4px;
		line-height:normal;
    
    
	}
  .cuadro_no_mat div {
    //width:100px;
  	//height:100px;
  	display:inline-block;
    
  	//background:red;
  	//margin-left:5px;
  	//margin-bottom:5px;
    //float:left;
    
  
    
    //border: 1px solid blue;
		float: left;
		width: 188px;
		//height: 270px;
		margin-bottom: 20px;
		background-color:#ffffff;
		margin-right: 5px;
    margin-left: 20px;
    //margin:auto;
		//-webkit-border-radius: 10px;
		//border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px 1px #B7B7B7;
		box-shadow: 0px 0px 30px 1px #B7B7B7;
		text-align:left;
    padding: 4px;
		line-height:normal;
    
    
	}
		.cuadro_mat span:hover {
		text-shadow: 0px 0px 5px #FFF;
	}
  	.cuadro_no_mat span:hover {
		text-shadow: 0px 0px 5px #FFF;
	}
	.cuadro_mat span:hover img {
	  opacity: 0.5; 
    filter:alpha(opacity=50);
	}
  .cuadro_no_mat span:hover img {
	  opacity: 0.5; 
    filter:alpha(opacity=50);
	}
  .cuadro_mat img{
    margin-top: 0px;
    width: 180px;
    height: 100px;
    margin-bottom: 10px;
    //border: 1px solid blue;
    //margin-bottom: 5px;
  }
  .cuadro_no_mat img{
    margin-top: 0px;
    width: 180px;
    height: 100px;
    margin-bottom: 10px;
    //border: 1px solid blue;
    //margin-bottom: 5px;
  }
	.cuadro_mat h3 {
    display: table-cell;
    width: 180px;
    height: 45px;
    //border: 1px solid blue;
    font-weight: bold;
    vertical-align: middle;
    text-align:center;
    font-size: 0.9em;
		line-height: 1.2em;
		color: rgb(51,51,51); 
		font-family:"arial", cursive;
	}
  .cuadro_no_mat h3 {
    display: table-cell;
    width: 180px;
    height: 45px;
    //border: 1px solid blue;
    font-weight: bold;
    vertical-align: middle;
    text-align:center;
    font-size: 0.9em;
		line-height: 1.2em;
		color: rgb(51,51,51); 
		font-family:"arial", cursive;
	}
	
  .cuadro_mat p{
    display: table-row;
    width: 180px;
    //height: 100px;
    //border: 1px solid blue;
    //background-color: yellow;
    //font-weight: bold;
    vertical-align: middle;
    font-size: 0.8em;
		line-height: 1.1em;
		color: rgb(51,51,51); 
		font-family:"arial", cursive;
    margin-bottom:15px;
    
  }
  .cuadro_no_mat p{
    display: table-row;
    width: 180px;
    //height: 100px;
    //border: 1px solid blue;
    //background-color: yellow;
    //font-weight: bold;
    vertical-align: middle;
    font-size: 0.8em;
		line-height: 1.1em;
		color: rgb(51,51,51); 
		font-family:"arial", cursive;
    margin-bottom:15px;
    
  }
  
	.cuadro_mat #juliols:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;			
	}
  .cuadro_no_mat #juliols:hover{
		-webkit-box-shadow: 0px 0px 30px 1px #003366;
		box-shadow: 0px 0px 30px 1px #003366;			
	}
	
  
     /*disseny pestanyes home activitats actives*/
  .contentafc_actiu2 {

	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;	
	}
	.contentafc_actiu2 div {
		float: left;
		width: 100%;
		height: 35px;
		margin-bottom: 20px;
		background-color:#aaaaaa;
		margin-right: 10px;
    margin-left: 10px;
    
		border-radius: 10px;
		
		text-align:right;
    padding: 10px;
		line-height:normal;
    
	}
	
	
  .contentafc_actiu2 div p{
    display: table;
    width: 100%;
    height: 20px;
    //border: 1px solid pink;
    
    font-weight: bold;
    vertical-align: middle;
    font-size: 0.9em;
		line-height: 1.2em;
    text-align:center;
		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);
	}



/*Home*/
.destacat_contenidor{
	background-color: #0071CD;
	height:50px;
	min-height: 50px;
}
.destacat_contenidor_taula{
	margin: 0 auto; 
	display:table;
	height:50px;
	min-height: 50px;
} 
.destacat_contenidor_cela{
	color: white; 
	display: table-cell; 
	text-align: center; 
	vertical-align: middle; 
	margin: 0 auto;
	height:50px;
	min-height: 50px;
}  
  
.noticies_titol{
	font-size: 0.875em;
	
}  
.noticies_text{
	font-weight: normal;
	font-size: 0.875em;
}
.noticies_fecha{
	font-weight: normal;
	font-size: 0.875em;
	color: #888888;
}

/* Cursos */
.destacat_contenidor_curs{
	background-color: #555555;
	height:50px;
	min-height: 50px;
}

/*Accepta cookies*/
.capsa_accepta_cookies{
	padding-top:10px;
	padding-bottom:10px;
	background-color: #ffffff;
	height:50px;
	min-height: 50px;	
}