/* CIUTAT DE PALOL */
/* COMMON */

body {
	text-align: center;
	background: #fff url(/images/topBg.gif) repeat-x top left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #a5a5a5;
	margin: 0;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #67accf;
}

a:hover {
	text-decoration: underline;
}

a:active { outline: none; } a:focus { -moz-outline-style: none; } /* quita los bordes de los links:active en firefox */

.clearer {
	height: 0;
	clear: both;
	overflow: hidden;
}

.mainContainer {
	width: 834px;
	margin: 0 auto 0 auto;
	text-align: left;
}

	.header {
		text-align: center;
		height: 183px;
		border: 1px solid transparent;
	}
		
	* html .header { border: none; height: 185px; }
		
		.topTitleImg {
			position: relative;
			width: 278px;
			height: 88px;
			overflow: hidden;
		}
		
		.languageSelector {
			height: 25px;
			margin: 16px 0 0 auto;
			color: #67accf;
			font-weight: bold;
			text-align: right;
		}
		
		* html .languageSelector { margin: 17px 0 0 auto; }
			
			.languageSelector a {
				color: #818181;
				font-weight: normal;
			}
				
				.languageSelector a:hover {
					color: #67accf;
				}
		
		.menuBarH {
			width: 807px;
			height: 82px; /*48px*/
			margin: 7px auto 0 auto;
			text-align: center;
			/*border: 1px dashed red;*/
		}
					
			.menuBarH img:active {
				outline: none;
			}
		
		* html .menuBarH { margin: 4px 0 0 0; }
		
		.menuBarH a {
				display: block;
			}
		
		.submenuBarH {
			position: absolute;
			z-index: 10;
			font-size: 12px;
			color: #a5a5a5;
			margin:0;
			display: none;
		}
			
			.submenuActive {
				display: block;
			}
		
		/* COLOCACION SUBMENUS EN ES */
		.sm1ES {
			margin-left: -175px;
		}
		
		.sm2ES {
			margin-left: -291px;
		}
		
		.sm3ES  {
			margin-left: -404px;
		}
		
		.sm4ES {
			margin-left: -654px;
		}
		
		/* COLOCACION SUBMENUS EN CA */
		.sm1CA {
			margin-left: -175px;
		}
		
		.sm2CA {
			margin-left: -291px;
		}
		
		.sm3CA  {
			margin-left: -380px;
		}
		
		.sm4CA {
			margin-left: -655px;
		}
		
		/* COLOCACION SUBMENUS EN EN */
		.sm1EN {
			margin-left: -175px;
		}
		
		.sm2EN {
			margin-left: -260px;
		}
		
		.sm3EN  {
			margin-left: -369px;
		}
		
		.sm4EN {
			margin-left: -643px;
		}
		
		/* COLOCACION SUBMENUS EN FR */
		.sm1FR {
			margin-left: -176px;
		}
		
		.sm2FR {
			margin-left: -276px;
		}
		
		.sm3FR  {
			margin-left: -380px;
		}
		
		.sm4FR {
			margin-left: -671px;
		}
		
		/* COLOCACION SUBMENUS EN DE */
		.sm1DE {
			margin-left: -175px;
		}
		
		.sm2DE {
			margin-left: -260px;
		}
		
		.sm3DE  {
			margin-left: -342px;
		}
		
		.sm4DE {
			margin-left: -681px;
		}
		
		/* COLOCACION SUBMENUS EN NL */
		.sm1NL {
			margin-left: -175px;
		}
		
		.sm2NL {
			margin-left: -234px;
		}
		
		.sm3NL  {
			margin-left: -323px;
		}
		
		.sm4NL {
			margin-left: -665px;
		}
		
		/* COLOCACION SUBMENUS EN IT */
		.sm1IT {
			margin-left: -175px;
		}
		
		.sm2IT {
			margin-left: -279px;
		}
		
		.sm3IT  {
			margin-left: -363px;
		}
		
		.sm4IT {
			margin-left: -655px;
		}
		
			.submenuBarH ul {
				position: absolute;
				background: #d8e7ee none;
				padding: 7px 0;
				margin: 0;
				display: block;
				color: #006da6;
			}
			
				.submenuBarH li {
					width: 772px;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin: 0 auto;
					padding: 2px 11px;
					clear: both;
				}
				
				.submenuBarH a {
					color: #757575;
					display: inline;
				}
					
					.submenuBarH a:hover {
						color: #67ACCF;
						text-decoration: none;
					}
		
		.menuBar {
			width: 788px;
			height: 48px;
			margin: 7px auto 0 auto;
		}
			
		* html .menuBar { margin: 4px auto 0 auto; }
			
			.menuBar a {
				display: block;
			}
			
			.listMenu{
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				display: inline;
			}
				
				.listMenu li {
					float: left;
					font-weight: bold;
					font-size: 13px;
				}
				
				.listMenu li a {
					font-weight: normal;
				}
				
				
		.submenuBar {
			position: absolute;
			z-index: 10;
			text-align: left;
			font-family: Times;
			font-size: 14px;
			color: #757575;
			margin:0;
			display: none;
		}
			
			.submenuBar ul {
				background-color: #fff;
				border: 1px solid #7ab6d5;
				padding: 11px 0;
				margin: 0;
				width: 150px;
				display: block;
			}
			
				.submenuBar li {
					width: 128px;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin: 0;
					padding: 2px 11px;
					cursor: pointer;
					clear: both;
				}
				
				.submenuBar a {
					color: #757575;
				}
					
					.submenuBar a:hover {
						color: #00619b;
					}
		
		.spacerHeader {
			height: 15px;
			overflow: hidden;
			display: block;
			clear: both;
		}
		
		
