﻿
*{
 padding:0;
 margin:0;

}


body {
overflow-x: hidden;
overflow-y: auto;
overflow: -moz-scrollbars-vertical;
overflow: mso-scrollbars-vertical;
overflow: -o-scrollbars-vertical;
}

BODY{
background: #CCCCCC url(images/fons.gif) repeat;
font:8pt Verdana, Geneva, Arial, Helvetica;
color:#666666;
padding:0px 0px 0px 0px;
text-align:center;


}


#container{
background: #CCCCCC url(images/cos_fons_921.gif) repeat;
width:921px;
margin:left;


}


#header{
/*background:url(images/dilluns_header.jpg);*/
width:1321px;
height:498px;
}


#menu{
}


#cos{
width:921px;
margin:left;
background: #CCCCCC url(images/cos_fons_921.gif) repeat;
}

						

.zonaimage{
width:200px;
float:left;
margin-top:0px;
margin-left:250px;
font:12px Geneva, Arial, Helvetica, sans-serif;
text-align:left;
line-height: 150%;
color:#666666;
}


				.zonaimage a{
				width:200px;
				float:left;
				margin-top:0px;
				margin-left:250px;
				font:12px Geneva, Arial, Helvetica, sans-serif;
				text-align:left;
				line-height: 150%;
				text-decoration:none;
				color:#666666;
				}
				.zonaimage a:hover{
				width:200px;
				float:left;
				margin-top:0px;
				margin-left:250px;
				font:12px Geneva, Arial, Helvetica, sans-serif;
				text-align:left;
				line-height: 150%;
				text-decoration:none;
				color:#333;
				}

.zonatext{
font:14px Geneva, Arial, Helvetica, sans-serif;
width:300px;
margin-left:205px;
padding-left:20px;
padding-right: 40px;
margin-top:0px;
margin-bottom:10px;
text-align:left;
line-height:130%;
}

#zonapeli{
width:200px;
margin-top:0px;
margin-left:255px;
font:12px Geneva, Arial, Helvetica, sans-serif;
text-align:left;
line-height: 150%;
color:#666666;
}

.zonaformacio{
width:200px;
float:left;
margin-top:0px;
margin-left:0px;
font: 12px Geneva, Arial, Helvetica, sans-serif;
text-align:left;
line-height: 150%;
color:#666666;
}




#footer{
width:921px;
height:559px;
background: #CCCCCC url(images/footer_921.gif);
}

#videos{
width:550px;
margin-left:240px;
text-align:left;
float:left;
display:block;
}

#videos2{
width:250px;
margin-left:340px;
text-align:left;
float:inherit;
display:block;

}

/*#videos2{
width:821px;
margin-left:240px;
text-align:left;
float:left;
}*/

/*#vid{
width:93px;
height:94px;
border:#00CC00;
margin:0px;
padding:0px 0px 5px 5px;
float:left;
}*/




#clear10{
height: 10px;
margin:auto;

}

#clear25{
height: 25px;
margin:auto;
background: #CCCCCC url(images/cos_fons_921.gif);

}

#clear75{
height: 75px;
margin:auto;
background: #CCCCCC url(images/cos_fons_921.gif);

}


/* SEPARADORS */
#sepactuacions{
background: #CCCCCC url(images/sep_actuacions.jpg);
width:635px;
height:57px;
margin-top:-10px;
margin-left:5px;
margin-bottom:5px;
text-align:left;
float:left;
}

#sepaltresactuacions{
background: #CCCCCC url(images/sep_altresactuacions.jpg);
width:650px;
height:117px;
margin-top:-20px;
margin-left:5px;
margin-bottom:5px;
text-align:left;
float:left;
}

#sepfotogrames{
background: #CCCCCC url(images/sep_fotogrames.jpg);
width:635px;
height:57px;
margin-top:-20px;
margin-left:5px;
margin-bottom:5px;
text-align:left;
float:left;
}

#sepmiscelania{
background: #CCCCCC url(images/sep_pixelsco.jpg);
width:635px;
height:57px;
margin-top:-20px;
margin-left:5px;
margin-bottom:5px;
text-align:left;
float:left;
}

#sepvideos{
background: #CCCCCC url(images/sep_videos.jpg);
width:650px;
height:117px;
margin-top:-20px;
margin-left:5px;
margin-bottom:5px;
text-align:left;
float:left;
}

.textos{


}

	.titols {
	font: 24pt Trebutchet MS, Sans-Serif, Verdana, Geneva, Arial, Helvetica;
	padding:0 0px 0px 75px;
	text-align: left;
	font-style:italic;
	color: #333;
	padding-bottom: 0px;
	line-height: 150%;
	float:left;
	}
	
				.titols a {
				font: 10pt Trebutchet MS, Sans-Serif, Verdana, Geneva, Arial, Helvetica;
				color:#333;
				text-decoration:none;
				line-height: 150%;
				}
	
				.titols a:hover {
				font: 10pt Trebutchet MS, Sans-Serif, Verdana, Geneva, Arial, Helvetica;
				color:#000000;
				text-decoration:none;
				line-height: 150%
				}
				
				
				
				
.lletres{
width:421px;
font: 10pt Trebutchet MS, Sans-Serif, Verdana, Geneva, Arial, Helvetica;
/*float:right;*/
margin:0px 0px 0px 0px;
padding: 0 0px 0px 200px;
color:#CC0000;
text-align:left;
text-transform:lowercase;
line-height:150%;
}


/* AGENDA */

h2 {
margin-top: 0;
font: 12px Geneva, Arial, Helvetica, sans-serif;
color:	#483D8B;
font-weight: bold;
text-decoration:none;
padding-left:40px;
text-transform:uppercase;
line-height:150%;
}

