@charset "UTF-8";

/* Tamany navegador */

body {
    font-size:120%;
	line-height:1.5em;
	color:#998;
	background:#242526;
}

a {
	color:#FF7; /* Groc #FF7 Vermell #E55 Blau #0AF Verd #5D5 Marró #A85 */ 
}

a:visited {
}

#header {
	display:none;
}

#body-container {
	background:url("../images/spray_texture.gif") top center no-repeat fixed #242526;
}

#header-above {
	background:url("../images/wall.gif") top center repeat #C1C1C1;
}

#content-extra,
#content-below,
#footer {
	background:#111;
}


/* Tipografía */

body,
.item-101 h3.catItemTitle,
.item-123 h2.itemTitle,
h2.componentheading,
.itemListCategory h2,
.subCategory h2 {
	font-family:'Archivo Narrow', sans-serif !important;	
}

h1,h2,h3,h4,h5,h6,
.item-101 h3.catItemTitle {
	font-family: 'Passion One', sans-serif;
	margin:0 0 1em 0;
	font-weight:normal;
	letter-spacing:0.025em;	
}

ul, ol {
	margin:1em 0;
}

/* Logo i Menu */

#header-above-1 h1 {
	margin:0;
	padding:0;
	position:relative;
	z-index:100;
	top:0.55em;
	font-weight:900;
	letter-spacing:0.1em;	
	text-transform:uppercase;
	text-shadow:0 0 0 rgba(0,0,0,0);
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg); 	
	-ms-transform: scale(1) rotate(0deg)
}

#header-above-1 h1:hover {
	text-shadow:0px 0px 10px rgba(0,0,0,0.25);
	-moz-transform: scale(1.15) rotate(-2.5deg);
	-webkit-transform: scale(1.15) rotate(-2.5deg);
	-o-transform: scale(1.15) rotate(-2.5deg);
	transform: scale(1.15) rotate(-2.5deg); 	
	-ms-transform: scale(1.15) rotate(-2.5deg);
}

#header-above-1 h1 a {
	font-size:200%;
	border:6px double;
	padding:0 0.25em;	
}

#header-above-1 h1 a:hover {
	text-decoration:none;
}

#header-above-2 ul {
	margin:0;
	padding:1em 0;
	text-align:right;
	letter-spacing:0.05em;
}

ul.menu li,
ul.menu a,
ul.menu span.separator {
	float:none;
	display:inline;
	padding:0;
}

ul.menu li {
	padding:0 0 0 2em;
}

ul.menu a {
	border-bottom:0px double #FF7;
}

ul.menu a:hover {
	text-decoration:none;
	border-bottom:6px double #FF7;
}

ul.menu li.active a {
	font-weight:bold;
	border-bottom:6px double #FF7;
}

/* Inici */

.item-101 #itemListPrimary .catItemVideoBlock {
	display:none;
}

.item-101 #content-above {
	/*background-image:url(../images/bio_banner_1.jpg);*/
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	color:#FFF;
	box-shadow:inset 0 0 30px rgba(0,0,0,0.35);
	text-shadow:1px 1px 5px rgba(0,0,0,0.85);
}

.item-101 #itemListLeading .catItemImageBlock,
.item-101 #itemListLeading .catItemVideoBlock {
	width:50%;
	float:left;
}

.item-101 #itemListPrimary .itemContainerFirst,
.item-101 #itemListPrimary .itemContainerLast,
#content-below-1,
#content-below-2 {
	width:47.5%;
	float:left;
}

.item-101 #itemListPrimary .itemContainerFirst,
#content-below-1 {
	margin-right:2.5%;
}

.item-101 #itemListPrimary .itemContainerLast,
#content-below-2 {
	margin-left:2.5%;
}

.moduleImage {
	text-align:center;
}

.even {
	background:none;
}

.item-101 #content-extra a.moduleItemTitle,
.item-101 .groupLeading h3.catItemTitle a,
.item-101 .groupPrimary h3.catItemTitle a {
	display:block;
	font-size:125%;
	line-height:1em;
	border-bottom:6px double #FF7;
	padding:0 0 0.5em 0;
	font-weight:normal;
}

.item-101 #content-extra a.moduleItemTitle {
	font-size:240%;
	margin:0.5em 0 0 0;
}

.item-101 .groupPrimary h3.catItemTitle  {
	margin:0;
}

.item-101 .groupPrimary h3.catItemTitle a {
	border-bottom:none;
}

