html {
	font: 14px Arial, Helvetica, sans-serif;
	/* Elimina el efecto bold en Safari */
	color: #7a7a7a;
}

body {
	text-align: center;/* Hack para que IE6 no de problemas */
	background: #e4e7e9;
}

form{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

a{
	color: #666666;
	text-decoration:none;
	outline-color: #ffffff;
}

a:hover{
	color: #006699;
	text-decoration: none;
}


/* ****************** */
/* ****    WEB   **** */
/* ****************** */


#container-web{
	width:100%;
	background: #acb6bc;
}
#container-footer{
	height:415px;
	width:100%;
}
#contenido-web{
	width: 926px;
	/*background: #ffffff url(../imagenes/work-home.jpg) no-repeat top;*/
	background: #fff;
	margin: 0 auto 0 auto;
	text-align: left;
	overflow: hidden;
	padding-left: 9px;
	padding-right: 8px;
	padding-bottom: 13px;
}
#contenido-footer{
	width:926px;
	background: #004899 url(../imagenes/img-footer-fondo.gif) no-repeat top;
	margin: 0 auto 0 auto;
	padding: 0 8px 0 9px;
	text-align: left;
	overflow: hidden;
}
#contenido-firma{
	background:#003373; 
	width: 943px;
	margin: 0 auto 35px auto;
	color: #fff;
	font-size: 10px;
	line-height: 29px;
}
#contenido-firma a{
	color: #ffffff;
	text-decoration: underline;
}
#contenido-firma a:hover{
	text-decoration: none;
}

/*---------- cabecera ----------*/
#cabecera{
	width: 100%;
	overflow: hidden;
}

ul.datos-contacto{
	list-style-type:none; 
	margin:0; 
	padding:0;
	float:right;
}
ul.datos-contacto li{
	display: inline;
	float: left;	
	margin: 0;
	padding: 0;
	line-height: 14px;
	color: #0051a0;
	font-size: 11px;
}
ul.datos-contacto li a{
	text-decoration: none;
	color: #4480b9;
}
ul.datos-contacto li a:hover{
	text-decoration: underline;
	color: #333;
}
ul.datos-contacto li.telefono{
	background: url(../imagenes/ico-telefono.gif) no-repeat;
	padding-left: 18px;
	font-size: 12px;
}
ul.datos-contacto li.mail{
	background: url(../imagenes/ico-email.gif) no-repeat;
	padding-left: 20px;
}
ul.datos-contacto li.faq{
	background: url(../imagenes/ico-faq.gif) no-repeat;
	padding-left: 18px;
	font-weight: bold;
}
ul.datos-contacto li.rss{
	background: url(../imagenes/ico-rss.gif) no-repeat;
	padding-left: 19px;
	font-weight: bold;
}
ul.datos-contacto li.separador{
	padding: 0 7px 0 7px;
	font-size: 12px;
	line-height: 12px;
	color: #5a8ec2;
}

#cabecera .logo-gremi{
	width:199px; 
	height:254px; 
	float:left;
}
#cabecera .datoscontacto-menu{
	width:727px; 
	height:231px; 
	margin-top:23px; 
	float:right;
}
#cabecera .barra-datos-contacto{
	width:100%; 
	text-align:right;
	overflow:hidden;
}
#cabecera .barra-datos-contacto input{
	width: 98px;
	border: 0px solid #c0c0c0;
	background: #cccccc;
	font: normal normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin-top: 1px;
}
#cabecera .barra-datos-contacto input.boton{
	width: 19px;
	height: 15px;
	border: 0;
	padding: 0;
	margin: 0;
}
#cabecera #imagen-menu{
	margin-top: 5px;
	background: green url(../imagenes/banner-cabecera.jpg) no-repeat top;
	height: 209px;
}

/*---------- cabecera ----------*/

/*---------- columna izquierda ----------*/

