html {
    height: 100%;
}
body {
    font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
    width: 100%;
    height: 100%;
    background:#4797c8;
}
#wrapper {
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: url(../images/wrapper.jpg) no-repeat center -125px;
}

#wrapper_in {
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

html { overflow-y: scroll; }
/* Middle
-----------------------------------------------------------------------------*/
#middle {
    width:1200px;
    margin:0 auto;
    padding: 0 0 0px;
    height: 1%;
    position: relative;
    xmin-height:729px;
    min-height: 625px;
}
/*#middle:after {
        content: '.';
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
}*/
#container {
}
#content {
}
#lanzarote_s{
    position:absolute;
    xtop:221px;
    top: 96px;
    right:89px;
}
#lanzarote_s a{
    display:block;
    width:136px;
    height:114px;
}
#fuerteventura_s{
    position:absolute;
    xtop:354px;
    top: 229px;
    right:100px;
}
#fuerteventura_s a{
    display:block;
    width:265px;
    height:195px;
}
#gran_canaria_s{
    position:absolute;
    xtop:453px;
    top: 338px;
    left:572px;
}
#gran_canaria_s a{
    display:block;
    width:177px;
    height:162px;
}
#tenerife_s{
    position:absolute;
    xtop:378px;
    top: 253px;
    left:335px;
}
#tenerife_s a{
    display:block;
    width:197px;
    height:171px;
}
#la_gomera_s{
    position:absolute;
    xtop:481px;
    top: 356px;
    left:153px;
}
#la_gomera_s a{
    display:block;
    width:182px;
    height:68px;
}
#la_palma_s{
    position:absolute;
    xtop:328px;
    top: 203px;
    left:33px;
}
#la_palma_s a{
    display:block;
    width:188px;
    height:109px;
}
#el_hierro_s{
    position:absolute;
    xtop:569px;
    top: 444px;
    left:21px;
}
#el_hierro_s a{
    display:block;
    width:150px;
    height:75px;
}
#fon{
    width:100%;
    height:100%;
    background:url(../images/fon.png);
    position:fixed;
    display:none;
}
#island{
    width:1000px;
    left:50%;
    margin-left:-500px;
    height:100%;
    position: absolute;
    display:none;
    /*overflow-y:scroll;*/
    padding-top: 30px;
    z-index:400;
    /*konoff*/
    top: -30px;
    margin-left:-600px;
    padding-left: 100px;
    width: 900px;
    padding-right: 150px;
}
#island .close a{
    position:absolute;
    top:50px;
    right:0px;
    width:20px;
    height:20px;
    display:block;
    z-index:500;
    display: none;
}
.island_big{
    display:none;
    position: relative;
}
.island_title{
    position: absolute;
    left: 0px;
    top: 70px;
    cursor: pointer;
}
.island_title ul{
    padding: 10px 0 0 0;
    margin: 0;
    position: absolute;
    list-style-type: none;
    Xdisplay: none;
    width: 100%;
    cursor: default;
}
.island_title ul li{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
}
.island_title ul li a{
    font-family: Times New Roman;
    font-size: 20px;
    color: #09046a;
    text-decoration: none;
}
.island_title ul li a:hover{
    text-decoration: underline;
}

/* city
-----------------------------------------------------------------------------*/
.city a{
    text-shadow: 0px 0px 4px #c0c3b0, 0px 0px 4px #c0c3b0, 0px 0px 4px #c0c3b0, 0px 0px 4px #c0c3b0, 0px 0px 4px #c0c3b0, 0px 0px 4px #c0c3b0,0px 0px 4px #c0c3b0,0px 0px 4px #c0c3b0;
    filter: dropshadow(color=#c0c3b0, offx=0, offy=0);
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    color:#000;
    font-style:italic;
    text-transform:uppercase;
    text-decoration:none;
}
.city a.t1{
    font-size:24px;
    text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=0);
}
.arrecife{
    left: 556px;
    position: absolute;
    top: 492px;
}
.puerto_del_carmen{
    position:absolute;
    top: 580px;
    left: 193px;
}
.tinajo{
    position:absolute;
    top: 333px;
    left: 306px;
}
.playa_blanca{
    position:absolute;
    top: 658px;
    left: 118px;
}
.yaiza{
    position:absolute;
    top: 529px;
    left: 211px;
}
.tias{
    position:absolute;
    top: 522px;
    left: 360px;
}
.san_bartolome{
    position:absolute;
    top: 431px;
    left:469px;
}
.costa_teguise{
    position:absolute;
    top: 418px;
    left: 558px;
}
.teguise{
    position:absolute;
    top: 341px;
    left: 521px;
}
.haria{
    left: 605px;
    position: absolute;
    top: 186px;
}
.orzola{
    position:absolute;
    top: 58px;
    left: 635px;
}

