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

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


body.home{
background: url(../img/back_home.png) repeat-x left top #FFF;
}

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

/* 	############ 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;
}

#logoConfortalia{
margin: 20px 0 20px 0;
}

/* 	############ home       ############  
	###########################################
	###########################################
*/

#grupoHome{
width: 810px;
}

#logoHome{
text-align:right;
margin: 60px 0 40px 0;
}

#entradaRolling, #entradaMetal{
background: url(../img/back_top_entrada.png) no-repeat top center;
padding: 14px 0 0 0;
float:left;
}

#entradaMetal{
float:right;
}

.imgEntrada{
border: 1px solid #FFF;
}
/*
.botonEntrada{
border: 1px solid #FFF;
border-top: 1px solid #e5e5e5;
background: url(../img/back_banners.png) repeat-x bottom center #FFF;
position: relative;
}
.botonEntrada span{
font-size:12px;
display:block;
padding: 0 20px 10px 10px;
font-weight: bold;
}

*/
.bannerEntrada{
text-align:center;
background: #FFF;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}

a.logoEntrada{
display:block;
border-bottom: 1px dotted #404040;
}

.linkEntrada{
text-align:right;
padding: 5px;
}
.pieEntrada{
background: url(../img/back_bottom_entrada.png) no-repeat top center #FFF;
padding: 20px 0 6px 0;
}

.botonEntrada a, .botonEntrada a:link, .botonEntrada a:active, .botonEntrada a:visited{
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
color: #fb8b00;
border: 1px solid #aeaeae;
padding: 4px;
position: absolute;
top: 20px;
right: 20px;
background: url(../img/back_boto_entrada.png) repeat-x bottom left #ededed;
}

.botonEntrada a:hover{
text-decoration:none;
background: #cdcdcd;
}

.botonEntrada img {
padding: 5px;
}

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

#menuLateral{
width: 381px;
padding:0 0 0 12px;
float:left;
position:relative;
}

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

#menuLateral li{
background: url(../img/back_menu_lateral.png) repeat-x left top;
}
#menuLateral li a{
display:block;
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.selectedPare{
color:#FFF;
cursor: text;
background: url(../img/back_li_selected.png) no-repeat right 12px;
}


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

#menuLateral li a.selectedPare:hover{
color:#FFF;
}

#grupBanners{
position:absolute;
top: 320px;
}
.banners{
background: url(../img/back_banners.png) repeat-x left bottom #FFF;
width: 346px;
overflow:hidden;
margin: 0 0 20px 12px;
}

.banners img{
float: left;
margin: 0 10px 10px 0;
}
.banners h3 a{
font-size:16px;
font-weight: bold;
text-transform: uppercase;
color: #fb8b00;

}

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

#titPagina{
background: url(../img/back_tit_pagina.png) repeat-x left bottom;
margin: 0 0 0 393px;
width:508px;
overflow: hidden;
}


#titPagina h1{
font-size: 32px;
color: #241a61;
padding: 20px 0 15px 0;
}

.imgTop{
border: 1px solid #d5d5d5;
border-top: none;
background: #FFF;
padding: 0 3px 3px 3px;
}

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

#pagina{
	margin: 0 0 0 393px;
	width:508px;
	overflow: hidden;
}

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

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

#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;}



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


.noticies h2{
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: #241a61;
}

.noticies{
padding: 0 0 20px 0;
width: 485px;
overflow: hidden;
}

.noticies img{
float:left;
border: 1px solid #d5d5d5;
background: #FFF;
padding: 2px;
margin: 0 10px 0 0;
}
/* 	############ pie  #########################
	###########################################
	###########################################
*/

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

#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;
}