/* Estils per defecte */
body {
	padding: 0;
	background-color: #3A403C;
	margin: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#3A403C;
}
h1 {
	 font-size: 1.4em;
	 color: #3A403C;
	 margin:0 0 1em 0;
	 padding:0;
	 font-weight:bold;
	}
h1.estil1 {
	font-size: 1.8em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
h2 {
	 font-size: 1.3em;
	 color: #3A403C;
	 margin:0;
	 padding:0 0 .3em 0;
	 font-weight:bold;
	}
h3 {
	font-size: 1em;
	color: #3A403C;
	padding: 0;
	margin:0;
	}
p {
	font-size: 1.0em;
	line-height: 1.6em;
	margin: 0em 0em 1.2em 0em;
	}
img {
	border:0;
	}
A:link {
	font-weight: bold;
	color: #FF6400;
	}
A:hover {
	font-weight:bold;
	color: #FF6400;
	}
A:visited {
	font-weight: bold;
	color: #FF6400;
	}
ul.list {
	margin:0;
	padding:0 0 0 20px;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 1.6em; 
	}
li.list {
	list-style:url(../img/misc/bullet.gif);
	}

/* Estils Construcció */
#contenidor {
	background-color:#FFFFFF;
	width: 780px;
	margin:auto;
	}
#capcalera {
	background:#FF6400 url(../img/misc/capcalera_fons.gif) top left no-repeat;
	height: 5.2em;
}
#logo{
	float: left;
	width: 20em;
}
#navAjuda1 {
	float: right;
	width:40em;
	margin:1.7em 2em 0 0;
	text-align:right;
	}
	#navAjuda1 ul li {
		display: inline;
		list-style-type: none;
		padding: 0;
		}
	#navAjuda1 ul a {
		font-weight:normal;
		text-decoration: none;
		color:#ffffff;
		}
	#navAjuda1 ul .barra {
		color:#3A403C;
		margin:0 1em 0 1em;
		}
#cos {
	clear:both;
	background:#FFFFFF url(../img/misc/cos_fons.gif) top right repeat-y;
	}
#navPrincipal {
	background: url(../img/misc/navprincipal_fons.gif) bottom left repeat-x;
	padding-bottom:8px;
	width:772px;
	}
#contingut {
	margin:0 9px 0 2em;
	padding:2em 1.5em 2em 0;
	}
#contingut1 {
	margin:0 8px 0 0;
	padding:2em 0 2em 0;
	}
.cajaColumnas {
		clear:both;
		margin-bottom: 4em;
		}
	.columna2a {
		width:430px;
		float:left;
		}
	.columna2b {
		text-align:right;
		float:right;
		width:270px;
		}
.cajaColumnas1 {
		clear:both;
		margin:0;
		padding:0 0 2em 0;
		}
	.cajaColumnas1 .columnaFoto1 {
		width:332px;
		float:right;
		text-align:right;
		}
	.cajaColumnas1 .columnaFoto2 {
		width:332px;
		float:left;
		text-align:left;
		}
	.cajaColumnas1 .columnaInfo1 {
		float:left;
		width:408px;
		padding:0 0 0 20px;
		}
	.cajaColumnas1 .columnaInfo2 {
		float:right;
		width:408px;
		padding:0 20px 0 0;
		}
#peuPagina {
	padding:2em 1.5em 1.5em 1.5em;
	text-align:center;
	font-size:0.8em;
	clear:both;
	color:#AAAAAA;
	background:#3A403C url(../img/misc/peupagina_fons.gif) top left no-repeat;
	}
#peuPagina a {
	font-weight: normal;
	color:#AAAAAA;
	}

/* Estils Portada */
#ajudaOnline {
	margin:0 1em 0 0;
	float:left;
	}
#contingutPortada {
	margin:0 9px 0 0;
	padding:2em 1.5em 0 0;
	/*background:url(../img/misc/contingut_fons.jpg) bottom right no-repeat;*/
	}
#promoPortada {
	padding:0 0 3em 18px;
	}
#introPortada {
	}
	#introPortada #colA {
		width:45%;
		padding:0 0 10px 1.7em;
		float:left;
		text-align:justify;
		}
	#aliado{
		position:relative;
		top:10px;
		left:0px;
	}
	#logowin{
		position:relative;
		top:50px;
		left:125px;
	}
	#logosql{
		position:relative;
		top:-40px;
		left:243px;
		margin-bottom:-40px;
	}
	#logowincat{
		position:relative;
		top:85px;
		left:125px;
	}
	#logosqlcat{
		position:relative;
		top:-5px;
		left:243px;
		margin-bottom:-40px;
	}
	#introPortada #colB {
		width:48%;
		float:right;
		}
	#logooffice{
		position:relative;
		top:20px;
		left:20px;
	}
	#logoayuda{
		position:relative;
		top:-40px;
		left:200px;
		margin-bottom:-30px;
	}
	#introPortada h2 {
		padding:0;
		margin:0;
		}
	.introFonsEs {background:url(../img/misc/contingut_fons_inv.jpg) bottom left no-repeat;}
	.introFonsCat {background: url(../img/misc/contingut_fons_inv.jpg) bottom left no-repeat;}
