.win div{position:absolute}
.win_t{width:100%;top:0px;}
.win_tl{left:0px;top:0px;}
.win_tc{top:0px;}
.win_tr{right:0px;top:0px;}
.win_c{width:100%;}
.win_cl{top:0px;bottom:0px;left:0px;}
.win_cc{top:0px;bottom:0px;overflow:auto;}
.win_cc::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
.win_cc::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
.win_cc::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
.win_cc::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
.win_cc::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
.win_cc::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}
.win_cc div{position:relative;}
.win_cr{top:0px;bottom:0px;right:0px;}
.win_b{width:100%;bottom:0px;}
.win_bl{top:0px;left:0px;}
.win_bc{top:0px;}
.win_br{top:0px;right:0px;}
.win_close{top:0px;}
.win_close a{display:block;}
.win_container{width:100%;}

body,html{margin:0px;padding:0px;overflow:hidden;width:100%;height:100%;}
.tooltip{z-index:1000001;}

#mobile_icon{display:none;background-image: url(./img/home/menu_mobile_new.png);background-repeat: no-repeat;position: absolute;z-index: 9999999; width: 125px;height: 125px;}
#mobile_icon_arrivato{display:none;background-image: url(./img/home/menu_mobile_arrivato_new.png);background-repeat: no-repeat;position: absolute;z-index: 9999999;width: 125px;height: 125px;}

/*Scritta interna ai link chat */
#luogomappaid{position:absolute;top:11px;left:27px;overflow:hidden;width:80px;height:30px;text-align:center;font-family:Times New Roman,Geneva,sans-serif;font-size: 10px;padding: 5px;FONT-WEIGHT:bolder;}

.form-campi-register{text-align: center;font-weight:bold;}
.input_registrazione{width:50%;}

#accetta_caricamento{position: absolute;margin-left: 50%;margin-top: 10px;transform: translateX(-50%);zoom:2;}
#accetta_button{position: relative;margin-left: 50%;margin-top: 10px;transform: translateX(-50%);}
#accetta_button input[type=submit]{display: inline-block;left:0px;padding: 10px 30px;font-weight: 300;text-decoration: none;border-radius: 200px;
    -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
    transition: background-color 0.2s, border 0.2s, color 0.2s;
    color: rgba(20, 19, 19, 0.81);
    margin-right:15px;
}
#accetta_button input[type=submit]:hover,
input[type=submit]:active {background-color: #b9afa7;}

#ct{position:absolute;top:80px;bottom:80px;left:0px;right:0px;overflow:hidden;background-color:#000000;}
#mappa_input{position:absolute;z-index:9999;cursor:pointer;}
#mappa_sh{position:absolute;}
#mappa{position:absolute;}
#sh_t{position:absolute;top:0px;width:100%;}
#sh_b{position:absolute;bottom:0px;width:100%;}
#sh_l{position:absolute;bottom:0px;top:0px;left:0px;}
#sh_r{position:absolute;bottom:0px;top:0px;right:0px;}

/*sezione off, bottoni pulsanti ed header della skin*/
#header{position:absolute;width:100%;height:80px;top:0px;z-index:10001;}
#skin{position:absolute;top:10px;left:10px;}

#area_account{position:absolute;top:30px;left:310px;}

#news_interne{position:absolute;left:-30px;width:100%;height:16px;overflow:hidden;font-size:15px;z-index:2000;padding:10px;top:100px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    text-align:left;vertical-align: middle;}

#off{position:absolute;height:25px;top:0px;left:30px;}
#off div{float:right;margin-right:5px;margin-left:5px;}
#off div a{width:60px;height:25px;display:block;}
#off div a:hover{background-position:0px -25px;}

#indietro{top:10px;left:10px;width:125px;height:25px;}

#banner{position:absolute;top:0px;left:60%;height:80px;width:200px;}
#info{position:absolute;bottom:1px;right:2px;}
#footer{position:absolute;width:100%;height:80px;bottom:0px;z-index:99999;}

#buttons{position:absolute;width:500px;height:65px;top:10px;left:45%;margin-left:-170px;z-index:10001;}
#buttons_over{position:absolute;width:500px;height:65px;top:10px;left:45%;margin-left:-170px;z-index:10001;}
#buttons div{float:left;margin-right:10px;margin-left:10px;}
#buttons div a{width:65px;height:65px;display:block;}
#buttons div a:hover{background-position:0px -65px;}

/*sezioni e sottosezioni mercato*/
#armi{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#armi1{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#armi2{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#armi3{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#armi4{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#armi5{right: 10px;top:30px;width:600px;height:25px;position:absolute;}

#armiselezionetaglio{left:65px;width:90px;height:25px;position:absolute;}
#armiselezionebotta{left:157px;width:90px;height:25px;position:absolute;}
#armiselezionedistanza{left:250px;width:90px;height:25px;position:absolute;}
#armiselezioneesotiche{left:345px;width:90px;height:25px;position:absolute;}
#armiselezioneprotezioni{left:440px;width:90px;height:25px;position:absolute;}

#oggetti{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#oggetti1{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#oggetti2{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#oggetti3{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#oggetti4{right: 10px;top:30px;width:600px;height:25px;position:absolute;}

#oggettiselezionedial{left:300px;width:115px;height:25px;position:absolute;}
#oggettiselezioneoggettistica{left:65px;width:115px;height:25px;position:absolute;}
#oggettiselezioneutilizzabili{left:180px;width:115px;height:25px;position:absolute;}
#oggettiselezionegoverno{left:420px;width:115px;height:25px;position:absolute;}

#animali{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#animali1{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#animali2{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#animali3{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#animali4{right: 10px;top:30px;width:600px;height:25px;position:absolute;}

#animaliselezionesmallf{left:60px;width:115px;height:25px;position:absolute;}
#animaliselezionesmalls{left:180px;width:115px;height:25px;position:absolute;}
#animaliselezionebigf{left:300px;width:115px;height:25px;position:absolute;}
#animaliselezionebigs{left:420px;width:115px;height:25px;position:absolute;}

#navi{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#navi1{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#navi2{right: 10px;top:30px;width:600px;height:25px;position:absolute;}
#navi3{right: 10px;top:30px;width:600px;height:25px;position:absolute;}

#naviselezionenavi{left:100px;width:125px;height:25px;position:absolute;}
#naviselezionemezzi{left:235px;width:130px;height:25px;position:absolute;}
#naviselezioneedifici{left:370px;width:125px;height:25px;position:absolute;}

#speciali{right: 10px;top:30px;width:600px;height:25px;position:absolute;}

#lista_oggetti{right: 5px;top:40px;width:620px;height:435px;position:absolute;overflow-y:auto;overflow-x:hidden;}
#lista_oggetti::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#lista_oggetti::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#lista_oggetti::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#lista_oggetti::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#lista_oggetti::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#lista_oggetti::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}
#lista_exit{left: -210px;top:40px;width:140px;height:65px;position:absolute;}

/*Sezione Equip della Borsa*/
#lista_oggetti_equip{left: 20px;top:20px;width:750px;height:360px;position:absolute;overflow-y:hidden;overflow-x:hidden;}
#lista_oggetti_equip_spec{left: 10px;top:20px;width:730px;height:330px;position:absolute;overflow-y:auto;overflow-x:hidden;}
#lista_oggetti_equip_spec::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#lista_oggetti_equip_spec::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#lista_oggetti_equip_spec::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#lista_oggetti_equip_spec::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#lista_oggetti_equip_spec::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#lista_oggetti_equip_spec::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

#pngarmi{left: -270px;top:160px;width:252px;height:306px;position:absolute;background-image: url(./img/png/Armi.png);overflow:hidden;}
#pngoggetti{left: -270px;top:160px;width:252px;height:306px;position:absolute;background-image: url(./img/png/Oggetti.png);overflow:hidden;}
#pnganimali{left: -270px;top:160px;width:252px;height:306px;position:absolute;background-image: url(./img/png/Animali.png);overflow:hidden;}
#pngnavi{left: -270px;top:160px;width:252px;height:306px;position:absolute;background-image: url(./img/png/Mezzi.png);overflow:hidden;}
#pngspeciali{left: -270px;top:160px;width:252px;height:306px;position:absolute;background-image: url(./img/png/Speciali.png);overflow:hidden;}

#azzardo{top:90px;width:200px;height:350px;position:absolute;background-image: url(./img/png/zeff3.gif);overflow:hidden;}

/* Sezione Mercato Nero MERCATO */

#vendi_usato_mercatino{width:150px;height:40px;background:url(img/mercato/mercatonero/vendiusato-pulsante.png) no-repeat;position: absolute;z-index: 1;right: 10px;bottom: 155px;}
#vendi_png_mercatino{width:150px;height:40px;background:url(img/mercato/mercatonero/vendiusato-pulsante.png) no-repeat;position: absolute;z-index: 1;left: 10px;bottom: 40px;}

#mercato_astaumana_button{width:150px;height:40px;background:url(img/mercato/mercatonero/casaaste-pulsante.png) no-repeat;position: absolute;z-index: 1;right: 10px;top: 10px;}
#mercato_nero_button{width:150px;height:40px;background:url(img/mercato/mercatonero/mercatonero-pulsante.png) no-repeat;position: absolute;z-index: 1;left: 10px;top: 10px;}

#mercato_nero_oggetti{position:relative;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(img/mercato/mercatonero/mercato_nero_oggetti.png) no-repeat;}

#mercato_nero_blueno{position:absolute;top:50px;left:80px;width:300px;height:250px;background:url(img/mercato/mercatonero/blueno.png) no-repeat;}

#mercato_nero_oggetti_listing{height:400px;overflow:hidden;}

.oggetto_nero_scheda{position: absolute !important;width: 600px;height:400px;overflow:hidden;margin-left: 50%;transform: translateX(-50%);display:flex;background: url(img/mercato/mercatonero/mercato-nero-listing.png) no-repeat;}

#oggetto_nero_liv1{
        padding: 50px 20px 0px 105px;
}
#oggetto_nero_liv2{
    top: 50px;
    width: 320px;
    height:180px;
    font-size: 20px;
    text-transform: uppercase;
    color: #5E463E;
    left:-20px;
}
#oggetto_nero_liv3{
    height: 170px;
    overflow: auto;
    align-self: flex-end;
    left: 60px;
    position: absolute;
    padding-left: 50px;
    top: 200px;
    padding-right: 50px;
    color: #5E463E;
    width:470px;
}

