@charset "utf-8";

/* CSS Document */

body {

	font-family: Arial, Helvetica, sans-serif;

}

.menuTop{

	margin-top: -3px;

}

.menuTop li{

	display: inline-block;

	float: left;

	background: url(../images/menu.separator.gif) top left no-repeat;

	height: 26px;

	list-style: none;

}

.menuTop li:first-child{background:none;}

.menuTop li a{

	display: block;

	width: 130px;

	color: #FFFFFF;

	text-align: center;

	text-decoration: none;

	font-size: 14px;

	padding-top: 5px;



}

.menuTop li a:hover,

.menuTop li a.selected{

	color: #fcb131;

}

#menu ul{

	margin-top: 5px;

	margin-left: 0px;

	margin-left: -30px;

	list-style: none; 

}

#menu li{

	display: inline-block;

	background: url(../images/bgItemMenu.gif) 0 0 repeat-x;

	height: 22px;

	width: 121px;

	margin-right: 9px;

	float: left;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

#menu li a{

	display: block;

	text-decoration: none;

	color: #004785;

	text-align: center;

	padding-top: 6px;

	font-size: 12px;

	font-weight:bold;

}

#menu li a:hover,

#menu li a.selected{

	color: #FFFFFF;

}





#reserves h2{

	font-size: 14px;

	font-weight: bold;

	color: #004785;

	background-color: #c6d6e3;

	padding-left: 5px;

	margin-bottom: 10px;

}

.form{

	width: 168px;

	margin-bottom: 6px;

	background-color: #ecf1f6;

	border: 1px solid #bfdaeb;

	color: #004785;

	padding-left: 3px;

}

.form-select{

	width: 173px;

	margin-bottom: 6px;

	color: #004785;

	background-color: #ecf1f6;

	border: 1px solid #bfdaeb;

}

.persones{width: 82px;}

.data{

	color: #FFFFFF;

	font-size: 12px;

	margin-top: 15px;

	display: inline-block;

	

}

.form-date{

	width: 134px;

	margin-right: 10px;

	margin-bottom: 6px;

	color: #004785;

	background-color: #ecf1f6;

	border: 1px solid #bfdaeb;

	padding-left: 3px;

}

.form-area{

	width: 168px;

	margin-bottom: 6px;

	background-color: #ecf1f6;

	border: 1px solid #bfdaeb;

	color: #004785;

	padding-left: 3px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

.form-send{

	background-color: #004785;

	border: none 0;

	color: #FFFFFF;

	padding: 1px 5px;

	margin-right: 10px;

	float: right;

	margin-right: 11px;

	cursor: pointer;

}

.form-send-contact{

	background-color: #004785;

	border: none 0;

	color: #FFFFFF;

	padding: 1px 5px;

	cursor: pointer;

}

.calendar{

	margin-bottom: -5px;

	cursor: pointer;

	vertical-align:baseline;

}



.linksRight{

	background: url(../images/bgArrow.gif) 0 0 no-repeat #d9e3ed;

	height: 17px;

	display: block;

	padding-left: 20px;

	color: #004785;

	font-size: 14px;

	margin-top: 4px;

	padding-top: 3px;

	text-decoration: none;

}



.contactBtn{

	display:block;

	background: url(../images/bgContacte.gif) 0 0 no-repeat;

	font-size: 14px;

	text-align: center;

	width: 102px;

	height: 20px;

	color: #FFFFFF;

	text-decoration: none;

	padding-top: 2px;

}

.contactTel{

	display: block;

	font-size: 12px;

	font-weight: bold;

	color: #004481;

	letter-spacing: 1px;

	margin-top: 3px;

	}

.contactMail{

	display: block;

	font-size: 12px;

	font-weight: bold;

	color: #004481;



	text-decoration: none;

	}

.contactMail:hover{

	text-decoration: underline;

}

#blockNews{

	height: 125px;

	background:url(../images/bg-new-video.gif) 0 0 repeat-y  #d0dde8;

	padding-top: 10px;

	margin-top: -3px;

}

#news{

	width: 170px;

	margin-left: 15px;

	margin-bottom: 20px;

	background-color: #d0dde8;

}

.new{

	font-size: 12px;

	line-height: 12px;

	color: #326ea4;	

	background-color: #d0dde8;

	height: 23px;

}

