.container { overflow:hidden }
body { font-size:100%; font-family:Arial!important; background-color:#1a1a1a!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-color:#a0390d}
.header header {display:block; position:relative; margin:0 auto; width:990px; height:auto}
.header header .logo {height: auto;width: 392px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;}
.header header .logo img { max-width:100%}

.promo { width: 100%;background: url(./img/bg_total.png) repeat-x;position: relative;float: left;}
.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_runcard {float: left;width: 990px;height: 850px;background: url(http://www.tuttosport.com/promo/ediz/img/bg.jpg) no-repeat #d5d6d5;
					margin: 0 auto;padding: 0 0 20px 0;}
.container_runcard span.visual { display:none}
.container_runcard img { max-width:100%}
.container_runcard span.img { float:left;max-width:100%; margin:0 0 0 30px}
.container_runcard h1 { float:left; width:90%; margin:40px 5% 10px; text-align:left; font-size:2.7em; line-height:42px; font-weight:bold; letter-spacing:-1px}
.container_runcard h2 { float:left; width:90%; margin:0px 5% 50px; font-size:26px; line-height:38px; font-weight:normal; text-align:left}
.container_runcard h3 {font-size: 18px;line-height: 20px;font-weight: normal;text-align: center;width: 90%;margin: 500px 5% 30px;color: #fff;}
.container_runcard ul { float:left; text-align: center;width: 45%; padding:0}
.container_runcard ul h4 { font-size:22px; margin-bottom:15px; text-align:center}
.container_runcard 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_runcard ul li a:link, .container_runcard ul li a:visited, .container_runcard ul li a:hover { font-size:18px; text-align:center; font-weight:bold; color:#333333; text-decoration:none}
.container_runcard span.info { float:left; width:90%; text-align: justify; margin:10px 5% 0; font-size:12px; line-height:14px; color:#FFF}
.container_runcard span.info_bis { float:left; width:90%; text-align: justify; margin:50px 5% 0; color:#1a1a1a; font-size:14px; line-height:16px}
.container_runcard ul.link {float: left;width: auto;margin: 30px 29% 0;}
.container_runcard ul.link li { float:left; border:0px; border-radius: 0px; padding:0; margin:0 0 5px 5px;}
.container_runcard ul.link li img { max-width:100%}
.container_runcard ul.link li a.appstore, .container_runcard ul.link li a.google, .container_runcard ul.link li a.amazon { display:block;}

.container_runcard label { width:100%; text-align:center}
.container_runcard select {border-radius: 16px!important;background: #fff;cursor: pointer;width: 40%;height: 60px;margin: 600px 30% 0;color: #333;font-weight: bold;letter-spacing: -1px;text-transform: uppercase;font-size: 20px;border: 5px solid #eee;}
.container_runcard select option { }

.footer { float:left;width:100%; background-color:#1a1a1a; 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; font-weight:bold; float:none; padding:0px; margin:30px auto; width:100%;background: none; font-size:12px}
.footer footer span a:link, .footer footer span a:visited,.footer footer span a:hover{display:block; text-align:center; color:#e20d3f; font-weight:bold; float:none; padding:0px; margin:0px; width:100%;background: none; font-size:12px}
.footer footer .social {display:block; text-align:center; float:none; padding:0px; margin:20px auto; width:100%;background: none;}

@media screen and (max-width:800px) {
.header header {width: 800px; height:auto}
.header header .logo {height: auto;width: 800px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;text-align: center;}
.container_runcard { float:left; width:800px; background:none;background-image:none; height:auto; margin:0 auto 30px;background-color: #d5d5d5;}
.container_runcard h3 {margin: 0px 5% 30px;}
.container_runcard span.visual { display:block}
.container_runcard h1 {float: left;width: 80%;margin: 40px 10% 10px;text-align: center;font-size: 2.4em;font-weight: bold;letter-spacing: -1px;}
.container_runcard h2 {float: left;width: 80%;margin: 0px 10% 30px;font-size: 30px;line-height: 34px;font-weight: normal;text-align: center;}
.container_runcard span.img { float:left;max-width:100%; margin:0 18% 0}
.container_runcard ul { float:left; text-align: center;width: 80%; margin:0 10%}
.container_runcard ul li {margin: 0 10% 5px;}
.container_runcard ul.link {margin:30px 5%}
.container_runcard select {margin: 0px 30% 0;}
}

@media screen and (max-width:768px) {
.header header {width: 768px; height:auto}
.header header .logo {height: auto;width: 768px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;text-align: center;}
.container_runcard { float:left; width:768px; height:auto; margin:0 auto;}
.container_runcard h1 {float: left;width: 90%;margin: 40px 5% 10px;text-align: center;font-size: 2.4em;font-weight: bold;letter-spacing: -1px;}
.container_runcard h2 {float: left;width: 80%;margin: 0px 10% 30px;font-size: 32px;line-height: 36px;font-weight: normal;text-align: center;}
.container_runcard span.img { float:left;max-width:100%; margin:0 17% 0}
.container_runcard ul {float: left;text-align: center;width: 92%;margin: 0 4%;}
.container_runcard ul li {width: auto;margin: 0 0 5px;}
.container_runcard select {width: 90%;margin: 0px 5% 0;}
}

@media screen and (max-width: 640px) {
.header header {width: 640px; height:auto}
.header header .logo {height: auto;width: 640px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;text-align: center;}
.container_runcard { float:left; width:640px; height:auto; margin:0 auto 30px;}
.container_runcard h1 {float: left;width: 92%;margin: 20px 4% 10px;text-align: center;font-size: 1.6em;font-weight: bold;letter-spacing: -1px;line-height: 28px;}
.container_runcard h2 {float: left;width: 92%;margin: 0px 4% 20px;font-size: 20px;line-height: 22px;font-weight: normal;text-align: center;}
}

@media screen and (max-width: 600px) {
.header header {width: 600px; height:auto}
.header header .logo {height: auto;width: 600px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;text-align: center;}
.container_runcard { float:left; width:600px; height:auto; margin:0 auto 30px;}
}

@media screen and (max-width: 568px) {
.header header {width: 568px; height:auto}
.header header .logo {height: auto;width: 568px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;text-align: center;}
.container_runcard { float:left; width:568px; height:auto; margin:0 auto 30px;}
}

@media screen and (max-width:534px) {
.header header {width: 534px; height:auto}
.header header .logo {height: auto;width: 534px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;text-align: center;}
.container_runcard { float:left; width:534px; height:auto; margin:0 auto 30px;}
}

@media screen and (max-width:480px) {
.header header {width: 480px; height:auto}
.header header .logo {height: auto;width: 480px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;text-align: center;}
.container_runcard { float:left; width:480px; height:auto; margin:0 auto 30px;}
}

@media screen and (max-width:400px) {
.header header {width: 400px; height:auto}
.header header .logo {height: auto;width: 400px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;text-align: center;}
.container_runcard { float:left; width:400px; height:auto; margin:0 auto 30px;}
.container_runcard span.img { float:left;max-width:100%; margin:0 17% 0}
.container_runcard ul h4 { font-size:22px;}
.container_runcard ul { float:left; text-align: center;width: 80%; margin:0 10%}
.container_runcard ul li {width:90%; margin: 0 0 5px;}
.container_runcard ul.link {margin:30px 5%}
}

@media screen and (max-width:360px) {
.header header {width: 360px; height:auto}
.header header .logo {height: auto;width: 360px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;text-align: center;}
.container_runcard { float:left; width:360px; height:auto; margin:0 auto 30px;}
.container_runcard span.img { float:left;max-width:100%; margin:0 17% 0}
.container_runcard ul h4 { font-size:22px;}
.container_runcard ul { float:left; text-align: center;width: 80%; margin:0 10%}
.container_runcard ul li {width:90%; margin: 0 5% 5px;}
.container_runcard ul.link {margin:30px 5%; width:90%}
.container_runcard ul.link li {float: none; margin:0}
}

@media screen and (max-width:320px) {
.header header {width: 320px; height:auto}
.header header .logo {height: auto;width: 320px;text-align: center;margin: 0px auto;}
.header header .logo a {display:block;cursor:pointer;text-align: center;}
.container_runcard { float:left; width:320px; height:auto; margin: 0 auto;}
.container_runcard span.img { float:left;max-width:100%; margin:0 17% 0}
.container_runcard ul h4 { font-size:22px;}
.container_runcard ul { float:left; text-align: center;width: 92%; margin:0 4%}
.container_runcard ul li {width:100%; margin: 0 0 5px;}
.container_runcard ul.link {margin:30px 5%; width:90%}
.container_runcard ul.link li {float: none;margin: 0;}
}