.container { overflow:hidden }
body { font-size:100%; font-family:Arial!important; background-color:#eee!important; margin:0}
a#scroll-top {background: url(http://www.tuttosport.com/res/v14/img/bott_up.png) no-repeat; top: 20px;display: none;height: 61px; width:61px; line-height: 42px;position: fixed;right: 20px;transition: all 0.25s ease-in-out 0s;}
.header {   width: 100%;  background: #000;}
.header header {display:block; position:relative; margin:0 auto; width:auto; height:110px;}
.header header .logo {height: auto;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;}
.header header .logo img { max-width:100%}

span.jump {float: left;width: 30%;margin: 0 35% 4%;background-color: #0066cc;color: #ffffff;border: 0px;padding: 15px 0;font-size: 2em;font-weight: bold;cursor: pointer; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-align: center;}
span.jump a.acquista {color: #ffffff;text-decoration: none; display: block;}

span.video{ display:block; margin-top:0px;height: 550px;}
span.video img { max-width:100%;}


.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.promo { width:100%; background-color:#222222;position:relative; float:left;padding: 10px 0;}
.promo article { display:block; float:none; padding:0px; margin:0 auto; width:990px; font-family:Arial; }
.promo article a {width:100%; max-height:700px;}
.promo article img { max-width:100%}

.container_total {float: left;width: 990px;height: auto;margin: 0 auto;padding: 0 0 20px 0; background-color: #1a1a1a;}
.container_total span.visual { display:none}
.container_total img { max-width:100%}
.container_total span.img { float:left;max-width:100%; margin:0 0 0 30px}
.container_total span.title {float: left;margin: 3% 5% 3% 5%;width: 90%;color: #ce1a23;font-weight: bold;font-size: 3.2em;line-height: 100%;letter-spacing: -2px;}
.container_total h3 { float: left;font-size: 18px;line-height: 24px;font-weight: normal;text-align: left;width: 90%;margin: 3% 5% 0;color: #1a1a1a;padding: 10px 0;}
.container_total ul { float:left; text-align: center;width: 45%; padding:0}
.container_total ul h4 { font-size:22px; margin-bottom:15px; text-align:center}
.container_total ul li { border:1px solid #ddd;border-radius: 5px;padding: 8px 10px;margin: 0 0 5px 27px;font-weight: bold;list-style-type: none; text-align:center}
.container_total ul li a:link, .container_total ul li a:visited, .container_total ul li a:hover { font-size:18px; text-align:center; font-weight:bold; color:#333333; text-decoration:none}
.container_total span.note {font-size: 10px;color: #FFF;float: left;width: 90%;margin: 20px 5% 0 5%;}
.container_total span.info { float:left; width:90%; text-align: justify; margin:10px 5% 0; font-size:12px; line-height:14px; color:#FFF}
.container_total span.info_bis { float:left; width:94%; text-align: left; margin:0px 3% 0; color:#eee;font-size: 1em;line-height: 1.2em;}
.container_total span.info_bottom {width: 94%;margin: 2% 3%;float: left; font-weight: bold;}
.container_total span.abbonati_subito {float: left;width: 20%;text-align: center;margin: 20px 75% 20px 5%;background-color: #1a1a1a;border-radius: 5px;}
.container_total span.abbonati_subito a {display: block;color: #FFF;padding: 15px 0;font-weight: bold;font-size: 18px;text-decoration: none;cursor: pointer;}
.container_total ul.link {float: left;width: 94%;margin: 20px 3%;}
.container_total ul.link h1 {text-align: left;font-weight: bold;color: #fff;float: left;width: 100%;font-size: 1em;}
.container_total ul.link li { float:left; border:0px; border-radius: 0px; padding:0; margin:0 5px 5px 0;}
.container_total ul.link li.last {margin:0 0 0 0;}
.container_total ul.link li img { max-width:100%}
.container_total ul.link li a.appstore, .container_total ul.link li a.google, .container_total ul.link li a.amazon { display:block;}
.container_total label { width:100%; text-align:center}
.container_total select {border-radius: 16px!important;background: #eee;cursor: pointer;padding-left: 10px;width: 90%;height: 60px;margin: 25px 5% 4% 5%;color: #333;font-weight: bold;letter-spacing: -1px;font-size: 1.4em;border: 5px solid #ddd;}
.container_total select option {}
.container_total span.msg {background-color: #1a1a1a;width: 100%;float: left;color: #fff;text-align: center;padding: 2% 0;font-weight: bold;line-height: 1.2em;font-size: 2em;}

.footer { float:left;width:100%; background-color:#000000; height:160px;}
.footer footer {display:block; float:none; padding:0px; margin:0 auto; width:100%;background: none;}
.footer footer span {display: block;text-align: center;color: #fff;float: none;padding: 0px;margin: 0 5% 30px;width: 90%;background: none;font-size: 0.8em;font-weight: 600;}
.footer footer span.cond {background-color: #0066cc;width: 6%;margin: 0 47%;border-radius: 10px;line-height: 2em;}
.footer footer span a:link, .footer footer span a:visited,.footer footer span a:hover{text-align: center;color: #fff;font-weight: bold;font-size: 1em;text-decoration: none;display: block;}
.footer footer .social {display:block; text-align:center; float:none; padding:0px; margin:20px auto; width:100%;background: none;}


@media screen and (max-width:768px) {
.container_total { float:left; height:auto; width:768px; margin:0 auto;}
.container_total span.title {font-size: 40px;line-height: 40px;}
.container_total h1 {margin: 0px 5% 0;font-size: 20px;line-height: 22px;}
.container_total h3 {float: left;font-size: 18px;font-weight: normal;width: 90%;color: #1a1a1a;padding: 10px 0;}
.container_total select {margin: 5px 5% 5% 5%;width: 90%;height: 60px; background-color: #fff;border: 5px solid #ddd;}
span.video {height: auto;}
.footer footer span.cond {width: 40%;margin: 0 30%;}
    
@media screen and (max-width:667px) {
.container_total { float:left; height:auto; width:667px; margin:0 auto;}
}

@media screen and (max-width:563px) {
.container_total { float:left; height:auto; width:563px; margin:0 auto;}
.container_total span.title {font-size: 32px;line-height: 34px;}
.container_total h1 {margin: 0px 5% 0;font-size: 20px;line-height: 22px;}
.container_total h3 {float: left;font-size: 18px;font-weight: normal;width: 90%;color: #1a1a1a;padding: 10px 0;}
.container_total select {margin: 5px 5% 5% 5%;width: 90%;height: 60px; background-color: #fff;border: 5px solid #ddd;}
.footer footer span.cond {width: 40%;margin: 0 30%;}
}

@media screen and (max-width:480px) {
.container_total { float:left; height:auto; width:480px; margin:0 auto;}
.container_total span.title {font-size: 32px;line-height: 34px;}
.container_total h1 {margin: 0px 5% 0;font-size: 20px;line-height: 22px;}
.container_total h3 {float: left;font-size: 18px;font-weight: normal;width: 90%;color: #1a1a1a;padding: 10px 0;}
.container_total select {margin: 5px 5% 5% 5%;width: 90%;height: 60px; background-color: #fff;border: 5px solid #ddd;}
input.acquista {width: 40%;margin: 0 30% 4%;}
.footer footer span.cond {width: 40%;margin: 0 30%;}
}

@media screen and (max-width:375px) {
.container_total { float:left; height:auto; width:375px; margin:0 auto;}
.container_total span.title {font-size: 28px;line-height: 30px;}
.container_total h1 {font-size: 19px;}
span.jump {width: 50%;margin: 0 25% 4%;}
.container_total span.msg {width: 92%;padding: 2% 4%;}
.promo {margin-top: 0px;}
}

@media screen and (max-width:320px) {
.container_total { float:left; height:auto; width:320px; margin:0 auto;}
.container_total span.title {font-size: 28px;line-height: 30px;}
}