.item-101 .groupPrimary .catItemBody {
	border-top:6px double #FF7;
	padding:2em 0 0 0;
}

.componentheading h3,
#content-extra h3.je-header,
#content-below h3.je-header,
#footer-above h3.je-header {
	font-size:300%;
	line-height:0.85em;
	border-style:double;
	border-width:0 6px 0 6px;
	border-color:#41423F;
	padding:0.5em;
	margin:0 0 1em 0;
	text-align:center;
}

/*.avSoundCloudSet .avPlayerContainer .avPlayerBlock {
	padding:0 0 75% !important;
}*/

.item-101 .avSoundCloudSet .avPlayerContainer .avPlayerBlock {
	padding:0 0 100% !important;
}

/* Modul Biografia */

.item-101 #content-above-1 {
	text-align:center;
}

.item-101 #content-above-1 blockquote {
	font-size:170%;
	border:none;
	margin:2em 0;
	line-height:1.25em;
}

.item-101 #content-above-1 p {
	font-weight:bold;
}


/* Modul K2 Content */

.moduleItemTitle {
	font-weight:bold;
	display:block;
}

.moduleItemCategory {
	font-style:italic;
	color:#4D4D44;
}

#content-below .moduleItemImage img {
	width:50%;
}

/* Columna dreta */

#column-3,
.itemVideoCaption,
.itemVideoCredits {
	font-size:80%;
}

#column-3 .moduletable {
	border-style:double;
	border-width:0 6px 0 6px;
	border-color:#41423F;
	padding:0 1em;
	margin:0 0 1em 0;
}

#column-3 .moduletable.related {
	border-color:#998;
	background:rgba(0,0,0,0.4);
}

#column-3 .moduletable.related h3 {
	color:#998;
}

#column-3 ul {
	padding:0;
	margin:0;
	list-style:none;
	line-height:1.25em;
}

#column-3 li {
	margin:0;
	padding:0 0 0.5em;
}

#column-3 .k2CategoriesListBlock li {
	padding:0 0 0.25em;
}

#column-3 h3 {
	font-size:200%;
	color:#41423F;
	margin:0 0 0.5em 0;
}

#column-3 a:hover {
	text-decoration:underline;}

.k2ItemsCategoryLink a {
	color:#FFF;
	font-style:italic;
}

div.k2ItemImageleft {
	float:none !important;
}

img.k2ItemImage,
a.moduleItemImage img {
	border:2px solid #998 !important;
	box-shadow:none !important;
	margin:0 !important;
	width:98%;
}

div.k2ItemImageleft, div.k2ItemImageright, div.k2ItemImagetop, div.k2ItemImagebottom {
	margin:0 !important;
}

/* Contingut */

h2.componentheading,
.itemListCategory h2,
.item-123 h2.itemTitle {
	font-size:500% !important;
	font-weight:normal !important;
	line-height:1em !important;
	border:0 !important;
	margin:0 0 1em !important;
	padding:0 !important;
}

.item-119 .itemListCategory h2 {
	margin:0;
}

.subCategory h2 {
	margin:0 0 3em 0;
}

h2.itemTitle,
h3.catItemTitle {
	margin:0;
}

.subCategory h2,
h2.itemTitle,
h3.eventheading,
h3.catItemTitle a {
	display:block;
	line-height:1em;
	border-width:0 0 6px 0;
	border-style:double;
	padding:0 0 0.5em 0;
}

h2.itemTitle {
	font-size:300%;
}

h3.eventheading,
h3.catItemTitle {
	font-size:200%;
}

.catItemLinks {
	margin:0 0 1em 0;
}

.itemImageBlock,
.catItemImageBlock {
	text-align:center;
}

.itemImage img,
#column-3 .moduleItemImage img, 
#content-below .moduleItemImage img,
.catItemImage img {
	border:6px double #998;
	box-shadow:0 0 10px rgba(0,0,0,1)
}

.item-101 .catItemImage img {
	border:none;
}

.proyectos .moduleItemImage img {
	opacity:0.5;
}

.proyectos .moduleItemImage img:hover {
	opacity:1;
}

/*#itemListSecondary .catItemView,*/
.itemImageBlock,
.itemVideoBlock,
.itemImageGallery,
.itemFullText,
.itemLinks,
/*.catItemView,*/
.catItemImageBlock,
.catItemIntroText,
.catItemVideoBlock {
	padding-bottom:5%;
	margin-bottom:5%;
	border-bottom:6px double #41423F;
}

