html{
	height:100%;
}
body{
	background-color:#f8e3c5;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:100%;
}
a{
 color:#d88307;
 text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#capp{
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	FONT: 12px/20px "trebuchet ms",verdana,sans-serif; 
	COLOR: #666;
	text-align:center;
	width:100%;
	
	visibility:hidden;
	height:100%;
}

#cappImg{
	background-image:url("images/ajax-loader.gif");
	position:relative;
	margin:auto;
	width:220px;
	height:20px;
	
}


#idiomes{
	width:100%;
	background-color:#d88307;
	height:18px;
	border-bottom:1px solid #b46b01;
}
#idiomes .dre{
	margin:auto;
	width:990px;
	text-align:right;
	color:#FFFFFF;
	font-size:12px;
	padding-top:2px;
}
#idiomes .dre a{
 color:#FFFFFF;
 text-decoration:none;
}
#idiomes .dre a.sel{
	color:#f8c970;
}
#idiomes .dre a:hover{
 color:#f8c970;
 text-decoration:none;
}
#cap{
	width:100%;
	height:156px;
	background-image:url('img/bgcap.gif');
}
#cap #fons{
	margin:auto;
	width:990px;
	height:156px;
	background-image:url('img/cap.jpg');
	background-position:top;
	background-repeat:no-repeat;
}
#cap #fons form{
	float:right;
	margin:0px;
	padding:0px;
	margin-top:53px;
	padding-right:28px;
	width:251px;
}
#cap #fons form input{
	float:left;
	border:0px;
	height:21px;
	width:180px;
	margin:0px;
	padding:2px;
	background-color:#FFFFFF;
	font-size:16px;
}
#cap #fons form input.boto{
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	height:25px;
	width:55px;
	background-image:url('img/boto_buscar.gif');
}
#cap #fons form label{
	float:right;
	padding-top:7px;
	padding-right:10px;
}
#cap #fons form label a{
	color:#666666;
	font-size:11px;
}
#cap #fons a.logo{
	float:left;
	margin-top:20px;
	margin-left:10px;
	width:280px;
	height:70px;
}
#cap #fons #menu{
	float:left;
	width:100%;
	padding-top:27px;
}
#cap #fons #menu ul{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
#cap #fons #menu li{
	float:left;
	display:inline;
	color:#FFFFFF;
	margin:0px;
	margin-left:8px;
	font-size:14px;
}
#cap #fons #menu li a{
	display:block;
	padding:10px;
	padding-top:11px;
	padding-bottom:3px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#cap #fons #menu li a:hover{
	color:#f2a311;
	text-decoration:none;
}
#cap #fons #menu li a.select{
	background-color:#fff9f0;
	color:#f2a311;
	font-weight:bold;
}
#cap #fons #menu .bpressupost{
	float:right;
	width:310px;
	margin-top:8px;
	text-align:center;
}
#cap #fons #menu .bpressupost a{
	display:block;
	padding-top:4px;
	font-size:14px;
	color:#f2a311;
	font-weight:bold;
	letter-spacing:1px;
}
#cap #fons #menu .bpressupost a:hover{
	color:#CCCCCC;
	text-decoration:none;
}
#content{
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	width:990px;
	margin:auto;
	padding-bottom:20px;
	background-image:url('img/bgcos2.gif');
}
#content #esq{
	float:left;
	margin:0px;
	padding:15px;
	padding-top:10px;
	width:650px;
}
#content #dreta{
	float:right;
	margin:0px;
	padding:10px;
	width:290px;
}
#esq h1{
	margin:0px;
	padding:2px;
	padding-left:8px;
	color:#d88307;
	background-image:url('img/bgh1p.gif');
	background-repeat:repeat-y;
	background-position:left;
	background-color:#f8e3c5;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
	border:1px solid #d88307;
}
#esq h1 em{
	color:#000000;
}
#content .esq{
	margin-right:25px;
}
#content #path{
	float:left;
	height:20px;
	width:100%;
	font-size:80%;
	text-align:left;
	color:#666666;
}
#content #ordenar{
	float:left;
	width:638px;
	background-color:#efefef;
	font-size:85%;
	color:#666666;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
}
#content #ordenar .esq{
	float:left;
}
#content #ordenar .dre{
	float:right;
}
#content .cont img{
	border:1px solid #CCCCCC;
	padding:5px;
	margin-bottom:10px;
}
#content .cont img.esq{
	float:left;
	margin-right:10px;
}
#content .cont img.dre{
	float:right;
	margin-left:10px;
}
#content .cont p{
	float:left;
	margin-top:10px;
	margin-bottom:20px;
}
#content .cont h1{
	margin-bottom:0px;
}
#content .cont h2{
	margin:0px;
	padding:0px;
	padding-top:25px;
	color:#f2a311;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #f2a311;
}
/*------------------ OFERTES ------------------*/
#content #ofertes{
	float:left;
	width:650px;
	margin-bottom:20px;
}
#content #ofertes img{
	float:left;
}
#content #ofertes .descrip{
	float:right;
	width:230px;
	height:215px;
	padding:15px;
	padding-bottom:10px;
	background-color:#444444;
}
#content #ofertes .descrip a.g{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
#content #ofertes .descrip h1{
	background:none;
	color:#FFFFFF;
	font-size:20px;
	margin:0px;
	padding:0px;
	padding-bottom:0px;
	margin-bottom:10px;
	border:0px;
	border-bottom:4px solid #FFFFFF;
	font-weight:bold;
}
#content #ofertes .descrip p{
	font-size:14px;
	margin:0px;
	padding:0px;
	height:120px;
}
#content #ofertes .descrip hr{
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	width:100%;
	height:1px;
	background-color:#FFFFFF;
	border:0px;
}
#content #ofertes .descrip span{
	font-size:12px;
	margin:0px;
	padding:0px;
	
}
#content #ofertes .descrip em{
	font-size:48px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#content #ofertes .of1{
	float:left;
	width:648px;
	height:240px;
	border:1px solid #666666;
}
#content #ofertes ul{
	float:left;
}
#content #ofertes .vertodas{
	float:right;
	padding-top:10px;
}
/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin:0;
    padding:0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 5px 0 5px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
	display:block;
}
.ui-tabs-nav a {
	padding:5px;
	padding-left:8px;
	padding-right:8px;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
	background-color:#FFF;
	border:1px solid #666;
	border-top:0px;
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #666;
}
.ui-tabs-nav .ui-tabs-selected a {
	background-color:#666;
}
.ui-tabs-nav a span {

}
.ui-tabs-nav .ui-tabs-selected a span {
	color:#FFF;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor:pointer;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}


/* ------------------ ACULTAR LAS OFERTAS ---------------*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/*----------------- PRODUCTES HOME ------------------ */
#content .prodHome{
	float:left;
	width:300px;
	border:1px solid #999999;
	background-color:#FFFFFF;
	margin-bottom:10px;
	margin-top:10px;
	padding:5px;
	text-align:center;
}
#content .prodHome h2{
	text-align:center;
	color:#333333;
	font-size:120%;
	margin:0px;
	padding:4px;
	background-color:#efefef;
	margin-bottom:10px;
	
}
#content .prodHome .preu{
	float:left;
	font-size:75%;
	margin:0px;
	padding:5px;
	width:110px;
	background-color:#efefef;
	margin-right:10px;
}
#content .prodHome .preu em{
	font-size:240%;
	font-weight:bold;
}
#content .prodHome img{
	border:0px;
}
#content .prodHome p{
	text-align:justify;
	margin:0px;
	padding:5px;
	font-size:90%;
	border-bottom:5px solid #efefef;
	margin-bottom:10px;
	height:35px;
}
#content .prodHome a.pressu{
	float:left;
	background-image:url('img/bgboto1.gif');
	width:140px;
	height:18px;
	color:#FFFFFF;
	padding-left:30px;
	padding-top:3px;
	font-size:85%;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}
