/* RESET */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input  {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul, ol {
	list-style: none;
}

fieldset, img {
	border: 0 none;
}

caption, th {
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html  {
	font-size: 100.01%;
}

body {
	font-size: 1em;
} 

img {
	behavior: url(http://www.atipus.com/clients/MASDELARODA_09/js/iepngfix.htc);
}


/* GENERAL */
body {
	background-image: url(../img/background_image.png);
	background-repeat: repeat-x;
	color: #656565;
	font-family: Verdana, Geneva, sans-serif;
}

a {
	color: inherit;
	text-decoration: none;
	color: #656565;
}

a:hover {
	/*color: #d4cbb0 !important;*/
	color: #4e598a;
	text-decoration: none;
}

.titulares {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
}

		#contenedor {
			background-color: #FFF;
			height: 100%;
			margin: 0 auto;
			position: relative;
			width: 900px;
		}
/* -------------------------------- */

/* INTRO */
				#intro_logo {
					background-image: url(../img/intro_cel_foto.jpg);
					background-position: top;
					background-repeat: no-repeat;
					height: 258px;
					width: 900px;
				}
				
				#intro_logo img.logo {
					margin-left: 89px;
					margin-top: 51px;
				}
		
				#intro_logo span.intro_idiomas {
					background-image: url(../img/intro_idiomas_flecha.gif);
					background-position: left 50%;
					background-repeat: no-repeat;
					color: #5a6e9a;
					display: block;
					font-size: 18px;
					height: 50px;
					line-height: 50px;
					margin-left: 97px;
					padding-left: 10px;
				}
				
						#intro_logo span.intro_idiomas a {
							color: #3b3b3b;
						}
				
				#intro_footer {
					background-color: #f3f2ef;
				}
/* -------------------------------- */

/* CABECERA */	
				
				/* CABECERA SECCIÓN EL MAS */
									
				#head_elmas {
					background-image: url(../img/capcelera_elmas.jpg); background-position: top; background-repeat: no-repeat;
					height: 258px; width: 900px;}
				
					#head_elmas span.idiomas { color: #d4cbb0; display: block; font-size: 11px; font-weight: bold;
							height: auto; margin-left: 106px; padding-top: 5px;}
						
								#head_elmas span.idiomas a {color: #ffffff; font-weight: normal;}
								#head_elmas span.idiomas a:hover {color: #d4cbb0; font-weight: normal;}
						
						#head_elmas img.logo {position: absolute; top: 63px; left: 92px;}
				
				
				/* CABECERA SECCIÓN FOTOGRAFÍAS */
				
				#head_fotografies {
					background-image: url(../img/capcelera_fotografies.jpg); background-position: top; background-repeat: no-repeat;
					height: 258px; width: 900px;}
				
					#head_fotografies span.idiomas { color: #d4cbb0; display: block; font-size: 11px; font-weight: bold;
							height: auto; margin-left: 106px; padding-top: 5px;}
						
								#head_fotografies span.idiomas a {color: #ffffff; font-weight: normal;}
								#head_fotografies span.idiomas a:hover {color: #d4cbb0; font-weight: normal;}
						
						#head_fotografies img.logo {position: absolute; top: 63px; left: 92px;}
				
				
				/* CABECERA SECCIÓN ACTIVITATS */
				
				#head_activitats {
					background-image: url(../img/capcelera_activitats.jpg); background-position: top; background-repeat: no-repeat;
					height: 258px; width: 900px;}
				
					#head_activitats span.idiomas { color: #d4cbb0; display: block; font-size: 11px; font-weight: bold;
							height: auto; margin-left: 106px; padding-top: 5px;}
						
								#head_activitats span.idiomas a {color: #ffffff; font-weight: normal;}
								#head_activitats span.idiomas a:hover {color: #d4cbb0;font-weight: normal;}
						
						#head_activitats img.logo {position: absolute; top: 63px; left: 92px;}
						
				
				/* CABECERA SECCIÓN COM ARRIBAR-HI */
				
				#head_arribarhi {
					background-image: url(../img/capcelera_arribar.jpg); background-position: top; background-repeat: no-repeat;
					height: 258px; width: 900px;}
				
					#head_arribarhi span.idiomas { color: #d4cbb0; display: block; font-size: 11px; font-weight: bold;
							height: auto; margin-left: 106px; padding-top: 5px;}
						
								#head_arribarhi span.idiomas a {color: #ffffff; font-weight: normal;}
								#head_arribarhi span.idiomas a:hover {color: #d4cbb0;font-weight: normal;}
						
						#head_arribarhi img.logo {position: absolute; top: 63px; left: 92px;}
				
				
				/* CABECERA SECCIÓN TARIFES */
				
				#head_tarifes {
					background-image: url(../img/capcelera_tarifes.jpg); background-position: top; background-repeat: no-repeat;
					height: 258px; width: 900px;}
				
					#head_tarifes span.idiomas { color: #d4cbb0; display: block; font-size: 11px; font-weight: bold;
							height: auto; margin-left: 106px; padding-top: 5px;}
						
								#head_tarifes span.idiomas a {color: #ffffff; font-weight: normal;}
								#head_tarifes span.idiomas a:hover {color: #d4cbb0;font-weight: normal;}
						
						#head_tarifes img.logo {position: absolute; top: 63px; left: 92px;}
						
						
