@charset "utf-8";
/* CSS Document */

body{
	font-family: 'Roboto', sans-serif;
	padding:0;
}
a {
	text-decoration: none;
}
.bold{
	font-weight: bold;
}

/********************************************* CLASES ***************************************************/

.linksub{
	text-decoration:underline;
	color:#1170ff;
}

.barradivisoria{
	height:15px;
	display:block;
	width:1000px;
	
}

.doblecarrusel{
	width:375px !important;
	
}
/********************************************* HEADER ***************************************************/

#header{
	width:1000px;
	margin: 0 auto;
	height:157px;
}

#capsalera{
	width:1000px;
	height:35px;

}

#logoGene{
	height:30px;
	width:116px;
	float:left;
	margin-top:4px;
}

#logoAj{
	height:35px;
	width:129px;
	float:left;
	position:relative;
	left:560px;
}

#idiomaCat{
	font-size:12px;
	float:right;
	margin-right:10px;
	color:#2D2D2D;	
}

#idiomaEsp{
	font-size:12px;
	float:right;
	border-left:1px solid #d1d0d0;
	padding-left:10px;
	margin-right:40px;
	color:#2D2D2D;	
}


#menu{
	width:1000px;
	height:89px;
	background-color:#ed1b24;
	position:relative;
	margin-top:-13px;
}

#menu p{
	color:#FFF;
	font-size:22px;
	font-weight:500;
	position:relative;
	top:35px;
	left:60px;
}

#menu ul{
	width:400px;
	height:40px;
	list-style:none;
	position:relative;
	right:-560px;
	bottom:-1px;
}


#menu ul li{
	font-size:13px;
	font-weight:600;
	display:table-cell;
	width:88px;
	height:40px;
	padding-left:0px;
	padding-right:0px;
	color:#FFF;
	text-align:center;
	line-height:17px;
}

.seleccionat{
	background-color:#FFF;
	height:40px;
	width:88px;
	color:#ed1b24 !important;
	
}

#menu ul li a {color:#fff;text-align: center; text-decoration:none}


.bordermenu{
	border-left:1px solid #FFF;
}


/********************************************* CONTENT ***************************************************/

#content{
	width:1000px;
	margin: -5px auto;
	height:auto;
	position:relative;
}


/** BANNER SUPERIOR **/

#bannersuperior {
    background-color: #f2f2f2;
    height: 104px;
    width: 1000px;
}
#textosbannersup {
    float: left;
    height: 104px;
    width: 500px;
}
#textosbannersup span {
    color: #2d2d2d;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin-left: 24px;
    margin-top: 15px;
}
#textosbannersup p {
    color: #2d2d2d;
    font-size: 13px;
    height: 35px;
    margin-left: 24px;
    margin-top: 8px;
    width: 500px;
}
#fotobannersup {
    background-color: #3cc;
    float: right;
    height: 104px;
    width: 374px;
}
#capsadestacats {
    display: block;
    height: auto;
    margin-top: 20px;
    width: 1000px;
}
#carrusseldestacat {
    float: left;
    height: 278px;
    width: 606px;
}
#contingutdestacat {
    /*border: 1px solid #ed1b24;*/
    height: 245px;
    width: 604px;
}
#esquerradestacat {
    float: left;
    height: 245px;
    width: 240px;
}
#titulardestacat {
    background-color: #ed1b24;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 700;
    /*height: 24px;*/
    height: auto !important;
    margin-top: 12px;
    padding: 3px 10px;
    position: absolute;
    width: 220px;
	/*width: 283px;*/
}
#carrusseldestacat p {
    display: block;
    font-size: 13px;
    /*height: 128px;*/
    margin-left: 11px;
    margin-top: 53px;
    width: 90%;
}
#botodestacat {
    background-image: url(../imatges/boto_coneix_mes.png);
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 31px;
    margin-left: 12px;
    padding-left: 10px;
    padding-top: 8px;
    text-shadow: 0 1px #333;
    width: 188px;
}
#dretadestacat {
    background-color: #3cc;
    float: right;
    height: 245px;
    width: 364px;
}
#sliderdestacat {
    float: left;
    height: 15px;
    margin-top: 5px;
    text-align: center;
    width: 606px;
}
#sliderdestacat img {
    display: inline-block;
    margin-right: 10px;
}
#sliderdestacat img:last-child {
    margin-right: 0;
}
#xarxaoficines {
    border: 1px solid #d1d0d0;
    float: right;
    height: auto;
padding-bottom: 10px;
    width: 374px;
}
#titolxarxa {
    color: #ed1b24;
    display: block;
    font-size: 15px;
    font-weight: 700;
    margin-left: 18px;
    margin-top: 17px;
    width: 359px;
}
#textxarxa {
    color: #2d2d2d;
    display: block;
    font-size: 13px;
    line-height: 18px;
    margin-left: 18px;
    margin-top: 6px;
    width: 342px;
}

#botocitaxarxa {
    background-image: url(../imatges/boto_cita_previa.png);
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 500;
    height: 31px;
    margin-left: 239px;
    margin-top: 5px;
    padding-left: 7px;
    padding-top: 8px;
    text-shadow: 0 1px #333;
    width: 105px;
}

