@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@500&family=Chivo+Mono:wght@600&family=Karla:wght@300;400;700;800&family=Montserrat:wght@400;600;800&display=swap');

div:has(> #segnapostogtv) {
    /*border: 1px solid #f00;*/
    margin-top: 0;
}


.my-\[1\.75rem\] {
    margin-bottom: 1.75rem;
    margin-top: 0;
}
.mb-10 {
   margin-bottom: 0;
}

#segnapostogtv *, #segnapostogtv :after, #segnapostogtv :before {
    box-sizing: unset;
}

#segnapostogtv {
	font-family: 'Karla', sans-serif;
	font-size: 16px;
	/*min-height: 600px;*/
	background-color: #fff;/*#ededed;*/
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBDcmVhdGVkIHdpdGggSW5rc2NhcGUgKGh0dHA6Ly93d3cuaW5rc2NhcGUub3JnLykgLS0+Cjxzdmcgd2lkdGg9IjE2MCIgaGVpZ2h0PSIxMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDIuMzMzIDMuMTc1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGcgZmlsbC1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjZjAwIiBzdHJva2Utd2lkdGg9IjAiIGFyaWEtbGFiZWw9ImNhcmljYW1lbnRvIGluIGNvcnNvLi4uIj4KICA8cGF0aCBkPSJtMi4wNzUzIDIuMjI2MiAwLjM2NTg3IDAuMDQ3NTQycS0wLjA1OTk0NSAwLjM3ODI3LTAuMzA3OTkgMC41OTMyNC0wLjI0NTk4IDAuMjEyOTEtMC42MDU2NSAwLjIxMjkxLTAuNDUwNjIgMC0wLjcyNTU0LTAuMjkzNTItMC4yNzI4NS0wLjI5NTU5LTAuMjcyODUtMC44NDU0MyAwLTAuMzU1NTMgMC4xMTc4Mi0wLjYyMjE4IDAuMTE3ODItMC4yNjY2NSAwLjM1NzYtMC4zOTg5NCAwLjI0MTg1LTAuMTM0MzYgMC41MjUwMy0wLjEzNDM2IDAuMzU3NiAwIDAuNTg0OTggMC4xODE5IDAuMjI3MzggMC4xNzk4MyAwLjI5MTQ1IDAuNTEyNjNsLTAuMzYxNzMgMC4wNTU4MXEtMC4wNTE2NzYtMC4yMjExNy0wLjE4Mzk3LTAuMzMyOC0wLjEzMDIyLTAuMTExNjItMC4zMTYyNi0wLjExMTYyLTAuMjgxMTIgMC0wLjQ1NjgyIDAuMjAyNTctMC4xNzU3IDAuMjAwNS0wLjE3NTcgMC42MzY2NSAwIDAuNDQyMzUgMC4xNjk1IDAuNjQyODUgMC4xNjk1IDAuMjAwNSAwLjQ0MjM1IDAuMjAwNSAwLjIxOTExIDAgMC4zNjU4Ny0wLjEzNDM2IDAuMTQ2NzYtMC4xMzQzNiAwLjE4NjA0LTAuNDEzNDF6Ii8+CiAgPHBhdGggZD0ibTQuMTkyIDIuNzU5NXEtMC4yMDY3MSAwLjE3NTctMC4zOTg5NCAwLjI0ODA1LTAuMTkwMTcgMC4wNzIzNDctMC40MDkyOCAwLjA3MjM0Ny0wLjM2MTczIDAtMC41NTYwNC0wLjE3NTctMC4xOTQzLTAuMTc3NzctMC4xOTQzLTAuNDUyNjkgMC0wLjE2MTIzIDAuMDcyMzQ3LTAuMjkzNTIgMC4wNzQ0MTQtMC4xMzQzNiAwLjE5MjI0LTAuMjE0OTcgMC4xMTk4OS0wLjA4MDYxNSAwLjI2ODcyLTAuMTIxOTYgMC4xMDk1NS0wLjAyODkzOSAwLjMzMDczLTAuMDU1ODEgMC40NTA2Mi0wLjA1Mzc0NCAwLjY2MzUyLTAuMTI4MTYgMC4wMDIwNy0wLjA3NjQ4MSAwLjAwMjA3LTAuMDk3MTUyIDAtMC4yMjczOC0wLjEwNTQyLTAuMzIwMzktMC4xNDI2My0wLjEyNjA5LTAuNDIzNzUtMC4xMjYwOS0wLjI2MjUyIDAtMC4zODg2MSAwLjA5MzAxNy0wLjEyNDAyIDAuMDkwOTUtMC4xODM5NyAwLjMyNDUzbC0wLjM2MzgtMC4wNDk2MDlxMC4wNDk2MDktMC4yMzM1OCAwLjE2MzMtMC4zNzYyIDAuMTEzNjktMC4xNDQ2OSAwLjMyODY2LTAuMjIxMTcgMC4yMTQ5Ny0wLjA3ODU0OCAwLjQ5ODE2LTAuMDc4NTQ4IDAuMjgxMTIgMCAwLjQ1NjgyIDAuMDY2MTQ2dDAuMjU4MzggMC4xNjc0M3EwLjA4MjY4MiAwLjA5OTIxOSAwLjExNTc2IDAuMjUyMTggMC4wMTg2MDMgMC4wOTUwODUgMC4wMTg2MDMgMC4zNDMxM3YwLjQ5NjA5cTAgMC41MTg4MyAwLjAyMjczOCAwLjY1NzMyIDAuMDI0ODA1IDAuMTM2NDMgMC4wOTUwODUgMC4yNjI1MmgtMC4zODg2MXEtMC4wNTc4NzgtMC4xMTU3Ni0wLjA3NDQxNC0wLjI3MDc4em0tMC4wMzEwMDYtMC44MzA5NnEtMC4yMDI1NyAwLjA4MjY4Mi0wLjYwNzcxIDAuMTQwNTYtMC4yMjk0NCAwLjAzMzA3My0wLjMyNDUzIDAuMDc0NDE0LTAuMDk1MDg1IDAuMDQxMzQxLTAuMTQ2NzYgMC4xMjE5Ni0wLjA1MTY3NiAwLjA3ODU0OC0wLjA1MTY3NiAwLjE3NTcgMCAwLjE0ODgzIDAuMTExNjIgMC4yNDgwNSAwLjExMzY5IDAuMDk5MjE5IDAuMzMwNzMgMC4wOTkyMTkgMC4yMTQ5NyAwIDAuMzgyNDEtMC4wOTMwMTcgMC4xNjc0My0wLjA5NTA4NSAwLjI0NTk4LTAuMjU4MzggMC4wNTk5NDUtMC4xMjYwOSAwLjA1OTk0NS0wLjM3MjA3eiIvPgogIDxwYXRoIGQ9Im01LjEwOTggMy4wMzAzdi0yLjE5NTJoMC4zMzQ4NnYwLjMzMjhxMC4xMjgxNi0wLjIzMzU4IDAuMjM1NjQtMC4zMDc5OSAwLjEwOTU1LTAuMDc0NDE0IDAuMjM5NzgtMC4wNzQ0MTQgMC4xODgxIDAgMC4zODI0MSAwLjExOTg5bC0wLjEyODE2IDAuMzQ1MnEtMC4xMzY0My0wLjA4MDYxNS0wLjI3Mjg1LTAuMDgwNjE1LTAuMTIxOTYgMC0wLjIxOTExIDAuMDc0NDE0LTAuMDk3MTUyIDAuMDcyMzQ3LTAuMTM4NDkgMC4yMDI1Ny0wLjA2MjAxMiAwLjE5ODQ0LTAuMDYyMDEyIDAuNDM0MDh2MS4xNDkzeiIvPgogIDxwYXRoIGQ9Im02LjUyNTcgMC40Mjc4OHYtMC40Mjc4OGgwLjM3MjA3djAuNDI3ODh6bTAgMi42MDI0di0yLjE5NTJoMC4zNzIwN3YyLjE5NTJ6Ii8+CiAgPHBhdGggZD0ibTguODk2NiAyLjIyNjIgMC4zNjU4NyAwLjA0NzU0MnEtMC4wNTk5NDUgMC4zNzgyNy0wLjMwNzk5IDAuNTkzMjQtMC4yNDU5OCAwLjIxMjkxLTAuNjA1NjUgMC4yMTI5MS0wLjQ1MDYyIDAtMC43MjU1NC0wLjI5MzUyLTAuMjcyODUtMC4yOTU1OS0wLjI3Mjg1LTAuODQ1NDMgMC0wLjM1NTUzIDAuMTE3ODItMC42MjIxOCAwLjExNzgyLTAuMjY2NjUgMC4zNTc2LTAuMzk4OTQgMC4yNDE4NS0wLjEzNDM2IDAuNTI1MDMtMC4xMzQzNiAwLjM1NzYgMCAwLjU4NDk4IDAuMTgxOSAwLjIyNzM4IDAuMTc5ODMgMC4yOTE0NSAwLjUxMjYzbC0wLjM2MTczIDAuMDU1ODFxLTAuMDUxNjc2LTAuMjIxMTctMC4xODM5Ny0wLjMzMjgtMC4xMzAyMi0wLjExMTYyLTAuMzE2MjYtMC4xMTE2Mi0wLjI4MTEyIDAtMC40NTY4MiAwLjIwMjU3LTAuMTc1NyAwLjIwMDUtMC4xNzU3IDAuNjM2NjUgMCAwLjQ0MjM1IDAuMTY5NSAwLjY0Mjg1IDAuMTY5NSAwLjIwMDUgMC40NDIzNSAwLjIwMDUgMC4yMTkxMSAwIDAuMzY1ODctMC4xMzQzNiAwLjE0Njc2LTAuMTM0MzYgMC4xODYwNC0wLjQxMzQxeiIvPgogIDxwYXRoIGQ9Im0xMS4wMTMgMi43NTk1cS0wLjIwNjcxIDAuMTc1Ny0wLjM5ODk0IDAuMjQ4MDUtMC4xOTAxNyAwLjA3MjM0Ny0wLjQwOTI4IDAuMDcyMzQ3LTAuMzYxNzMgMC0wLjU1NjA0LTAuMTc1Ny0wLjE5NDMtMC4xNzc3Ny0wLjE5NDMtMC40NTI2OSAwLTAuMTYxMjMgMC4wNzIzNDctMC4yOTM1MiAwLjA3NDQxNC0wLjEzNDM2IDAuMTkyMjQtMC4yMTQ5NyAwLjExOTg5LTAuMDgwNjE1IDAuMjY4NzItMC4xMjE5NiAwLjEwOTU1LTAuMDI4OTM5IDAuMzMwNzMtMC4wNTU4MSAwLjQ1MDYyLTAuMDUzNzQ0IDAuNjYzNTItMC4xMjgxNiAwLjAwMjEtMC4wNzY0ODEgMC4wMDIxLTAuMDk3MTUyIDAtMC4yMjczOC0wLjEwNTQyLTAuMzIwMzktMC4xNDI2My0wLjEyNjA5LTAuNDIzNzUtMC4xMjYwOS0wLjI2MjUyIDAtMC4zODg2MSAwLjA5MzAxNy0wLjEyNDAyIDAuMDkwOTUtMC4xODM5NyAwLjMyNDUzbC0wLjM2MzgzLTAuMDQ5NjA4cTAuMDQ5NjA5LTAuMjMzNTggMC4xNjMzLTAuMzc2MiAwLjExMzY5LTAuMTQ0NjkgMC4zMjg2Ni0wLjIyMTE3IDAuMjE0OTctMC4wNzg1NDggMC40OTgxNi0wLjA3ODU0OCAwLjI4MTEyIDAgMC40NTY4MiAwLjA2NjE0NiAwLjE3NTcgMC4wNjYxNDYgMC4yNTgzOCAwLjE2NzQzIDAuMDgyNjggMC4wOTkyMTkgMC4xMTU3NiAwLjI1MjE4IDAuMDE4NiAwLjA5NTA4NSAwLjAxODYgMC4zNDMxM3YwLjQ5NjA5cTAgMC41MTg4MyAwLjAyMjc0IDAuNjU3MzIgMC4wMjQ4IDAuMTM2NDMgMC4wOTUwOCAwLjI2MjUyaC0wLjM4ODYxcS0wLjA1Nzg4LTAuMTE1NzYtMC4wNzQ0MS0wLjI3MDc4em0tMC4wMzEwMS0wLjgzMDk2cS0wLjIwMjU3IDAuMDgyNjgyLTAuNjA3NzEgMC4xNDA1Ni0wLjIyOTQ0IDAuMDMzMDczLTAuMzI0NTMgMC4wNzQ0MTQtMC4wOTUwODUgMC4wNDEzNDEtMC4xNDY3NiAwLjEyMTk2LTAuMDUxNjc2IDAuMDc4NTQ4LTAuMDUxNjc2IDAuMTc1NyAwIDAuMTQ4ODMgMC4xMTE2MiAwLjI0ODA1IDAuMTEzNjkgMC4wOTkyMTkgMC4zMzA3MyAwLjA5OTIxOSAwLjIxNDk3IDAgMC4zODI0MS0wLjA5MzAxNyAwLjE2NzQzLTAuMDk1MDg1IDAuMjQ1OTgtMC4yNTgzOCAwLjA1OTk1LTAuMTI2MDkgMC4wNTk5NS0wLjM3MjA3eiIvPgogIDxwYXRoIGQ9Im0xMS45MzUgMy4wMzAzdi0yLjE5NTJoMC4zMzI4djAuMzA3OTlxMC4xMDMzNS0wLjE2MTIzIDAuMjc0OTItMC4yNTgzOCAwLjE3MTU3LTAuMDk5MjE5IDAuMzkwNjctMC4wOTkyMTkgMC4yNDM5MSAwIDAuMzk4OTQgMC4xMDEyOSAwLjE1NzEgMC4xMDEyOSAwLjIyMTE4IDAuMjgzMTkgMC4yNjA0NS0wLjM4NDQ3IDAuNjc3OTktMC4zODQ0NyAwLjMyNjYgMCAwLjUwMjI5IDAuMTgxOSAwLjE3NTcgMC4xNzk4MyAwLjE3NTcgMC41NTYwNHYxLjUwNjloLTAuMzd2LTEuMzgyOXEwLTAuMjIzMjQtMC4wMzcyMS0wLjMyMDM5LTAuMDM1MTQtMC4wOTkyMTktMC4xMzAyMi0wLjE1OTE2LTAuMDk1MDgtMC4wNTk5NDUtMC4yMjMyNC0wLjA1OTk0NS0wLjIzMTUxIDAtMC4zODQ0NyAwLjE1NTAzLTAuMTUyOTYgMC4xNTI5Ni0wLjE1Mjk2IDAuNDkxOTZ2MS4yNzU0aC0wLjM3MjA3di0xLjQyNjNxMC0wLjI0ODA1LTAuMDkwOTUtMC4zNzIwNy0wLjA5MDk1LTAuMTI0MDItMC4yOTc2Ni0wLjEyNDAyLTAuMTU3MSAwLTAuMjkxNDYgMC4wODI2ODItMC4xMzIyOSAwLjA4MjY4Mi0wLjE5MjI0IDAuMjQxODUtMC4wNTk5NCAwLjE1OTE2LTAuMDU5OTQgMC40NTg4OXYxLjEzODl6Ii8+CiAgPHBhdGggZD0ibTE2Ljk2NCAyLjMyMzQgMC4zODQ0NyAwLjA0NzU0MnEtMC4wOTA5NSAwLjMzNjkzLTAuMzM2OTMgMC41MjI5NnQtMC42MjgzOCAwLjE4NjA0cS0wLjQ4MTYyIDAtMC43NjQ4MS0wLjI5NTU5LTAuMjgxMTItMC4yOTc2Ni0wLjI4MTEyLTAuODMzMDIgMC0wLjU1Mzk3IDAuMjg1MjUtMC44NTk5IDAuMjg1MjUtMC4zMDU5MiAwLjc0MDAxLTAuMzA1OTIgMC40NDAyOCAwIDAuNzE5MzQgMC4yOTk3MiAwLjI3OTA1IDAuMjk5NzIgMC4yNzkwNSAwLjg0MzM2IDAgMC4wMzMwNzMtMC4wMDIxIDAuMDk5MjE5aC0xLjYzNzFxMC4wMjA2NyAwLjM2MTczIDAuMjA0NjQgMC41NTM5NyAwLjE4Mzk3IDAuMTkyMjQgMC40NTg4OSAwLjE5MjI0IDAuMjA0NjQgMCAwLjM0OTMzLTAuMTA3NDl0MC4yMjk0NC0wLjM0MzEzem0tMS4yMjE2LTAuNjAxNTFoMS4yMjU4cS0wLjAyNDgtMC4yNzY5OS0wLjE0MDU2LTAuNDE1NDgtMC4xNzc3Ny0wLjIxNDk3LTAuNDYwOTUtMC4yMTQ5Ny0wLjI1NjMyIDAtMC40MzIwMSAwLjE3MTU3LTAuMTczNjMgMC4xNzE1Ny0wLjE5MjI0IDAuNDU4ODl6Ii8+CiAgPHBhdGggZD0ibTE3LjgxNiAzLjAzMDN2LTIuMTk1MmgwLjMzNDg2djAuMzEyMTNxMC4yNDE4NC0wLjM2MTczIDAuNjk4NjYtMC4zNjE3MyAwLjE5ODQ0IDAgMC4zNjM4IDAuMDcyMzQ3IDAuMTY3NDMgMC4wNzAyOCAwLjI1MDExIDAuMTg2MDQgMC4wODI2OCAwLjExNTc2IDAuMTE1NzYgMC4yNzQ5MiAwLjAyMDY3IDAuMTAzMzUgMC4wMjA2NyAwLjM2MTczdjEuMzQ5OGgtMC4zNzIwN3YtMS4zMzUzcTAtMC4yMjczOC0wLjA0MzQxLTAuMzM5LTAuMDQzNDEtMC4xMTM2OS0wLjE1NTAzLTAuMTc5ODMtMC4xMDk1NS0wLjA2ODIxMy0wLjI1ODM4LTAuMDY4MjEzLTAuMjM3NzEgMC0wLjQxMTM0IDAuMTUwOS0wLjE3MTU2IDAuMTUwOS0wLjE3MTU2IDAuNTcyNTd2MS4xOTg5eiIvPgogIDxwYXRoIGQ9Im0yMC45ODMgMi42OTc1IDAuMDUzNzQgMC4zMjg2NnEtMC4xNTcxIDAuMDMzMDczLTAuMjgxMTIgMC4wMzMwNzMtMC4yMDI1NyAwLTAuMzE0MTktMC4wNjQwNzktMC4xMTE2Mi0wLjA2NDA3OS0wLjE1NzA5LTAuMTY3NDMtMC4wNDU0NzYtMC4xMDU0Mi0wLjA0NTQ3Ni0wLjQ0MDI4di0xLjI2M2gtMC4yNzI4NXYtMC4yODkzOWgwLjI3Mjg1di0wLjU0MzY0bDAuMzctMC4yMjMyNHYwLjc2Njg4aDAuMzc0MTR2MC4yODkzOWgtMC4zNzQxNHYxLjI4MzZxMCAwLjE1OTE2IDAuMDE4NiAwLjIwNDY0IDAuMDIwNjcgMC4wNDU0NzUgMC4wNjQwOCAwLjA3MjM0NyAwLjA0NTQ3IDAuMDI2ODcyIDAuMTI4MTYgMC4wMjY4NzIgMC4wNjIwMSAwIDAuMTYzMy0wLjAxNDQ2OXoiLz4KICA8cGF0aCBkPSJtMjEuMjA4IDEuOTMyN3EwLTAuNjA5NzggMC4zMzktMC45MDMzIDAuMjgzMTktMC4yNDM5MSAwLjY5MDQtMC4yNDM5MSAwLjQ1MjY4IDAgMC43NCAwLjI5NzY2IDAuMjg3MzIgMC4yOTU1OSAwLjI4NzMyIDAuODE4NTUgMCAwLjQyMzc1LTAuMTI4MTYgMC42Njc2Ni0wLjEyNjA5IDAuMjQxODUtMC4zNyAwLjM3NjItMC4yNDE4NSAwLjEzNDM2LTAuNTI5MTcgMC4xMzQzNi0wLjQ2MDk1IDAtMC43NDYyMS0wLjI5NTU5LTAuMjgzMTktMC4yOTU1OS0wLjI4MzE5LTAuODUxNjN6bTAuMzgyNCAwcTAgMC40MjE2OCAwLjE4Mzk3IDAuNjMyNTIgMC4xODM5NyAwLjIwODc3IDAuNDYzMDIgMC4yMDg3NyAwLjI3Njk4IDAgMC40NjA5NS0wLjIxMDg0IDAuMTgzOTctMC4yMTA4NCAwLjE4Mzk3LTAuNjQyODUgMC0wLjQwNzIxLTAuMTg2MDQtMC42MTU5OC0wLjE4Mzk3LTAuMjEwODQtMC40NTg4OS0wLjIxMDg0LTAuMjc5MDUgMC0wLjQ2MzAyIDAuMjA4Nzd0LTAuMTgzOTcgMC42MzA0NXoiLz4KICA8cGF0aCBkPSJtMjQuODc5IDAuNDI3ODh2LTAuNDI3ODhoMC4zNzIwN3YwLjQyNzg4em0wIDIuNjAyNHYtMi4xOTUyaDAuMzcyMDd2Mi4xOTUyeiIvPgogIDxwYXRoIGQ9Im0yNS44MTggMy4wMzAzdi0yLjE5NTJoMC4zMzQ4NnYwLjMxMjEzcTAuMjQxODUtMC4zNjE3MyAwLjY5ODY2LTAuMzYxNzMgMC4xOTg0NCAwIDAuMzYzOCAwLjA3MjM0NyAwLjE2NzQzIDAuMDcwMjggMC4yNTAxMSAwLjE4NjA0IDAuMDgyNjggMC4xMTU3NiAwLjExNTc2IDAuMjc0OTIgMC4wMjA2NyAwLjEwMzM1IDAuMDIwNjcgMC4zNjE3M3YxLjM0OThoLTAuMzcyMDd2LTEuMzM1M3EwLTAuMjI3MzgtMC4wNDM0MS0wLjMzOS0wLjA0MzQxLTAuMTEzNjktMC4xNTUwMy0wLjE3OTgzLTAuMTA5NTUtMC4wNjgyMTMtMC4yNTgzOC0wLjA2ODIxMy0wLjIzNzcxIDAtMC40MTEzNCAwLjE1MDktMC4xNzE1NyAwLjE1MDktMC4xNzE1NyAwLjU3MjU3djEuMTk4OXoiLz4KICA8cGF0aCBkPSJtMzAuNzgxIDIuMjI2MiAwLjM2NTg3IDAuMDQ3NTQycS0wLjA1OTk0IDAuMzc4MjctMC4zMDc5OSAwLjU5MzI0LTAuMjQ1OTggMC4yMTI5MS0wLjYwNTY1IDAuMjEyOTEtMC40NTA2MiAwLTAuNzI1NTQtMC4yOTM1Mi0wLjI3Mjg1LTAuMjk1NTktMC4yNzI4NS0wLjg0NTQzIDAtMC4zNTU1MyAwLjExNzgyLTAuNjIyMTggMC4xMTc4Mi0wLjI2NjY1IDAuMzU3Ni0wLjM5ODk0IDAuMjQxODQtMC4xMzQzNiAwLjUyNTAzLTAuMTM0MzYgMC4zNTc2IDAgMC41ODQ5OCAwLjE4MTkgMC4yMjczOCAwLjE3OTgzIDAuMjkxNDYgMC41MTI2M2wtMC4zNjE3NCAwLjA1NTgxcS0wLjA1MTY4LTAuMjIxMTctMC4xODM5Ny0wLjMzMjgtMC4xMzAyMi0wLjExMTYyLTAuMzE2MjYtMC4xMTE2Mi0wLjI4MTEyIDAtMC40NTY4MiAwLjIwMjU3LTAuMTc1NyAwLjIwMDUtMC4xNzU3IDAuNjM2NjUgMCAwLjQ0MjM1IDAuMTY5NSAwLjY0Mjg1dDAuNDQyMzUgMC4yMDA1cTAuMjE5MTEgMCAwLjM2NTg3LTAuMTM0MzZ0MC4xODYwNC0wLjQxMzQxeiIvPgogIDxwYXRoIGQ9Im0zMS4zMjYgMS45MzI3cTAtMC42MDk3OCAwLjMzOS0wLjkwMzMgMC4yODMxOS0wLjI0MzkxIDAuNjkwNC0wLjI0MzkxIDAuNDUyNjggMCAwLjc0MDAxIDAuMjk3NjYgMC4yODczMiAwLjI5NTU5IDAuMjg3MzIgMC44MTg1NSAwIDAuNDIzNzUtMC4xMjgxNiAwLjY2NzY2LTAuMTI2MDkgMC4yNDE4NS0wLjM3IDAuMzc2Mi0wLjI0MTg0IDAuMTM0MzYtMC41MjkxNyAwLjEzNDM2LTAuNDYwOTUgMC0wLjc0NjIxLTAuMjk1NTktMC4yODMxOS0wLjI5NTU5LTAuMjgzMTktMC44NTE2M3ptMC4zODI0MSAwcTAgMC40MjE2OCAwLjE4Mzk3IDAuNjMyNTIgMC4xODM5NyAwLjIwODc3IDAuNDYzMDIgMC4yMDg3NyAwLjI3Njk5IDAgMC40NjA5NS0wLjIxMDg0IDAuMTgzOTctMC4yMTA4NCAwLjE4Mzk3LTAuNjQyODUgMC0wLjQwNzIxLTAuMTg2MDQtMC42MTU5OC0wLjE4Mzk3LTAuMjEwODQtMC40NTg4OS0wLjIxMDg0LTAuMjc5MDUgMC0wLjQ2MzAyIDAuMjA4Nzd0LTAuMTgzOTcgMC42MzA0NXoiLz4KICA8cGF0aCBkPSJtMzMuODE1IDMuMDMwM3YtMi4xOTUyaDAuMzM0ODZ2MC4zMzI4cTAuMTI4MTYtMC4yMzM1OCAwLjIzNTY0LTAuMzA3OTkgMC4xMDk1NS0wLjA3NDQxNCAwLjIzOTc4LTAuMDc0NDE0IDAuMTg4MSAwIDAuMzgyNCAwLjExOTg5bC0wLjEyODE2IDAuMzQ1MnEtMC4xMzY0Mi0wLjA4MDYxNS0wLjI3Mjg1LTAuMDgwNjE1LTAuMTIxOTYgMC0wLjIxOTExIDAuMDc0NDE0LTAuMDk3MTUgMC4wNzIzNDctMC4xMzg0OSAwLjIwMjU3LTAuMDYyMDEgMC4xOTg0NC0wLjA2MjAxIDAuNDM0MDh2MS4xNDkzeiIvPgogIDxwYXRoIGQ9Im0zNS4wOCAyLjM3NSAwLjM2Nzk0LTAuMDU3ODc4cTAuMDMxMDEgMC4yMjExOCAwLjE3MTU2IDAuMzM5IDAuMTQyNjMgMC4xMTc4MiAwLjM5Njg4IDAuMTE3ODIgMC4yNTYzMiAwIDAuMzgwMzQtMC4xMDMzNSAwLjEyNDAyLTAuMTA1NDIgMC4xMjQwMi0wLjI0NTk4IDAtMC4xMjYwOS0wLjEwOTU1LTAuMTk4NDQtMC4wNzY0OC0wLjA0OTYwOS0wLjM4MDM0LTAuMTI2MDktMC40MDkyOC0wLjEwMzM1LTAuNTY4NDQtMC4xNzc3Ny0wLjE1NzEtMC4wNzY0ODEtMC4yMzk3OC0wLjIwODc3LTAuMDgwNjItMC4xMzQzNi0wLjA4MDYyLTAuMjk1NTkgMC0wLjE0Njc2IDAuMDY2MTUtMC4yNzA3OCAwLjA2ODIxLTAuMTI2MDkgMC4xODM5Ny0wLjIwODc3IDAuMDg2ODItMC4wNjQwNzkgMC4yMzU2NC0wLjEwNzQ5IDAuMTUwOS0wLjA0NTQ3NSAwLjMyMjQ2LTAuMDQ1NDc1IDAuMjU4MzggMCAwLjQ1MjY4IDAuMDc0NDE0IDAuMTk2MzcgMC4wNzQ0MTQgMC4yODkzOSAwLjIwMjU3IDAuMDkzMDIgMC4xMjYwOSAwLjEyODE2IDAuMzM5bC0wLjM2MzggMC4wNDk2MDlxLTAuMDI0ODEtMC4xNjk1LTAuMTQ0NjktMC4yNjQ1OC0wLjExNzgyLTAuMDk1MDg1LTAuMzM0ODYtMC4wOTUwODUtMC4yNTYzMiAwLTAuMzY1ODcgMC4wODQ3NDl0LTAuMTA5NTUgMC4xOTg0NHEwIDAuMDcyMzQ3IDAuMDQ1NDcgMC4xMzAyMiAwLjA0NTQ4IDAuMDU5OTQ1IDAuMTQyNjMgMC4wOTkyMTkgMC4wNTU4MSAwLjAyMDY3MSAwLjMyODY2IDAuMDk1MDg1IDAuMzk0ODEgMC4xMDU0MiAwLjU0OTg0IDAuMTczNjMgMC4xNTcxIDAuMDY2MTQ2IDAuMjQ1OTggMC4xOTQzIDAuMDg4ODggMC4xMjgxNiAwLjA4ODg4IDAuMzE4MzMgMCAwLjE4NjA0LTAuMTA5NTUgMC4zNTE0LTAuMTA3NDkgMC4xNjMzLTAuMzEyMTMgMC4yNTQyNS0wLjIwNDY0IDAuMDg4ODgzLTAuNDYzMDIgMC4wODg4ODMtMC40Mjc4OCAwLTAuNjUzMTktMC4xNzc3Ny0wLjIyMzI0LTAuMTc3NzctMC4yODUyNS0wLjUyNzF6Ii8+CiAgPHBhdGggZD0ibTM3LjIwNyAxLjkzMjdxMC0wLjYwOTc4IDAuMzM5LTAuOTAzMyAwLjI4MzE5LTAuMjQzOTEgMC42OTA0LTAuMjQzOTEgMC40NTI2OCAwIDAuNzQwMDEgMC4yOTc2NiAwLjI4NzMyIDAuMjk1NTkgMC4yODczMiAwLjgxODU1IDAgMC40MjM3NS0wLjEyODE2IDAuNjY3NjYtMC4xMjYwOSAwLjI0MTg1LTAuMzcgMC4zNzYyLTAuMjQxODUgMC4xMzQzNi0wLjUyOTE3IDAuMTM0MzYtMC40NjA5NSAwLTAuNzQ2MjEtMC4yOTU1OS0wLjI4MzE5LTAuMjk1NTktMC4yODMxOS0wLjg1MTYzem0wLjM4MjQgMHEwIDAuNDIxNjggMC4xODM5NyAwLjYzMjUyIDAuMTgzOTcgMC4yMDg3NyAwLjQ2MzAyIDAuMjA4NzcgMC4yNzY5OCAwIDAuNDYwOTUtMC4yMTA4NCAwLjE4Mzk3LTAuMjEwODQgMC4xODM5Ny0wLjY0Mjg1IDAtMC40MDcyMS0wLjE4NjA0LTAuNjE1OTgtMC4xODM5Ny0wLjIxMDg0LTAuNDU4ODktMC4yMTA4NC0wLjI3OTA1IDAtMC40NjMwMiAwLjIwODc3dC0wLjE4Mzk3IDAuNjMwNDV6Ii8+CiAgPHBhdGggZD0ibTM5LjgwNSAzLjAzMDN2LTAuNDIzNzVoMC40MjM3NXYwLjQyMzc1eiIvPgogIDxwYXRoIGQ9Im00MC45ODEgMy4wMzAzdi0wLjQyMzc1aDAuNDIzNzV2MC40MjM3NXoiLz4KICA8cGF0aCBkPSJtNDIuMTU4IDMuMDMwM3YtMC40MjM3NWgwLjQyMzc1djAuNDIzNzV6Ii8+CiA8L2c+Cjwvc3ZnPgo=");
	background-size: 160px 12px;
	background-position: center 24px;
	background-repeat: no-repeat;
}