#oggetto_nero_liv3::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#oggetto_nero_liv3::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#oggetto_nero_liv3::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#oggetto_nero_liv3::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#oggetto_nero_liv3::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#oggetto_nero_liv3::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

#carrello_mercato_nero{
    position: absolute;
    bottom: 0px;
    width: 97.4%;
    height: 160px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    perspective:800px;
    transform-style: preserve-3d;
}

#carrello_mercato_nero::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#carrello_mercato_nero::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#carrello_mercato_nero::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#carrello_mercato_nero::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#carrello_mercato_nero::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#carrello_mercato_nero::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}


#carrello_mercato_nero figure{
    margin: 0px 10px 0px 10px;
    display:inline-block;
    position:relative;
    -webkit-box-shadow: -18px 25px 28px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: -18px 25px 28px -5px rgba(0,0,0,0.75);
    box-shadow: -18px 25px 28px -5px rgba(0,0,0,0.75);
    transition: .3s; 
    transform: rotateX(40deg);
    border:2px solid beige;
    margin-top:5px;
}

#carrello_mercato_nero figure:hover{
      transform: rotate(0);
}

.titolo_mercato_usato{
    background-color: beige;
    color:black;
}

#speciale_mercatino{
    position:absolute;
    top:0px;
    left:0px;
}

#mercato_nero_png{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    overflow:hidden;
    background:url(img/mercato/mercatonero/mercato_nero_png.png) no-repeat;
}

#mercato_nero_schiavista{
    position:absolute;
    top: 50px;
    right: 80px;
    width: 350px;
    height: 280px;
    background:url(img/mercato/mercatonero/schiavista-coming.png) no-repeat;
}




/* nuovo layout Azioni per skill,equip etc */
#new_proazioni{left: 50%;width:350px;height:25px;position:relative;transform:translateX(-50%);}
#new_proazioniA{top:0px;left: 35px;width:85px;height:25px;position:absolute;}
#new_proazioniB{top:0px;left: 130px;width:85px;height:25px;position:absolute;}
#new_proazioniC{top:0px;right: 40px;width:85px;height:25px;position:absolute;}

/* nuovo layout profilo */
#new_probottoni{left: 50%;transform:translateX(-50%);width:700px;height:25px;position:relative;}
#new_probottoni_lumacofono{top:3px;left:15px;width:25px;height:25px;position:absolute;}
#new_probottoni_id{top:8px;right:-15px;width:70px;height:25px;position:absolute;}
#new_probottoni_tools{top:0px;right:-30px;width:25px;height:25px;position:absolute;}
#new_probottoni_profilo{top:0px;left:65px;width:90px;height:25px;position:absolute;}
#new_probottoni_descrizioni{top:0px;left: 160px;width:90px;height:25px;position:absolute;}
#new_probottoni_status{top:0px;left: 255px;width:90px;height:25px;position:absolute;}
#new_probottoni_skill{top:0px;left: 350px;width:90px;height:25px;position:absolute;}
#new_probottoni_conoscenze{top:0px;left: 445px;width:90px;height:25px;position:absolute;}
#new_probottoni_contabili{top:0px;left: 540px;width:90px;height:25px;position:absolute;}


/* Nuovo Layout Skill */

.skill:before{
    content: "";
    border: 2px solid grey;
    position: relative;
    left: 50px;
}

#profilo_skill_origine{
    width:25px;
    height:25px;
    top:5px;
}

#profilo_skill_img{
    width:25px;
    height:25px;
}

