@charset "UTF-8";
/* CSS Document */
/* verd: 5E9666 */

.samarretaCont{
	display: flex;
	flex-wrap: wrap;
}

.samarretaCont > .samarretaDiv {
  margin: 0px 6px 6px 0px;
}

.samarretaCont .samarretaDiv{
	border: 1px solid #093;
	height: 252px;
	overflow: hidden;
	position: relative;
	width: 189px;
}

.samarretaCont .samarretaDiv img{
	height: 250px;
	width: 187px;
}

.samarretaCont .samarretaDiv a{
	text-decoration: none;
}

.samarretaCont .samarretaDiv a .nomSamarreta{
	bottom: 52.5px;
	color: #fff;
	background: rgb(0, 0, 0); /* Navegadors antics no soporten RGBA */
    	background: rgba(0, 0, 0, 0.6);
	padding: 8px 0px;
	position: relative;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#samarreta{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#samarreta .A{
	/*background-color: orange;*/
}

#samarreta .B{
	/*background-color: #09F;*/
	border-left: 1px solid #5E9666;
	min-height: 80vh;
	margin-top: 3vw;
	padding-left: 40px;
}

#samarreta .A .imatgeGran{
	text-align: right;
}

#samarreta .A .imatgeGran img{
	padding-right: 10px;
}

#samarreta .A .missatgeNoFoto{
	color: #666;
	margin: 50px 50px;
	text-align: center;
}

#temporadaSuperior{
	color: #5E9666;
	display: none;
	font-size: 26px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 0.3vw;
	text-align: center;
	text-transform: uppercase;
}

#samarreta .B .titol{
	border-bottom: 0.08vw solid #AAA;
	color: #5E9666;
	font-weight: bold;
	padding-bottom: 0.3vw;
	text-transform: uppercase;
	width: 16%;
}

#samarreta .B .contingut{
	color: #575754;
	line-height: 22px;
	margin-bottom: 1vw;
	padding-top: 0.3vw;
	width: 600px;
}

#samarreta .B .contingut a{
	color: #5E9666;
	text-decoration: none;
}

#samarreta .B .contingut_interior{
	margin-top: 6px;
}

#samarreta .B .contingut_interior a{
	color: #5E9666;
	text-decoration: none;
}

#samarreta .B #imgB, 
#samarreta .B #imgC{
	cursor: pointer;
	height: 250px;
	width: 187px;
	float: left;
}

#temporadaInferior{
	display: block;
}

@media (max-width: 1110px){	

	.samarretaCont .samarretaDiv{
		height: 160px;
		width: 120px;
	}
	
	.samarretaCont .samarretaDiv img{
		height: 158px;
		width: 118px;
	}
	
	.samarretaCont .samarretaDiv a .nomSamarreta{
		bottom: 34.5px;
		font-size: 10px;
		padding: 4px 0px;
		
	}
	
	#temporadaSuperior{
		display: block;
	}
	
	#temporadaInferior{
		display: none;
	}

	#samarreta{
		grid-template-columns: 1fr;
	}

	#samarreta .A .imatgeGran{
		text-align: center;
	}
	
	#samarreta .A .imatgeGran img{
		padding-right: 0px;
	}
	
	#samarreta .B{
		border-left: none;
		font-size: 20px;
		min-height: none;
		margin-top: 0vw;
		padding: 0px 40px;
	}
	
	#samarreta .B .titol{
		border-bottom: 1px solid #AAA;
		width: 30%;
	}
	
	#samarreta .B .contingut{
		line-height: 24px;
		margin-bottom: 2vw;
		width: 100%;
	}
	
}

@media (max-width: 650px){
	.samarretaCont .samarretaDiv{
		height: 140px;
		width: 105px;
	}
	
	.samarretaCont .samarretaDiv img{
		height: 138px;
		width: 103px;
	}
	
	.samarretaCont .samarretaDiv a .nomSamarreta{
		bottom: 34.5px;
	}
	
	#samarreta .A .imatgeGran img{
		width: 100%;
	}
	
	#samarreta .B{
		padding: 0px 20px;
	}
	
	#samarreta .B .titol{
		width: 100%;
	}
	
	#samarreta .B .contingut{
		line-height: 27px;
		margin-bottom: 3vw;
	}
}