/* colors

	vermell				: #e60003;

*/

/*---------------------------------------------
//  Estructura
//---------------------------------------------
*/

#contenidor {
	width				: 952px;
	margin				: 0 auto;
}

#cabe {
	position			: relative;	
}

#grupPag {
	width				: 100%;
	overflow			: hidden;
}


/*---------------------------------------------
//  Capçalera
//---------------------------------------------
*/

#idiomes {
	text-align			: right;	
	font-size			: 12px;
}

#idiomes a {
	color				: #3b3b3b;
	padding				: 8px 20px 8px 0;
	display				: inline-block;
}

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

#idiomes a.contacte {
	padding				: 0 0 0 10px;
}

#idiomes img {
	padding				: 1px;
	border				: 1px solid #e2e2e2;
	border-top			: 1px solid #FFF;
	margin				: 0 4px 0 0;
	vertical-align		: middle;
}

#idiomes a:hover img {
	border				: 1px solid #e2e2e2;
	border-bottom		: 1px solid #FFF;
}

#idiomes a.selected {
	background			: url(../img/back_idiomes_selected.png) top center no-repeat;	
}

#conteMenuSup {

}

#cabe_logo_menu {
	padding				: 11px 9px 11px 9px;
	background			: url(../img/back_cabe.png) top left no-repeat;	
	position			: relative;
}

a#inici  {
	position			: absolute;
	width				: 270px;
	height				: 50px;
	top					: 25px;
	left				: 25px;
	display				: block;
	overflow			: hidden;
	text-indent			: -9999px;
}

#banner_logo {
	width				: 100%;
	padding				: 83px 0 0 0;
	
}

#menuSuperior a {
	color				: #FFF;
	text-decoration		: none;
}

ul#menuSuperior {
	font				: normal bold 15px/16px Arial;
	float				: left;
	clear				: both;
	background			: url(../img/back_menu_superior.png) bottom left no-repeat;
	padding				: 0 0 0 20px;
	color				: #FFF;
}

ul#menuSuperior li {
	float				: left;
	position			: relative;
	padding				: 12px 15px 12px 20px;
	width				: 140px; /* = 175-15-20*/
	background			: url(../img/back_menu_superior_li.png) 0 14px no-repeat;
}

/* El boto de pressupostos */
ul#menuSuperior li.pr {
	background			: url(../img/back_menu_superior_li_pr.png) 0 14px no-repeat;
	font				: normal bold 14px/16px Arial;
	padding				: 12px 0 12px 20px;
	width				: 193px; /* Es mes llarg*/
}

ul#menuSuperior li.pr a {
	display				: block;
}


ul#menuSuperior ul,
ul#menuSuperior ul ul {
	float				: none;
	display				: none;
	width				: 175px;
	padding				: 0 0 0 0;
}

ul#menuSuperior ul {
	position			: absolute;
	top 				: 40px;
	left				: 0;
	padding				: 0 0 20px 0;
	background			: url(../img/back_menu_superior_ul_bottom.png) bottom left no-repeat;
}

ul#menuSuperior ul ul {
	position			: relative;
	top					: auto;
	width				: auto;
	padding				: 10px 0 15px 0;
	background			: none;
}

ul#menuSuperior li:hover {
	background			: url(../img/back_menu_superior_li_hover.png) top left no-repeat;
	position			: relative;
}

ul#menuSuperior li.pr:hover {
	background			: url(../img/back_menu_superior_li_pr.png) 0 14px no-repeat;
	position			: relative;
}


ul#menuSuperior li a:hover {
	color				: #d46b6b;
}

ul#menuSuperior li.pr a:hover {
	color				: #d3cece;
}


ul#menuSuperior li:hover ul {
	display				: block;
	z-index				: 15;
}

ul#menuSuperior li li,
ul#menuSuperior li li li{
	float				: none;
	height				: auto;
	border				: none;
	width				: auto;
	background			: none;
	padding				: 0;
	
}

ul#menuSuperior li li {
	font-size			: 13px;	
	padding				: 3px 10px 3px 17px;
	background			: url(../img/back_menu_superior_li_li.png) top left repeat;
}

ul#menuSuperior li li li{
	font				: normal normal 12px/13px Arial, Helvetica, sans-serif;
	padding				: 0;
	background			: none;
	background			: url(../img/back_menu_superior_li_li_li.png) top left no-repeat;
}

ul#menuSuperior li li:hover{
	background			: url(../img/back_menu_superior_li_li.png) top left repeat;
}	

ul#menuSuperior li li li:hover {
	background			: url(../img/back_menu_superior_li_li_li.png) top left no-repeat;
}

ul#menuSuperior li li li a {
	height				: 1%;
	display				: block;
	padding				: 0 4px 4px 10px;
}


#texte {
	clear				: both;
}

#slideShow {
	width				: 966px;
	height				: 300px;
	clear				: both;
}

#navegacio {
	padding				: 8px 0;
	font-size			: 12px;
	line-height			: 24px;
}