#profilo_skill_lv{
    position:absolute;
    top:-8px;
    right:-5px;
    font-size: 9px;
    font-weight:500;
    color: #fff;
    background-image: url(img/skill/grafica/baseliv.gif);
    width:15px;
    height:15px;
}

#profilo_skill_figlia{
    position:absolute;
    bottom:-8px;
    left:-5px;
    background-image: url(img/skill/grafica/alberoskill.gif);
    width:15px;
    height:15px;
}

#profilo_skill_impara{
    position:absolute;
    bottom:-8px;
    right:-5px;
    background-image: url(img/skill/grafica/aumentoliv.gif);
    width:15px;
    height:15px;
}


.profilo_skill_nome_principale{
    top: -25px;
    left: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    width: 320px;
}

#profilo_skill_nome h2{
    text-align: center;
    font-size: 150%;
    font-weight:700;
    border-bottom:1px solid #fff;
    color: #fff; 
}

#profilo_skill_nome h3{
    text-align: left;
    font-size: 100%;
    font-weight:400;
    color: #fff; 
}

.profilo_skill_container_left, .profilo_skill_container_right{
    padding:10px;
    position:relative;
    display:inline-block;
    text-align:justify;
    top:0px;
}

.profilo_skill_container_left{
    width: 98%;
    border-bottom:2px solid #e8e8e8;
    margin-bottom:20px;

}

.profilo_skill_container_right{
    width: 30%;
    margin-left: 10px;
}
#profilo_skill_container_stat{position:absolute;top:0px;}

.profilo_skill_descriz_hidden{
    color: rgba(0, 0, 0, 0.5);
}


/* Nuovo Layout Conoscenze */

#discovery{position:relative;width:60px;height:60px;}
#discovery a{width:60px;height:60px;display:block;background-image:url('img/conoscenze/discovery/comingsoon.gif')}
#discovery a:hover{background-position:0px -60px;}



/* layout vita e mana e ferite da inserire progress bar personalizzata in caso e per ogni pv.pe */

.progress-life {
    width: 100px;
    height: 6px;
    border:1px solid black;
    border-radius: 4px;
    margin: 20px 0 -20px 0;
    padding: -7px;
    position: relative;
    left:50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.progress-life#life-verticale {
    left:47%;
}

.progress-life #barra-progresso {
    top:0;
    left:0;
    height:5px;
    background-color: #ff0000;
    border-radius: 4px;
    border:0;
    
}
.progress-life #barra-progresso-morte {
    top:-10px;
    left:40%;
    width:20px;
    height:20px;
    background-image: url(img/status/5.png);
    position: absolute;
    
}

/* layout vita mobile*/
#life-mobile{display:none;}

#new_pvpe{position: absolute;top:20px;left: 0px;width:245px;height:115px;background-image: url(./img/Profilo/barresalute/base-PVPE.png);}
#new_pvpe_horizontal{position: absolute;top:20px;left: 10px;width:245px;height:115px;background-image: url(./img/Profilo/barresalute/base-PVPE.png);}

#new_pv100{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV100-90.png);}
#new_pv100f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV100-90F.png);}
#new_pe100{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE100-90.png);}
#new_pv90{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV90-80.png);}
#new_pv90f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV90-80F.png);}
#new_pe90{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE90-80.png);}
#new_pv80{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV80-70.png);}
#new_pv80f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV80-70F.png);}
#new_pe80{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE80-70.png);}
#new_pv70{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV70-60.png);}
#new_pv70f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV70-60F.png);}
#new_pe70{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE70-60.png);}
#new_pv60{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV60-50.png);}
#new_pv60f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV60-50F.png);}
#new_pe60{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE60-50.png);}
#new_pv50{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV50-40.png);}
#new_pv50f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV50-40F.png);}
#new_pe50{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE50-40.png);}
#new_pv40{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV40-30.png);}
#new_pv40f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV40-30F.png);}
#new_pe40{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE40-30.png);}
#new_pv30{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV30-20.png);}
#new_pv30f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV30-20F.png);}
#new_pe30{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE30-20.png);}
#new_pv20{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV20-10.png);}
#new_pv20f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV20-10F.png);}
#new_pe20{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE20-10.png);}
#new_pv10{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV10-00.png);}
#new_pv10f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV10-00F.png);}
#new_pe10{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE10-00.png);}
#new_pv00{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV00.png);}
#new_pv00f{position: absolute;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PV00F.png);}
#new_pe00{position: relative;top:0px;left: 67px;width:110px;height:115px;background-image: url(./img/Profilo/barresalute/PE00.png);}

#stat_generali1{position:absolute;top:0px;left:10px;width:60px;height:100px;border:2px solid black;}
#stat_generali2{position:absolute;top:20px;left:50px;width:60px;height:100px;border:2px solid black;}

#stat_forza{position: absolute;top:17px;left: 23px;width:25px;height:20px;}
#stat_forza_img{position: absolute;top:17px;left: 50px;width:25px;height:25px;}
#stat_resistenza{position: absolute;top:48px;left: 10px;width:25px;height:20px;}
#stat_resistenza_img{position: absolute;top:45px;left: 35px;width:25px;height:25px;}
#stat_destrezza{position: absolute;top:77px;left: 23px;width:25px;height:20px;}
#stat_destrezza_img{position: absolute;top:77px;left: 47px;width:25px;height:25px;}
#stat_mente{position: absolute;top:17px;left: 195px;width:25px;height:20px;}
#stat_mente_img{position: absolute;top:17px;left: 166px;width:25px;height:25px;}
#stat_mira{position: absolute;top:47px;left: 208px;width:25px;height:20px;}
#stat_mira_img{position: absolute;top:45px;left: 180px;width:25px;height:25px;}
#stat_spirito{position: absolute;top:77px;left: 195px;width:25px;height:20px;}
#stat_spirito_img{position: absolute;top:77px;left: 166px;width:25px;height:25px;}

#parametri_secondari{position: absolute;top:0px;left:0px;width:220px;height:155px;}
#veicolo_diario_big{position: absolute;top:-20px;left:-15px;width:101%;height:320px;overflow:auto;opacity:1 !important;z-index:2;}

#nascita_pg{position:absolute;top:-40px;right:30px;}

/* fine nuovo layout profilo */

/* bottoni nave e profilo per gli status */
#nave_principale_fieldset{border-width: 5px;border-color: black;border-style: double;}

.titolo_nave_principale{font-weight: bold;text-transform: uppercase;font-size: 120%;}
.titolo_nave_dettagli_legend{text-align:center;text-transform:uppercase;font-weight:bold;}

#proferitenave{position:absolute;height:40px;top:0px;left:0px;}
#proferitenave div{float:left;margin-right:5px;margin-left:5px;}
#proferitenave div a{width:80px;height:40px;display:block;}

/* sistema status nave */
#navedanno{position:absolute;top:0px;left:200px;width:305px;height:300px;background-image: url(./img/nave/nave.png);}
#infonave{position:absolute;top:25px;right:0px;width:275px;height:280px;overflow:auto;}
#infonave2{position:absolute;top:40px;left:0px;width:190px;height:270px;overflow:auto;}
#descrizionenave{position:absolute;top:310px;left:0px;width:781px;height:180px;overflow:auto;}

