/*-- GENERALES --*/
body {
	margin: 7px 0 0 0;
	padding: 0;
	font-size: 68%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2f4d89;
	text-align: center;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: normal;
}

a{color: #009ddc;}

	a img{ border: 0; }

ul, ul li{
	margin: 0; padding: 0;
	list-style: none;
	line-height: normal;
}

hr{
	display: block;
	color: #fff;
	height: 0;
	border: none;
	clear: both;
	width: 0;
}

.clear {
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
}


.right{
	width: 310px;
	margin-left: 220px;
	margin-bottom: 20px;
	}
.left{
	width: 324px;

}
.required {
	color: #cc0000;
}

/*-------- CANVAS ------------------------------------------------------------------------*/

#canvas {
	width: 922px;
	margin: 0 auto;
	margin-top:25px;
	text-align: left;
	position: relative;
	background: url(../images/canvas_bg.gif) repeat-y top right #fff;
}



/*-------- MENU ------------------------------------------------------------------------*/

#menu {
	float: left;
	background: #005581;
	width: 161px;
	padding-top: 235px;/*109*/
}

	#menu h1{
		position: absolute;
		left: -2px;
		top: 0;
		width: 167px;/*182*/
		height: 230px;/*119*/
		/*background: url(../images/h1_bg.gif) no-repeat top left #fff;*/
	}
	
		html > body #menu h1{
			width:163px;
		}
	
		#menu h1 img{
			display: block;
			padding: 0px 0 0 2px;/*26px 0 0 22px*/
		}
		
		#menu h1 strong, #menu h1 br{
			display: none;
		}
	
		 #menu ul li,  #menu dl dt, #menu dl dd{
			position: relative;
			overflow: hidden !important;
		 }

			#menu ul span{
				position: absolute;
				display: block;
				width: 161px;
				top: 0;
				left: 0;
				background-repeat: no-repeat;
				background-position: top left;
				z-index: 10;
			}
	
		/*-- IDIOMAS --*/
		#menu #idiomas{
			position: absolute;
			top: -7px;
			right: 0;/*0*/
			line-height: 26px;
			text-align: right;
			background: #fff;
			height: 26px;
			width: 180px;/*300*/
			color:#843235;
		}
	
		#menu #idiomas #enlaces{
			float:left;
		}
		
		#menu #idiomas #handy_links{
			float:left;
			margin-left:5px;
		}
		
		#menu #idiomas .separator{
			float:left;
			color:#f58026;
		}
		
		#menu #idiomas a{
			color:#f58026;
			padding:0px;
		}
			#menu #idiomas a:hover{
				background-color:#f58026;
				color:#fff;
			}
			
			#menu #idiomas a span{display:none;}
	
			#menu #idiomas a.sitemap{
				background:url(../images/handy_sitemap.gif) no-repeat top left;
				width:20px;
				height:18px;
				display:block;
				float:left;
				margin-top:4px;
				/*padding:3px 10px 0px 10px;*/
			}
			
				#menu #idiomas a.sitemap:hover{
					background:url(../images/handy_sitemap.gif) no-repeat top left;
					border-bottom:2px solid #f58026;
				}
				
			#menu #idiomas a.mail{
				background:url(../images/handy_mail.gif) no-repeat top left;
				width:20px;
				height:18px;
				display:block;
				float:left;
				margin-top:4px;
				margin:4px 5px 0px 5px;
				/*padding:3px 10px 0px 10px;*/
			}
			
				#menu #idiomas a.mail:hover{
					background:url(../images/handy_mail.gif) no-repeat top left;
					border-bottom:2px solid #f58026;
				}
				
				#menu #idiomas a.home{
					background:url(../images/handy_home.gif) no-repeat top left;
					width:20px;
					height:18px;
					display:block;
					float:left;
					margin-top:4px;
					/*padding:3px 10px 0px 10px;*/
				}
				
				#menu #idiomas a.home:hover{
					background:url(../images/handy_home.gif) no-repeat top left;
					border-bottom:2px solid #f58026;
				}
				
		/*-- MENU LATERAL --*/
		#menu a:link span{width: 161px; height: 37px;background-position: top left;}
		
				#menu span em{display: none;}
		
		.es #menu .canarias, .en #menu .canarias{height: 19px;}
		.es #menu .canarias span, .en #menu .canarias span{height: 19px; background-image: url(../images/menu_canarias_es.gif)}
		
			.es #menu .papagayo, .en #menu .papagayo{height: 37px;}/*35*/
			.es #menu .papagayo span, .en #menu .papagayo span{height: 37px; background-image: url(../images/menu_papagayo.gif)}/*35*/
			
		.es #menu .benidorm, .en #menu .canarias{height: 19px;}
		.es #menu .benidorm span, .en #menu .benidorm span{height: 19px; background-image: url(../images/menu_benidorm_es.jpg)}
		
			.es #menu .monaco, .en #menu .monaco{height: 37px;}/*35*/
			.es #menu .monaco span, .en #menu .monaco span{height: 37px; background-image: url(../images/menu_monaco.gif)}/*35*/
	
		.es #menu .mexico, .en #menu .mexico{height: 19px;}
		.es #menu .mexico span, .en #menu .mexico span{height: 19px; background-image: url(../images/menu_mexico_es.gif)}
		
		.es #menu .caracol-title, .en #menu .caracol-title{height: 25px;}
		.es #menu .caracol-title span, .en #menu .caracol-title span{height: 25px; background-image: url(../images/menu_caracol_eco.jpg)}
		
			.es #menu .caracol, .en #menu .caracol{height: 37px;}/*29*/
			.es #menu .caracol span, .en #menu .caracol span{height: 37px; background-image:url(../images/menu_sandos_caracol.gif)};
			
		.es #menu .playacar-title, .en #menu .playacar-title{height: 25px;}
		.es #menu .playacar-title span, .en #menu .playacar-title span{height: 25px; background-image:url(../images/menu_playacar_resort.jpg);}
		
	
			.es #menu .playacar, .en #menu .playacar{height: 37px;}
			.es #menu .playacar span, .en #menu .playacar span{height: 37px; background-image: url(../images/menu_playacar_beach.gif)}
	
			.es #menu .selectClub, .en #menu .selectClub{height: 37px;}
			.es #menu .selectClub span, .en #menu .selectClub span{height: 37px; background-image:url(../images/menu_select_club.gif);}
			
			.es #menu .playacar_riviera, .en #menu .playacar_riviera{height: 37px;}/*35 + espacio adicional para el spacer*/
			.es #menu .playacar_riviera span, .en #menu .playacar_riviera span{height: 37px; background-image: url(../images/menu_playacar_riviera.gif);}
	
		/*.en #menu .canarias{height: 19px;}
		.en #menu .canarias span{height: 19px; background-image: url(../images/menu_canarias_es.gif)}
	
			.en #menu .papagayo{height: 37px;}
			.en #menu .papagayo span{height: 37px; background-image: url(../images/menu_papagayo.gif)}
	
		.en #menu .mexico{height: 19px;}
		.en #menu .mexico span{height: 19px; background-image: url(../images/menu_mexico_es.gif)}*/
		
				
	
		#menu .menu-separator{
			height:20px !important;
			background:url(../images/menu_separator.gif) no-repeat top left;
		}
	
		#menu .sandosHotels, #menu .clubSandos, #menu .profesionales, #menu .noticias, #menu .reservas, #menu .contacto{height: 37px !important;}
		#menu .sandosHotels span, #menu .clubSandos span, #menu .profesionales span, #menu .noticias span, #menu .reservas span, #menu .contacto span{height: 37px !important;}
				
		#menu .sandosHotels span{background-image: url(../images/menu_sandoshotels.gif)}
	
		#menu .clubSandos span{background-image: url(../images/menu_clubsandos.gif)}
	
		.es #menu .profesionales span{background-image: url(../images/menu_profesionales_es.gif)}
		.en #menu .profesionales span{background-image: url(../images/menu_profesionales_en.gif)}
	
		.es #menu .noticias span{background-image: url(../images/menu_noticias_es.gif)}
		.en #menu .noticias span{background-image: url(../images/menu_noticias_en.gif)}
		
		.es #menu .reservas span{background-image: url(../images/menu_reservas_es.gif)}
		.en #menu .reservas span{background-image: url(../images/menu_reservas_en.gif)}	
		
		.es #menu .contacto span{background-image: url(../images/menu_contacto_es.gif)}
		.en #menu .contacto span{background-image: url(../images/menu_contacto_en.gif)}	
	
		#menu a:hover span{
			cursor: pointer;
		}
		
		span.hover{
			background-position: bottom left !important;
			/*border: 10px solid #cc0000;*/
		}
		
		.secPapagayo .papagayo span, .secCaracol .caracol span, .secPlayacar .playacar span, .secSelectClub .selectClub span, 
		.secPlayacarRiviera .playacar_riviera span, .secSandosHotels .sandosHotels span, .secClubSandos .clubSandos span, 
		.secProfesionales .profesionales span, .secNoticias .noticias span, .secReservas .reservas span,
		.secMonaco .monaco span
		{
			background-position: 50% !important;
			cursor: default !important;
		}
		
		
		#menu dl, #menu dl dt, #menu dl dd{
			margin: 0; padding: 0;
			list-style: none;
		}
		
		/*-- NEWSLETTER --*/
		
		.error{}
		
		.error li{
			list-style:none;
			color:#fff;
			margin:5px;
		}
		
		.newsletter .botonEnviar_es input#submit, .newsletter .botonEnviar_en input#submit{
				border:none;
				color:#005581;
				margin-top:10px;
				font-size:120%;
				font-weight:bold;
				text-align:left;
				height:29px;
				width:158px !important;
				cursor:pointer;
		}
			.newsletter p.submit_es input{ 
				background:url(../images/bt_enviar_es.jpg) no-repeat top right;
				border:0;
				text-align:left;
				color:#005581;
				width:150px;
				height:29px;
				cursor:pointer;
			}
			
			.newsletter p.submit_en input{ 
				background:url(../images/bt_enviar_en.jpg) no-repeat top right;
				border:0;
				text-align:left;
				color:#005581;
				width:150px;
				height:29px;
				cursor:pointer;
			}
	
				
				.newsletter a{
					font-size:80%;
					color:#fff;
					text-decoration:none;
					border-bottom:1px dotted;
				}
				
					.newsletter a:hover{
						color:#ffd203;
					}

				.newsletter p{ 
				color:#fff;
				margin:5px;
			}
			
				.newsletter p input{ 
					font-size:90%;
					width:140px;
				}
				
					

		/*-------- CONTAINER ------------------------------------------------------------------------*/

		#container {
			/*background-position: 161px 19px;*/
			background-repeat: no-repeat;
		}

			/*-------- CONTENT ------------------------------------------------------------------------*/

			#content {
				width: 575px;
				float: left;
				margin: 0 2px;
				overflow: hidden;
				padding-left:0px;
			}
			
			html > body #submenu {
			
			}
			
			#submenu {
				margin-top:0px;
				background: #979797;
				display: block;
			}
			
				#submenu ul, #submenu ul li {
					margin: 0;
					padding: 0;
					list-style-type: none;
				}
				
				#submenu ul {
					display: block;
					background: #979797;			
				}
				
					#submenu ul li {
						float: left;
						background: #979797;	
						padding: 5px 0;		
					}
					
						#submenu ul li a {
							text-decoration: none;
							color: #fff;
							padding: 0 6px;
							text-transform: lowercase;
							font-weight: bold;
							border-right: 1px solid #fff;
							letter-spacing: -1px;
						}
						
							#submenu ul li a.last {
								border: 0;
							}
							
							#submenu ul li a:hover {
								color: #474747;
							}
	
			#content ul.tercer_nivel {
				/*position: absolute;
				top: 10px;
				right: 20px;*/
				/*border-width: 0 0 1px 0;*/
				border: 0;
				margin: 0 5px 30px 5px;
				padding: 1px;
				text-align: center;
				display:table;
			}
	
				/*-- TERCER NIVEL --*/
				
				#content ul.tercer_nivel li {
					background:url(../images/bg_tercer_nivel.jpg) repeat-x top left #005581;
					padding: 3px 10px;
					min-width:115px;
					margin:1px 1px 0 0 !important;
					font-size: 90%;
					font-weight: bold;
					color: #ffffff;
					float: left;
					list-style:none;
				}
				
					#content ul.tercer_nivel li a{
						color: #fff;
					}
					
					
						#content ul.tercer_nivel li a:hover {
							font-weight: bold;
							color: #ffcc00;
							text-decoration: none;
						}
						
							#content ul.tercer_nivel li a.selected, #content ul.tercer_nivel li a.selected:hover{
								color: #ffcc00 !important;
								cursor: default;
								font-size:100%;
								
								
							}
			
			/*-- TEXT --*/
			
			#content #text {
				/*padding: 0 20px;*/
				font-family: Tahoma, Arial, sans-serif;
				line-height: 1.5;
				color: #213343;
				position: relative;
			}
			
			#text a {
				color: #f58026;
				text-decoration: none;
			}
			
				#text a:hover {
					color: #7C7C7C;
					text-decoration: underline;
				}
				
			#text h4 {
				clear: both;
				font-size: 12px;
				margin-top: 1px;
				margin-bottom: 10px;
				padding:5px 10px 0 10px;
				color: #fff;
				height:40px;
				font-size: 180%;
				font-weight: normal;
				letter-spacing: 0px;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				background:url(../images/bg_title_section.jpg) no-repeat bottom left;
			}
			
				#text h4 img{
					display: block;
					margin-left: -20px;
				}
				
			#text h5 {
				color: #2f6cbd;
				margin: 20px 20px 10px 20px;
				border-bottom: 1px solid #DEEAFA;
			}	
			
			#text h6 {
				font-size: 80%;
				margin: 25px 20px 10px 20px;
			}
			
			#text p{
				margin-top: 0;
				margin: 0 20px 10px 20px;
				text-align:justify;
			}
			
			
			#text p.image-wrapper {
				float: left;
				margin: 0;
				margin-left: 20px;
				clear: left;
				width: 200px;
				text-align: center;
			}
			
		#text div.error {
			background: #D2691E;
			padding: 10px;
			color: #fff;
		}
		
			#text div.error p {
				font-weight: bold;
				margin: 0;
				padding: 0;
			}
			
			#text div.error ul, #text div.error li {
				list-style-type: disc;
				margin: 0 20px;
				border: 0;
			}
			
		#text ul, #text ol{
			padding: 10px;
			border: 1px solid #F0F6FD;
			margin-bottom: 10px;
			margin: 0 20px;
		}
		
		#text ol{
			list-style-position: inside;
		}
		
			#text ol li{
				margin: 10px 0 10px 15px;
				text-align:justify;
			}
			
		#text ul li {
			list-style-type: disc;
			margin: 10px 0 10px 15px;
			text-align:justify;
		}
		
			#text ul li ul{
				padding: 0;
				border: 0;
				color: #979797;
				margin: 0 0 10px 0;
				font-size: 96%;
			}
			
				#text ul li ul li{
					margin: 5px 0 5px 20px !important;
				}
				
		#text ul li dl{
			margin: 5px;
		}
		
			#text ul li dl dt{
				font-size: 90%;
				font-weight: bold;
				margin: 10px 0 5px 0;
			}
			
		#text address {
			background: #F0F6FD;
			font-style: normal;
			padding: 5px;
			margin: 0 20px;
		}
		
		#text address strong.highlight {
			color: #CD5C5C;
		}
		
		#text form p{
			margin: 5px 0;
		}
		
		#text #galeria{
			width: 510px;
			margin: 0 auto 20px auto;
		}
		
		#Reservas h4{
			text-align: center;
		}
		
		#text label {
			display: block;
			color: #2F4D89;
			font-weight: bold;
			padding: 0 2px;
			font-size: 92%;
			background: #fff;
		}
		
		#text table.text {
			border: 1px solid #ADCBE2;
			width: 100%;
		}
		
		#text table.text th, #text table.text td {
			width: 50%;
			text-align: center;
			border-top: 1px solid #DEEAFA;
		}
		
		#text table.text th {
			background: #DEEAFA;
			padding: 5px;
			border-top: 0;
		}
		
		
				
		/*-- DESCARGA DE FICHEROS --*/
		
		#descarga-archivos{
			margin:20px;
			color: #2f6cbd;
		}
		
			#descarga-archivos h5{
				color: #2f6cbd;
				border-bottom: 1px solid #DEEAFA;
			}
			
			#descarga-archivos ul{
				border: 1px solid #F0F6FD;
			}
			
				#descarga-archivos li{
					margin:5px;
					background:url(../images/ico-download.gif) no-repeat top left;
					padding-left:20px;
				}
					
					#descarga-archivos li a{ text-decoration:none;}
					
						#descarga-archivos li a:hover{
							color: #fff;
							background: #F5A141;
						}
						
			p.paginacion{ 
				text-align:right !important;
				clear:both;
			}
			
		/*-------- ADDITIONAL  ------------------------------------------------------------------------*/
	
		#additional {
			width: 180px;
			float: left;
			/*margin: 2px 0;*/
			margin-left:0px;
		}
		
			#additional #banner{
				margin-left:10px;
			}
		
			#additional h4{
				text-align: center;
				margin-bottom:0 !important;
			}
			
		/*-- FORMULARIO DE  RESERVAS --*/
		
		#formulario_reservas{
			
			margin:10px 0 0 10px;
			padding:0;
			width:165px;
			height: auto !important;
			color:#fff;
		}
		
			#formulario_reservas h4 img{margin-left:-5px;}
		
			.es #formulario_reservas p, .en #formulario_reservas p { 
				display:block;
				float:left;
				margin-bottom:5px;
				width:155px;
			}

			.es #formulario_reservas select, .en #formulario_reservas select{
				font-size: 100% !important;
				padding: 1px;
				width:158px !important;
			}
		
			.es form#Reservas input, .en form#Reservas input{
				width:155px !important;
				font-size:100% !important;
			}
			
			form#Reservas p span img{
				vertical-align: middle;
				margin: -4px 0 0 4px;
				cursor: pointer;
			}
		
				 form#Reservas select.time {
					width: 60px !important;
					float:left;
				}
			
			
			.child-text{clear:both;}
			
			form#Reservas input#DateIn_es, form#Reservas #DateIn_en, form#Reservas #DateOut_es, form#Reservas #DateOut_en{
				width:60px !important;
				float:left !important;
				font-size:100% !important;

			}
			
			.calendar{ float:left; margin-right:10px;}
			
			#formulario_reservas .botonEnviar_es input#submit, #formulario_reservas .botonEnviar_en input#submit{
				border:none;
				color:#005581;
				margin-top:10px;
				font-size:120%;
				font-weight:bold;
				text-align:left;
				height:29px;
				width:165px !important;
				cursor:pointer;
			}
	
				#formulario_reservas .botonEnviar_es input#submit{ background:url(../images/bt_reservar_es.jpg) no-repeat right;/*#f5a141*/}
				
				#formulario_reservas .botonEnviar_en input#submit{background:url(../images/bt_reservar_en.jpg) no-repeat right ;/*#f5a141*/}
				
				#formulario_reservas a{
					font-size:80%;
					color:#fff;
					text-decoration:none;
					border-bottom:1px dotted;
				}
				
					#formulario_reservas a:hover{
						color:#ffd203;
					}
					
				#formulario_reservas #switch .selector{ 
					font-size:80% !important;
					font-weight:normal !important;
					width:150px;
					float:left;
				}
				
				#formulario_reservas #switch .selector2{ 
					margin-top:10px;
				}
			
			/*-- asistencia telefonica --*/
			
			#additional #support{
				margin-top:30px;
				margin-left:10px;
				
			}
			
			#additional #oferta1{
				margin-top:20px;
			}
			
			#additional #oferta1, #additional #oferta2{
				margin-left:5px;
				
			}
			
		#idiomas{
			margin-top:-20px;
		}
		
		/*-------- FOOTER  ------------------------------------------------------------------------*/
		
		#creditos {
			clear:both;
			margin: 5px auto;
			text-align: right;
			width: 922px;
			height:100px;
			color:#f5a141;
			font-size: 92%;
			background-color:#fff;
			width: 922px;
			margin: 0 auto;	
		}
		
			#creditos .disclaimer{ float:left; margin-top:8px;}
		
			#creditos a, #idiomas a{
				color:#ff911a;
				padding: 0 3px;
				text-decoration: none;
			}
				#creditos a:hover, #idiomas a:hover{
					color: #fff;
					background: #F5A141;
				}

			

		.phone{
			float:left;
			color:#666;
			font-weight:bold;
			background:url(../images/phone.jpg) no-repeat top left;
			padding-left: 25px;
			padding-bottom:10px;
			line-height:22px;
			color:#ff911a;
		}


			#lista-ventajas li{
				color:#000 !important;
			}



/*-- cabecera --*/

html > body #cabecera{
	margin-right:6px;
}

#cabecera{
	width:751px;
	height:212px;
	float:right;
	padding:0px !important;
	background-color:#fff;
}