<?php
// Generazione dinamica del file CSS
header("Content-type: text/css; charset: UTF-8");
$w = isset($_GET['w']) ? intval($_GET['w']) : 1;
if (1 === $w) {
	$w = 640;
}
?>
@charset "utf-8";
/* Guida Tv 5.0 Created By StyleWeb.it for Seowebbs @copyright 2013 */
body{
	font-family: Arial, Verdana, Geneva, sans-serif;
}

.clear { clear:both}

.wrapper{
	width:<?php echo $w; ?>px;
	max-width:<?php echo $w; ?>px;
	min-height:200px;
	height: auto !important;
	position: absolute;
	padding-bottom: 15px;
	background: url(img/bg_gtv.png) repeat-x #9CCADB;
	margin-top: 12px;
}

#box-centrale {
	background: white;
	margin: 7px 10px 10px 10px;
    -webkit-border-radius: 6px;  
	-moz-border-radius: 6px;  
	border-radius: 6px;
}

.menu-scelta {margin-top: 5px;}

.menu-top{
	/*height: 36px;*/
	background: #FFF;
}
.logo-guida{
	float:left;
	width: 80px;
	height: 10px;
	color:#2575ae;
	font-weight:bold;
	text-align:center;
    font-size: 16px;
    margin-right: 10px;
    line-height: 2;
}
.menu-giorni{
	height: 35px;
	width: 100%;
	display: block;
	background: #E7EBEB;
}
.box-laterale{
float: left;
width: 449px;
height: 534px;
display: block;
overflow: hidden;
}
.menu-giorni ul{
    margin: 0;   
	padding:0;
}
.menu-giorni ul li{
	float: left;
	list-style: none;
	border-right: 1px solid white;
	text-align: center;
	cursor: pointer;
	line-height: 26px;
	color: #777;
	height: 26px;
	padding: 0 16px;
	font-size: 14px;
	font-weight: bold;
	margin: 4px 4px 0 0;
	display: block !important;
}
.menu-giorni ul li.data.selezionata{
	/*background:#006AB3;*/
    color: #FFFFFF;
	border-top:1px solid #337991;
	border-left:1px solid #337991;
	border-right:1px solid #337991;
	background:url(img/bg_gtv.png);
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	padding: 10px 15px;
	font-size: 16px;
	margin-top: -12px;
	text-shadow: 1px 1px #234D5A;
}

.menu-scelta ul{
    margin: 0px;
    padding: 0px;
}
.menu-scelta ul li{
    float: left;
    text-align: center;
    list-style: none;
	width: 140px;
	margin: 10px 0 10px 10px;
    -webkit-border-radius: 20px;  
	-moz-border-radius: 20px;  
	border-radius: 20px;
    color: #FFF;
    background: #285A68;
	border:2px solid #5A97AD;
	cursor: pointer;
	display:block !important;
	padding:2px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}
.menu-scelta ul li.tipologia.selezionata{
	background:#16323A;
	border:2px solid #5A97AD;
	color:#FFF;
}

.menu-scelta ul li.tipologia.selezionata a{
	color:#FFF;
	text-decoration:none;
}
.menu-scelta ul li.tipologia a{
	color:#FFF;
	text-decoration:none;
	display: inline-block;
	text-align: center;
	width: 100px;
}

.menu-scelta ul li span { display:inline-block; width:23px; height:23px; background-image:url(img/sprite_gtv.png); margin:2px 0 2px 4px; vertical-align:middle;}

.menu-scelta .ico_orarie { background-position: -38px -14px;}
.menu-scelta .ico_canali { background-position: -60px -14px;}
.menu-scelta .ico_categorie { background-position: -83px -14px;}
.menu-scelta .ico_serata { background-position: -106px -14px;}







.box-menu{
    width: 150px;
    float: left;
    /*border-right: 1px solid #CCC;*/
    min-height: 100px;
    /*background: #006ab3;*/
	float: left;
height: 534px !important;
overflow: hidden;
}
.box-contenuto{
    float: left;
    width: 440px;
}
.box-menu ul.menu-orarie{
    padding: 0;
    margin: 0;
}
.box-menu ul.menu-orarie li, .box-menu ul.menu-categorie li, .box-menu ul.menu-canale li{
    width: 142px;
	margin-left:8px;
	height:43px;
	line-height: 43px;
    text-align: center;
    border:2px solid #fff;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
	display:block !important;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}

.box-menu ul.menu-orarie li {font-size: 18px;}

.box-menu ul.menu-categorie li, .box-menu ul.menu-canale li{font-size: 14px;}

.box-menu ul.menu-orarie li.ora.selezionata, .box-menu ul.menu-categorie li.categoria.selezionata {
background: white;
color: #006AB3;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
border-left: 2px solid #CCC;
border-right: 2px solid #CCC;
}

.box-menu ul.menu-canale li.canale.selezionato{
background: white;
color: #006AB3;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
border-left: 2px solid #CCC;
border-right: 2px solid #CCC;
}

