/* CSS comuns a cprogres */

/* CANVI DE COLORS */
body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:verdana;
	/*VERMELL : */
	background: #AB291F url(../img/bg_r.gif) no-repeat 0px 103px;
}

/* VERMELL : */
.box a:link {color: #AB291F;}
.box a:visited {color: #AB291F;}
.box a:hover, #copy a:active {color: #C05F57; text-decoration:none;}

h3 {
	color: #AB291F;
}

/* CANVI DE COLORS */

#wrapper {
  margin: 10px auto 0 auto;
	/*margin-left:auto;
	margin-right:auto;*/
  width: 858px;
  text-align:left;
}

#capcelera {
	background: #C1C1C1 url(../img/bg_header_gris.gif) repeat-x;
	height:103px; /*IE bug ¿?*/
	text-align:center;
}

#capcelera a:link {color: #000;}
#capcelera a:visited {color: #000;}
#capcelera a:hover, #copy a:active {color: #FFF; text-decoration:none;}

#logo {
	width: 858px;
	height: 81px;
	margin-left: auto;
	margin-right: auto;
}

#logo img {
	margin-top:10px;
	vertical-align: middle;
	float:left;
}

#logo span {
	float:right;
	font-size:9px;
	margin-top:36px;
}

#logo span img {
	margin-top: 0px;
	float:none;
}

#menu ul {
	width: 858px;
	border: 0 none;
	margin: -15px auto 0 auto;
}

#menu li {
	margin-right:6px;
	display: inline;
	border: 0 none;
	list-style-type: none;
	height: 26px;
}

.box {
	width: 858px;
	background: url(../img/bg_taula.gif) repeat-y;
	/*padding-left: -5px;
	margin-right: -15px;*/
}

.clear {
	clear:both;
}

.box_top {
	width: 858px;
	height: 20px;
	background: url(../img/sup_taula.gif) no-repeat left top;
	
}

.box_bottom {
	width: 858px;
	height: 22px;
	background: url(../img/inf_taula.gif) no-repeat left bottom;
	clear:both;
}

#box_dalt {
	/*border: solid 1px orange;*/
	margin: 0 5px 0 15px;
	display:block;
}

#box_dalt span {
	position:absolute;
	font-size:10px;
	margin-top:13px;
	color: grey;
	padding-left: 28px;
}

#box_dalt span strong{
	color: #000;
}

#cerca {
	margin-left:700px;
	background:url(../img/find.gif) no-repeat left;
}

#boto_submit {
	border: 1px solid #666666;
	background: #d8d8d8 url(../img/bg_submit.gif);
	font-size: 11px;
	font-weight: bold;
	/*color: #FFFFFF;*/
	width: 8em;
	padding: 0px;
}

#box_contingut {
	margin:0px 15px 0px 25px;
	font-size:10px;
}

.msg {
	width: 25em;
	text-align: center;
	margin:auto;
	border: solid 1px #A9A9A9;
}

.error {
	border: solid 2px red;
	color: red;
	font-weight:bold;
}

.ok {
	border: solid 2px green;
	color: green;
	font-weight:bold;
}

#copy {
	margin-top: 15px;
	text-align: center;
	font-size: 9px;
	color: #FFF;
}

#copy a:link {color: #FFF}
#copy a:visited {color: #FFF}
#copy a:hover, #copy a:active {color: lightgrey; text-decoration:none;}

#copy .separat {
	border-right: #FFF dotted 1px;
	padding-right: 5px;
	height: 9px;
}