@charset "utf-8";
/* CSS Document */

html {height: 100%;}
body {background: #FFF url(../img/ajax-loader.gif) 50% 50% no-repeat; min-height: 100%; padding: 0; margin: 0; line-height: 1.5; color: #000; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, sans-serif;}
h1 {font-size: 22px; margin: 0;}
h2 {font-size: 20px; margin: 0;}
h3 {font-size: 18px; margin: 0;}
h4 {font-size: 16px; margin: 0;}
h5 {font-size: 14px; margin: 0;}
h6 {font-size: 12px; margin: 0;}
p {margin: 0 0 10px;}
a {text-decoration: none; font-weight: bold; color: #FFF; outline: 0;}
a:hover {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}
img {border: 0 none;}
small {font-size: 10px;}
ul, ol {margin: 0 0 7px;}
ul li, ol li {margin-bottom: 3px;}
hr {height: 1px !important; border-top: 1px solid #FFF; border-right: 0 none; border-bottom: 0 none; border-left: 0 none; margin: 0 0 10px;}
input, textarea, select, button {font: normal 100% Verdana, Arial, sans-serif;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

.clear {clear: both;}

#Stage {margin: 0 auto;}

#wrapper {width: 964px; height: 632px; padding: 20px 30px; margin: 0 auto; background: url('../img/bg.jpg');}
.area {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
}
.area:hover {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
}
.area .nav {display: none; position: absolute;}
.area .nav a {position: absolute; display: block; width: 75px; height: 74px; text-indent: -9999px;}
.area:hover .nav {display: block;}

/* Colonna sinistra */
#left {position: relative; float: left; width: 215px; height: 100%; margin-right: 10px;}

#topLeft {position: absolute; top: 50px; left: -20px;}
#topLeft .nav {top: 220px; left: 0px; width: 240px; height: 170px;}
#topLeft #linkBday {top: 0px; left: 45px; width: 111px; height: 85px; background: url('../img/btnArancio_bdayPrev.png') 5px 6px no-repeat;}
#topLeft #linkBday:hover {z-index: 2; background: url('../img/btnArancio_bday.png') no-repeat;}
#topLeft #linkOceano {top: 40px; left: 100px; width: 125px; height: 84px; background: url('../img/btnArancio_oceanoPrev.png') 25px 5px no-repeat;}
#topLeft #linkOceano:hover {z-index: 2; background: url('../img/btnArancio_oceano.png') no-repeat;}
#topLeft #linkPrehi {top: 75px; left: 33px; width: 114px; height: 95px; background: url('../img/btnArancio_prehiPrev.png') 18px 14px no-repeat;}
#topLeft #linkPrehi:hover {z-index: 2; background: url('../img/btnArancio_prehi.png') no-repeat;}
#topLeft #linkFairy {top: 125px; left: 105px; width: 142px; height: 81px; background: url('../img/btnArancio_fairyPrev.png') 23px 4px no-repeat;}
#topLeft #linkFairy:hover {z-index: 2; background: url('../img/btnArancio_fairy.png') no-repeat;}

#bottomLeft {position: absolute; bottom: 0; left: -10px;}
#bottomLeft span {display: block; padding: 0 10px 0 40px;}

.hiddenSpans span {display: none;}

/* Colonna centrale */
#center {position: relative; float: left; width: 510px; margin-right: 10px; text-align: center;}

#logo {width: 50%; margin: -20px auto -10px;}

#tv {width: 473px; height: 354px; padding: 18px 18px 0px 17px; margin-bottom: 10px; background: url('../img/tv.png');}
#sliderVideo {margin: 0 0 10px; width: 473px; height: 260px; overflow: hidden; border: 1px solid #FFF; background: #000;}
#sliderThumbs {display: inline-block; list-style: none; width: 330px; height: 62px; border: 1px solid #FFF; background: #000;}
#sliderThumbs img {width: 110px; height: 62px; cursor: pointer;}
#sliderThumbs .flex-direction-nav .flex-prev {top: 60%; left: -36px !important; opacity: 1;}
#sliderThumbs .flex-direction-nav .flex-next {top: 60%; right: -36px !important; opacity: 1;}

#boxTv {position: relative; width: 472px; height: 260px; margin: 0 auto; overflow: hidden; border: 1px solid #FFF; background: #000;}
#boxPreview {width: 472px; list-style: none; padding: 0; margin: 12px auto 0; text-align: center;}
#boxPreview li {display: inline;}
#boxPreview img {height: 65px; border: 1px solid #FFF; margin: 0 2px;}
#boxPreview .imgNome {border: 0 none;}
.staticSlide {position: absolute; top: 0; left: 0;}
.staticSlide img {width: 473px; height: 260px;}

#box {position: relative; width: 488px; height: 108px; padding: 10px; color: #000; line-height: 1.2; background: url('../img/box.png');}
#box p {padding: 0 30px;}
#box small {display: block; color: #FFF; font-weight: normal; font-style: italic;}
.col {float: left;}
.colLetter {float: left; margin: 0 5px 0 0;}
.colTxt {float: left; width: 120px; margin: 0 10px 10px 0; font-size: 9px; line-height: 1; text-align: left;}
#box .colLetter:first-child {margin-left: 0;}

/* Colonna destra */
#right {position: relative; float: right; width: 205px; height: 100%;}

#topRight {position: absolute; top: 40px; right: -20px;}
#topRight .nav {top: 220px; left: 0px; width: 240px; height: 200px;}
#topRight #linkBdaywheel {top: -40px; left: 15px; width: 127px; height: 103px; background: url('../img/btnVerde_bdaywheelPrev.png') 27px 15px no-repeat;}
#topRight #linkBdaywheel:hover {z-index: 2; background: url('../img/btnVerde_bdaywheel.png') no-repeat;}
#topRight #linkLanelotto {top: 0px; left: 110px; width: 108px; height: 94px; background: url('../img/btnVerde_lanelottoPrev.png') 6px 19px no-repeat;}
#topRight #linkLanelotto:hover {z-index: 2; background: url('../img/btnVerde_lanelotto.png') no-repeat;}
#topRight #linkLuckytrain {top: 65px; left: 37px; width: 124px; height: 84px; background: url('../img/btnVerde_luckytrainPrev.png') 6px 3px no-repeat;}
#topRight #linkLuckytrain:hover {z-index: 2; background: url('../img/btnVerde_luckytrain.png') no-repeat;}
#topRight #linkSledge {top: 100px; left: 109px; width: 89px; height: 89px; background: url('../img/btnVerde_sledgePrev.png') 8px 10px no-repeat;}
#topRight #linkSledge:hover {z-index: 2; background: url('../img/btnVerde_sledge.png') no-repeat;}

#bottomRight {position: absolute; bottom: 0; right: -20px;}
#bottomRight .nav {bottom: 170px; right: 0px; width: 240px; height: 200px;}
#bottomRight #linkHdsign {top: 110px; left: 40px; width: 141px; height: 74px; background: url('../img/btnViola_hdsignPrev.png') 14px 0px no-repeat;}
#bottomRight #linkHdsign:hover {z-index: 2; background: url('../img/btnViola_hdsign.png') no-repeat;}
#bottomRight #linkWsign {top: 80px; left: 115px; width: 143px; height: 74px; background: url('../img/btnViola_wsignPrev.png') 26px 0px no-repeat;}
#bottomRight #linkWsign:hover {z-index: 2; background: url('../img/btnViola_wsign.png') no-repeat;}