/*
	FULLA D'ESTILS PRINCIPAL ORELLA ACTIVA
	MARLON BRANDING
	DAVID RAMIREZ
	JUNY DE 2010

*/
body {
  background-color: #000;
  font-family: Arial;
  font-size: 12px;
  color:#fff;
}

#flash_notice, #flash_error {
  padding: 5px 8px;
  margin: 5px 0;
}
#flash_notice {
  background-color: #ff3c00;
  border: solid 1px #c42e00;
  font-weight:bold;
  color:#fff;
}

#flash_error {
  background-color: #FCC;
  border: solid 1px #C66;
}

.fieldWithErrors {
  display: inline;
}

#errorExplanation {
  border: 2px solid #ff9000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0;
  background-color: #ff9000;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
  color:#999;
}
a img {
  border: none;
}

a, a:visited {
  color: #ff9000;
  text-decoration:none;
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
#user {
	width:960px;
	margin:0 auto;
	text-align:right;
}
#container {
  width:960px;
  margin:20px auto 10px auto;
  background:#fff;
  border:1px solid #FFF;
}
#menu {
	height:171px;
	padding:0;
	margin:0;
	background:#ff9000;
	overflow:hidden;
}
#menu a, #menu a:visited {
	color:#fff;
}
.menu {
	width:760px;
	margin-top:0px;
	float:right;
}
#logo {
	width:200px;
	float:left;
}
#logo img {
	width:200px;
}
#menu ul {
	padding:0;
	margin:0;
	list-style:none;
}
#menu ul li {
	margin:0;
	float:left;
}
#main {
	color:#111;
	padding:7px;
}
/************ HOME **********/
#galeria-home {
	float:right;
	width:240px;
	height:243px;
	overflow:hidden;
	margin-bottom:7px;
}
#galeria-home {
	border:1px solid #777;
}
#caixa-animada {
	float:left;
	width:696px;
	height:245px;
	overflow:hidden;
	margin-bottom:7px;
}
#caixa-animada h2.title {
	font-size:15px;
	display:inline;
	margin:0;
	padding:0;
	color:#fff;
}
#caixa-animada h2 {
	font-size:15px;
	display:inline;
	margin:0;
	padding:0;
	color:#fff;
}
#caixa-interior {
	position:absolute;
	width:503px;
	margin-top:223px;
	background:url(../images/caixabg.png) left top;
}
#esquerra {
	float:left;
	width:230px;
	min-height:1px;
}
#video-home {
	margin-top:10px;
	width:230px;
	overflow:hidden;
}
#video-home h3 {
	font-size:13px;
	margin:0;
	padding:3px 5px;
	text-transform:uppercase;
	color:#fff;
	background:#ff9000;
	width:100%;
	font-family:"arial black";
}
#social {
	padding:0 0 0 5px;
}
#social ul {
	margin:0;
	padding:0;
	list-style:none;
}
#social ul li {
	float:left;
	margin:7px 7px 0 0;
}
#central {
	margin-left:7px;
	float:left;
	width:460px;
}
#banner-home {
	margin-bottom:7px;
}
#dreta {
	margin-left:7px;
	float:left;
	width:242px;
	min-height:1px;
}
#noticies-home {
	border:2px solid #ff9000;
	padding:0;
	color:#666;
}
#noticies-home p {
	margin:5px 0;	
	padding:0;
}
#noticies-home h2 {
	margin:0 0 10px 0;
	font-size:13px;
	padding:3px 5px;
	color:#fff;
	background:#ff9000;
	font-family:"arial black";
}
#noticies-home .data {
	color:#ff9000;
	font-weight:bold;
}
#noticies-home .llegir {
	margin-top:5px;
	font-weight:bold;
}
#noticies-home .espai {
	margin:20px 0;
	height:1px;
	background:#ff9000;
	width:100%;
}
.noticia-home {
	padding:10px;
}
#logos {
	background:#5c5c5c;
	height:45px;
}
/* dock - top */
.dock {
	position: relative; 
	height: 171px; 
	text-align: left;
	overflow:hidden;
	margin:0;
	padding:0;
}
.dock-container {
	position: absolute;
	height: 171px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	bottom: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 0; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left:0px;
}
/***** AGENDA ****/
#interior {

}
#interior h1 {
	color:#fff;
	text-transform:uppercase;
	background:#ff9000;
	margin:0 0 5px 0;
	padding:5px 10px;
}
#calendari {
	float:left;
}
#calendari iframe {

}
#interior #dreta {
	margin-left:7px;
	float:left;
	width:242px;
	min-height:1px;
}
#interior #dreta ul {
	padding:0;
	list-style:none;
}
#actes {
	margin-top:20px;
	width:242px;
	background:#111;
	padding:10px;
	color:#aaa;
}
#actes h2 {
	color:#ff9000;
	text-transform:uppercase;
	font-weight:30px;
}
#actes .acte-titol {
	text-transform:uppercase;
}
#actes .acte_link {
	font-size:10px;
}
#actes a:hover {
	color:#fff;
}
#actes hr {
	border:0;
	border-top:1px solid #777;
}
/****** LLISTAT DE GRUPS *******/
#grups {
	
}
.empty-list {
	margin:0;
	padding:5px 10px;
	background:#333;
	color:#eee;
}
#interior h3 {
	font-size:20px;
	margin:5px 0;
	padding:3px 10px;
	background:#111;
	color:#fff;
}
.grup {
	overflow:hidden;
	width:945px;
	height:245px;
	background:#666;
	margin:0 0 5px 0;
	color:#ccc;
}
.grup h2 {
	margin:0;
	padding:0;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
}
.grup h2 a, .grup h2 a:visited {
	color:#fff;
}
.grup a, .grup a:visited {
	color:#ddd;
	font-weight:bold;
}
.grup a:hover {
	color:#ff9000;
}
.foto-grup {
	width:640px;
	float:left;
}
.foto-grup img{
	padding:0;
	border:0;
	margin-top:-100px;
}
.resum-grup {
	width:150px;
	float:left;
	padding:10px;
}
.resum-grup b {
	color:#ddd;
	margin:0 0 5px 0;
}
.fletxa {
	float:right;
}
/***** FITXA GRUP ******/
#grup {
	background:#fff;
}
#caixa-grup {
	border:2px solid #ff9000;
	background:#111;
	color:#fff;
}
#grup h1 {
	text-transform:uppercase;
	font-size:30px;
	margin:0;
	color:#ff9000;
}
#fotos-grup {
	clear:both;
	background:#ff9000;
}
#fotos-grup ul{
	list-style:none;
	padding:0;
	margin:0;
	
}
#fotos-grup ul li {
	float:left;
	margin:10px 16px 10px 16px;
}
#fotos-grup img {
	border:1px solid #fff;
}
#grup-info, #event-info {
	padding:10px;
	width:920px;
}
#grup-info p, #event-info p {
	text-align:justify;
}
#grup-info b, #event-info b {
	text-transform:uppercase;
	color:#666;
	}
