/* CSS Document */
body {
	background:url(../img/bg.jpg) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	margin: 0px 0px 20px 0px;
	text-align: center;
	behavior:url("csshover.htc");
}

#contenedor {
text-align: left;
width:870px;
background-color : #ffffff;
margin: auto; 
} 
#idioma{
font-size:9px;
text-align:right;
}

#capcelera{
	width:870px;
	height:88px;
	margin: 0 auto;
	padding:0;
}
#logo{
	float:right;
	margin:0;
	padding:0;
	color:#999;
	border:solid #000 thin;
}
#logo h1{
	float:left;
	padding-top:60px;
	letter-spacing:-1;
	text-align:right;
	font-size:12px;
}

#navegador{
background :#eeeeee;
padding : 5px 3px 5px 3px;
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
text-align:left;
height:15px;
font-size:11px;
text-transform:uppercase;
width:866px;
}
#contingut{
margin: 10px 0px 10px 0px;;
} 
#menuesq{
margin-left: 0px;
padding: 1px 0px 10px 0px;
background-color : #ffffff;
width:160px;
float:left;
}
#cos{
margin: 0 0 0 170px;
background-color:#FFFFFF;
}

#central{
padding:0px 5px 0px 15px;
width:500px;
float:left;
}
#lateral{
/*border:solid #CCCCCC thin;*/
background-color:#FFFFFF;
width:160px;
float:right;
} 
#peu{
text-align:center;
clear:both;
background:#eeeeee;
}


A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
color: #494E6B;
}
A.enlacenav:HOVER{
color: #FF9900;
text-decoration:none;
} 
A.menunav{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #494E6B;
}
A.menunav:HOVER{
color:#FF9900;
}
a:hover{
color:#FF6600;
text-decoration:none;
}

H1{
font-size: 12pt;
} 

.caixatop{
border-bottom:#CCCCCC solid thin;
border-right:#CCCCCC solid thin;
background-color:#eeeeee;

}
.caixa{
border-bottom:solid #CCCCCC thin;
border-left:solid #CCCCCC thin;
border-right:solid #CCCCCC thin;
}
.enllmenu{
border:solid thin #cccccc;
background-color: #eeeeee;
}
.titolgris{
font-size:10px;
color:#333333;
}
SELECT{
font-size:12px;
}
.cercador{
/*text-align:center;
width:500px;*/
	width:400px;
	margin: 0px auto;
	border:solid 1px #b2b3b5;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	padding:10px;
	background-color:#F7EE55;
background: #f7ee55; /* Old browsers */
background: -moz-linear-gradient(top, #f7ee55 16%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,#f7ee55), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7ee55 16%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7ee55 16%,#ffffff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f7ee55 16%,#ffffff 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ee55', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f7ee55 16%,#ffffff 100%); /* W3C */

}

.cercadorRef{
text-align:center;
width:500px;
}
#butcerca{
text-align:right;
}
.titol{
color:#333333;
}
p.text{
color:#666666;
}
.text{
color:#666666;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.textpetit{
color:#666666;
font-size:9px;
}
.titoltronja{
color:#F67711;

}
a.linktronja{
	color:#F67711;
	text-decoration:none;
}
a.linktronja:hover{
	text-decoration:underline;
}
.em{
color:#FF0000;
}
.colaboracions{
font-size:9px;
}
#fotoloader{
width:auto;
height:auto;
background:url(img/gif/indicator.gif) center center no-repeat;
}
#thephoto{
width:auto;
height:auto;
visibility:hidden;
}
/*
option:hover{
color:#FF0000;
}

SELECT.search{
background:#FFFF66;
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-weight:bold;
}
*/
span.checkbox {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(checkbox.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
}
 span.radio {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(radio.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
 }
 span.select {
   position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #fff;
   font: 12px/21px arial,sans-serif;
   background: url(select.gif) no-repeat;
   overflow: hidden;
 }