#segnaposto-timeline {
    display: block;
    position: fixed;
    height: 25px;
    width: 0;
    background: #ccc;
	border-bottom: 4px solid #fff;
    z-index: 7;
    top: 220px;
    opacity: 0;
	overflow: hidden;
}
#segnaposto-timeline.mostra {
	opacity: 1; /*0.3;*/
}

.contenitore-gtv.fisso1 {
    position: sticky;
    top: 116px;
	background: #fff;
	border-bottom: 8px solid #fff;
	z-index: 9;
	/*overflow: visible;*/
}

h2.titolopagina {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	letter-spacing: -.56px;
	font-weight: 800;
	margin: 0 0 0 16px;
	position: relative;
}
h2.titolopagina::before {
	content: ' ';
	display: block;
	position: absolute;
	bottom: 8px;
	left: -16px;
	width: 8px;
	height: 8px;
	background: #e61e28;
}

.opzione-barra {
    margin-top: 8px;
}
.opzione-barra.centrato {
    text-align: -webkit-center;
	text-align: center;
    height: 32px;
    margin-top: 16px;
}

.opzione-btn {
    width: 150px;
    display: inline-block;
	font-feature-settings: normal;
    font-family: Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	text-decoration: none;    
    letter-spacing: -.32px;
	text-transform: uppercase;
	color: #e61e28;
	background: #fff;
    font-weight: 600;
	font-size: 14px;
    text-align: center;
	padding: 0.5em 1em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	border-radius: 0.25em;
	border: 1px solid #e61e28;
	transition: color .3s, background .3s;
	box-sizing: unset;
	line-height: normal;
}
.opzione-btn:hover {
    color: #fff;
	background: #e61e28;
}
.opzione-btn.opzione-attiva {
    color: #fff;
	background: #e61e28;
}

