﻿html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, small, strong, b, u, i, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 0.95em;
	vertical-align: baseline;
	background: transparent
}

:focus {
	outline:0
}

ul, ol, li {
	list-style: none;
	float: left;
	display: inline
}

a {
	text-decoration: none;
}

body {
	background: #1c1c1c;
	color: #000;
	width: 100%;
	-webkit-text-size-adjust: none;
	line-height: 1.5em;
	font-family: Tahoma, Arial, sans-serif;
}

input {
	font-size: 0.9em;
	line-height: 1em;
	font-family: Tahoma, Arial, sans-serif;
}

#logo {
	float: left;
	width: 100%;
	height: 35px;
	margin: 10px 0 7px 0;
}

	#logo h1 {
		margin-left: 10px;
	}

.banner {
	float: left;
	width: 100%;
	padding: 5px 0;
	background: #1c1c1c;
	text-align: center;
}

	.banner img {
		display: block;
		margin: 0 auto;
		width: 100%;
		height: auto;
		border: none;
		max-width: 480px;
	}
	
object, embed {
	width: 100%;
	height: auto;
	background-color: #fff;
	border: none;
	margin: 0;
	padding: 0;
	float: left;
}
	
#menu {
	float: left;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	margin: 0;
	padding: 0;
}

	#menu li {
		float: left;
		background: #fff;
		width: 50%;
		font-weight: bold;
		height: 32px;
		border: none;
		margin: 0;
		padding: 0;
	}
	
	#menuBlog {
		float: right;
	}

		#menu li a,
		#menu li span {
			float: left;
			width: 100%;
			height: 26px;
			color: #000;
			padding-top: 6px;
		}
		
	#menu li a:hover,
	.sezioneShows #menu #menuBlog a,
	.sezioneBlog #menu #menuShows a,
	.sezioneShows #menu #menuBlog span,
	.sezioneBlog #menu #menuShows span {
		background: #e82511;
		color: #fff;
		height: 25px;
		border-top: 1px solid #1c1c1c;
	}

#titoloPreview {
	float: left;
	background: #fff;
	width: 100%;
	padding: 5px 0 2px 0;
}

	#titoloPreview b {
		float: left;
		margin-left: 10px;
		color: #e82511;
		font-weight: bold;
		height: 20px;
	}

	#titoloPreview span {
		float: right;
		margin-right: 10px;
		font-size: 0.8em;
		height: 20px;
	}

#lancio{
	float: left;
	width: 100%;
}
	#lancio a {
		float: left;
		width: 100%;
		height: auto;
		max-width: 480px;
		position: relative;
	}

	#lancio img, 
	#player {
		float: left;
		width: 100%;
		height: auto;
		max-width: 480px;
	}
	
	#lancio #play {
		display: none;
	}
	

.listaIntera {
	float: left;
	width: 100%;
	background: #fff;
}

	.listaIntera li {
		float: left;
		width: 100%;
		border-top: 1px solid #ccc;
	}
	
		.listaIntera li a {
			float: left;
			width: 100%;
			padding: 7px 0 5px 0;
			color: #000;
		}
		
		.listaIntera li a:hover {
			background: #e82511;
			color: #fff;
		}
		
			.listaIntera li a span {
				float: left;
				margin-left: 10px;
				width: 80%;
				overflow: hidden;
				white-space: nowrap;
			}
			
			.listaIntera li a .episodio {
				width:40%;	
			}
			
			.listaIntera li a .avanti {
				float: right;
				height: 13px;
				margin: 2px 10px 5px 10px;
				width: 8px;
				background: url("../img/bgVai.png") no-repeat 0 -13px;
				text-indent: -10000px;
			}
			
			.listaIntera li a:hover .avanti {
				background-position: 0 -26px;
			}	

			.listaIntera li a .indietro {
				float: left;
				height: 13px;
				margin: 3px 10px 4px 10px;
				width: 8px;
				background: url("../img/bgVai.png") no-repeat -8px -13px;
				text-indent: -10000px;
			}
			
			.listaIntera li a:hover .indietro {
				background-position: -8px -26px;
			}					
			
			.listaIntera li a .durata {
				float: right;
				font-size: 0.8em;
				width: auto;	
				margin-left: 0;
				text-align: right;
			}	
			
			.listaIntera .navigazione {
				border-top: none;
			}			
					
			.listaIntera .navigazione span {
				width: auto;
				float: none;
				margin-left: 0;
			}
				
			.listaIntera .navigazione a,
			.listaIntera .navigazione a:hover {
				background: #1c1c1c;
				color: #fff;
				height: 20px;
				padding: 20px 0;
			}
			
			.listaIntera .navigazione a .avanti,
			.listaIntera .navigazione a:hover .avanti {
				background-position: 0 0;
			}

			.listaIntera .navigazione a .indietro,
			.listaIntera .navigazione a:hover .indietro  {
				background-position: -8px 0;
			}
			
			.navigazione + .banner {
				border-top: none;
			}
			
			.listaIntera .navigazione .prev,
			.listaIntera .navigazione .next {
				width: 50%
			}
			
			.listaIntera .navigazione .nextOnly {
				text-align: right;
			}
			
			.listaIntera .navigazione .next {
				text-align: right;
			}
			
			
	
			.listaIntera .navigazione .next span {
				text-align: right;
				
				margin-right: 10px;
				margin-left: 0;
			}
			
			.listaIntera .navigazione .avanti {
				text-indent: 10000px;
			}


			.listaIntera .banner a:hover {
				background: #1c1c1c;
			}