.box-top{
	height:29px;
}
.box-blue-body{
	background: url(../imagenes/img-box-pieazul.gif) no-repeat bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.box-blue-contenido{
	border-left: 1px solid #0099ff;
}
.box-blue-contenido ul{
	margin:0 6px 0 8px; 
	padding:4px 0 0 0; 
	list-style-type:none;
}
.box-blue-contenido ul li{
	margin: 2px 0 2px 0;
	padding: 2px 0 5px 0;
	font-size: 12px;
	line-height: 16px;
	background: url(../imagenes/ico-listas-cubo.gif) no-repeat left top;
	padding-left: 13px;
	border-bottom: 1px solid #D1DDF0;
}
.box-blue-contenido ul li.final{
	border-bottom: 0px;
}
.box-gris-body{
	background: url(../imagenes/img-box-piegris.gif) no-repeat bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.box-gris-contenido{
	border-left: 1px solid #7f7f7f;
}
.box-gris-contenido ul{
	margin:0 0 0 8px; 
	padding:4px 0 0 0; 
	list-style-type:none;
}
.box-gris-contenido ul li{
	margin: 2px 0 2px 0;
	padding: 2px 0 5px 0;
	font-size: 12px;
	line-height: 14px;
	background: url(../imagenes/ico-listas-cubo.gif) no-repeat;
	padding-left: 13px;
	border-bottom: 1px solid #D1DDF0;
}
.box-gris-contenido ul li.final{
	border-bottom: 0px;
}

/*---------- columna izquierda ----------*/

/*---------- columna derecha ----------*/

#columna-derecha{
	margin: 0 auto 0 auto; 
	width: 220px;
}
#columna-derecha .banner-patrocinados{
	background:url(../imagenes/fondo-patrocinadores.gif) no-repeat; 
	width: 220px; 
	height: 96px;
	margin-bottom: 9px;
}
#columna-derecha .banner-patrocinados .contenido{
	width: 218px; 
	height: 77px; 
	padding:18px 1px 1px 1px;
}
#columna-derecha .usuaris-registrats{
	background:url(../imagenes/img-fondo-usuarisregistrats.gif) no-repeat;  
	height:76px; 
	padding: 36px 1px 0 1px;
}
#columna-derecha .usuaris-registrats table, #columna-derecha .cercador table{
	margin-left: 10px;
}
#columna-derecha .usuaris-registrats .oblidat a{
	text-transform: uppercase;
	color: #000000;
	text-decoration: underline;
	font-size: 9px;
}
#columna-derecha .usuaris-registrats .oblidat a:hover{
	color: #969696;
	text-decoration: none;
}
#columna-derecha .usuaris-registrats .boton-login{
	width: 27px;
	height: 16px;
	border: 0px;
}
#columna-derecha #ultimes-noticies{
	background:url(../imagenes/img-fondo-ultimesnoticies.gif) no-repeat;  
	height:168px; 
	padding: 32px 1px 0 1px;
	font-size: 12px;
}
#columna-derecha #ultimes-noticies .ficha-noticia-preview{
	width: 95%;
	margin-left: 6px;
	margin-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	border-bottom: 1px dotted #999;
}
#columna-derecha #ultimes-noticies .ficha-noticia-preview a.bold{
	font-weight: bold;
}
#columna-derecha .format{
	width: 54px;
	height: 54px;
	padding: 5px;
	text-align: center;
	color: #333;
}
#columna-derecha .cercador{
	background:url(../imagenes/img-fondo-cercador-instaladors.gif) no-repeat;  
	height:115px; 
	padding: 32px 1px 0 1px;
}
#columna-derecha .cercador .texto{
	font-size: 10pt;
	margin-left: 10px;
	margin-top: 3px;
	font-weight: normal;
	line-height: 12pt;
}
#columna-derecha ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#columna-derecha ul li{
	margin: 0;
	padding: 0;
}

#columna-derecha .banner-inferior{
	margin-top: 9px;
}
/*---------- columna derecha ----------*/

/*---------- contenido secciones ----------*/

