/* genericos
/* estructura
/* cabecera

/* genericos
·····································································································································*/	
	a {color: blue;text-decoration: underline;}
	a:hover {color: red;}
	a img {border: 0px;}
	body input, body select {font: normal 11px 'trebuchet ms', arial, helvetica, sans-serif; display: block;}
	h2 {font-family: 'trebuchet ms'; text-decoration: none; word-spacing: normal; letter-spacing: 0; line-height: 1.2em; font-size: 1.2em;font-variant:small-caps !important;
	padding: 15px 0px 0px 0px; text-transform:uppercase; color: 3f3f3f; font-weight: bold; margin: 0px;font-style:italic !important;}


/* estructura
·····································································································································*/	
html,body {margin:0; padding:0; background:#56AAC2; text-align:center; height: 100%;}
body {font: 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #444; background: #56aac2 repeat-x url(/_html/img/fondoBody.png); padding-top: 12px;}

#doc {width: 982px; margin:0px auto 0px auto; text-align:left; background: #fff;}


/* cabecera
·····································································································································*/	
	#hd{background: #fff no-repeat 490px center url(/_html/img/fotos/beaches004.jpg); float: left; width: 968px; padding:0px 0px 0px 0px; border: 7px solid #fff; border-bottom: none;}
	.hd1 {background: no-repeat url(/_html/img/fondoCabecera1.png);  height: 106px; padding-left: 30px; padding-top: 30px;}
	.hd1 h1 {color: #fff; padding-left: 7px; font: normal 15px impact;}

	/* pestañas flotantes en la cabecera*/
		.tab-ext {position:relative; top: -169px; left: 950px; width: 36px; height: 150px; float: left; padding-top: 15px; float: left; clear:both;}
		.tab-ext li {width: 36px; height: 38px; background: #fff no-repeat url(/_html/img/box-tab.png); margin-top: 7px;}
		.tab-ext li a {font: normal 21px impact; display: block; width: 35px; height: 32px; text-align: center; text-decoration: none; padding-top: 3px;}
		.h {color: #10659c;}
		.t {color: #83b900;}
		.e {color: #ff9600;}
				

/* bloques centrales
·····································································································································*/	
	#central {float: left; background: #444 right repeat-y url(/_html/img/fondoCentral.png); width: 982px; border-bottom: 7px solid #fff;}
	
	#izquierda {float:left;vertical-align:top; width: 244px; padding-left: 7px;}
	#derecha {float:right;vertical-align:top; width: 717px;}



/* entradilla... migas, foto, copy y menu sección
·····································································································································*/	
	#entradilla {margin: 0px 0px 10px 0px;}
	#entradilla .foto {float: left; width: 210px; height: 210px; background: blue; border-left: 1px solid #aaa;}
	#entradilla .titulo {float: left; width: 506px; height: 70px; background: #7bb508;}
	#entradilla .titulo h1 {color: #fff; padding-left: 7px; font: normal 23px impact; letter-spacing: 1px; padding: 10px 0px 0px 20px; margin: 0px;}
	#entradilla .titulo h1 a {color: #ddecbf;font-size: 70%; text-decoration:none;}
	#entradilla .titulo h1 a:hover {color: #fff; text-decoration:underline;}
	#entradilla .titulo h2 {color: yellow; margin: 0px; padding: 0px 0px 0px 20px;}
	#entradilla .bloque01 {float: left; width: 296px; font-size: 90%; height: 140px; background: #ffac1e;}
	#entradilla .bloque01 h2 {color: #4c6f07; padding: 5px 0px 0px 20px; margin: 0px; font-size: 90%;}
	#entradilla .bloque01 ul {padding: 0px 0px 0px 25px; margin: 0px;}
	#entradilla .bloque01 li {list-style: none; color: #fff; margin: 0px; padding: 0px;}
	
		#entradilla .entradilla p {color: blue; font-size: 14px; padding: 10px; margin: 0px; line-height:170%; text-indent: 30px; text-align: justify;}
	
		#entradilla .menuSeccionEntradilla {float: right; width: 209px; border-left: 1px solid #E2ECE8; height: 140px; background: #fff;}
			#entradilla .menuSeccionEntradilla h2 {color: #990000; padding: 5px 0px 0px 10px; margin: 0px; font-size: 90%;}
				#entradilla .menuSeccionEntradilla h2 small {color: #83b808; text-transform:lowercase;}
			#entradilla .menuSeccionEntradilla ul {padding: 0px 0px 0px 0px; margin: 0px;}
			#entradilla .menuSeccionEntradilla li {list-style: none; color: #000; font-size: 85%;}
			#entradilla .menuSeccionEntradilla a {text-decoration: none; color: #999; font-weight: normal;}
			#entradilla .menuSeccionEntradilla a:hover {text-decoration: underline; color: #444;}
			#entradilla .menuSeccionEntradilla .enPagina {color: black;}
	
		#entradilla .bannerEntradilla {float: right; width: 205px; padding-right: 5px; height: 139px; background: #65B900; border-top: 1px solid #6c9708; text-align: right;}
			#entradilla .bannerEntradilla .logo {padding: 20px 11px 5px 40px;; width: 159px; float: right;}
			#entradilla .bannerEntradilla .bannerEntradillaSocial {color: #c2ec8f; font-size: 11px; padding-right: 5px;}
	#entradilla .bread {width: 712px; float: left; padding: 15px 0px 5px 5px;  color: #000; background: #fff; border-bottom: 1px solid #666; font-size: 90%;}
	#entradilla .bread a, b {text-decoration: none; color: #999; font-weight: normal;}
	#entradilla .bread a:hover {text-decoration: underline; color: #444;}
	
	#entradilla #fotoAmplia {background-color: #fff; background-position: left; background-repeat:no-repeat; float: left; width: 717px;}
	#entradilla #fotoAmplia .titulo {float: right; width: 520px;}
	#entradilla #fotoAmplia .bloque02 {float: right;}	
	#entradilla #fotoAmplia .copyFoto {float: right; padding-top: 120px; padding-right: 5px; height: 20px;opacity: .5; filter: alpha(opacity=50); z-index: -1000;}
	#entradilla #fotoAmplia .copyFoto a {background:black; color: white; padding: 3px; text-decoration:none; font-size:80%; display: block;}
	
	
/* columna01 y columna02 (dentro de derecha)
·····································································································································*/		
	#columna01 {float: left; width: 480px; padding: 0px 10px 0px 10px; border-bottom: 1px solid #E4FAF0;}
		#columna01 .entradillaNegrita, #columna03 .entradillaNegrita {padding: 20px 0px 20px 0px; color: #444;line-height:170%; text-indent: 30px; text-align: justify; font-size: 14px; float: left;}
		#columna01 p, #columna03 p {text-align: justify; text-indent: 20px; float: left; padding: 5px 0px 0px 0px; margin: 0px; line-height: 18px;}
		#columna01 h2 {float: left; width: 100%;}

	#columna02 {float: right; width: 210px; padding-left: 7px;}
	#columna03 {float: left; width: 690px; padding: 0px 10px 0px 10px; background: #fff; }


/* menu abajo de la página con los enlaces de la sección
·····································································································································*/	

#columna01 .menuSeccionEntradilla {padding: 0px 0px 0px 33px; margin: 0px;}
	#columna02 h2 {color: #990000; padding: 15px 0px 0px 10px; margin: 0px; font-size: 90%;}
			#columna01 h2 small {color: #83b808; text-transform:lowercase;}
		#columna01 .menuSeccionEntradilla li {list-style: none; color: #000; font-size: 85%;}
		#columna01 .menuSeccionEntradilla li a {text-decoration: none; color: #999; font-weight: normal;}
		#columna01 .menuSeccionEntradilla li a:hover {text-decoration: underline; color: #444;}
		#columna01 .menuSeccionEntradilla li .enPagina {color: black;}
		
		#columna01 .menuSeccionEntradillaDiv {float: left; width: 100%; margin-top: 20px; padding-left: 10px; background: #fff top repeat-x url(/_html/img/fondoMenuListado001.gif);}
		
		#columna01 .enlaceExterno01 {float: right; background: #FFA300; min-width: 250px; font-size: 11px; font-weight: bold; padding: 0px 0px 0px 0px; margin: 10px 10px 10px 0px; color: #fff;}
					.enlaceExterno01 a {color: #fff; text-decoration: none;  padding: 10px 50px 10px 10px; display: block; float: left; }
					.enlaceExterno01 a b {color: #014860; font-weight: bold;font-size: 12px;}
		
		
		#columna01 h3 {	padding: 30px 0px 0px 0px; float: left; width: 100%; text-transform:uppercase; color: #006F94; margin: 0px;}
		#columna01 h4 {	padding: 10px 0px 0px 0px; float: left; width: 100%; color: #000; margin: 0px;}
.cajaHotelBeach {float: left; width: 181px; padding: 120px 10px 10px 10px;background: #E4FAF0 no-repeat url(/_html/img/banners/bannerHotelBeach.jpg); border-bottom: 1px solid #bbb;}

.cajaHotelBeach p {margin: 0px; padding: 0px 0px 0px 0px; font-family:verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify; color: #000;}


.cajaEntradaMenuHome {
	float: left; width: 100%; padding-left: 12px;
}
.cajaEntradaMenuHome ul {
	padding: 0px; margin: 0px; float: left; width: 470px;
}
.cajaEntradaMenuHome li {
	float: left; width: 107px;
	margin-right: 10px;
	list-style: none;
	text-align: center;
	margin-left: 0px;

}

.fotoEMfood {
	 background: #444 center no-repeat url(/_html/img/fotos/food003.jpg);
}
.fotoEMnightlife {	background: #444 center no-repeat url(/_html/img/fotos/nightlife002.jpg);}
.fotoEMbeaches {	background: #444 center no-repeat url(/_html/img/fotos/beaches003.jpg);}
.fotoEMhotels {	background: #444 center no-repeat url(/_html/img/fotos/benidorm018.jpg);}

.fotoShows {	background: #444 center no-repeat url(/_html/img/fotos/nightlife001.jpg);}
.fotoNightclubs {	background: #444 center no-repeat url(/_html/img/fotos/nightlife003.jpg);}
.fotoClubList {	background: #444 center no-repeat url(/_html/img/fotos/nightlife002.jpg);}

.fotoThemeParks {	background: #444 -300px center no-repeat url(/_html/img/fotos/attractions001.jpg);}
.fotoWildlife {	background: #444 -50px center no-repeat url(/_html/img/fotos/wildlife001.jpg);}
.fotoWatersports {	background: #444 center no-repeat url(/_html/img/fotos/watersports001.jpg);}

.fotoAlbir {	background: #444 -300px center no-repeat url(/_html/img/fotos/albir001.jpg);}
.fotoAlgarFalls {	background: #444 -140px -80px no-repeat url(/_html/img/fotos/algar002.jpg);}
.fotoAlicante {	background: #444 -140px -80px no-repeat url(/_html/img/fotos/alicante001.jpg);}
.fotoAltea {	background: #444 -50px -60px no-repeat url(/_html/img/fotos/altea002.jpg);}
.fotoCalpe {	background: #444 -150px -60px no-repeat url(/_html/img/fotos/calpe002.jpg);}
.fotoCavesCanelobre {	background: #444 -150px -60px no-repeat url(/_html/img/fotos/calpe001.jpg);}
.fotoElche {	background: #444 -150px -60px no-repeat url(/_html/img/fotos/elche003.jpg);}
.fotoFinestrat {	background: #444 -100px 0px no-repeat url(/_html/img/fotos/finestrat001.jpg);}
.fotoGuadalest {	background: #444 -30px -70px no-repeat url(/_html/img/fotos/guadalest001.jpg);}
.fotoJavea {	background: #444 -200px -60px no-repeat url(/_html/img/fotos/javea001.jpg);}
.fotoVillajoyosa {	background: #444 -200px -60px no-repeat url(/_html/img/fotos/villajoyosa002.jpg);}

.fotoLevante {	background: #444 -260px -70px no-repeat url(/_html/img/fotos/levante002.jpg);}
.fotoPoniente {	background: #444 -200px -70px no-repeat url(/_html/img/fotos/poniente002.jpg);}
.fotoMalpas {	background: #444 0px -90px no-repeat url(/_html/img/fotos/malpas002.jpg);}

.fotoCentre {	background: #444 -180px -80px no-repeat url(/_html/img/fotos/benidorm001.jpg);}
.fotoRincon {	background: #444 -0px -20px no-repeat url(/_html/img/fotos/benidorm011.jpg);}
.fotoGeography {	background: #444 -190px -50px no-repeat url(/_html/img/fotos/benidorm017.jpg);}
.fotoHistory {	background: #444 -190px -50px no-repeat url(/_html/img/fotos/history001.jpg);}
.fotoHowToGet {	background: #444 -50px -100px no-repeat url(/_html/img/fotos/transport001.jpg);}
.fotoMoney {	background: #444 -50px -100px no-repeat url(/_html/img/fotos/money001.jpg);}
.fotoTransport {	background: #444 -160px -100px no-repeat url(/_html/img/fotos/transport002.jpg);}
.fotoWeather {	background: #444 -260px -100px no-repeat url(/_html/img/fotos/weather001.jpg);}

.fotoEMfood01 {background: #444 -160px -50px no-repeat url(/_html/img/fotos/food002.jpg);}
.fotoEMfood02 {background: #444 -220px -90px no-repeat url(/_html/img/fotos/food006.jpg);}
.fotoEMfood03 {background: #444 -220px -90px no-repeat url(/_html/img/fotos/food003.jpg);}

.cajaEntradaMenuHome li a {
	
	padding: 70px 5px 5px 5px;
	height: 25px;
	float: left;
	width: 95px;
	text-align:right;
	text-decoration: none;
	color: #fff;
	background: transparent center no-repeat url(/_html/img/fondoCajaEntrada2.gif);
	border: 1px solid #000;
	vertical-align: bottom;
}
.cajaEntradaMenuHome li a:hover {
	opacity: .8; filter: alpha(opacity=80);
	background: #000 center no-repeat url(/_html/img/fondoCajaEntrada2.gif);
	color: #fff;
	border: 1px solid #000;
	padding: 70px 5px 5px 5px;
}

.cajaIntroSeccion {
	float: left;
	width: 350px;
	padding: 10px 0px 10px 0px;
	background: #edffca;
	margin: 10px 0px;
}
.cajaIntroSeccion h2 {
	float: right;
	width: 90%;
	background: #7BB508;
	padding: 5px 5px 5px 10px;
}
.cajaIntroSeccion h2 a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform:lowercase;
	font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;
font-size:15px;
}
.cajaIntroSeccion p {
	float: left;
	padding: 10px;
}



.mapa {float: left; margin-top: 20px; border: 5px solid #7BB508; width: 470px; height: 470px;}


/* banners */

#bannerShuttle {
	floar: left;
	width: 203px;
	height: 90px;
	text-align: right;
}
#bannerShuttle a {width: 203px; display: block; height: 90px;}
#bannerShuttle .bannerECards {background: #fff;}
#bannerShuttle .bannerSeeHotels {background: #007198;}
#bannerShuttle .bannerTransfer {background: #FFAF00;}

#columna01 q {color: #F8B20C; float: left; width: 100%; font-style:italic;}

#columna01 .diapositivas {
	margin-top: 30px;
}
#columna01 .diapositivas img {
	float: left; height: 67px; width: 100px;
}
#columna01 .diapositivas a {
	border: 5px solid #273702; float: left;
	margin: 10px 0px 0px 7px;
	width: 100px;
	height: 67px;
}
#columna01 .diapositivas a .ultima {

}

	
/* pie
·····································································································································*/	

	#ft {background: #56aac2; width: 954px; margin: 7px auto 0px auto; color: #fff; font-weight: bold; float: left;}
	#ft .copy {float: left;}
		#ft .copy small {font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
	#ft ul {float: right;}
	#ft li {display: inline; float: left; text-align: center;}
	#ft a {color: #fff; text-decoration:none;}
	#ft a:hover {color: #173e57;}
	
	
	
	
	#calframe {
		position: relative;
		float: left;
		width: 982px;
		left: -275px;
		border: solid #fff 0px;
		background: transparent;
		height: 4300px;
		top: 7px;
	}
	#hotelResult .izquierda {background-img: none;
		background-color: #fff;}
		

/* para el mensaje de confirmación del envio de correo y cosas por el estilo */		

.mensajesEnvio { background: #40869d; border: 5px solid #005d7c; width: 400px; margin: 45px auto 20px auto; padding: 30px 0px 30px; text-align: center; color: #fff; }
.mensajesEnvio big {color: #000; display: block; margin-bottom: 11px; text-shadow:1px 0px 2px #fff;}
.mensajesEnvio a {text-decoration: none; color: yellow;}
.mensajesEnvio a:hover {color: #fff;}


#busquedaHotel01 {
	float: left;
	width: 230px;
	padding: 10px;
	background: #006f94;
	color: #fff;
	font-size: 90%;
	border-right: 1px solid #015875;
}
#busquedaHotel01 h5 {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font: bold 15px 'Myriad Pro',"Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #fff; 
	text-transform:uppercase; 
}
#busquedaHotel01 .inText {
	width: 182px;
	float: left
}

#busquedaHotel01 select {float: left; margin-right: 10px;}
#busquedaHotel01 a {font-size: 10px; color: #ddd; text-decoration: none; float: left; margin: 10px 0px 0px 0px;}
#busquedaHotel01 div {float: left; width: 190px; margin-bottom: 5px;}