#filtriShows {
	background: #e82511;	
	border-bottom: 1px solid #ccc;
}

	#filtriShows li {
		border-top: 1px solid #000;
	}

		#filtriShows li a {
			color: #fff;
		}
		
		#filtriShows li a .avanti {
			background-position: 0 -26px;
		}

		#filtriShows li a:hover {
			color: #e82511;
			background: #fff;
		}
		
		#filtriShows li a:hover .avanti {
			background-position: 0 -13px;
		}

#ricerca {
	float: left;
	width: 100%;
		border-bottom: 1px solid #ccc;
}

	#ricerca #txtRicerca {
		float: left;
		height: 17px;
		width: 50%;
		border: 1px solid #ccc;
		background: #fff;
		padding: 0;
		margin: 5px 10px;
		-webkit-border-radius: 0;
	}
	
	#ricerca #btnRicerca {
		float: left;
		height: 19px;
		width: 77px;
		text-align: center;
		background: url("../img/bgBottone.png") no-repeat #efefef;
		margin: 5px 10px;
		color: #000;
		font-weight: bold;
		text-shadow: 0 1px 0 #fff;
	}

#footer {
	background: #fff;
}

	#footer small {
		float: left;
		width: 100%;
		color: #b1b1b1;
		background: #fff;
		font-size: 0.8em;
		padding: 15px 0;
	}
		
		#footer small img,
		#footer small span {
			float: left;
			clear: both;
			margin-left: 10px;
			line-height: 12px;
		}
		
		#footer small img {	
			margin-bottom: 5px;
		}	

#descrizione {
	float: left;
	width: 100%;
	background: #fff;
}

	#descrizione #testoDescrizione {
		float: left;
		padding: 10px 3%;
		width: 94%;
		background: #fff;
		clear: both;
	}

	#descrizione b {
		color: #e82511;
		font-weight: bold;
	}
	
	#descrizione table {
		display: none;	
	}

.bottone {
		float: left;
		height: 23px;
		width: 80%;
		text-align: center;
		background: url("../img/bgButton.png") repeat-x #efefef;
		border: 1px solid #ccc;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		margin: 5px 10%;
		padding-top: 5px;
		color: #000;
		font-weight: bold;
		text-shadow: 0 1px 0 #fff;
	}
	
.bottone:active {
	margin-top: 6px;
	margin-bottom: 4px;
}

.guarda {
	float: left;
	width: 50%;
	background-color: #fff;
}


#choose {
	width: 100%;
	height: 222px;
	float: left;
	text-align: center;
	padding: 10px 0;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}


@media screen and (min-device-width: 320px) {
	.banner img {
		width: 94%;
	}
	
	#lancio #play {
		display: inline;
		width: 73px;
		height: 94px;
		position: absolute;
		top: 50%;
		margin-top: -47px;
		margin-left: -37px;
		left: 50%;
	}
	
	.listaIntera li a .episodio {
			width:60%;	
	}
	
	#guarda3gp {
		display: none;
	}
	
	.guarda {
		width: 100%;
	}
	
	object, embed {
		width: 320px;
		height: 205px;
	}
}


