@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: 'mediumcond';
	src: url('fuentes/helveticaneue-mediumcond-webfont.eot');
	src: url('fuentes/helveticaneue-mediumcond-webfont.eot?#iefix') format('embedded-opentype'), url('fuentes/helveticaneue-mediumcond-webfont.woff') format('woff'), url('fuentes/helveticaneue-mediumcond-webfont.ttf') format('truetype'), url('fuentes/helveticaneue-mediumcond-webfont.svg#bmw_helvetica_75bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'tstdltcn';
	src: url('fuentes/helveticaneueltstdltcn.otf.eot');
	src: url('fuentes/helveticaneueltstdltcn.otf.eot?#iefix') format('embedded-opentype'), url('fuentes/helveticaneueltstdltcn.otf.woff') format('woff'), url('fuentes/helveticaneueltstdltcn.otf.ttf') format('truetype'), url('fuentes/helveticaneueltstdltcn.otf.svg#bmw_helvetica_75bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
.wrapper {
	background-repeat: no-repeat;
	margin-top: -328px;
	position: absolute;
	right: 27%;
	width: 100;
	height: 551px;
}
.wrapperMobile {
	background-repeat: no-repeat;
	width: 527px;
	height: 551px;
	position: absolute;
	left: 50%;
	margin-left: -263px;
	top: 220px;
	z-index: 998;
}
.content {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 0;
	top: 0;
}
.textos {
	font-family: "Myriad Pro Regular";
	color: #FFDE01;
	font-size: 16px;
	font-weight: bold;
	height: 207px;
	left: 0px;
	position: absolute;
	top: 123px;
	width: 692px;
}
.textosn {
	font-family: "Myriad Pro";
	color: #FFDE01;
	font-size: 16px;
	font-weight: 200;
	height: 58px;
	left: 0px;
	position: absolute;
	top: 188px;
	width: 692px;
}
.mapa {
	background: url(images/mapa.png) no-repeat;
	height: 551px;
	width: 527px;
}
.puntos {
	width: 539px;
	height: 580px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.hovers {
	width: 539px;
	height: 580px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.tooltips {
	height: 10px;
	left: 0;
	position: absolute;
	top: 0px;
	width: 10px;
}
#tooltips {
	font-family: "Myriad Pro";
	background: url(images/tooltip.png) no-repeat;
	width: 128px;
	height: 66px;
	position: absolute;
	color: #333;
	text-align: center;
}
#tooltips h6 {
	font-size: 16px;
	margin: 0;
	padding: 18px 2px;
}
#punto {
	background: url(images/puntorojo.png) no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	cursor: pointer;
}
.listaol1 li, .listaol2 li{
	background-image: url(images/puntorojo.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 15px;
	list-style-image: none;
	list-style-type: none;
}

.listaol2 {
	left: 131px;
	position: absolute;
	top: 315px;
	margin-left: 11px;
}
.listaol1 {
	left: -13px;
	position: absolute;
	top: 315px;
	margin-left: 11px;
}
a {
	color: #FFDE01;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	position: relative;
}
.btnbuscar {
	background: url("images/buscarbtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	cursor: pointer;
	height: 36px;
	left: 213px;
	position: relative;
	top: -1px;
	width: 42px;
}
.btnbuscar:hover {
	background-position: 0px -30px;
	cursor: pointer;
}
.btnlimpiar {
	background: url("images/limpiarbtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	cursor: pointer;
	height: 36px;
	left: 210px;
	position: relative;
	top: 2px;
	width: 55px;
}
.btnlimpiar:hover {
	background-position: 0px -30px;
	cursor: pointer;
}
.barrabus {
	border: none;
	width: 334px;
	height: 36px;
	margin-left: 33px;
}
.barrabusMobile {
	border: none;
	width: 334px;
	height: 36px;
	margin-left: -167px;
	position: absolute;
	left: 55%;
}
.imgbuscador {
	font-family: "Myriad Pro";
	background: url(images/imgbuscador.png) no-repeat;
	border: none;
	width: 334px;
	height: 36px;
	padding-left: 22px;
	width: 253px;
	font-size: 16px;
	color: #333333;
	position: absolute;
	border: none;
}
input:hover {
	border: none;
}
input:active {
	border: none;
}
input:current {
 border:none;
}
*:focus {
	outline: none;
}
/*HOVERS*/
.anori {
	background: url(images/hover-anori.png) no-repeat;
	height: 78px;
	left: 291px;
	position: absolute;
	top: 237px;
	width: 70px;
}
.amalfi {
	background: url(images/hover-amalfi.png) no-repeat;
	height: 84px;
	left: 315px;
	position: absolute;
	top: 259px;
	width: 58px;
}
.andes {
	background: url(images/hover-andes.png) no-repeat;
	height: 51px;
	left: 168px;
	position: absolute;
	top: 497px;
	width: 49px;
}
.angostura {
	background: url(images/hover-angostura.png) no-repeat;
	height: 41px;
	left: 262px;
	position: absolute;
	top: 302px;
	width: 48px;
}
.caracoli {
	background: url(images/hover-caracoli.png) no-repeat;
	height: 41px;
	left: 368px;
	position: absolute;
	top: 386px;
	width: 40px;
}
.caseres {
	background: url(images/hover-caseres.png) no-repeat;
	height: 101px;
	left: 265px;
	position: absolute;
	top: 146px;
	width: 82px;
}
.caucasia {
	background: url(images/hover-caucasia.png) no-repeat;
	height: 82px;
	left: 300px;
	position: absolute;
	top: 133px;
	width: 78px;
}
.cisneros {
	background: url(images/hover-cisneros.png) no-repeat;
	height: 13px;
	left: 323px;
	position: absolute;
	top: 368px;
	width: 15px;
}
.elcampamento {
	background: url(images/hover-elcampamento.png) no-repeat;
	height: 38px;
	left: 282px;
	position: absolute;
	top: 275px;
	width: 29px;
}
.elvalle {
	background: url(images/hover-elvalle.png) no-repeat;
	height: 31px;
	left: 216px;
	position: absolute;
	top: 286px;
	width: 25px;
}
.ituango {
	background: url(images/hover-ituango.png) no-repeat;
	height: 78px;
	left: 126px;
	position: absolute;
	top: 215px;
	width: 143px;
}
.maceo {
	background: url(images/hover-maceo.png) no-repeat;
	height: 43px;
	left: 361px;
	position: absolute;
	top: 355px;
	width: 56px;
}
.nechi {
	background: url(images/hover-nechi.png) no-repeat;
	height: 83px;
	left: 350px;
	position: absolute;
	top: 104px;
	width: 66px;
}
.sanjosedelamontana {
	background: url(images/hover-sanjosedelamontana.png) no-repeat;
	height: 83px;
	left: 225px;
	position: absolute;
	top: 315px;
	width: 66px;
}

.medellin {
	background: url("images/hover-medellin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 32px;
	left: 229px;
	position: absolute;
	top: 401px;
	width: 34px;
}
.puertoberrio {
	background: url(images/hover-puertoberrio.png) no-repeat;
	height: 83px;
	left: 389px;
	position: absolute;
	top: 341px;
	width: 58px;
}
.cristales {
	background: url(images/hover-puertoserviez.png) no-repeat;
	height: 43px;
	left: 363px;
	position: absolute;
	top: 418px;
	width: 57px;
}
.puertotriunfo {
	background: url(images/hover-puertotriunfo.png) no-repeat;
	height: 34px;
	left: 367px;
	position: absolute;
	top: 452px;
	width: 49px;
}
.lasierra {
	background: url(images/hover-puertoserviez.png) no-repeat;
	height: 43px;
	left: 363px;
	position: absolute;
	top: 418px;
	width: 57px;
}
.puertonare {
	background: url(images/hover-puertoserviez.png) no-repeat;
	height: 43px;
	left: 363px;
	position: absolute;
	top: 418px;
	width: 57px;
}
.sanandres {
	background: url(images/hover-sanandres.png) no-repeat;
	height: 38px;
	left: 212px;
	position: absolute;
	top: 299px;
	width: 37px;
}
.sancarlos {
	background: url(images/hover-sancarlos.png) no-repeat;
	height: 46px;
	left: 321px;
	position: absolute;
	top: 408px;
	width: 67px;
}
.sanroque {
	background: url(images/hover-sanroque.png) no-repeat;
	height: 39px;
	left: 325px;
	position: absolute;
	top: 372px;
	width: 55px;
}
.taraza {
	background: url(images/hover-taraza.png) no-repeat;
	height: 76px;
	left: 230px;
	position: absolute;
	top: 189px;
	width: 81px;
}
.valdivia {
	background: url(images/hover-valdivia.png) no-repeat;
	height: 54px;
	left: 251px;
	position: absolute;
	top: 236px;
	width: 52px;
}
.yarumal {
	background: url(images/hover-yarumal.png) no-repeat;
	height: 78px;
	left: 234px;
	position: absolute;
	top: 261px;
	width: 70px;
}
/*PUNTOS*/

.puntoanori {
	left: 318px;
	top: 268px;
}
.puntoamalfi {
	left: 341px;
	top: 303px;
}
.puntoandes {
	left: 182px;
	top: 521px;
}
.puntoangostura {
	left: 282px;
	top: 317px;
}
.puntocaracoli {
	left: 383px;
	top: 404px;
}
.puntocaseres {
	left: 304px;
	top: 196px;
}
.puntocaucasia {
	left: 333px;
	top: 164px;
}
.puntocisneros {
	left: 325px;
	top: 369px;
}
.puntoelcampamento {
	left: 290px;
	top: 293px;
}
.puntoelvalle {
	left: 223px;
	top: 300px;
}
.puntotoledo {
	left: 223px;
	top: 289px;
}
.puntoituango {
	left: 206px;
	top: 256px;
}
.puntomaceo {
	left: 381px;
	top: 374px;
}
.puntonechi {
	left: 380px;
	top: 134px;
}
.puntosanjosedelamontana {
	left: 225px;
	top: 325px;
}

.puntomedellin{
    left: 239px;
    top: 414px;
}
.puntopuertoberrio {
	left: 414px;
	top: 385px;
}
.puntopuertotriunfo {
	left: 390px;
	top: 463px;
}
.puntolasierra {
	left: 392px;
	top: 438px;
}
.puntopuertonare {
	left: 379px;
	top: 438px;
}
.puntosanandres {
	left: 231px;
	top: 307px;
}
.puntosancarlos {
	left: 355px;
	top: 425px;
}
.puntosanroque {
	left: 349px;
	top: 383px;
}
.puntocristales {
	left: 333px;
	top: 382px;
}
.puntosanjosedelnus {
	left: 360px;
	top: 391px;
}
.puntotaraza {
	left: 263px;
	top: 215px;
}
.puntovaldivia {
	left: 275px;
	top: 250px;
}
.puntoyarumal {
	left: 261px;
	top: 303px;
}
/*TOOLTIPS*/

.tooltipsanori {
	left: 259px;
	top: 197px;
}
.tooltipsamalfi {
	left: 283px;
	top: 233px;
}
.tooltipsandes {
	left: 123px;
	top: 451px;
}
.tooltipsangostura {
	left: 223px;
	top: 247px;
}
.tooltipscaracoli {
	left: 323px;
	top: 335px;
}
.tooltipscaseres {
	left: 245px;
	top: 123px;
}
.tooltipscaucasia {
	left: 273px;
	top: 92px;
}
.tooltipscisneros {
	left: 265px;
	top: 300px;
}
.tooltipselcampamento {
	left: 231px;
	top: 223px;
}
.tooltipselvalle {
	left: 164px;
	top: 235px;
}
.tooltipstoledo {
	left: 164px;
	top: 223px;
}
.tooltipsituango {
	left: 147px;
	top: 184px;
}
.tooltipsmaceo {
	left: 322px;
	top: 304px;
}
.tooltipsnechi {
	left: 310px;
	top: 54px;
}
.tooltipssanjosedelamontana {
	left: 170px;
	top: 250px;
}
.tooltipsmedellin {
   left: 180px;
    top: 348px;
}
.tooltipspuertoberrio {
	left: 354px;
	top: 313px;
}
.tooltipslasierra {
	left: 333px;
	top: 370px;
}
.tooltipspuertonare {
	left: 320px;
	top: 371px;
}
.tooltipssanandres {
	left: 172px;
	top: 239px;
}
.tooltipssancarlos {
	left: 296px;
	top: 354px;
}
.tooltipssanroque {
	left: 290px;
	top: 314px;
}
.tooltipscristales {
	left: 274px;
	top: 316px;
}
.tooltipspuertotriunfo {
	left: 331px;
	top: 393px;
}
.tooltipssanjosedelnus {
	left: 290px;
	top: 313px;
}
.tooltipstaraza {
	left: 204px;
	top: 143px;
}
.tooltipsvaldivia {
	left: 216px;
	top: 180px;
}
.tooltipsyarumal {
	left: 202px;
	top: 233px;
}

/*POPUP*/
#divpopup {
	background-image: url("images/losentimos.jpg");
	height: 192px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 178px;
	width: 289px;
}
.cerrarpopup {
	color: #A87A25;
	cursor: pointer;
	font-family: "Myriad Pro";
	font-size: 48px;
	height: 21px;
	left: 242px;
	position: relative;
	text-align: center;
	top: -10px;
	width: 49px;
	z-index: 20;
}
.cerrarpopup:hover {
	color: #392912;
}
#OtrosDestinosMobile {
	margin-top: 599px;


}
#OtrosDestinosMobile a {
	line-height: 32px;
}



@media (min-width: 600px) AND (max-width: 1200px) {
.barrabus {
	margin-left: 8px;
}
.listaol2 {
	left: 87px;
}
.listaol1 {
	left: -43px;

}
}

@media (max-width: 599px) {
.wrapperMobile{
	top: 100px;		
}
#OtrosDestinosMobile {
	margin-top: 400px;
}

}