html,body{padding:0;margin:0;}
body{font:14px "Century Gothic",Arial,verdana,sans-serif;color:#6e6e6e;}
div{box-sizing: border-box;}
li{margin:10px 0;list-style-position: inside;}
a{color:#0075A1;}
[visible=false]{display:none !important;}
button:not([disabled]){cursor:pointer;}

body[viewmode="hidebanner"] #boxbanners{display: none;}
body[viewmode="hidebanner"] #superframe{top:0px !important;}
#maintitle{font-size: 30px;margin: 0 0 10px 0;}
/*body[banner_mode=flex-column]:not([viewmode="hidebanner"]){display: flex;flex-flow:column;}
body[banner_mode=flex-column]:not([viewmode="hidebanner"]) #superframe{position: relative;}
body[banner_mode=flex-column]:not([viewmode="hidebanner"]) #mainframe{position: relative;}*/

#superframe{position: absolute;top: 0px;bottom: 0;left:0;width: 100%;background: #fff;transition:top 0.3s linear;}


/*#boxmenu{position: relative;display: flex;flex-wrap: wrap;align-items: center;height: 50px;justify-content: center;background: linear-gradient(90deg, #008380 0%, #0075A1 100%);}*/
#boxmenu{position: relative;display: flex;flex-wrap: wrap;align-items: center;height: 50px;justify-content: center;background: #00546B;}
#mainmenu{display: flex;flex-wrap: wrap;align-items: center;}
.menuitem{display:inline-block;vertical-align: middle;text-decoration: none;height: 35px;line-height: 35px;color:#fff;margin:0 10px;font-weight: bold;}

#boxmenu .menuitem[alias="home"]{width:45px;height: 45px;color:transparent;background: url('../../grafica/logo_sudenergy_header.png') no-repeat center;background-size: contain;}
#boxmenu .menuitem[alias="home"]:not([viewmode="disabled"]):hover{box-shadow:0 0 3px #fff;background-size: 40px;}
#boxmenu .menuitem:not([alias="home"])[viewmode="disabled"]{position: relative;align-self: flex-end;top: 2px;padding: 0px 5px 0px 5px;background: #fff;color:#00546B;}
#boxmenu .menuitem[viewmode="selected"]{position: relative;top: 4px;color: #fff;border-bottom: 6px solid #fff;text-shadow: 0 0 4px #000;}
#boxmenu .menuitem[alias="contatti"][viewmode="disabled"]{top:7px;}
#container_menusecondario .menuitem[alias="contatti"][viewmode="disabled"]{color:orange;}
#menusecondario{position: absolute;right: 10px;}


#menumobile{position: absolute;top: 81px;bottom: 0;z-index: 100;display: flex;flex-flow: column;align-items: baseline;overflow-y:scroll;padding: 40px 20px 10px 20px;background: #00546B;transform:scale(0);transform-origin: top left;transition: transform 0.2s linear;}
#btnhidemenu{position: absolute;left: 0;top: 0;width: 100%;height: 35px;cursor:pointer;background: #414141 url('../../grafica/icons/goback.png') no-repeat left 10px center;background-size: 20px;}
#menumobile[viewmode="1"]{transform: scale(1);}
#menumobile #mainmenu{flex-flow: column;align-items: baseline;width: 100%;}
#menumobile #menusecondario{position: unset;display: flex;flex-flow: column;align-items: baseline;width: 100%;}
#menumobile .menuitem[viewmode="disabled"]{border:none;background: #fff;color:#00546B;}
#menumobile .menuitem[viewmode="disabled"]::before{display: inline-block;vertical-align: middle;width:4px; height: 4px;margin-right:5px;background: #000;content:" ";}
#menumobile .menuitem{margin: 5px;width: calc(100% - 10px);border: 1px solid #fff;padding: 0 5px;box-sizing: border-box;}
#menumobile .menuitem[viewmode="selected"]{border-bottom: 6px solid #fff;color: #fff;text-shadow: 0 0 2px #000;}

#quickmenu{display: flex;justify-content: center;align-items: center;position: relative;width: 100%;height: 100%;gap:15px;padding-left: 20px;box-shadow: 0px 0px 5px #fed443;background: linear-gradient(90deg, #008380 0%, #0075A1 100%);;}
#mobilegohome{width: 70px;height: 70px;background:url('../../grafica/logo_sudenergy_header.png') no-repeat center;background-size: contain;}
#mobilelogoeni{position: absolute;width:50px;height: 50px;right:5px;background: url('../../grafica/enilive_logo_bianco.png') no-repeat center;background-size: contain;}
#btncall{display: inline-block;width: 30px;min-width: 30px;height: 32px;vertical-align: middle;cursor: pointer;background: url('../../grafica/phone.png') no-repeat top center;background-size: 30px;}
#btnmenu{display: inline-block;box-sizing: border-box;vertical-align: middle;height: 30px;width: 30px;min-width: 30px;cursor: pointer;background: url('../../grafica/menu_icon.png') no-repeat center;background-size: auto;background-size: contain;transition: all 0.2s linear;}
#btnmenu[selected]{box-shadow: 0 0 5px inset #000;background-size: 20px;border-radius: 10px;}

#btnloginAAA{display: none !important;}
#btnlogin{display: inline-block;box-sizing: border-box;vertical-align: middle;text-decoration: none;height: 35px;line-height: 35px;color: #fff;margin: 0 0 0 10px;font-weight: bold;border: none;padding-right: 25px;background: url('../../grafica/icons/user_login.png') no-repeat right center;background-size: 20px;}
#btnlogin[viewmode="login"]::before{content:"ACCEDI"}
#menumobile #btnlogin{align-self: center;padding:0 10px 0 30px;border:1px solid #fff;}
#menumobile #btnlogin{background-position: left 5px center;}
#btnlogin[viewmode="user"]{width:35px;padding:0; background: url('../../grafica/icons/usericon_bianco.png') no-repeat center;background-size: contain;}
#container_menusecondario #btnlogin[viewmode="user"]{background: url('../../grafica/icons/usericon_orange.png') no-repeat center;background-size: 30px;}
#menumobile #btnlogin[viewmode="user"]{width: unset;padding:0 10px 0 35px;background-size: 25px;}
#menumobile #btnlogin[viewmode="user"]::after{content:"Area Riservata"}


.submenu{position: absolute;display: flex; flex-flow: column;box-shadow: 0 0 5px #000;color:#fff; background: #00546B; z-index: 1000;}
.subitem{display: block;padding:5px;margin:5px;text-decoration: none;color:inherit;border:1px solid #fff;}
.subitem:not([viewmode="disabled"]):hover{background-color: #008281;}
.subitem[viewmode="disabled"]{background:#fff;color:#00546B;}
.swsubmenu{display: inline-block;vertical-align: middle;overflow: hidden;color:#fff;text-align: center;border: none;font-size:18px;text-shadow: none;line-height: 19px;cursor: pointer;;transition: all 0.2s linear;}
#boxmenu .swsubmenu{width:0;height: 0;}
#menumobile .swsubmenu{float: right;width: 25px;height: 25px;background: #fff;color: #000;margin: 4px 0;line-height: 23px;}
#menumobile .menuitem[viewmode="disabled"] .swsubmenu{border:1px solid #fed443;}
#boxmenu .menuitem[submenu]:hover .swsubmenu{width:20px;height: 20px;border:1px solid #fff;border-radius: 0 5px 5px 0;margin-left:2px;}
#boxmenu .menuitem[submenu][viewmode="disabled"]:hover .swsubmenu{width:20px;height: 20px;border:1px solid #00546B;color:#00546B;border-radius: 0 5px 5px 0;margin-left:2px;}
.topsubmenu{height: 25px;cursor: pointer;}
.topsubmenu{background:#414141 url('../../grafica/icons/closex_bianco.png') no-repeat right 5px center;background-size: 15px;}

#mainframe{position: absolute;left: 0;width: 100%;top: 50px;bottom: 0;padding:10px 20px;overflow: auto;background: #fff;}
#mainframe[viewmode="banner"]{top:240px;}

#pagecloser{position: relative;min-height: 210px;margin: 40px;min-height: 180px;}
.pcloser_separator{height: 5px;background: #00546B;box-shadow: -2px -2px 3px #808080;border-radius: 10px;/*! opacity: 0.5; */}
#pcloser_content{display: flex;flex-flow: row;padding-top: 10px;}
#pcloser_space_agenzia{display: flex;max-width: 350px;flex-wrap: wrap;align-items: center;}
#pcloser_logo{display: inline-block;width:100px;height:100px;margin-right:5px;background: url('../../grafica/logo_sudenergy_200.png') no-repeat center;background-size: contain;}
#pcloser_space_eni{display: flex;flex-flow: column;align-items: end;gap: 15px;margin-left: auto;}
#pcloser_enilive{display: inline-block;width: 50px;height: 50px;background: url('../../grafica/enilive_logo.png') no-repeat top center;background-size: contain;}
#pcloser_eni_enjoy{display: inline-block;width: 100px;height: 35px;background: url('../../grafica/enjoy_logo.jpg') no-repeat top center;background-size: contain;}

#pcloser_contatti{display: flex;flex-flow: column;}
.pcloser_callnow{padding-left:36px;line-height: 32px;text-decoration: none;color:inherit;background: url('../../grafica/icons/callcenter.png') no-repeat left center;}
.pcloser_whatsapp{padding-left:36px;background: url('../../grafica/social/whatsapp_icon.png') no-repeat left center;}
.pcloser_whatsapp span{display: block;color:#808080;font-size: 0.9em;}
#pcloser_info_agenzia{margin-top:5px;}
#pagecloser[iagenzia="false"] #pcloser_info_agenzia{display: none;}

#cookie_alert{position: absolute;z-index: 200;bottom: 5px;width: 80%;left: 10%;text-align: center;background: #004080;color: #fff;overflow: hidden;}
#cookie_alert[viewmode="hidden"]{display:none;}
.btn_cookie_alert{display: inline-block;margin:5px;height: 30px;line-height: 30px;border:none;text-decoration: none;padding: 0 10px;;color: #006366;background-color: #c6f3f5;border-color: #b0eef1;}
.btn_cookie_alert:hover{background-color: #91f6fb;}

.title_grp_footer{color:#fed443;}
.gruppo_footer{display:inline-block;vertical-align: top;margin:15px;}
.gruppo_footer .menuitem{display:block;margin:10px 0;font-weight: normal;}
.gruppo_footer .menuitem:hover{color:#dfff00 !important;}
#footer_menu,#footer_copyright{display: flex;flex-wrap: wrap;padding: 20px;justify-content: center;background: #00546B;color: #fff;}
#footer_menu a,#footer_copyright a{text-decoration: none;color:inherit}
#footer_menu .swsubmenu{display: none;}
#link_contatti_footer{display:inline-block;padding-left:60px;background: url('../../grafica/logo_sudenergy_200_tbianco.png') no-repeat left center;background-size: 50px;}
.link_eni{text-decoration: underline !important;font-weight: bold;}
.link_eni_red{display:inline-block;padding:10px;color:#fff;background-color: #c40e24;text-decoration:none;}
.link_eni_red:hover{background-color: #820010;}
.footer_info_agente_desc{max-width: 270px;}
#footer_menu_container a[viewmode="disabled"]{border-bottom: 1px solid;border-left: 5px solid;padding-left: 5px;border-radius: 0 0 0 10px;color: #3bb6b0;}
#footer_menu_container a:not([viewmode="disalbed"]):hover{color:#3bb6b0 !important;}
#box_poweredby{text-align: center;padding-top: 10px;color: #3BB6B0;border-top: 1px solid #305E5B;}

#boxbanners{max-height: 190px;overflow: hidden;transition: max-height 0.2s linear;}
#boxbanners[viewmode="hidden"]{max-height: 0;}
#boxbanners:not([visible="false"]){width:100%;height: 190px;position:relative;display: flex;justify-content: center;align-items: center;}
.banner{position: absolute;height: 100%;width:calc(100% - 85px);background-repeat: no-repeat;background-size: contain;background-position: center;text-decoration:none;outline: none;transform:scale(0);opacity:0;transform-origin: center;transition: transform 0.5s linear, opacity 0.5s linear;}
.banner[viewmode="visible"]{transform: scale(1);opacity: 1;}
.scan_banner{position: absolute;width:30px;height: 60px;border:1px solid #c0c0c0;cursor:pointer;}
.scan_banner[viewmode="prev"]{left:5px;background: url('../../grafica/btn_prev.png') no-repeat center;}
.scan_banner[viewmode="next"]{right:5px;background: url('../../grafica/btn_next.png') no-repeat center;}
.bannerpointers{z-index: 10;display: flex;gap: 7px;position: absolute;bottom: 37px;}
.banner_pointer{width:12px;height: 12px;border: 1px solid #fff;border-radius: 12px;cursor: pointer;}
.banner_pointer[selected]{background-color: #fff;cursor: default;}



#page_intro{padding: 60px 20px 0 20px;text-align: center;font-weight: bold;font-size: 28px;}

#boxproducts{display: flex;flex-wrap: wrap;justify-content: center;margin:60px 20px 40px 20px;transition: all 0.2s linear;}
.product{display: flex;flex-flow: column;margin:20px;padding:10px;border:1px solid #c0c0c0;border-radius:10px;text-align: center;align-items: center;box-shadow: 0 0 5px #cecece;text-decoration: none;color: inherit;transition:transform 0.2s linear;}
.product:hover{transform:scale(1.05);}
#boxproducts .product{width: calc(20% - 65px);max-width: 300px;min-width: 250px;}
.product_name{font-weight: bold;}
.product_image{width:100%;height: auto;}
.product_incipt{width: calc(100% - 20px);height: 90%;}
.viewmore{padding: 10px;margin: 5px;border: 1px solid #c0c0c0;border-radius: 20px;background: #00769f;color: #fff;}

.link_eni_style{display: inline-block;margin: 10px;padding: 10px;background: #fed443;color: #000;border-radius: 5px;text-decoration: none;}

.whatsapp_chat_inline{display: inline-block;width: 222px;height: 50px;text-decoration: none;background:url('../../grafica/icons/whatsapp_chat_autorized.png') no-repeat center;background-size: contain;}
.whatsapp_chat_inline:hover{box-shadow: 0 0 5px #000;border-radius: 15px;}
#whatsapp_fixed{box-sizing: border-box;position: fixed;z-index: 10;display: flex;flex-wrap: wrap;align-items: center;bottom: 50px;right: 10px;width: 50px;height: 50px;color: #fff;font-weight: bold;border-radius: 60px;padding-left: 50px;text-decoration: none;background: #25d366 url('../../grafica/icons/whatsapp_white.png') no-repeat left 8px center;background-size: auto;background-size: 35px;overflow: hidden;transition: all 0.2s linear;transform-origin: right center;}
#whatsapp_fixed .whatsapp_number{font-weight: normal;font-size: 0.9em;}
#whatsapp_fixed[viewmode="open"]{width: 195px;background-color: #1a9949;box-shadow: 0 0 5px #000;border-radius: 20px;padding-left:55px}
#whatsapp_fixed:not([viewmode="mobile"]):hover{width: 195px;background-color: #1a9949;box-shadow: 0 0 5px #000;border-radius: 20px;padding-left:55px}


.flex_container_x2{display:flex;gap:20px;}
.flex_container_x2 .flex_section{width: 50%;border:1px solid #c0c0c0;padding:5px;}
.flex_section_header{text-align:center;border-bottom:1px solid #c0c0c0;}

@media(max-width:1200px){
  #menusecondario .menuitem[alias="eni_station_finder"]{display: none;}
}

@media(max-width:1010px){
  #menusecondario .menuitem[alias="contatti"]{display: none;}
}

@media(max-width:620px){
  #boxmenu{background: transparent;height: 80px;}
  #mainframe{top:85px;}
  .flex_container_x2{flex-wrap: wrap;}
  .flex_container_x2 .flex_section{width: 100%;}
}


@media(max-width:580px){
  #menumobile{width: 100%;}
  .submenu{left:0 !important;top:81px !important;width: 100%;height: calc(100% - 55px);overflow: auto;}
  .topsubmenu{height: 35px;background:#414141 url('../../grafica/icons/goback.png') no-repeat left 5px center;background-size: 20px;}
  #footer_menu{font-size:12px;}
  .gruppo_footer{margin:10px;}
  .gruppo_footer .menuitem {height: 20px;line-height: 20px;}
  #footer_business{text-align: center;}
  #menusecondario .menuitem[alias="eni_station_finder"]{display: unset;}
  #menusecondario .menuitem[alias="contatti"]{display: unset;}
}

@media(max-width:580px){
  #pcloser_content{flex-flow: column;gap: 20px;}
  #pcloser_space_eni{margin-left: unset;flex-flow: row;justify-content: center;}
}

@media(max-width:340px){
  #quickmenu{justify-content: left;}
}

@media(max-width:260px){
  #mobilelogoeni{display: none;}
}