/* 	############ contingut       ##############
	###########################################
	###########################################
*/

html{background: #FFF;height: 100%;}

body{
	background: url(../img/back_cabe.png) repeat-x left top #535353;
	color: #333333;
}

#contenedor, #grupoPagina{
	width: 910px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}


blockquote{
font-size:16px;
line-height: 20px;
color: #9c9c9c;
padding: 0 0 15px 0;
}

blockquote strong {
color: #fb8b00 ;
}
/* 	############ cabe       ###################
	###########################################
	###########################################
*/

#cabecera{
width:910px;
overflow: hidden;
}

#logoGrup{
	float:left;
}

#idiomes{
	text-align: right;
}

#idiomes a{
	padding: 0 22px 0 22px;
	font-size:16px;
	line-height: 30px;    
	height: 38px;
	display:block;
	float:right;
	color:#333;
}

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

#idiomes a.selected{
	background: url(../img/back_idioma_selected.png) no-repeat center bottom ;
	cursor:text;
	color:#333;
}


/* 	############ grupoPagina       ############  
	###########################################
	###########################################
*/

#grupoPagina{background: url(../img/back_pagina.png) repeat-y left top ;}


/* 	############ menulateral  #################
	###########################################
	###########################################
*/

#menuLateral{
width: 264px; /* 276-12 = 264 */
padding:0 0 0 12px;
float:left;
}

#menuLateral ul{
background: url(../img/back_menu_lateral.png) repeat-x left bottom;
}

#menuLateral li a{
display:block;
background: url(../img/back_menu_lateral.png) repeat-x left top;
padding: 10px 5px 10px 26px;
font-size:15px;
font-weight:bold;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
}

#menuLateral li a.nolink:hover{
color:#FFF;
cursor: text;
}

#menuLateral li a:hover{
color: #fdc57f;
}

#menuLateral ul ul{
background: none;
padding: 0 0 10px 0;
}

#menuLateral li li a{
background:none;
padding:0;
height:1%; /* per ie6 */
text-transform:none;
font-size: 13px;
font-weight: normal;
color: #b2b2b2;
padding: 0 5px 5px 38px;
}

#menuLateral li li.selectedFill a{
color: #FFF;
background: url(../img/back_li_selected.png) no-repeat right 2px;
}

#menuLateral li li.selectedFill a:hover{
color: #fdc57f;
}

/* 	############ titPagina  ###################
	###########################################
	###########################################
*/

#titPagina{
background: url(../img/back_tit_pagina.png) no-repeat left bottom #e3e2e3;
margin: 0 0 0 277px;
width:624px;
overflow: hidden;
}

#titPagina h2{
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: #fb8b00;
padding: 20px 0 0 30px;
}

#titPagina h1{
font-size: 32px;
color: #9c9c9c;
padding: 0 0 15px 30px;
}

.imgTop{
/* width:624px 
overflow: hidden; */
}

/* 	############ pagina  ######################
	###########################################
	###########################################
*/

#pagina{
	margin: 0 0 0 277px;
	width:624px;
	overflow: hidden;
}

#texte{
	font: normal normal 12px/18px Arial, Helvetica, sans-serif;
	width:579px;
	margin: 40px 15px 20px 30px;
}

#texte h3{
	font-size:12px;
	font-weight: bold;
	text-transform:uppercase;
	color: #fb8b00;
}

#texte ul{margin: 10px 10px 20px 20px;}

#texte li{
padding: 2px 0 5px 14px;
background: url(../img/back_li_texte.png) no-repeat left 8px;
}

#texte p{margin: 10px 0 20px 0;}

#texte img{
vertical-align:middle;
}

.imgBottom{
float: right;
border: 1px solid #dbdbdb;
padding:4px;
background: #FFF;
margin: 0 0 20px 20px;
}

.productes{
float:left;
margin: 0 5px 20px 0;
width: 186px;
overflow: hidden;
}

.productes a{
border: 3px solid #FFF;
display:block;
color: #333333;
}

.productes a:hover{
border: 3px solid #d9d6eb;
text-decoration: none;
}

.productes span{
display:block;
font-size: 14px;
font-weight: bold;
border-top: 1px dotted #241a61;
border-bottom: 4px solid #b3add8;
padding: 5px 0;
margin: 5px 0 0 0;
}

/*
 	############  documents  ###################
	###########################################
	###########################################
*/

.documents{
background: url(../img/back_documents.png) no-repeat 10px 0 #f2f2f2;
border: 1px solid #cfcecf;
margin: 20px 0;
padding: 15px 10px 10px 90px;
}

.documents a{
display:block;
border-bottom: 1px solid #e2e1e2;
border-top: 1px solid #FFF;
padding: 5px;
}

.documents a:hover{
background: #f5f5f5;
text-decoration:none;
}
.documents div{
margin: 10px 0;
border-top: 1px solid #e2e1e2;
border-bottom: 1px solid #FFF;
}
/*
 	############  cataleg  ###################
	###########################################
	###########################################
*/

.midesRolling{
padding:0;
margin:0;
font-size: 14px;
width: 100%;
background: #535353;
color: #FFF;
border: 1px solid #000;
}

.midesRolling th{
font-weight: bold;
background: #fff9be;
padding: 5px;
color:#333333 ;
}
.midesRolling td{
padding: 5px;
border-left: 1px solid #404040;
border-right: 1px solid #000;
}


form#contacte {
	border-top: 2px solid #f3f3f3;
}

form#contacte td {
	border-bottom: 2px solid #f3f3f3;
	padding: 10px;
	vertical-align: top;
}

form#contacte label{
	font-size:14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fb8b00;
}

form#contacte input, form#contacte textarea {
	width: 250px;
	font: normal normal 14px Arial, Helvetica, sans-serif;
}

form#contacte textarea{
	height: 150px;
}

form#contacte #enviar2{
	width: 130px;
	font-weight:bold;
	text-align: center;
}

form#contacte{
margin: 0 100px;
}

/* 	############ pie  #########################
	###########################################
	###########################################
*/

#pie{
	border-top: 2px solid #40319e;
	padding: 20px 0 20px 0;
	background: #FFF;
}

#peuLogo{
	width: 710px;
	margin: 0 auto 0 auto;
	overflow:hidden;
}
#peuLogo img {
	float:left;
}

#peuLink{
	font-size: 16px;
	padding: 0 0 10px 0;
}

#peuAdreca{
	border-left: 1px solid #fb8b00;
	padding: 0 0 20px 14px;
	margin: 0 0 0 170px;
	font-size: 12px;
}