#contenido-secciones{
	width:464px; 
	margin:0 auto 0 auto;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 13px;
	color: #666666;
	line-height: 18px;
	/*text-align: justify;*/
	overflow: hidden;
}
#contenido-secciones h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #006699;
	margin-bottom: 6px;
	line-height: 24px;
}
#contenido-secciones h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006699;
	margin-bottom: 14px;
	line-height: 16px;
}
#contenido-secciones h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #006699;
	margin-bottom: 7px;
	line-height: 22px;
}
#contenido-secciones h2.rayado{
	border-bottom: 1px solid #999;
}
#contenido-secciones p{
	margin-bottom: 18px;
}

/*---------- contenido secciones ----------*/

/*---------- index ----------*/

.presentacion{
	padding-bottom:8px; 
	margin-bottom:12px; 
	border-bottom: 1px dotted #999999;
	font-size: 12px;
}
.presentacion img{
	float: left;
	margin-right: 15px;
	margin-top: 3px;
}
#index-actualidad{
	background: #ebebeb;
	width: 100%;
	margin-bottom: 12px;
}
.actualidad-contenido{
	margin-top: 8px;
	padding: 8px;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
	border-bottom: 1px dotted #999999;
}
.azul{
	background: #D1E0FA;
}
.actualidad-contenido .foto{
	float:left;
}
.actualidad-contenido .texto{
	float:right; 
	width:340px;
}
.actualidad-contenido .texto-sinfoto{
	/*float:right; */			
	/*width:340px;*/
}
.actualidad-contenido .texto-destacado{
	float:right; 
	width:237px;
}
#index-seminaris-cursos{
	width:100%; 
	overflow:hidden;
	margin-bottom: 15px;
}
#index-seminaris-cursos .seminaris{
	width:48%; 
	float:left;
}
#index-seminaris-cursos .seminaris-contenido, #index-seminaris-cursos .cursos-contenido{
	color:#333; 
	padding-bottom:7px;
	margin-top: 10px;
	border-bottom:1px dotted #999;
	font-size: 12px
}
#index-seminaris-cursos .cursos{
	width:48%; 
	float:right;
}

/*---------- index ----------*/

/*---------- pie de pagina ----------*/

#piedepagina{
	width: 100%;
	color: #fff;
	height: 269px;
}
#piedepagina h2{
	font-size: 16px;
}
#piedepagina h4{
	font-size: 12px;
}
#piedepagina .localizacion{
	padding: 5px 0 0 7px;
}
#piedepagina .localizacion-mapa{
	margin-top: 24px;
}
#piedepagina .localizacion-mapa-cornella{
	margin-top: 7px;
}
#piedepagina a{
	color: #fff;
	text-decoration: underline;
}
#piedepagina a:hover{
	text-decoration: none;
}
#piedepagina .separador{
	width:1px; 
	height:253px; 
	line-height:1px; 
	font-size:1px; 
	background: #99ccff;
	margin-top: 9px;
}
#piedepagina .entidades{
	padding: 5px 0 0 9px;
}
#piedepagina .entidades h3{
	font-variant: small-caps;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
#piedepagina .entidades table{
	margin-top: 18px;
}
#piedepagina .entidades ul{
	list-style-type: none;
	margin:0;
	padding:5px 0 0 0;
}
#piedepagina .entidades ul li{
	font-size: 10px;
}
#piedepagina .contacta{
	padding: 5px 0 0 14px;
	font-size: 11px;
}
#piedepagina .contacta .texto1{
	margin-top: 18px;
	font-size: 11px;
	font-weight: bold;
}
#piedepagina .contacta .direccion{
	margin-top: 8px;
	line-height: 12px;
}
#piedepagina .contacta .email{
	margin-top: 8px;
	font-size: 14px;
}
#piedepagina .contacta .gmap{
	margin-top: 21px;
}
#piedepagina .contacta .redes-sociales{
	list-style-type: none;
	margin: 12px 0 0 0;
	padding: 0;
}
#piedepagina .contacta .redes-sociales li{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 18px;
}
#piedepagina .contacta .redes-sociales li.facebook{
	background: url(../imagenes/ico-footer-facebook.gif) no-repeat;
	padding-left: 24px;
}
#piedepagina .contacta .redes-sociales li.rss{
	background: url(../imagenes/ico-footer-rss.gif) no-repeat;
	padding-left: 24px;
}
#piedepagina .contacta .redes-sociales li.blog{
	background: url(../imagenes/ico-footer-blog.gif) no-repeat;
	padding-left: 24px;
}
.sitemap{
	line-height: 19px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	color: #fff;
}
.enlaces-sitemap{
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	width: 100%;
	overflow: hidden;
}
.enlaces-sitemap a{
	color: #fff;
	text-decoration: underline;
}
.enlaces-sitemap a:hover{
	text-decoration: none;
}
UL.serveis-gremi{
	PADDING: 0;
	FLOAT: left;
	MARGIN: 15px 0px;
	WIDTH: 100%;
	LIST-STYLE-TYPE: none;
}

