@charset "UTF-8";

#desplegable {
	position: relative;
	width: 898px;
	text-align: left;
	height: 390px;
	z-index: 3;
}
/* acordeon vertical */
#clsAcordeon{
	list-style-type: none;
	background-repeat: no-repeat;
	text-align: left;
	margin-bottom: 0px;
	width: 898px;
	background-position: 156px 23px;
	background-image: url(../imatges/laFletxaPunta.jpg);
}

#clsAcordeon li{
	overflow: hidden;
	width: 898px;
	text-align: left;
	}
#sObre{
	height: 63px;
	display: block;
	overflow: visible !important;
		}
#lafletxa {
	position: absolute;
	height: 53px;
	width: 28px;
	left: 128px;
	top: -10px;
}
#sObre:hover {
}
.curriculum:hover sub   {
	height: 600px !important;
	-webkit-transition: all 2s ease-in !important;
	-moz-transition: all 2s ease-in !important;
	-ms-transition: all 2s ease-in !important;
	-o-transition: all 2s ease-in !important;
	transition: all 2s ease-in !important;
	display: block;
	height: 0px;
	width: 898px;
	}
#clsAcordeon li sub{
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
	display: block;
	height: 0px;
		}
#clsAcordeon li sub li p {
	width: 552px;
	font-size: 10pt;
	line-height: 15pt;
}
#deQueColor {
	position: relative;
	width: 898px;
	text-align: center;
	overflow: visible !important;
}
#enunciatDeQueColor {
	width: 898px;
	margin-top: 0px;
	position: relative;
	margin-left: 10px;
}
#lesrodones {
	position: relative;
	height: 500px;
	width: 800px;
	text-align: center;
	background-image: url(../imatges/lesRodonesCat.jpg);
	background-repeat: no-repeat;
	left: 0px;
	margin-top: 30px;
	overflow: visible !important;
}
.subi {
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	-ms-transition:All 1s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	background-repeat: no-repeat;
	position: absolute;
	height: 122px;
	width: 122px;
	top: 0px;
	left: 0px;
}
.subi:hover{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	background-image: url(../imatges/BlancTot.png);
	height: 400px;
	width: 278px;
}
.subi1 {
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	-ms-transition:All 1s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	text-align: right;
	overflow: visible;
	position: absolute;
	height: 122px;
	width: 122px;
	left: 300px;
	top: 0px;
	background-repeat: no-repeat;
}
.subi1:hover {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	background-image: url(../imatges/Roigtot.png);
	height: 320px;
	width: 208px;
}
.subi2 {
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	-ms-transition:All 1s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	text-align: left;
	overflow: visible;
	position: absolute;
	height: 122px;
	width: 122px;
	left: 460px;
	top: 0px;
	background-repeat: no-repeat;
}
.subi2:hover {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	background-image: url(../imatges/VerdTot.png);
	height: 410px;
	width: 298px;
}
.subi3 {
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	-ms-transition:All 1s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	text-align: left;
	overflow: visible;
	position: absolute;
	height: 122px;
	width: 142px;
	left: 623px;
	top: 0px;
	background-repeat: no-repeat;
}
.subi3:hover {
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	-ms-transition:All 1s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	background-image: url(../imatges/ColorsTot.png);
	height: 396px;
	width: 284px;
}