.box-menu ul.menu-canale{
    padding: 0;
    margin: 0;
}
div.box-contenuto.vadogiu{
text-align: center;
cursor: pointer;
background:url(img/sprite_gtv.png) -38px -7px;
width: 400px;
height:7px;
margin: 10px 0 20px 35px;
}
div.box-contenuto.vadosu{
text-align: center;
cursor: pointer;
background:url(img/sprite_gtv.png) -38px 0;
width: 400px;
height:7px;
margin: 22px 0 10px 35px;
}

div.box-contenuto.vadosu span, div.menu-scroll.vadosu span {margin-top:-12px; margin-bottom: 7px;}


div.vadosu span, div.vadogiu span {width:38px; height:20px; background-image:url(img/sprite_gtv.png); display:inline-block; opacity:0.5}
div.vadosu span:hover, div.vadogiu span:hover { opacity:1}
div.vadosu span{ background-position:0 0;}
div.vadogiu span{ background-position:0 -20px;}

div.box-contenuto.contenitore{
	height:auto;
}
div.menu-scroll.contenitore{
	height:auto;
	float:left;
	width:150px;
	
	border-right: 2px solid #ccc;
	
	
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 54%, rgba(234,234,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(54%,rgba(255,255,255,0)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 54%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 54%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 54%,rgba(234,234,234,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 54%,rgba(234,234,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 */
	
}
div.menu-scroll.vadogiu{

text-align: center;
cursor: pointer;
background:url(img/sprite_gtv.png) -130px -21px;
width: 143px;
height:7px;
float:left;
margin: 10px 0 22px 3px;

}
div.menu-scroll.vadosu{
text-align: center;
cursor: pointer;
background:url(img/sprite_gtv.png) -130px -14px;
width: 143px;
height:7px;
margin: 25px 0 10px 3px;
}
/*
.box-menu ul.menu-canale li{
    width: 150px;
    text-align: center;
    height: 45px;
    border-bottom: 1px solid #fff;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.5;
    cursor: pointer;
    display: block !important;
}*/
.box-menu ul.menu-canale li.canale img{
 filter: grayscale(100%);
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
} 
.box-menu ul.menu-canale li.canale.selezionato{
    background: #fff;
    color: #006ab3;
}
.box-menu ul.menu-canale li.canale.selezionato img{
	 filter: grayscale(0%);
 -webkit-filter: grayscale(0%);
 -moz-filter: grayscale(0%);
 -ms-filter: grayscale(0%);
 -o-filter: grayscale(0%);
}
.box-menu ul.menu-categorie{
    padding: 0;
    margin: 0;
}
/*.box-menu ul.menu-categorie li{
    width: 150px;
    text-align: center;
    height: 40px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 3;
    cursor: pointer;
	display:block !important;
	font-size: 13px;
}*/
.box-menu ul.menu-categorie li.categoria.selezionata{
    background: #fff;
    color: #006ab3;
}
/* AGGIUNTA DA VECCHIO FILE */
.giorno-settimana{
	height: 35px;
	background: #03F;
}
.giorno-settimana ul
{
	margin-left: -40px;
}
.giorno-settimana ul li{
	width:120px;


	list-style:none;
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	line-height:3;
	border-right: 1px solid;
}

.giorno-settimana ul li a{
	color:#fff;
	text-decoration:none;
}


/* Nuova aggiunta */

  .programma{
	  padding:2px;   
	  font-size: 14px;
}
  .boxcanale{
	  width: 100px;
float: left;
  }
  .canalebox{
	  height: 90px;
	  text-align:center;
	  float: left;
	  width: 110px;
  }
  .boxprogrammi{
	  height: 90px;
	  border-bottom:1px dotted #ccc;
  }
  .boxdestra{
	  width: 460px;
	  float: left;
	  }
.padd{
	padding:5px;
	line-height: 1;
}
.padd1{
	padding:5px;
}
.ora{
font-family:sans-serif;font-size:16px;font-weight:bold;font-style:normal;color:#4886ED;text-transform:none;text-decoration:none;
}
.titolo{
font-family:sans-serif;font-size:12px;font-weight:bold;font-style:normal;color:#000000;text-transform:none;text-decoration:none;
}
.formcanali{
	padding-left:15px;
}
.boxform{
	width: 450px;}
.titform{
	width:110px;
	float:left;
	padding: 4px;
	font-weight: bold;
}
.testatasingolo{
	width: 447px;
	height:50px;
	float: left;
}
.imgsingolo{
width: 90px;
float: left;
padding: 5px;
}
.titolocanalesingolo{
font-weight: bold;
font-size: 12px;
padding: 15px;
width: 316px;
float: left;
}
.canaletittr{
	text-transform:uppercase;
}
.boxcanaleinterno{
	width: 449px;
	float: left;
}
.orasingolo{
float: left;
width: 100px;
text-align: center;
height: 40px;
}
.nomesingolo {
width: 460px;
height: 40px;
text-align: left;
}
.orastyle{
	font-family: sans-serif;

	font-size: 15px;
font-weight: bold;
font-style: normal;
color: #4886ED;
text-transform: none;
text-decoration: none;

}
.titolostyle{
	font-weight: bold;
color: #666;
font-size: 13px;
	float: left;
}
.generestyle{
}
.titoloboxcate{
padding: 10px;
text-align:center;
	float: left;
	width: 427px;
}
.titolocate{
	font-weight:bold;
	font-size: 11px;
}