@charset "utf-8";
/* CSS Document */
body
{
	margin:0;
	padding:0;
	background-color:#ccc;
}

div.backhead
{
	width:100%;
	height:107px;
	background-color:#fff;
	margin-top:50px;
	/*background-image:url(../images/backhead.jpg);
	background-position: top right;
	background-repeat:no-repeat;*/
}

div.head
{
	width:1070px;
	height:100px;
	margin:0 auto;
	padding-top: 7px;
	padding-bottom:5px;
	background-color:#fff;
}

div.logo
{
	width:460px;
	height:100%;
	float:left;
}

div.social-top
{
	width: 180px;
	height:100%;
	float:left;
	margin-right:20px;
}

div.txt-social
{
	height:auto;
	width:100%;
	font-family:Calibri;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
	text-align:right;
}

div.donazione
{
	position:relative;
	width: 200px;
	margin-top:-7px;
	margin-left: 210px;
	height:100%;
	float:left;
	text-align:right;
}

div.backmenu
{
	width:100%;
	height: 40px;
	background-color:#231f20;
	border-top: 2px solid #84c441;
}

div.container-menu
{
	width:1070px;
	margin: 0 auto;
	color: #000;
	font-family: Calibri;
	font-weight: bold;
	font-size: 16px;
	background-color:#231f20;
}

div.divmenu
{
	width:836px;
	height:100%;
	float:left;
}

div.cerca-video-top
{
	width:auto;
	height:32px;
	float:left;
	padding:6px 0px 2px 0px;
	text-align:right;
}

