@CHARSET "ISO-8859-1";

.container { overflow:hidden }
body { font-size:100%; font-family:Arial!important;}
a#scroll-top {background: url(/assets/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; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */}
.header header {display:block; position:relative; margin:0 auto; width:990px; height:109px;}
.header header .logo {background: url(/assets/img/logo_ts_ediz_dig.png) no-repeat; float:left; height: 109px; width:580px; text-align:center; margin:0 auto}
.header header .logo a {display:block;height: 109px; width:580px; cursor:pointer; text-indent:-9000px}
.header header .leggi { position:absolute; right:10px; top:0; background: url(/assets/img/leggi_giornale.png) no-repeat; height: 109px; width:290px; text-align:center; margin:0 auto}
.header header .leggi a {display:block;height: 109px; width:290px; cursor:pointer; text-indent:-9000px}

.menu { width:100%;  background-color:#1a1a1a;background: url(http://www.corrieredellosport.it/res/v14/img/bg_menu_ediz_digital.png) repeat-x; height:60px; border-bottom:1px solid #333; border-top:1px solid #333;}
.nav { display:block; margin:0 auto; width:990px;font-family:Arial;}
.menu .nav ul {float: left;width: 100%;line-height: 45px;margin-top: 0.4em;margin-left: 1%;}
.menu .nav ul li {float: left;font-size:1.2em;font-weight: bold;color: #FFF;margin-right: 1%;width: auto;}
.menu .nav ul li.last { margin-right:0px}
.menu .nav ul li a:link, .menu .nav ul li a:visited  {text-decoration: none;color: #ffffff;background-color: #9c3e22;padding: 5px 6px;border-radius: 5px;width: 100%;text-align: center;}
.menu .nav ul li a:hover  { color:#FFF!important;text-decoration:none}

.service { float:left; width:100%; background-color: #123e7d; height:auto; border-top:1px solid #ffffff;}
.service article { display:block; margin:0 auto; width:990px; float:none; padding:0; background-color:transparent;   font-family:Arial;} 
.service article ul {float: left;width: 990px;margin: 0;padding: 0;}
.service article ul.slide_uno { float:left; margin-top:80px}
.service article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.2em; font-weight:bold; line-height:1em}
.service article ul.slide_uno li img { float:left; margin:0 20px 0 0}

.service_experience { float:left; width:100%; background-color:#9c3e22; height:auto; border-top:1px solid #ffffff;}
.service_experience article { display:block; margin:0 auto; width:990px; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_experience article ul {float: left;width: 100%;margin: 0;padding: 0;}
.service_experience article ul.slide_uno { float:left; margin-top:80px}
.service_experience article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.4em; font-weight:bold; line-height:1em}
.service_experience article ul.slide_uno li img { float:left; margin:0 20px 0 0}

.service_abbonarsi { float:left; width:100%; background: url(/assets/img/bg_service_abbonarsi.png) repeat-x; height:auto; border-top:1px solid #ffffff;}
.service_abbonarsi article { display:block; margin:0 auto; width:990px; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_abbonarsi article ul {float: left;width: 100%;margin: 0;padding: 0;}
.service_abbonarsi article ul li {float: left; width:50%}
.service_abbonarsi article ul.slide_uno { float:left; margin-top:80px}
.service_abbonarsi article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.4em; font-weight:bold; line-height:1em}
.service_abbonarsi article ul.slide_uno li img { float:left; margin:0 20px 0 0;}

.service_abbonarsi_video { float:left; width:100%; background-color: #1a1a1a; height:auto;border-top:1px solid #ffffff; padding:20px 0}
.service_abbonarsi_video article { display:block; margin:0 auto; width:990px; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_abbonarsi_video article h1 {width: 100%;text-align: center;margin: 1em 0 20px;color: #ffffff;font-size: 2em;}
.service_abbonarsi_video article .container_video { margin:0 100px; background-color:#000; padding:50px 0}

.service article ul.slide_due { float:left; margin-top:0px}
.service article ul.slide_due li { float:none; width:100%; margin:0 0 0 0;}
.service article ul.slide_due li img { float:none; width:100%}

.service article ul li {float: left;width: 320px;margin-right: 15px;margin-top:30px;}
.service article ul li.last { margin-right:0px}
.service article ul li a:link, .service article ul li a:visited { display: block;text-align: center;padding: 30px 0;border-radius: 10px;text-transform:uppercase; font-weight: bold;color: #fff!important; background-color:#4d867c; font-size: 1.4em; font-style:italic}
.service article ul li a:hover { color: #fff!important;}

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

.abbonamenti {  float:left;width:100%; background-color:#eee; height:auto;   font-family:Arial; border-top:1px solid #ffffff }
.abbonamenti h1 {width: 100%;background: url(/assets/img/ediz_dig.png) no-repeat center top #9c3e22;text-align: center;font-weight: bold;font-size: 34px;letter-spacing: -1px;color: #fff;font-style: italic;padding: 60px 0 10px 0;}
.abbonamenti span.up { position:absolute; top:20px; right:20px; width:61px; height:61px; background: url(/assets/img/bott_up.png) no-repeat;}
.abbonamenti span.up a { display:block; cursor:pointer; width:61px; height:61px;}
.edicola_web h1 {background: url(/assets/img/leggi_giornale_little.png) no-repeat center top #123e7d !important;padding: 95px 0 10px 0 !important;}
.abbonamenti article { display:block; float:none; padding:0px; margin:0 auto; width:990px;background: none;}
.abbonamenti article ul { width:100%; margin:0; padding:0}
.abbonamenti article ul li span.time {font-size: 1.4em;width: 80%;float: left;line-height: 60px;text-align: center;letter-spacing: -1.8px;margin: 0 10%;}
.abbonamenti article ul li span.price {background: #9c3e22;line-height: 50px;padding: 0;border-radius: 10px;font-size: 1em;color: #fff;width: 20%;text-align: center; float:left; margin:0 40% 3% 40%}
.abbonamenti article ul li span.sub {font-size: 0.6em;width: 100%; float:left; line-height:auto; text-align:center}
.abbonamenti article ul li span.note {font-size: 0.4em;width: 90%;float: left;text-align: center; line-height:1.4em; font-weight: normal;margin: 1% 5% 1% 5%;}
.edicola_web article ul li span.price {background: #123e7d !important;}
.abbonamenti article ul li.list {width: 100%;background-color: #ffffff;text-align: center;font-weight: bold;height: auto;font-size: 2em;color: #1a1a1a;font-style: normal;float: left;padding: 20px 0;border: 1px solid #fff;}
.abbonamenti article ul li.top { background-color:#333333!important; color:#FFF!important; height:auto!important}
.abbonamenti article ul li.list_sub {width: 100%;background-color: #ccc;text-align: center;font-weight: bold;height: auto;font-size: 1.4em;color: #1a1a1a;font-style: normal;float: left;padding: 20px 0;}
.abbonamenti article ul li.list_sub ul.edizioni { position:relative; background-color: #cccccc;float: left;width: 84%;padding: 10px 0;height: auto;line-height: 70px;margin-left: 8%;margin-right: 8%;}
.abbonamenti article ul li.list_sub ul.edizioni h2{font-size: 16px;margin: 0;padding: 0;float: left;width: 100%;position: absolute;top: 0;text-align: center; color:#9c3e22; font-weight:bold}
.abbonamenti article ul li.list_sub ul.edizioni li { float:left; width:auto; margin:1%; line-height:40px; }
.edicola_web article ul li.list_sub ul.edizioni li a:link, .edicola_web article ul li.list_sub ul.edizioni li a:visited {padding: 5px 45px;}

.abbonamenti article ul li.list_sub ul.edizioni li a:link, .abbonamenti article ul li.list_sub ul.edizioni li a:visited {background-color: #ffffff;border-radius: 10px;padding: 5px 45px;color: #333333;border: 1px solid #bbbbbb;width: auto;display: block;text-align: center;}
.abbonamenti article ul li.list_sub_top {width: 100%; background-color: #cccccc;text-align: center;font-weight: bold;height: auto;line-height: 90px;font-size: 1.4em;color: #1a1a1a;font-style: normal;
									 border-top:1px solid #ffffff; float:left}
.abbonamenti article ul li.list_sub_top h2 {float: left;width: 100%;text-align: center;font-size: 1em;height: auto;line-height: 1em;margin: 2% 0 0 0;color: #9c3e22;}
.abbonamenti article ul li.list_sub_top ul.edizioni { position:relative; background-color: #ccc;float: left;width: 84%;padding: 10px 0;height: 70px;line-height: 70px;margin-left: 8%;margin-right: 8%;}
.abbonamenti article ul li.list_sub_top ul.edizioni h2{font-size: 16px;margin: 0;padding: 0;float: left;width: 100%;position: absolute;top: 0;text-align: center; color:#9c3e22; font-weight:bold}
.abbonamenti article ul li.list_sub_top ul.edizioni li { float:left; width:auto; margin:1% 1% 0 1%; line-height:40px; }
.abbonamenti article ul li.list_sub_top ul.edizioni li a:link, .abbonamenti article ul li.list_sub_top ul.edizioni li a:visited {background-color: #ffffff;border-radius: 10px;padding: 5px 45px;color: #333333;
																														 border: 1px solid #bbbbbb;width: auto;display: block;text-align: center;}
																														 
.abbonamenti article ul li.list_sub ul.edizioni li a:hover { text-decoration:underline; color:#333!important}
.abbonamenti article ul li.list_sub ul.edizioni li a:hover { text-decoration:underline}

.abbonamenti article ul li.list_sub_top ul.edizioni li a:hover { text-decoration:underline; color:#333!important}
.abbonamenti article ul li.list_sub_top ul.edizioni li a:hover { text-decoration:underline}

.abbonamenti article ul li.even {background-color: #fef2e8;}

.abbonamenti article ul li label {position:relative}
.abbonamenti article ul li select {padding: 0px 10px;margin: 0;border-radius: 4px;background: #f1f1f1;color: #333333;border: none;outline: none;display: inline-block;cursor: pointer;width: 50%;font-size: 24px;font-weight: normal;height: 60px;margin: 0 25%;border: 1px solid #ffffff;}

.footer { float:left;width:100%; background-color:#1a1a1a; height:160px;}
.footer footer {display:block; float:none; padding:0px; margin:0 auto; width:990px;background: none;}
.footer footer span {display:block; text-align:center; color:#fff; font-weight:bold; float:none; padding:0px; margin:30px auto; width:990px;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:#9c3e22; font-weight:bold; float:none; padding:0px; margin:0px; width:990px;background: none; font-size:12px}
.footer footer .social {display:block; text-align:center; float:none; padding:0px; margin:20px auto; width:990px;background: none;}



@media screen and (max-width:800px) {

.container { overflow:hidden }
.header header {display:block; position:relative; margin:0 auto; width:100%; height:131px;}
.header header .logo {display:block; float:none; background: url(/assets/img/logo_ts_ediz_dig_262.png) no-repeat; height: 138px; width:262px; text-align:center; margin:0 auto}
.header header .logo a {display:block;height: 138px; width:262px; cursor:pointer; text-indent:-9000px}
.service { float:left; width:100%; height:auto;   font-family:Arial }
.service article { display:block; margin:0 auto; width:100%; float:none; padding:0; background-color:transparent}
.service article ul {float: left;width: 94%;margin:0 3%;padding: 0;}
.service article ul.slide_uno { float:left; margin-top:30px}
.service article ul.slide_uno li { float:left; width:100%; margin:0 0 50px 0; color:#ffffff; font-size:1.6em; font-weight:bold; line-height:1.2em}
.service article ul.slide_uno li img { float:left; margin:0 20px 0 0}
.service article ul li {float: left;width: 30%;margin-right: 2%;margin-top: 3%;}
.service article ul li.last { margin-right:0px}
.service article ul li a:link, .service article ul li a:visited { display: block;text-align: center;padding: 30px 0;border-radius: 10px;font-weight: bold;color: #fff!important; background-color:#4d867c; font-size: 1em; line-height:1em}
.service article ul li a:hover { color: #fff!important;}

.service_experience { float:left; width:100%; height:auto;}
.service_experience article { display:block; margin:0 auto; width:100%; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_experience article ul {float: left;width:  100%;margin: 0;padding: 0;}
.service_experience article ul.slide_uno { float:left; margin-top:80px}
.service_experience article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.4em; font-weight:bold; line-height:1em}
.service_experience article ul.slide_uno li img { float:left; margin:0 20px 0 0; max-width:100%}
.service_experience article ul li img { max-width:100%}

.service_abbonarsi { /*float:left; width:100%; height:auto;*/ display:none;}
.service_abbonarsi article { display:block; margin:0 auto; width:100%; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_abbonarsi article ul {float: left;width:  100%;margin: 0;padding: 0;}
.service_abbonarsi article ul.slide_uno { float:left; margin-top:80px}
.service_abbonarsi article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.4em; font-weight:bold; line-height:1em}
.service_abbonarsi article ul.slide_uno li img { float:left; margin:0 20px 0 0;}
.service_abbonarsi article img {max-width:100%}

.service_abbonarsi_video article {width:800px;}
.service_abbonarsi_video article .container_video { margin:0 100px; background-color:#000; padding:50px 0}

.abbonamenti { float:left; width:100%; position:relative; background-color:#dddddd; height:auto;   font-family:Arial }
.abbonamenti h1 {font-size: 46px;}
.abbonamenti article { display:block; float:none; padding:0px; margin:0 auto; width:100%;background: none;}
.abbonamenti article ul { width:100%; margin:0; padding:0}
.abbonamenti article ul.slide_uno {}
.abbonamenti article ul.slide_uno li {}
.abbonamenti article ul li span.time {font-size: 1em;width: 100%; float:left; line-height:60px; text-align:center}
.abbonamenti article ul li span.price {background: #9c3e22;line-height: 45px;padding: 0;border-radius: 10px;font-size: 1em;color: #fff;width: 30%;text-align: center; float:left; margin:0 35% 3% 35%}
.abbonamenti article ul li span.sub {font-size: 0.6em;width: 100%; float:left; line-height:40px; text-align:center}
.abbonamenti article ul li span.scegli a {}
.abbonamenti article ul li.list {width: 100%;  background-color: #fff;text-align: center;font-weight: bold;height: auto;line-height: 90px;font-size: 2em;color: #1a1a1a;font-style: normal; float:left}
.abbonamenti article ul li.list_sub {width: 100%; float:left; background-color: #eeeeee;text-align: center;font-weight: bold;height: auto;font-size: 1.4em;color: #1a1a1a;font-style: normal;}
.abbonamenti article ul li.even {background-color: #fef2e8;}
.abbonamenti article ul li.list_sub ul.edizioni {background-color: #eeeeee;float: left;width: 100%;padding: 10px 0 20px 0;height: auto;margin-left: 0%;margin-right: 0%;}
.abbonamenti article ul li.list_sub ul.edizioni li { width:80%; margin:1% 10% 0 10%; line-height:40px; }
.abbonamenti article ul li.list_sub ul.edizioni li a:link, .abbonamenti article ul li.list_sub ul.edizioni li a:visited {background-color: #dddddd;border-radius: 10px;padding: 5px 15px;color: #333333;border: 1px solid #cccccc;width: auto;display: block;text-align: center;}
.abbonamenti article ul li.list_sub ul.edizioni li a:hover { text-decoration:underline; color:#333333!important}

.abbonamenti article ul li.list_sub_top {width: 100%; background-color: #cccccc;text-align: center;font-weight: bold;height: auto;font-size: 1.4em;color: #1a1a1a;font-style: normal;
									 border-top:1px solid #ffffff; float:left}
.abbonamenti article ul li.list_sub_top h2 {float: left;width: 100%;text-align: center;font-size: 1em;height: auto;line-height: 1em;margin: 2% 0 0 0;color: #9c3e22;}
.abbonamenti article ul li.list_sub_top ul.edizioni { position:relative; background-color: #ccc;float: left;width: 90%;padding: 10px 0;height: auto;margin-left: 5%;margin-right: 5%;}
.abbonamenti article ul li.list_sub_top ul.edizioni h2{font-size: 16px;margin: 0;padding: 0;float: left;width: 100%;position: absolute;top: 0;text-align: center; color:#9c3e22; font-weight:bold}
.abbonamenti article ul li.list_sub_top ul.edizioni li { float:none; width:80%; margin:1% 10% 0 10%; }
.abbonamenti article ul li.list_sub_top ul.edizioni li a:link, .abbonamenti article ul li.list_sub_top ul.edizioni li a:visited {background-color: #ffffff;border-radius: 10px;padding: 5px 17px;color: #333333;
																														 border: 1px solid #bbbbbb;width: auto;display: block;text-align: center;}

.promo { width:100%; position:relative; background-color:#ffffff;  height:auto;}
.promo article { display:block; float:left; padding:0px; margin:0 auto; width:100%}
.promo article a {width:100%; max-height:555px; display:block}
.promo article img { max-width:100%}

.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}
.edicola_web { display:none;}
}


@media screen and (max-width:768px) {

.container { overflow:hidden }
.header header {display:block; position:relative; margin:0 auto; width:100%; height:131px;}
.header header .logo {display:block; float:none; background: url(/assets/img/logo_ts_ediz_dig_262.png) no-repeat; height: 138px; width:262px; text-align:center; margin:0 auto}
.header header .logo a {display:block;height: 138px; width:262px; cursor:pointer; text-indent:-9000px}
.header header .leggi { display:none}

.service { float:left; width:100%; height:auto; font-family:Arial }
.service article { display:block; margin:0 auto; width:100%; float:none; padding:0; background-color:transparent}
.service article ul {float: left;width: 94%;margin:0 3%;padding: 0;}
.service article ul.slide_uno { float:left; margin-top:30px}
.service article ul.slide_uno li { float:left; width:100%; margin:0 0 50px 0; color:#ffffff; font-size:1.6em; font-weight:bold; line-height:1.2em}
.service article ul.slide_uno li img { float:left; margin:0 20px 0 0}
.service article ul li {float: left;width: 30%;margin-right: 2%;margin-top: 3%;}
.service article ul li.last { margin-right:0px}
.service article ul li a:link, .service article ul li a:visited { display: block;text-align: center;padding: 30px 0;border-radius: 10px;font-weight: bold;color: #fff!important; background-color:#4d867c; font-size: 1em; line-height:1em}
.service article ul li a:hover { color: #fff!important;}

.service_experience { float:left; width:100%; height:auto;}
.service_experience article { display:block; margin:0 auto; width:100%; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_experience article ul {float: left;width:  100%;margin: 0;padding: 0;}
.service_experience article ul.slide_uno { float:left; margin-top:80px}
.service_experience article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.4em; font-weight:bold; line-height:1em}
.service_experience article ul.slide_uno li img { float:left; margin:0 20px 0 0; max-width:100%}
.service_experience article ul li img { max-width:100%}

.service_abbonarsi { /*float:left; width:100%; height:auto;*/ display:none;}
.service_abbonarsi article { display:block; margin:0 auto; width:100%; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_abbonarsi article ul {float: left;width:  100%;margin: 0;padding: 0;}
.service_abbonarsi article ul.slide_uno { float:left; margin-top:80px}
.service_abbonarsi article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.4em; font-weight:bold; line-height:1em}
.service_abbonarsi article ul.slide_uno li img { float:left; margin:0 20px 0 0;}
.service_abbonarsi article img {max-width:100%}

.service_abbonarsi_video article {width:768px;}
.service_abbonarsi_video article .container_video { margin:0; background-color:#000; padding:20px 0}

.abbonamenti { float:left; width:100%; position:relative; background-color:#dddddd; height:auto;   font-family:Arial }
.abbonamenti h1 {font-size: 46px;}
.abbonamenti article { display:block; float:none; padding:0px; margin:0 auto; width:100%;background: none;}
.abbonamenti article ul { width:100%; margin:0; padding:0}
.abbonamenti article ul.slide_uno {}
.abbonamenti article ul.slide_uno li {}
.abbonamenti article ul li span.time {font-size: 1em;width: 100%; float:left; line-height:60px; text-align:center}
.abbonamenti article ul li span.price {background: #9c3e22;line-height: 45px;padding: 0;border-radius: 10px;font-size: 1em;color: #fff;width: 30%;text-align: center; float:left; margin:0 35% 3% 35%}
.abbonamenti article ul li span.sub {font-size: 0.6em;width: 100%; float:left; line-height:40px; text-align:center}
.abbonamenti article ul li span.scegli a {}
.abbonamenti article ul li.list {width: 100%;  background-color: #fff;text-align: center;font-weight: bold;height: auto;line-height: 90px;font-size: 2em;color: #1a1a1a;font-style: normal; float:left}
.abbonamenti article ul li.list_sub {width: 100%; float:left; background-color: #eeeeee;text-align: center;font-weight: bold;height: auto;font-size: 1.4em;color: #1a1a1a;font-style: normal;}
.abbonamenti article ul li.even {background-color: #fef2e8;}
.abbonamenti article ul li.list_sub ul.edizioni {background-color: #eeeeee;float: left;width: 100%;padding: 10px 0 20px 0;height: auto;margin-left: 0%;margin-right: 0%;}
.abbonamenti article ul li.list_sub ul.edizioni li { width:80%; margin:1% 10% 0 10%; line-height:40px; }
.abbonamenti article ul li.list_sub ul.edizioni li a:link, .abbonamenti article ul li.list_sub ul.edizioni li a:visited {background-color: #dddddd;border-radius: 10px;padding: 5px 15px;color: #333333;border: 1px solid #cccccc;width: auto;display: block;text-align: center;}
.abbonamenti article ul li.list_sub ul.edizioni li a:hover { text-decoration:underline; color:#333333!important}

.abbonamenti article ul li.list_sub_top {width: 100%; background-color: #cccccc;text-align: center;font-weight: bold;height: auto;font-size: 1.4em;color: #1a1a1a;font-style: normal;
									 border-top:1px solid #ffffff; float:left}
.abbonamenti article ul li.list_sub_top h2 {float: left;width: 100%;text-align: center;font-size: 1em;height: auto;line-height: 1em;margin: 2% 0 0 0;color: #9c3e22;}
.abbonamenti article ul li.list_sub_top ul.edizioni { position:relative; background-color: #ccc;float: left;width: 90%;padding: 10px 0;height: auto;margin-left: 5%;margin-right: 5%;}
.abbonamenti article ul li.list_sub_top ul.edizioni h2{font-size: 16px;margin: 0;padding: 0;float: left;width: 100%;position: absolute;top: 0;text-align: center; color:#9c3e22; font-weight:bold}
.abbonamenti article ul li.list_sub_top ul.edizioni li { float:none; width:80%; margin:1% 10% 0 10%; }
.abbonamenti article ul li.list_sub_top ul.edizioni li a:link, .abbonamenti article ul li.list_sub_top ul.edizioni li a:visited {background-color: #ffffff;border-radius: 10px;padding: 5px 17px;color: #333333;
																														 border: 1px solid #bbbbbb;width: auto;display: block;text-align: center;}

.promo { width:100%; position:relative; background-color:#ffffff;  height:auto;}
.promo article { display:block; float:left; padding:0px; margin:0 auto; width:100%}
.promo article a {width:100%; max-height:532px; display:block}
.promo article img { max-width:100%}

.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}


}


@media screen and (max-width: 600px) {
.promo article a { width: 100%;max-height: 414px;display: block;}
.abbonamenti article ul li label {position:relative}
.abbonamenti article ul li select {padding: 0px 10px;margin: 0;border-radius: 4px;background: #f1f1f1;color: #333333;border: none;outline: none;display: inline-block;cursor: pointer;width: 80%;font-size: 24px;font-weight: normal;height: 60px;margin: 0 10%;border: 1px solid #ffffff;}
.service_abbonarsi_video article {width:600px;}
.service_abbonarsi_video article .container_video { margin:0; background-color:#000; padding:25px 0}
}


@media screen and (max-width: 568px) {
.abbonamenti article ul li span.price {line-height: 60px;padding: 0;border-radius: 10px;font-size: 1.4em;color: #e20d3f;width: 100%;
									   text-align: center;float: left;margin: 0;letter-spacing: -1.8px;}
.service_abbonarsi_video article {width:568px;}
.service_abbonarsi_video article .container_video { margin:0; background-color:#000; padding:30px 0}
}


@media screen and (max-width:480px) {

.container { overflow:hidden }
.header header {display:block; position:relative; margin:0 auto; width:100%; height:auto}
.header header .logo {display:block; float:none; background: url(/assets/img/logo_ts_ediz_dig_262.png) no-repeat; height: 138px; width:262px; text-align:center; margin:0 auto}
.header header .logo a {display:block;height: 138px; width:262px; cursor:pointer; text-indent:-9000px}
.header header .leggi { display:none}

a#scroll-top {background: url(/assets/img/ed_dig_little.png) no-repeat; top: 10px;display: none;height: 30px; width:30px; line-height: 42px;position: fixed;right: 10px;transition: all 0.25s ease-in-out 0s;}

.abbonamenti { float:left; width:100%; background-color:#dddddd; height:auto;   font-family:Arial }
.abbonamenti h1 {font-size: 1.8em;}
.abbonamenti article { display:block; float:none; padding:0px; margin:0 auto; width:100%;background: none;}
.abbonamenti article ul { width:100%; margin:0; padding:0}
.abbonamenti article ul li span.time {font-size: 0.8em;width: 100%; float:left; line-height:60px; text-align:center}
.abbonamenti article ul li span.price {background: #9c3e22;line-height: 45px;padding: 0;border-radius: 10px;font-size: 0.8em;color: #fff;width: 70%;text-align: center; float:left; margin:0 15% 3% 15%}
.abbonamenti article ul li span.scegli a {}
.abbonamenti article ul li.list { float:left;width: 100%;  background-color: #ffffff;text-align: center;font-weight: bold;height: auto;line-height: 90px;color: #1a1a1a;font-style: normal;}
.abbonamenti article ul li.list_sub ul.edizioni {background-color: #eeeeee;float: left;width: 90%;padding: 10px 0 20px 0;height: auto;line-height: 70px;margin-left: 5%;margin-right: 5%;}
.abbonamenti article ul li.list_sub { float:left;width: 100%;  background-color: #eeeeee;text-align: center;font-weight: bold;height: auto;line-height: 90px;font-size: 1.7em;color: #1a1a1a;font-style: normal;}
.abbonamenti article ul li.even {background-color: #fef2e8;}
.abbonamenti article ul li.list_sub ul.edizioni li {width: 90%;margin: 0 5% 2% 5%;}
.abbonamenti article ul li.list_sub ul.edizioni li a:link, .abbonamenti article ul li.list_sub ul.edizioni li a:visited {background-color: #dddddd;border-radius: 10px;padding: 5px 10px;color: #333333;border: 1px solid #cccccc;width: 90%;display: block;text-align: center;}
.abbonamenti article ul li.list_sub ul.edizioni li a:hover { text-decoration:underline; color:#333333!important}

.abbonamenti article ul li.list_sub_top {width: 100%; background-color: #cccccc;text-align: center;font-weight: bold;height: auto;line-height: 90px;font-size: 1.7em;color: #1a1a1a;font-style: normal;
									 border-top:1px solid #ffffff; float:left}
.abbonamenti article ul li.list_sub_top h2 {float: left;width: 90%;text-align: center;font-size: 0.8em;height: auto;line-height: 1em;margin: 5%;color: #9c3e22;}
.abbonamenti article ul li.list_sub_top ul.edizioni { position:relative; background-color: #ccc;float: left;width: 90%;padding: 10px 0;height: auto;line-height: 70px;margin-left: 5%;margin-right: 5%;}
.abbonamenti article ul li.list_sub_top ul.edizioni h2{font-size: 16px;margin: 0;padding: 0;float: left;width: 100%;position: absolute;top: 0;text-align: center; color:#9c3e22; font-weight:bold}
.abbonamenti article ul li.list_sub_top ul.edizioni li { float:left; width:90%; margin:0 5% 2% 5%;}
.abbonamenti article ul li.list_sub_top ul.edizioni li a:link, .abbonamenti article ul li.list_sub_top ul.edizioni li a:visited {background-color: #ffffff;border-radius: 10px;padding: 5px 17px;color: #333333;
																														 border: 1px solid #bbbbbb;width: auto;display: block;text-align: center;}
.abbonamenti article ul li span.sub {font-size: 0.6em;width: 100%; float:left; line-height:40px; text-align:center}
.abbonamenti article ul li span.note {font-size: 0.4em;width: 90%;float: left;text-align: center; line-height:1.4em; font-weight: normal;margin: 1% 5% 5% 5%;}

.service { float:left; width:100%;height:auto;   }
.service article { display:block; margin:0 auto; width:100%; float:none; padding:0}
.service article ul {float: left;width: 90%;margin:5%;padding: 0;}
.service article ul.slide_uno { float:left; margin-top:30px}
.service article ul.slide_uno li { float:none; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:1.2em; font-weight:bold; line-height:1em}
.service article ul.slide_uno li img { float:left; margin:0 20px 0 0}
.service article ul li {float: none;width: 100%;margin-right: 0%;margin: 5% 0 0 0;}
.service article ul li.last { margin-right:0px}
.service article ul li a:link, .service article ul li a:visited { display: block;text-align: center;padding: 15px 0;border-radius: 10px;font-weight: bold;color: #fff!important; background-color:#4d867c; font-size: 1.8em;}
.service article ul li a:hover { color: #fff!important;}

.service_experience { float:left; width:100%; height:auto;}
.service_experience article { display:block; margin:0 auto; width:100%; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_experience article ul {float: left;width:  100%;margin: 0;padding: 0;}
.service_experience article ul.slide_uno { float:left; margin-top:80px}
.service_experience article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.4em; font-weight:bold; line-height:1em}
.service_experience article ul.slide_uno li img { float:left; margin:0 20px 0 0; max-width:100%}
.service_experience article ul li img { max-width:100%}

.service_abbonarsi { /*float:left; width:100%; height:auto;*/ display:none}
.service_abbonarsi article { display:block; margin:0 auto; width:100%; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_abbonarsi article ul {float: left;width:  100%;margin: 0;padding: 0;}
.service_abbonarsi article ul li {float: none; width:100%}
.service_abbonarsi article ul.slide_uno { float:left; margin-top:80px}
.service_abbonarsi article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.4em; font-weight:bold; line-height:1em}
.service_abbonarsi article ul.slide_uno li img { float:left; margin:0 20px 0 0;}
.service_abbonarsi article img {max-width:100%}

.service_abbonarsi_video article {width:480px;}
.service_abbonarsi_video article .container_video { margin:0; background-color:#000; padding:35px 0}

.promo { width:100%; position:relative; background-color:#ffffff;height:auto;}
.promo article { display:block; float:left; padding:0px; margin:0 auto; width:100%}
.promo article a {width:100%; max-height:339px; display:block}
.promo article img { max-width:100%}

.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}

.edicola_web { display:none;}

}

@media screen and (max-width: 400px) {
.service_abbonarsi_video article {width: 400px;}
}

@media screen and (max-width: 360px) {
.service_abbonarsi_video article {width: 360px;}
}


@media screen and (max-width:320px) {

.container { overflow:hidden }
.header header {display:block; position:relative; margin:0 auto; width:100%; height:auto}
.header header .logo {display:block; float:none; background: url(/assets/img/logo_ts_ediz_dig_262.png) no-repeat; height: 138px; width:262px; text-align:center; margin:0 auto}
.header header .logo a {display:block;height: 138px; width:262px; cursor:pointer; text-indent:-9000px}
.header header .leggi { display:none}

.menu .nav ul li {float: left;font-size: 14px;font-weight: bold;color: #FFF;margin-right: 1%;width: auto;}

a#scroll-top {background: url(/assets/img/ed_dig_little.png) no-repeat; top: 10px;display: none;height: 30px; width:30px; line-height: 42px;position: fixed;right: 10px;transition: all 0.25s ease-in-out 0s;}

.abbonamenti { float:left; width:100%; background-color:#dddddd; height:auto;   font-family:Arial }
.abbonamenti h1 {font-size: 1.4em; letter-spacing:0px;}
.abbonamenti article { display:block; float:none; padding:0px; margin:0 auto; width:100%;background: none;}
.abbonamenti article ul { width:100%; margin:0; padding:0}
.abbonamenti article ul.slide_uno {}
.abbonamenti article ul.slide_uno li {}
.abbonamenti article ul li span.time {width: 70%;float: left;line-height: 70px;text-align: center;margin: 0 15%;}
.abbonamenti article ul li span.price {background: #9c3e22;line-height: 55px;padding: 0;border-radius: 10px;font-size: 1.2em;color: #fff;width: 60%;text-align: center; float:left; margin:0 20% 3% 20%}
.abbonamenti article ul li span.scegli a {}
.abbonamenti article ul li.list { float:left;width: 100%; background-color: #ffffff; text-align: center; font-weight: bold; height: auto; line-height: 90px;color: #1a1a1a;font-style: normal;}
.abbonamenti article ul li.list { float:left;width: 100%; background-color: #ffffff; text-align: center; font-weight: bold; height: auto; line-height: 90px;color: #1a1a1a;font-style: normal;}

.abbonamenti article ul li.list_sub { float: left;width: 100%;background-color: #eeeeee;text-align: center;font-weight: bold;height: auto;line-height: 90px;font-size: 1.7em;color: #1a1a1a;font-style: normal;}
.abbonamenti article ul li.even {background-color: #fef2e8;}
.abbonamenti article ul li.list_sub ul.edizioni {background-color: #eeeeee;float: left;width: 90%;padding: 10px 0 20px 0;height: auto;line-height: 70px;margin-left: 5%;margin-right: 5%;}
.abbonamenti article ul li.list_sub ul.edizioni li {width: 90%;margin: 0 5% 2% 5%;}
.abbonamenti article ul li.list_sub ul.edizioni li a:link, .abbonamenti article ul li.list_sub ul.edizioni li a:visited {background-color: #dddddd;border-radius: 10px;padding: 5px 10px;color: #333333;border: 1px solid #cccccc;width: 90%;display: block;text-align: center;}
.abbonamenti article ul li.list_sub ul.edizioni li a:hover { text-decoration:underline; color:#333333!important}

.abbonamenti article ul li.list_sub_top {width: 100%; background-color: #cccccc;text-align: center;font-weight: bold;height: auto;line-height: 90px;font-size: 1.7em;color: #1a1a1a;font-style: normal;
									 border-top:1px solid #ffffff; float:left}
.abbonamenti article ul li.list_sub_top h2 {float: left;width: 90%;text-align: center;font-size: 0.8em;height: auto;line-height: 1em;margin: 5%;color: #9c3e22;}
.abbonamenti article ul li.list_sub_top ul.edizioni { position:relative; background-color: #ccc;float: left;width: 90%;padding: 10px 0;height: auto;line-height: 70px;margin-left: 5%;margin-right: 5%;}
.abbonamenti article ul li.list_sub_top ul.edizioni h2{font-size: 16px;margin: 0;padding: 0;float: left;width: 100%;position: absolute;top: 0;text-align: center; color:#9c3e22; font-weight:bold}
.abbonamenti article ul li.list_sub_top ul.edizioni li { float:left; width:90%; margin:0 5% 2% 5%;}
.abbonamenti article ul li.list_sub_top ul.edizioni li a:link, .abbonamenti article ul li.list_sub_top ul.edizioni li a:visited {background-color: #ffffff;border-radius: 10px;padding: 5px 17px;color: #333333;
																														 border: 1px solid #bbbbbb;width: auto;display: block;text-align: center;}
.abbonamenti article ul li span.sub {font-size: 0.6em;width: 100%; float:left; line-height:40px; text-align:center}
.abbonamenti article ul li span.note {font-size: 0.4em;width: 90%;float: left;text-align: center; line-height:1.4em; font-weight: normal;margin: 1% 5% 5% 5%;}

.service { float:left; width:100%; height:auto;   }
.service article { display:block; margin:0 auto; width:100%; float:none; padding:0}
.service article ul {float: left;width: 90%;margin:5%;padding: 0;}
.service article ul.slide_uno { float:left; margin-top:30px}
.service article ul.slide_uno li { float:left; width:100%; margin:0 0 30px 0; color:#ffffff; font-size:1em; font-weight:bold; line-height:1em}
.service article ul.slide_uno li img { float:left; margin:0 20px 0 0}
.service article ul li {float: left;width: 100%;margin: 5% 0 0 0;}
.service article ul li.last { margin-right:0px}
.service article ul li a:link, .service article ul li a:visited {font-size: 1.4em; background-color:#4d867c; padding:15px 0;}
.service article ul li a:hover { color: #fff!important;}

.service_experience { float:left; width:100%;height:auto;}
.service_experience article { display:block; margin:0 auto; width:100%; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_experience article ul {float: left;width: 100%;margin: 0;padding: 0;}
.service_experience article ul.slide_uno { float:left; margin-top:80px}
.service_experience article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.4em; font-weight:bold; line-height:1em}
.service_experience article ul.slide_uno li img { float:left; margin:0 20px 0 0; max-width:100%}
.service_experience article ul li img { max-width:100%}

.service_abbonarsi { /*float:left; width:100%; height:auto;*/ display:none }
.service_abbonarsi article { display:block; margin:0 auto; width:100%; float:none; padding:0; background-color:transparent;   font-family:Arial;}
.service_abbonarsi article ul {float: left;width:  100%;margin: 0;padding: 0;}
.service_abbonarsi article ul li {float: none; width:100%}
.service_abbonarsi article ul li a { display:block;}
.service_abbonarsi article ul.slide_uno { float:left; margin-top:80px}
.service_abbonarsi article ul.slide_uno li { float:left; width:100%; margin:0 0 60px 0; color:#ffffff; font-size:2.4em; font-weight:bold; line-height:1em}
.service_abbonarsi article ul.slide_uno li img { float:left; margin:0 20px 0 0;}
.service_abbonarsi article img {max-width:100%}

.service_abbonarsi_video article {width:320px;}
.service_abbonarsi_video article .container_video { margin:0; background-color:#000; padding:40px 0}

.promo { width:100%; position:relative; background-color:#ffffff; height:auto;}
.promo article { display:block; float:left; padding:0px; margin:0 auto; width:100%}
.promo article a {width:100%; max-height:216px; display:block}
.promo article img { max-width:100%}

.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}

.edicola_web { display:none;}

}

