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

html {
	background			: url(../img/back_html.png) top left repeat-x #b3e1ff;	
}

body {
	background			: url(../img/back_body.jpg) top center no-repeat;
	color				: #3b3b3b;
}

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

#grupPag {
	overflow			: hidden;
	padding				: 0 20px 0 20px;
	width				: 920px; /*960-20-20= 920*/ /* per ie6 */
	background			: #FFF;
}

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

#cabe {
	/* background			: url(../img/back_menu_sup.png) bottom left repeat-x; */
	position			: relative;
	border-bottom		: 1px solid #aeacac;
}

#idiomes {
	text-align			: right;
	font-size			: 11px;
	margin				: 0 0 122px 0;
}

#idiomes a {
	display				: inline-block;
	color				: #FFF;	
	margin				: 0 0 0 20px;
	padding				: 2px 0 3px 0;
}

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

#idiomes img {
	vertical-align		: middle;
}

.mesIdiomes {
	font-size			: 10px;	
}

#menuSuperior {
	 font				: normal normal 12px/12px "Trebuchet MS", Trebuchet, serif;
	 overflow			: hidden;
	 width				: 960px;
	 background			: url(../img/back_menu_sup.png) top left repeat-x #FFF;
	 border-top			: 3px solid #29a92e;
}

#menuSuperior li {
	float				: right;
	border-right		: 1px solid #aeacac;
	border-left			: 1px solid #FFF;
	
}

#menuSuperior a{
	 display			: block;
	 padding			: 3px 20px;
	 height				: 1% /* per ie6 */;
	 float				: left /* per ie6 */;
	 color				: #FFF;
}

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

#logoPineda {
	position			: absolute;
	top					: 0px;
	padding				: 0 0 0 17px; /* per ie6 */;

}

#logoParc {
	position			: absolute;
	top					: 75px;
	right				: 17px;
}

/* Cada menu té un verd diferent */

#menuSup5 a {
	color				: #087230;	
}

#menuSup5 a:hover {
	background			: #087230;	
}

#menuSup21 a {
	color				: #89bf01;	
}

#menuSup21 a:hover {
	background			: #89bf01;	
}
#menuSup10 a {
	color				: #41a52b;	
}

#menuSup10 a:hover {
	background			: #41a52b;	
}

/* el boto de reserves */
#menuSup20 a {
	background			: url(../img/back_menu_reserves.png) top left repeat-x #aed34f;
	color				: #FFF;
}
#menuSup20 a:hover {
	background			: #b3d24e;
}
#menuSuperior strong {
	display				: block;
	text-transform		: uppercase;
	font				: normal bold 20px/20px "Arial Narrow", Helvetica, sans-serif;
}
 
 /*---------------------------------------------
//  menu Lateral
//---------------------------------------------
*/
 
#menuLateral {
	width				: 202px;
	float				: left;
	padding				: 15px 0 190px 0;
	position			: relative;
}
 
#cabeTelefon {
	padding				: 10px 0 20px 40px;
	font-size			: 14px;
	font-weight			: bold;
	background			: url(../img/back_cabe_telefon.png) top left no-repeat;
	
}
 
#menuLatTop {
	height				: 10px;
	background			: url(../img/back_menu_lat_top.png) top left no-repeat #FFF;
	overflow			: hidden; /* per ie 6 */
}

#menuLatBottom {
	height				: 10px;
	background			: url(../img/back_menu_lat_bottom.png) top left no-repeat #FFF;;
}

#menuLateral ul{
	background			: #eceaea;
}

#menuLateral li{
	border-bottom		: 1px solid #dedede;
	border-top			: 1px solid #FFF;
	position			: relative; /* per ie6 */
}

#menuLateral li.selected {
	background			: #cacaca;
}
#menuLateral li:first-child{
	border-top			: none;	
}

#menuLateral li:last-child{
	border-bottom		: none;	
}


#menuLateral li a{
	display				: block;
	height				: 1%; /* per ie6 */
	font				: normal bold 16px/16px "Arial Narrow", Helvetica, sans-serif;
	color				: #454545;
	padding				: 10px;
}

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

#menuLateral li li{
	border				: none;
	background			: none;
}

#menuLateral li li a{
	font				: normal normal 14px/16px "Arial Narrow", Helvetica, sans-serif;
	color				: #454545;
	padding				: 2px 10px 2px 20px;
}