#dannoponte{position:absolute;bottom:84px;left:71px;width:160px;height:60px;background-image: url(./img/nave/danni/dannoponte.png);}
#dannoalberi{position:absolute;top:0px;left:18px;width:303px;height:157px;background-image: url(./img/nave/danni/dannoalberi.png);}
#dannoprua{position:absolute;bottom:15px;left:4px;width:70px;height:140px;background-image: url(./img/nave/danni/dannoprua.png);}
#dannopoppa{position:absolute;bottom:0px;right:3px;width:70px;height:140px;background-image: url(./img/nave/danni/dannopoppa.png);}
#dannoscafo{position:absolute;bottom:14px;left:72px;width:160px;height:70px;background-image: url(./img/nave/danni/dannoscafo.png);}

/* Equipaggiamento */
#armiequip{position:absolute;top:30px;left:10px;width:265px;height:155px;}
#armiequipint{position:absolute;top:22px;left:7px;width:248px;height:125px;overflow-y:hidden;}
#armiequipint::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#armiequipint::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#armiequipint::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#armiequipint::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#armiequipint::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#armiequipint::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}


#oggettiequip{position:absolute;top:30px;right:10px;width:265px;height:155px;}
#oggettiequipint{position:absolute;top:22px;left:7px;width:248px;height:125px;overflow-y:hidden;}
#oggettiequipint::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#oggettiequipint::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#oggettiequipint::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#oggettiequipint::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#oggettiequipint::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#oggettiequipint::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}


#animaliequip{position:absolute;top:190px;left:10px;width:265px;height:155px;}
#animaliequipint{position:absolute;top:22px;left:7px;width:248px;height:125px;overflow-y:hidden;}
#animaliequipint::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#animaliequipint::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#animaliequipint::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#animaliequipint::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#animaliequipint::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#animaliequipint::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

#trasportiequip{position:absolute;top:190px;right:10px;width:265px;height:155px;}
#naveequip{position:absolute;top:190px;right:10px;width:265px;height:155px;}
#selezionenaveequip{position:absolute;top:5px;right:26px;width:99px;height:20px;}
#trasportiequipint{position:absolute;top:22px;left:7px;width:248px;height:125px;overflow-y:hidden;}
#trasportiequipint::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#trasportiequipint::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#trasportiequipint::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#trasportiequipint::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#trasportiequipint::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#trasportiequipint::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

#profilo_inventario{position:absolute;top:350px;left:325px;width:125px;height:30px;}
#profilo_inventario a{width:125px;height:30px;display:block;}
#profilo_inventario a:hover{background-position:0px -30px;}


/* status ferite */
#feriteuomo{position:absolute;top:0px;left:290px;width:203px;height:348px;background-image: url(./img/Profilo/ferite/manichinom.png);}
#feritedonna{position:absolute;top:10px;left:290px;width:178px;height:331px;background-image:url(./img/Profilo/ferite/manichinof.png);}

#infolegendafe{position:absolute;top:0px;left:-25px;width:15px;height:15px;}
#infoferite{position:absolute;top:0px;right:10px;width:270px;height:20px;overflow:auto;}

#testauomo{position:absolute;top:11px;left:8px;width:122px;height:157px;background-image: url(./img/Profilo/ferite/testaferitam.png);}
#testadonna{position:absolute;top:4px;left:58px;width:111px;height:151px;background-image: url(./img/Profilo/ferite/testaferitaf.png);}
#braccioduomo{position:absolute;bottom:103px;left:20px;width:51px;height:75px;background-image:url(./img/Profilo/ferite/bracciodxferitam.png);}
#braccioddonna{position:absolute;top:17px;left:5px;width:53px;height:138px;background-image:url(./img/Profilo/ferite/bracciodxferitaf.png);}
#bracciosuomo{position:absolute;top:41px;right:7px;width:66px;height:119px;background-image:url(./img/Profilo/ferite/bracciosxferitam.png);}
#bracciosdonna{position:absolute;bottom:109px;right:16px;width:49px;height:67px;background-image:url(./img/Profilo/ferite/bracciosxferitaf.png);}
#gambaduomo{position:absolute;bottom:9px;left:20px;width:66px;height:95px;background-image:url(./img/Profilo/ferite/gambadxferitam.png);}
#gambaddonna{position:absolute;bottom:4px;left:62px;width:36px;height:105px;background-image:url(./img/Profilo/ferite/gambadxferitaf.png);}
#gambasuomo{position:absolute;bottom:7px;right:47px;width:70px;height:98px;background-image:url(./img/Profilo/ferite/gambasxferitam.png);}
#gambasdonna{position:absolute;bottom:4px;right:27px;width:53px;height:105px;background-image:url(./img/Profilo/ferite/gambasxferitaf.png);}
#bustouomo{position:absolute;bottom:103px;left:71px;width:76px;height:77px;background-image:url(./img/Profilo/ferite/bustoferitam.png);}
#bustodonna{position:absolute;bottom:109px;left:42px;width:71px;height:67px;background-image:url(./img/Profilo/ferite/bustoferitaf.png);}

#menu{position:absolute;height:20px;bottom:0px;right:30px;}
#menu div{float:left;margin-right:8px;margin-left:9px;}
#menu div a{width:40px;height:20px;display:block;}
#menu div a:hover{background-position:0px -20px;}
#menu_content{position:absolute;top:79px;right:30px;z-index:10001;overflow:hidden;text-align:justify;}
#menu_content > div{width:220px;height:280px;padding:4px;overflow:hidden;}

#messanger_messaggi{position:absolute;top:40px;bottom:2px;left:2px;right:2px;overflow:auto;}
#messanger_messaggi::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#messanger_messaggi::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#messanger_messaggi::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#messanger_messaggi::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#messanger_messaggi::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#messanger_messaggi::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

#messanger_new_mex{position:absolute;top:0px;left:0px;width:8px;height:8px;border-radius:50%;border:1px #45ff00 green;background-color: #45ff00;}

#amici_content{position:absolute;top:40px;bottom:2px;left:2px;right:2px;overflow:auto;}
#amici_content::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#amici_content::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#amici_content::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#amici_content::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#amici_content::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#amici_content::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}
#presenti_content{position:absolute;top:2px;bottom:2px;left:2px;right:2px;overflow:auto;}
#presenti_content::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#presenti_content::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#presenti_content::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#presenti_content::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#presenti_content::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#presenti_content::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

div.log{position:absolute;top:15px;right:30px;}
div.log a{width:80px;height:50px;display:block;}
div.log a:hover{background-position:0px -50px;}


/* aiuto e esci e profilo pulsanti posizione */


div.logaiuto{position:absolute;top:15px;right:30px;}
div.logaiuto a{width:80px;height:50px;display:block;}
div.logaiuto a:hover{background-position:0px -50px;}