#grup-foto {
	float:right;
}
#grup-info img, #promo-descripcio img {
	padding:3px;
	width:500px;
	margin:5px 2px 10px 20px;
}
#event-info img {
	padding:3px;
	width:250px;
	margin:5px 2px 10px 20px;
}
#promo-descripcio {
	background:#000;
	padding:10px;
	color:#eee;
}
#promo-descripcio b {
	color:#666;
}
#caixa-comentaris {
	padding:10px;
	border:2px solid #ff9000;
	background:#000;
}
#comment-list {
	float:left;
	padding:10px 20px;
	width:640px;
	background:#888;
	margin:0 0 0 10px;
	color:#fff;
}
#comment-list hr {
	height:0px;
	border:1px solid #ccc;
	background:#ccc;
}
#comment-list b {
	color:#ccc;
}
#comment-list h2 {
	text-transform:uppercase;
	font-size:15px;
	margin:0;
}
#comment-form {
	padding:10px;
	width:210px;
	background:#888;
	float:left;
}
#comment-form h2 {
	margin:0;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
}
#comment-form p {
	text-transform:uppercase;
	color:#fff;
}
#comment-form textarea {
	width:200px;
	height:100px;
	border:0;
	padding:2px;
	font-size:14px;
	color:#444;
	font-family:arial;
}
#comment-form input {
	font-family:arial;
	border:0;
	padding:2px;
	width:200px;
	font-size:14px;
	color:#444;
}
#comment-form .submit input {
	width:100px;
	background:#ccc;
	color:#FFF;
	text-transform:uppercase;
}
#comment-form .submit input:hover {
	background:#111;
	cursor:pointer;
}
#tag-list ul, .tag-list ul {
	list-style:none;
	padding:0;
}
#tag-list ul li{
	float:left;
	margin:0 10px 0 0;
	color:#666;
}
.tag-list ul li {
	float:left;
	margin:0 10px 0 0;
	color:#ccc;
}
#tag-list ul .barra, .tag-list ul .barra {
	font-weight:normal;
	font-size:10px;
}
/*****LOCALS****/