li#menuLat5{
	display				: none;
}
/* boto ofertes */
li#menuLat10 a {
	color				: #89bf01;	
}

li#menuLat10 a:hover {
	background			: #dbecb2;	
}

/* boto info */
li#menuLat21 a {
	color				: #41a52b;	
}

li#menuLat21 a:hover {
	background			: #c6e4bf;	
}

/* reserves */
li#menuLat20 a {
	color				: #087230;
}
 
li#menuLat20 a:hover {
	background			: #b4d4c0;	
}

li#menuLat27 a{
	color				: #2870ad;	
}

li#menuLat27 a:hover {
	background			: #b9e1fe;	
}



a#bannerReservas, a.bannerPreu, a#bannerReservas:visited, a.bannerPreu:visited{
	display				: block;
	height				: 98px;
	position			: relative;
	color				: #FFF;
	margin				: 10px 0 0 0;
	overflow			: hidden;
}



a#bannerReservas strong, a.bannerPreu strong {
	display				: block;
	top					: 70px;
	left				: 0;
	position			: absolute;
	text-align			: center;
	font-size			: 12px;
	line-height			: 13px;
	width				: 200px;
}

a#bannerReservas strong {
	top					: 75px;
}

a.bannerPreu em {
	display				: block;
	position			: absolute;
	top					: 0;
	width				: 200px;
	height				: 100px;
	cursor				: pointer;
	background			: url(../img/banner_plantilla.png) top left no-repeat;
	_background			: url(../img/banner_plantilla_ie6.png) top left no-repeat;
}




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

#pagina {
	margin				: 20px 0 20px 230px;
}

#titPagina {
	padding				: 0 0 20px 0;
	border-bottom		: 5px solid #3b3b3b;
	margin				: 0 0 30px 0;
}

#titPagina h1 {
	font				: normal bold 44px/44px "Arial Narrow", Helvetica, sans-serif;
	color				: #3b3b3b;
	
}

#titPagina h2 {
	font				: normal normal 12px/12px "Arial Narrow", Helvetica, sans-serif;
	text-transform		: uppercase;
	color				: #c3c3c3;
}

.imgTop img{
	border				: 5px solid #c3c3c3;
	margin				: 0 20px 20px 0;
	max-width			: 450px;
}

.imgTop {
	float				: left;	
}

.imgBottom img {
	border				: 5px solid #c3c3c3;
	margin				: 0 20px 20px 0;
	max-width			: 600px;
}

.imgBottom {
	text-align			: center;
}

#textePagina {

	overflow			: hidden;
}

.linkPDF  img{
	vertical-align		: middle;
}

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

.llistat {
	width				: 100%;
	overflow			: hidden;
}

.ofertes h2 {
	font				: normal bold 18px/20px "Arial Narrow", Helvetica, sans-serif;
	text-transform		: uppercase;
	color				: #3b3b3b;
	border-bottom		: 4px solid #c3c3c3;
	padding				: 0 0 10px 0;
	margin				: 0 0 15px 0;
}

.ofertes {
	padding				: 0 0 30px 0;
	overflow			: hidden;
}

.ofertes img {
	max-width			: 400px;
	float				: right;
	margin				: 0 0 5px 10px;
	border				: 2px solid #c3c3c3;
}


a.linkReserves{
	display				: inline-block;
	border				: 1px solid #c6d86d;
	font				: normal bold 18px/22px "Arial Narrow", Helvetica, sans-serif;
	padding				: 5px 25px 7px 25px;
	margin				: 10px 20px 0 0;
	color				: #FFF;
	text-decoration		: none;
	background			: url(../img/back_menu_reserves.png) top left repeat-x #aed34f;
}


a.linkReserves:hover {
	background			: #b3d24e;
}

.llistat h2 {
	font				: normal bold 18px/20px "Arial Narrow", Helvetica, sans-serif;
	text-transform		: uppercase;
	color				: #c3c3c3;
	border-bottom		: 4px solid #c3c3c3;
	margin				: 5px 0 10px 0;
}

.llistat img {
	padding				: 0 10px 10px 0;
	float				: left;
	
}


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

.links {
	width				: 680px; /* per ie6 */
	overflow			: hidden;
}