div.logesci{position:absolute;top:15px;right:30px;}
div.logesci a{width:80px;height:50px;display:block;}
div.logesci a:hover{background-position:0px -50px;}

div.calendario{position:absolute;top:15px;right:30px;}
div.calendario a{width:80px;height:50px;display:block;}
div.calendario a:hover{background-position:0px -50px;}


div.new_profilo{position:absolute;top:15px;left:30px;z-index:10001;}
div.new_profilo a{width:120px;height:120px;display:block;}
div.new_profilo a:hover{background-position:0px -120px;}

#imgpers_profilo{position:absolute;top:10px;left:20px;}
#imgpers_profilo1{position:absolute;top:10px;left:20px;}

/*fine*/

/*profil off*/

#profilooff1{position:absolute;top:120px;left:30px;width:120px;height:120px;}
#profilooff2{position:absolute;top:0px;width:120px;height:120px;}
#miniimgoff{position:absolute;top:30px;left:30px;width:60px;height:60px;}
#profilodescrizioneoff{position:absolute;top:90px;right:30px;width:600px;height:300px;}

 /*fine profilo off*/

/* pulsante di login e home */

#login{position:absolute;width:100%;height:100%;z-index:1000000;}
#login1{position:absolute;width:160px;height:220px;top:178px;left:169px;z-index:1000000;}
#loginambiente{position:absolute;width:50px;height:100px;top:150px;left:70px;}
#loginguide{position:absolute;width:90px;height:70px;top:80px;left:130px;}
#loginpromo{position:absolute;width:90px;height:70px;top:80px;right:150px;}
#loginaffiliati{position:absolute;width:50px;height:100px;top:150px;right:80px;}

#loginnews1{position:absolute;width:375px;height:370px;top:130px;left:20px;overflow:auto;}
#loginnews1::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#loginnews1::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#loginnews1::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#loginnews1::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#loginnews1::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#loginnews1::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

#loginentra{position:absolute;width:354px;height:95px;top:0px;right:-90px;z-index:1000000;}
#loginentra a{width:354px;height:95px;display:block;}
#loginentra a:hover{background-position:0px -95px;}

#loginregistrati{position:absolute;width:265px;height:75px;top:180px;right:-60px;z-index:1000000;}
#loginregistrati a{width:265px;height:75px;display:block;}
#loginregistrati a:hover{background-position:0px -75px;}

#login_info_mobile{display:none;}

/* barra di invio azione superiore */
#chat_textbox{z-index:10000;position:absolute;height:50px;width:350px;bottom:78px;left: 150px}
#contamessaggiochat {position:absolute;bottom:7px;left:150px;width:35px;height:20px;}
#messaggiochat{position:absolute;bottom:4px;left:190px;width:220px;}
#inviamessaggiochat {position:absolute;bottom:7px;left:430px;}
#lancio_azione_mobile {display:none;}

div.azioni{position:absolute;top:0px;left:0px;}
div.azioni a{width:60px;height:25px;display:block;}
div.azioni a:hover{background-position:0px -25px;}

div.blocconote{position:absolute;top:0px;left:00px;}
div.blocconote a{width:60px;height:25px;display:block;}
div.blocconote a:hover{background-position:0px -25px;}

#expDoppia{position:absolute;width:25px;height:25px;bottom:-5px;right:-5px;z-index:10001;}

/* blocco note */
#notechat_content{position:absolute;top:160px;left:27px;z-index:99999;overflow:hidden;text-align:justify;}/*10001*/
#notechat_content > div{width:348px;height:380px;padding:7px;overflow:hidden;}
#chiusura_mobile_blocconote{display:none;}
/* blocco note invia messaggio */
#inviamessaggiochat2 {position:absolute;top:5px;left:275px;}

/* chat attiva di gioco */
#vedi_chat_mobile{display:none;}
#chat{
	position:absolute;
	top:100px;
	bottom:100px;
	right:20px;
	left:390px;
	z-index:10000;
}
#chat div{position:absolute}
#chat_explorer{
	position:absolute;
	top:100px;
	left:20px;
	width:350px;
	z-index:10000;
}

#chat_explorer_content::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#chat_explorer_content::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#chat_explorer_content::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#chat_explorer_content::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#chat_explorer_content::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#chat_explorer_content::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

#chat_explorer_textinfo{
    background-color:#8b000042;
   /* padding:2px;*/
    margin-left:5px;
}

#info_chat_menu{
    text-align:center;
    font-weight: 600;
    text-transform: uppercase;   
    margin-bottom:0px;
}

#luogo_nome{top:2px;height:25px;}
#luogo_img{width:225px;height:120px;}
#luogo_meteo{width:225px;height:120px;}
.chat_t{width:100%;top:0px;}
.chat_tl{left:0px;top:0px;}
.chat_tc{top:0px;}
.chat_tr{right:0px;top:0px;}
.chat_c{width:100%;}
.chat_cl{top:0px;bottom:0px;left:0px;}
.chat_cc{top:0px;bottom:0px;overflow:auto;}
.chat_cc > div{position:absolute;top:0px;bottom:0px;right:0px;left:0px;overflow:hidden;}
.chat_cr{top:0px;bottom:0px;right:0px;}
.chat_b{width:100%;bottom:0px;}
.chat_bl{top:0px;left:0px;}
.chat_bc{top:0px;}
.chat_br{top:0px;right:0px;}
#chat_explorer div{position:absolute;}
#chat_explorer_description{position:absolute;bottom:3px;left:3px;right:3px;top:100px;text-align:justify;overflow:auto;}
#chat_contents{position:absolute;bottom:0px;left:0px;right:0px;top:0px;text-align:justify;overflow:auto;padding-top:5px;}
#chat_contents::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#chat_contents::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#chat_contents::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#chat_contents::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#chat_contents::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#chat_contents::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

.chat_titoletto{
    text-align:center;
    text-transform: uppercase;
    margin-top:1px;
    margin-bottom:1px;
}

.table-explorer-attivita{
    padding-right:5px;
}


#chat_modifica_chat{border:1px solid black;position:absolute;}

#zoom_slider_chat { top:190px;right:30px;height:256px; margin:10px 0; width:5px; position: absolute; z-index:10000;}
#zoom_slider_letter { top:-17px;left:-2px;height:10px; width:10px;position:absolute;}
#zoom_slider_letter_down { bottom:-12px;left:-3px;height:10px; width:10px;position:absolute;}
#slider_txt{position:absolute;right:10px;top:5px;}
.handle_hor { height:7px; width:13px;cursor:move; position: absolute;}



/* attività in chat */

#attivita_cnt{position:absolute;width:450px;height:430px;top:10px;right:10px;}
#scambia_oggetti{position:relative;width:105px;height:35px;}
#scambia_oggetti a{width:105px;height:35px;display:block;}
#scambia_oggetti a:hover{background-position:0px -35px;}

#ripara_oggetti{position:relative;width:105px;height:35px;}
#ripara_oggetti a{width:105px;height:35px;display:block;}
#ripara_oggetti a:hover{background-position:0px -35px;}