#navegacio a {
	color				: #3b3b3b;
	text-decoration		: underline;
	display				: inline-block;
	padding				: 0 5px;
}

#navegacio a:hover {
	background			: #f4f4f4;	
}

/*---------------------------------------------
//  Pagina
//---------------------------------------------
*/

h1#titPagina {
	background			: url(../img/back_tit_pagina.png) top left no-repeat;
	font				: normal bold 18px/36px Arial, Helvetica, sans-serif;
	color				: #FFF;
	padding				: 0 0 2px 55px;
	margin				: 0 0 10px 0;
}

.grup8 h1#titPagina,
.grup52 h1#titPagina {
	background			: url(../img/back_tit_pagina_llarg.png) top left no-repeat;
}

#textePagina {
	width				: 640px;
	overflow			: hidden;
	padding				: 0 0 30px 60px;
	font-size			: 13px;
}

.grup8 #textePagina,
.grup52 #textePagina{
	width				: 860px;
	overflow			: hidden;
	padding				: 0 0 30px 60px;
}

#textePagina p{
	padding				: 5px 0 10px 0;
}

#textePagina h3{
	font-size			: 21px;
	line-height			: 55px;
	font-weight			: bold;
	background			: url(../img/back_h3.png) no-repeat left top;
}

#textePagina h4{
	font-size			:11px;
	font-weight			: bold;
	text-transform		: uppercase;
	color				: #e60003;
	padding				: 4px 0 2px 0;
}

#textePagina h4.negre{
	color				: #333333;
}

#textePagina h1{
	font-size			:22px;
	font-weight			: bold;
	line-height			: 26px;
	color				:#e60003;
}

#textePagina ul{
	margin				: 2px 0 4px 22px;
}

#textePagina li{
	background			: url(../img/back_li.png) no-repeat left 5px;
	padding				: 0 0 9px 22px;
	line-height			: 16px;
}

#textePagina a {
	color				: #e60003;
	text-decoration		: underline;
}

#textePagina a:hover {
	text-decoration		: none;
}

.imgTop,
.imgBottom {
	text-align			: center;
	padding				: 10px 0;
	
}

/* Pagina Llistat */

.llistat {
	overflow			: hidden;
	width				: 100%; /* per ie 6*/
	border-bottom		: 1px dashed #d4d4d4;
	padding				: 0 0 20px 0;
	margin				: 0 0 20px 0;
}

.llistat .imgTop{
	float				: left;
	margin				: 0 20px 0 0;
}

.llistat h2{
	font				: normal bold 14px Arial, sans-serif;
	padding				: 10px 0 15px 0;
}


/* ultimes webs */

#ultimesWebs{
	margin				: 0;
	padding				: 0;
	background			: red;
}

#ultimesWebs li {
	margin				: 0 10px 20px 0;
	padding				: 5px 0 0 0;
	border				: 1px solid #b6b5ba;
	width				: 194px;
	height				: 210px;
	float				: left;
	background			: #eeeeee url(../img/back_ultimes_webs.png) bottom left repeat-x;
	font-size			: 14px;
}

#ultimesWebs img {
	max-width			: 190px;
	border-bottom		: 1px solid #b6b5ba;
	border-top			: 1px solid #b6b5ba;
	border-left			: 1px solid #FFF;
	border-right		: 1px solid #FFF;
}

#ultimesWebs strong {
	display				: block;
	padding				: 5px;
	text-align			: center;
}

#ultimesWebs a {
	color				: #3b3b3b;	
}

#ultimesWebs a:hover {
	color				: #e60003;
}

/*---------------------------------------------
//  Menu Lateral
//---------------------------------------------
*/


#menuLateral {
	float				: right;
	width				: 224px;
	background			: red;
	color				: #3b3b3b;
	background			: url(../img/back_menu_lateral_body.png) top left repeat-y;	
}

.grup8 #menuLateral,
.grup52 #menuLateral{
	display				: none;	
}

#menuLateral h2 {
	background			: url(../img/back_menu_lateral_head.png) top left no-repeat;	
	font				: normal bold 16px/18px Arial, Helvetica, sans-serif;
	

}
#menuLateral h2 strong {
	padding				: 15px 8px 5px 8px;
	margin				: 0 10px 0 10px;
	border-bottom		: 1px solid #3b3b3b;
	display				: block;
}

#menuLateral ul {
	margin				: 6px 11px 0 11px;	
}

#menuLateral li {
	font				: normal bold 13px/16px Arial, Helvetica, sans-serif;
	border				: 1px solid #000;
	margin				: 0 0 4px 0;
}

#menuLateral li a {
	display				: block;
	height				: 1%;
	border				: 1px solid #484848;
	background			: #252429 url(../img/back_menu_lateral_li.png) top left repeat-x;
	padding				: 5px;
	color				: #FFF;
}

#menuLateral li.selected a {
	color				: #d46b6b;	
}

#menuLateral li.selected li a {
	color				: #FFF;	
}

