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



	TAHIT�? PLAYA HOTELES



	Abril 2009



	- Última Mod.: 19/6/2009



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







*			{margin:0; padding:0; font-family:arial, sans-serif; outline:none;}



body			{background:url(../images/general/bg.gif) top left repeat fixed;}



#container	{width:952px; height:auto; position:relative; float:left; clear:both; top:8px; left:50%; margin-left:-477px; border:2px solid #74A4C8; background:#FFF;}







/* #header		{position:relative; float:left; clear:both; width:952px; height:156px; overflow:hidden; background:url(../images/general/tahitiplaya.jpg) top left no-repeat;}*/



#header		{position:relative; float:left; clear:both; width:952px; height:142px; overflow:hidden;



background:url(../images/general/tahitiplaya.jpg) top left no-repeat;



background:url(../images/general/cap.jpg) top left no-repeat;



}



#main		{position:relative; float:left; clear:both; width:952px; height:auto;}



#footer		{position:relative; float:left; clear:both; width:952px; height:30px;}







#sidebar	{position:relative; float:left; margin-left:14px; width:187px;}



#sidebar2	{position:relative; float:left; margin-left:10px; width:239px;}







/* Seleccion de idioma



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



ul#nav-idioma						{position:absolute; top:34px; right:30px; font-size:11px;}



ul#nav-idioma li					{position:relative; float:left; display:block; padding:0 4px;}



ul#nav-idioma a						{color:#003c89; text-decoration:none;}



ul#nav-idioma a:hover				{text-decoration:underline;}



ul#nav-idioma a.ws_lang_selected	{text-decoration:underline;}







div#booking	{position:absolute; top:120px; left:0; width:952px; height:23px; background:url(../images/general/reservas-bg.jpg) top left no-repeat;}







/* Destacado teléfono



   Mod. 30/6/2009



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



#destacado_telefono 			{position:absolute; z-index:100; top:5px; left:250px; width:106px; height:106px;



background:url(../images/home/destacado_telefono.jpg) top left no-repeat;



background:url(../images/home/destacado_booking.jpg) top left no-repeat;



display:block;



cursor:pointer;



}



div#destacado_telefono a		{text-indent:-9999px;  width:100%; height:100%;}



div#destacado_telefono a:hover	{cursor:pointer;}







body#contacto div#destacado_telefono a 		{display:none;}







/* Destacamos



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



div#destacamos		{position:relative; float:left; clear:both;}



div#destacamos h2	{display:block; width:187px; height:33px; text-indent:-9999px;}



div#destacamos ul	{list-style-type:none;}



div#destacamos li	{position:relative; float:left; clear:both; margin-bottom:4px; width:187px; height:52px;}



	div#destacamos li a						{display:block; width:100%; height:100%; text-indent:-9999px;}



	div#destacamos li#apartamentos a		{background-position:0 0;}



	div#destacamos li#apartamentos a:hover	{background-position:-187px 0;}



	div#destacamos li#actividades a			{background-position:0 -52px;}



	div#destacamos li#actividades a:hover	{background-position:-187px -52px;}



	div#destacamos li#empleo a				{background-position:0 -104px;}



	div#destacamos li#empleo a:hover		{background-position:-187px -104px;}



	



/* Logos seccion de Contacto



	Mod. 25/6/2009



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



div#logos		{position:relative; float:left; clear:both; background:url(../images/secciones/contacto/bglogos.gif) 0 -2px no-repeat; padding-top:20px;}



div#logos ul	{list-style-type:none;}



div#logos li	{position:relative; float:left; clear:both; margin-bottom:5px; width:186px; height:40px;}



	div#logos li a		{display:block; width:100%; height:100%; text-indent:-9999px; background-position:top left; background-repeat:no-repeat;}



	div#logos li#logo_renfe a 			{background-image:url(../images/secciones/contacto/renfe.jpg);}



	div#logos li#logo_googlemaps a 		{background-image:url(../images/secciones/contacto/googlemaps.jpg);}



	div#logos li#logo_callejero a 		{background-image:url(../images/secciones/contacto/callejero.jpg);}



	div#logos li#logo_michelin a 		{background-image:url(../images/secciones/contacto/viamichelin.jpg);}



	div#logos li#logo_mappy a 			{background-image:url(../images/secciones/contacto/mappy.jpg);}



	div#logos li#logo_bcnbus a 			{background-image:url(../images/secciones/contacto/bcnbus.jpg);}



	div#logos li#logo_guiarepsol a 		{background-image:url(../images/secciones/contacto/guiarepsol.jpg);}



	div#logos li#logo_reiseplanung a 	{background-image:url(../images/secciones/contacto/reiseplanung.jpg);}



	div#logos li#logo_anwb a 	{background-image:url(../images/secciones/contacto/anwb.jpg);}







	



/* Inicio



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



body#inicio div#content	{position:relative; float:left; margin-left:10px; width:477px;}







body#inicio div#content div#pic					{position:relative; float:left; clear:both; width:477px; height:275px; overflow:hidden; z-index:2;}



body#inicio div#content div#pic div.marcosup	{display:block; position:absolute; top:0; left:0; width:477px; height:15px; z-index:3; background:url(../images/home/borde-sup.png) top left no-repeat;}



body#inicio div#content div#pic div.marcoinf	{display:block; position:absolute; top:260px; left:0; width:477px; height:15px; z-index:3; background:url(../images/home/borde-inf.png) top left no-repeat;}







body#inicio div#content div#text					{position:relative; float:left; clear:both; background-color:#e0eaf5; padding:11px; font:12px/14px arial, sans-serif; color:#464648; height:190px; width:455px; overflow:hidden;}			



body#inicio div#content div#text p					{padding-bottom:10px;}



body#inicio div#content div#text div.introduccion	{font:italic 14px/16px arial, sans-serif; color:#b51a25; padding-bottom:10px;}



body#inicio div#content div#text div.introduccion p	{padding:0;}







/* Inicio - Promociones



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



div#promociones						{position:relative; float:left; clear:both;}



div#promociones h2					{width:240px; height:35px; text-indent:-9999px;}



div#promociones #promo_pic 			{position:relative; float:left; clear:both; z-index:10; margin:0 0 0 1px; padding:0; height:117px; width:239px; overflow:hidden;}



div#promociones #promo_pic span		{position:absolute; top:0; left:0; display:block; width:239px; height:10px; z-index:20; background:url(../images/home/promociones_round.png) top left no-repeat;}



div#promociones #promo_text 		{position:relative; float:left; clear:both; background:url(../images/home/promociones-bg.gif) bottom left no-repeat; font:12px/14px arial, sans-serif; color:#FFF; padding:10px; width:219px;text-align:center;font-weight:bold;}		







/* Inicio - Noticias



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



div#noticias-destacado					{position:relative; float:left; clear:both;}



div#noticias-destacado h2				{width:240px; height:37px; text-indent:-9999px;}



div#noticias-destacado ol				{list-style-type:none; background:#FCC100 url(../images/home/noticias-bg.gif) bottom center no-repeat; padding:12px 10px; height:243px;}
/* -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; */