.tendinabox {
	display: inline-block;
	position: relative;
	width: 210px;
	height: 32px;
	/*margin-left: 0.5em;*/
	/*margin-right: 0.5em;*/
	padding: 0;
	margin: 8px 2px;
}
.tendinasf select {
	overflow: hidden;
	overflow: -moz-hidden-unscrollable;
	background: url('../img/freccia-giu.svg') no-repeat right #e61e28;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-align: center;
	color: #fff;
	width:200px;
	padding: 4.5px 0;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	outline: none;
	font-family: Montserrat,sans-serif;
    letter-spacing: -.32px;
    font-weight: 600;
    font-size: 14px;
	text-transform: uppercase;
}
.tendinasf select option {
	text-align: center;	
}

.contenitore-gtv {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;	
	overflow: hidden;	

}
#contenitoretl {	
	overflow-x: scroll;
	overflow-y: hidden; /*scroll;*/
	height: auto;
	margin-top: 16px;
}

#contenitoretl::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#contenitoretl::-webkit-scrollbar {
	height: 4px;
	width: 4px;
	background-color: #F5F5F5;
}

#contenitoretl::-webkit-scrollbar-thumb {
	background-color: #e61e28;
}

.asterisco-note {
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    bottom: 16px;
    display: block;
    text-align: center;
    width: 80%;	
	margin: 0 18%;
	display: none;
}