/* -------------------------------- */

/* MENU */
		#menu {
			background-image: url(../img/menu_background.png);
			background-repeat: repeat-x;
			height: 80px;
			width: 900px;
		}
		
				#menu ul {
					list-style: none;
					margin: 0;
					margin-left: 100px;
					padding: 0;
				}
				
						#menu ul li {
							display: inline;
							float: left;
							height: 40px;
							margin: 0;
							padding: 0;
							width: auto;
						}
						
								#menu ul li a {
									color: #393939;
									display: inline-block;
									font-size: 1em;
									height: 40px;
									line-height: 40px;
									background-position: 50% top;
									background-repeat: no-repeat;
									padding: 0 20px;
									text-align: center;
									width: auto;
								}
								
										#menu ul li a.activo {
											background-color: transparent;
											color: #fff;
											background-position: bottom;
										}
								
								#menu ul li a:hover {
									background-color: transparent;
									background-position: bottom;
									color: #fff !important;
								}
/* -------------------------------- */


/* CUERPO (MAIN) */
		#main {
			clear: both;
		}
		
				#main h1 {
					background-image: url(../img/main_h1_roda.png);
					background-position: left 50%;
					background-repeat: no-repeat;
					color: #6f8547;
					font-size: 45px;
					line-height:45px;
					margin-bottom: 22px;
					margin-left: 67px;
					padding-left: 39px;
				}
				
				#main h2 {
					color: #5c6d95;
					font-size: 25px;
					line-height: 24px;
					padding-bottom: 25px;
				}
		
				#main_left {
					background-image: url(../img/main_separador_puntos.gif);
					background-position: right;
					background-repeat: repeat-y;
					float: left;
					padding-left: 100px;
					padding-right: 25px;
					width: 461px;
				}
				
				#main_right {
					float: right;
					padding-left: 28px;
					padding-right: 50px;
					width: 236px;
				}
				
						#main_right p a {
							color: #8c8c8c;
						}
/* -------------------------------- */


/* 01  -  EL MAS */
						#main_left p.titulares {
							color: #656565;
							font-size: 18px;
						}
					
								#main_left p.titulares strong {
									color: #5b6e9a;
									font-style: italic;
									font-weight: bold;
								}
								
								#main_left p span.casilla_icono {
									display: block;
									float: left;
									height: 78px;
									width: 87px;
								}
								
								#main_left p span.casilla_texto {
									background-image: url(../img/el_mas_ico_reflex.gif);
									background-repeat: no-repeat;
									color: #4f6172;
									display: block;
									float: left;
									font-size: 10px;
									height: 44px;
									letter-spacing: -1px;
									padding-top: 6px;
									text-align: center;
									width: 87px;
								}
								
								#main_left p span.casilla_sin_texto {
									background-image: none;
								}
									
						#main_right p {
							color: #8c8c8c;
							font-size: 11px;
							line-height: 14px;
							margin-bottom: 6px;
						}
						
						#main_right p.titulares {
							color: #656565;
							font-size: 18px;
							line-height: 20px;
						}
					
								#main_right p.titulares strong {
									color: #5b6e9a;
									font-style: italic;
									font-weight: bold;
								}						
/* -------------------------------- */


/* 02  -  FOTOGRAFIES */
						#main_left.fotografies {
							background-image: url(../img/fotografies_img_gran_background.gif);
							background-position: +100px 50%;
							background-repeat: no-repeat;
							float: left;
							height: 328px;
							padding-left: 0px;
							padding-right: 0px;
							text-align: center;
							width: 586px;
						}
						
								#main_left.fotografies img {
									margin-left: 103px;
									margin-top: 10px;
								}
								
						#main_right.fotografies {
							float: right;
							padding-left: 87px;
							padding-right: 0;
							width: 227px;
						}


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


/* 03  -  ACTIVITATS */
						#main_left div.activitats {
							float: left;
							width: 48%;
						}

								#main_left div.activitats ul {
									color: #5e5e5e;
									font-size: 11px;
								}
								
										#main_left div.activitats ul li {
											margin-left: 11px;
											padding: 5px 0;
										}
										
											#4e598a
												#main_left div.activitats ul li a {
													color: #5e5e5e;
												}
										
										#main_left div.activitats ul li.cabecera {
											background-image: url(../img/acativitats_ico_cabecera.gif);
											background-position: left 50%;
											background-repeat: no-repeat;
											color: #7d9159;
											font-weight: bold;
											margin-left: 0px;
											padding-left: 11px;
										}
