#content {padding: 10px 10px 0px 10px; font-size: 1em;}

h2 {background: #FFFFFF; border-bottom: 1px solid  #597F9A; color: #597F9A; font-size: 1.2em; margin: 0px 0px 15px 0px; padding: 3px 2px 2px 0px;}
h3 {background: #FFFFFF; border-bottom: 1px dotted #8BA7BB; color: #597F9A; font-size: 1.1em; margin: 0px 0px 10px 0px; padding: 3px 2px 2px 0px;}
h4.bk {background: #597F9A; color: #FFFFFF; font-size: 1em; margin: 20px 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: 1em;}
ul.submenu li a {background-color: #EEF4F8; color: #527C9C; display: block; float: left; margin: 0px 10px 0px 0px; padding: 11px 6px 6px 6px; text-decoration: none;}
ul.submenu li a.actual, ul.submenu li a:hover {background-color: #C8D2D9;}

#contingut {font-size: 1.05em; padding: 25px 5px 10px 5px; text-align: justify;}
#contingut p {margin: 10px 0px 30px 0px; padding: 0px;}
#contingut img {border: 1px solid #ACC5D4; float: left; margin: 12px 20px 10px 0px; padding: 4px;}

#contingut ul.filo {list-style: none; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 10px;}
#contingut ul.filo li {background-image: url(../img/list.gif); background-repeat: no-repeat; margin: 0px 0px 20px 0px;  padding: 0px 0px 0px 25px;}
#contingut img.flot {float: right; margin: 0px 0px 20px 20px;}

/************************ Productos **********************/
#contingut {font-size: 0.9em; margin: 0px 0px 0px 0px;}
#contingut ul {list-style: none; margin: 0px; padding: 10px 0px 20px 10px;}
#contingut ul li {background: url(../img/list.gif) no-repeat; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px;}
#contingut ul li ul li {background-image: none; padding: 0px;}
#contingut ul.light {list-style: none; margin: 0px; padding: 10px 0px 10px 0px;}
#contingut ul.light li {background: url(../img/list.gif) no-repeat; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px;}
#contingut ul.light li ul li {background-image: none; padding: 0px;}
#contingut p {margin: 10px 10px 0px 0px;}
#contingut p.intro {margin: 0px 0px 0px 0px !important;}
#contingut a {color: #597F9A; text-decoration: none;}
#contingut a:hover {text-decoration: underline;}
#contingut #margin {margin: 0px 0px 0px 235px;}
#contingut #margin p.petit {margin: 10px 0px 30px 0px;}

/*** documentacio ****/
.documentacio {border: 1px solid #D7DEE1; float: right; font-size: 0.9em; margin: 0px 0px 20px 20px; padding: 0px 7px 7px 7px; width: 275px;}
.documentacio ul {list-style: none; margin: 0px; padding:  5px 10px 10px 0px !important;}
.documentacio ul li {background-image: url(../img/list.gif); background-repeat: no-repeat; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 19px;}
.documentacio ul li a {color: #597F9A; text-decoration: none;}
.documentacio ul li a:hover {text-decoration: underline;}


#esquerre {float: left; width: 235px;}
#esquerre img {margin: 0px 0px 10px 0px;}
.llista-sub {border: 1px solid #4D7092; list-style: none; margin: 0px 20px 10px 0px !important; padding: 10px 0px 10px 8px !important; text-align: left; width: 205px;}
.llista-sub li {}
.llista-sub li a {color: #527C9C; display: block; font-size: 1em; margin: 0px 14px 10px 0px; text-decoration: none;}
.llista-sub li a.one {font-weight: bold;}
.llista-sub li a:hover {text-decoration: underline;}
.llista-sub li.no {background: none !important; margin: 0px; padding: 0px 10px 0px 0px !important;}
.destacat {background-color: #D7DEE1; border: 1px solid #D7DEE1; color: #41586F; margin: 20px 315px 0px 235px; padding: 10px 10px 0px 10px; text-align: left;}
.destacat p {margin: 0px 0px 10px 0px !important; padding: 0px; }
.destacat ul {list-style: none; margin: 0px; padding: 0px;}
.destacat ul li {background-image: url(../img/lsit.gif); background-repeat: no-repeat; background-position: 0px 4px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 12px;}

.itemvertical {margin: 0px 0px 30px 0px;}
.itemvertical h3 {background-color: #D7DEE1; font-size: 1.2em !important; margin: 0px 0px 10px 230px; padding: 3px 3px 0px 3px;}
.itemitem {border: 1px solid #C8D2D9; margin: 0px 0px 10px 230px; padding: 8px 8px 15px 8px;}
.itemitem h4 {font-size: 1em; margin: 0px; padding: 0px;}
.itemitem a {background-image: url(../img/table.gif); background-repeat: no-repeat; color: #597F9A; display: block; margin: 5px 0px 0px 145px; text-decoration: none; padding: 0px 0px 0px 17px;}
.itemitem a:hover {color: #1C84CC; text-decoration: underline;}
.itemitem p {margin: 10px 0px 10px 0px !important;}
.itemitem img {padding: 10px !important; margin: 0px 10px 0px 0px !important;}

/**** desarrollos propios ***/
.itemitem2 {border: 1px solid #C8D2D9; height: 125px; margin: 0px 0px 10px 230px; padding: 8px 8px 5px 8px;}
.itemitem2 h4 {font-size: 1em; margin: 0px; padding: 0px;}
.itemitem2 a {background-image: url(../img/table.gif); background-repeat: no-repeat;  color: #597F9A; display: block; margin: 5px 0px 0px 0px; text-decoration: none; padding: 0px 0px 0px 17px;}
.itemitem2 a:hover {color: #1C84CC; text-decoration: underline;}
.itemitem2 p {margin: 10px 0px 0px 0px !important;}
.itemitem2 img {margin: 0px 10px 0px 0px !important;}