/*---------------------------------------------
//  estructura
//---------------------------------------------
*/

html {
	height				: 100%;
	
}

body {
	color				: #3b3b3b;
	height				: 100%;
	background			: #004358 url(../img/back_body.png) top center no-repeat;
}

#contenidor {
	width				: 970px; 
	margin				: 0 auto 0 auto;
	padding				: 0;
	position			: relative;
}

#grupPag, #grupHome {
	width				: 100%;
	overflow			: hidden;
	background			: #FFF;
	margin				: 0;
	padding				: 20px 0 0 0;
}

#grupHome {
	background			: #f8e4a5;
}


/*---------------------------------------------
//  cabe
//---------------------------------------------
*/

#cabe {
	position			: relative;
}

#idiomes {
	padding				: 5px 20px 0 0;
	position			: absolute;
	top					: 125px;
	left				: 40px;
}

#idiomes a {
	display				: inline-block;
	margin				: 5px 5px 0 5px;
	border				: 1px solid #105e7c;
}

#idiomes a.selected {
	border				: 1px solid #3fb6e4;
}

#idiomes a img {
	border				: 1px solid #217ea3;	
}

#logo {
	display				: block;
	width				: 200px;
	height				: 130px ;
	font-size			: 0.0;
	line-height			: 0.0;
	text-indent			: -9999px;
	overflow			: hidden;
	z-index				: 9;
	margin				: 0 auto;
	float				: left;
}



/*---------------------------------------------
//  Menu Superior
//---------------------------------------------
*/

#menuSuperior {
	background			: #fcb115 url(../img/back_menu_superior.png) left top repeat-x;
	padding				: 32px 0 0 0;
}

#menuSuperior #grup1,
#menuSuperior #grup2{
	text-align			: center;
	width				: 100%;
	overflow			: hidden;
}

#menuSuperior #grup2{
	padding				: 8px 0 0 0;
}

#menuSuperior ul{
	overflow			: hidden;
	text-align			: center;
	display				: inline-block;
	*display			: inline; /* Ie6 & Ie7 */
	margin				: 0 auto;
	white-space			: nowrap;
}

#menuSuperior li{
	display				: inline;
}

#menuSuperior li a, #menuSuperior li a:link, #menuSuperior li a:visited{
	display				: inline-block;
	color				: #261201;
	background			: url(../img/back_li_M1_left.png) left top no-repeat;
}

#M2 li a, #M2 li a:link, #M2 li a:visited{
	background			: url(../img/back_li_M2_left.png) left top no-repeat;
}

#menuSuperior li a span {
	font				: normal bold 16px/29px "Arial Narrow", Helvetica, sans-serif;
	display				: inline-block;
	background			: url(../img/back_li_M1_right.png) right top no-repeat;
	padding				: 2px 20px 0 20px;
}

#M2 li a span {
	background			: url(../img/back_li_M2_right.png) right top no-repeat;
	padding				: 2px 20px 10px 20px;
}

#menuSuperior li a:hover {
	text-decoration		: none;
	color				: #d52a23;
}

#menuSuperior li.selected a, #menuSuperior li.selected a:link, #menuSuperior li.selected a:visited{
	background			: url(../img/back_li_M2_selected_left.png) left top no-repeat;
}

#menuSuperior li.selected a span{
	background			: url(../img/back_li_M2_selected_right.png) right top no-repeat;
	color				: #d52a23;
}

#menuSuperior li.selected a:hover{
	cursor				: text;
}

/*---------------------------------------------
//  Banners Promocions
//---------------------------------------------
*/


#bannerPromocions {
	background			: red url(../img/back_promocions.png) left top no-repeat;
	border				: 1px solid #217ea3;
	padding				: 0 0 0 14px;
	width				: 714px;/*= -1-1-14+730 */
	overflow			: hidden;
	margin				: 14px 0 14px 230px;
	min-height			: 133px;
}

#bannerPromocions dl {
	float				: left;
	width				: 215px;
	margin				: 0 28px 0 0;
}

#bannerPromocions dl#nov39 {
	margin				: 0;
}

#bannerPromocions dt {
	color				: #f8be07;
	font				: normal bold 17px/18px "Arial Narrow", Helvetica, sans-serif;
	padding				: 0 0 10px 4px;
}


#bannerPromocions dd {
	border				: 1px solid #01262a;
	border-right		: 1px solid #207680;
	border-bottom		: 1px solid #207680;
	font-size			: 11px;
	line-height			: 12px;
	padding				: 4px 10px 4px 4px;
	margin				: 0 0 4px 0;
	background			: #003d44 url(../img/back_fletxa.png) right 3px no-repeat;
}

#bannerPromocions a, #bannerPromocions a:link, #bannerPromocions a:visited{
	color				: #FFF;	
}

#bannerPromocions a:hover{
	text-decoration		: none;
	color				: #d52a23;
}

#bannerPromocions dt.titAgenda{
	padding-top:14px;
}

#bannerPromocions dt.titAgenda a {
	color				: #f8be07;
}

#bannerPromocions dt.titAgenda a:hover {
	color				: #FFF;
}

