@charset "utf-8";
/* CSS Document */


#hotelesPlaya {
	z-index:1;
	margin-left: -10px;
	margin-top: 10px;
	position:relative;
	width:700px;
	height:750px;
	background-repeat: no-repeat;
	background-position: left top;
}


#hotelesPlaya.es {
	background-image: url(http://www.canarias.com/images/newDesign/themes/hotelesdeplaya2012/hoteles_playa_bg_es.jpg);
}

#hotelesPlaya.en {
	background-image: url(http://www.canarias.com/images/newDesign/themes/hotelesdeplaya2012/hoteles_playa_bg_en.jpg);
}

#hotelesPlaya.de {
	background-image: url(http://www.canarias.com/images/newDesign/themes/hotelesdeplaya2012/hoteles_playa_bg_de.jpg);
}

#hotelesPlaya.fr {
	background-image: url(http://www.canarias.com/images/newDesign/themes/hotelesdeplaya2012/hoteles_playa_bg_fr.jpg);
}

#hotelesPlaya.it {
	background-image: url(http://www.canarias.com/images/newDesign/themes/hotelesdeplaya2012/hoteles_playa_bg_it.jpg);
}

#hotelesPlaya.ru {
	background-image: url(http://www.canarias.com/images/newDesign/themes/hotelesdeplaya2012/hoteles_playa_bg_ru.jpg);
}

#hotelesPlaya.pt {
	background-image: url(http://www.canarias.com/images/newDesign/themes/hotelesdeplaya2012/hoteles_playa_bg_pt.jpg);
}


#hotelesPlaya h1 {
	position:absolute;
	display:block;
	left:33px;
	top:33px;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 50px;
	padding: 0;
	margin:0;
	text-shadow: rgba(0, 0, 102, 0.2) 0px 2px 3px;
}
#hotelesPlaya h2 {
	position:absolute;
	display:block;
	left:33px;
	top:98px;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3;
	font-size: 16px;
	font-weight: bold;
	height: 57px;
	padding: 0;
	margin:0;
	text-shadow: rgba(0, 0, 102, 0.3) 0px 1px 0px;
}



/*Estilos existentes*/
/*
		* html a:hover { background: transparent; }
*/
.tooltip {
	color: #FFF;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-shadow: rgba(0, 0, 102, 0.4) 0px 1px 0px;
}

.tooltip:hover {
	color: #FF6 !important;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.tooltip:visited {
	color: #EAFFFE;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	z-index: 99;
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	left: -80px;
	top: 2em;
	margin-left: 0px;
	width: 250px;
	color: #009BE6;
	font-size: 14px;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.tooltip:hover img {
	border: 0;
	float: left;
	position: absolute;
	margin-top: -40px;
	margin-left: 220px;
}
.tooltip:hover em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
	color: #F30;
	font-style: normal;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
}
.custom {
	padding: 0.5em 0.8em 0.8em 2em;
}

.help {
	border: 1px solid #ff9c00;
	background-color: #FFE8AB;
}

#enlaalgarve {
	position: absolute;
	height: auto;
	width: 80px;
	top: 366px;
	right: 509px;
}
#enlacostadelaluzcadiz {
	position: absolute;
	height: auto;
	width: 117px;
	top: 446px;
	right: 379px;
}
#enlacostadelaluzhuelva {
	position: absolute;
	height: auto;
	width: 121px;
	top: 404px;
	right: 457px;
}
#enlacostaalmeria {
	position: absolute;
	height: auto;
	width: 110px;
	top: 411px;
	right: 181px;
}
#enlacostablanca {
	position: absolute;
	height: auto;
	width: 94px;
	top: 385px;
	right: 162px;
}
#enlabenicorm {
	position: absolute;
	height: auto;
	width: 86px;
	top: 358px;
	right: 150px;
}
#enlacostaazahar {
	position: absolute;
	height: auto;
	width: 130px;
	top: 326px;
	right: 81px;
}
#enlacostadelsol {
	position: absolute;
	height: auto;
	width: 109px;
	top: 438px;
	right: 266px;
}
#enlacostadorada {
	position: absolute;
	height: auto;
	width: 114px;
	top: 295px;
	right: 63px;
}
#enlasitges {
	position: absolute;
	height: auto;
	width: 71px;
	top: 267px;
	right: 95px;
}
#enlacostabrava {
	position: absolute;
	height: auto;
	width: 107px;
	top: 234px;
	right: 60px;
}

/*CANARIAS*/

#enlaTenerife {
	position: absolute;
	height: auto;
	width: 77px;
	top: 540px;
	left: 139px;
}

#enlaGrancanaria {
	position: absolute;
	height: auto;
	width: 134px;
	top: 615px;
	left: 205px;
}

#enlaLanzarote {
	position: absolute;
	height: auto;
	width: 83px;
	top: 532px;
	left: 278px;
}

#enlaFuerteventura {
	position: absolute;
	height: auto;
	width: 113px;
	top: 577px;
	left: 265px;
}

#enlaLagomera {
	position: absolute;
	height: auto;
	width: 94px;
	top: 605px;
	left: 104px;
}

#enlaLapalma {
	position: absolute;
	height: auto;
	width: 85px;
	top: 536px;
	left: 28px;
}

#enlaElhierro {
	position: absolute;
	height: auto;
	width: 80px;
	top: 584px;
	left: 21px;
}


/*BALEARES*/

#enlaMallorca {
	position: absolute;
	height: auto;
	width: 78px;
	top: 586px;
	left: 518px;
}

#enlaMenorca {
	position: absolute;
	height: auto;
	width: 76px;
	top: 548px;
	left: 604px;
}

#enlaIbiza {
	position: absolute;
	height: auto;
	width: 60px;
	top: 616px;
	left: 426px;
}