.container { overflow:hidden }
body { font-size:100%; font-family:Arial!important;}
a#scroll-top {background: url(http://www.corrieredellosport.it/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: #ffffff;background: #ffffff; background: #333333; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #333333 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #333333 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #333333 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #333333 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #333333 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-8 */}
.header header {display:block; position:relative; margin:0 auto; width:990px; height:215px}
.header header .logo {height: 215px;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(http://www.corrieredellosport.it/res/v14/img/bg_total_landing.png) center top no-repeat; 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:999px; height:auto; background-color:#FFF; margin:0 auto 30px; padding:0}
.container_runcard span.img { float:left;max-width:100%; margin:0 0 0 30px}
.container_runcard h1 { float:left; width:80%; margin:40px 10% 10px; text-align:center; font-size:2.7em; line-height:42px; font-weight:bold; letter-spacing:-1px}
.container_runcard h2 { float:left; width:80%; margin:0px 10% 50px; font-size:34px; line-height:38px; font-weight:normal; text-align:center}
.container_runcard h3 { float:left; font-size: 26px;line-height: 28px;font-weight: normal;text-align: center;width: 45%; margin-bottom:20px}
.container_runcard ul { float:left; text-align: center;width: 45%;}
.container_runcard ul h4 { font-size:22px; margin-bottom:15px; text-align:center}
.container_runcard ul li {background-color: #eee; border:1px solid #ddd;border-radius: 5px; width:399px;padding: 10px 0;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:22px; text-align:center; font-weight:bold; color:#843F22; text-decoration:none}
.container_runcard span.info { float:left; width:96%; text-align:left; margin:30px 4% 0; font-size:14px; line-height:18px}
.container_runcard span.info_bis { float:left; width:96%; text-align:left; margin:30px 4% 0; font-size:14px; line-height:18px}
.container_runcard ul.link { float: left;text-align: center;width: 96%;margin: 30px 0 0 4%;}
.container_runcard ul.link li { float:left; background-color:#ffffff; border:0px; border-radius: 0px; width:100px; padding:0; margin:0 0 5px 5px; text-indent:-9000px}
.container_runcard ul.link li a.appstore { display:block; width:100px; height:43px;background:url(http://www.tuttosport.com/assets/img/appstore.png) no-repeat;}
.container_runcard ul.link li a.google {display:block; width:100px; height:43px;background:url(http://www.tuttosport.com/assets/img/google.png) no-repeat;}
.container_runcard ul.link li a.amazon {display:block; width:100px;height:43px;background:url(http://www.tuttosport.com/assets/img/amazon.png) no-repeat;}
.container_runcard ul.link li a.windows {display:block; width:100px;height:43px;background:url(http://www.tuttosport.com/assets/img/windows.png) no-repeat;}

.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:#843F22; 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; height:auto; background:url(/res/v14/img/bg_total_gfr.png) no-repeat; margin:0 auto 30px; padding:0}
.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 h3 {float: left;font-size: 30px;line-height: 36px;font-weight: normal;text-align: center;width: 80%;margin: 30px 10%;}
.container_runcard ul { float:left; text-align: center;width: 80%; margin:0 10%}
.container_runcard ul li {width:80%; margin: 0 10% 5px;}
.container_runcard ul.link {margin:30px 0 0 24%}
}

@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; background-color:#FFF; margin:0 auto 30px; padding:0}
.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 h3 {float: left;font-size: 26px;line-height: 32px;font-weight: normal;text-align: center;width: 80%;margin: 30px 10%;}
.container_runcard ul { float:left; text-align: center;width: 80%; margin:0 10%}
.container_runcard ul li {width:80%; margin: 0 10% 5px;}
.container_runcard ul.link {margin:30px 0 0 16%}
}

@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; background-color:#FFF; margin:0 auto 30px; padding:0}
.container_runcard h1 {float: left;width: 90%;margin: 40px 5% 10px;text-align: center;font-size: 2.2em;font-weight: bold;letter-spacing: -1px;line-height: 36px;}
.container_runcard h2 {float: left;width: 80%;margin: 0px 10% 30px;font-size: 26px;line-height: 30px;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; background-color:#FFF; margin:0 auto 30px; padding:0}
}

@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; background-color:#FFF; margin:0 auto 30px; padding:0}
}

@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; background-color:#FFF; margin:0 auto 30px; padding:0}
}

@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; background-color:#FFF; margin:0 auto 30px; padding:0}
}

@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; background-color:#FFF; margin:0 auto 30px; padding:0}
.container_runcard h1 { float:left; width:90%; margin:30px 5% 10px; text-align:center; font-size:1.3em; line-height:26px; font-weight:bold; letter-spacing:-1px}
.container_runcard h2 {float: left;width: 80%;margin: 0px 10% 30px;font-size: 1.2em;line-height: 24px;font-weight: normal;text-align: center;}
.container_runcard span.img { float:left;max-width:100%; margin:0 17% 0}
.container_runcard h3 {float: left;font-size: 1.2em;line-height: 32px;font-weight: normal;text-align: center;width: 80%;margin: 30px 10%;}
.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 0 0 33%}
}

@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; background-color:#FFF; margin:0 auto 30px; padding:0}
.container_runcard h1 { float:left; width:90%; margin:30px 5% 10px; text-align:center; font-size:1.3em; line-height:26px; font-weight:bold; letter-spacing:-1px}
.container_runcard h2 {float: left;width: 80%;margin: 0px 10% 30px;font-size: 1.2em;line-height: 24px;font-weight: normal;text-align: center;}
.container_runcard span.img { float:left;max-width:100%; margin:0 17% 0}
.container_runcard h3 {float: left;font-size: 1.2em;line-height: 32px;font-weight: normal;text-align: center;width: 80%;margin: 30px 10%;}
.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 0 0 27%}
}

@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; background-color:#FFF; margin:0 auto 30px; padding:0}
.container_runcard h1 { float:left; width:90%; margin:30px 5% 10px; text-align:center; font-size:1.3em; line-height:26px; font-weight:bold; letter-spacing:-1px}
.container_runcard h2 {float: left;width: 80%;margin: 0px 10% 30px;font-size: 1.2em;line-height: 24px;font-weight: normal;text-align: center;}
.container_runcard span.img { float:left;max-width:100%; margin:0 17% 0}
.container_runcard h3 {float: left;font-size: 1.2em;line-height: 30px;font-weight: normal;text-align: center;width: 80%;margin: 30px 10%;}
.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 0 0 27%}
}