/************************************************************************************************************************/
/** Tuotekatalogi *******************************************************************************************************/
/************************************************************************************************************************/

/* Tuotelista */

.tuotelista .kuva { 
	background-size: cover;
	
	background-position: center center;
	background-repeat: no-repeat;
}
.tuotelista .some-jako { float: right; margin: 0 0 10px 10px; position: relative; z-index: 51; }
.tuotelista .kuva .some-jako { float: right; margin: 10px 10px 0 0; }
.tuotelista p.kuvaus, .tuotelista p.hinta { margin-bottom: 10px; }

.tuotelista .laatikko.perus h2.otsikko { margin-bottom: 10px; }
@media (max-width: 480px) {
	.tuotelista .laatikko.perus.luelisaa h2.otsikko { margin-bottom: 0px; }
	.tuotelista .laatikko.perus.luelisaa.open h2.otsikko { margin-bottom: 10px; }
}

/* Tuotekortti */
.tuotekortti .kuvat {
	width: 40%;
	float: right;
	margin: 0 0 10px 10px;
}
.tuotekortti a.isokuva { display: block; margin: 0 5px 5px 5px; line-height: 0; }
.tuotekortti .some-jako {
	float: right;
	padding: 8px;
	margin: 0 0 10px 10px;
	
	width: 120px;
	border: 1px dotted rgba(0,0,0,0.2);
}
.tuotekortti .some-jako .jako { display: block; text-align: left; }
.tuotekortti .some-jako .jako.facebook.enabled { text-align: center; margin-bottom: 5px; }
.tuotekortti .some-jako .jako.twitter iframe { margin: 0px; }

.tuotekortti .tiedostot li { margin-bottom: 8px; }
.tuotekortti .tiedostot li em { font-weight: 400; }

/* Kompakti katalogi */
.tuotekortti.kompakti .kuvat {
	float: none;
	width: auto;
	margin: 0 0 10px 0;
}

.tuotekortti.kompakti .isokuva {
	height: 300px;
	
	background-position: center center;
	background-size: cover;
}


@media (min-width: 480px) { .tuotekortti.kompakti .isokuva { height: 360px; } }
@media (min-width: 769px) {
	.tuotekortti.kompakti .isokuva { height: 420px; }
	
	.tuotekortti.kompakti .kuvat {
		float: right;
		width: 60%;
		margin: 0 0 10px 10px;
	}
}