.links h2 {
	font				: normal bold 18px/20px "Arial Narrow", Helvetica, sans-serif;
	text-transform		: uppercase;
	color				: #c3c3c3;
	border-bottom		: 4px solid #c3c3c3;
}

.links .imgLeft {
	padding				: 10px 0 10px 0;
	float				: left;
	width				: 240px;
	text-align			: center;
}

.links img {
	max-width			: 200px;
	border-bottom		: 4px solid #c3c3c3;
	padding				: 0 0 5px 0;
	
}

.links p {
	margin				: 10px 0 10px 0;
}

.links a {
	display				: inline-block;
	color				: #89bf01;
	border				: 1px solid #89bf01;
	font-weight			: bold;
	text-decoration		: none;
	padding				: 5px 10px;
}

.links a:hover {
	background			: #89bf01;
	color				: #FFF;
	text-decoration		: none;
}


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

/* video */

#videoHome {
	border				: 1px solid #000;
	color				: #FFF;
	width				: 678px;
	background			: url(../img/back_video_home.png) top left repeat-x #000;
	margin				: 0 0 15px 0;
	overflow			: hidden;
}

#videoHome #video{
	float				: left;
}

#videoHome embed{
	float				: left;
}

#videoHome h3 {
	font				: normal bold 19px/20px "Arial Narrow", Helvetica, sans-serif;
	padding				: 30px 20px 20px 0;
}


.texteVideo {
	margin				: 0 15px 0 470px;
}

/* preu mínim garantit*/

#preuMinim {
	background			: url(../img/back_preu_garantit.jpg) top left repeat-x #8fc112;
	color				: #FFF;
	text-align			: center;
	width				: 678px;
	margin				: 0 0 15px 0;
	border				: 1px solid #77a406;
	padding				: 8px 0;
	font-weight			: bold;
	font-size			: 12px;
}

#preuMinim h2 {
	font				: normal bold 19px/20px "Arial Narrow", Helvetica, sans-serif;
	padding				: 0 0 5px 0;
}

/* ofertes */

#ofertaHome{
	position			: relative;
	overflow			: hidden;
	width				: 680px;
	height				: 320px;
	border-top			: 1px solid #011a52;
	border-bottom		: 1px solid #011a52;
}

#ofertaHome img {
	width				: 685px;	
}

#texteOferta {
	background			: #011a52;
	position			: absolute;
	left				: 450px;
	top					: 0;
	color				: #FFF;
	width				: 238px;
	height				: 320px;
	border-left			: 1px solid #2b4377	;
	opacity				: .8;
	filter				: alpha(opacity=80); /* per ie6 i ie7, per transparencia*/
	zoom				: 1; /* per ie6 i ie7, per transparencia*/
}

#ofertaHome h3 {
	font				: normal bold 19px/20px "Arial Narrow", Helvetica, sans-serif;
	padding				: 30px 20px 20px 20px;
	
}

#ofertaHome p {
	padding				: 0 20px 20px 20px;
	font				: normal normal 12px/16px Arial, Helvetica, sans-serif;
}

a.ofertaLink{
	display				: block;
	border-top			: 1px solid #c6d86d;
	border-bottom		: 1px solid #c6d86d;
	font				: normal bold 18px/20px "Arial Narrow", Helvetica, sans-serif;
	padding				: 5px 0 5px 15px;
	margin				: 0 20px 0 20px;
	color				: #FFF;
	text-decoration		: none;
	background			: url(../img/back_link_oferta.png) left 50%  no-repeat;
}


a.ofertaLink:hover {
	background			: #FFF;
	color				: #011a52;
	text-decoration		: none;
}


/* banners */
#bannersHome {
	overflow			: hidden;
	border-bottom		: 4px solid #c3c3c3;
	padding				: 20px 0 0 0;
}

#bannersHome div {
	float				: left;
	width				: 216px;
	margin				: 0 0 0 20px;
}

#bannersHome div:first-child {
	margin				: 0;
}
#bannersHome h4 {
	font				: normal bold 16px/20px "Arial Narrow", Helvetica, sans-serif;
	border-bottom		: 4px solid #c3c3c3;
	text-transform		: uppercase;
	color				: #c3c3c3;
}

#bannersHome a {
	display				: block;
	text-decoration		: none;
	padding				: 10px 0;
}