#content .prodHome a.pressu:hover{
	text-decoration:underline;
}
#content .prodHome a.minfo{
	float:left;
	background-image:url('img/bgboto2.gif');
	width:140px;
	height:18px;
	color:#FFFFFF;
	padding-left:30px;
	padding-top:3px;
	font-size:85%;;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
}
#content .prodHome a.minfo:hover{
	text-decoration:underline;
}

#content hr{
	color:#f2a311;
	width:100%;
	height:1px;
	background-color:#f2a311;
	border:0px;
	margin-bottom:5px;
}

/*----------------- PRODUCTES LLISTAT ------------------ */
#content .prodList{
	float:left;
	width:638px;
	border:1px solid #999999;
	background-color:#FFFFFF;
	margin-bottom:10px;
	margin-top:10px;
	padding:5px;
	text-align:center;
}
#content .prodList h2{
	text-align:left;
	color:#333333;
	font-size:120%;
	margin:0px;
	padding:4px;
	background-color:#efefef;
	margin-bottom:10px;
	
}
#content .prodList h2 em{
	font-size:80%;
	padding-left:10px;
}
#content .prodList .esq{
	margin-right:5px;
}
#content .prodList .preu{
	float:left;
	font-size:75%;
	padding:5px;
	width:73px;
	background-color:#efefef;
	margin-bottom:20px;
}
#content .prodList .preu em{
	font-size:180%;
	font-weight:bold;
}
#content .prodList img{
	float:left;
	border:0px;
	padding-right:10px;
}
#content .prodList .info{
	float:left;
	width:475px;
}
#content .prodList p{
	float:left;
	width:277px;
	text-align:justify;
	margin:0px;
	padding:5px;
	font-size:90%;
	border-right:5px solid #efefef;
	margin-right:10px;
	height:150px;
}
#content .prodList a.pressu{
	float:left;
	background-image:url('img/bgboto1.gif');
	width:140px;
	height:18px;
	color:#FFFFFF;
	padding-left:30px;
	padding-top:3px;
	font-size:85%;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}