/******* PROMOCIONS *****/
#promocions h2 {
	margin:0;
}
#promocions h2 a, #promocions h2 a:visited {
	color:#878787;
	font-size:32px;
}
#promocions h2 a:hover {
	color:#fff;
}
.promo {
	padding:0;
	margin:0 0 10px 0;
	background:#1a181d;
	height:133px;
	overflow:hidden;
}
.promo-info {
	text-transform:uppercase;
	position:absolute;
	width:840px;
	color:#fff;
	margin:10px 0 0 0;
	text-align:right;
}
.promo-foto {
	float:left;
	width:560px;
}
.promo-info b, .promo-info .gris {
	color:#ccc;
}
.pestanya {
	float:right;
}
.promo-info-link a, .promo-info-link a:visited {
	font-family:"arial black";
	color:#636363;
	position:absolute;
	font-weight:bold;
	font-size:20px;
	top:85px;
	right:50px;
}
.promo-info-link a:hover {
	color:#fff;
}
.participa-a a, .participa-a a:visited {
	color:#fff;
	display:block;
	font-weight:bold;
	margin:20px 0 20px 120px;
	padding:5px 0;
	width:150px;
	text-align:center;
	background:#ff9000;
}
.participa-a a:hover {
	background:#fff;
	color:#ff9000;
}
.participabtn {
	font-weight:bold;
	margin:20px 0 20px 120px;
	padding:5px 0;
	width:150px;
	text-align:center;
	background:#ff9000;
}
#faldo {
	width:946px;
	height:50px;
	cursor:pointer;
	background:url("/images/faldo.jpg") left top no-repeat;
}
#faldo:hover {
	width:946px;
	height:50px;
	background:url("/images/faldo-h.jpg") left top no-repeat;
}
#faldo a, #faldo a:visited {
	display:block;
	height:50px;
	width:100%;
	text-align:center;
	line-height:55px;
	color:#fff;
	font-weight:bold;
	font-size:25px;
}
#faldo p.btn {
	
	background:url("/images/faldo-h.jpg") left top no-repeat;
	display:block;
	height:50px;
	width:100%;
	text-align:center;
	line-height:55px;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:25px;
}
/**** HOME ***/
.info {
	margin-top:40px;
	text-align:center;
	text-transform:uppercase;
}
.info a, .info a:visited {
	background:#999;
	color:#000;
	padding:5px;
	font-size:9px;
	font-weight:bold;
}
.info a:hover {
	background:#fff;
	color:#000;
}

.llegenda a, .llegenda a:visited {
	font-family:"arial black";
	font-size:15px;
}
/**** CONTACTE *****/
#contacte {}
#formulari {
	float:left;
	background:#ff9000;
	padding:10px;
	height:440px;
	width:290px;
	color:#fff;
	text-transform:uppercase;
}
#formulari input, #formulari textarea {
	width:280px;
	border:0;
	padding:3px;
	color:#666;
}
#dades {
	float:left;
	margin:0 0 0 5px;
	background:#666;
	width:630px;
	min-height:200px;
	height:460px;
}
#dades-info {
	float:left;
	color:#fff;
	width:260px;
	margin:20px;
}
#dades-img {
	float:right;
	margin:20px;
	width:240px;
}
#formulari .submit input{
	text-transform:uppercase;
	width:100px;
	background:#fff;
	color:#ff9000;
}	