div#noticias-destacado ol li			{font:11px/13px arial, sans-serif; color:#003c89; padding-bottom:8px; margin-bottom:8px; border-bottom:1px dotted #b51a25; width:220px;}



div#noticias-destacado ol li h3			{font:bold 11px/13px arial, sans-serif; color:#b51a25;}



div#noticias-destacado ol li a			{color:#b51a25; text-decoration:none;}



div#noticias-destacado ol li a:hover	{color:#b51a25; text-decoration:underline;}

div#noticias-destacado .q1 {position:absolute;top:37px;left:0px;}
div#noticias-destacado .q2 {position:absolute;top:37px;right:0px;}
div#noticias-destacado .q3 {position:absolute;bottom:0px;left:0px;}
div#noticias-destacado .q4 {position:absolute;bottom:0px;right:0px;}





/* Inicio - Boletin



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



div#butlleti					{position:relative; float:left; clear:both;}



div#butlleti h2				{width:240px;height:37px;text-indent:-9999px;}



div#butlleti div			{background-color:#C52C2C;padding:12px 10px;color:#fff;font-size:10pt;height:60px;width:220px;position:relative;}
/* -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; */


div#butlleti div p			{margin-bottom:5px;}



div#butlleti div label			{display:inline-block;vertical-align:middle;width:50px;}



div#butlleti div .txt			{display:inline-block;vertical-align:middle;width:130px;border:0;}



div#butlleti div .button		{display:inline-block;vertical-align:middle;padding:1px 3px;background-color:#751823;color:#fff;border:1px solid #661923;font-size:7pt;cursor:pointer;}



div#butlleti div .button:hover	{background-color:#C52C2C;}

div#butlleti .q1 {position:absolute;top:0px;left:0px;}
div#butlleti .q2 {position:absolute;top:0px;right:0px;}
div#butlleti .q3 {position:absolute;bottom:0px;left:0px;}
div#butlleti .q4 {position:absolute;bottom:0px;right:0px;}