.new a{

	color: #326ea4;

	text-decoration: none;	

}

#FootCol1 a{ 

	background: url(../images/foot-arrow.gif) 0 4px no-repeat;

	padding: 5px 25px;

	display:block;

	text-decoration: none;

	color: #004785;

	margin-bottom: 5px;

}

#FootCol1 a:hover{background-position: 4px 4px;}



#FootCol2 a.preus{

	background: url(../images/preus.png) 0 0 no-repeat transparent;

	display:block;

	text-decoration: none;

	color: #004785;

	font-size: 16px;

	padding-top: 20px;

	padding-left: 60px;

	padding-bottom: 15px;

}

#FootCol2 a.contacte{

	background: url(../images/contacte.png) 0 0 no-repeat transparent;

	display:block;

	text-decoration: none;

	color: #575f77;

	font-size: 14px;

	padding-top: 7px;

	padding-left: 38px;

	padding-bottom: 5px;

	float:right;

	margin-top: 5px;

	margin-right: 3px;

	width: 84px

}



#FootCol3 h4{

	font-size: 14px;

	color: #004785;

	width: 130px;

	margin-top: 5px;

}

#FootCol3 a{

	font-size: 12px;

	text-indent: 80px;

	color: #004785;

	text-decoration:none;

	width: 24px;

	height: 24px;

	overflow: hidden;

	margin: 0px 6px;

	display:inline-block;

}

#FootCol3 a.youtube{ background:url(../images/socials.gif) 0 0 no-repeat;}

#FootCol3 a.facebook{ background:url(../images/socials.gif) 0 -24px no-repeat;}

#FootCol3 a.twitter{ background:url(../images/socials.gif) 0 -48px no-repeat;}

#FootCol3 a.flickr{ background:url(../images/socials.gif) 0 -72px no-repeat;}



#creditsBlock h3{

	font-size: 15px;

	color: #004785;

}

#creditsBlock a{

	font-size: 12px;

	color: #FFFFFF;

	text-decoration: none;

	margin-bottom: 10px;

	display: block;

}

.credits,

.legal,

.privacitat{

	display: inline-block;

	float: right;

	color: #CCC;

	font-size: 12px;

	padding-top: 5px;

	cursor: pointer;

	margin: 0 10px;

}



#gallery img{

	border: 1px solid #004785;

	margin-bottom: 7px;

}

#gallery-staff img{

	border: 1px solid #004785;

	margin: 7px;

	float: left;

}

.text-staff{

	top: 5px;

	float: left;

	padding: 0px 10px;

	width: 480px;

}

/*

	--------------------------------------------

	Estils per al text

	--------------------------------------------	

*/

h1.header{

	background-position: 0 0;

	background-repeat: no-repeat;

	width: 770px;  /* 790px - padding */

	height: 34px;  /* 100px - padding */

	font-size: 18px;

	font-weight: bold;

	color: #004785;

	padding-top: 66px;

	padding-left: 20px;

}

h1.gallery{

	background: url(../images/header_Gallery.png) 0 0 no-repeat;

	width: 770px;  /* 790px - padding */

	height: 32px;  /* 34px - padding */

	font-size: 18px;

	font-weight: bold;

	color: #004785;

	padding-top: 2px;

	padding-left: 20px;

}