#cura_animali{position:relative;width:105px;height:35px;}
#cura_animali a{width:105px;height:35px;display:block;}
#cura_animali a:hover{background-position:0px -35px;}

#locanda{position:relative;width:105px;height:35px;}
#locanda a{width:105px;height:35px;display:block;}
#locanda a:hover{background-position:0px -35px;}

/* chat explorer chiusura */

#explorer_mappa{position:absolute;left:-7px;top:-9px;}
#explorer_mappa a{width:34px;height:34px;display:block;}
#explorer_mappa a:hover{background-position:0px -34px;}
#maxi_mappa{position:absolute;left:-7px;top:15%;}
#maxi_mappa a{width:34px;height:34px;display:block;}
#maxi_mappa a:hover{background-position:0px -34px;}
#mini_mappa{position:absolute;left:-7px;top:15%;}
#mini_mappa a{width:34px;height:34px;display:block;}
#mini_mappa a:hover{background-position:0px -34px;}

/* info explorer chiusura */
#maxi_mappa1{
	position:absolute;
	right:-5px;
	bottom:-5px;
}
#maxi_mappa1 a{
	width:34px;
	height:34px;
	display:block;
}
#maxi_mappa1 a:hover{background-position:0px -34px;}
#mini_mappa1{
	position:absolute;
	right:-5px;
	bottom:-5px;
}
#mini_mappa1 a{
	width:34px;
	height:34px;
	display:block;
}
#mini_mappa1 a:hover{background-position:0px -34px;}

/*css riguardo info isola in chat e lista png*/
#timeline{position:relative;width:150px;height:44px;background-image: url(./img/infoluogo/timeline.png);}
#timeline a{width:150px;height:44px;display:block;}

#elencofama{position:relative;width:150px;height:44px;}
#elencofama a{width:150px;height:44px;display:block;}
#elencofama a:hover{background-position:0px -44px;}

#erbario{position:relative;width:150px;height:44px;}
#erbario a{width:150px;height:44px;display:block;}
#erbario a:hover{background-position:0px -44px;}

#elencotaglie{position:relative;width:150px;height:44px;}
#elencotaglie a{width:150px;height:44px;display:block;}
#elencotaglie a:hover{background-position:0px -44px;}


#info_explorer{left: 20px;bottom:55px;position:absolute;height:150px;width: 350px;z-index:10001;}
#infoexplorer{background-image:url('img/infoluogo/infoluogo.png');position:absolute; width:350px;height:150px;bottom:0px;left:0px;}
#info_explorer_content{left: 10px;top:10px;position:absolute;height:125px;width: 325px;overflow:none;}
#info_explorer_description{position:absolute;left:3px;right:3px;top:0px;height:125px;text-align:justify;}

#info_explorer_meteo{left:1px;top:2px;position:absolute;height:130px;width: 130px;overflow:hidden;}
#info_explorer_descrizione{right:0px;top:0px;position:absolute;height:125px;width: 160px;overflow:none;text-align:justify;}
#info_explorer_info{left:135px;top:0px;position:absolute;height:131px;width: 17px;background-image:url('img/infoluogo/info.gif')}

#statuto_info{position:absolute;bottom:-20px;right:20px;height:50px;width: 140px;background-image:url('img/infoluogo/statuto.gif');z-index:1;}
#statuto_info_news{position:absolute;bottom:-20px;right:20px;height:50px;width: 140px;background-image:url('img/infoluogo/statuto_attivo.gif');z-index:1;}

#info_desc{left:135px;top:5px;position:absolute;height:40px;width: 17px;}
#info_news{left:135px;top:46px;position:absolute;height:40px;width: 17px;}
#info_rendita{left:135px;top:86px;position:absolute;height:40px;width: 17px;}

/*fine*/

/*giornali nuovi maichyo e grand times*/
#grandtimes{left:50%; top:0px; position:absolute; height:744px; width: 500px; background-image:url('img/taglie/grandtimes1.png');transform: translateX(-50%);}
#grandtimesdata{left:200px;top:70px;position:absolute;height:20px;width: 150px;}
#grandtimestesto{left:20px;top:110px;position:absolute;height:600px;width: 280px;overflow:auto;}
#grandtimestesto::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#grandtimestesto::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#grandtimestesto::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#grandtimestesto::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#grandtimestesto::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#grandtimestesto::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}
#grandtimestagliemod{right:20px;top:467px;position:absolute;height:200px;width: 160px;overflow:hidden;}
#grandtimestaglieins{right:20px;top:205px;position:absolute;height:235px;width: 160px;overflow:hidden;}
#grandtimeswanted{right:20px;top:680px;position:absolute;height:40px;width: 160px;}

#maichyo{left:20px;top:0px;position:absolute;height:540px;width: 796px;background-image:url('img/taglie/maichyo.png');}
#maichyosfoglia{right:0px;top:0px;position:absolute;height:45px;width: 45px;background-image:url('img/taglie/sfoglia-dx.gif');}	
#maichyosfogliasx{left:0px;top:0px;position:absolute;height:45px;width: 45px;background-image:url('img/taglie/sfoglia-sx.gif');}
#maichyodata{left:150px;top:50px;position:absolute;height:20px;width: 150px;}
#maichyotesto1{left:10px;top:90px;position:absolute;height:290px;width: 360px;overflow:auto;}
#maichyotesto1::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#maichyotesto1::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#maichyotesto1::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#maichyotesto1::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#maichyotesto1::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#maichyotesto1::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}
#maichyoimg1{left:10px;bottom:10px;position:absolute;height:135px;width: 245px;border:1px solid black;}
#maichyodid1{left:270px;bottom:10px;position:absolute;height:135px;width: 100px;overflow:hidden;}
#maichyotesto2{right:20px;top:220px;position:absolute;height:300px;width: 356px;overflow:auto;}
#maichyotesto2::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#maichyotesto2::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#maichyotesto2::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#maichyotesto2::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#maichyotesto2::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#maichyotesto2::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}
#maichyoimg2{right:130px;top:80px;position:absolute;height:135px;width: 245px;border:1px solid black;}
#maichyodid2{right:20px;top:80px;position:absolute;height:135px;width: 100px;overflow:hidden;}

/* fine giornale */

/* BACHECA TAGLIE DINAMICHE */
#bacheca_taglie_menu{
    text-align:center;
    font-weight: 600;
    text-transform: uppercase;   
    margin-bottom:0px;
}
#bacheca_taglie{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:93%;
    background-image:url(img/taglie/taglie_gallery.png);
    overflow:hidden;
}

#bacheca_taglie_wall{
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    width:100%;
    height:100%;
}

#bacheca_taglie_wall img{
    display:inline-block;
    position:relative;
    left:50px
}



#bacheca_taglie_wall img.up{
    transform:scale(1) rotate3d(2, 1, 1, 20deg);
    top:40px;
    left:80px;
    margin-right:-100px;
    z-index:0;
    -webkit-box-shadow: 10px 15px 18px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 15px 18px -5px rgba(0,0,0,0.75);
