html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}



:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}





@font-face {
  font-family: NewsGothicB;
  src: url(../fonts2011/NewsGothicStd.otf);
}

@font-face {
  font-family: Inter;
  src: url(../fonts2011/Inter.ttf);
}






body {
background-color: #fff;
font-size: 11px;
font-family: Arial, sans-serif;
color:#888;
padding:0px;
margin:0px;
text-align:center;
background-image: url(img/fons2.jpg);
background-repeat: repeat-x; 
height:100%; 
}	

#fonsAnimat{
position: absolute;
top:0px;
left:-100px;
z-index:0;
width:2880;
overflow:hidden;
}


#fitxa{
position: absolute;
z-index:4;

}

#fitxa_transparent{
margin: 0 auto; 
text-align:left;
position: relative;
width:980px;
top:-50px;
z-index:2;
}

select{
background-color: #eee;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color:#000;

}

a {color: #555;  text-decoration: none;}
a:visited {color:#555; text-decoration: none;}
a:hover {color: #555;text-decoration: none;}
a:active { color:#555;text-decoration: none;}



.headerTypo{
	font-family: Inter, Helvetica, Arial, sans-serif;
	
	font-size:13px;
	 text-decoration: none;
	 color:#555;
}

.headerTypoBlanc{
	font-family: Inter, Helvetica, Arial, sans-serif;
	
	font-size:13px;
	 text-decoration: none;
	 color:#FFF;
}


.textMigNegre {color: #333;  text-decoration: none;font-size: 11px;}
.textMigNegre:visited {color:#333; text-decoration: none;}
.textMigNegre:hover {color: #c51015;text-decoration: none;}
.textMigNegre:active { color:#333;text-decoration: none;}

.textMigNegreX {color: #333;  text-decoration: none;font-size: 11px;}
.textMigNegreX:visited {color:#333; text-decoration: none;}
.textMigNegreX:hover {color: #c51015;text-decoration: none;}
.textMigNegreX:active { color:#333;text-decoration: none;}

.textMigBlanc {color: #FFF;  text-decoration: none;font-size: 11px;}

.textMigGris {color: #999;  text-decoration: none;font-size: 11px;}
.textMigGris:visited {color:#999; text-decoration: none;}
.textMigGris:hover {color: #c51015;text-decoration: none;}
.textMigGris:active { color:#999;text-decoration: none;}



.textMigGrisX {color: #999;  text-decoration: none;font-size: 13px;}
.textMigGrisX:visited {color:#999; text-decoration: none;}
.textMigGrisX:hover {color: #c51015;text-decoration: none;}
.textMigGrisX:active { color:#999;text-decoration: none;}



.textMigGrisStatic {color: #777;  text-decoration: none;font-size: 11px;}

					
.textMigGrisF_noL {color: #777;  text-decoration: none;font-size: 11px;}
.textMigGrisF_noL:visited {color: #777;  text-decoration: none;font-size: 11px;}

.textMigGrisF_noLX {color: #777;  text-decoration: none;font-size: 13px;}
.textMigGrisF_noLX:visited {color: #777;  text-decoration: none;}


.textMigNegre_noL {color: #000;  text-decoration: none;font-size: 11px;}
.textMigNegre_noLX {color: #000;  text-decoration: none;font-size: 13px;}



.textMigMenuGris {color: #777;  text-decoration: none;font-size: 12px;  font-weight:normal;}
.textMigMenuGris:hover {color: #c51015;text-decoration: none;}


.textMedRoig{ font-weight: bold;text-decoration: none;color: #c51015;}

.textBigGris{color: #888;font-size: 14px; font-weight: 200; border-top:10; }	
.textTitularGris{color: #888;font-size: 18px; font-weight: 200; border-top:10; }				
						
.textSmallGris{color: #888;font-size: 9px; }				
						
.textBigBlau	{color: #72829d;font-size: 18px; font-weight: 200; }	
.textBigBanc	{color: #FFF;font-size: 18px; font-weight: 200; }					
						
#container{
margin: 0 auto; 
text-align:left;
position: relative;
width:980px;
top:0px;
}

#containerWhite{
margin: 0 auto; 
text-align:left;
position: relative;
width:980px;
height:273px;
top:0px;
background-image:url(img/2011_caixa1.jpg);
background-repeat:no-repeat;
}
#containerDocs{
margin: 0 auto; 
text-align:left;
position: relative;
width:980px;
height:400px;
top:0px;
background-image:url(img/2011_caixa2.jpg);
background-repeat:no-repeat;
}


#containerBlanc{
background-color:#fff;
padding:5px 5px 5px 5px;


}


#peuPaginaHome{
	position:relative;
	width:980px;
	height:80px;
	top:310px;
}


#peuPagina2{
background-image: url(img/fonsPeuOctubre2009.gif);
background-repeat: no-repeat;
position:absolute;
position:relative;
width:980px;
height:80px;
top:20px;
padding:10px;
}

#anunciRange{

}
		

#rangeImg{
text-align:left;
top:-150px;
left:50px;

}

#rangeDesc{
position:relative;
top:-250px;
left:400px;
width:450px;
height:250px;


}




#columna1{
	position:absolute;
	width: 225px;
	top:20px;
	left:-1px;
}
#columna2{
	position:absolute;
	width: 226px;
	top:20px;
	left:246px;
}
#columna3{
	position:absolute;
	width: 225px;
	top:20px;
	left:491px;
}
#columna4{
	position:absolute;
	width: 225px;
	top:20px;
	left:736px;
}

.textTitularH1{
	font-family: "ff-scala-sans-web-1","ff-scala-sans-web-2","Lucida Grande","Helvetica",sans-serif;
    color: #999;
	font-weight: bold;
	font-size: 16px;
	}

.textTitularH1:hover{color: #555;}