/* Pie de página



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



div#footer		{position:relative; float:left; clear:both; margin-top:8px; height:24px; font:10px/10px arial, sans-serif; color:#30629a;}



div#f_direccion	{position:relative; float:left; margin-left:14px; width:740px; border-top:1px solid #97A7C9; padding-top:6px;}



div#f_links		{position:relative; float:left; width:184px; text-align:right; border-top:1px solid #97A7C9; padding-top:6px;  text-transform:capitalize;}



div#footer a		{color:#30629a; text-decoration:none;}



div#footer a		{color:#30629a; text-decoration:underline;}







/* Apartados genéricos



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



div#content						{position:relative; float:left; margin-left:11px; width:725px;}







div#content div#pic					{position:relative; float:left; clear:both; width:725px; height:280px; overflow:hidden; z-index:10;}



div#content div#pic div.marcosup	{display:block; position:absolute; top:0; left:0; width:725px; height:15px; z-index:20; background:url(../images/general/borde-sup.png) top left no-repeat;}



div#content div#pic div.marcoinf	{display:block; position:absolute; top:258px; left:0; width:725px; height:17px; z-index:20; background:url(../images/general/borde-inf.png) top left no-repeat;}







div#content div#text						{position:relative; float:left; clear:both; padding:11px 15px 31px 15px; font:12px/14px arial, sans-serif; color:#464648; width:695px; background:#e0eaf5 url(../images/secciones/text-bg.jpg) 10px bottom no-repeat;}



	/* Correcion 29/7/2009 añadir linea azul al final de todas las secciones excepto: */



	body#ocio div#content div#text,



	body#actividades div#content div#text,



	body#instalaciones.pagina514 div#content div#text,



	body#ninos div#content div#text,



	body#noticias.principal div#content div#text,



	body#reservas div#content div#text,



	body#contacto div#content div#text,



	body#inicio div#content div#text	{background-color:#e0eaf5; background-image:none; padding-bottom:15px;}



div#content div#text h1						{background:url(../images/general/bg-titulos.gif) -15px 0 no-repeat; font:bold 13px/35px arial, sans-serif; text-transform:uppercase; color:#b51a25; width:695px; height:35px; padding-bottom:15px;}			



div#content div#text p						{padding-bottom:10px;}



div#content div#text a						{color:#b51a25; text-decoration:none;}



div#content div#text a:hover				{color:#b51a25; text-decoration:underline;}



div#content div#text div.introduccion		{font:italic 14px/16px arial, sans-serif; color:#b51a25; padding-bottom:10px;}



div#content div#text div.introduccion p		{padding:0;}







div.clear	{position:relative; float:left; clear:both;}







/* Noticias



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



ol#lista-noticias						{list-style-type:none; padding-top:20px; background:url(../images/secciones/noticias-linea-bg.jpg) 0 10px no-repeat;}



ol#lista-noticias li					{position:relative; float:left; clear:both; padding:15px 0 25px 0; background:url(../images/secciones/noticias-linea-bg.jpg) bottom left no-repeat; width:690px;}



ol#lista-noticias li div.newspic		{position:relative; float:left; display:block;}



ol#lista-noticias li div.newspic img	{margin-right:20px;}



ol#lista-noticias li h3					{font:bold 12px/15px arial, sans-serif; color:#003c89; padding-bottom:12px;}



ol#lista-noticias li div.newstext		{position:relative; float:left; display:block; padding-bottom:12px; width:430px;color:#000;}



	/* Modificacion añadida el 15/7 para que se alineen correctamente los logos */



	body#ocio ol#lista-noticias li div.newstext		{position:relative; float:left; display:block; padding-bottom:12px; width:690px;}



	body#ocio ol#lista-noticias li div.newstext a,



	body#ocio ol#lista-noticias li div.newstext a:hover	{text-decoration:none;}



ol#lista-noticias li div.newstext p		{padding:0; margin:0;}



ol#lista-noticias li a					{font-weight:bold; color:#003c89; text-decoration:none;}



ol#lista-noticias li a:hover			{text-decoration:underline;}







body.noticia-individual div#text h2			{font:bold 12px/15px arial, sans-serif; color:#005797; padding-bottom:12px;}







div#main div#content div#text div.mediabox	{position:relative; float:left; clear:both; padding:10px 0 0 0;}



div#main div#content div#text h2.mediabox-titulo	{background:url(../images/general/bg-titulos-mediabox.gif) -15px 0 no-repeat; font:bold 13px/35px arial, sans-serif; text-transform:uppercase; width:695px; height:35px; padding-bottom:15px; color:#005797;}



