.color-fons {
background-color:#01236a;
}

.cela-left{
	background-image:url(imatges/fons_left.jpg);
	background-position:top right;
	background-repeat:repeat-y;
	}
	
.cela-central{
	width:59.375em;/*950px*/
	background-image:url(imatges/fons_central.jpg);
	background-repeat:repeat-y;
	}
	
.cela-left2{
	background-image:url(imatges/fons_left2.jpg);
	background-position:top right;
	background-repeat:repeat-y;
	}
	
.cela-central2{
	width:59.375em;/*950px*/
	background-image:url(imatges/fons_central2.jpg);
	background-repeat:repeat-y;
	}
	
.cela-left3{
	background-image:url(imatges/fons_left3.jpg);
	background-position:top right;
	background-repeat:repeat-y;
	}
	
.cela-central3{
	width:59.375em;/*950px*/
	background-image:url(imatges/fons_central3.jpg);
	background-repeat:repeat-y;
	}
	
.cela-left4{
	background-image:url(imatges/fons_left4.jpg);
	background-position:top right;
	background-repeat:repeat-y;
	}
	
.cela-central4{
	width:59.375em;/*950px*/
	background-image:url(imatges/fons_central4.jpg);
	background-repeat:repeat-y;
	}			
	
/* CAPCELERA */

#contanier-capcelera{
	width:59.375em;/*950px*/
	height:8.375em;/*134px*/
	}
	
.cela-left-logo{
	width:10.3125em;/*165px*/
	height:8.375em;/*134px*/
	}
	
.cela-logo{
	width:30.125em;/*482px*/
	height:8.375em;/*134px*/
	}
	
.taula-navegacio{
	width:15.625em;/*250px*/
	float:right;
	margin-top:5.625em;/*90px*/
	}
.cela-navegacio{
	width:4.375em;/*70px*/
	}	
	
a.idioma:active,
a.idioma:visited,
a.idioma:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6875em;/*11px*/
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	}
a.idioma:hover{
	color:#84a6ef;
	}
	
.margin-ico-navegacio{
	margin-left:1.25em;
	}
	
/* CONTINGUT */

#contanier-contingut{
	width:59.375em;/*950px*/
	float:left;
	}
	
#div-left-contingut{
	width:13.9375em;/*223px*/
	float:left;
	}
	
#div-right-contingut{
	width:45.4375em;/*727px*/
	float:right;
	}
	
.taula-menu{
	width:12.8125em;/*205px*/
	
	margin-top:0.3125em;
	}
	
a.menu:active,
a.menu:visited,
a.menu:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;/*12px*/
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	}
a.menu:hover{
	color:#84a6ef;
	}
	
.txt-petit-menu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9375em;/*15px*/
	font-weight:normal;
	color:#c5d5f8;
	text-decoration:none;
	}	
	
.padding-cela-menu{
	padding:0.3125em 0em;
	}
	
.separador-menu{
	height:0.06250em;
	background-image:url(imatges/separador_menu.gif);
	}
	
#div-img-central{
	width:44.8125em;/*717px*/
	height:24.375em;/*390px*/
	border:0.3125em solid #ffffff;
	margin-bottom:1.8750em;/*30px*/
	background-color:#FFFFFF;
	}
	
#div-img-central-instalacions{
	width:44.8125em;/*717px*/
	height:24.375em;/*390px*/
	border:0.3125em solid #ffffff;
	margin-bottom:0.8750em;/*30px*/
	background-color:#FFFFFF;
	}	
	
#div-img-central2{
	width:44.8125em;/*717px*/
	height:24.375em;/*390px*/
	border:0.3125em solid #ffffff;
	margin-bottom:0.93755em;/*15px*/
	background-color:#FFFFFF;
	}	
	
#div-img-central-petita{
	width:44.8125em;/*717px*/
	height:12.5em;/*200px*/
	border:0.3125em solid #ffffff;
	margin-bottom:1.8750em;/*30px*/
	background-color:#FFFFFF;
	}	
	
.cela-catalegs-destacats{
	width:14.375em;/*230px*/
	background-image:url(imatges/fons_logo_destacats.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}
	
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;/*13px*/
	font-weight:bold;
	color:#c7d5f1;
	text-decoration:none;
	margin-bottom:0.6250em;
	margin-top:0px;
	}
	
h2 {
color:#84a6ef;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}	
	
.txt-contingut{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;/*13px*/
	font-weight:normal;
	color:#ffffff;
	text-align:justify;
	}
	
a.txt-contingut{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;/*13px*/
	font-weight:normal;
	color:#c7d5f1;
	text-align:justify;
	text-decoration:none;
	}
	

	
	
#div-cataleg-ibook{
	width:14.375em;/*230px*/
	margin-top:1.25em;
	text-align:right;
	}
	
#div-cataleg-ibook2{
	width:14.375em;/*230px*/
	margin-top:1.25em;
	text-align:right;
	}
	
#div-cataleg-hotels{
	width:14.375em;/*230px*/
	margin-top:1.25em;
	text-align:right;
	}		
	
