/* ================= */
/* ===== CAPES ===== */
/* ================= */

em, i {
	font-style: normal;
	color: #000;
}

div#content {
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: #fff url(peu_fondo.png) bottom center repeat-x;
}

div#Cos { /* Inclou tots els elements a centrar */
	position: absolute;
	top: 0;
	left: 0;
	height: 600px;
	width: 100%;
	overflow: hidden;
	margin: 0;
	z-index: 301;
	background: transparent url(fondo.png) top center repeat-x;
}

ul#Menu {
	overflow: hidden;
	position: absolute;
	height: 165px;
	width: 975px;
	left: 50%;
	top: 0px;
	margin: 0 0 0 -487px;
	padding: 0;
	z-index: 303;
	background: transparent url(botons_fondo.png) bottom no-repeat;
}
	ul#Menu li {
		display: block;
		padding: 0px;
		list-style-type: none;
		margin: 0 5px;
		height: 165px;
		width: 185px;
		position: relative;
		float: left;
	}
	ul#Menu li a {
		display: block;
		padding: 0px;
		height: 100px;
		width: 95px;
		position: absolute;
		bottom: 0px;
		float: left;
		margin: 0 45px;
		background: transparent bottom center no-repeat;
		text-decoration: none;
		transform: scale(.9);
		-moz-transform: scale(.9);
		-webkit-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9);
		transition: all .5s ease-out;
		-moz-transition: all .5s ease-out;
		-webkit-transition: all .5s ease-out;
		-o-transition: all .5s ease-out;
		-ms-transition: all .5s ease-out;
	}
	ul#Menu li a:hover {
		transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}
	ul#Menu li a#grafic {
		background-image: url(botons_dg.png);
	}
	ul#Menu li a#web {
		background-image: url(botons_web.png);
	}
	ul#Menu li a#marca {
		background-image: url(botons_marca.png);
	}
	ul#Menu li a#publi {
		background-image: url(botons_publi.png);
	}
	ul#Menu li a#kreo {
		background: transparent url(botons_kreo.png) bottom center no-repeat;
	}
	ul#Menu li a#grafic:hover {
		background-image: url(botons_dg_sobre.png);
	}
	ul#Menu li a#web:hover {
		background-image: url(botons_web_sobre.png);
	}
	ul#Menu li a#marca:hover {
		background-image: url(botons_marca_sobre.png);
	}
	ul#Menu li a#publi:hover {
		background-image: url(botons_publi_sobre.png);
	}
	ul#Menu li a#kreo:hover {
		background: transparent url(botons_kreo_sobre.png) bottom center no-repeat;
	}
	ul#Menu li a h3 {
		display: block;
		padding: 0 10px 15px 0;
		background: transparent url(piquet_bocadillo.png) bottom right no-repeat;
		color: #000;
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		width: auto;
		position: absolute;
		top: 0;
		right: -20px;
		white-space: nowrap;
		margin: 20px 0 0 0;
		transform: rotate(180deg) scale(.5);
		-moz-transform: rotate(180deg) scale(.5);
		-webkit-transform: rotate(180deg) scale(.5);
		-o-transform: rotate(180deg) scale(.5);
		-ms-transform: rotate(180deg) scale(.5);
		transition: all .5 ease-out;
		-moz-transition: all .5s ease-out;
		-webkit-transition: all .5s ease-out;
		-o-transition: all .5s ease-out;
		-ms-transition: all .5s ease-out;
		opacity: 0;
	}
	ul#Menu li a:hover h3 {
		transform: rotate(0deg) scale(1);
		-moz-transform: rotate(0deg) scale(1);
		-webkit-transform: rotate(0deg) scale(1);
		-o-transform: rotate(0deg) scale(1);
		-ms-transform: rotate(0deg) scale(1);
		opacity: 1;
		top: -65px;
	}
	ul#Menu li a h3 span {
		display: block;
		background-color: #C4DB0D;
		padding: 2px 7px;
		margin: 0;
		border-radius: 5px;
	}

