@charset "utf-8";
/* CSS Document */
img, div { behavior: url(iepngfix.htc)}	
*{
	margin:0px;
	padding:0px;
}
body{
	color:#333333;
	background-color:#A00000;
	background-image:url(../img/grupdem-fondo.jpg);
	font-size:12px;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:visible;
	background-repeat:repeat-x;
	text-align:left;
}
.colordefondo{
	height: 100%;
	width:750px;
	margin:auto;
	background-color:#ECECEC;
/*	padding-bottom:900px;*/
}
.menu-top{
	background-image:url(../img/menu-top.png);
	background-repeat:repeat-x;
	height:55px;
	width:100%;
	z-index:600;
	position:absolute;
	left:0px;
	top:auto;
}
.menu-top ul{
	width:750px;
	margin:auto;
	text-align:right;
	padding-top:5px;
}
.menu-top li{
	list-style:none;
	display:inline;
	padding-right:15px;
	padding-left:15px;
	color:#990000;
	border-right:#990000 solid 1px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
}
.grupdem{
	width:321px;
	height:265px;
	overflow:hidden;
	background-color:#8D0000;
	color:#FFFFFF;
	position:absolute;
	top:auto;
	z-index:500;
}
.cabecera{
	background-image:url(../img/fondo-cabecera.jpg);
	background-repeat:repeat-x;
	height:237px;
	text-align:right;
}
.menu{
	background-image:url(../img/fondo-menu.jpg);
	background-repeat:repeat-x;
	height:60px;
	margin-top:28px !important;
	margin-top:0px;
	padding-left:5px;
}
.menu span a{
	text-decoration:none;
	float:left;
	padding-left:5px;
	padding-right:8px;
	font-size:11px;
}
.menu a, .menu a:hover{
	color:#333333;
	padding-top:25px;
}
.menu a{
	background-image:url(../img/menu-off-grupdem.jpg);
}
.menu a:hover{
	background-image:url(../img/menu-on-grupdem.jpg);
}
#entitat a{ width:35px; margin-right:5px; }
#centre-ocupacional a{ width:70px; margin-right:5px; }
#centre-de-treball a{ width:110px; margin-right:5px; }
#suport-autonomia a{ width:158px; margin-right:5px; }
#trencadis a{ width:69px; margin-right:5px; }
#noticies a{ width:45px; margin-right:5px; }
#lleure a, #contactar a, #brush-3 a{width:55px; margin-right:5px; }
.elcentrador{
	width:750px;
	margin:auto;
}
.elcontenedor{
	background-color:#F2F2F2;
	color:#333333;
}
.contacta{
	width:176px;
	height:260px;
	overflow:hidden;
	background-image:url(../img/contacta.jpg);
}

.elcontenido{
	background-color:#F2F2F2;
	color:#333333;
}
.elseparador{
	width:100%;
	clear:both;
	height:10px;
}
.padding_destacados{
	padding:10px 15px 10px 20px;
}
.padding_benvinguts{
	padding:0px 15px 0px 16px;
}
.padding10px{
	padding:10px;
}
.padding20px{
	padding:20px 15px 20px 20px;
}
.contenedordestacados{
	width:500px;
	padding-left:25px;
	margin-top:20px;
}

.destacado{
	width:215px;
	height:255px;
	overflow:hidden;
	float:left;
	margin:2px;
	background-image:url(../img/fondo-destacados.jpg);
	margin-right:15px;
	
}
.destacado500{
	width:530px;
	height:150px;
	overflow:hidden;
	margin:2px;
	background-image:url(../img/fondo-destacados500.jpg);
	/*margin-right:15px;*/
	float:left;
}