#content .prodList a.pressu:hover{
	text-decoration:underline;
}
#content .prodList a.minfo{
	float:left;
	background-image:url('img/bgboto2.gif');
	width:140px;
	height:18px;
	color:#FFFFFF;
	padding-left:30px;
	padding-top:3px;
	font-size:85%;;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
}
#content .prodList a.minfo:hover{
	text-decoration:underline;
}

#content hr{
	color:#f2a311;
	width:100%;
	height:1px;
	background-color:#f2a311;
	border:0px;
	margin-bottom:5px;
}


/*----------------- PRODUCTES  DETALL ------------------ */
#content .prodDet{
	float:left;
	width:638px;
	border:1px solid #999999;
	background-color:#FFFFFF;
	margin-bottom:10px;
	padding:5px;
	text-align:center;
}
#content .prodDet h2{
	text-align:left;
	color:#333333;
	font-size:120%;
	margin:0px;
	padding:4px;
	background-color:#efefef;
	margin-bottom:10px;
	
}
#content .prodDet p{
	padding:0px;
	margin:0px;
	padding-top:2px;
}
#content .prodDet h2 em{
	font-size:80%;
	padding-left:10px;
}
#content .prodDet .esq{
	margin-right:5px;
}
#content .prodDet .fotoparraf{
	float:left;
	width:435px;
	border-right:5px solid #efefef;
	padding-right:5px;
	margin-right:10px;
}
#content .prodDet .parraf{
	float:left;
	width:435px;
	border-right:5px solid #efefef;
	padding-right:5px;
	margin-right:10px;
	text-align:left;
}
#content .prodDet .preu{
	float:left;
	font-size:75%;
	padding:5px;
	width:73px;
	background-color:#efefef;
	margin-bottom:20px;
}
#content .prodDet .preu em{
	font-size:180%;
	font-weight:bold;
}
#content .prodDet .fotoparraf img{
	float:left;
	border:0px;
	padding-right:10px;
}
#content .prodDet .fotoparraf p{
	float:right;
	font-size:90%;
	text-align:justify;
	width:265px;
} 
#content .prodDet .info{
	float:left;
	width:180px;
}
#content .prodDet .discount{
	float:left;
	width:180px;
	background-color:#DB8B0E;
	font-size:450%;
	font-weight:bold;
	color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
}
#content .prodDet .discount span{
	font-size:40%;
	font-weight:bold;
}
#content .prodDet a.pressu{
	float:left;
	background-image:url('img/bgboto1.gif');
	width:140px;
	height:18px;
	color:#FFFFFF;
	padding-left:30px;
	padding-top:3px;
	font-size:85%;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}