#formulari .submit input:hover {
	cursor:pointer;
	background:#111;
}
/*** ENDOLLS ****************/
#endolls {
	background:#222;
	padding:30px 10px;
	float:left;
	width:600px;
}
#editorial {
	float:left;
	margin-left:5px;
	padding:10px;
	width:300px;
	background:#666;
}
#editorial p {
	color:#ccc;
}
#endolls h1 {
	margin-bottom:15px;
}
.endoll {
	float:left;
	width:275px;
	margin:10px;
	text-align:center;
	border-right:1px solid #666;
}
.endollno {
	float:left;
	width:275px;
	margin:10px;
	text-align:center;
	border:0;
}
#endolls a, #endolls a:visited {
	color:#666;
	text-transform:uppercase;
}
#endolls a:hover {
	color:#fff;
}
/**** ENLLAÇOS **********/
#categories {}
.categoria {
	padding:10px;
	background:#333;
	margin:0 0 5px 0;
}
.categoria h2 {
	text-transform:uppercase;
	color:#fff;
	text-align:center;
}
.categoria ul {
	list-style:none;
	padding:0 0 0 10px;
}
.categoria ul li {
	border-right:1px solid #888;
	text-align:center;
	float:left;
	width:303px;
}
.categoria ul li.nolinia {
	border:0;
}
.categoria ul li a, .categoria ul li a:visited {
	color:#888;
}
.categoria ul li a:hover {
	color:#fff;
}
/**** LLISTAT ****/
div.lletra {
	float:left;
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:bold;
	display:block;
	width:20px;
	line-height:20px;
	text-align:center;
}
#animar {
	position:absolute;
	margin:-28px 0 0 795px;
	font-size:16px;
	font-weight:bold;
	border:0;
}
#animar:focus, #amimar:active {
	outline: none;

}
#animar:hover {
	color:#fff;
}
.llista {
	margin:0;
	width:900px;
	float:left;
	line-height:20px;
	padding-bottom:2px;
}
#llistat hr {
	border-left:0;
	border-right:0;
	border-bottom:0;
	border-top:1px solid #222;
}
#llistat {
	display:none;
	background:#333;
	padding:10px;
}
#llistat h2 {
	text-align:center;
	color:#222;
}
#llistat ul {
	padding:0;
	margin:0;
	list-style:none;
}
#llistat ul li {
	float:left;
	margin:0 10px 0 10px;
	padding:0;
	line-height:20px;
}
#llistat ul li a, #llistat ul li a:visited {
	color:#888;
}
#llistat ul li a:hover {
	color:#fff;
}
.paginacio {
	padding:10px;
	background:#ff9000;
	font-size:20px;
	color:#ffd000;
}
.paginacio a, .paginacio a:visited {
	color:#111;
}
.paginacio a:hover {
	color:#fff;
}
/****** FOOTER **********/
#footer {
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:right;
}
#footer p {
	margin:0 10px;
}
#footer a, #footer a:visited {
	font-size:11px;
	color:#333;
}
#footer a:hover {
	color:#ff9000;
}
/***** COMPRAR ****/
#comprar {
	background:#333;
	padding:10px;
	color:#999;
}
#comprar b, #comprar strong {
	color:#ccc;
} 
#comprar a:hover {
	color:#fff;
}
/****** NOTICIES ****/
#noticies p.data-noticia {
	text-transform:uppercase;
	font-weight:bold;
}
.noticia {
	background:#666;
	margin:0 0 5px 0;
	padding:10px;
	color:#ccc;
}
.noticia h2 a,.noticia h2 a:visited{
	color:#333;
	text-transform:uppercase;
}
.noticia h2 a:hover {
	color:#fff;
}
.noticia .llista-tags {
	padding:0;
	list-style:none;
}
#torna-noticies {
	text-align:center;
	width:100%;
}
#torna-noticies a, #torna-noticies a:visited {
	margin:0 auto;
	background:#ff9000;
	color:#fff;
	display:block;
	width:80px;
	padding:3px 0;
}
#torna-noticies a:hover {
	background:#fff;
	color:#111;
}
.noticia .llista-tags li {
	float:left;
	margin:0 10px 0 0;
}
.noticia a:hover {
	color:#fff;
}
.noticia .llista-tags li a, .noticia .llista-tags li a:visited {
	color:#333;
	font-weight:bold;
}
.noticia .llista-tags li a:hover {
	color:#ff9000;
}
#noticia {
	padding:10px;
	margin-bottom:5px;
	border:2px solid #ff9000;
	background:#000;
	color:#fff;
	color:#ccc;
}

