body { font-family: Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; line-height: 13px; color: #4d5357; margin: 0; padding: 0; text-align: center; background: url(img/bk_body.png) center top no-repeat; }
img { border: 0; }
form { margin: 0; padding: 0; }
a { color: #1960a1; outline: none; cursor: pointer; }
.sx { float: left; }
.dx { float: right; }
.dividi { clear: both; }
.hidden-element { display: none; }
h1, h2, h3, h4, h5, h6, header, footer, section, article, ul { margin: 0; padding: 0; line-height: normal; }
ul { list-style-type: none; }
.disable { opacity: 0.5; filter: alpha(opacity=50); }
#midLandFixer { display: none; width: 1024px; position: absolute; top: -1px; left: 0; height: 1px; }
sup, sub { font-size: 0.7em; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
p.nota-info { font-weight: bold; color: #000; text-align: right; padding-right: 18px; }
.toUpper { text-transform: uppercase; }

/*row*/
.row { width: 100%; height: auto; text-align: center; margin: 0; padding: 0 0 20px 0; clear: both; float: left; }
.row-content, .header, .footer { width: 985px; margin: 0 auto; text-align: left; clear: both; }

/*Button*/
a.prev-small { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) left bottom no-repeat; float: left; }
a.next-small { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) right bottom no-repeat; float: right; }
a.prev-small:hover { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) left 1px no-repeat; }
a.next-small:hover { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) right 1px no-repeat; }
a.next-small span, a.prev-small span { display: none; }
a.arrow-green-dx { padding-right: 20px; background: url(img/arrow.png) right -85px no-repeat; }
a.arrow-green-dx:hover { color: #4d5357; background: url(img/arrow.png) right -181px no-repeat; }

a.empty-button { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right 1px no-repeat; line-height: 19px; }
a.empty-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left 0 no-repeat; font-style: italic; line-height: 19px; }
a.empty-button:hover { color: #fff; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -39px no-repeat; }
a.empty-button:hover span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -39px no-repeat; font-style: italic; }

a.full-button { color: #fff; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -39px no-repeat; line-height: 19px; }
a.full-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -39px no-repeat; font-style: italic; line-height: 19px; }
a.full-button:hover { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right 1px no-repeat; }
a.full-button:hover span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left 0 no-repeat; font-style: italic; }

/*Colori*/
.teal { background-color: #14bcaa; }
.azure { background-color: #49b8da; }
.green { background-color: #85bb23; }
.grass-green { background-color: #21b84c; }
.light-gray { background-color: #efefef; }

.dark-teal { background-color: #0e9b8c; }
.dark-azure { background-color: #269cc0; }
.dark-green { background-color: #65aa25; }
.dark-gray { background-color: #c9c9c9; }

.commercial-red { background-color: #D6492A; }
.commercial-orange { background-color: #FE9900; }
.commercial-blue { background-color: #0E6E9E; }
.commercial-teal { background-color: #13979C; }
.commercial-dark-orange { background-color: #F4790F; }
.commercial-dark-red { background-color: #C73119; }
.commercial-dark-blue { background-color: #0C5081; }
.commercial-dark-teal { background-color: #10797F; }

/*ShowCase*/
.showcase { position: relative; height: 420px; }
.showcase .container { width: 777px; height: 420px; overflow: hidden; position: relative; }
.slide { position: absolute; top: 0; left: 0; z-index: 0; width: 777px; height: 420px; }
.slide .content-main-visual { width: 637px; height: 420px; overflow: hidden; position: relative; }
.slide .content-main-visual a { display: none; width: 637px; height: 420px; position: absolute; z-index: 0; top: 0; left: 0; }
.slide .content-main-visual a.pc { display: block; }
.slide .content-main-visual a.tablet { display: none; }
.slide .content-main-visual a.smartphone { display: none; }
.slide .content-main-visual a img { width: 637px; height: 420px; }
.slide .content-main-feature { height: 420px; width: 136px; position: absolute; top: 0; left: 637px; }

.slide .content-main-feature .feature { width: 136px; height: 140px; text-align: center; position: relative; }
.slide .content-main-feature .feature a { display: block; width: 136px; height: 120px; padding-top: 20px; background-color: transparent; text-decoration: none; background-image: url(img/bg-opacity-50.png); background-position: 0 0; background-repeat: repeat; }
.slide .content-main-feature .feature a:hover { background-image: url(img/bg-opacity-20.png); }
.slide .content-main-feature .feature a.current { background: none; }
.slide .content-main-feature .feature a img { width: 80px; height: 60px; margin: 0 auto; }
.slide .content-main-feature .feature a span { display: block; overflow: hidden; height: 1.5em; text-align: center; line-height: 1em; letter-spacing: -1px; font-style: italic; color: #fff; padding: 5px 10px 10px 10px; font-size: 18px; }
.slide .content-main-feature .feature a .timerLine { display: none; position: absolute; left: 0; bottom: 0; width: 136px; height: 7px; }
.slide .content-main-feature .feature a.current .timerLine { display: block; }
.slide .content-main-feature .feature a span{font-style: normal;}
.showcase .content { width: 203px; height: 420px; overflow: hidden; position: absolute; right: 0; top: 0; }
.showcase .content div { width: 183px; height: 165px; padding: 20px 10px; overflow: hidden; position: absolute; top: 0; left: 0; margin-bottom: 0px; background-color: #e9f4e4; text-align: center; }
.showcase .content div.second { top: 208px; left: 0; }
.showcase .content div a { display: block; width: 183px; height: 165px; overflow: hidden; text-decoration: none; font-family: Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 18px; font-weight: bold; font-style: italic; color: #5e6a71; }
.showcase .content div a:hover { color: #85bb23; }
.showcase .content div a span { background: transparent url(img/arrow-green.png) right 0 no-repeat; padding: 0 25px 0 0; display: block; line-height: 1em; height: auto; float: left; }
.showcase .content div a:hover span { background-image: url(img/arrow-grey.png); }
.showcase .content div a img { width: 160px; height: 134px; margin-bottom: 5px; }