#videoCabe {
padding: 5px;
text-align: right;
}

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

#menuLateral {
	float				: right;
	width				: 230px;
	background			: url(../img/back_menu_lateral.png) left top repeat-y;
}

.menuTop {
	height				: 54px;
	background			: url(../img/back_menu_lateral_top.png) left top no-repeat;
}

.menuBottom {
	height				: 122px;
	background			: url(../img/back_menu_lateral_bottom.png) left bottom no-repeat;
}


#menuLateral ul{
	border-top			: 1px solid #c1c1c1;
}

#menuLateral li{
	font				: normal bold 18px/22px "Arial Narrow", Helvetica, sans-serif;
	padding				: 0;
	text-transform		: uppercase;
	border-top			: 1px solid #FFF;
	border-bottom		: 1px solid #c1c1c1;
}

#menuLateral li a, #menuLateral li a:link, #menuLateral li a:visited {
	color				: #3b3b3b;
	display				: block;
	height				: 1%;
	padding				: 5px 3px 5px 15px;
}

#menuLateral li a:hover {
	text-decoration		: none;	
	background-color	: #f4efe6;
}

#menuLateral li.selected a {
	color				: #FFF;
	background			: #ab6e13;
	border-top			: 1px solid #774700;
	border-bottom		: 1px solid #774700;
}

#menuLateral ul ul {
	background			: none;
	padding				: 0;
	border				: none;
}

#menuLateral li li {
	text-transform		: none;
	border				: none;
	font-weight			: normal;
	font-size			: 16px;
}

#menuLateral li li a, #menuLateral li li a:link, #menuLateral li li a:visited {
	padding				: 2px 3px 4px 30px;
	background			: url(../img/back_menu_lateral_li_li.png) 17px 10px no-repeat;
}

#menuLateral li li a:hover {
	text-decoration		: none;
	background-color	: #f4efe6;
}

#menuLateral li.selected li a {
	color				: #3b3b3b;
	
	border				: none;
}

#menuLateral li li.selected a {
	color				: #774700;
	padding				: 2px 3px 2px 27px;
	background			: #dbc9ad url(../img/back_menu_lateral_li_li_selected.png) 17px 11px no-repeat;
}



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

#pagina {
	width				: 970px;
	overflow			: hidden;
}

#paginaLlistat {
	width				: 970px;
	overflow			: hidden;

}

#titPagina {
	padding				: 20px 0 10px 0;
	margin				: 0 0 30px 0;
	border-bottom		: 2px solid #774700;
	
}

#titPagina h1{
	color				: #ab6e13;
	font				: normal bold 40px/46px "Arial Narrow", Helvetica, sans-serif;
}

#contePagina {
	background			: #FFF url(../img/back_conte_pagina.png) top left repeat-y;
	width				: 970px;
	overflow			: hidden;
}

#conteLlistat {
	width				: 870px;
	padding				: 0 50px 0 50px;
	overflow			: hidden;
}

#textePagina{
	padding				: 0 0 50px 30px;	
	margin				: 0 100px 0 0;
	font				: normal normal 12px/16px Arial, Helvetica, sans-serif;
}

#textePagina p{
	padding				: 2px 0 7px 0;	

}

.texteLlistat{
	padding				: 0 0 50px 0;	
}

#textePagina #titPagina{
	margin				: 0 165px 30px 0;
	padding				: 20px 0 10px 0;
}

#textePagina h2,
.texteLlistat h2{
	font				: normal bold 24px/30px Arial, Helvetica, sans-serif;
	color				: #ec931c;
	padding				: 0 0 15px 0;
	text-transform		: uppercase;
}

#textePagina h3 {
	font				: normal bold 14px/26px Trebuchet MS, Helvetica, sans-serif;	
}

#textePagina ul {
	padding				: 0 0 0 10px;
	font-size			: 12px;
	line-height			: 15px;
}
#textePagina ul li {
	padding				: 0 0 5px 15px;
	background			: url(../img/back_li_texte.png) 0 3px no-repeat;
}

.imgLeft {
	float				: left;		
}

.imgLeft img{
	margin				: 0 10px 0 0;	
}

.imgTop img{
	max-width			: 670px;
	margin				: 0 0 35px 0;
	
}

.imgBottom img {
	max-width			: 900px;
	margin				: 15px 0 0 0;	
}

.llistat {
	padding				: 0 0 50px 0;	
}

.llistat .imgTop img,
.llistat .imgBottom img {
	max-width			: 850px;
	border				: none;
}


#grupLink1{
	float				: left;
	width				: 380px;
}

#grupLink3 {
	width				: 380px;
	margin				: 0 0 0 450px;
}

.links {
	width				: 100%;
	overflow			: hidden;
	background			: url(../img/back_links.png) left bottom repeat-x;
	padding				: 0 0 10px 0;
}

.links h3 {
	font				: normal bold 14px/18px Arial, Helvetica, sans-serif;	
}

.links a {
	display				: inline-block;
	line-height			: 14px;
	background			: url(../img/ico_fletxa.png) right center no-repeat;
	color				: #266a14;
	padding				: 2px 20px 2px 2px;
}