.orologio {
	display: block;
    height: 25px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 8;
    margin-left: -90px;
    background-color: #a9a9a9;
    background-size: 60px 33px;
    background-position: center center;
    background-repeat: no-repeat;
    color: #000;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    /*font-weight: bold;*/
    width: 89px;
    border-right: 1px solid #a3a3a3;
	font-family: 'Azeret Mono', monospace;
	font-family: 'Chivo Mono', monospace;
	transition: opacity .25s;
}
.timeline {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 1200%;
	height: auto;
	background: #fff;
	
	margin-left: 90px;
    /*left: -60px;*/
}
.barrach {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
}
.barrach.quadrante {
	position: -webkit-sticky;
	position: sticky;
	/*position: absolute;*/
	top: 0;
	z-index: 7;
	height: 25px;
	margin-top: -25px;
    background: #ccc;/*#aae3206b;*/
	transition: opacity .25s;
}
#segnaposto-timeline .barrach.quadrante {
	position: relative;
    width: 1200%;
    margin-top: 0;
	margin-left: 90px;
}
#orlogioid2 {
    position: absolute;
    left: 90px;
}
.barrach.quadrante ul {
    padding: 0;
    margin: 0;
	list-style-type: none;
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
	font-size: 12px;
	height: 25px;
}
.barrach.quadrante li {
    display: inline-block;
	position: relative;
    font-size: 12px;
	letter-spacing: 1px;
    width: calc(2.083% - 8px);
    padding-left: 8px;
    height: 25px;
	line-height: 25px;
	float: left;
	margin-bottom: 0;
    margin-top: 0;
    box-sizing: unset;
}
.barrach.quadrante li::after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	right: -2px;
	width: 2px;
	height: 25px;
	border-right: 1px solid #848484;
	
}
.nextgiorno {
	display: inline-block;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 4px;
    line-height: 16px;
    /*background: #e61e28;*/
    width: 16px;
    height: 16px;
    text-align: center;
	
}
.nextgiorno a {
    text-decoration: none;
    color: #e61e28;
    font-weight: bold;
	font-size: 20px;
}
.elencoslot {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.logocanale {
    display: block;
    width: 90px;
    height: 42px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 6;
    margin-left: -90px;
    background-size: 60px 33px;
    background-position: center center;
    background-repeat: no-repeat;
    border-top: 4px solid #fff;
    border-bottom: 2px solid #fff;
	cursor: pointer;
}
.logocanale.altri {
	display: block;
    width: 90px;
    height: 42px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 6;
    margin-left: -90px;
    background-color: #fff;
    background-size: 60px 33px;
    background-position: center center;
    background-repeat: no-repeat;
    border-top: 4px solid #fff;
    border-bottom: 2px solid #fff;
}
.logocanale.altri:after {
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	/*background: rgb(191 180 180 / 30%);*/
	border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.logocanale.tv1 {
	background-color: #4C54A1;
}
.logocanale.tv2 {
	background-color: #E32026;
}
.logocanale.tv3 {
	background-color: #08B772;
}
.logocanale.tv4 {
	background-color: #EA5D17;
}
.logocanale.tv5 {
	background-color: #163764;
}
.logocanale.tv6 {
	background-color: #028CD6;
}
.logocanale.tv7 {
	background-color: #FEC022;
}
.logocanale.tv8 {
	background-color: #000000;
}
.logocanale.tv9 {
	background-color: #35C6B4;
}


.logotv {
    width: 30%;
    height: 100%;    
    position: absolute;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	z-index: 2;
}
.logotv .imgbkg {	
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.televisoreZZZ:hover .logotv {
	border-radius: 0 0 0 0;
	z-index: 2;
}

.televisoreZZZ:hover .logotv .imgbkg{
    top: -25%;
    left: -25%;
	width: 150%;
    height: 150%;
}

.televisoreZZZ:hover .infopoint {
    z-index: 4;
    color: #fff;
    border-color: #fff;
	top: 50%;
    margin-top: -9px;
}

.tv1 .logotv .imgbkg {
	background-image: url(https://www.davidemaggio.it/epg2/loghi/bianchi/logo1.svg);
}
.tv2 .logotv .imgbkg {
	background-image: url(https://www.davidemaggio.it/epg2/loghi/bianchi/logo2.svg);
}
.tv3 .logotv .imgbkg {
	background-image: url(https://www.davidemaggio.it/epg2/loghi/bianchi/logo3.svg);
}
.tv4 .logotv .imgbkg {
	background-image: url(https://www.davidemaggio.it/epg2/loghi/bianchi/logo4.svg);
}
.tv5 .logotv .imgbkg {
	background-image: url(https://www.davidemaggio.it/epg2/loghi/bianchi/logo5.svg);
}
.tv6 .logotv .imgbkg {
	background-image: url(https://www.davidemaggio.it/epg2/loghi/bianchi/logo6.svg);
}
.tv7 .logotv .imgbkg {
	background-image: url(https://www.davidemaggio.it/epg2/loghi/bianchi/logo7.svg);
}
.tv8 .logotv .imgbkg {
	background-image: url(https://www.davidemaggio.it/epg2/loghi/bianchi/logo8.svg);
}
.tv9 .logotv .imgbkg {
	background-image: url(https://www.davidemaggio.it/epg2/loghi/bianchi/logo9.svg);
}

.cliccaquigr {
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    left: 100%;
	overflow: hidden;
}
.testocq {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    background: #f0f;
	color: #fff;
    font-size: 14px;
    line-height: 200%;
    padding: 0 4px;
	background-color: rgba(0,0,0,0.2);
}
.testocq span {
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -14px;
}

.emitt8 .testocq {
	background-color: rgba(255,255,255,0.2);
}

@keyframes cliccaquigr-demo {
	0% {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	12.5% {
		top: -25%;
		left: -25%;
		width: 150%;
		height: 150%;
	}
	27.5% {
		top: -25%;
		left: -25%;
		width: 150%;
		height: 150%;
	}
	40.0% {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	100% {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}  
}

@keyframes cliccaquigr-scritta-demo {
	0% {
		width: 0%;
	}
	12.5% {
		width: 233.333%
	} 
	27.5% {
		width: 233.333%
	}
	40.0% {
		width: 0%
	}
	100% {
		width: 0%;
	}  
}

@keyframes cliccaquigr-bordi-demo {
	0% {
		border-radius: 0 4px 4px 0;
	}
	0.01% {
		border-radius: 0 0px 0px 0;
	} 
	40.0% {
		border-radius: 0 0px 0px 0;
	}	
	40.01% {
		border-radius: 0 4px 4px 0;
	}
	100% {
		border-radius: 0 4px 4px 0;
	}  
}

.televisore.cliccare .logotv .imgbkg {
	animation: cliccaquigr-demo 4s ease-in-out 1;
}

.televisore.cliccare .logotv .cliccaquigr {
	animation: cliccaquigr-scritta-demo 4s ease-in-out 1;
}

.televisore.cliccare .logotv {
	animation: cliccaquigr-bordi-demo 4s ease-in-out 1;
}

.slot {
	display: inline-block;
	position: relative;
	width: calc(4.167% - 2px);
	height: calc(100% - 8px);
	border-radius: 4px;
	background-color: #ededed;
	margin: 4px 2px 4px 0;
	float: left;
}
.slot.arrotondato {
	border-radius: 0px 20px 20px 0px;
}
.slot.evidenziata {
	background-color:#ccc;
}
.slot.evidenziata .fisso {
	position: -webkit-sticky;
	position: sticky;
    left: 100px! important;
}

a.callta {
	color: #000;
	position: relative;
	text-decoration: none;
	margin-right: 16px;
}
a.callta::before {
	display: block;
    content: ' ';
    position: absolute;
    top: 3px;
    left: 6px;
    width: 14px;
    height: 14px;
    background-image: url(https://www.davidemaggio.it/epg2/img/info-000.svg);
    background-size: 12px 12px;
    background-repeat: no-repeat;
}

a.calltaZZZ::before {
	display: block;
    content: 'i';
    /*width: 14px;*/
    /*height: 14px;*/
    color: #434343;
    /*font-size: 14px;*/
    font-weight: 700;
    /*border-radius: 10px;*/
    position: absolute;
    /*right: -18px;*/
    /*top: 2px;*/
    text-decoration: none;
    text-align: center;
    /*line-height: 15px;*/
    border: 1px solid #222;
    font-style: italic;
    font-family: times, serif;
	
	border-radius: 50%;
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 11px;
}

.emittente .orario strong {
	font-size: 14px;
	font-weight: 700;
	line-height: 12px;
}
.slot.evidenziata:hover {
    background: #ffe9e9;
    min-width: auto !important;
    z-index: 4;
}
.slot.evidenziata:hover .programma {
    background: #ffe9e9;
    width: 600px !important;
	z-index: 5;
	/*border-top: 4px solid;*/
    /*border-bottom: 8px solid;*/
    /*border-right: 4px solid;*/
	height: 38px;
	padding-top: 4px;
	/*border-color: #ffe9e9;*/
	margin-top: 0;
    border-radius: 0 20px 20px 0;

}
.slot:not(.evidenziata):hover {
    background: #ffe9e9;
    min-width: auto !important;
    z-index: 4;
	
}
.slot:not(.evidenziata):hover .programma {	
	background: #ffe9e9;
    width: 600px !important;
    z-index: 4;
    position: absolute;
    top: -4px;
    left: 0;
    /*border-top: 4px solid;*/
    /*border-bottom: 8px solid;*/
    /*border-right: 4px solid;*/
    /*border-color: #ffe9e9;*/
    border-radius: 0 32px 32px 0;
	height: 38px;
    padding-top: 4px;
	

}
.oraif {
	position: relative;
	visibility: hidden;
	padding-left: 20px;
}
.oraif::before {
	display: block;
    content: ' ';
    position: absolute;
    top: 3px;
    left: 4px;
    width: 12px;
    height: 12px;
    background-image: url(https://www.davidemaggio.it/epg2/img/orologio-000.svg);
    background-size: 12px 12px;
    background-repeat: no-repeat;	
}
.slot:hover .oraif {
	visibility: visible;
}
.tv1 .slot.evidenziata {
	background-color:#4C54A17f;
}

.tv2 .slot.evidenziata {
	background-color:#E320267f;
}

.tv3 .slot.evidenziata {
	background-color:#08B7727f;
}

.tv4 .slot.evidenziata {
	background-color:#EA5D177f;
}

.tv5 .slot.evidenziata {
	background-color:#1637647f;
}

.tv6 .slot.evidenziata {
	background-color:#028CD67f;
}

.tv7 .slot.evidenziata {
	background-color:#FEC0227f;
}
.tv8 .slot.evidenziata {
	background-color:#00000059;
}
.tv9 .slot.evidenziata {
	background-color:#35C6B47f;
}

.slot:hover::before {
	display: block;
	position: absolute;
	content: ' ';
	top: 0;
	left: 4px;
	width: 0;
	height: 100%;
}

.tv1 .slot:hover {
    background: #4C54A1;
	color: #fff;
}
.tv1 .slot:hover .programma {
    background: #4C54A1;
	border-color: #4C54A1;
	color: #fff;
}
.tv1 .slot:hover .programma a {
	color: #fff;
}
.tv1 .slot:hover a.callta {
	color: #fff;
}
.tv1 .slot:hover a.callta::before {
	color: #fff;
	background-image: url(https://www.davidemaggio.it/epg2/img/info-fff.svg);
	/*border: 1px solid #fff;*/
}
.tv1 .oraif::before {
    background-image: url(https://www.davidemaggio.it/epg2/img/orologio-fff.svg);
}
.tv1 .slot:hover::before {
	border-left: 4px solid #4C54A1;
}
.tv1 .slot:hover .orainonda-icon {
    background-color: #fff;
    border: 1px solid rgba(255,255,255, 0.1);
}
.tv1 .slot:hover .orainonda-icon::before {
	background-color: rgba(255,255,255, 0.6);
	animation: orainonda-anim-bianco 2s ease-in-out infinite;
}
.tv1 .slot:hover .guardaadesso {
	color: #fff;
}

.tv2 .slot:hover {
    background: #E32026;
	color: #fff;
}
.tv2 .slot:hover .programma {
    background: #E32026;
	border-color: #E32026;
	color: #fff;
}
.tv2 .slot:hover .programma a {
	color: #fff;
}
.tv2 .slot:hover a.callta {
	color: #fff;
}
.tv2 .slot:hover a.callta::before {
	color: #fff;
	background-image: url(https://www.davidemaggio.it/epg2/img/info-fff.svg);
	/*border: 1px solid #fff;*/
}
.tv2 .oraif::before {
    background-image: url(https://www.davidemaggio.it/epg2/img/orologio-fff.svg);
}
.tv2 .slot:hover::before {
	border-left: 4px solid #E32026;
}
.tv2 .slot:hover .orainonda-icon {
    background-color: #fff;
    border: 1px solid rgba(255,255,255, 0.1);
}
.tv2 .slot:hover .orainonda-icon::before {
	background-color: rgba(255,255,255, 0.6);
	animation: orainonda-anim-bianco 2s ease-in-out infinite;
}
.tv2 .slot:hover .guardaadesso {
	color: #fff;
}

.tv3 .slot:hover {
    background: #08B772;
	color: #000;
}
.tv3 .slot:hover .programma {
    background: #08B772;
	border-color: #08B772;
	color: #000;
}
.tv3 .slot:hover .programma a {
	color: #000;
}
.tv3 .slot:hover a.callta {
	color: #000;
}
.tv3 .slot:hover a.callta::before {
	color: #000;
	background-image: url(https://www.davidemaggio.it/epg2/img/info-000.svg);
	/*border: 1px solid #000;*/
}
.tv3 .oraif::before {
    background-image: url(https://www.davidemaggio.it/epg2/img/orologio-000.svg);
}
.tv3 .slot:hover::before {
	border-left: 4px solid #08B772;
}
.tv3 .slot:hover .orainonda-icon {
    background-color: #000;
    border: 1px solid rgba(0,0,0, 0.1);
}
.tv3 .slot:hover .orainonda-icon::before {
	background-color: rgba(0,0,0, 0.6);
	animation: orainonda-anim-nero 2s ease-in-out infinite;
}
.tv3 .slot:hover .guardaadesso {
	color: #000;
}

.tv4 .slot:hover {
    background: #EA5D17;
	color: #fff;
}
.tv4 .slot:hover .programma {
    background: #EA5D17;
	border-color: #EA5D17;
	color: #fff;
}
.tv4 .slot:hover .programma a {
	color: #fff;
}
.tv4 .slot:hover a.callta {
	color: #fff;
}
.tv4 .slot:hover a.callta::before {
	color: #fff;
	background-image: url(https://www.davidemaggio.it/epg2/img/info-fff.svg);
	/*border: 1px solid #fff;*/
}
.tv4 .oraif::before {
    background-image: url(https://www.davidemaggio.it/epg2/img/orologio-fff.svg);
}
.tv4 .slot:hover::before {
	border-left: 4px solid #EA5D17;
}
.tv4 .slot:hover .orainonda-icon {
    background-color: #fff;
    border: 1px solid rgba(255,255,255, 0.1);
}
.tv4 .slot:hover .orainonda-icon::before {
	background-color: rgba(255,255,255, 0.6);
	animation: orainonda-anim-bianco 2s ease-in-out infinite;
}
.tv4 .slot:hover .guardaadesso {
	color: #fff;
}

.tv5 .slot:hover {
    background: #163764;
	color: #fff;
}
.tv5 .slot:hover .programma {
    background: #163764;
	border-color: #163764;
	color: #fff;
}
.tv5 .slot:hover .programma a {
	color: #fff;
}
.tv5 .slot:hover a.callta {
	color: #fff;
}
.tv5 .slot:hover a.callta::before {
	color: #fff;
	background-image: url(https://www.davidemaggio.it/epg2/img/info-fff.svg);
	/*border: 1px solid #fff;*/
}
.tv5 .oraif::before {
    background-image: url(https://www.davidemaggio.it/epg2/img/orologio-fff.svg);
}
.tv5 .slot:hover::before {
	border-left: 4px solid #163764;
}
.tv5 .slot:hover .orainonda-icon {
    background-color: #fff;
    border: 1px solid rgba(255,255,255, 0.1);
}
.tv5 .slot:hover .orainonda-icon::before {
	background-color: rgba(255,255,255, 0.6);
	animation: orainonda-anim-bianco 2s ease-in-out infinite;
}
.tv5 .slot:hover .guardaadesso {
	color: #fff;
}

.tv6 .slot:hover {
    background: #028CD6;
	color: #fff;
}
.tv6 .slot:hover .programma {
    background: #028CD6;
	border-color: #028CD6;
	color: #fff;
}
.tv6 .slot:hover .programma a {
	color: #fff;
}
.tv6 .slot:hover a.callta {
	color: #fff;
}
.tv6 .slot:hover a.callta::before {
	color: #fff;
	background-image: url(https://www.davidemaggio.it/epg2/img/info-fff.svg);
	/*border: 1px solid #fff;*/
}
.tv6 .oraif::before {
    background-image: url(https://www.davidemaggio.it/epg2/img/orologio-fff.svg);
}
.tv6 .slot:hover::before {
	border-left: 4px solid #028CD6;
}
.tv6 .slot:hover .orainonda-icon {
    background-color: #fff;
    border: 1px solid rgba(255,255,255, 0.1);
}
.tv6 .slot:hover .orainonda-icon::before {
	background-color: rgba(255,255,255, 0.6);
	animation: orainonda-anim-bianco 2s ease-in-out infinite;
}
.tv6 .slot:hover .guardaadesso {
	color: #fff;
}

.tv7 .slot:hover {
    background: #FEC022;
	color: #000;
}
.tv7 .slot:hover .programma {
    background: #FEC022;
	border-color: #FEC022;
	color: #000;
}
.tv7 .slot:hover .programma a {
	color: #000;
}
.tv7 .slot:hover a.callta {
	color: #000;
}
.tv7 .slot:hover a.callta::before {
	color: #000;
	background-image: url(https://www.davidemaggio.it/epg2/img/info-000.svg);
	/*border: 1px solid #000;*/
}
.tv7 .oraif::before {
    background-image: url(https://www.davidemaggio.it/epg2/img/orologio-000.svg);
}
.tv7 .slot:hover::before {
	border-left: 4px solid #FEC022;
}
.tv7 .slot:hover .orainonda-icon {
    background-color: #000;
    border: 1px solid rgba(0,0,0, 0.1);
}
.tv7 .slot:hover .orainonda-icon::before {
	background-color: rgba(0,0,0, 0.6);
	animation: orainonda-anim-nero 2s ease-in-out infinite;
}
.tv7 .slot:hover .guardaadesso {
	color: #000;
}

.tv8 .slot:hover {
    background: #000000;
	color: #fff;
}
.tv8 .slot:hover .programma {
    background: #000000;
	border-color: #000000;
	color: #fff;
}
.tv8 .slot:hover .programma a {
	color: #fff;
}
.tv8 .slot:hover a.callta {
	color: #fff;
}
.tv8 .slot:hover a.callta::before {
	color: #fff;
	background-image: url(https://www.davidemaggio.it/epg2/img/info-fff.svg);
	/*border: 1px solid #fff;*/
}
.tv8 .oraif::before {
    background-image: url(https://www.davidemaggio.it/epg2/img/orologio-fff.svg);
}
.tv8 .slot:hover::before {
	border-left: 4px solid #000000;
}
.tv8 .slot:hover .orainonda-icon {
    background-color: #fff;
    border: 1px solid rgba(255,255,255, 0.1);
}
.tv8 .slot:hover .orainonda-icon::before {
	background-color: rgba(255,255,255, 0.6);
	animation: orainonda-anim-bianco 2s ease-in-out infinite;
}
.tv8 .slot:hover .guardaadesso {
	color: #fff;
}

.tv9 .slot:hover {
    background: #35C6B4;
	color: #000;
}
.tv9 .slot:hover .programma {
    background: #35C6B4;
	border-color: #35C6B4;
	color: #000;
}
.tv9 .slot:hover .programma a {
	color: #000;
}
.tv9 .slot:hover a.callta {
	color: #000;
}
.tv9 .slot:hover a.callta::before {
	color: #000;
	background-image: url(https://www.davidemaggio.it/epg2/img/info-000.svg);
	/*border: 1px solid #000;*/
}
.tv9 .oraif::before {
    background-image: url(https://www.davidemaggio.it/epg2/img/orologio-000.svg);
}
.tv9 .slot:hover::before {
	border-left: 4px solid #35C6B4;
}
.tv9 .slot:hover .orainonda-icon {
    background-color: #000;
    border: 1px solid rgba(0,0,0, 0.1);
}
.tv9 .slot:hover .orainonda-icon::before {
	background-color: rgba(0,0,0, 0.6);
	animation: orainonda-anim-nero 2s ease-in-out infinite;
}
.tv9 .slot:hover .guardaadesso {
	color: #000;
}

.programma {
	display: block;
    position: relative;
    height: auto;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    line-height: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*max-width: 60ch;*/
    margin: 4px 8px;
	
	/*background: #ff0;*/
}

.programma a {
	color: #000;
    font-weight: 700;
    text-decoration: none;
}

.programma .genere {
	font-weight: 300;	
	font-size: 14px;
}


.indicatore-attesa {
    display: none;
    position: absolute;
    width: 50px;
    height: 8px;
    left: 50%;
    margin-left: -25px;
}
.indicatore-attesa.attesa {
	display: inline-block;
}
.indicatore-attesa div {
	display: inline-block;
	position: absolute;
	left: 8px;
	width: 8px;
	background: #e61e28;
	animation: indicatore-attesa 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.indicatore-attesa div:nth-child(1) {
	left: 8px;
	animation-delay: -0.24s;
}
.indicatore-attesa div:nth-child(2) {
	left: 24px;
	animation-delay: -0.12s;
}
.indicatore-attesa div:nth-child(3) {
	left: 40px;
	animation-delay: 0s;
}
@keyframes indicatore-attesa {
  0% {
    top: -12px;
    height: 24px;
  }
  50%, 100% {
    top: 0;
    height: 8px;
  }
}

.indicatore-orainonda {
	display: inline-block;
	position: absolute;
	width: 40px;
	height: 40px;
	margin-top: -10px;
}
.indicatore-orainonda div {
	position: absolute;
	border: 2px solid #e61e28;
	opacity: 0;
	border-radius: 50%;
	animation: indicatore-orainonda 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;/*(0, 0.2, 0.8, 1)*/
}
.indicatore-orainonda div:nth-child(2) {
	animation-delay: 1s;/*0.5s*/
}
.indicatore-orainonda span {
	position: absolute;
	width: 64px;
	font-size: 12px;
	text-align: center;
	line-height: 12px;
	top: 20px;
	left: 20px;
	margin-left: 14px;
	margin-top: -6px;

}

@keyframes indicatore-orainonda {
  0% {
	top: 18px;
	left: 18px;
	width: 0;
	height: 0;
    opacity: 0;
  }
  4.9% {
	top: 18px;
	left: 18px;
	width: 0;
	height: 0;
	opacity: 0;
  }
  5% {
	top: 18px;
	left: 18px;
	width: 0;
	height: 0;
	opacity: 1;
  }
  100% {
	top: 0px;
	left: 0px;
	width: 36px;
	height: 36px;
	opacity: 0;
  }
}


.indicatore-orainonda-diretta {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	margin-top: -4px;
	margin-left: -6px;
}
.indicatore-orainonda-diretta div {
	position: absolute;
	border: 2px solid #e61e28;
	background: #e61e28;
	opacity: 0;
	border-radius: 50%;
	animation: indicatore-orainonda-mini 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;/*(0, 0.2, 0.8, 1)*/
}
.indicatore-orainonda-diretta div:nth-child(2) {
	animation-delay: 1s;/*0.5s*/
}
.indicatore-orainonda-diretta span {
	position: absolute;
    width: 64px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    top: 10px;
    left: 10px;
    margin-left: 9px;
    margin-top: -3px;

}


.indicatore-piattaforma-mini {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	margin-top: -4px;
	margin-left: -6px;
}
.indicatore-piattaforma-mini div.playfreccia {
	position: absolute;
	width: 0;
	height: 0;
	top: 8px;
	left: 7px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #fff;
}
.indicatore-piattaforma-mini div.playcerchio {
	position: absolute;
	/*border: 2px solid #e61e28;*/
	border-radius: 50%;
	background: #e61e28;
	top: 4px;
	left: 0px;
	width: 20px;
	height: 20px;
	opacity: 1;
}

@keyframes indicatore-piattaforma-playcerchio {
    from { transform: rotate(0deg);   }
    to   { transform: rotate(360deg); }
}

.playcerchio-spinner {
    animation: indicatore-piattaforma-playcerchio 1.5s linear infinite;
    background: #e61e28;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    position: absolute;
	top: 1px;
	left: -3px;
}

.playcerchio-spinner::before,
.playcerchio-spinner::after {
    content: '';
    position: absolute;
}

.playcerchio-spinner::before {
    border-radius: 50%;
    background:
        linear-gradient(0deg,   hsla(0, 0%, 100%, 1  ) 50%, hsla(0, 0%, 100%, 0.9) 100%)   0%   0%,
        linear-gradient(90deg,  hsla(0, 0%, 100%, 0.9)  0%, hsla(0, 0%, 100%, 0.6) 100%) 100%   0%,
        linear-gradient(180deg, hsla(0, 0%, 100%, 0.6)  0%, hsla(0, 0%, 100%, 0.3) 100%) 100% 100%,
        linear-gradient(360deg, hsla(0, 0%, 100%, 0.3)  0%, hsla(0, 0%, 100%, 0  ) 100%)   0% 100%
    ;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
}

.playcerchio-spinner::after {
    background: #fff;
    border-radius: 50%;
    top: 3%;
    bottom: 3%;
    left: 3%;
    right: 3%;
}


.orainonda-icon {
	display: inline-block;
    position: relative;
    top: -2px;
    background-color: #e61e28;
    width: 3px;
    height: 3px;
    margin-left: 9px;
    border: 1px solid rgba(230,30,40, 0.1);
    border-radius: 50%;
    z-index: 1;
	opacity: 0.75;
}
.orainonda-icon::before {
	content: "";
	display: block;
	position: absolute;
	background-color: rgba(230,30,40, 0.6);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	animation: orainonda-anim 2s ease-in-out infinite;
	z-index: -1;
}

@keyframes orainonda-anim {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(8, 8);
    background-color: rgba(230,30,40, 0);
  }
}
@keyframes orainonda-anim-bianco {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(8, 8);
    background-color: rgba(255,255,255, 0);
  }
}
@keyframes orainonda-anim-nero {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(8, 8);
    background-color: rgba(0,0,0, 0);
  }
}

.modal-link span.piattaforma-link a {
    padding-left: 0;
    color: #000;
    margin-right: 0;
    font-size: 16px;
}

.indicatore-orainonda-mini {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	margin-top: -4px;
	margin-left: -6px;
}
.indicatore-orainonda-mini div {
	position: absolute;
	border: 2px solid #e61e28;
	opacity: 0;
	border-radius: 50%;
	animation: indicatore-orainonda-mini 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	
}
.indicatore-orainonda-mini div:nth-child(2) {
	animation-delay: 1s;/*0.5s*/
}
.indicatore-orainonda-mini span {
	position: absolute;
    width: 64px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    top: 10px;
    left: 10px;
    margin-left: 9px;
    margin-top: -3px;

}

@keyframes indicatore-orainonda-mini {
	0% {
		top: 12px;
		left: 12px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	4.9% {
		top: 12px;
		left: 12px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	5% {
		top: 12px;
		left: 12px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 24px;
		height: 24px;
		opacity: 0;
	}
}

.direttalive {
	position: relative;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    margin-top: 2px;
	margin-left: 6px;
}
.direttalive::before {
	content: ' ';
    display: block;
    position: absolute;
    top: 1px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: #e61e28;
    border-radius: 50%;
}
.direttalive::after {
	content: ' ';
	position: absolute;
    width: 0;
    height: 0;
    top: 4px;
    left: 9px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #fff;
}

.guardaadesso {
	opacity: 1;
    margin-left: 12px;
    position: absolute;
    color: #000;
    font-size: 12px;
    padding: 0 0px 0 8px;    
    letter-spacing: 0.5px;
    padding-right: 4px;
}

.modal {
	display: none;
	position: fixed;
	z-index: 9;
	/*padding-top: 100px;*/
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.modal-content {
	background-color: #fefefe;	
	margin: 144px auto 80px auto;
	padding: 20px;
	border: 1px solid #888;
	width: calc(100% - 60px);
    max-width: 500px;
	border-radius: 8px;
	position: relative;
	color: #000;
	line-height: normal;
}

.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
    right: 20px;
    top: 12px;
}
.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

#modal-testo {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px 16px; /* row-gap column gap */
}

.modal-logo {
	width: 80px;
	height: 58px;
}
.modal-logo.altre, .modal-logo.sky {
	width: 88px;
	border: 1px solid #bcbcbc;
}
.modal-logo img {
	position: relative;
    top: 7px;
	width: 80px;
	height: 44px;
	margin-bottom: 0;
    margin-top: 0;
}
.modal-logo.altre img, .modal-logo.sky img {
	position: relative;
    top: 7px;
	width: 80px;
	height: 44px;
	margin: 0 4px;
	
}
.modal-orari {
	line-height: 1.3em;
}
.modal-cover {
	position: relative;
	padding-top: 56.25%;
    width: 100%;
    background: #bcbcbc;
}
.modal-cover img {
	width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
}
.modal-credits {
	display: inline-block;
	position: absolute;
	bottom: 4px;
	left: 0;
	padding: 4px 8px;
	color: #fff;
	background: rgba(0,0,0,0.3);
	font-size: 13px;
}
.modal-titolo {
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
}
.modal-genere {
	width: 100%;
	font-style: italic;
}
.modal-note {
	width: 100%;
	padding: 0 0 16px 0;
	border-bottom: 1px solid #000;
}
.modal-link {
	/*width: 48%;*/						
}
.modal-link span {
	/*font-style: italic;*/
}
.modal-link span a {
	position: relative;
	padding-left: 24px;
	color: #000;
	font-size: 14px;
	margin-right: 20px;
}
.modal-link span a.modal-callta {	
	color: #e61e28;
	font-size: 14px;
	font-weight: bold;
}
.modal-ch {
	display: inline-block;
	position: relative;
	/*background: #ffffff;*/
    padding: 0 0.5em;
    /*border-left: 1px solid #777;*/
    margin-left: 0.5em;
	padding-left: 22px;
}
.modal-ch::before {
	content: ' ';
	display: block;
	position: absolute;
	width: 19px;
	height: 19px;
	top: 0;
	left: 0;
	background-image: url('https://www.davidemaggio.it/epg2/img/segnale.svg');
	background-size: 19px 19px;
	background-position: center center;
	background-repeat: non-repeat;
}
a.modal-callta {
	color: #e61e28;
}
a.modal-callta::before {
	display: block;
	content: 'i';
	width: 16px;
	height: 16px;
	color: #e61e28;
	font-size: 16px;
	font-weight: 700;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 2px;
	text-decoration: none;
	text-align: center;
	line-height: 16px;
	border: 1px solid #e61e28;
	font-style: italic;
	font-family: times, serif;
	
}
a.modal-promemoria::before {
	display: block;
	content: ' ';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 2px;			
	background-image: url(https://www.davidemaggio.it/epg2/img/campana.svg);
	background-size: 16px 16px;
	backgroun-position: 0 0;
	background-repeat: no-repeat;
}

.modal-link .live-icon {
	top: 6px;
}

.riquadro.cambiapag {
	background: #ededed;
    border-radius: 8px;
	color: #e60914;
	transition: color .3s, background .3s;
}

.testolinkpag {
	font-family: 'Montserrat';
    font-size: 1rem;
    font-weight: 700;
    display: block;
    position: absolute;    
    top: 50%;
    text-align: center;
    width: 100%;
    margin-top: -1em;
}
.riquadro.cambiapag:hover {
	background: #e60914;
	color: #fff;
}


@media (max-width: 1023px) {
	.contenitore-gtv.fisso1 {
		top: 112px;
		border-top: 8px solid #fff;
	}
	.tendinabox {
		margin: -4px 2px 0 2px;
	}

}
@media (max-width: 767px) {
	/* 2 caselle */
	.contenitore-gtv {
		/*width: 95%;*/
	}
	.contenitore-gtv.fisso1 {
		top: 108px;
		border-top: 8px solid #fff;
	}
	.opzione-barra {
		border-bottom: unset;
	}
	.opzione-barra.centrato {
		height: 30px;
		margin-top: 10px;
	}
	.opzione-btn {
		display: inline;
		font-size: 11px;
		/*border-radius: 8px 8px 8px 8px;*/
		margin-bottom: 8px;
	}
	

	.tendinabox {
		width: 116px;
		height: 27px;
		margin: 0px 2px;
		font-size: 11px;
	}
	.tendinasf select {
		width: 96px;
		padding: 4px 4px 4px 8px;
		letter-spacing: 0;
		font-size: 11px;
		text-align: left;
		background-size: 24px;
		background-position: 85px center;
	}
	.tendinasf select option {
		text-align: left;
		padding-left: 4px;
	}
	
	.testocq {
		font-size: 12px;
	}
	
}
@media (min-width: 768px) {
	/* 3 caselle */	
	.contenitore-gtv {
		max-width: 736px;
	}

}
@media (min-width: 784px) {
	/* 3 caselle */	
	.contenitore-gtv {
		/*width: 93%;*/
	}

}
@media (min-width: 785px) {
	/* 3 caselle */	;
	.contenitore-gtv {
		max-width: 736px
	}

}
@media (min-width: 1024px) {
	/* 5 caselle */	
	.contenitore-gtv {
		/*width: 95%;*/
	}	
	.contenitore-gtv.fisso1 {
		top: 116px;
		border-top: 0;
	}
	.opzione-barra.centrato.barra1 {		
		margin-top: 24px;
	}
	.opzione-barra.centrato.barra2 {		
		margin-bottom: 16px;
	}
}
@media (min-width: 1041px) {
	/* 5 caselle */
	.contenitore-gtv {
		max-width: 992px;
	}
}
@media (min-width: 1280px) {
	/* 5 caselle */
	.contenitore-gtv {
		max-width: 1108px;
	}
}
@media (min-width: 1536px) {
	/* 5 caselle */
	.contenitore-gtv {
		max-width: 1408px;
	}
}


.contenitore-gtv {
	display: block;
	position: relative;
	width: 100%;
	heigth: auto;
	margin: 0 auto;
	background: #fff;
}
.riquadro {
	display: inline-block;
	position: relative;
	height: 0;
	background: #fff;
}
.televisore {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	border-radius: 8px;
	background: #ededed;
	/*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.1) 100%);*/
	/*background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 33%, rgba(0,0,0,0.25) 100%);*/
	overflow: hidden;
}
.televisore.tv1 img {
	background-color: #4C54A1;
}

.copertina {
	display: block;
	position: absolute;
	width: 100%;
    height: 50%;
    top: 25%;
	left: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;	
}
.dettagli {
	background: #ccc;
    font-size: 14px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;	
	opacity: 0;
	transition: opacity 0.2s;  
}
.dettagli:hover {
	opacity: 1;
}
.dettagli p {
	margin: 0.5em;
	line-height: normal;
}

.durata {
	display: block;
    position: absolute;
    left: 0;
    top: 75%;
    width: 100%;
    height: 4px;
    background: #dad5d5;
    margin-top: 3px;
}
.percentuale {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	width: 0;
	height: 4px;
	background: #727272;
}

.televisore.tv1 .copertina {
	background-image: url('https://www.davidemaggio.it/epg2/loghi/trama1.png');	
}

.televisore.tv2 .copertina {
	background-image: url('https://www.davidemaggio.it/epg2/loghi/trama2.png');	
}
.televisore.tv3 .copertina {
	background-image: url('https://www.davidemaggio.it/epg2/loghi/trama3.png');	
}


.televisore.tv4 .copertina {
	background-image: url('https://www.davidemaggio.it/epg2/loghi/trama4.png');
}

.televisore.tv5 .copertina {
	background-image: url('https://www.davidemaggio.it/epg2/loghi/trama5.png?v=2');	
}

.televisore.tv6 .copertina {
	background-image: url('https://www.davidemaggio.it/epg2/loghi/trama6.png');	
}


.televisore.tv7 .copertina {
	background-image: url('https://www.davidemaggio.it/epg2/loghi/trama7.png');	
}

.televisore.tv8 .copertina {
	background-image: url('https://www.davidemaggio.it/epg2/loghi/trama8.png');	
}

.televisore.tv9 .copertina {
	background-image: url('https://www.davidemaggio.it/epg2/loghi/trama9.png');	
}


.emittente {
	display: block;
	position: absolute;
	height: 16%;
	width: 100%;
	top: 4.5%;
	left: 0;
}
.emittente .nome {
	display: inline-block;
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	color: #000;
	
}

.emittente .nome img {
	width: auto;
	height: 100%;
	vertical-align: top; /*middle;*/
	/*background-color: #9f9f9f;*/
	margin-right: 0.5em;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.televisore.tv1 .emittente .nome img, .televisore.tv1 .percentuale, .tv1 .logotv, .emitt1 .cliccaquigr {
	background-color: #4C54A1;
}
.televisore.tv2 .emittente .nome img, .televisore.tv2 .percentuale, .tv2 .logotv, .emitt2 .cliccaquigr {
	background-color: #E32026;
}
.televisore.tv3 .emittente .nome img, .televisore.tv3 .percentuale, .tv3 .logotv, .emitt3 .cliccaquigr {
	background-color: #08B772;
}
.televisore.tv4 .emittente .nome img, .televisore.tv4 .percentuale, .tv4 .logotv, .emitt4 .cliccaquigr {
	background-color: #EA5D17;
}
.televisore.tv5 .emittente .nome img, .televisore.tv5 .percentuale, .tv5 .logotv, .emitt5 .cliccaquigr {
	background-color: #163764;
}
.televisore.tv6 .emittente .nome img, .televisore.tv6 .percentuale, .tv6 .logotv, .emitt6 .cliccaquigr {
	background-color: #028CD6;
}
.televisore.tv7 .emittente .nome img, .televisore.tv7 .percentuale, .tv7 .logotv, .emitt7 .cliccaquigr {
	background-color: #FEC022;
}
.televisore.tv8 .emittente .nome img, .televisore.tv8 .percentuale, .tv8 .logotv, .emitt8 .cliccaquigr {
	background-color: #000000;
}
.televisore.tv9 .emittente .nome img, .televisore.tv9 .percentuale, .tv9 .logotv, .emitt9 .cliccaquigr {
	background-color: #35C6B4;
}
.emittente .orario {
	display: inline-flex;
    font-size: 12px;
    flex-direction: column;
	
}
.emittente .orario.noflex {
	display: inline;
	position: absolute;
    top: -4px;
    left: 35%;
}
.emittente .orario strong {
	font-size: 14px;
	font-weight: 700;
	line-height: 12px;
}
.emittente .primatv {
	display: inline-block;
	position: absolute;
	top: 70%;
    left: 33%;
    font-size: 11px;
    padding: 0 0.2em;
	text-align: center;
	background: #000;
	color: #fff;
}
.emittente .sottotitoli, .emittente .duratatime {
	padding: 0 0 0 0.5em;
	font-size: 12px;
}
.emittente .semaforo {
	display: none;
	width: 0.5em;
    height: 0.5em;
	border-radius: 0.25em;
	border: 1px solid #ad9f9f;
}

.emittente .semaforo.c-r {
	display: inline-block;
	background: #f00;
}
.emittente .semaforo.c-g {
	display: inline-block;
	background: #fec022;
}
.emittente .semaforo.c-v {
	display: inline-block;
	background: #0f0;
}

.scopri {
	display: block;
    width: 16px;
    height: 16px;
    color: #434343;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    position: absolute;
    right: 8px;
    top: 2px;
    text-decoration: none;
    text-align: center;
    line-height: 16px;
    border: 1px solid #666;
    font-style: italic;
    font-family: times, serif;
}
.scopri:hover {
	border-color: #f00;
	color: #f00;
}

.programma {
	display: block;
    position: absolute;
    height: auto;
    top: 76%;
    left: 0;
    /*margin-left: 1em;*/
    color: #000;
    font-weight: 700;
    font-size: 14px;
    line-height: 1em;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20ch;
	
}

.programma .genere {
	font-weight: 300;	
	font-size: 14px;
}
.riqorainonda {
    text-align: center;
}
.riqorainonda a.linknext {
    top: calc(50% - 1em);
    position: relative;
	border: none;
}

@media (max-width: 767px) {
	/* 2 caselle */
	.contenitore-gtv {
		width: 100% /*95%*/;
	}
	.riquadro {
		width: 49.5%;/*48%*/;	
		padding-top: 49.5%;/*48%*/;
		margin-right: 1% /*4%*/;
		/*margin-top: 3%;*/
	}
	.riquadro:nth-child(2n) {
		margin-right: 0;
	}
	
	.riquadro.cambiapag {
		width: 49.5% /*18%*/;	
		padding-top: 49.5%;
	}
}
@media (min-width: 768px) {
	/* 3 caselle */	
	.contenitore-gtv {
		max-width: 736px;
	}
	.riquadro {
		width: 32%;	
		padding-top: 32%;
		margin-right: 2%;
		/*margin-top: 1.5%;*/
	}
	.riquadro:nth-child(2n) {
		margin-right: 2%;
	}
	.riquadro:nth-child(3n) {
		margin-right: 0;
	}
	
	.riquadro.cambiapag {
		width: 100%;
		margin: 0;
		padding-top: 12%;
	}
	
	

}
@media (min-width: 784px) {
	/* 3 caselle */	
	.contenitore-gtv {
		/*width: 93%;*/
	}

}
@media (min-width: 785px) {
	/* 3 caselle */	;
	.contenitore-gtv {
		max-width: 736px
	}

}
@media (min-width: 1024px) {
	/* 5 caselle */	
	.contenitore-gtv {
		width: 100%;/*95%;*/
	}
	.riquadro {
		width: 19.2% /*18%*/;	
		padding-top: 19.2% /*18%*/;
		margin-right: 1% /*2.5%*/;
		/*margin-top: 1.5%;*/
	}
	.riquadro:nth-child(2n) {
		margin-right: 1% /*2.5%*/;
	}
	.riquadro:nth-child(3n) {
		margin-right: 1% /*2.5%*/;
	}
	.riquadro:nth-child(5n) {
		margin-right: 0;
	}
	
	.riquadro.cambiapag {
		width: 19.2% /*18%*/;	
		padding-top: 19.2%;
	}
	
}
@media (min-width: 1041px) {
	/* 5 caselle */
	.contenitore-gtv {
		max-width: 992px;
	}
}
@media (min-width: 1280px) {
	/* 5 caselle */
	.contenitore-gtv {
		max-width: 1108px;
	}
}
@media (min-width: 1536px) {
	/* 5 caselle */
	.contenitore-gtv {
		max-width: 1408px;
	}
}