box-shadow: 10px 15px 18px -5px rgba(0,0,0,0.75);
}

#bacheca_taglie_wall img.up:hover{
    transform:scale(1.7);
    z-index:2;
    border: 3px double;
    top:100px;
}

#bacheca_taglie_wall img.down{
    top:230px;
    transform:scale(1) rotate3d(2, 1, 1, -20deg);
    left:100px;
    -webkit-box-shadow: -18px 15px 18px -5px rgba(0,0,0,0.75);
-moz-box-shadow: -18px 15px 18px -5px rgba(0,0,0,0.75);
box-shadow: -18px 15px 18px -5px rgba(0,0,0,0.75);

}
#bacheca_taglie_wall img.down:hover{
    top:160px;
    transform:scale(1.7);
    z-index:2;
    border: 3px double;
}

#win_Taglie_content{
    padding:0;
}

#bacheca_taglie_wall::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
#bacheca_taglie_wall::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
#bacheca_taglie_wall::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
#bacheca_taglie_wall::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
#bacheca_taglie_wall::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
#bacheca_taglie_wall::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

/* TIMELINE */

.timeline_box_dx{
    height:250px;
    right:0px;
    border-bottom: 0px;
    border-right: 0px;
}
.timeline_box_sx{
    width:45%;
    height:250px;
    left:0px;
    position:relative;
    z-index:1;
    border-bottom: 0px;
    border-left: 0px;
}
.timeline_box_dx > legend{
        font-weight:bold;
}
.timeline_box_sx > legend{
        font-weight:bold;
    text-align:right;
}

.timeline-panel{
    height:240px;
    overflow-y:auto;
    overflow-x:hidden;
}

#timeline-latosinistro{position:absolute;top:65px;left:0px;width:99%;}
#timeline-latodestro{position:absolute;top:200px;right:0px;width:99%;}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
    padding-bottom: unset;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: rgba(77, 77, 77, 0.88);
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 43%;
    height:170px;
  float: left;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    overflow-y: auto;
    overflow-x: hidden;
    z-index:1000;
}

.timeline-panel::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
.timeline-panel::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
.timeline-panel::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
.timeline-panel::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
.timeline-panel::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
.timeline-panel::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}


.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: 0px;
}

.timeline > li:not(.timeline-inverted) {
padding-right:50px;
}

.timeline > li.timeline-inverted {
padding-left:55%;
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 20px;
  right: 1px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 20px;
  right: 1px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.3em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: rgba(153, 153, 153, 0.5);
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
    border:1px solid rgba(234, 232, 232, 0.84);
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  border-left: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-right: 0px;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: 1px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: 1px;
  right: auto;
}

.timeline-badge.void {
  background-color: rgba(5, 5, 5, 0.5) !important;
}
.timeline-badge.primociclo {
  background-color: rgba(222, 2, 2, 0.5) !important;
}
.timeline-badge.secondociclo {
  background-color: rgba(255, 179, 34, 0.5) !important;
}
.timeline-badge.terzociclo {
  background-color: rgba(24, 3, 185, 0.50) !important;
}
.timeline-badge.quartociclo {
  background-color: rgba(3, 185, 24, 0.5) !important;
}
.timeline-badge.quintociclo {
  background-color: rgba(178, 3, 185, 0.5) !important;
}
.timeline-badge.sestociclo {
  background-color: rgba(66, 3, 185, 0.5) !important;
}


#timeline-image-left{
    position:absolute;
    top:0px;
    width:150px;
    height:70px;
    margin-left:50%;
    transform:translatex(-50%);
}

#timeline-image-right{
    position:absolute;
    top:0px;
    width:150px;
    height:70px;
      margin-left:50%;
    transform:translatex(-50%);
}

#timeline-image-left > img,
#timeline-image-right > img{
    max-width:150px;
    max-height:70px;
    -ms-flex-line-pack: center;
    align-content: center;
}


.timeline-heading > p,
.timeline-heading-left > p{
    font-style: italic;
    border-bottom: 1px solid rgba(240, 240, 240, 0.9);
    font-size: 15px;
}

.timeline-heading-left > p {
    text-align:right;
   
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
text-align: justify;
}
.timeline-body > p + p {
  margin-top: 5px;
}


/* fine timeline */

#forestiero_explorer{right: 0px;bottom:50px;position:absolute;z-index:10002;height:292px;width:190px;}
#forestiero{background-image:url('img/png/goldroger2.png');position:absolute; width:190px;height:292px;bottom:0px;right:0px;}


table{position:relative;width:100%;}
.intabella{width:100%;}
img{border:0;}
textarea{width:90%;}
textarea::-webkit-scrollbar {display:block;width:7px;/* or add it to the track */}
textarea::-webkit-scrollbar-track {border-radius: 5px;background: rgba(0,0,0,0.0);}
textarea::-webkit-scrollbar-thumb {border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(228, 228, 228, 0)));background: linear-gradient(left, #fff, #e4e4e4);}
textarea::-webkit-scrollbar-track:hover {border-radius: 5px;background: rgba(0,0,0,0.10);}
textarea::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.68);}
textarea::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

.bt_text a{width:60px;height:25px;display:block;}
.bt_text a:hover{background-position:0px -25px;}

.bt_text1 a{width:125px;height:35px;display:block;}
.bt_text1 a:hover{background-position:0px -35px;}



/* NUOVO LAYOUT CHAT
.progress-life {
    width: 100px;
    height: 6px;
    border:1px solid black;
    border-radius: 4px;
    margin: 20px 0 -20px 0;
    padding: -7px;
    position: relative;
    left:50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.progress-life#life-verticale {
    left:47%;
}

.progress-life #barra-progresso {
    top:0;
    left:0;
    height:5px;
    background-color: #ff0000;
    border-radius: 4px;
    border:0;
    
}
.progress-life #barra-progresso-morte {
    top:-10px;
    left:40%;
    width:20px;
    height:20px;
    background-image: url(img/status/5.png);
    position: absolute;
    
} */

.new_azioni{
    margin-bottom:5px;
}

.legend_chat{
    text-align:left;
}

.frase.new_chat{
    border-width: 0.5px;
    border-color:inherit;
    background-color:transparent;
    padding:5px;
}

.sussurro.new_chat{
    border:0px;
    background-color:transparent;
    text-align:left;
}

.chat_oggetto{
    position:absolute;
    right:0px;
    top:5px;
}

.chat_nome{
    text-align:left;
}

.chat_altro{
    position:absolute;
    right:50%;
    top:0px
}

.chat_dati{
    text-align:center;
    margin-top:-2px;
    margin-bottom:8px;
    position:relative !important;
}

.chat_miniimg{
    margin-right:6px;
    margin-top:3px;
    border:3px double;
}
.chat_testo{
    margin-top:-5px;
}
.chat_skillattive{
    position:relative !important;
    font-weight:bold;
    text-align:left;
    margin-top:2px;
    padding: 5px 0px;
    display: flex;
    justify-content: space-between;
}