h3 {
margin-top: 0;
padding-left:40px;
font: 12px Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-weight:normal;
text-decoration:none;
line-height:150%;
}

h4 {
margin-top: 0;
padding-left:40px;
font: 12px Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-weight: normal;
text-decoration:none;
line-height:150%;
}




/* SONG STYLE*/


#applletres {
width: 550px;
text-align:left;
margin-left: 280px;
padding: 0 0 0 10px;

}




/* CAPCELERES CANONS */		

h1 {
margin-top: 0;
font: 12px Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-weight: bold;
text-decoration:none;

}



/* TEMPS I RELLOTGE */

.a {
margin-top: 0;
background:url(images/retails/temps/a.jpg);
}

.b {
margin-top: 0;
background:url(images/retails/temps/b.jpg);
}

.c {
margin-top: 0;
background:url(images/retails/temps/c.jpg);
}

.d {
margin-top: 0;
background:url(images/retails/temps/d.jpg);
}

.e {
margin-top: 0;
background:url(images/retails/temps/e.jpg);
}

.f {
margin-top: 0;
background:url(images/retails/temps/f.jpg);
}

.g {
margin-top: 0;
background:url(images/retails/temps/g.jpg);
}

.h {
margin-top: 0;
background:url(images/retails/temps/h.jpg);
}

.i {
margin-top: 0;
background:url(images/retails/temps/i.jpg);
}

.j {
margin-top: 0;
background:url(images/retails/temps/j.jpg);
}

.k {
margin-top: 0;
background:url(images/retails/temps/k.jpg);
}

.l {
margin-top: 0;
background:url(images/retails/temps/l.jpg);
}

.m {
margin-top: 0;
background:url(images/retails/temps/m.jpg);
}


/* VIVA */

.va {
margin-top: 0;
background:url(images/retails/viva/va.jpg);
}

.vb {
margin-top: 0;
background:url(images/retails/viva/vb.jpg);
}

.vc {
margin-top: 0;
background:url(images/retails/viva/vc.jpg);
}

.vd {
margin-top: 0;
background:url(images/retails/viva/vd.jpg);
}

.ve {
margin-top: 0;
background:url(images/retails/viva/ve.jpg);
}

.vf {
margin-top: 0;
background:url(images/retails/viva/vf.jpg);
}

.vg {
margin-top: 0;
background:url(images/retails/viva/vg.jpg);
}

.vh {
margin-top: 0;
background:url(images/retails/viva/vh.jpg);
}

.vi {
margin-top: 0;
background:url(images/retails/viva/vi.jpg);
}

.vj {
margin-top: 0;
background:url(images/retails/viva/vj.jpg);
}

.vk {
margin-top: 0;
background:url(images/retails/viva/vk.jpg);
}

.vl {
margin-top: 0;
background:url(images/retails/viva/vl.jpg);
}

.vm {
margin-top: 0;
background:url(images/retails/viva/vm.jpg);
}


.appcontent h1,
.appcontent h2 {
padding: 0;
padding-top: 14px;
padding-left: 0px;
margin-bottom: 5px;
color: #3e3e3e;
font-weight: bold;

}

.appcontent h1 a,
.appcontent h2 a {
color:#2C2C2C;
text-decoration: none;
font-weight: bold;
font-size: 14px; /* TAMANY TêTOLS CANONS*/
}

.appcontent h1 a:hover,
.appcontent h2 a:hover {
color:#666666;
margin-bottom: 0;
text-decoration: none;
padding-bottom: 0;
}



/* INFO */

.appinfo {

background: #f2f7fd;
color: black;
padding: 3px 10px;
font-size: 11px;
}

.appinfo2 {
background: #2C2C2C url(images/appinfo2.jpg);
color: white;
padding: 3px 10px;
margin-bottom:10px;
font-size: 11px;
}





/* ACCIî: escoltar, veure... */				

.appaccio {
font: 10px Geneva, Trebutchet MS, Arial, Helvetica, sans-serif;
font-weight: normal;
color:#FFFFFF;
background: #FFFFFF url(images/appaccio.jpg);
margin-right: 0;
padding: 2px 2px 2px 10px;
border-top: 1px solid #3d6bad;
border-bottom: 1px solid #cfcfcf;
}

div.appaccio form {
display: none;
}



.appaccio a:hover {
color:#CCCCCC;
text-decoration: none;
}

.appaccio a {
text-decoration: none;
margin-right: 0;
color: #FFFFFF;
margin-right: 5px;
}



.applletra {
width:350;
font: 10pt Geneva, Trebutchet MS;
text-align:left;
line-height: 125%;
padding-right: 10px;
text-transform:none;
}		

.coment {
width:150px;
font: 10pt Trebutchet MS;
text-align:right;
float: inherit;
padding: 10px 10px 10px 10px;
text-transform:none;
border: 1px dotted;
}		





.app h1 a:hover,
.app h2 a:hover {
color: #919191;
}




.appcontent {

font-family: 11pt Geneva, Arial, Helvetica, sans-serif;
padding: 0 0 0 0px;
margin: 0px 0px 0px 0px;
background: white url(images/) no-repeat left top;
text-align:left;
}

.appcontent p { /* AIXñ S UN MARGE A DALT DEL TEXT*/
margin-top: 8px;
}
 
 


		

.appmargins {
margin-bottom: 10px;
padding-left: 10px;
padding-bottom: 0px;
}







.black {
color: black;
}




.gray {
color: gray;
font-size: 11px;
}

.white {
color: white;
}
.whitesmoke {
color: #b9d1e1;
}

																	
																	
																
																	
																	
																	
																