.item-101 .catItemImageBlock,
.item-101 .catItemVideoBlock {
	border:none;
}

.item-101 .catItemView {
	padding:0;
	margin:0;
	border:none;
}

.itemHeader {
	margin-bottom:5%;
}

.itemDateCreated {
	margin-right:1em;
	padding-right:1em;
	border-right:2px solid #998;
}

.itemSocialSharing {
	position:relative;
	display:block;
	top:5px;
}

.itemDateCreated,
.itemTwitterButton,
.itemFacebookButton {
	float:left;
}

ul.sigProArea {
	line-height:0;
}

ul.sigProArea li.sigProThumb a.sigProLink img.sigProImg,
ul.sigProArea li.sigProThumb a.sigProLink:hover img.sigProImg {
	padding:1%;
	margin:0;
	border:2px solid #41423F;
	margin:0.5%;
	height:125px;
	box-shadow:0 0 5px #000;
}

.moduleItemReadMore,
.catItemReadMore {
	text-align:right;
}

.item-101 .catItemReadMore a {
	font-size:150%;
}

.item-101 #content-below .catItemReadMore a {
	font-size:100%;
}

#content-below .moduleItemReadMore,
#content-below .catItemReadMore {
	margin:2em 0 0 0;
}

a.k2ReadMore {
	padding:0 0.5em;
	background:#FF7;
    color: #222;
    border-radius: 0.1875em 0.1875em 0.1875em 0.1875em;	
}

.k2CategoriesListBlock ul {
	font-size:150%;
}

.activeCategory {
	font-weight:bold;
}

/* Agenda */

.item-101 .k2ItemsBlock ul,
.item-101 .k2ItemsBlock li,
ul.eventlistmod,
ul.eventlistmod li {
	margin:0;
	padding:0;
	list-style:none;
}

ul.eventlistmod li,
.k2ItemsBlock li,
#column-3 .moduletable.related li  {
	border-bottom:2px solid #41423F;
}

.eventlistmod .date {
	font-weight:bold;
	display:block;
	width:8em;
}

.eventlistmod .city {
	font-style:italic;
	color:#FFF;
}

.eventlistmod.home .date,
.eventlistmod.home .title {
	float:left;
}

.eventlistmod.home .city {
	float:right;
}

#column-3 .eventlistmod li,
#column-3 .k2ItemsBlock li,
#column-3 .moduletable.related li {
	line-height:1.25em;
	margin:0.5em 0 0;
}

div#eventlist table.eventtable {
	line-height:1.25em;
}

div#eventlist table.eventtable th {
	background:#111;
}

div#eventlist table.eventtable th a {
	color:#EEE;
}

div#eventlist table.eventtable tr.sectiontableentry2 td {
	background:rgba(51,51,51,0.5);
	border:none;
}

div#eventlist table.eventtable tr:hover td {
	background:rgba(0,0,0,0.25);
}

div#eventlist table.eventtable,
div#eventlist table.eventtable th,
div#eventlist table.eventtable td,
div#eventlist table.eventtable tr.sectiontableentry2 td {
	border:none;
}

.eventlocation {
	font-style:italic;
}

.myjsp-prev-next,
div.k2Pagination {
	margin:0;
	padding:0;
	font-size:85%;
}

.myjsp-prev-next,
div.k2Pagination .pageNav {
	float:right;
}

div.k2Pagination .pageNum {
	float:left;
}

div#eventlist a.modal img,
div#eventlist img.modal,
div#eventlist .catimg img,
div#eventlist .map,
div#eventlist div.description,
div#eventlist dl {
	border:none;
	padding:0;
	margin:0;
}

div#eventlist .map {
	float:none;
}

div#eventlist .map div {
	display:inline;
}

.map img,
.map br {
	display:none;
}

div#eventlist dt {
	border-bottom:1px solid #41423F;
}

dt.title,
dt.when,
dt.where,
dt.category,
dt.venue,
dt.venue_street,
dt.venue_plz,
dt.venue_city,
dt.venue_state {
	color:#41423F;
}

#nav-below {
	text-align:center;
	color:#FFF;
	display:none;
}

/* Biografia */

#article-index {
	border-width:6px 0 0 0;
	border-color:#998;
	border-style:double;
	background:none;
	float:none;
	margin:0 0 1em 0;
	padding:0;
	width:100%;
}

#article-index ul {
	margin:0;
	padding:0;
}