.bottomContainer {
	height: 151px;
	background: url(/images/bottomBg.gif) repeat-x bottom left;
	clear: both;
	text-align: left;
	margin-top: 21px;
}
	
	.bottomContainerText {
		width: 834px;
		height: 80px;
		margin: 0 auto 0 auto;
		position: relative;
		top: 45px;
		font-size: 11px;
	}
		
		.bottomContainerText a {
			color: #a5a5a5;
		}
	
		.bottomCopyright {
			float: left;
		}
		
		.bottomRightText {
			float: right;
			text-align: right;
		}

/* HOME */
.homeContainer {
	margin-top: -22px;
}
	
	.divSwfSnipped {
		text-align: center;
		margin: 18px auto 0 auto;
		width: 795px;
		height: 244px;
		overflow: hidden;
	}
	
	.homeContLeftCA {
		width: 500px;
		float: left;
		background: url(/swf/introPalol/welcome_ca.jpg) no-repeat top right;
		margin-top: 14px;
	}
		
	.homeContLeftES {
		width: 500px;
		float: left;
		background: url(/swf/introPalol/welcome_es.jpg) no-repeat top right;
		margin-top: 14px;
	}
		
	.homeContLeftEN {
		width: 500px;
		float: left;
		background: url(/swf/introPalol/welcome_en.jpg) no-repeat top right;
		margin-top: 14px;
	}
		
	.homeContLeftFR {
		width: 500px;
		float: left;
		background: url(/swf/introPalol/welcome_fr.jpg) no-repeat top right;
		margin-top: 14px;
	}
		
	.homeContLeftDE {
		width: 500px;
		float: left;
		background: url(/swf/introPalol/welcome_de.jpg) no-repeat top right;
		margin-top: 14px;
	}
		
	.homeContLeftNL {
		width: 500px;
		float: left;
		background: url(/swf/introPalol/welcome_nl.jpg) no-repeat top right;
		margin-top: 14px;
	}
		
		.welcomeHome {
			
		}
		
			.welcomeHomeText {
				width: 295px;
				height: 321px;
				position: relative;
				margin: 22px 0 10px;
				left: 28px;
				display: block;
				line-height: 16px;
			}
				
				.welcomeHomeText p {
					margin: 0 0 4px 0;
				}
				
				.homeAparthotel {
					font-size: 29px;
					line-height: 29px;
					width: 350px;
					height: 30px;
					letter-spacing: -1px;
					font-family: Baskerville, Times, Garamond, serif;
					font-weight: normal;
					color: #818181;
					margin-bottom: 8px;
				}
				
				.welcomeHomeReservaInfo {
					display: block;
				}
		
		.homeWelcomeSpacer {
			height: 7px;
			overflow: hidden;
			clear: both;
		}
		
		.homeClubPalol {
			width: 301px;
			height: 114px;
			background: transparent url(/images/clubPalolHomeBg.gif) no-repeat top left;
			margin: 0 0 0 18px;
			padding: 18px 0 0 5px;
		}
			
			.homeClubTit {
				font-size: 24px;
				line-height: 29px;
				height: 30px;
				letter-spacing: -1px;
				font-family: Baskerville, Times, Garamond, serif;
				font-weight: normal;
				color: #818181;
				margin-bottom: 6px;
			}
				
				.homeClubTit em {
					font-style: normal;
					font-size: 14px;
				}
			
			.homeClubPalol p {
				margin: 0 0 4px;
			}
		
		.habitacionesHome {
			
		}
			
			.habitacionesHomeTitle {
				margin: 14px 0 0 28px;
			}
			
			.habitacionesHomeFlash {
				margin: 15px 0 28px 30px;
				height: 247px;
				width: 440px;
				display: inline;
			}
		
	.homeContRight {
		width: 333px;
		float: right;
		margin-top: 18px;
	}
		
		.homeServicesTable {
			width: 301px;
			margin-right: 14px;
			float: right;
			color: #026da6;
			display: inline;
		}
			
			.homeServicesTitle {
				display: block;
				margin-bottom: 5px;
			}
			
				.homeServicesTable a {
					color: #44b7e8;
					font-weight: bold;
				}
			
			.homeServicesTd {
				width: 301px;
				height: 93px;
				background: url(/images/servicesBgHome.gif) no-repeat bottom right;
				overflow: hidden;
				display: block;
			}
				
				.homeServicesIcon {
					position: absolute;
					margin-left: -15px;
					margin-top: -1px;
					z-index: 3;
				}
				
				.homeServicesTdGlow {
					position: absolute;
					margin-top: -1px;
					margin-left: 18px;
					z-index: 0;
				}
				
				.homeServicesTdText {
					width: 212px;
					height: 83px;
					padding: 10px 19px 0 67px;
					display: block;
					position: absolute;
					z-index: 20;
				}
	
	.spacerBottomHome {
		clear: both;
		height: 10px;
		overflow: hidden;
	}
	
