/* CSS principal */
body{background:url(../../pell/main-bg.gif) 0 0 repeat-x #a5a196; color:#1A1917; margin:0px 0 0; padding:0; font:14px/20px Arial, Helvetica, sans-serif;}
div, p, h1, h2, h3, ul{padding:0px; margin:0px;}
ul{list-style-type:none;}

a:visited {color:#B3A7A0;}
a:link {color:#B3A7A0;}
a:hover.roll img {
		filter: alpha(opacity=100);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1; opacity:1;
}
a.roll img {
		filter: alpha(opacity=70);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
		-moz-opacity: 0.70; opacity:0.7;
}

.cssform div{
clear: right;
text-align: right;
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed gray;

}

.cssform label{
font-weight: bold;
float: left;
margin-left: 90px;
}

.cssform input[type="text"]{ /*ample d la caixa d text. IE6 no ho enten*/

}

.cssform textarea{
width: 250px;
height: 150px;
}

#idiom{height:18px; background: #000; margin:0px 0 11px 0; padding:5px 0px 0 0;}

#idioma {
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #7B746B;
	margin-left: 6px;
    float: right;
}
#hora {
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #7B746B;
	margin-right: 6px;
    float: left;
}

/*--panel de dalt - recordar la divisio de cada menu per el ample per a q done el toppan de si--*/
/*-- en ie6, hack if ie #topPan{width:622px; height:30px; position:relative; margin:0 auto;padding-left:1px;} --*/
#topPan{width:622px; height:30px; position:relative; margin:0 auto;}
#topPan ul {width:624px;}/*--mentira per a q capiga el menu--*/
#topPan ul li{float: left; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan ul li a{margin-right:0px;width:104px; height:30px; display:block; background:url(../../pell/rmenubg-normal.gif) 0 0 no-repeat; color:#FDFDFD;  text-decoration:none; text-align:center;}
#topPan ul li a:hover{background:url(../../pell/trmenubg-hover2.gif) 0 0 no-repeat; color:#FDFDFD;}
#topPan ul li.menupadding{margin:0 0 0 0px;}
#topPan ul li.home{margin-right:0px;width:104px; height:30px; display:block; background:url(../../pell/rmenubg-hover2.gif) 0 0 no-repeat; color:#1A1917; text-align:center;}

#topPan2{width:622px; height:198px; position:relative; margin:0 auto;}
#topPan2 div{display:block; width:622px; height:198px; background:url(../../pell/header.jpg) 0 0 no-repeat; margin:0; clear:both;}
#topPan2 p{display:block; width:622px; height:198px; position:absolute; top:5px; left:310px; font:11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px 0 0 0px; }

#toplinkPan{width:622px; height:159px; position:relative; margin:0 auto;}

#toplinkfastPan{width:148px; height:140px; float:left; background:url(../../pell/blog-normal.gif) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#585e63;}
#toplinkfastPan a{text-decoration:none; display:block; width:148px; height:140px;}
#toplinkfastPan a:hover{text-decoration:none; background:url(../../pell/blog-hover.gif) 0 0 no-repeat;}
#toplinkfastPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:0px; color:#ff7100;font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:25px 0 0 21px;}

#toplinksecondPan{width:148px; height:140px; float:left; background:url(../../pell/chat-normal.gif) 0 0 no-repeat #5B5550; margin:8px 10px 0; color:#585e63;}
#toplinksecondPan a{text-decoration:none; display:block; width:148px; height:140px;}
#toplinksecondPan a:hover{text-decoration:none; background:url(../../pell/chat-hover.gif) 0 0 no-repeat;}
#toplinksecondPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:157px; color:#ff7100;font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:99px 0 0 8px; }

#toplinkthirdPan{width:148px; height:140px; float:left; background:url(../../pell/tlf-normal.gif) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#585e63;}
#toplinkthirdPan a{text-decoration:none; display:block; width:148px; height:140px;}
#toplinkthirdPan a:hover{text-decoration:none; background:url(../../pell/tlf-hover.gif) 0 0 no-repeat;}
#toplinkthirdPan p{display:block; width:90px; height:15px; position:absolute; top:0px; right:199px; color:#ff7100;font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:18px -40px 0 0;}

#toplinkfourPan{width:148px; height:140px; float:left; background:url(../../pell/seguretat-normal.gif) 0 0 no-repeat #5B5550; margin:8px 0 0 10px; color:#585e63;}
#toplinkfourPan a{text-decoration:none; display:block; width:148px; height:140px;}
#toplinkfourPan a:hover{text-decoration:none; background:url(../../pell/seguretat-hover.gif) 0 0 no-repeat;}
#toplinkfourPan p{display:block; width:90px; height:15px; position:absolute; top:0px; right:34px; color:#ff7100; font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:27px 0 0 11px; }

/*--/panel de dalt--*/


/*--panel BODY--*/
/*--en ie, hack if ie #bodyPan{width:568px; background:url(../../pell/bodytopbg.gif) 0 0 no-repeat #fff; color:#1A1917; position:relative; margin:0 auto; padding-left:27px; padding-right:27px;} --*/

#bodyPan{width:567px; background:url(../../pell/bodytopbg.gif) 0 0 no-repeat #fff; color:#1A1917; position:relative; margin:0 auto; padding-left:27px; padding-right:28px;}
#bodyPan h1{width:558px; height:32px; display:block; background:url(../../pell/welcomebg.gif) 0 100% repeat-x; font:28px/26px Georgia, "Times New Roman", Times, serif; padding:32px 0 5px 0;}
#bodyPan h1 span{color:#212192; font-size:26px;}
#bodyPan h2{width:400px; height:32px; display:block; background:url(../../pell/dotline.gif) 0 100% repeat-x #fff; font:28px/26px Georgia, "Times New Roman", Times, serif; padding:32px 0 0; color:#9A0000;}
#bodyPan h2 span{color:#212192; font-size:26px;}
#bodyPan h3{width:558px; height:32px; display:block; font:28px/26px Georgia, "Times New Roman", Times, serif; padding:32px 0 0;}
#bodyPan h1 span{color:#212192; font-size:26px;}

#bodyPan p{padding:18px 0 0 0;	text-align: justify;}
#bodyPan p.bigtext{background:#fff; font-size:18px; color:#B3A7A0; font-weight:bold; padding:18px 0 0;}
#bodyPan p.smalltext{background:#fff; font-size:11px; color:#1A1917; font-weight:normal; padding:18px 0 0;}
#bodyPan p.more{width:89px; height:39px;}
#bodyPan p.more a{display:block; width:89px; height:39px; background:url(../../pell/more1.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.more a:hover{text-decoration:none; background:url(../../pell/more2.jpg) 0 0 no-repeat;}
#bodyPan p.morenext{width:89px; height:60px; right:0px; top:0px; clear:both;}
#bodyPan p.morenext a{display:block; width:89px; height:39px; background:url(../../pell/more2.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.morenext a:hover{text-decoration:none; background:url(../../pell/more1.jpg) 0 0 no-repeat;}

#bodybottomPan{width:622px; height:42px; background:url(../../pell/bodybottombg.gif) 0 0 no-repeat; position:relative; margin:0 auto; clear:both;}
#bodybottomSep{width:622px; height:10px; position:relative; margin:0 auto; clear:both;}

#bodyPan ul{width:352px; margin:20px 0 0;}
#bodyPan ul li{background:url(../../pell/arrow.jpg) 0 4px no-repeat; padding:0 0 0 20px;}
#bodyPan ul li a{background:#fff; color:#9A0000; text-decoration:none;}
#bodyPan ul li a:hover{text-decoration:underline;}


#login form{width:350px; height:162px; background:url(../../pell/formarea.jpg) 0 100% no-repeat; padding:0px; margin:0 auto;}
#login form h2{display:block; width:310px; height:45px; background:url(../../pell/formtop.gif) 0 0 no-repeat #F9F9F9; color:#fff; font:20px/39px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 0 40px;}
#login form input{width:165px; height:18px; margin:0 0 10px 130px;}
#login form input.paddingtop{margin-top:16px;}
#login form input.button{width:54px; height:25px; display:block; background:url(../../pell/button.gif) 0 0 no-repeat #EBEBEB; border:none; color:#fff;  font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 0 262px; text-align:center;}

/*--/panel de BODY--*/
/*--panel de peu--*/
#footermainPan{height:125px; background: url(../../pell/footerbg.gif) 0 0 repeat-x #000; color:#fff; margin:0px 0 0; padding:24px 0 0;}
#footerPan{width:355px; height:90px; display:block; position:relative; margin:0 auto;}
#footerPan p{padding:51px 0 0;}
#footerPan p span{color:#AC2626; font-size:10px;}
#footerPan p.copyright{margin:0; display:block; position:absolute; bottom:-45px; right:23px; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;}
#footerPan p.legal{margin:0; display:block; position:absolute; bottom:-45px; left:13px; color:#fff; font:10px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; padding:0;}
#footerPan ul{width:430px; display:block; position:absolute; left:0px; top:0; padding:0; }
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.info{width:530px; height:45px; display:block; position:absolute; left:0px; top:29px; padding:0;}
#footerPan ul.info li{display:block; width:139px;}
#footerPan ul.info li.address{width:130px; background:url(../../pell/vertical-dot.gif) 100% 0 repeat-y; color:#7B746B; font-size:10px; font-weight:bold; padding:0 0 0 12px;}
#footerPan ul.info li.phone{width:80px; background:url(../../pell/vertical-dot.gif) 100% 0 repeat-y; color:#7B746B; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul.info li.fax{width:94px;color:#7B746B; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul.info li.fax a{padding:0; color:#7B746B;}
#footerPan ul li span{color:#AC2626; font-size:10px; font-weight:bold; line-height:14px;}