#article-index li {
	display:inline;
	margin:0 1em 0 0;
	line-height:2em;
}

#article-index a.active {
	font-weight:bold;
	border-bottom:6px double #FF7;
}

.item-123 .itemSocialSharing {
	display:none;
}

.imgLeft {
	float:left;
	margin-right:1em;
}

.imgRight {
	float:right;
	margin-left:1em;
}

.imgCenter {
	display:block;
	margin:0 auto 0.5em;
}


/* Peu */

#footer {
	font-size:90%;
	padding:5em 0;
}

#footer a {
	color:#EEE;
}

.quote {
	background:url("../images/fetitxe13_tag.png") center center no-repeat;
	width:35%;
	line-height:1.25em;
	padding:4.75em;
}

.quote_text {
	font-style:italic;
}

.author p {
	margin:0;
}

.quote,
.footer_social {
	text-align:center;
	margin:0 auto;
}

.social1,
.social2,
.social3 {}

/* Icones */

@font-face {
	font-family: 'social';
	src:url('../fonts/social.eot');
	src:url('../fonts/social.eot?#iefix') format('embedded-opentype'),
		url('../fonts/social.woff') format('woff'),
		url('../fonts/social.ttf') format('truetype'),
		url('../fonts/social.svg#social') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-twitter:before,
.icon-youtube:before,
.icon-soundcloud:before,
.icon-facebook:before,
.icon-myspace:before,
a.map:before,
.icon-music:before {
	font-family: 'social';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-twitter:before {
	content: "\74  ";
	color:#0AC;	
}
.icon-youtube:before {
	content: "\79  ";
	color:#C13;
}
.icon-soundcloud:before {
	content: "\73  ";
	color:#F63;
}
.icon-facebook:before {
	content: "\66  ";
	color:#357;
}
.icon-myspace:before {
	content: "\6d  ";
	color:#CCC;
}
a.map:before {
	content: "\25ce  ";
}

.icon-music:before {
	content: "\266b  ";
	font-size:75%;
}


a.icon-twitter {
	color:#0AC;
}

a.icon-youtube {
	color:#C13;
}

a.icon-soundcloud {
	color:#F63;
}

a.icon-facebook {
	color:#357;
}

a.icon-myspace {
	color:#CCC;
}

/************************************************ Maquetacio ************************************************/

/* Ample 100% */

#body-container,
.main-beta-1 #load-first {
	width:100%;
}

#body-container .gutter {
	margin:0;
}

/*#header-above,
#content-above-1,*/
.wrapper {
	max-width:50.5em !important;
	margin:0 auto;
	float:none;
}

.item-101 .wrapper.home {
	max-width:100% !important;
}

.main-beta-1 #content-main {
	width:70%;
	margin-right:5%;
}

.main-beta-1 #column-group-beta {
	width:25%;
}

.subCategory {
	width:33.3%;
	float:left;
	/*margin-right:3%;*/
	text-align:center;
}

#content-extra,
.item-101 #k2Container,
#content-below,
#footer-above,
#content-main,
#column-group-beta {
	padding:5% 0;
}

#content-above {
	padding:10% 0;
}

.item-101 #content-main {
	padding:0;
}

/************************************************ Responsive ************************************************/

@media only screen and (min-width:64em) and (max-width:74em){


}

/************************************************ iPad vertical ************************************************/

@media only screen and (min-width:40em) and (max-width:63.9em){

body {
	font-size:110%;
}

.wrapper {
	margin:0 2.5%;
}

.item-101 .wrapper.home {
	margin:0;
}

#header-above-1 h1 {
	text-align:center;
	top:0.75em;
}

#header-above-1 h1 a {
	font-size:150%;
}

ul.menu li {
	padding:0 0.75em;
}

#header-above-2 ul {
	text-align:center;
}

.item-101 #content-above-1 blockquote {
	font-size:150%;
	margin:5em 0 1em;
}

.item-101 #content-above-1 a {
	display:block;
}

.componentheading h3,
#content-extra h3.je-header,
#content-below h3.je-header,
#footer-above h3.je-header {
	font-size:250%;
}

.item-101 #content-extra a.moduleItemTitle,
.item-101 .groupLeading h3.catItemTitle a,
.item-101 .groupPrimary h3.catItemTitle a {
	font-size:100%;
}

.item-101 #content-extra a.moduleItemTitle {
	font-size:200%;
}

.itemImage img,
.catItemImage img {
	max-width:90%;
}

