﻿/* *************************************************** estils comuns */
body, html {
	margin: 0px;
	padding: 0px;
	background-color: #cccccc;
}
b, strong {
  font-weight: bold;
}
i, em {
  font-style: italic;
}
a {
  color: #0000cc;
  text-decoration: underline;
}
a:hover {
  color: #cc0000;
  text-decoration: none;
}

/* formularis */
form {
	margin: 0px;
	padding: 0px;
}
form .boto, form .bototornar, .boto, .bototornar {
	background-color: #CFDEC7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #223e4a;
	text-decoration: none;
}
form .boto, .boto {
	font-weight: bold;
}
form .boto.etiqueta, .boto.etiqueta {
	font-weight: normal;
}
form .boto:hover, .boto:hover, form .bototornar:hover, .bototornar:hover {
	color: #223e4a;
}
input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #223e4a;
	background-color: #ebf1e8;
	border: 1px solid #578a3d;
}
input.senseestil {
	background-color: auto;
	border: none;
}
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus {
	background-color: #ffffff;
	border: 1px solid #578a3d;
}
/* titols i paragrafs */
h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* altres elements */
div.separador, span.separador, br.separador {
	clear: both;
}
acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #e33000;
}
.tornar, .mesInfo {
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
}
.tornar a, .mesInfo a {
	padding: 2px;
	text-decoration: none;
}
.mesInfo {
	text-align: right;
}

/* *************************************************** pagina */
#Pagina {
	margin-left:auto;
	margin-right:auto;
	width:770px;
}
/* *************************************************** capçalera */
#Cap {
	background-color: #E33000;
}
h3.textTemporada {
	color:#FFFFFF;
	line-height:100%;
	margin:0px;
	padding:0px 30px 0px 0px;
	text-align: right;
}
/* *************************************************** contingut */
#Contingut {
	background-color: #E33000;
}
#Contingut #EditorHTML {
	background-color:#FFFFFF;
	padding: 10px 30px 10px 30px;
}
#Contingut #Navegacio {
	background-color:#FFFFFF;
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

/* boton normal */
#botoCercador {
    padding-left:25px;    
}
#botoCercador .link a, #Navegacio.blanc a {
	background-image:url(img/boto_fonsvermell_f1.gif);
}
#botoCercador .link a:hover, #Navegacio.blanc a:hover {
	background-image:url(img/boto_fonsvermell_f2.gif);
}

#botoCercador .link {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:0.7em;
	margin-top: 5px;
	text-align:left;
	line-height:100%;
	font-weight:bold;
}
#botoCercador .link a.detall {
	display:block;
	color:#000000;
	text-decoration:none;
	width:130px;
	height:30px;
	background-position:center;
	background-repeat:no-repeat;
	padding-top:15px;
    text-align:center;
    font-weight:bold;
}