#General { /* Inclou els elements de contengut */
	position: absolute;
	top: 165px;
	left: 50%;
	width: 980px;
	height: 420px;
	overflow: hidden;
	margin: 0 0 0 -490px;
	padding: 0;
	z-index: 400;
	background-color: transparent;
}

#Inici {
	position: absolute;
	top: 75px;
	right: 0px;
	width: 100%;
	padding: 0;
	margin: 0;
}
	#Inici p {
		font-size: 30px;
		color: #666;
		text-align: center;
		margin: 5px;
	}
	#Inici h1 {
		font-size: 13px;
		color: #666;
		text-align: center;
		margin: 5px;
		letter-spacing: 1px;
		font-weight: 400;
	}
	#Inici h1 a, #Inici h1 a:link, #Inici h1 a:active, #Inici h1 a:visited {
		color: #666;
		text-decoration: none;
	}
	#Inici h1 a:hover {
		color: #333;
		text-decoration: none;
	}

#Titul {
	position: absolute;
	top: 25px;
	right: 50px;
	padding: 0 30px 0 0;
	margin: 0;
	background: transparent url(quadrot.png) center right no-repeat;
	font-size: 36px;
	/* font-style: italic; */
	color: #666;
	font-weight: 400;
	z-index: 1000;
}

#Text { /* Inclou el text */
	/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-style: normal;
	color: #333;
	font-size: 12px;
	overflow: hidden;
	position: absolute;
	height: 250px;
	width: 500px;
	left: 50px;
	top: 65px;
	padding: 0;
}
	#Text ol#Apartats {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 400px;
		/*position: absolute;*/
		top: 0px;
		left: 0px;
	}
	#Text ol#Apartats li.ex {
		text-align: left;
		margin: 0;
		padding: 0;
		display: block;
		width: 500px;
		height: 250px;
		overflow: hidden;
		/*position: absolute;*/
		top: 250px;
	}
	#Text ol#Apartats li#ap0 {
		top: 0px;
		left: 0px;
	}
	#Text ol#Apartats li.ex img {
		padding: 0;
		margin: 0;
		border: 0;
		display: block;
		width: 500px;
		height: 250px;
	}
	#Text table tr th {
		text-align: left;
		vertical-align: center;
		border-bottom: 1px solid #666666;
		color: #333;
		line-height: 1.1em;
		font-size: 11px;
	}
	#Text table tr td {
		text-align: left;
		vertical-align: center;
		border-bottom: 1px solid #666666;
		color: #333;
		line-height: 1.1em;
		font-size: 11px;
	}
	#Text a, #Text a:link, #Text a:visited, #Text a:active {
		color: #448;
		text-decoration: none;
	}
	#Text a:hover {
		text-decoration: underline;
	}
	#Text h1, #Text h1 a, #Text h1 a:link, #Text h1 a:visited, #Text h1 a:active, #Text h1 a:hover  {
		font-size: 20px;
		color: #333;
		font-weight: 500;
		letter-spacing: 2px;
		/* font-style: italic; */
		line-height: 1.25em;
		text-decoration: none;
		text-align: left;
	}
	#Text h1  {
		text-align: left;
		padding-right: 5px;
		letter-spacing: 2px;
		border-bottom: 1px solid #CCCCCC;
		margin: 5px 0px 20px 0px;
	}
	#Text p, #Text ul, #Text h3 {
		font-size: 13px;
		font-weight: normal;
		text-align: left;
		margin-top: 0em;
		margin-bottom: 1em;
		line-height: 1.25em;
		color: #333;
	}
	#Text ul {
		list-style-position: outside;
		list-style-image: url(quadret.png);
	}
	#Text ul li {
		text-align: left;
		margin: 0px 0px 6px 0px;
		line-height: 14px;
		display: list-item;
		width: auto;
		height: auto;
		border: none;
	}
	#Text strong, #Text b {
		color: #000;
		font-weight: 500;
	}

ul#Descripcions {
	position: absolute;
	top: 45px;
	right: 85px;
	height: 150px;
	width: 250px;
	padding: 0 30px 0 0;
	margin: 0;
	color: #666;
	list-style: none;
}
	ul#Descripcions li {
		padding: 0;
		margin: 0;
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
	ul#Descripcions h2 {
		color: #444;
		font-size: 15px;
		text-align: right;
		font-weight: 500;
	}
	ul#Descripcions p {
		font-size: 11px;
		text-align: right;
	}
	ul#Descripcions b, ul#Descripcions strong {
		font-weight: 500;
		color: #000;
	}