.noticies {
	padding:0 0 1.5em 0;
	background:url(../img/portada/noticiesbaix_fons.gif) bottom left repeat-y;
	}
	#contingutPortada .noticies h2 {
	font-weight: bold;
	padding:27px 0 27px 75px;
	background:url(../img/portada/noticiestitul_fons.jpg) top left no-repeat;
	}
	.noticiesTexte {
		padding:0 1.5em 1em 1em;
		width:323px;
		overflow: auto;
		}
	#introPortada .noticiesTexte a {
		color:#333333;
		}
	.noticiesTexte h3 {
		padding: 0 0 0 1.3em;
		background:url(../img/portada/icone_noticia.gif) center left no-repeat;
		font-size:1em;
		margin: 0;
		}
	.noticiesTexte h4 {
		padding: 0 0 0 1.3em;
		background:url(../img/portada/logo_CDM.gif) center left no-repeat;
		font-size:1em;
		margin: 0;
		}
	.noticiesTexte .noticiesData {
		font-weight: normal;
		margin:0 0 0 20px;
		}
	.noticiesTexte p {
		padding: 0 0 0 1.3em;
		}
.subPromoPortada {
	margin:0 0 2em 0;
	}

/* Estils generals */
.acercade {
	background:url(../img/misc/acercade_fons.jpg) bottom right no-repeat;
	}
.alinear1 {
	text-align: right;
	}
.amaga, a.salta, #navPrincipal ul {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}
.caractDestacada {
	border:#ccc 1px solid;
	padding:1em;
	}
	.caractDestacada h2 {
		 margin-bottom:.6em;
		 }
.clear {clear:both;}
.clear1 {clear:both; height:1em;}
.destacamos {
	margin:0 0 .6em 0;
	}
.enllacVideo {display:block;margin:0 3em 3em 0;}
	.enllacVideo img {vertical-align:middle;}
img.marcImg {border:#999999 1px solid;}
/*A:link {text-decoration:none; color:#3A403C; font-weight:normal; color-hover:}*/
.fraseIntro {
	margin:0 0 1.5em 0;
	}
.fotoTexte {
	float:left;
	margin:0 10px 0 0;
	border:#FF6400 1px solid;
	}
.linkBoto {
	text-decoration:none;
	font-weight:bold;
	line-height:3em;
}
.linkBoto img {
	vertical-align: middle;
	margin:0 0 0 .6em;
}
a.mas{background: url(../img/botons/mas.gif) right 3px no-repeat; height:1%; padding:0 1.4em 0 0;}
a.doc{background: url(../img/botons/doc.gif) right 3px no-repeat; height:1%; padding:0 1.4em 0 0;}
a.contacto{background: url(../img/botons/contacto.gif) right 3px no-repeat; height:1%; padding:0 1.8em 0 0;}

a:hover.linkBoto {
	text-decoration:none;
	font-weight:bold;
}
.separacio {
	margin-bottom:4em;
	}
/* Formularis */
form, label, input {
	font-size: 1em;
	}
input {
	border:1px solid #999;
	}
fieldset {
	border:0;
	}
label { 
    display: block; 
    margin: .7em 0 .2em 0;
     }
body#noticia {
	background:#fff url(../img/misc/noticia_fons.jpg) bottom right no-repeat;
	line-height:1.7em;
	}
#noticiaCapcalera {
	background:url(../img/misc/noticiatitul_fons.jpg) bottom left repeat-x;
	padding:20px 15px 20px 15px;
	}
	#noticiaCapcalera h1 {
		font-size:1.3em;
		color:#3e3e3e;
		width:365px;
		float:left;
		padding: 0 0 0 1em;
		}
	#noticiaCapcalera .data {
		float:right;
		}
#noticiaCos {
	margin:27px 15px 15px 15px;
	}
	#noticiaCos img {
		float:left;
		margin:0 16px 0 0;
		}
textarea {
	border:1px solid #999;
	}
select {
	border:1px solid #999;
	margin-bottom:10px;
	}
input.btnformulario {
	margin:0;
	width: auto !important;
	padding: 2px 0.2em !important;
	/*background: #CCC url(../i/misc/btnformulario_fnd.gif) repeat-x top;*/
	font-weight: bold;
	font-size: 85%;
	color: #000;
	border:1px solid #999;
	}
.feedback {
	background-color:#FF0000;
	color:#FFFFFF;
	padding:0.2em 0.4em 0.2em 0.4em  ;
}

/*-- Estils Errors Navegador --*/
.clearfix:after, .caractDestacada:after, #contingut:after, .cajaColumnas1:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .caractDestacada, #contingut, .cajaColumnas1 {display: inline-block;}
* html .clearfix, html .caractDestacada, html #contingut, html .cajaColumnas1 {height: 1%;}
.clearfix, .caractDestacada, #contingut, .cajaColumnas1 {display: block;}	
.clearfix:after, #noticiaCapcalera:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #noticiaCapcalera {display: inline-block;}
* html .clearfix, html #noticiaCapcalera {height: 1%;}
.clearfix, #noticiaCapcalera {display: block;}	