/* INTERIOR */

.interiorContainer {
	
}
	
	.interiorContainerSpacer {
		height: 48px;
	}
	
		.breadcrumb {
			position: relative;
			top: 22px;
		}
			
			.breadcrumb a {
				text-decoration: underline;
			}
	
	.contLeft {
		width: 417px;
		float: left;
	}
		
		h1 {
			font-size: 30px;
			font-family: Baskerville, Times, Garamond, serif;
			font-weight: normal;
			color: #818181;
			margin: 0;
		}
		
		h2 {
			font-size: 20px;
			font-family: Baskerville, Times, Garamond, serif;
			font-weight: normal;
			color: #818181;
			margin: 0;
		}
		
		.galeriaContainer {
			width: 393px;
			height: 294px;
			margin-top: 25px;
			overflow: hidden;
		}
	
		.contAdress {
			font-size: 10px;
		}
	
	.contRight {
		width: 411px;
		float: right;
		margin-left: 6px;
	}
		
		.contRight ul {
			padding-left: 10px;
			margin-top: 0;
			list-style: circle;
		}
		
		.contRight li {
			margin-bottom: 8px;
		}
		
		.contRightTop {
			height: 50px;
		}
		
		.contRightBottom {
			width: 370px;
		}
		
			
			.interiorSpacer {
				height: 26px;
				clear: both;
			}
			
			.interiorReservaInfo {
				display: block;
			}

/* COMO LLEGAR */

#map_canvas {
	width: 440px;
	height: 400px;
}

#directions {
	width: 300px; 
	height: 390px; 
	overflow: auto;
}

.comoLlegarForm {
	width: 750px;
	margin: 25px auto 0 auto;
}