#bannersHome a:hover {
	background			: #ededed;	
}

#bannersHome a strong {
	display				: block;
	font				: normal bold 16px/16px "Arial Narrow", Helvetica, sans-serif;
	color				: #89bf01;
	padding				: 4px 0 8px 0;
}

#bannersHome a em {
	display				: block;
	color				: #454545;
	background			: url(../img/back_banner_home.png) left 50%  no-repeat;
	padding				: 0 0 0 15px;
	font-size			: 12px;
	line-height			: 14px;
}

#bannersHome a img {
	width				: 212px;
	height				: 120px;
	border				: 2px solid #c3c3c3;
}
#bannersHome a:hover img {
	border				: 2px solid #011a52;
}


/* novetats */

#novetatsHome {
	overflow			: hidden;
	width				: 680px;
}

#novetatsHome h4 {
	font				: normal bold 16px/20px "Arial Narrow", Helvetica, sans-serif;
	text-transform		: uppercase;
	color				: #c3c3c3;
	padding				: 20px 0 8px 0;
}

#grupNovetatsHome div {
	float				: left;
	width				: 155px;
	margin				: 0 0 0 18px;
}

#grupNovetatsHome div:first-child {
	margin				: 0;
}

.novetat h5 {
	font-size			: 11px;
	line-height			: 12px;
	font-weight			: bold;
	text-transform		: uppercase;
	color				: #087230;
	padding				: 0 0 4px 0;
}

.novetat p {
	font-size			: 11px;
	line-height			: 13px;
}

.novetat img {
	max-width			: 155px;
	border				: 1px solid #c3c3c3;
	margin				: 3px 10px 10px 0;
}

.novetat a {
	color				: #454545;	
}

.sloganNovetat {
	border				: 1px solid #c3c3c3;
	padding				: 6px;
	background			: #f3f3f3;
	font				: normal normal 11px/13px Arial, Helvetica, sans-serif;
	margin				: 0 0 10px 0;
}


.sloganNovetat strong{
	font-weignt			: bold;
}

#slogan {
	margin				: 0 0 20px 0;
	position			: relative;
	width				: 680px;
	overflow			: hidden;
}

#slogan img {
	width				: 680px;	
}

#slogan p{
	position			: absolute;
	width				: 618px;
	border				: 1px solid #c3c3c3;
	background			: #f3f3f3;
	bottom				: 20px;
	left				: 20px;
	padding				: 10px;
	font				: normal normal 14px Arial, sans-serif;
	text-align			: left;
	opacity				: .8;
	filter				: alpha(opacity=80); /* per ie6 i ie7, per transparencia*/
	
}

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

#peu {
	font				: normal normal 11px/13px Arial, Helvetica, sans-serif;
	color				: #FFF;
	position			: relative;
	width				: 960px;
}

.interPeu {
	background			: url(../img/back_peu.png) top left repeat-x #244386;
	border-bottom		: 1px solid #00236f;
	padding				: 0 0 10px 50px;
}

#palmira {
	position			: absolute;
	top					: -180px;
}

#peu h3 {
	font				: normal bold 18px/20px Arial, Helvetica, sans-serif;
	text-align			: center;
	padding				: 5px 0 10px 0;
	letter-spacing		: 4px;
}

#peu a {
	color				: #FFF;
}

#peu address, #peuTelefon, #peuGPS {
	float				: left;
	padding				: 0 120px 0 10px;
}

/*
#peu address{
	background			: url(../img/ico_peu_direccio.png) top left no-repeat;
}

#peuTelefon{
	background			: url(../img/ico_peu_telefon.png) top left no-repeat;
}

#peuGPS{
	background			: url(../img/ico_peu_gps.png) top left no-repeat;
}
*/


#peuLegal {
	color				: black;
	text-align			: center;
	padding				: 5px;
	font-size			: 11px;
}
#lineaPeu {
	clear				: both;	
}

#menuInf {
	color				: black;
	padding				: 10px;
	text-align			: center;
	font-size			: 12px;
}

#menuInf a {
	color				: black;
	display				: inline-block;
	padding				: 0 10px 0 15px;
	background			: url(../img/back_guio_peu.png) 50% left no-repeat;
}

#menuInf a:first-child {
	background			: none;	
}