.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-color:#eeeeee;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; padding: 0 0 20px 0;}
.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 {float: left;font-size: 22px;line-height: 28px;font-weight: normal;text-align: left;width: 41%;margin: 50px 0 30px 25px;}
.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;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:92%; text-align: justify; margin:10px 4% 0; font-size:12px; line-height:18px}
.container_runcard span.info_bis { float:left; width:92%; text-align: justify; margin:20px 4% 0; font-size:12px; line-height:18px}
.container_runcard ul.link {float: left;width: 96%;margin: 40px 0 0 4%;}
.container_runcard ul.link li { float:left; background-color:#ffffff; 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 {position:relative}
.container_runcard select {padding: 0px 10px;margin: 0;border-radius: 4px;background: #f1f1f1;color: #333333;border: none;outline: none;display: inline-block;cursor: pointer;width: 40%;font-size: 24px;font-weight: normal;height: 60px;margin: 0 0 0 25px;border: 1px solid #ddd;}

.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; height:auto; background-color:#FFF;  margin:0 auto 30px;}
.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 {margin: 0 10% 5px;}
.container_runcard ul.link {margin:30px 5%}
.container_runcard select {width: 80%;margin: 0 10%;}
}

@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;}
.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: 92%;margin: 0 4%;}
.container_runcard ul li {width: auto;margin: 0 0 5px;}
}

@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;}
.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;}
.container_runcard h3 {float: left;font-size: 16px;line-height: 20px;font-weight: normal;text-align: center;width: 92%;margin: 20px 4% 20px;}
}

@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;}
}

@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;}
}

@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;}
}

@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;}
}

@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;}
.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; background-color:#FFF; 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}
.container_runcard select {width: 80%;margin: 0 10%}
}

@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;}
.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;}
.container_runcard select {width: 80%;margin: 0 10%}
}