.comoLlegarDirections {
	border: 1px solid #67accf;
	color: #444;
	margin: 15px auto;
}

	.comoLlegarDirections th {
		background-color: #67accf;
		color: #fff;
		text-align: center;
	}

	
/* TIEMPO */

.contenedor_central_izq {
	width: 770px;
	text-align: left;
	margin: 20px auto;
	vertical-align: middle;
}

.tabla_datos {
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	border: 0px;
	width: 770px;
	padding: 0px;
	vertical-align: top;
	margin-bottom: 0px;
	margin-top: 0px;
	empty-cells: show;
}

.notas_tabla {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: left;
}
	
.font_bold {
	font-weight: bold;
}

.cabecera_niv1 th {
	background-color: #67accf;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	padding: 5px 8px;
}

.cabecera_niv2 th {
	background-color: #7fc3e6;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}

	
.borde_rlb_th {
	border-right: solid 1px #67accf;
	border-left: solid 1px #67accf;
	border-bottom: solid 1px #67accf;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
	padding: 5px;
	font-weight: bold;
}

.borde_b {
	border-bottom: solid 1px #67accf;
	text-align: center;
}

.borde_rb {
	border-right: solid 1px #67accf;
	border-bottom: solid 1px #67accf;
	text-align: center;
}

.raduv_pred_nivel1 {
	background-image: url(/imagenes/gif/radiacionuv/uvi_c1_pred.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 28px;
}
	
.raduv_pred_nivel2 {
	background-image: url(/imagenes/gif/radiacionuv/uvi_c2_pred.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 28px;
}
	
.raduv_pred_nivel3 {
	background-image: url(/imagenes/gif/radiacionuv/uvi_c3_pred.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 28px;
}
	
.raduv_pred_nivel4 {
	background-image: url(/imagenes/gif/radiacionuv/uvi_c4_pred.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 28px;
}
	
.raduv_pred_nivel5 {
	background-image: url(/imagenes/gif/radiacionuv/uvi_c5_pred.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 28px;
}


/* RESERVAS */

.reservasIframe {
	margin: 20px auto;
	display: block;
	
}

/* TERMINOS */

.terminosPhoto {
	float: right;
	margin: 10px 0 10px 20px;
}


/* FORMULARIO DE CONTACTO */

.contactarContainer {
	margin-left: 23px;
}

	.contactData {
		width: 240px;
		height: 270px;
		float:left;
		margin-top: 15px;
	}
		
		.contactData span {
			margin: 0 0 20px 0;
			display: block;
		}
		
	.formContacto {
		width: 520px;
		padding-left: 30px;
		margin: 15px 0 0 15px;
		float: left;
		border-left: 1px dashed #cdcdcd;
	}
	
		.formContacto label {
			display: block;
			margin-bottom: 15px;
			float: left;
			width: 260px;
			overflow: hidden;
		}
		
		.formContacto input {
			display: block;
			float: left;
		}
		
		.formContactoTextBox {
			display: block;
			border: 1px solid #a5acb2;
			background: transparent;
			width: 232px;
			font-size: 13px;
		}
		
		.formContactoTextArea {
			width: 490px;
			height: 90px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
		}
		
		.formContactoSubmit {
			clear: both;
			margin: 0 auto;
		}
		
		.formResult {
			clear: both;
			display: block;
			color: green;
			font-weight: bold;
			margin-bottom: 15px;
			text-align: center;
		}
		
			.formSent0{
				color: red;
			}

/* GREYBOX */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
    margin: 120px 0 0 0;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    /**/background-color: #e5e3df;
    border: 3px solid #777;/**/
    border-top: none;
}

.GB_Window .header {
 		/**/border-top: 3px solid #777;
    border-left: 3px solid #777;
    border-right: 3px solid #777;/**/
    margin: 0;
    background-color: #e5e3df;
		vertical-align: sub;
    height: 22px;
    font-size: 12px;
    /**/padding: 3px 5px;/**/
    color: #777;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    padding-right: 20px;
    padding-left: 5px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer;
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 0 0 5px;
    margin-top: 3px;
    position: relative;
    top: 2px;
}

.GB_Window .on {  }
.GB_Window .click {  }