/* -------------------------------- */


/* 04  -  COM ARRIBAR-HI */
						#main_right.com_arribar p {
							padding-left: 5px;
						}
						
								#main_right.com_arribar p a {
									color: #8c8c8c;
								}

						#main_right p.ico_transport {
							line-height: normal;
							margin: 0;
							padding: 0;
						}

						#main_right p.transports {
							background-image: url(../img/com_arribar_ico_reflex.gif);
							background-position: left top;
							background-repeat: no-repeat;
							color: #8c8c8c;
							font-size: 11px;
							line-height: 14px;
							margin-bottom: 6px;
							padding-left: 5px;
							padding-top: 13px;
						}
/* -------------------------------- */


/* 05  -  TARIFES */
		#main_center {
			margin: 0 auto;
			width: 714px;
		}
		
				div.contenedor_habitacion_izquierda {
					float: left;
					width: 351px;
				}
				
				div.contenedor_habitacion_derecha {
					float: right;
					width: 351px;
				}
				
						div.foto_habitacion {
							background-image: url(../img/tarifes_img_background.gif);
							height: 249px;
							position: relative;
							text-align: center;
							width: 351px;
						}
						
								div.foto_habitacion div.foto_texto {
									background-image: url(../img/tarifes_text_background.png);
									behavior: url(http://www.atipus.com/clients/MASDELARODA_09/js/iepngfix.htc);
									bottom: 8px;
									color: #d7d3d0;
									font-size: 11px;
									height: 35px;
									left: 7px;
									padding-left: 12px;
									padding-top: 9px;
									position: absolute;
									text-align: left;
									width: 325px;
								}
								
								div.foto_habitacion img {
									margin-top: 8px;
								}
								
						div.tabla_cabecera {
							margin: 0 auto;
							margin-top: 10px;
							width: 344px;
						}

								div.tabla_cabecera p.nom_habitacio {
									display: block;
									float: left;
									font-size: 25px;
									height: 40px;
									padding-left: 5px;
									width: 138px;
								}
								
								div.tabla_cabecera p.verda {
									color: #6f8547;
								}
								
								div.tabla_cabecera p.groga {
									color: #a69825;
								}
								
								div.tabla_cabecera p.blava {
									color: #7a8ab0;
								}
								
								div.tabla_cabecera p.carbassa {
									color: #b7783b;
								}

								div.tabla_cabecera p.tipo_temporada {
									color: #4c4c4c;
									display: block;
									float: left;
									font-size: 10px;
									height: 40px;
									letter-spacing: -0.05em;
									width: 67px;
								}
								
										div.tabla_cabecera p.tipo_temporada span.fecha_temporada {
											color: #797979;
											font-size: 8px;
											letter-spacing: normal;
										}
										
						div.tabla_cuerpo {
							background-image: url(../img/tarifes_taula_background.gif);
							background-repeat: no-repeat;
							margin: 0 auto;
							margin-top: 10px;
							width: 344px;
						}
						
								div.tabla_cuerpo p.tabla_linea {
									background-color: #c6c5c4;
									clear: left;
									height: 1px;
									overflow: hidden;
									width: 344px;
								}
								
								div.tabla_cuerpo p.tabla_concepto {
									color: #737372;
									display: block;
									float: left;
									font-size: 10px;
									height: 23px;
									letter-spacing: -0.07em;
									line-height: 23px;
									padding-right: 16px;
									text-align: right;
									width: 127px;
								}
								
								div.tabla_cuerpo p.tabla_precio {
									color: #484848;
									display: block;
									float: left;
									font-size: 10px;
									height: 23px;
									line-height: 23px;
									width: 67px;
								}

				#main_center p.tarifes_altres {
					font-size: 11px;
					padding-left: 13px;
				}
/* -------------------------------- */


/* FOOTER */
		span.nombres {
			background-image: url(../img/intro_footer_roda.png);
			background-position: left 50%;
			background-repeat: no-repeat;
			color: #4f6172;
			display: block;
			font-size: 18px;
			height: auto;
			margin-left: 68px;
			padding-left: 39px;
			padding-bottom: 20px;
			padding-top: 20px;
		}
		
		span.contacto {
			color: #535353;
			display: block;
			font-size: 11px;
			margin-left: 106px;
			padding-bottom: 12px;
		}
		
		#footer {
			background-image: url(../img/footer_background.png);
			background-repeat: repeat-x;
			height: 380px;
			width: 900px;
		}

		#footer_infinito {
			background-color: #f3f2ef;
			bottom: 0;
			height: 4000px;
			left: 50%;
			margin-left: -450px;
			overflow: hidden;
			position: absolute;
			width: 900px;
		}