#menuLateral li.selected li.selected a {
	color				: #d46b6b;	
}

#menuLateral li a:hover {
	background			: #252429;
	color				: #8e8e8e;
	text-decoration		: none;
}

#menuLateral li li{
	font				: normal normal 12px/14px Arial, Helvetica, sans-serif;
	border				: none;
}


#menuLateral li li a {
	border				: none;
	background			: none;
	padding				: 0 0 2px 0;
}

#peuMenuLateral {
	background			: url(../img/back_menu_lateral_foot.png) top left no-repeat;
	height				: 29px;
}

/*---------------------------------------------
//  Home
//---------------------------------------------
*/

.paginaHome {
	padding				: 20px 0 40px 0;
	width				: 100%;
	overflow			: hidden;
}

/* Lateral Home */
#novetatsHome {
	background			: url(../img/back_novetats_body_home.png) top left repeat-y;
	width				: 303px;
	float				: right;
}

#novetatsHome h2 {
	background			: url(../img/back_novetats_head_home.png) top left repeat-y;
}

#novetatsHome h2 strong {
	border-bottom		: 1px solid #939393;	
	display				: block;
	padding				: 15px 20px 10px 40px;
	margin				: 0 7px 0 7px;
}

#novetatsHome #peuNovetats {
	background			: url(../img/back_novetats_foot_home.png) top left repeat-y;
	height				: 19px;
}

#texteNovetatsHome {
	padding				: 15px 25px 25px 25px;
}

#novetatsHome h3 {
	font-size			: 14px;
	font-weight			: bold;
	color				: #e60003;
	padding				: 20px 0 8px 0;
}

#novetatsHome h4 {
	font-size			: 12px;
	font-weight			: bold;
	line-height			: 16px;
}

#novetatsHome h4 a {
	color				: #3b3b3b;	
}


#novetatsHome img {
	max-width			: 70px;
	float				: left;
	border				: 1px solid #e7e7e7;
	margin				: 0 15px 0 0;
}

.unaNovetatHome {
	overflow			: hidden;
	width				: 100%;
	padding				: 0 0 10px 0;
	font				: normal normal 12px/15px Arial, Helvetica, sans-serif;
}

a.masNovedades {
	color				: #e60003;
	display				: block;
	height				: 1%;
}


/* Carrusel Home */
#fondoCarrusel {
	background			: url(../img/back_carrusel.png) top left no-repeat;
	position			: relative;
	z-index				: -1; /* per ie 6 */
}

#peuCarrusel {
	background			: url(../img/back_carrusel_peu.png) top left no-repeat;
	height				: 13px;
}

.tempCarrusel {
	padding				: 12px 0 0 12px;
}
.carrusel-text{
	
	position			: absolute;
	left				: 12px;
	top					: 12px;
	color				: #FFF;
	width				: 180px;
	height				: 213px; /* 243-15-15 */
	border-right		: 1px solid #3b3b3b;
	/*
	background			: #000;
	opacity				: .7;
	filter				: alpha(opacity=70);
	zoom				: 1;
	*/
	padding				: 15px;
	font-size			: 13px;
	background			: url(../img/back_carrusel_banner-trans.png) top left no-repeat;
}

.carrusel-text h3 {
	font-weight			: bold;
	
}

/* Texte Home */

#texteHome {
	padding				: 10px 0 0 15px;
	margin				: 0 340px 0 0;
}


#texteHome h1{
	font				: normal bold 19px/22px Arial, Helvetica, sans-serif;
	color				: #e60003;
	padding				: 0 0 5px 0;
}

/* Formulari  */

#pressupostos td {
	vertical-align		: top;
}

#pressupostos label {
	font				: normal bold 14px Arial, Helvetica, sans-serif;
	text-align			: right;
	display				: block;
	padding				: 7px 15px 0 0;
}

#pressupostos input[type=text],
#pressupostos textarea  {
	width				: 300px;
	margin				: 5px;
	font				: normal normal 16px Arial, Helvetica, sans-serif;
}

#pressupostos input[type=submit] {
	font				: normal normal 14px Arial, Helvetica, sans-serif;
	width				: 150px;
	margin				: 6px;
}



/*---------------------------------------------
//  Peu
//---------------------------------------------
*/

#peu {
	background			: url(../img/back_peu_top.png) top left no-repeat;
	padding				: 20px 0 0 0;
}

#menuInf {
	background			: url(../img/back_peu_middle.png) top left repeat-y;
	padding				: 3px 20px;
	color				: #FFF;
}	

#peuBottom {
	background			: url(../img/back_peu_bottom.png) top left no-repeat;
	padding				: 19px 0 0 0;
}

#menuInf ul {
	/* text-align			: right; */
	float				: right;
}

#menuInf ul li{
	display				: inline;
	padding				: 0 0 0 15px;
}

#menuInf a {
	color				: #FFF;	
}

#menuInf a:hover {
	color				: #FFF;
	text-decoration		: underline;
}