/* GUIDE INTERNE */
.nota_bene_guida{
    border-radius:2em;
    border:1px solid black;
    background-color: #c4004b;
    text-align: justify;
    padding:20px;
    box-shadow: 3px 6px #272727;
    color:white;
}

.titolo {FONT-WEIGHT:bolder;FONT-SIZE:16px;TEXT-TRANSFORM:capitalize;COLOR:#ffffff;FONT-STYLE:normal;FONT-FAMILY:Georgia,"Times New Roman", Times, serif;FONT-VARIANT:small-caps;}
.titolo.bigguida{font-size:24px;}
tr.titmenu td {background-color:#1e699c;text-align:center;font-family:"Comic Sans MS";font-size:15px;font-style:normal;font-weight:bold;font-variant:small-caps;text-transform:capitalize;color:#ffffff;border-width:thin;border-style:solid;border-top-color:#4590c4;border-left-color:#4590c4;border-right-color:#125483;border-bottom-color:#125483;}
td.corpmenu {background-color:#3a8abf;text-align:center;border-top-color:#a8c4d8;border-left-color:#a8c4d8;border-right-color:#206fa3;border-bottom-color:#206fa3;border-style:solid;border-width:thin;font-family:"Comic Sans MS";font-size:14px;color:#FFFFFF;text-decoration:none;}


.main_guida_frutti{
    text-align:center;
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
}
.scheda_frutti{
    width: 250px;
    /* height: 100px; */
    margin: 10px;
    border: 1px solid #000;
    border-radius: 15px;
    padding: 5px;
    color: white;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.scheda_frutti.rogia{background-color: #7d1715;}
.scheda_frutti.rogia:hover{background-color: rgba(125, 23, 21, 0.3);}
.scheda_frutti.paramecia{background-color: #9370db;}
.scheda_frutti.paramecia:hover{background-color: rgba(147, 112, 219, 0.3);}
.scheda_frutti.zoan{background-color: #696969;}
.scheda_frutti.zoan:hover{background-color: rgba(105, 105, 105, 0.3);}
.scheda_frutti.tecniche{background-color: #a29230;}
.scheda_frutti.tecniche:hover{background-color: rgba(162, 146, 48, 0.3);}

.talenti{
    width:350px;
}

.scheda_frutti_img{zoom:1.5;}
.scheda_frutti_descrizione{padding-bottom:7px;}
.scheda_frutti_stat{display:flex;justify-content: space-between;}
.scheda_frutti_title{font-size:15px;}

/* RICERCA SKILL */
.ricerca_skill_select{width:120px;}
.ricerca_skill_main{border: 1px solid;margin: 15px;border-radius:10px;}

.skill_tipo1{border:1px solid;border-color:#1f86b0;}
.skill_tipo_layout1{background-color:#1f86b0;}
.skill_tipo2{border:1px solid;border-color:#87ceebc7;}
.skill_tipo_layout2{background-color:#87ceebc7;}
.skill_tipo3{border:1px solid;border-color:#a29230;}
.skill_tipo_layout3{background-color:#a29230;}
.skill_tipo4{border:1px solid;border-color:#9370db85;}
.skill_tipo_layout4{background-color:#9370db85;}
.skill_tipo5{border:1px solid;border-color:#9d0104b5;}
.skill_tipo_layout5{background-color:#9d0104b5;}
.skill_tipo6{border:1px solid;border-color:#bc8f8fbf;}
.skill_tipo_layout6{background-color:#bc8f8fbf;}
.skill_tipo7{border:1px solid;border-color:#696969c2;}
.skill_tipo_layout7{background-color: #696969c2;}
/*
.skill_tipo1:hover{ -webkit-box-shadow: 0px 0px 15px 5px rgba(31,134,176,1);
-moz-box-shadow: 0px 0px 15px 5px rgba(31,134,176,1);
box-shadow: 0px 0px 15px 5px rgba(31,134,176,1);
}
.skill_tipo2:hover{ -webkit-box-shadow: 0px 0px 15px 5px rgba(135,206,235,1);
-moz-box-shadow: 0px 0px 15px 5px rgba(135,206,235,1);
box-shadow: 0px 0px 15px 5px rgba(135,206,235,1);
}
.skill_tipo3:hover{ -webkit-box-shadow: 0px 0px 15px 5px rgba(193,176,73,1);
-moz-box-shadow: 0px 0px 15px 5px rgba(193,176,73,1);
box-shadow: 0px 0px 15px 5px rgba(193,176,73,1);
}
.skill_tipo4:hover{ -webkit-box-shadow: 0px 0px 15px 5px rgba(147,112,219,1);
-moz-box-shadow: 0px 0px 15px 5px rgba(147,112,219,1);
box-shadow: 0px 0px 15px 5px rgba(147,112,219,1);
}
.skill_tipo5:hover{ -webkit-box-shadow: 0px 0px 15px 5px rgba(157,1,4,1);
-moz-box-shadow: 0px 0px 15px 5px rgba(157,1,4,1);
box-shadow: 0px 0px 15px 5px rgba(157,1,4,1);
}
.skill_tipo6:hover{ -webkit-box-shadow: 0px 0px 15px 5px rgba(188,143,143,1);
-moz-box-shadow: 0px 0px 15px 5px rgba(188,143,143,1);
box-shadow: 0px 0px 15px 5px rgba(188,143,143,1);
}
.skill_tipo7:hover{ -webkit-box-shadow: 0px 0px 15px 5px rgba(105,105,105,1);
-moz-box-shadow: 0px 0px 15px 5px rgba(105,105,105,1);
box-shadow: 0px 0px 15px 5px rgba(105,105,105,1);
}
*/

.ricerca_skill_titolo{text-align:center;text-transform: uppercase;font-weight: 600;font-size:18px;}
.ricerca_skill_layout{text-align:center;border-radius:12px;}
.ricerca_skill_layout_first{display:flex;justify-content:space-between;border-radius:10px 10px 0px 0px;color:whitesmoke;}
.ricerca_skill_layout_second{padding:0px 20px;}
.ricerca_skill_layout_third{border-radius:0px 0px 10px 10px;color:whitesmoke;padding:2px;}

/* Sea of Dreams CARTE */
.card-layout{
    display: flex;
    flex-wrap: wrap;
    padding: 0px 20px 20px 50px;
    width: 80%;
    margin-left: 50%;
    transform: translateX(-50%);
}

.card-single-on{
    width:100px;height:150px;margin:10px;padding-bottom:20px;
}

.card-single-off{
    width:100px;height:150px;margin:10px;z-index:0;padding-bottom:20px;
}

.card-single-text{
    font-weight:600;
}

.card-single-on img{
    width:100px;
    height:150px;
    cursor: pointer;
}

.card-single-off img{
    width:100px;
    height:150px;
}

.card-single-on img:hover{
    transform:scale(3);
    /*border: 3px double;*/
    z-index:1;
    position: absolute;
}