.benvingut{
	width:160px;
	height:580px;
	overflow:hidden;
	background-image:url(../img/fons_benvinguts.jpg);
}
.presentacion{
	background-image:url(../img/fondo-texto.jpg);
	background-repeat:no-repeat;
	width:525px;

width:520px;
overflow:hidden;
	float:left;
	margin:2px;
	margin-left:21px!important;
}
.Centre_Ocupacional{
	background-image:url(../img/fondo-texto1.jpg);	background-repeat:repeat-y;
	width:540px;
	height:100%;
	float:left;
	margin:2px;
	margin-left:21px!important;
}
.ocupacional_dreta{
	width:160px;
	height:100%;
	overflow:hidden;
	/*background-image:url(../img/ocupacional.jpg);*/

}
.Entitat{
	background-image:url(../img/fondo-texto1.jpg);
	background-repeat:repeat-y;
	width:540px;
	height:100%;
	float:left;
	margin:2px;
	margin-left:21px!important;
}
.Entitat_dreta{
	width:160px;
	height:100%;
	overflow:hidden;
	background-image:url(../img/fons_entitat.jpg);
}

.CET{
	background-image:url(../img/fondo-texto1.jpg);
	background-repeat:repeat-y;
	width:540px;
	height:100%;
	float:left;
	margin:2px;
	margin-left:21px!important;
}
.CETimatges{
	width:420px; 
	overflow:hidden; 
	float:left;
}
.CET_dreta{
	width:160px;
	height:100%;
	overflow:hidden;
	background-image:url(../img/fondo-derecha.jpg);
}


.ssapll{
	background-image:url(../img/fondo-texto1.jpg);
	background-repeat:repeat-y;
	width:540px;
	height:100%;
	float:left;
	margin:2px;
	margin-left:21px!important;
}
.ssapll_dreta{
	width:160px;
	height:100%;
	overflow:hidden;
	/*background-image:url(../img/ocupacional.jpg);*/

}

.grupo{
	background-image:url(../img/fondo-texto1.jpg);
	background-repeat:repeat-y;
	width:540px;
	height:100%;
	float:left;
	margin:2px;
	margin-left:21px!important;
}
.grupo_dreta{
	width:160px;
	height:100%;
	overflow:hidden;
	/*background-image:url(../img/ocupacional.jpg);*/


}
.Trencadis{
	background-image:url(../img/fondo-texto1.jpg);	background-repeat:repeat-y;
	width:540px;
	height:100%;
	float:left;
	margin:2px;
	margin-left:21px!important;
}
.Trencadis_dreta{
	width:160px;
	height:100%;
	overflow:hidden;
	/*background-image:url(../img/ocupacional.jpg);*/

}
.noticies{
	background-image:url(../img/fondo-texto1.jpg);
	background-repeat:repeat-y;
	width:540px;
	height:100%;
	float:left;
	margin:2px;
	margin-left:21px!important;
}
.noticies_dreta{
	width:160px;
	height:100%;
	overflow:hidden;
	/*background-image:url(../img/fons_entitat.jpg);*/
}
.contactar{
	background-image:url(../img/fondo-texto1.jpg);
	background-repeat:repeat-y;
	width:540px;
	float:left;
	margin:2px;
	margin-left:21px!important;
}
.mapa{
	background-image:url(../img/fondo-texto1.jpg);
	background-repeat:repeat-y;
	width:540px;
	height:500px;
	/*float:left;*/
}
.pie{
	width:750px;
	margin:auto;
	background-color:#FEFEFE;
	color:#333333;
	text-align:center;
}
.mantenimientowWeb{
	text-align:right;
	padding-top:18px;
	color: #000000;
	font-size:11px;
}
.noticias{
	/*text-align:right;*/
	color: #000000;
	font-size:11px;
}
input{
	border:1px solid grey;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	margin-top:5px;
}
#submit{
	color:#666666;
	background-color:#333333;
	border:0px;
	background-image:url(../img/fondo-menu.jpg);
	background-repeat:repeat-x;
	float:right;
	margin-right:10px;
	padding:3px;
}
#submit a:hover{
	color:#FFFFFF;
	background-color:#333333;
}
.requadre{
	padding:15px;
	border:#990000 solid 2px;
	color: #990000;
	text-align:center;
}
.Estilo2 {font-size: 18px}
.Estilo5 {color: #990000}