.gran_tarajal{
    left: 469px;
    position: absolute;
    top: 563px;
}
.morro_jable{
    left: 116px;
    position: absolute;
    top: 721px;
}
.costa_calma{
    left: 298px;
    position: absolute;
    top: 606px;
}
.tuineje{
    left: 398px;
    position: absolute;
    top: 449px;
}
.pajara{
    left: 361px;
    position: absolute;
    top: 428px;
}
.antigua{
    left: 425px;
    position: absolute;
    top: 367px;
}
.betancuria{
    left: 370px;
    position: absolute;
    top: 341px;
}
.la_oliva{
    left: 497px;
    position: absolute;
    top: 164px;
}
.corralejo{
    left: 522px;
    position: absolute;
    top: 34px;
}
.puerto_del_rasario{
    position:absolute;
    top: 297px;
    right:267px;
}

.teror{
    left: 550px;
    position: absolute;
    top: 207px;
}
.arguineguin{
    left: 263px;
    position: absolute;
    top: 708px;
}
.maspalomas{
    left: 481px;
    position: absolute;
    top: 723px;
}
.san_bartolome{
    left: 408px;
    position: absolute;
    top: 430px;
}
.san_nicolas{
    left: 183px;
    position: absolute;
    top: 306px;
}
.telde{
    position: absolute;
    right: 269px;
    top: 303px;
}
.arucas{
    left: 547px;
    position: absolute;
    top: 108px;
}
.santa_brigida{
    left: 563px;
    position: absolute;
    top: 245px;
}
.las_palmas{
    left: 742px;
    position: absolute;
    top: 75px;
}

.santiago_del_teide{
    left: 160px;
    position: absolute;
    top: 367px;
}
.adeje{
    left: 247px;
    position: absolute;
    top: 576px;
}
.playa_americas{
    position:absolute;
    top: 622px;
    left:261px;
}
.los_cristianos{
    position:absolute;
    top: 662px;
    left:234px;
}
.la_orotava{
    left: 472px;
    position: absolute;
    top: 256px;
}
.puerto_cruz{
    position:absolute;
    top: 236px;
    left:456px;
}
.la_laguna{
    position: absolute;
    right: 251px;
    top: 135px;
}
.santa_tenerife{
    position:absolute;
    top: 187px;
    right:93px;
}

.hermigua{
    left: 634px;
    position: absolute;
    top: 241px;
}
.playa_santiago{
    left: 602px;
    position: absolute;
    top: 668px;
}
.alajero{
    left: 441px;
    position: absolute;
    top: 529px;
}
.valle_gran_rey{
    left: 110px;
    position: absolute;
    top: 449px;
}
.valleherm_oso{
    left: 323px;
    position: absolute;
    top: 144px;
}
.san_sebastian{
    left: 698px;
    position: absolute;
    top: 437px;
}

.barlovento{
    left: 532px;
    position: absolute;
    top: 59px;
}
.puntalana{
    left: 634px;
    position: absolute;
    top: 247px;
}
.brena_alta{
    left: 593px;
    position: absolute;
    top: 394px;
}
.brena_baja{
    left: 599px;
    position: absolute;
    top: 439px;
}
.villa_de_mazo{
    left: 562px;
    position: absolute;
    top: 522px;
}
.fuencaliente{
    left: 499px;
    position: absolute;
    top: 768px;
}
.el_paso{
    left: 478px;
    position: absolute;
    top: 439px;
}
.los_llanos_de_aridane{
    left: 393px;
    position: absolute;
    top: 412px;
}
.tijarafe{
    left: 327px;
    position: absolute;
    top: 305px;
}
.puntagorda{
    position:absolute;
    top: 195px;
    left:292px;
}
.villa_de_garafia{
    left: 338px;
    position: absolute;
    top: 75px;
}
.santa_cruz{
    left: 673px;
    position: absolute;
    top: 353px;
}

.la_frontera{
    left: 456px;
    position: absolute;
    top: 340px;
}
.valverde{
    left: 618px;
    position: absolute;
    top: 144px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
    width: 1200px;
    margin: 0px auto;
    height: 0px;
    xmargin-top:-68px;
    margin-top: -50px;
    position: relative;
}
#social{
    position:absolute;
    right:-20px;
    top:0;
}
#social{
    float:left;
    margin-left:5px;
}

.island{
    xoutline: 1px solid #ff0000;
}

#gran_canaria{
    padding-left: 70px;
    width: 930px;
}

#la_gomera{
    padding-left: 110px;
}

.hashtag{
    outline: 1px solid #ff0000;
}

h1.name{
    text-decoration: none;
}

h1.name:hover{
    text-decoration: underline;
    cursor: pointer;
}

div.text{
    display: none;
}


.island_title_menu{
    position: absolute;
    left: 0px;
    top: 4px;
    cursor: pointer;
    width: 140px;
}
.island_title_menu ul{
    padding: 10px 0 0 0;
    margin: 0;
    position: absolute;
    list-style-type: none;
    display: block;
    width: 100%;
}
.island_title_menu ul li{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
}
.island_title_menu ul li a{
    font-family: Times New Roman;
    font-size: 18px;
    color: #000000;
    text-decoration: none;
}
.island_title_menu ul li a:hover{
    text-decoration: underline;
}