.ContingutBlanc, .ContingutNegre {
	width:740px;
}
.ContingutBlanc { margin-left:30px; }
.ContingutNegre { margin-right:30px; }
.ContingutBlanc h1, .ContingutBlanc h2, .ContingutBlanc h3, .ContingutBlanc h4, .ContingutBlanc h5, .ContingutBlanc h6,
.ContingutNegre h1, .ContingutNegre h2, .ContingutNegre h3, .ContingutNegre h4, .ContingutNegre h5, .ContingutNegre h6 {
	padding:0px;
	margin:0px;
	font-weight:normal;
	line-height:100%;
}
.ContingutBlanc .foto, .ContingutNegre .foto {
	width:160px;
}
.ContingutBlanc h3.aCarrec, .ContingutNegre h3.aCarrec {
	color:#E33000;
}
.ContingutBlanc .titols, .ContingutNegre .titols {
	width:580px;
}
.ContingutBlanc .resum, .ContingutBlanc .dates, .ContingutNegre .resum, .ContingutNegre .dates, .datesDetall {
	width:290px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ContingutBlanc .dates, .ContingutBlanc .dates, .ContingutNegre .dates, .ContingutNegre .dates {
	font-weight: bold;
}
.ContingutBlanc .resum, .ContingutBlanc .resum, .ContingutNegre .resum, .ContingutNegre .resum {
	font-size:0.8em;
}
.ContingutBlanc .dates .data, .ContingutNegre .dates .data {
	color:#e33000;
	font-size: 1.1em;
}
.ContingutBlanc .dates .hora, .ContingutBlanc .dates .lloc, .ContingutBlanc .dates .tipologia, .ContingutBlanc .dates .preu,
.ContingutNegre .dates .hora, .ContingutNegre .dates .lloc, .ContingutNegre .dates .tipologia, .ContingutNegre .dates .preu {
	font-size: 0.9em;
}
.ContingutBlanc .link, .ContingutNegre .link, #Navegacio .link {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:0.7em;
	margin-top: 5px;
	text-align:center;
	line-height:100%;
}
.ContingutBlanc .link a.detall, .ContingutNegre .link a.detall, #Navegacio a {
	display:block;
	color:#000000;
	text-decoration:none;
	width:130px;
	height:30px;
	background-position:center;
	background-repeat:no-repeat;
	padding-top:15px;
}
.ContingutBlanc .normal, .ContingutNegre .normal {
	font-weight:normal;
	font-style:normal;
}
/* contingut blanc */
.ContingutBlanc {
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
}
.ContingutBlanc .foto {
	text-align:left;
}
.ContingutBlanc .datesDetall {
	color:#000000;
	font-size: 0.9em;
	line-height:140%;
}
.ContingutBlanc .titols {
	padding-top: 10px;
	padding-right: 30px;
}
.ContingutBlanc .resum {
	padding-right: 30px;
	padding-left: 15px;
}
.ContingutBlanc .titols, .ContingutBlanc .dates, .ContingutBlanc .datesDetall {
	padding-left:20px;
}
.ContingutBlanc .link a, #Navegacio.blanc a {
	background-image:url(img/boto_fonsblanc_f1.gif);
}
.ContingutBlanc .link a:hover, #Navegacio.blanc a:hover {
	background-image:url(img/boto_fonsblanc_f2.gif);
}
/* contingut negre */
.ContingutNegre {
	background-color:#000000;
	color: #FFFFFF;
	text-align:right;
}
.ContingutNegre .foto {
	text-align:right;
}
.ContingutNegre .datesDetall {
	color:#ffffff;
	font-size: 0.9em;
	line-height:140%;
}
.ContingutNegre .titols {
	padding-top: 10px;
	padding-left: 30px;
}
.ContingutNegre .resum {
	padding-left: 30px;
	padding-right: 15px;
}
.ContingutNegre .titols, .ContingutNegre .dates, .ContingutNegre .datesDetall {
	padding-right:20px;
}
.ContingutNegre .link a, #Navegacio.negre a {
	background-image:url(img/boto_fonsnegre_f1.gif);
}
.ContingutNegre .link a:hover, #Navegacio.negre a:hover {
	background-image:url(img/boto_fonsnegre_f2.gif);
}

/* *************************************************** peu */
#Peu {
	background-color: #000000;
}

/* *************************************************** cercador */
#Cercador {
        background-color: #FFF;
        padding: 10px 100px 20px 220px;        
    }
#Cercador tr {
        padding-top:5px;
}
table td.titolControl{
    vertical-align:middle;
    padding-right: 10px;    
}
table td.control a {
        vertical-align:bottom;
    }
a .boto{
    background-color: #CFDEC7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #223e4a;
	text-decoration: none;
}
#Cercador input,#Cercador select {background-color:#E7E7E7;}    
#Cercador input.Boto {
    background-image:url(img/boto_fonsblanc_f1.gif);
    border:0px;width:130px;
    height:30px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:0.7em;
	line-height:100%;
	font-weight:bold;
	   cursor:hand;
} 

#Cercador input.Boto:hover {
	background-image:url(img/boto_fonsblanc_f2.gif);
}
#Cercador .titolControl {font-size:0.9em;font-weight:bold;}
#Cercador span.nota {font-size:0.7em;}    

.zonaResultats {
    background-color: white;    
}

td.noResultats {
    text-align:center;   
    font-size:0.9em;
    font-weight:bold; 
    padding: 20px 0 20px 0;   
}