ul#Submenu {
	position: absolute;
	top: 40px;
	right: 50px;
	height: 100px;
	width: 125px;
	padding: 50px 0 0 0;
	margin: 0;
	color: #666;
	list-style: none;
	background: transparent url(subsek_nores.png) right repeat-y;
	font-size: 11px;
	z-index: 0;
}
	ul#Submenu li {
		padding: 0;
		margin: 5px 0 0 0;
		text-align: right;
	}
	ul#Submenu li a, ul#Submenu li a:link, ul#Submenu li a:visited, ul#Submenu li a:active {
		padding: 0 30px 0 0;
		width: 100%;
		margin: 0;
		text-align: right;
		text-decoration: none;
		background: transparent url(subsek_bola.png) right no-repeat;
		color: #333;
		letter-spacing: 1px;
	}
	ul#Submenu li a:hover, ul#Submenu li a.actual  {
		background: transparent url(subsek_sel.png) right no-repeat;
		text-decoration: none;
	}
	ul#Submenu li.ultim a, ul#Submenu li.ultim a:link, ul#Submenu li.ultim a:visited, ul#Submenu li.ultim a:active {
		background: transparent url(subsek_bola_ultim.png) right no-repeat;
	}
	ul#Submenu li.ultim a:hover, ul#Submenu li.ultim a.actual  {
		background: transparent url(subsek_sel_ultim.png) right no-repeat;
	}

#Treballs {
	position: absolute;
	left: 20px;
	top: 0px;
	width: auto;
	height: auto;
	overflow: hidden;
	display: block;
	background-color: #666;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	ms-border-radius: 0 0 5px 5px;
	padding: 5px;
	opacity: .5;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
}
	#Treballs:hover {
		opacity: 1;
	}
	#Treballs span {
		margin: 0 5px;
		color: #ccc;
		float: left;
		height: 20px;
	}
	#Treballs a, #Treballs a:link, #Treballs a:visited, #Treballs a:active {
		padding: 0;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		color: #ccc;
		font-weight: normal;
		background-color: transparent;
		border: none;
		overflow: hidden;
		line-height: 20px;
		text-align: center;
		cursor: default;
		float: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		ms-border-radius: 5px;
		border-radius: 5px;
		text-decoration: none;
		-moz-transition: all .5s ease-out;
		-webkit-transition: all .5s ease-out;
		-o-transition: all .5s ease-out;
		-ms-transition: all .5s ease-out;
	}
	#Treballs a img {
		width: 30px;
		height: 30px;
		margin: 0;
		opacity: 0;
	}
	#Treballs a:hover {
		background-color: #C4DB0D;
		color: #000;
		text-decoration: none;
	}
	#Treballs a:hover img {
		opacity: 0;
	}
a.botopeu, a.botopeu:link, a.botopeu:visited, a.botopeu:active {
	position: absolute;
	display: block;
	font-size: 11px;
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 31px;
	width: auto;
	overflow: hidden;
	z-index: 302;
	background: #666 url(peu_boto_esq.png) left top no-repeat;
}
	a.botopeu span {
		display: block;
		margin: 0px;
		padding: 13px 50px 0 50px;
		color: #fff;
		background: transparent url(peu_boto_drt.png) right top no-repeat;
		height: 31px;
	}

	a.botopeu:hover {
		text-decoration: none;
		background: #666 url(peu_boto_esq_H.png) left top no-repeat;
	}

	a.botopeu:hover span {
		height: 31px;
		padding: 5px 50px 0 50px;
		background: transparent url(peu_boto_drt_H.png) right top no-repeat;
	}

a#Peu {
	right: 0px;
	bottom: 3px;
}

a#MiKreo {
	left: 0px;
	bottom: 3px;
	font-weight: 500;
	letter-spacing: 1px;
}

.robots {
	display: none;
	visibility: hidden;
}