ul#mediabox-pics,



ul#mediabox-pdf	 	{list-style-type:none;}



ul#mediabox-pics			{width:720px; overflow-x:hidden;}



ul#mediabox-pics li			{position:relative; float:left; margin-bottom:10px; margin-right:10px;}



ul#mediabox-pdf li			{position:relative; float:left; clear:both; padding-bottom:12px;}



ul#mediabox-pdf li a		{color:#005797; text-decoration:none; font-weight:bold; display:block; height:31px; line-height:31px; background:url(../images/general/pdf-icon.gif) 3px 0 no-repeat; padding-left:40px;}



ul#mediabox-pdf li a:hover	{text-decoration:underline;}















body#contacto ul#mediabox-pdf li		{position:relative; float:left; clear:both; padding-bottom:12px; width:720px;}



body#contacto ul#mediabox-pdf li a		{color:#005797; text-decoration:none; font-weight:bold; display:block; width:650px; height:31px; line-height:31px; background:url(../images/general/pdf-icon.gif) 3px 0 no-repeat; padding-left:40px;}











/* Reservas



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



body#reservas ol#lista-noticias	{list-style-type:none; padding:0; background:none; top:-10px;}



span.mediabox-pdf-reservas a		{color:#005797; text-decoration:none; font-weight:bold; display:block; height:31px; line-height:31px; background:url(../images/general/pdf-icon.gif) 3px 0 no-repeat; padding-left:40px;}















/* Mapa Web



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



ul#sitemap					{list-style-position:inside; padding-left:20px; list-style-type:none;}



ul#sitemap li				{padding-bottom:3px;}



ul#sitemap li.sitemap1		{}



div#content div#text ul#sitemap li.sitemap1 a	{font-weight:bold; text-decoration:underline; color:#003c89;}



ul#sitemap li.sitemap2							{padding-left:20px;}



div#content div#text ul#sitemap li.sitemap2 a	{text-decoration:underline; color:#666;}







/* Formulario de contacto



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



body#contacto iframe			{border:3px solid #AECEF4;}



body#contacto div#direccion		{position:relative; float:left; width:300px;}



body#contacto div#formulario	{position:relative; float:left;}



#formulario div#special			{display:none;}



#formulario div#obligatorios	{position:relative; float:left; display:block; padding-left:70px; font-size:11px; color:#4682BB;}



#formulario ul					{list-style-type:none; padding:0; font:12px/16px arial, sans-serif;}



#formulario ul li				{position:relative; float:left; clear:both; width:390px; padding-bottom:9px;}



#formulario ul label			{position:relative; float:left; width:100px; color:#4682BB;}



#formulario ul input			{position:relative; float:left; width:315px; height:19px; border:none; padding:0; background-color:#AECFF2; color:#666; font:12px/16px arial, sans-serif; }



#formulario ul textarea			{position:relative; float:left; clear:right; width:315px; height:170px; border:none; padding:0; margin-bottom:5px; background-color:#AECFF2; color:#666; font:12px/16px arial, sans-serif; }



#formulario ul li#enviar		{width:385px; text-align:right;}



#formulario ul input#enviar		{position:relative; float:right; width:75px; height:25px; overflow:auto; text-align:center; padding:0; color:#FFF; background:url(../images/general/bg-button-left.jpg) top left no-repeat; z-index:101; text-transform:uppercase; font-size:12px; line-height:25px;}



#formulario ul span#bgbutton	{position:relative; float:right; display:block; width:75px; height:25px; background:url(../images/general/bg-button-right.jpg) top right no-repeat; z-index:99;}



/* Mediabox sin documentos */



body#contacto div#main div#content div#text h2.mediabox-titulo	{height:15px; background:url(../images/general/bg-titulos-mediabox.gif) -15px -20px no-repeat;} 



body#contacto ul#mediabox-pdf	{display:none;}







/*--*/







body#inicio ul#nav li#nav-hotel ul,



body#instalaciones ul#nav li#nav-hotel ul,



body#actividades ul#nav li#nav-hotel ul,



body#ocio ul#nav li#nav-hotel ul,



body#ninos ul#nav li#nav-hotel ul,



body#apartamentos ul#nav li#nav-hotel ul,



body#noticias ul#nav li#nav-hotel ul,



body#reservas ul#nav li#nav-hotel ul,



body#contacto ul#nav li#nav-hotel ul,



body#empleo ul#nav li#nav-hotel ul,