.links .imgLeft a img{
	border				: 1px solid #FFF;
	max-width			: 150px;
}

.links .imgLeft a:hover img{
	border				: 1px solid #ec931c;		
}

.links .texte2 {
	margin				: 0 0 0 130px;	
	font				: normal normal 12px/14px Arial, helvetica, sans-serif;
}
.botons {
	padding				: 20px 0;
}

#textePagina  .botons  li {
	display				: inline-block;
	padding				: 0 15px 0 0;
	background			: none;
	*display			: inline;
}

.botons a {
	background			: #fff880;
	display				: inline-block;
	font				: normal normal 14px/35px "Arial black", Helvetica, sans-serif;
	padding				: 0 30px 0 30px;
	border				: 1px solid #ffc100;
	color				: #3b3d00;
}

.botons a:hover {
	background			: #ffc100;
	text-decoration		: none;
}

#mapaDireccio {
	width				: 220px;
	float				: left;
	padding				: 10px 10px 10px 10px;
	margin				: 0 10px 0 0;
}

#mapaGoogle {
	border-left			: 1px solid #c02d2a;
	padding				: 0 0 0 10px;
	margin				: 0 0 0 230px;
}

.condicions {
	margin				: 15px 0;
	border				: 1px solid #fdc20c;
	background			: #fff3ce;
	padding				: 15px;
}


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


#paginaHome {
	padding				: 20px 0 20px 20px;	
}

#texteHome {
	width				: 320px;
	overflow			: hidden;
	float				: left;
	background			: #c02d2a url(../img/back_texte_pagina.png) left top repeat-x;
	color				: #FFF;
	padding				: 20px;
	border				: 2px solid #e2cf96;
}

#texteHome h2 {
	font-size			: 21px;
	font-weight			: bold;
	color				: #6d0401;
	padding				: 0 0 10px 0;
}

#texteHome p {
	line-height			: 15px;
	padding				: 0 0 7px 0;
}

#grupBannersHome {
	overflow			: hidden;
	margin				: 0 0 0 390px;
	color				: #FFF;
	width				: 550px; /* per Chrome */
}

#grupBannersHome dl {
	float				: left;
	margin				: 0 20px 10px 0;
	height				: 180px;
	width				: 156px;
	position			: relative;
	overflow			: hidden;
}


#grupBannersHome a, #grupBannersHome a:link, #grupBannersHome a:visited {
	color				: #FFF;	
}

#grupBannersHome dt {
	font-size			: 14px;
	font-weight			: bold;
}

#grupBannersHome dt.titBanner {
	position			: absolute;
	top					: 80px;
	left				: 10px;
}


#grupBannersHome dt img {
	border				: 2px solid #e2cf96;
	background			: #FFF;
	padding				: 1px;
}

#grupBannersHome dt a, #grupBannersHome dt a:link, #grupBannersHome dt a:visited  {
	color				: #FFF;	
	display				: block;
}

#grupBannersHome dd {
	font-size			: 11px;
	font-weight			: normal;
	line-height			: 13px;
	background			: url(../img/back_banner_home_texte.png) left top no-repeat;
	padding				: 10px 4px 0 7px;
	height				: 47px ; /* =57-10*/
}

#grupBannersHome dd a, #grupBannersHome dd a:link, #grupBannersHome dl a:visited{
	color				: #472101;
}

#grupBannersHome dd a:hover {
	text-decoration		: none;
	color				: #FFF;
}

#grupBannersHome dt a, #grupBannersHome dt a:link, #grupBannersHome dt a:visited  {
	color				: #FFF;	
	display				: block;
}
#grupBannersHome dt a:hover {
	text-decoration		: none;	
}

#novetatsHome p {
margin:0;
padding:0;
}

#novetatsHome p a {
font-size: 13px;
font-weight: bold;
color: #FFF;
border: 1px solid #FFF;
padding: 5px 7px;
margin:2px 0 5px 0;
background: #c23129;
display:block;
}

#novetatsHome p a:hover{
color: #f8be07;
text-decoration: none;
}

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

#banners a {
	display				: block;
	float				: left;
	color				: #FFF;
	text-align			: center;
	background			: #7e3b02 url(../img/back_banners_a.png) left center repeat-x;
	padding				: 3px;
	margin				: 5px;
	position			: relative;
}

#banners a:hover {
	text-decoration		: none;
	color				: #febf10;
}

#banners a span {
	display				: block;
	padding				: 8px 0 0 0;
	height				: 32px;
	width				: 210px;
	text-align			: center;
	background			: #7e3b02 url(../img/back_banners_span.png) left bottom repeat-x;
	font-weight			: bold;
	font-size			: 14px;
	border-top			: 1px solid #2d1601;
}

#banners a img {
	width				: 210px;
	
}

#banners a strong img, #banners a:link strong img, #banners a:visited strong img {
	width				: 48px;
	position			: absolute;
	display				: none;
	bottom				: 15px;
	left				: 2px;
}

#banners a:hover strong img {
	display				: block;
}


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

#peu address {
	text-align			: center;
	color				: #FFF;
	padding				: 20px 0 50px 0;
}

#peu address a {
	color				: #FFF;
}