#content .prodDet a.pressu:hover{
	text-decoration:underline;
}
#content .prodDet a.minfo{
	float:left;
	background-image:url('img/bgboto2.gif');
	width:140px;
	height:18px;
	color:#FFFFFF;
	padding-left:30px;
	padding-top:3px;
	font-size:85%;;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
}
#content .prodDet a.minfo:hover{
	text-decoration:underline;
}
#content .prodDet .galeria{
	padding-top:10px;
	padding-left:10px;
}
#content .prodDet .galeria img{
	border:1px solid #CCCCCC;
	padding:5px;
	width:180px;

}
#content hr{
	color:#f2a311;
	width:100%;
	height:1px;
	background-color:#f2a311;
	border:0px;
	margin-bottom:5px;
}



/*------------------ MENU ------------------*/
#dreta .cosmenu .banner{
	border:1px solid #333333;
}
#dreta .bd{
	border-bottom:1px solid #ffe1aa;
}
#dreta .cosmenu{
	float:left;
	width:290px;
	margin-bottom:30px;
}
#dreta .cosmenu h2{
	background-image:url('img/bgCapMenu.gif');
	background-position:center;
	margin:0px;
	padding:0px;
	padding-left:25px;
	color:#FFFFFF;
	font-size:14px;
	padding-top:4px;
	height:19px;
}
#dreta .cosmenu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#dreta .cosmenu li{
	background-image:url('img/bgmenu.gif');
	height:26px;
	padding-top:9px;
	padding-left:30px;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}
#dreta .cosmenu li em{
	font-weight:normal;
	color:#999999;
}
#dreta .cosmenu li a{
	display:block;
	color:#333333;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#dreta .cosmenu li a.sel{
	color:#d88307;
}
/*----------------- FORMULARI MENU ------------------ */
#dreta .cosmenu form{
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	padding-top:5px;
}
#dreta .cosmenu fieldset{
	border:0px;
	margin:0px;
	padding:0px;
	margin-top:5px;
}
#dreta .cosmenu .text{
	float:left;
	width:100px;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	padding-left:10px;
}
#dreta .cosmenu input{
	float:left;
	width:160px;
	border:1px solid #333333;
	margin:0px;
	padding:0px;
}
#dreta .cosmenu input.boto{
	width:165px;
	border:1px solid #333333;
	background-color:#999999;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
#dreta .cosmenu p{
	margin:0px;
	padding:5px;
	font-size:12px;
	color:#666666;
}
#dreta .cosmenu p a{
	color:#f2a311;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
#dreta .cosmenu p a:hover{
	text-decoration:underline;
}
/*----------------- TAGS MENU ------------------ */
#dreta .cosmenu p.tags {
	margin:0px;
	padding:0px;
	font-size:11px;
	padding-bottom:5px;
}	
#dreta .cosmenu p.tags a{
	color:#333333;
	text-decoration:none;
	background:none;
}
#dreta .cosmenu p.tags a:hover{
	color:#333333;
	text-decoration:underline;
}
#dreta .cosmenu p.tags a.u1{
	margin:0px;
	padding:0px;
	font-size:17px;
	font-weight:normal;
}
#dreta .cosmenu p.tags a.u2{
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:normal;
}
#dreta .cosmenu p.tags a.u3{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
}
#dreta .cosmenu p.tags a.u4{
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:normal;
}

/* --------------------------------------------------------- PEU  ------------------------------------------------- */