a.titol-cataleg:active,
a.titol-cataleg:visited,
a.titol-cataleg:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;/*16px*/
	font-weight:bold;
	color:#c7d5f1;
	text-decoration:none;
	}
a.titol-cataleg:hover{
	color:#84a6ef;
	}
	
.titol-cataleg2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;/*16px*/
	font-weight:bold;
	color:#c7d5f1;
	text-decoration:none;
	}
	
a.txt-cataleg:active,
a.txt-cataleg:visited,
a.txt-cataleg:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8125em;/*13px*/
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	}
a.txt-cataleg:hover{
	color:#84a6ef;
	}
	
/* PEU */

.taula-peu{
	width:12.8125em;/*205px*/
	
	margin-top:1.875em;
	}	
	
#div-peu{
	width:45.4375em;/*727px*/
	margin-bottom:6.25em;/*100px*/
	margin-top:2.5em;/*40px*/
	padding:0.625em 0em; 
	text-align:center;
	border-top:0.06250em solid #7c96cd;
	}
	
.txt-peu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;/*12px*/
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	text-align:right;
	}
	
a.mail-peu:active,
a.mail-peu:visited,
a.mail-peu:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;/*12px*/
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	}
a.mail-peu:hover{
	color:#84a6ef;
	}
	
a.firma:active,
a.firma:visited,
a.firma:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6875em;/*11px*/
	font-weight:normal;
	color:#7c96cd;
	text-decoration:none;
	}
a.firma:hover{
	color:#84a6ef;
	}
	
/* OUTLET */

.div-oferta{
	width:44.6875em;/*715px*/
	padding:0.3125em;
	border:0.0625em solid #ffffff;
	margin-bottom:1.8750em;/*30px*/
	margin-top:1.25em;/*20px*/
	}
	
.cela-img-oferta{
	width:15.625em;/*250px*/
	background-color:#33508c;
	}
	
.cela-contingut-oferta{
	background-color:#33508c;
	}
	
.taula-txt-oferta{
	width:95%;
	margin:0.6250em auto 0.6250em auto;
	}	
	
.titol-oferta{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#b7d2ff;
	text-decoration:none;
	}
	
.padding-txt-oferta{
	padding:0.3125em 0em;
	}
	
.taula-preu-oferta{
	width:4.375em;/*70px*/
	padding:0.4375em;/*7px*/
	background-color:#003366;
	}
	
.preu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.875em;/*14px*/
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	}
	
/* ACTUALITAT */

.taula-noticia{
	width:45.4375em;/*727px*/
	margin-bottom:1.25em;/*20px*/
	margin-top:1.25em;/*20px*/
	}
	
.separador-noticia{
	width:45.4375em;/*727px*/
	height:0.06250em;
	border-bottom:0.0625em dotted #c4d3ee;
	}
		
	
/* CONTACTE */

a.mail-contacte:active,
a.mail-contacte:visited,
a.mail-contacte:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;/*16px*/
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	}
a.mail-contacte:hover{
	color:#84a6ef;
	}
	
.taula-formulari{
	width:28.125em;/*450px*/
	}
	
.cela-txt-formulari{
	width:10em;/*160px*/
	}
	
.txt-google-maps{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;/*12px*/
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	}
	
/* INSTAL·LACIONS */

.taula-numeros{
	margin-bottom:0.9375em;
	}
	
.cela-numeros{
	width:1.875em;
	text-align:right;
	}
	
a.numeros:active,
a.numeros:visited,
a.numeros:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8125em;/*13px*/
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	}
a.numeros:hover{
	color:#84a6ef;
	}
	
.taula-dades-instalacions{
	width:95%;
	float:right;
	text-align:right;
	}
	
.txt-dades{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8125em;/*13px*/
	font-weight:normal;
	color:#ffffff;
	}
	
.txt-selecciona{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8125em;/*13px*/
	font-weight:normal;
	color:#a9e2ff;
	}																																									
	
.separador-instalacio{
	width:45.4375em;/*727px*/
	height:0.06250em;
	border-bottom:0.0625em dotted #33508c;
	margin-bottom:1.25em;
	}	
	
a.mapaweb:active,
a.mapaweb:visited,
a.mapaweb:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8125em;/*13px*/
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	}
a.mapaweb:hover{
	color:#84a6ef;
	}	
	
/* UTILITATS GENÈRIQUES */

.senseborde{
	border-width:0em;
	}
	
.aliniar-dreta{
	text-align:right;
	}
	
.aliniar-dalt{
	vertical-align:top;
	}						

/* BOTÓ TARIFES */

#div-btn-tarifes{
	width:13.9375em;/*223px*/
	height:4.375em;/*70px*/
	
	margin-top:1.25em;/*20px*/
	}
	
#div-btn-news{
	width:223px;/*223px*/
	height:70px;/*70px*/
	position:relative;
	z-index:1;
	}	
	
.div-historial-news{position:absolute;	top:52px;	left:130px;	width:70px; z-index:1; text-align:right;}
.div-historial-news a{	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;/*16px*/
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;}	

	
.cercador {
width:715px;
padding: 5px 5px;
background:#01236a;
border:1px solid #7c96cd;
margin: 10px 0px;
}