/** CAPSA SERVEIS **/

#titolserveis{
	width:980px;
	height:24px;
	background-color:#757575;
	color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: 3px 10px;
	margin-top:10px;
}

#capsaserveis{
	width:1000px;
	height:252px;
	margin-top:15px;
	position:relative;
}

#capsaserveis div{
	width:191px;
	height:241px;
	background-color:#f2f2f2;
	display:inline-table;
	margin-right:7px;	
}

#capsaserveis div:last-child{
	margin-right:0px !important;
}

#capsaserveis div p:nth-child(1){
	font-size:13px;
	font-weight:700;
	color:#ed1b24;
	width:160px;
	position:relative;
	left:15px;
	height:40px;
}

#capsaserveis div p:nth-child(2){
	font-size:13px;
	color:#2d2d2d;
	width:160px;
	position:relative;
	left:15px;
	top:-5px;
	height:136px;
}

#capsaserveis div table{
	height:33px;
	width:auto;
	margin:0 auto;
	/**position:relative;**/
	max-width:178px;
	font-size:15px;
}
#cua_esquerra{
	background-image:url(../imatges/boto_cua_esquerra.png);
	width:11px;
	height:33px;
}

#centre{
	color:#FFF;
	text-shadow:0 1px #333;
	background-image:url(../imatges/boto_centre.png);
	background-repeat:repeat;
	max-width:150px;
	min-width:74px;
	text-align:center;
	height:33px;
}

#cua_dreta{
	background-image:url(../imatges/boto_cua_dreta.png);
	width:29px;
	height:33px;
}


/** CAPSA CARRUSSEL INFERIOR / CI **/

#capsaci {
    height: 122px;
    margin-left:auto;
	margin-right:auto;
	margin-top:15px;
    text-align: center;
    width: 996px;
}
#fletxaesquerra {
    float: left;
    height: 78px;
    margin-right: -1px;
    margin-top: 25px;
    width: 32px;
}
#contingutci {
    display: inline-block;
    height: 122px;
    width: 934px;
}
#contingutci div {
    background-color: #3cc;
    border: 1px solid #c2c2c2;
    display: inline-block;
    height: 122px;
    margin-right: -2px;
    width: 183px;
}
#contingutci div:last-child {
    margin-right: 0 !important;
}
#fletxadreta {
    float: right;
    height: 78px;
    margin-left: -1px;
    margin-top: 25px;
    width: 32px;
}

/* SLIDER CI */

#sliderci {
    height: 15px;
    margin: 14px auto;
    text-align: center;
    width: auto;
}

#sliderci img{
	display:inline-block;
	margin-right:10px;
}

#sliderci img:last-child{
	margin-right:0px;
}




/** CAPSA NOTICIES I PUBLICACIONS / NIP **/

#capsanip{
	width:1000px;	
	height:auto;
	margin-top: 15px;
	margin-bottom:25px;
}

/* NOTICIES */



#titolnoticies{
	width:485px;
	height:30px;
	background-color:#757575;
	cursor:pointer;
}

#titolnoticies p{
	color:#FFF;
	font-size:16px;
	font-weight:500;
	display:inline-block;
	margin-top:3px;
}

#titolnoticies p:nth-child(1){
	float:left;
	margin-left:15px;
}


#titolnoticies p:nth-child(2){
	float:right;
	margin-right:15px;
}

#noticies{
	width:475px;
	height:auto;
	margin-top:-10px;
	margin-left:-19px;
}

#noticies ul{
	list-style-image:url(../imatges/estil_llista.png);
	font-size:13px;
	color:#2d2d2d;
}

#noticies ul li{
	margin-bottom:8px;
}

#noticies a{
	color: #2D2D2D;
}

/* PUBLICACIONS */



#titolpublicacions{
	width:485px;
	height:30px;
	background-color:#757575;
	cursor:pointer;
}

#titolpublicacions p{
	color:#FFF;
	font-size:16px;
	font-weight:500;
	display:inline-block;
	margin-top:3px;
}

#titolpublicacions p:nth-child(1){
	float:left;
	margin-left:15px;
}


#titolpublicacions p:nth-child(2){
	float:right;
	margin-right:15px;
}

#publicacions{
	width:475px;
	height:auto;
	margin-top:-10px;
	margin-left:-10px;
}

#publicacions ul{
	list-style-image:url(../imatges/estil_llista.png);
	font-size:13px;
	color:#2d2d2d;
}

#publicacions ul li{
	margin-bottom:8px;
}


#publicacions a{
	color: #2D2D2D;
}


/********************************************* FOOTER ***************************************************/

#footer{
	width:1000px;
	margin:0 auto;
	position:relative;
	height:42px;
	bottom:0px;
	
}


/** MENU FOOTER **/

#menufooter{
	width:999px;
	font-size:13px;
	color: #2d2d2d;
	display:inline;
}

#menufooter .footeresquerra{
	float:left;
	display:inline;
	margin-right:30px;
	
}

#menufooter .footerdreta{
	float:right;
	display:inline;
	margin-left:10px;
}

#menufooter p:nth-child(3){
	border-left:1px solid #d1d0d0;
	padding-left:10px;
}