#peu{
	border:0px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	width:990px;
	margin:auto;
	padding-top:10px;
	background-color:#F2A311;
	text-align:center;
	font-size:85%;
}
#peu a{
	color:#000000;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}
#peu a:hover{
	text-decoration:underline;
}
#peu hr{
	width:60%;
	color:#d88307;
}
#peu #sub{
	width:100%;
	height:18px;
	background-color:#d88307;
	padding-top:2px;
	margin-top:10px;
	font-size:100%;
	border-top:1px solid #b46b01;
}
/* ------------------------- GENERALS ----------------- */

.rss{
	float:left;
	padding:0px;
	margin:0px;
}
.tots{
	float:right;
	padding:0px;
	margin:0px;
}


.sep{
	clear:both;
}

.sep2{
	clear:both;
	border-bottom:1px dotted #cccccc;
	height:20px;
}

.sepg{
	clear:both;
	height:10px;
}

a.pujar{
	background-image:url("img/pujar.jpg");
	background-repeat:no-repeat;
	display:block;
	width:27px;
	height:27px;
	float:right;
}
/* ------------------------------------ PAGINABLE --------------------------*/
#pages {
	float:left;

}

#pages span, 
#pages a {
	float: left;
	display: block;
	margin-right: 3px;
}

#pages span, 
#pages a {
	padding: 3px 8px 4px;
	font-size:90%;
	font-weight:bold;
}

#pages a {
	text-decoration: none;
	border: 1px solid #666666;
	background-color: #efefef;
	color: #333333;
}
#pages span {
	color: #333333;
}

#pages a:hover {
	color:#FFFFFF;
	background-color:#333333;
}

#pages a.current {
	color:#FFFFFF;
	background-color:#333333;
}

/* ----------------------------------- GALERIA D'IMATGES ---------------------------------------------- */
.galeria{
	float:left;
	width:100%;
}
.galeria h3{
	margin:0px;
	color:#333333;
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
	
}
.galeria .img{
	width:190px;
	float:left;
	padding-right:10px;
	margin-bottom:10px;
	text-align:center;
}
.galeria .img img{
	display: block;
	margin: 0 auto; /* centrar imagen */
	width:185px;
}

.galeria .img p{
	text-align:center; 
	font-weight:bold; 
	font-size: 90%; 
}

/* FORM CSS */
/* ----------- My Form ----------- */
#minfo{
	float:left;
	width:230px;
	border:1px dashed #ffcb05;
	background-color:#fff9e1;
	margin-left:5px;
	margin-top:20px;
	font-size:90%;
}
#minfo p{
	padding:5px;
	text-align:justify;
	margin:0px;
	color:#666666;
}
.myform{
	float:left;
	margin:0 auto;
	width:400px;
	padding:5px;
}

/* ----------- stylized ----------- */
#stylized{
}
#stylized h1 {
font-size:110%;
font-weight:bold;
margin:0px;
padding:0px;
border:0px;
background-image:url('img/bgcos2.gif');
margin-bottom:10px;
padding-bottom:3px;
border-bottom:solid 1px #333;
color:#333333;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
font-size:80%;
}
#stylized .small{
color:#999999;
display:block;
font-size:10px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input, select, textarea{
float:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:4px 2px;
border:solid 1px #cccccc;
width:200px;
margin:2px 0 20px 10px;
}
#stylized input.radio{
float:left;
width:30px;
border:1px solid #000000;
_border:0px;
}
#stylized input.checkbox{
float:left;
width:30px;
border:1px solid #000000;
_border:0px;
}
#stylized em{
	float:left;
	width:50px;
	font-style:normal;
	padding-top:2px;
}
#stylized button{
clear:both;
margin-left:150px;
width:140px;
height:31px;
background-color:#666666;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}


.cont table{
	margin-top:20px;
	width:100%;
	padding:0px;
	font-size:95%;
}

.cont table td{
	margin:0px;
	padding:5px;
	text-align:left;
	background-color:#efefef;
}
.cont table td.cent{
	margin:0px;
	padding:5px;
	text-align:center;
}