input.campo-cerca-video
{
	width:220px;
	height:24px;
	border: 2px solid #666;
	background-color:#333;
	font-family:calibri;
	font-size:14px;
	color:#ccc;	
	padding:0 5px 0 5px;
	border-radius: 3px; 
 	-moz-border-radius: 3px; /* firefox */
 	-webkit-border-radius: 3px; /* safari, chrome */
	background-image:url(http://www.sassari.tv/images/search-icon.png);
	background-position:98% center;
	background-repeat:no-repeat;
}

input.campo-cerca-video::-webkit-input-placeholder { color: #eee; font-style:italic;}
input.campo-cerca-video::-moz-input-placeholder { color: #eee; font-style:italic;}
input.campo-cerca-video::-ms-input-placeholder { color: #eee; font-style:italic;}

ul#menu
{
	list-style: none;
	margin:0;
	padding:0;
}

ul#menu li
{
	width:auto;
	height:40px;
	padding: 0px 20px 0 20px;
	float:left;
	display: block;
	line-height: 40px;
	color: #ffffff; 	
}

ul#menu li a
{
	width:100%;
	height:100%;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
}

ul#menu li:hover
{
	width:auto;
	height:40px;
	float:left;
	background-color: #84c441;
	display: block;
	color: #fff;
}

ul#menu li ul
{
	display:none;
}

ul#menu li:hover ul
{
	display: block;
	height:170px;
	width:1070px;
	padding:5px 0px 0px 0px;
	position:absolute;
	background-color: #fff;
	margin-left:-535px;
	left:50%;
	border-bottom:2px solid #84c441;
	z-index:1000;
}

ul#menu li#active
{
	width:auto;
	height:40px;
	float:left;
	background-color: #84c441;
	display: block;
	color: #fff;
}

div.sottomenu
{
	width: 100%;
	height:100%;	
}

div.sottomenuleft
{
	float:left;
	width: 31%;
	height:100%;
	padding-right:1%;
	color:#060;
	padding-left:2%;
}

div.sottomenucenter
{
	float:left;
	width: 31%;
	padding-left:2%;
	height:100%;
	color:#060;
}

div.sottomenuright
{
	float:left;
	width: 31%;
	padding-left:2%;
	height:100%;
	color:#060;
}

div.cat-menu-video
{ 
	width:90%; 
	height:35px;
	text-align:left; 
	border-bottom:1px dotted #999;	
	color:#060;
}

ul#menu li ul#tendina li
{
	list-style-type:none;
	width:100%;
	margin:0;
	height:30px;
	padding:0;
}

ul#menu li ul#tendina li a
{
	text-transform:uppercase;
	color:#000;
	padding:0;
}

ul#menu li ul#tendina li a:link, a:visited
{
	text-transform:uppercase;
	color:#000;
	padding:0;
}

ul#menu li ul#tendina li a:hover
{
	text-transform:uppercase;
	color:#000;
	text-decoration:underline;
	padding:0;
}

ul#menu li ul#tendina li:hover
{
	list-style-type:none;
	padding:0;
	margin:0;
	width:100%;
	height:30px;
	text-decoration:underline;
	background-color:transparent;
}

div.container
{
	width:1070px;
	height:auto;
	margin: 0 auto;
}

div.col-sinistra
{
	float:left;
	width:740px;
	height: auto;
	padding:15px 0px 20px 0px;
	margin:0;
}

div.col-destra
{
	float:left;
	width:300px;
	height:auto;
	padding: 4px 10px 4px 10px;
	margin-left:8px;
	margin-top: 15px;
	background-color:#FCFCFC;
	border:1px solid #bbb;
	border-radius: 4px; 
 	-moz-border-radius: 4px; /* firefox */
 	-webkit-border-radius: 4px; /* safari, chrome */
}

div.container-banner
{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	margin-bottom:7px;
}


div.condivisione
{
	width:100%; 
	height:20px; 
	margin-top:10px; 
	padding-top:10px; 
	border-top:1px dotted #ccc;
}

div.container-video-correlati
{
	width:718px;
	height:auto;
	background-color:#FCFCFC;
	padding: 10px;
	border:1px solid #bbb;
	border-radius: 4px; 
 	-moz-border-radius: 4px; /* firefox */
    -webkit-border-radius: 4px; /* safari, chrome */
}

div.backfooter
{
	width:100%;
	height: 160px;
	background-color:#3d3d3d;
	border-top: 3px solid #84c441;
}

div.footer
{	
	width:1070px;
	padding:5px 0 0 0;
	height: 155px;
	margin:0 auto;
	background-color:#3d3d3d;
}

div.text-left-footer
{
	position:relative;
	width: 250px;
	height: 110px;
	float: left;
	margin-top: 30px;
	background-image:url(http://www.sassari.tv/images/lgoofooter.png);
	background-repeat:no-repeat;
}

div.text-center-footer
{
	position:relative;
	width: 570px;
	height: 110px;
	float: left;
	color: #fff;
	font-family: Calibri;
	font-size: 15px;
	margin-top: 10px;
	margin-left:0px;
}

div.text-right-footer
{
	position:relative;
	width: 210px;
	height: 110px;
	float: left;
	color: #fff;
	font-family: Calibri;
	font-size: 15px;
	/*border-right: 1px solid #fff;*/
	margin-top: 0px;
	margin-left:40px;
	text-align:right;
}

div.backbottom
{
	width:100%;
	height: 40px;
	background-color:#5f5f5f;
	border-top: 1px solid #333;
}

div.bottom
{
	width:1070px;
	height: 40px;
	margin: 0 auto;
	font-family: Calibri;
	font-size: 15px;
	color: #fff;
	line-height:40px;
	background-color:#5f5f5f;
}

a.link-footer
{
	color: #fff;
	text-decoration: none;
}

a.link-footer:hover
{
	color: #fff;
	text-decoration: underline;
}

@media only screen and (orientation:portrait) and (max-width: 980px)  {
	body
	{
		overflow-x:hidden;
	}
	
	div.backmenu
	{
		width:1090px;
	}
	
	div.backhead
	{
		width:1090px;
	}
	
	div.container
	{
		width:1090px;
		padding:0 10px 0 10px;
	}
	
	ul#menu li:hover ul
	{
		width:1090px;
		position:absolute;
		left:50%;
		margin-left:-490px;
	}
	
	div.backfooter
	{
		width:1090px;
		height:170px;
	}
	
	div.backbottom
	{
		width:1090px;
	}
	
	/*div.backhead
	{
		display:none;
	}
	
	div.backmenu
	{
		position:fixed;
		width:100%;
		top:0;
		left:0;
	}
	
	div.col-destra
	{
		display:none;
	}
	
	div.col-sinistra
	{
		width:100%;
		margin:0;
		padding:10px;
	}
	
	div.container
	{
		width:100%;
		left:0;
		margin:0;
	}
	
	div.container-streaming
	{
		width:980px;
		height:auto;
	}
	
	div.container-video
	{
		width:100%;
		height:auto;
	}
	
	div.banner-centrale
	{
		display:none;
	}
	
	div.container-notizie
	{
		width:100%;
		height:auto;
	}
	
	.streaming
	{
		width:980px;
		height:500px;
	}
	
	div.container-video
	{
		display:block;
		width:100%;
		height:auto;
	}
	
	div.riga-video
	{
		display:block;
		width:100%;
		height:auto;
		padding-bottom:25px;
	}
	
	div.thumb-video
	{
		float:left;
		width:400px;
		height:auto;
		margin-right:15px;
	}
	
	div.categoria-video
	{
		width:auto;
		height:auto;
	}
	
	div.video
	{
		display:block;
		width:100%;
		height:auto;
		margin-bottom:25px;
		padding:0 0 20 0;
	}
	
	div.descrizione-video
	{
		font-size: 20px;
		margin-bottom:25px;
	}
	
}*/