html,body{padding:0;margin:0;}
body{font:14px "Century Gothic",Arial,verdana,sans-serif;color:#6e6e6e;}
div{box-sizing: border-box;}
li{margin-top:5px;}
h2{color:#0b97ce;}
[visible=false]{display:none !important;}
#header{display: inline-block;;position: absolute;top:0;width:100%;padding:5px;}
#boxlogo{display: inline-block;vertical-align:middle;width:170px;height:50px;background: url('../../grafica/logo_kitesurflacaletta.png') no-repeat top center;background-size: contain;}
#quickmenu{float:right;display: flex;gap: 10px;align-items: center;}
#quickcontact{display:none;}
#btn_menu{display: inline-block;box-sizing:border-box;vertical-align: middle;height: 30px;border: 1px solid #c0c0c0;line-height: 28px;padding:0 2px 0 30px;background: url('../../grafica/menu_icon.png') no-repeat left center;}
#btn_menu[selected]{border:2px inset #084b7d;color:#71c3ff;background-size: 24px;}
#btncall{display: inline-block;width: 30px;height: 30px;vertical-align: middle;border: 1px solid #c0c0c0;background: url('../../grafica/phone_mobile.png') no-repeat center;}
#btnsocial{display: inline-block;box-sizing: border-box;width: 30px;height: 30px;vertical-align: middle;border: 1px solid #c0c0c0;background: url('../../grafica/social.png') no-repeat center;}
#btnsocial[selected]{border: 2px inset #d2ff00;background-size: 25px;}
#boxmenu{display:inline-block;position: absolute;top: 60px;bottom:10px;left:-100%;width: calc(50% - 5px);box-shadow: 0 0 5px #000;background: #084b7d;color:#fff;transition:left 0.2s linear;}
#boxmenu[viewmode="visible"]{left:5px;z-index:50;}
.menuitem{display: block;color: inherit;text-decoration: none;font-weight: bold;padding: 4px 4px;margin: 5px 20px 5px 5px;border: 1px solid #c0c0c0;}
.menuitem[viewmode="disabled"]{color:red;background:#fff;}
.menuitem[viewmode="selected"]{color:orange;}
.menuitem[clicked]{border:2px inset;}
.menuitem[idsub]{cursor:default;padding-right:14px;background:url('../../grafica/navpointer_mobile.png')no-repeat right 1px center;}
.submenu{display: inline-block;position: absolute;z-index: 100;top: 60px;left:-100%;width: calc(50% - 7px);box-shadow: 0 0 5px #000;background: #084b7d;color: #fff;transition:left 0.2s linear, top 0.2s linear;}
.submenu[viewmode="visible"]{left:calc(50% + 2px);}
.submenu[visible="false"]{display:inline-block !important;}
.subitem{display: block;color: inherit;text-decoration: none;padding: 4px 4px;margin: 5px 20px 5px 5px;border: 1px solid #c0c0c0;}
.subitem[viewmode="disabled"]{color:red;padding-left:20px;background:#fff url('../../grafica/navpointer_red.png') no-repeat left 1px center;}
.subitem[viewmode="selected"]{color:orange;}
.subitem:not([viewmode="disabled"]):hover{color:#74baf5;}
.tabdefault td{border:1px solid #c0c0c0;padding:2px 5px;}
.tabdefault th{border:1px solid #c0c0c0;padding:2px 5px;text-align:left;font-weight:bold;background:#003ba1;color:#fff;}
.logo_inline{display:inline-block;vertical-align:bottom;}
.header_submenu{margin-top:15px;}

#boxlanguage{display: flex;justify-content: center;align-items: center;position: relative;width: 30px;height: 30px;border: 1px solid #c0c0c0;z-index:100;}
#boxlanguage[selected]{border:2px inset #000;border-radius: 5px;}
#menulanguage{position: absolute;top: 35px;padding: 5px;display: flex;flex-flow: column;gap: 8px;background: #fff;box-shadow: 0 0 5px;}
.langbutton{border:1px solid #c0c0c0;display: flex;gap:5px;height: 30px;align-items: center;color:inherit;background-color: transparent;}
.langbutton:before{display: inline-block;font-weight: bold;}
.langbutton icon{font-weight: bold;}
.langbutton:disabled{color: orange;border-radius: 5px;}
.langbutton[value="it"]::before{content:"IT"}
.langbutton[value="en"]::before{content:"EN"}
.langbutton[value="de"]::before{content:"DE"}


#boxcrumbs{width:100%;height: 32px;line-height: 25px;font-size: 0.9em;padding: 1px;border: 1px solid #ededed;border-top:2px solid #fff;}
#btnhistory{display:inline-block;vertical-align:bottom;border:none;border-right:1px solid #c0c0c0;width:32px;height:25px;vertical-align:top;cursor:pointer;background:url('../../grafica/btnhistory.png') no-repeat center;}
#btnhistory[checked="true"]{background-size:22px;box-shadow: 0 0 5px red inset;border:none;border-radius:4px;}
#crumblist{display:inline-block !important;vertical-align:top;width:calc(100% - 95px);height:26px;overflow:hidden;transition:width 0.2s linear;}
#crumblist div{display:inline;}
#crumblist h1{display:inline;margin:0;padding:0;font-size:1em;}
#crumblist a{color:inherit;}
.crumb_separator{display:inline-block;vertical-align:middle;width:14px;height:16px;background:url('../../grafica/navpointer_ltr.png') no-repeat 2px -22px;}
#btncerca{display:inline-block;vertical-align:top;border-right:1px solid #c0c0c0;width:27px;height:25px;vertical-align:bottom;cursor:pointer;background:url('../../grafica/btncerca.png') no-repeat center;}
#boxcerca{display:inline-block;width:0px;overflow:hidden;vertical-align: bottom;transition:width 0.2s linear;}
#txtcerca{box-sizing:border-box;width:100%;border-radius:0 4px 4px 0;border:none;height:24px;padding:0 5px;vertical-align:top;background:#ccf1ff;}
#boxcrumbs[onsearch] #btncerca{background-size:18px;box-shadow: 0 0 5px red inset;border:none;border-radius:4px 0 0 4px;}
#boxcrumbs[onsearch] #crumblist{width:calc(100% - 295px)}
#boxcrumbs[onsearch] #boxcerca{width:210px;}
#mainframe{width:100%;position:absolute;left:0;top:110px;bottom:5px;padding:0px 20px 0 5px;overflow:auto;-webkit-overflow-scrolling: touch;}
#footer{background:#414141;color:#fff;}
#footer a{color:inherit;text-decoration:none}
.footerL,.footerR{display:block;text-align:center;padding:5px;}
.footerR{border-top:2px groove #fff;}
#footer_menu{background: #414141;color:#fff;border-bottom: 4px solid #800000;padding: 5px;text-align:center;}
#footer_menu_container{display: inline-block;text-align:left;}
.footer_cell{display: table-cell;padding:5px 20px 5px 5px;vertical-align:top;}
.footer_cell_title{display:block;font-size:1.2em;color:#fff;margin-bottom:5px;}
.footer_menuitem,.social_link{display:block;color:inherit;text-decoration:none;margin:5px 0;padding:2px;border:1px solid #686868;}
.social_icon{vertical-align:middle;margin-right:5px;}
#footer_logo{width:150px;min-width:150px;background:url('../../grafica/logo_footer_arcosinergie.png') no-repeat left center;background-size: contain;}
#crono_window{position:absolute;z-index:100000;top:95px;left:5px;width:calc(100% - 10px);border-radius:6px 6px 0 0;border:1px solid #c0c0c0;box-shadow:0 0 5px #000;background:#7b2222;}
#crono_header{background:#414141;color:#fff;display:inline-block;width:100%;padding:2px 5px;border-radius:6px 6px 0 0;}
#crono_btnclose{width:16px;height:16px;float:right;background:url('../../grafica/closewnd.png') no-repeat center; cursor:pointer;}
#crono_content{top:25px;width:100%;padding:5px;color:#fff;overflow:auto;}
.crono_link{display:block;box-sizing: border-box;border:1px solid #c0c0c0;margin-bottom:10px;padding:2px;text-decoration:none;color:inherit;}
.crono_link[vmode="curpage"]{padding-left:15px;color:#7b2222;background:#fff url('../../grafica/bg_crumbs.png') no-repeat 2px center;background-size:11px 11px;}
.crono_link[vmode="sublink"]{color:#808080 !important;}
.crono_link[vmode="normal"] .crono_url{color:#f9f600 !important;}
.crono_pagetitle{display:block;font-weight:bold;}
.crono_url{display:inline-block;word-break: break-all;font-size:0.9em;}
#framepartners{padding-bottom: 20px;border-bottom: 4px solid #800000;color: #fff;background:#414141;font-size:14px;}
.boxpartners{display: flex;flex-wrap: wrap;}
#partners_title{padding:10px;width: 100%;}
.partner_link{display:inline-block;vertical-align: top;padding:2px 5px;margin:5px;border:1px solid #c0c0c0;color:inherit;text-decoration:none;}
#cookie_alert{position: absolute;z-index:200;bottom:5px;width: 80%;left: 10%;text-align: center;background: #0076b7;color: #fff;overflow: hidden;}
#cookie_alert a{color:#d5ff00}
#cookie_alert[viewmode="hidden"]{height:0;}
.boximage{display:block;padding:2px;font-size:11px;border:1px solid #c0c0c0;text-align:center !important;resize:both;}
.boximage img{height:auto;}
.content_video{width:calc(100% - 20px);height: auto;}

#listanews,#listaofferte{text-align:center;}
article{display:inline-block;box-sizing:border-box;vertical-align:top;position:relative;width:calc(100% - 5px);height:300px;border:1px solid #e8e8e8;margin:5px;overflow:hidden;background:#fff;}
article:hover{box-shadow: 0 0 5px #000;}
article a{text-decoration:none;color:inherit;}
.articlebg{position:relative;height:200px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.article_title{position:absolute;left:0;bottom:0;display: flex;align-items: center;text-align:center;justify-content: center;width:100%;min-height:95px;padding:10px;font-size:16px;line-height:1.2em;font-weight:bold;color:#fff;background:rgba(75,79,84,0.8);}
.article_description{display: block;padding: 14px 0;text-align: center;font-size: 16px;line-height: 1.3em;}
.article_dots{position: absolute;right:2px;bottom: 2px;width: 27px;height: 20px;background: #fff;border: 1px dotted #c0c0c0;}

.offerta{height:350px;}
.offerta .article_description{height: 70px;padding: 5px;overflow: hidden;}
.offerta .article_dots{bottom:30px;}
.product_price:not(:empty){position: absolute;top: 2px;left:2px;font-size: 1.2em;font-weight: bold;padding: 1px 6px;border-radius: 10px;color:#fff;background: #091e93;}
.product_price[viewmode="special"]{background: #ff6c00;}
.product_price:not(:empty)::after{content:" €";font-size:0.9em;font-weight:normal;}
.dati_offerta:not(:empty){padding:2px 5px;border-top: 1px solid #f2f1f1;text-align:left;}
.oldprice:not(:empty) {color:red;text-decoration: line-through;margin-right:5px;}
.oldprice:not(:empty)::after,.newprice:not(:empty)::after{content:" €"}
.newprice:not(:empty){color:green;margin-right:5px;padding-left:12px;background:url('../../grafica/visto_corsivo.png') no-repeat left center;background-size:12px;}
.scadenza_offerta{margin-top:5px;}
.callnow:not(:empty){display: block;position: absolute;bottom:5px;left:25px;width: calc(100% - 50px);box-sizing: border-box;text-align: center;padding: 5px;background: #091e93;color: #fff;}
.callnow:not(:empty)::before{content:"Chiamaci: ";}
.callnow:not(:empty):hover{color:yellow;}

#box_prenota{margin: 25px 10px;width: 100%;text-align: center;padding: 10px 0;}
#link_prenota{display: inline-block;padding: 15px 15px 15px 50px;color: #fff;font-weight: bold;border-radius: 10px;font-size: 20px;text-decoration: none;background: #ff1800 url('../../panel/grafica/icons/booking.png') no-repeat left 10px center;}
#link_prenota::after{display:block;margin-top:2px;padding-top:2px;font-weight: normal;font-size: 0.8em;content:"Book your course"}
#link_prenota:hover{background-color: #ff8f00;}
.link_see_video{display: flex;align-items: center;padding-left: 35px;min-height: 30px;color: #cd6c1c;background: url('../../grafica/youtube_icon_orange.png') no-repeat left center;background-size: auto;background-size: 30px;}

#pagetags:not(:empty){display:flex;flex-wrap: wrap;gap:10px;margin:10px 0;padding-top:10px;border-top:1px solid #c0c0c0;}
#pagetags:not(:empty)::before{display: block;width: 100%;margin-bottom:5px; font-weight: bold;content:"TAGS:"}
.pagetag{padding:5px;border:1px solid #e1e1e1;border-radius:5px;}

@media(max-width:900px){
  .footer_cell{display:inline-block;width:50%;margin-bottom:5px;}
  #footer_logo{display:none;}
}
@media(max-width:600px){
  .footer_cell{width:100%;padding:0;max-height:400px;transition:max-height 0.2s linear;border-bottom:1px dashed #c0c0c0;overflow: hidden;}
  .footer_cell[viewmode="0"]{max-height:28px;}
  .footer_cell_title{padding-left:20px;cursor:pointer;background: url('../../grafica/navpointer_ud.png') no-repeat left 1px top 6px;}
  .footer_cell[viewmode="1"] .footer_cell_title{color:#d9f991;background-position: left 1px bottom 6px;}
  .footer_menuitem{width:calc(50% - 12px);display: inline-block;height: 32px;vertical-align: middle;margin: 3px;font-size:0.9em;overflow: hidden;}
  .partner_link{margin:2px;width:calc(50% - 22px);}
}
@media(max-width:400px){
  .crono_link{width:calc(100% - 20px);border-right:1px solid #c0c0c0;}
}
@media(max-width:340px){
  .footer_cell{display: inline-block;width: 100%;margin-bottom: 5px;}
}
@media(max-width:290px){
  #btn_menu{background-position:center;}
  #btn_menu span{display:none;}
}
@media(max-width:245px){
  #btnsocial{display:none;}
}
@media(max-width:200px){
  #btncall{display:none;}
}