html,body{padding:0;margin:0;}
body{font:14px "Century Gothic",Arial,verdana,sans-serif;color:#6e6e6e;}
div{box-sizing: border-box;}
button{cursor:pointer;}
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:225px;height:60px;background: url('../../grafica/logo_kitesurflacaletta.png') no-repeat left center;background-size: contain;}
#quickcontact{position: absolute;right: 10px;top:10px;display: flex;align-items: center;height: 25px;border: 1px solid #c0c0c0;padding: 2px 5px 2px 25px;font-weight: bold;text-decoration: none;color: #fff;box-sizing: border-box;background: #007cff url('../../grafica/phone_mobile.png') no-repeat left 2px center;background-size: 20px;}
#quickcontact:hover{box-shadow: 0 0 3px #000;}
#quickmenu{display:none;}
#boxmenu{display: inline-block;vertical-align: bottom;width:calc(100% - 230px);margin-bottom:10px;color:#ea682b;}
.menuitem{display:inline-block;vertical-align: middle;color:inherit;text-decoration: none;margin-left:10px;}
.menuitem[viewmode="disabled"]{color:#de1835;border-top:1px solid;}
.menuitem[viewmode="selected"]{color:#c80000;}
.menuitem[idsub]{cursor:default;padding-right:14px;background:url('../../grafica/navpointer_utd.png')no-repeat right 1px bottom 2px;}
.menuitem[href]{cursor:pointer;}
.submenu{display: inline-block;position: absolute;top: 52px;background: #414141;color: #fff;z-index:100;}
.subitem{display: block;margin: 5px;color: inherit;text-decoration: none;border: 1px solid #c0c0c0;padding: 5px;}
.subitem[viewmode="disabled"]{color:red;padding-left:20px !important;background:#fff url('../../grafica/navpointer_red.png') no-repeat left 1px center;}
.subitem[viewmode="selected"]{color:orange;}
.subitem:not([viewmode="disabled"]):hover{color:#74baf5;}
.subitem[alias="architetturaAAA"]{border-left:10px solid #d80000;}
.subitem[alias="interior_designAAA"]{border-left:10px solid #16528d;}
.subitem[alias="urban_designAAA"]{border-left:10px solid #10861a;}
.subitem[alias="retrainAAA"]{border-left:10px solid #d86b00;}
.subitem[alias="viabilityAAA"]{border-left:10px solid #b100ff;}

.header_submenu{margin-left:10px;}
.header_submenu .subitem{display: table-cell;max-width:135px;font-size: 0.9em;vertical-align: middle;border-right:5px solid #eee;}
.menuitem[hdsubmenu]{position: relative;top: 1px;z-index: 20;border: 1px solid #c0c0c0;border-bottom: none;background-color: #fff;padding:5px 18px 5px 5px;background-position:right 2px bottom 7px;}

#boxlanguage{z-index: 100;}
#boxlanguage[viewmode="onheader"]{position: absolute;top: 10px;right: 170px;border: 1px solid #c0c0c0;display: flex;justify-content: center;gap:5px;min-width: 25px;height: 25px;padding:0 20px 0 5px;align-items: center;cursor: pointer;;background: url('../../grafica/downarrow.png') no-repeat right 2px center;}
#boxlanguage[viewmode="onheader"]::before{content:"Lang: "}
#boxlanguage:hover{box-shadow: 0 0 3px #000;}
#boxlanguage[selected]{border:2px inset #000;border-radius: 5px;}
#menulanguage{position: absolute;top: 25px;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:not(:disabled):hover{box-shadow: 0 0 3px orange;}
.langbutton[value="it"]::before{content:"IT"}
.langbutton[value="en"]::before{content:"EN"}
.langbutton[value="de"]::before{content:"DE"}

.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;}
#boxcrumbs{width:100%;height: 30px;line-height: 25px;font-size: 0.9em;padding: 1px;margin-top:2px;border: 1px solid #ededed;}
#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 #000 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 #000 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:10px;overflow:auto;padding:0px 1% 0 1%;}
#footerAAA{background:#414141;color:#fff;}
#footer a{color:inherit;text-decoration:none;}
.footerL,.footerR{display:table-cell;vertical-align:middle;padding:5px;}
.footerL{width:95%;text-align:center;}.footerR{width:205px;min-width:205px;}
#footer_menu{border-bottom: 4px solid #800000;border-top:4px solid #c0c0c0;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;margin-bottom:5px;}
.footer_menuitem,.social_link{display:block;color:inherit;text-decoration:none;margin:5px 0;}
.social_icon{vertical-align:middle;margin-right:5px;}
#footer_logo{width:150px;min-width:150px;background:url('../../grafica/logo_icon_kitesurflacaletta.png') no-repeat left center;background-size: contain;}
#crono_window{position:absolute;z-index:100000;top:115px;left:5px;min-width:200px;border-radius:6px 6px 0 0;border:1px solid #c0c0c0;box-shadow:0 0 5px #000;background:#002d5e;}
#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-bottom:1px solid #c0c0c0;margin-bottom:5px;padding-bottom: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{word-break: break-all;font-size:0.9em;}
#framepartners{text-align: center;padding-bottom: 20px;border-top: 4px solid #800000;border-bottom: 4px solid #800000;}
.boxpartners{display:flex;flex-wrap: wrap;justify-content: center;}
#partners_title{padding-top:10px;}
.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:inline-block;padding:2px;font-size:0.9em;border:1px solid #c0c0c0;text-align:center !important;resize:both;}
.boximage img{height:auto;}
.boximage[align="left"]{float:left;margin:0 10px 10px 0;}
.boximage[align="right"]{float:right;margin:0 0 10px 10px;}
.boximage[align="inline"]{vertical-align:middle;}
.boximage[align="block"] {display:block;clear:both;border:none;}
.didascalia{color:#4472c4;}
.wme_videoplayer[embedded="false"]{display:none;}

.flex_wrapper{display:flex;flex-wrap: nowrap;}
.wrapper{border: 1px solid #c0c0c0;margin: 15px;padding:10px;background: rgba(255,255,255,0.5);}
.wrapper[size="50"]{width: 50%;}
.wrapper[size="100"]{width:calc(100% - 30px);}
.wrapper h2{margin:5px;}
.wrapper_desc{display:block;margin-top:15px;text-align:center;}

#listanews{text-align:center;}
#listaofferte{display:flex;flex-wrap:wrap;justify-content:center;}
article{display:inline-block;box-sizing:border-box;vertical-align:top;position:relative;width:300px;height:300px;border:1px solid #e8e8e8;margin:10px;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:auto;padding-bottom:35px;min-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{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;}
.price_struct{padding-bottom:2px;margin-bottom:2px;border-bottom:1px dotted #c0c0c0;}
.price_struct .newprice{background: none;padding-left:5px;}
.scadenza_offerta{margin-top:5px;}
.note_offerta{font-style:italic;font-size:0.9em;}
.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:not([lang])::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:750px){
  #boxmenu{margin-bottom:0;}
  #boxlanguage{top:5px !important;}
  #quickcontact{top:5px;}
}

@media(max-width:400px){
  .crono_link{width:calc(100% - 20px);border-right:1px solid #c0c0c0;}
}