.cercador select {
margin-right:25px;
margin-right:12px;
}

dl.gallery {
float: left; width: 32%; padding: 0;  margin: 0 5px 5px 0; text-align:left;
height:19px; overflow:hidden;
}
dl.gallery dd {
	padding: .5em; margin: 0; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
}	

dl.gallery dd a{
	 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	 color:#FFFFFF;
	 text-decoration:none;
}

/* PLANA D'ERROR 404 */

h1.404b{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#01236a;
	text-decoration:none;
	text-align:center;
	}
	
#div-container-404{
	width:700px;
	margin:20px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	text-align:justify;
	}
	
a.link404:active,
a.link404:visited,
a.link404:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#01236a;
	text-decoration:none;
	}
a.link404:hover{
	color:#84a6ef;
	}
	
/* IBOOK -------------------------------------*/

#contenidor-ibook{
	width:1000px;
	height:630px;
	}
	
/* FORMULARIO CONTACTO */

#formulario-contact{width:430px; float:left; border:1px solid #8aa0d2; padding:13px; margin:5px auto 0px auto; overflow:hidden;}

p{margin:5px 0px; clear:both;}

#formulario-contact label { width:120px; height:20px;  float:left; margin:5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; /*color:#333333;*/}

h1.contacte{ margin:2px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#8aa0d2;} 
 
.txt-formulari{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff;}

.titol { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#333333; } 
 
 
/* Estilo para elementos input y textarea con foco. 
Cuando se selecciona uno de estos 
elementos el color de fondo cambia. 
*/ 
input:focus, textarea:focus { 
 background:#bbcffb; 
} 

.button-enviar{ width:50px; float:right; margin-top:5px; padding:3px 7px; background-color:#001032; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; border:1px solid #8aa0d2; clear:both;}

.camps{width:280px; float:right; padding:3px; margin:5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0037b0; border:1px solid #8aa0d2;}

.observacions{width:280px; height:70px; float:right; margin-top:5px; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0037b0; border:1px solid #8aa0d2;}


#div-container-articles{
	width:44.8125em;/*717px*/
	border:0.3125em solid #ffffff;
	margin-bottom:1.8750em;/*30px*/
	background-color:#FFFFFF;
	overflow:hidden;
	min-height:400px;
	}
	
div.article { width:20%; float:left; text-align:center; margin:8px 0px; }
div.article img { 	border:1px solid #01236a; }
div.article div { width:105px;    text-align:left; margin:auto; padding: 5px 0px;}
div.article a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#01236a; text-decoration:none; }

div.cerca { width:93%; background-color:#e5e5e5; clear:both; margin: 10px auto 15px auto; padding:7px; overflow:hidden  }
div.cerca label { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#01236a; text-decoration:none; width:50%; float:left; margin: 10px 0px 10px 0 }
div.cerca select { margin-right:5px;}

div.contenidor_titol, div.peu { width:95%;  margin: 10px auto; padding:7px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#01236a;   }
div.contenidor_titol h1,div.contenidor_titol h2{ color:#01236a; font-size:13px;/*13px*/	}

div.peu { text-align:right; }
div.peu .txt-contingut  { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#01236a; text-decoration:none;  }
div.peu a.txt-contingut{  font-weight:normal;   }
div.peu a.txt-contingut:hover { color:#990000; } 

div.separador { width:100%; border-top:1px solid #8aa0d2; margin:0px auto; clear:both }

.separadorcomercial  { border-bottom:1px solid #8aa0d2; padding-bottom:7px; padding-top:7px;  }

.clear { clear:both}

.foto-article { border:1px solid #01236a; float:left; margin: 0 15px 30px 0px}

.mides {  margin: 10px auto; overflow:hidden; } 
.mides td { text-align:center;}
.mides div { float:left; padding:3px;    min-height:85px; text-align:center; margin-bottom:2px; }
.mides div input {  margin-top:2px; }
.mida { width:28px; margin:auto; text-align:center;}
.mides img { border:0}
div.mides a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#01236a; text-decoration:none; }
div.mides a:hover { text-decoration:underline; }


.colors {  margin: 10px auto; overflow:hidden; } 
.colors div { float:left; padding:3px;  text-align:center; margin-bottom:2px; }

div.columna { width: 33%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; float:left; margin-bottom:10px; }
div.columna div{ width: 210px; margin:auto; text-align:justify;  }
div.columna h2{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#01236a; margin:5px 0px; }
div.columna img { border:0; }


#contenidor-galeria-article {  padding-left:0px; padding-top:0px; text-align:left}
#contenidor-galeria-article .gallery ul { list-style: none; padding:0px; margin:0px}
#contenidor-galeria-article .gallery ul li { display: inline;}
#contenidor-galeria-article .gallery ul img {border: 1px solid  #01236a; margin-bottom:15px; margin-right:5px}
#contenidor-galeria-article .gallery ul a:hover img {border: 1px solid #900;color: #900;}
#contenidor-galeria-article .gallery ul a:hover { color: #900; }