UL.serveis-gremi LI{
	DISPLAY: inline;
	FLOAT: left;
	WIDTH: 13%;
	PADDING: 2px;
}

/*---------- pie de pagina ----------*/

/*---------- globales ----------*/
#cabecera-tabla-contenidos{
	width: 100%; 
	height:23px; 
	background: url(../imagenes/img-marcogris-top.gif) no-repeat top;
}
#fondo-tabla-contenidos{
	background: url(../imagenes/img-marcogris-fondo.gif) repeat-y top;
	width: 100%;
}
#piepagina-tabla-contenidos{
	width: 100%; 
	height:9px; 
	background: url(../imagenes/img-marcogris-bottom.gif) no-repeat top;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
input.login {
	border:1px solid #CCCCCC;
	color:#666666;
	font-family:Arial,Verdana,Helvetica;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:15px;
	padding-left:4px;
	text-decoration:none;
	text-transform:none;
	width:120px;
}
input.newsletter {
	border:1px solid #CCCCCC;
	color:#666666;
	font-family:Arial,Verdana,Helvetica;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:15px;
	padding-left:4px;
	text-decoration:none;
	text-transform:none;
	width:195px;
}
label.login, label.label-cercador {
	font-size: 12px;
	font-weight:bold;
	line-height:17px;
	padding-right:5px;
	color: #0b283d;
}
select.cercar-instalador {
	border:1px solid #CCCCCC;
	color:#666666;
	font-family:Arial,Verdana,Helvetica;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-decoration:none;
	text-transform:none;
	width:190px;
}
.resalta-azul-bold{
	font-weight: bold;
	color: #006699;
}
.link-azul{
	color: #006699;
}
.link-azul:hover{
	text-decoration: underline;
	color: #666666;
}
.subtitulo-negro{
	font-size: 16px;
	color: #3A3A3A;
}
.noticia-fecha{
	margin-bottom: 6px;
}
ul.lista-simple{
	margin:0; 
	padding: 0 0 15px 15px;
}
p{
	margin: 0;
	padding: 0;
}
ul.lista-doscolumnas{
	PADDING: 0;
	FLOAT: left;
	padding: 0;
	MARGIN: 0 0 15px 0;
	WIDTH: 100%;
	LIST-STYLE-TYPE: none
}
ul.lista-doscolumnas li{
	DISPLAY: inline;
	FLOAT: left;
	WIDTH: 49%;
	PADDING: 2px;
	margin: 0 0 10px 0;
}
.icono-flecha{
	background: url(../imagenes/ico-listas-flecha.gif) no-repeat left center;
	padding-left: 14px;
}
.texto12{
	font-size: 12px;
}
.justify{
	text-align: justify;
}
.datos-fecha{
	font-weight: bold;
	display: block;
}
a.datos-titulo, a.datos-titulo:active, a.datos-titulo:visited{
	color: #006699;
	font-weight: bold;
	text-decoration: none;
	display: block;
	font-size: 14px;
	margin-bottom: 4px;
}
a.datos-titulo:hover{
	text-decoration: underline;
}
a.datos-titulo-gris, a.datos-titulo-gris:active, a.datos-titulo-gris:visited{
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
}
a.datos-titulo-gris:hover{
	text-decoration: underline;
	color: #006699;
}
a.datos-masinfo{
	display: block;
	margin-top:4px;
	color: #333333;
}
a.datos-masinfo:hover{
text-decoration: underline;
}
a.datos-masnews, a.datos-masnews:active, a.datos-masnews:visited{
	color: #006699;
	text-decoration: none;
	display: block;
	padding: 2px;
}
a.datos-masnews:hover{
	text-decoration: underline;
}
.contenidos-volver{
	padding:4px 0 8px 0;
	border-top: 1px solid #888;
}
.contenidos-volver a,.contenidos-volver a:link,.contenidos-volver a:visited{
	color: #006699;
	font-weight: bold;
}
.contenidos-volver a:hover{
	color: #888;
}
/*---------- globales ----------*/