.item-101 .catItemImage img {
	max-width:100%;
}

.quote {
	width:50%;
}

}

/************************************************ iPhone vertical ************************************************/

@media only screen and (max-width:40em){

.item-101 #itemListLeading .catItemImageBlock,
.item-101 #itemListLeading .catItemVideoBlock,
.item-101 #itemListPrimary .itemContainerFirst,
.item-101 #itemListPrimary .itemContainerLast,
#content-below-1, #content-below-2,
.main-beta-1 #content-main,
.main-beta-1 #column-group-beta {
	float:none;
	width:100%;
}

.item-101 #itemListPrimary .itemContainerFirst,
#content-below-1,
.item-101 #itemListPrimary .itemContainerLast,
#content-below-2,
.main-beta-1 #content-main {
	margin:0;
}

body {
	font-size:110%;
}

.wrapper {
	margin:0 2.5%;
}

.item-101 .wrapper.home {
	margin:0;
}

#header-above-1 h1 {
	text-align:center;
	top:inherit;
	padding:0.75em 0 0.25em;
	margin:0;
}

#header-above-1 h1 a {
	font-size:100%;
}

#header-above-2 ul {
	text-align:center;
}

ul.menu li,
ul.menu a,
ul.menu span.separator {
	display:block;
}

ul.menu li {
	padding:0;
}

.item-101 #content-above-1 blockquote {
	font-size:125%;
	margin:5em 0 1em;
}

.item-101 #content-above-1 a {
	display:block;
}

h3.eventheading,
h2.itemTitle,
h3.catItemTitle {
	font-size:175%;
}

.item-101 h3.catItemTitle {
	font-size:100%;
}

.componentheading h3,
#content-extra h3.je-header,
#content-below h3.je-header,
#footer-above h3.je-header {
	font-size:200%;
}

.item-101 #content-extra a.moduleItemTitle,
.item-101 .groupLeading h3.catItemTitle a,
.item-101 .groupPrimary h3.catItemTitle a {
	font-size:125%;
}

.item-101 #content-extra a.moduleItemTitle {
	/*font-size:200%;*/
}

.itemImage img,
.catItemImage img {
	max-width:90%;
}

.item-101 .catItemImage img {
	max-width:100%;
}

.quote {
	width:50%;
}

.catItemReadMore {
	text-align:center;
}

#content-below .catItemReadMore {
	margin:1em 0;
}

.item-101 .catItemReadMore a {
	font-size:100%;
}

.footer_social span {
	display:block;
}

h2.componentheading,
.itemListCategory h2,
.item-123 h2.itemTitle {
	font-size:300% !important;
}

#article-index a {
	display:block;
}

#article-index li {
	margin:0;
}

.itemDateCreated,
.itemTwitterButton,
.itemFacebookButton {
	float:none;
	border:none;
	margin:0;
	padding:0;	
}

div#eventlist dt {
	width:5em;
}

div#eventlist dd {
	margin:0 0 5px 6em;
}

a.map {
	display:block;
}

#nav-below {
	display:inline;
}

.imgLeft,
.imgRight,
.imgCenter {
	float:none;
	margin:0 auto 0.5em;
	display:block;
}

}

/************************************************ iPhone horizontal ************************************************/

@media only screen and (min-width:29em){

#nav-below {
	display:none; /* Missatge a l'agenda per mirar el mòbil en horitzontal */
}

}

/************************************************ Retina ************************************************/

@media only screen and (max-width:40em) and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2) {

/*
#logo a {
    background: url("../images/agenda_logo.png") no-repeat scroll 0 0 transparent;
    background-size:201px 40px;
}
*/

}

@media only screen and (min-width:40.1em) and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2) {

/*
#logo a {
    background: url("../images/agenda_logo_big.png") no-repeat scroll 0 0 transparent;
    background-size:402px 80px;
}
*/

.footer_frase {
	background:url("../images/fetitxe13_tag_2x.png") no-repeat center center;
	background-size:214px 96px;	
}


}

/************************************************ Animation ************************************************/

ul.menu a,
ul.menu a:hover,
#header-above-1 h1,
#header-above-1 h1:hover,
.proyectos .moduleItemImage img,
.proyectos .moduleItemImage img:hover {
 	-moz-transition:  0.3s ease; /* Firefox 4 */
	-o-transition:  0.3s ease; /* Opera */
	-webkit-transition:  0.3s ease; /* Safari and Chrome */
	transition:  0.3s ease;
}