body#mapaweb ul#nav li#nav-hotel ul,



body#avisolegal ul#nav li#nav-hotel ul,



body#datoslegales ul#nav li#nav-hotel ul



	{display:none;}



	



body#inicio ul#nav li#nav-instalaciones ul,



body#hotel  ul#nav li#nav-instalaciones ul,



body#actividades ul#nav li#nav-instalaciones ul,



body#ocio ul#nav li#nav-instalaciones ul,



body#ninos ul#nav li#nav-instalaciones ul,



body#apartamentos ul#nav li#nav-instalaciones ul,



body#noticias ul#nav li#nav-instalaciones ul,



body#reservas ul#nav li#nav-instalaciones ul,



body#contacto ul#nav li#nav-instalaciones ul,



body#empleo ul#nav li#nav-instalaciones ul,



body#mapaweb ul#nav li#nav-instalaciones ul,



body#avisolegal ul#nav li#nav-instalaciones ul



body#datoslegales ul#nav li#nav-instalaciones ul



	{display:none;}



	



p#volver	{display:none;}







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



	Bolsa de Empleo



	Mod. Junio 2009



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



div#formulario h3		{position:relative; float:left; clear:both; display:block; width:685px; font:bold 13px/25px Arial, sans-serif; text-transform:uppercase; color:#30629a; background:url(../images/secciones/noticias-linea-bg.jpg) 0 18px no-repeat; margin-bottom:20px;}



div#formulario ul		{position:relative; float:left; clear:both; display:block; width:685px;}



div#formulario ul li	{position:relative; float:left; clear:both; display:block; width:685px; padding-bottom:8px;}



div#formulario input	{border:none; padding:0; background-color:#AECFF2; color:#666; font:12px/16px arial, sans-serif;}



div#formulario textarea	{border:none; padding:0; background-color:#AECFF2; color:#666; font:12px/16px arial, sans-serif;}







div#empleo_puesto			{position:relative; float:left; clear:both; display:block; width:685px; padding:10px 0 20px 0;}



div#empleo_puesto label		{position:relative; float:left; display:block; width:190px; padding-left:50px; padding-right:10px; text-align:right;  color:#4682BB;}



div#empleo_puesto select	{border:none; padding:0; background-color:#AECFF2; color:#666; font:12px/16px arial, sans-serif; width:250px; height:20px;}



		



div#empleo_personales 		{position:relative; float:left; clear:both; display:block; width:685px; padding:10px 0 20px 0;}



div#empleo_personales label	{position:relative; float:left; display:block; width:190px; padding-left:50px; padding-right:10px; text-align:right;  color:#4682BB;}



div#empleo_personales input	{position:relative; float:left; width:250px;}



	



div#empleo_experiencia			{position:relative; float:left; clear:both; display:block; width:685px; padding:10px 0 20px 0;}



div#empleo_experiencia label	{position:relative; float:left; display:block; width:190px; padding-left:50px; padding-right:10px; text-align:right;  color:#4682BB;}



div#empleo_experiencia textarea	{position:relative; float:left; display:block; width:400px; height:250px; scroll:auto;}







div#empleo_idiomas						{position:relative; float:left; clear:both; display:block; width:685px;}



div#empleo_idiomas table				{position:relative; float:left; clear:both; display:inline; width:585px; margin-left:56px;}



div#empleo_idiomas th					{text-align:left; color:#666; font-weight:normal; color:#4682BB;}



div#empleo_idiomas input 				{width:85px; height:20px;}



div#empleo_idiomas input.idioma-nombre	{width:130px;}



		



div#empleo_complementarios			{position:relative; float:left; clear:both; display:block; width:685px; padding:10px 0 20px 0;}



div#empleo_complementarios label	{position:relative; float:left; display:block; width:190px; padding-left:50px; padding-right:10px; text-align:right;  color:#4682BB;}



div#empleo_complementarios textarea	{position:relative; float:left; display:block; width:400px; height:250px; scroll:auto;}







div#empleo_enviar					{position:relative; float:left; clear:both; display:block; width:650px;}



div#empleo_enviar input#enviar		{position:relative; float:right; width:75px; height:25px; overflow:auto; text-align:center; padding:0; color:#FFF; background:url(../images/general/bg-button-left.jpg) top left no-repeat; z-index:101; text-transform:uppercase; font-size:12px; line-height:25px;}



div#empleo_enviar span#bgbutton		{position:relative; float:right; display:block; width:75px; height:25px; background:url(../images/general/bg-button-right.jpg) top right no-repeat; z-index:99;}