h1{color: #004785;padding-left: 20px;}

h2{color: #004785;padding-left: 20px;}

h3{color: #004785;padding-left: 20px;}

h4{color: #004785;padding-left: 20px;}

h5{color: #004785;padding-left: 20px;}

h6{color: #004785;padding-left: 20px;}



p {

	color:#004785;

	font-size: 14px;

	line-height: 18px;

	text-align: justify;

	margin-bottom: 10px;

}

p a {

	color:#004785;

	text-decoration: underline;

	}

p a.b {

	color:#004785;

	text-decoration: underline;

	font-weight: bold;

	}

p a.highlight {

	background: #b2c7da;

	color: #004785;

	padding: 4px;

	text-decoration: underline;

}



strong.highlight {

	background: #fcb131;

	color: #004785;

	padding: 2px 4px;

	text-decoration: none;

	font-weight: normal;

}

strong.highlightBold {

	background: #fcb131;

	color: #004785;

	padding: 2px 4px;

	text-decoration: none;

	font-weight: bold;

}



.photo_gallery{

	display: inline-block;

	text-decoration: none;

	margin: 15px 5px;

	text-align: center;

	

}

.photo_gallery span{

	display: block;

	text-align: center;

	font-size: 12px;

	padding: 4px 0px;

	width: 120px;

	color: #394f61;

}

.photo_gallery div.border{

	border: 1px solid #6e9bc2;

}

.photo_gallery div.block{

	border: 3px solid #FFF;

	width: 120px;

	height: 90px;

	text-align: center;

	vertical-align: middle;

	overflow: hidden;

}







.contactForm{

	width: 180px;

	padding: 20px;

	background-color: #a0bad1;

	border: 1px solid #bfdaeb;

}



.columnContacte p{

	font-size: 12px;

	line-height: 13px;

	margin-top: 10px;

}





/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> estils marquesina  <<<----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

.pointer {cursor: pointer; } 

.marqueeLines{

	/*border-top: 1px solid #497ba7;*/

	/*border-bottom: 1px solid #497ba7;*/

	margin-bottom: 0px;

	width: 760px;

	margin-left: 20px;

}

.marquesina p {

	color: #0d3960;

	font-weight: bold;

	font-size: 11px;

}





/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> estils Galeria  <<<-------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#menuGallery,

#menuGallery ul{

	margin: 0;

	padding: 0;

}



#menuGallery li{

	background: url(../images/galleryArrow.gif) 0 0 no-repeat;

	margin: 5px 0px;

	padding-left: 20px;

}

#menuGallery li{margin: 5px 0px;}

#menuGallery li ul{ margin-left: 10px;}

#menuGallery li ul li{ 

	background: none;

	padding-left: 0;

}

#menuGallery li ul li a:hover{

	color: #222;

	background-color: #7aaedc;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



#menuGallery li a{

	text-decoration: none;

	color: #004785;

}

#menuGallery li ul li a{

	text-decoration: none;

	font-size: 13px;

	color: #467aa8;

	padding: 3px 20px 3px 5px;

}



#menuGallery li ul li a.selected{

	text-decoration: none;

	font-size: 13px;

	color: #FFFFFF;

	padding: 3px 20px 3px 5px;

	background-color: #467aa8;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}





/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> estils taula / taules <<<-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

.tableTop{

	background: url(../images/table.bg.gif) 0 0 no-repeat;

	height: 17px;

	font-size: 0px;

}

.tableBottom{

	background: url(../images/table.bg.gif) 0px -17px no-repeat;

	height: 17px;

	font-size: 0px;

}

.tableContent{

	background-color: #b1c4d5;

	padding: 20px;

	margin-right: 5px;

}

.tableContent table,

.tableContent th,

.tableContent td{

	border: 1px solid #0d3960;

}

.tableContent h3{

	font-size: 20px;

	font-weight: bold;

	letter-spacing: 2px;

	color: #0d3960;

	border-bottom: 1px solid #0d3960;

	margin-bottom: 10px;

}

.producteVenda span{

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 10px;

	display: inline-block;

}

.tableContent table{

	margin-top: 20px;

}

.tableContent th{

	font-size: 14px;

	font-weight: bold;

	background-color: #cfdbe7;

	padding: 5px;

}

.tableContent td {

	padding: 5px;

	background-color: #FEFEFE;

	border-bottom: #CCCCCC;

}

.tableContent td a{

	display: block;

	color: #0d3960

}

.tableContent td a:hover{

	text-decoration: underline;

}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> links / enllaços      <<<-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

.links{

	background-color: #7aaedc;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	padding: 10px;

}

.links a{

	display: block;

	padding: 5px 12px;

	margin: 5px 0px;

	color: #FFFFFF;

	font-size: 12px;

	text-decoration: none;

	background-color: #467aa8;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> BONUS REGAL           <<<-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

.bonus-regal{

	padding: 120px 10px 10px 10px;

	width: 790px;

	font-family: Arial, Helvetica, sans-serif;

	margin: 20px;

	background: url(../photos/bonus/header-bonus-form.jpg) 0 0 no-repeat #ccdffe;

}

.bonus-regal fieldset {border: 1px solid #004785; width: 370px; height: 145px;}

.bonus-regal fieldset div{padding: 10px 20px;}

fieldset legend{font-size: 13px; color:#004785; padding: 0px 10px; font-weight: bold;}



.bonus-regal label{

	display: inline-block;

	margin-bottom: 10px;

	font-size: 12px;

	width: 140px;

	color: #004785;

}

.bonus-regal input.field{

	width: 180px;

}

.form-buttons{

	text-align: right;

	padding: 20px 6px;

}



.gracies{ height: 180px;}

.gracies h3{

	color: #004785;

	font-size: 18px;

	font-weight: bold;

}

.gracies p{

	color: #004785;

	font-size: 16px;

	padding: 20px;

}





.popup{

	padding: 10px;

}



.video img{

	border: 1px solid #5e8bb2;

	margin-left: 10px;

	margin-top: 5px;

}



#cool-to-action a{text-decoration: none;}

#cool-to-action h3{

	font-size: 14px;

	font-weight: bold;

	color: #004785;

	height: 35px;

	overflow:hidden;

}

#cool-to-action h4{

	font-size: 12px;

	font-weight: normal;

	color: #295f8b;

	height: 18px;

	overflow:hidden;

}







h2.TitleHome{

	padding: 0px 0px 10px 0px;

	color: #004785;

	font-size: 16px;

	letter-spacing: 1px;

}



#ContentHome p{

	padding: 0px 0px 5px 0px;

	color: #FFFFFF;

	font-size: 14px;

	line-height: 20px;

}

span.signatura{

	color: #004785;

	font-size: 14px;

	font-style:italic;

}

.errorField{
	border: 2px solid #a0191f;
}


.c{ clear:both; line-height: 0; font-size: 0px;}

.block{ display: block;}

.fl{ float: left;}

.fr{ float: right;}



.m0{margin:0px}     .mt0{margin-top:0px}   .mr0{margin-right:0px}   .mb0{margin-bottom:0px}   .ml0{margin-left:0px}

.m5{margin:5px}     .mt5{margin-top:5px}   .mr5{margin-right:5px}   .mb5{margin-bottom:5px}   .ml5{margin-left:5px}

.m10{margin:10px}	.mt10{margin-top:10px} .mr10{margin-right:10px} .mb10{margin-bottom:10px} .ml10{margin-left:10px}

.m15{margin:15px}	.mt15{margin-top:15px} .mr15{margin-right:15px} .mb15{margin-bottom:15px} .ml15{margin-left:15px}

.m20{margin:20px}	.mt20{margin-top:20px} .mr20{margin-right:20px} .mb20{margin-bottom:20px} .ml20{margin-left:20px}

.m24{margin:24px}	.mt24{margin-top:24px} .mr24{margin-right:24px} .mb24{margin-bottom:24px} .ml24{margin-left:24px}

.m25{margin:25px}	.mt25{margin-top:25px} .mr25{margin-right:25px} .mb25{margin-bottom:25px} .ml25{margin-left:25px}

.m30{margin:30px}	.mt30{margin-top:30px} .mr30{margin-right:30px} .mb30{margin-bottom:30px} .ml30{margin-left:30px}





.p0{padding:0px}	.pt0{padding-top:0px}   .pr0{padding-right:0px}   .pb0{padding-bottom:0px}   .pl0{padding-left:0px}

.p5{padding:5px}	.pt5{padding-top:5px}   .pr5{padding-right:5px}   .pb5{padding-bottom:5px}   .pl5{padding-left:5px}

.p10{padding:10px}	.pt10{padding-top:10px} .pr10{padding-right:10px} .pb10{padding-bottom:10px} .pl10{padding-left:10px}

.p15{padding:15px}	.pt15{padding-top:15px} .pr15{padding-right:15px} .pb15{padding-bottom:15px} .pl15{padding-left:15px}

.p20{padding:20px}	.pt20{padding-top:20px} .pr20{padding-right:20px} .pb20{padding-bottom:20px} .pl20{padding-left:20px}

.p24{padding:24px}	.pt24{padding-top:24px} .pr24{padding-right:24px} .pb24{padding-bottom:24px} .pl24{padding-left:24px}

.p25{padding:25px}	.pt25{padding-top:25px} .pr25{padding-right:25px} .pb25{padding-bottom:25px} .pl25{padding-left:25px}

.p30{padding:30px}	.pt30{padding-top:30px} .pr30{padding-right:30px} .pb30{padding-bottom:30px} .pl30{padding-left:30px}