.cont table .cap{
	background-color:#d88307
}

.cont table .cap strong{
	color:#FFFFFF;
}
.cont table select,input{
	margin:0px;
	padding:0px;
	border:1px solid #666;
}
#theform {
	width: 650px;
	background-color:#f8e3c5;
	font-size:120%;
	border:1px solid #d88307;
}

#theform fieldset {
	height: 480px;
	width: 195px;
	border:0px;
	margin: 0;
	padding: 10px;
	float: left;
}

#theform fieldset legend {
	font-size: 60px;
	color: #d88307;
}

#theform fieldset legend span {
	display: none;
}
	
#theform fieldset h4 {
	height: 4em;
	font-size: 85%;
	color:#d88307;
	margin-top:0px;
	margin-bottom:0px;
}

#theform fieldset div.help {
	color: #333333;
	font-size: 80%;
	font-weight: bold;
	height: 5em;
}
	
#theform fieldset label {
	font-size: 11px;
	display: block;
	line-height: 1.5em;
	color:#333333;
}
	
#theform fieldset input {
	font-size: 0.8em;
	height: 1.2em;
	border:1px solid #999999;
	color:#666666;
}
	
/* Error Styling */
#theform fieldset.error,
#theform fieldset.error legend,
#theform fieldset.error div.help {
	color: #FFCC33;
}
	
#theform fieldset strong.error {
	color: #fff;
	background-color: #CC0000;
	padding: 0.2em;
	font-size: 0.7em;
	font-weight: bold;
	display: block;
}

/* Part 4 Styling */
#theform #pt4 {
	clear: both;
	width: 600px;
	height: 300px;
	/*border: 10px solid #FFF;
	border-width: 10px 0;*/
	padding: 1em;
}
#theform textarea{
	border:1px solid #666666;
	width:580px;
}
#theform a{
text-decoration:underline;
color:#FF9900;
}

#theform #pt4 legend {
	display: none;
}
	
#theform #pt4 h3 {
	display: none;
}
	
#theform #pt4 #disclaimer {
	width: 22em;
	float: left;
	font-size: 11px;
	color:#333333;
}
	
#theform #pt4 input {
	height: 5em;
	font-size: 1em;
	width: 18em;
	color: #666666; 
	background: #f3f3f3;
	font-weight: bold;
	border-bottom: 	1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
	float: right;
}
#seleccio{
	color:#666666;
	font-size:12px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
}
#seleccio .cap {
	font-weight:bold;
}
#seleccio .ref{
	float:left;
	width:70px;
	padding-bottom:5px;
}
#seleccio .nom{
	float:left;
	width:150px;
	padding-bottom:5px;
}
#seleccio .unitats{
	float:left;
	width:45px;
	padding-bottom:5px;
	text-align:center;
}
#seleccio input.sel{
	width:126px;
	background-color:#DDD;
	font-size:90%;
	color:#666;
	border:1px solid #666;
	padding:2px;
	margin-top:10px;
}
#seleccio input.esq{
	margin-right:20px;
}
.botoG{
	background:#EFEFEF;
	text-align:left;
	padding:10px;
	margin:0px;
	margin-right:10px;
	border:1px solid #333333;
	color:#333333;
}

span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 
p.nota {
	margin-top:50px;
	border:2px solid #666666;
	background-color:#dfdfdf;
	padding:10px;
	font-size:20px;
	color:#333;
	text-align:justify;
}
.cont ul{
	list-style:none;
	padding:15px;
	margin:0px;
	
}
.cont ul li {
	padding-bottom:10px;
	font-weight:bold;
	font-size:110%;
}
.cont ul ul {
	padding-top:5px;
}
.cont ul ul li{
	padding:0px;
	font-weight:normal;
	font-size:95%;
}
.cont ul ul ul{
	padding-top:5px;
}
.cont ul ul ul li{
	padding:0px;
	font-weight:normal;
	font-size:80%;
	padding-bottom:5px;
}
.cont li a{
	color:#333;
	
}