/*************** TITOLS AMB FILTRES *****/
#top-titol {
	background:#ff9000;
	padding:3px 0;
}
#top-titol h1 {
	display:inline;
	line-height:30px;
	padding:3px 10px;
	margin:0;
	float:left;
}
#top-titol .filtres {
	float:right;
	margin:0 5px;

}
#top-titol .filtres ul {
	padding:0;
	margin:0;
	list-style:none;
	
}
#top-titol .filtres ul li {
	color:#ffd9a7;
	line-height:35px;
	float:left;
	margin:0 10px;
	padding:0;
}
#top-titol .filtres a, #top-titol .filtres a:visited {
	font-size:18px;
	color:#ffd9a7;
	margin:0 0;
	font-weight:bold;
}
#top-titol .filtres a:hover {
	color:#fff;
}
/******* SUBSCRIPCIONS *******/
#butlleti {
	border:2px solid #ff9000;
}
#butlleti form {
	padding:5px 10px;
}
#butlleti input {
	width:190px;
	text-align:center;
	padding:3px;
	border:1px solid #ff9000;
	color:#333;
	background:#eee;
}
#butlleti p {
	padding:0 10px;
}
#butlleti label {
	text-transform:uppercase;
	color:#ff9000;
	font-weight:bold;
}
#butlleti h3 {
	margin:0;
	font-size:13px;
	font-family:"arial black";
	padding:3px 5px;
	background:#ff9000;
	color:#fff;
}
#butlleti .submit input{
	width:100px;
	margin-top:10px;
	font-weight:bold;
	background:#ff9000;
	color:#fff;
	cursor:pointer;
	font-size:10px;
	text-transform:uppercase;
}
#butlleti .submit input:hover {
	border:1px solid #111;
	background:#111;
}
#error_form {
	background:#111;
	width:300px;
	padding:20px;
}
#error_form label {
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}
#error_form input {
	width:294px;
	border:0;
	padding:5px 3px;
	background:#fff;
	color:#333;
}
#error_form .submit input {
	width:100px;
	background:#ff9000;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	text-transform:uppercase;
}
#error_form .submit input:hover {
	color:#111;
	background:#fff;
}
/************** USUARIS **************/
#identificar {
	padding:10px;
	background:#999;
	color:#fff;
}
#identificar label {
	text-transform:uppercase;
	font-weight:bold;
}
#registre {
	padding:10px;
	background:#999;
	color:#fff;	
}
#registre label {
	text-transform:uppercase;
	font-weight:bold;
}
#identificar a, #identificar a:visited, #registre a, #registre a:visited {
	color:#333;
	font-weight:bold;
}
#identificar a:hover, #registre a:hover {
	color:#111;
}
/****** CALENDARI HOME *******/
.highlight a.ui-state-default, .highlight a:visited.ui-state-default{
	background:#111 url(images/ui-bg_glass_55_ff9000_1x400.png) repeat-x scroll 50% 50%;
	color:#fff;
}
.highlight a:hover.ui-state-default{
	background:#111 url(images/ui-bg_glass_75_000000_1x400.png) repeat-x scroll 50% 50%;
	color:#fff;
}
/******** TAGS **********/
#tags ul {
	background:#666;
	margin:0;
	list-style:none;
	padding:2px 0 2px 10px;
}
#tags ul li {
	margin:10px 0;
	color:#fff;
	text-transform:uppercase;
}
#endoll-home {
	margin-top:5px;
	border:1px solid #ff9000;
	padding:0;
}
#endoll-home img {
	margin:1px 1px 0 1px;
	padding:0;
	text-align:center;
}
#endoll-home h2 {
	font-size:13px;
	margin:0;
	padding:3px 5px;
	text-transform:uppercase;
	color:#fff;
	background:#ff9000;
	width:230px;
	font-family:"arial black";
}
.not-mini {
	margin:10px 10px 0 0;
	float:left;
	width:100px;
}
.not-res {
	width:320px;
	float:left;
	margin:0;
}
.not-llarg {
	width:720px;
	float:left;
	margin:0;
}