#content {padding: 10px 10px 0px 10px; font-size: 0.9em;}

h2 {
	border-bottom: 1px solid  #597F9A;
	background-color: #FFFFFF;
	color: #597F9A;
	font-size: 1.3em;
	margin: 0px 0px 15px 0px;
	padding: 3px 2px 2px 0px;
}

h3 {
	border-bottom: 1px dotted #8BA7BB;
	background-color: #FFFFFF;
	font-size: 1.1em;
	color: #597F9A;
	margin: 0px 0px 10px 0px;
	padding: 3px 2px 2px 0px;
}

h4.bk {background: #597F9A; color: #FFFFFF;	font-size: 1.1em; margin: 30px 0px 0px 0px; padding: 3px 3px 3px 5px;}

p {padding: 3px 2px 2px 5px; margin: 0px 0px 30px 0px;}

ul.submenu {border-top: 1px solid #D9E4EC; height: 30px; list-style: none; margin: 0px; padding: 0px 0px 0px 5px;}
ul.submenu li {display: inline; font-size: 1.1em;}
ul.submenu li a {background-color: #EEF4F8; color: #527C9C; display: block; float: left; padding: 11px 6px 6px 6px; margin: 0px 10px 0px 0px; text-decoration: none;}

ul.submenu li a.actual, ul.submenu li a:hover {background-color: #C8D2D9;}

#contingut {font-size: 0.9em !important; padding: 25px 5px 10px 5px; text-align: justify; font-size: 1.05em;}
#contingut p {margin: 20px 0px 30px 0px; padding: 0px; _font-size: 0.9em;}
#contingut img {float: left; margin: 12px 20px 10px 0px; border: 5px solid #ACC5D4; padding: 4px;}

#contingut ul.filo {font-size: 1em; list-style: none; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 10px;}
#contingut ul.filo li {margin: 0px 0px 20px 0px; background-image: url(../img/list.gif); background-repeat: no-repeat; padding: 0px 0px 0px 25px;}
#contingut img.flot {float: right; margin: 0px 0px 20px 20px;}

/********************** REFERENCIAS / casos de exito ************/
.item {line-height: 17px;}
.item h4 {text-transform: uppercase; font-size: 1em; background-color: #C7D0D9; padding: 2px 2px 2px 4px; margin: 3px 0px 0px 0px;;}
.item img {float: left; margin: 0px 10px 10px 0px; border: 1px solid #D7DEE1;}
.item p {margin: 10px 0px 0px 0px !important;}
.item p strong {color: #429FC3;}

.item p a {text-decoration: none; color: #597F9A; font-weight: bold;}
.item p a:hover {border-bottom: 1px dotted #597F9A;}


/******************* empleo **************/
form#empleo {
	background-position: top right;
	height: 270px;
	margin: 5px 0px 0px 0px;
	text-align: left;
	width: 920px;	
	_font-size: 0.9em;
}


form#empleo label {display: block; float: left; margin: 0px 0px 20px 0px; width: 470px;}
form#empleo input, form#empleo input.fitx {border: 1px solid #C7D0D9; margin: 0px 0px 0px 10px; width: 300px;}

.enviar {
	clear: both;
	display: block;
	margin: 0px 0px 0px 410px !important;
	cursor: pointer;
	width: 60px !important;
	background-color: #487D97;
	color: #FFFFFF;
	font-size: 0.9em;
}


/******************* subseccions productes **************/
#contingut ul {list-style: none; margin: 0px; padding: 10px 0px 0px 5px;}
#contingut ul li {margin: 0px 0px 10px 0px; padding: 0px;}
#contingut a {
	background: url(../img/listi.gif) no-repeat;
	background-position: 0px 6px;
	color: #597F9A; 
	font-weight: bold;
	padding: 3px 3px 3px 10px;
	text-decoration: none;
}

#contingut a:hover {color: #7DB2CB;}


ul.novestec {font-size: 1em !important; margin: 0px !important; padding: 0px !important;}

ul.novestec li a {
	background: url(../img/lsit.gif) no-repeat;
	background-position: 0px 7px;
	border-bottom: 1px dotted #FFFFFF;
	color: #597F9A; 
	display: block;
	font-weight: bold;
	padding: 3px 3px 3px 13px;
	text-decoration: none;
}

ul.novestec li a:hover {background: url(../img/lsit2.gif) no-repeat;	background-position: 0px 7px;border-bottom: 1px dotted #597F9A;}




#gris {background: ButtonFace; margin-bottom: 0px; margin-top: 0px; width: 400px; height: 20px; margin-left: 5px; }
#oferta {float:left;  margin-left: 10px; margin-top: 2px;}

#info {float:right; margin-right: 10px; margin-top: 2px;}
#info a {text-decoration: none; color:black; background: none; font-weight: normal; }
#blanc {background: White; margin-bottom: 10px; margin-top: 0px; width: 400px; height: 20px; margin-left: 5px; }


#ima {float: right; margin-top: 10px;}

#ofer {width: 400px;
}
#ofer p {margin-bottom: 0px; margin-top: 0px;
font-size: 0.9em !important;
}
#ofer h3 {margin-top: 10px;
font-size: 0.9em !important;
}
#ofer h4{
	 margin-bottom: 0px; margin-top: 0px;
	 font-size: 0.9em !important;
}

#continguts {font-size: 0.9em !important;}
#contingut h4 {
	margin-top: 0px;
}