/*---------- calendario ----------*/
	#calendario {width:205px; font-size:13px;}
	#calendario .encabezadoCalendario {display:none;}
	#calendario div.tabla {position:relative; width:205px; padding-bottom:26px;}
	#calendario p {display:none;}
	#calendario ul {list-style:none;}
	#calendario ul span {display:none;}
	#calendario table {border:1px solid #bbb; border-collapse: separate; border-spacing: 0; border-width:0px 0 0 0px; width:205px;}
	#calendario table caption span {display:none;}
	#calendario table thead th { height:20px; background-color: #EAEAEA; border:1px solid #bbb; border-width:0 0px 0px 0px ; color:#00b9ff; text-align: center;}
	#calendario table tbody td {border:0px solid #bbb; border-width:0 0px 0px 0 ; text-align:center;}
	#calendario table tbody td .enlace {display:block;}
	#calendario table tbody td.diaNulo {color:#ccc;}
	
	#calNavMeses li:first-letter {text-transform:uppercase;}
	#calNavMeses li {position:absolute; top:0; }
	#calNavMeses li a {display:block; height:16px; width:16px;}
	#calNavMeses li.anterior a {background:url(go-previous.png) no-repeat 0 0;}
	#calNavMeses li.siguiente a {background:url(go-next.png) no-repeat 0 0;}
	
	#calNavYears li {bottom:0; position:absolute;}
	
	#calendario ul li.anterior {left:0;}
	#calendario ul li.siguiente {right:0;}
	
	#calendario a {color:#0000EE; text-decoration:none;}
	#calendario a:hover {color:#F7941D;}
	#calendario table tbody td.fechaHoy a {background-color:#ccc; color:#585858;}
	#calendario table tbody td.fechaSeleccionada a {background-color:#585858; color:#fff;}
	
	#opciones {border:1px solid #ccc; border-width:1px 0; margin:20px 0; padding:10px 0;}
	#opciones p {font-size:14px;}
	#opciones ul {list-style:none;}
	
	#commons {font-size:11px;margin-top:32px; padding-bottom:16px; text-align:center;}
	
	#opciones a, #contenedor #commons a {color:#0000EE; text-decoration:none;}
	#opciones a:hover, #contenedor #commons a:hover {color:#F7941D;}
/*---------- calendario ----------*/

/*---------- revista del gremi ----------*/
.texto-revistas{
	float:right; 
	width:83px;
	margin-top: 45px;
}
/*---------- revista del gremi ----------*/

#formulario input{
	width: 210px;
	margin-bottom: 8px;
	border: 1px solid #c0c0c0;
}
#formulario input.largo{
	width: 265px;
}
#formulario input.checkbox,#formulario input.radio {
	width: 25px;
	border: none;
}
#formulario select {
	width: 210px;
	margin-bottom: 8px;
	border: 1px solid #c0c0c0;
}
#formulario textarea {
	width: 210px;
	height: 90px;
	margin-bottom: 8px;
	overflow: auto;
	border: 1px solid #c0c0c0;
}
#formulario textarea.largo{
	width: 265px;
}
#formulario label {
	display: block;
	float: left;
	text-align: left;
	width: 60px;
	padding-right: 5px;
	font: normal normal bold 10pt/17pt Arial, Helvetica, sans-serif;
}
#formulario br {
	clear: left;
}
#formulario .enviar {
	margin-top: 15px;
	width: 90px;
	border: 1px solid #c0c0c0;
}