/*Bloques*/

* { padding: 0; margin: 0; }

body {
background-image:url(../img/bg.gif);
background-position:right;
background-repeat:repeat;
background-color:#666666;
font-family: Helvetica, Arial, sans-serif;
font-size:0.95em;
font-weight:normal;
color:#FFF;
}

p{
line-height:142%;
}

a:link {color:#B3E5F0;
}

a:visited {color:#B3E5F0;
}

p {margin-bottom:10px;}

#wrapper { 
 margin: 0 auto;
 width: 875px;
 height:auto;
}

#idioma {
text-align:right;
}

#header {
 width: 875px;
 float: left;
 background-color:#000;
 border-bottom: 1px solid white;
}

#page {
font-size:90%;
 background-color:#000;
  padding: 20px 20px 0px 20px;
 width: 835px;
 float: left;
 height:auto;
  margin-bottom:10px;
}

#leftcolumn { 
 font-size:90%;
 width: 150px;
 float: left;
}

#content { 
 float: left;
 width: 685px;

}

#flash { 
 height: 312px;
 width: 685px;
 float: left;
 padding:0px 0px 20px 20px;
}

/*Página content+avui*/

#content_left { 

 width: 495px;
 float: left;
 padding:0px 20px 20px 20px;
 }

#rightcolumn { 
 width: 150px;
 float: left;
 padding:0px 0px 15px 0px; 
}

/*Página Submenu+content*/

#submenu_left { 
 
width: 250px;
float: left;
padding:0px 20px 20px 20px;
}


#content_right { 
 width: 395px;
 float: left;
 padding:0px 0px 0px 0px;
}

/*pagina full*/

#full { 
 
width: 665px;
padding-left:20px;
float: left;

}


/*pie */

#footer { 
 width: 835px;
 clear: both;
 font-size:80%;
 text-align:right;


}




/* Menu lateral */
.menu {
list-style:none; line-height:130%;}

.menu_cont a:link, a:visited  {
color: #fff;
text-decoration:none;
}

.menu_cont a:hover {
color: #B3E5F0;
}



.menu_cont{
border-top: 1px solid white;
border-bottom: 1px solid white;
margin: 10px 0px 0px 0px;
padding: 10px 0px 10px 0px;}

.sponsors {
margin-top:15px;
	list-style:none;
	line-height: 200%;
}

.sponsors_cont {
margin: 10px 0px 10px 0px;
}



ul#peu
{
margin: 10px;
padding-left: 0;
white-space: nowrap;

}

#peu li
{
display: inline;
list-style-type: none;
margin-left:30px;

}


#idioma a
{
color:#FFFFFF;
text-decoration:none;
}


.blau_c {

color:#B3E5F0;}

.blau_f {

color:#4BC3DE;}

.logo_left {position:absolute;}
.logo_right {float:right;}

h1 {
color:#4BC3DE;
font-size:120%;
margin-bottom:25px;}

h2 {
color:#4BC3DE;
font-size:110%;
}

.nob {border:0;}


/*   Calendari old  */

#calendari div.selected .title
{
color:red;
border-bottom: 1px solid #4BC3DE;
}

#calendari div div {

}
#calendari div.title {
	color:#fff;
	padding: 10px 10px 10px 0px;
	cursor: pointer;
	border-bottom: 1px solid white;
}


/* Programa */

.lloc {
font-weight:bold;
color:#4BC3DE;
margin-bottom:10px;
}


.lloc a {
color:#4BC3DE;
}

.lloc a:hover {
text-decoration:underline;
}


.activitat {
font-weight:bold;
}
.data {
color:#4BC3DE;
font-weight:bold;
margin-bottom:10px;
}
.text {}
.info {
font-weight:bold;
padding-bottom:20px;
margin-bottom:20px;
border-bottom: 1px solid white;
}

.info a {
color:#4BC3DE;
}

.info a:hover {
text-decoration:underline;
}

/* Avui*/

.avui_lloc {
margin-top:20px;
}

.avui_lloc a {
color:#4BC3DE;
font-weight:bold;
text-decoration:none;
}

.avui_lloc a:hover {
text-decoration:underline;
}


.avui_activitat{
margin-top:3px;
}

.avui_hora{
margin-top:3px;
color:#B3E5F0;
}




/* Resultats*/

.res_data {
margin-top:30px;
margin-bottom:5px;
color:#4BC3DE;
font-weight:bold;
}



.res_lloc a {
color:#B3E5F0;

text-decoration:none;
}

.res_lloc a:hover {
text-decoration:underline;
}


.res_act{
margin-bottom:15px;
}

.res_hora{
margin-top:3px;
color:#B3E5F0;
}


/* ---------- Acordeon calendari --------------*/

.ui-accordion-header { padding: 10px 10px 10px 0px;}

.ui-state-default, .ui-widget-content .ui-state-default { border-bottom: 1px solid #d3d3d3; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff/*{fcDefault}*/; text-decoration: none; outline: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border-bottom: 1px solid #999999/*{borderColorHover}*/; outline: none;}

.ui-state-hover a, .ui-state-hover a:hover { color: #B3E5F0/*{fcHover}*/; text-decoration: none; outline: none; }

.ui-state-active, .ui-widget-content .ui-state-active { border-bottom: 1px solid #4BC3DE/*{borderColorActive}*/;  text-decoration: none;outline: none;
 }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #4BC3DE/*{fcActive}*/;  text-decoration: none;outline: none; }

@media print {
	.basic div, #navigation ul, #list2 dd, #calendari div{
		display: block!important;
		height: auto!important
	}
}


/* Meses calendari*/

.month {width:98%;}
.month td{font-size:115%; font-weight:bold; text-align:right; padding: 5px;}
.month a:link {color:#4BC3DE;}
.weekend {color: #B3E5F0; }


/*--Menu desplegable----------------------------------------*/

ul.tabNav { list-style: none; width:350px; float:left; }
ul.tabNav li {  }
ul.tabNav li.current { color:red; }

ul.tabNav a { border-bottom: 1px solid #fff; color: #fff; display: block; text-decoration: none; padding: 10px 0px 10px 0px; outline: none; }
ul.tabNav li.current a { color: #4BC3DE; border-bottom: 1px solid #4BC3DE; }
ul.tabNav li a:hover { color: #B3E5F0;; border-bottom: 1px solid #B3E5F0;;  }

div.tabContainer { width:295px; float:left; padding-left:10px;}
div.tabContainer div.tab { color: #000; display: none; padding: 0px 0px 0px 10px; }

div.tabContainer div.current { display: block; color:#fff;}
div.tab p:last-child { margin-bottom: 0; }