/* CSS Document */



html{ font-size:100%; }



#share { padding-top:1px; padding-bottom:1px; background-color:#FFFFCC; border-top:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; margin-top:7px; margin-bottom:4px; }


/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

img { border: 0 }



.canale { padding-top:5px; float:right; }



.pic-canale { float:right; background-color:#FFFFFF; padding:2px; margin:5px; margin-right:0px; }


.gustibus { height:175px; }


fieldset.search { z-index:200; position:relative !important; position:inherit;
	border: none;
	width: 243px; height:auto; float:right;
	margin: 0 auto; padding:5px;
	background-color: #D1CDCE;
}
.search input, .search button {
	border: none;  z-index:200; 
	float: left;
}
.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 190px;
	height: 30px;
	padding: 8px 5px 0;
	background: #616161 url(search_bg.gif) no-repeat left top;
	margin-right: 5px;
}
.search input.box:focus {
	background: #616161 url(search_bg.gif) no-repeat left -38px;
	outline: none;
}
.search button.btn {
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(search_bg.gif) no-repeat top right;	
}
.search button.btn:hover {
	background: #fbc900 url(search_bg.gif) no-repeat bottom right;	
}






h1 {
	font-size:18px;
	line-height:22px;
}


h2 {
	font-size:16px;
	line-height:20px; padding-bottom:5px; margin-bottom:0px; margin-top:0px;
}




.miniatura {
	float:left;
	margin-right:12px; border:0; width:80px; height:60px; background-color:#f5f5f5; border: #ebebeb 1px solid;
}

.miniature {
	float:left;
		margin-right:12px; border:0; width:204px; height:130px;  background-color:#f5f5f5; border: #ebebeb 1px solid;
}



.divisorex {
	clear:both;
	height:3px; background-image:url(img/puntinato.jpg); background-position:left; background-repeat:repeat-x; margin-bottom:10px;
	margin-top:10px;
}


.divisore2 {
	clear:both;
	height:6px;
}

.trov_pic { float:left; margin-bottom:40px; margin-right:8px; margin-top:-8px; }

.foto_interna { float:right; margin-left:10px; border:#EDEDED 3px solid; margin-bottom:10px; }


#player_singolo { width:480px; float:right;  }

#scheda { width:415px;  float:left;  margin-left:0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;  }

#scheda2 { width:680px;  float:left;  margin-left:25px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; }



#scheda h1 { font-size:25px;
	line-height:23px; padding-top:0px; margin-top:0px; padding-bottom:5px; }
	
	#scheda2 h1 { font-size:25px;
	line-height:23px; padding-top:0px; margin-top:0px; padding-bottom:5px; }
	
	
	.abbassa { margin-bottom:-3px !important;  margin-bottom:0px;}
	

#video_blog { width:620px; margin-left:20px; text-align:left; float:left; border: #CCCCCC 0px solid; padding-right:10px; font-family: Verdana, Arial, Helvetica, sans-serif;  }

#trovatutto { width:213px; margin-right:20px; text-align:left; float:right;   background-color:#EDEDED; padding:20px; margin-top:0px;  border: #CCCCCC 1px solid; background-image:url(new_img/sfondo_trova.jpg); background-position:bottom right; background-repeat:no-repeat; }



.pic-left { float:left; padding-right:5px; }

.titolo { font-size:16px; font-weight:bold;  }


.blog-pic { float:left; padding-right:10px; }




#video_blog a:link, #video_blog a:visited, #video_blog a:active {
	text-decoration: none;
	color:#AA3375;
}
#video_blog a:hover {
	text-decoration: none;
	color: #333333; text-decoration: underline;
	background-color:#FFFFFF;
}

/* CANALI */

.cont-canali { background-color:#CCCCCC; padding:0px; margin:0px; padding-bottom:3px; padding-top:3px; background-image:url(new_img/sfondo-channel.jpg); background-repeat:repeat;  }


#canali a:link, #canali a:visited, #canali a:active,

#canalis a:link, #canalis a:visited, #canalis a:active {
	text-decoration: none; font-size:15px;
	color:#FFFFFF;
}



#canalis ul {
	padding: 0;
	margin:0;
	color: White;
	float: right; 
	
}
#canalis ul li {
	display: inline; 
}




.canali_new a:link, .canali_new a:visited, .canali_new a:active
 { color:#FFFFFF; }
 
 
 
 .canali_new div a:link, .canali_new div a:visited, .canali_new div a:active
 { color:#000000; }
 


.canali_new a:hover { color:#FFFFFF; } .canali_new div a:hover { color:#000000; }


#canali a:hover, #canalis a:hover {
	text-decoration: none;
color:#FFFFFF; text-decoration: underline; font-size:15px;
	
}

.gustibus{ background-image:url(images/bk_gustibus.jpg); background-repeat:repeat-x; background-position:top;}

.discoverus { background-image:url(images/bk_discoverus.jpg); background-repeat:repeat-x; background-position:top; }

.nigtus { background-image:url(images/bk_nigtus.jpg); background-repeat:repeat-x; background-position:top; }


.sexus { background-image:url(images/bk_sexus.jpg); background-repeat:repeat-x; background-position:top; }



.canali_new { height:165px; margin-left:10px;float:left; border-left: #999999 0px solid; border-right: #999999 0px solid; border-bottom: #999999 0px solid;   text-align:left; background-color:#E3E3E3; }


.canali_new div { padding:10px; font-family:Arial, Helvetica, sans-serif; text-align:left;  }

.canali_new h1 { font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:left; margin:0px; padding:0px; padding:7px; color:#FFFFFF; padding-bottom:10px; }



.channel { height:87px; font-family:Arial, Helvetica, sans-serif; }

.channel p { padding-bottom:1px; margin-bottom:1px; }

.travel {   width: 232px; background-color:#006600; font-size:14px; font-weight:bold; float:left;  color:#FFFFFF;  margin-right:5px!important;  margin-right:3px; margin-left:1px; text-align:left; padding-top:3px; }

.travel span, .gusto span, .night span, .sexy span { padding:5px; } .travel p, .gusto p, .night p, .sexy p { padding:5px; padding-top:0px; margin-top:0px;  font-size: 0.700em;
 font-weight:normal;}

.gusto {  width: 232px; background-color:#FF6600; font-size:14px; font-weight:bold; float:left;  color:#FFFFFF;  margin-right:5px; text-align:left; padding-top:3px; }


.night {  width: 232px; background-color:#003399; font-size:14px; font-weight:bold; float:left;   color:#FFFFFF;  margin-right:5px; text-align:left;  padding-top:3px;}
.sexy {  width: 232px; background-color:#cc0000; font-size:14px; font-weight:bold;  float:left;   color:#FFFFFF;   margin-right:5px; text-align:left;  padding-top:3px;}


#canali { padding-left:10px !important;  padding-left:8px; }



/* FINE CANALI */



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/sfondo.jpg);
	background-repeat: repeat-x;
	background-color: #F5F5F5; font-size:100%; 
	font-family:Arial,Verdana,Helvetica,sans-serif;
	

	/*font-size:14px;
	line-height: 21px;*/
	
	font-size: 1.00em;
line-height: 1.7em;

	
	
	text-align:center;
}
#scheletro {
	width:964px;
	background-image:url(new_img/sfondo2.jpg); background-position:center;
	background-repeat: repeat-y;
	height:100%;
	margin:auto;
}
#corpo {
	width:922px;
	margin-left:auto;
	margin-right:auto;
}
#testata {
	width:100%;
	height:auto;
	padding:0px;
	margin:0;
	background-image: url(images/sfondo.jpg);
	background-repeat: repeat-x; margin:auto; 
	background-color:#ED4926;
}
#logo {
	float:left;
	height:99px;
	width:528px;
	margin-left:3px;
}
#testata_ds {
	float:left;
	width:430px;
	height:99px; background-image: url(images/testata_ds-bis-3.jpg);
}

#canalis { width:auto; height:auto; padding-top:42px; text-align:right; color:#FFFFFF; padding-right:20px; font-size:13px; }


#login { width:auto; height:auto; padding-top:10px; text-align:right; color:#FFFFFF; padding-right:20px; font-size:12px;  }


#destra a:link, #destra a:visited, #destra a:active {
	text-decoration: none;
	color:#FFFFFF;
}
#destra a:hover {
	text-decoration: none;
	color: #006600;
	background-color:#FFFFFF;
}
#sinistra {
	width:505px;
	float:left;
	background:#FFFFFF;
	float:left;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	margin-top:10px;
	margin-left:50px !important;
	margin-left:25px;
	margin-right:30px;
	text-align:left;
	padding:10px;
	padding-right:16px;
}
#destra {
	width:294px;
	float:left;
	background:#333333;
	float:left;
	color:#FFFFFF;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	margin-top:10px;
	text-align:left;
	padding-left:20px;
}
.imgss {
	padding-right:10px;
}
a:link {
	color: #990000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #B70002;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #990000;
}
.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}
.sep {
	width:100%;
	height:20px;
	clear:both;
}
#menu_silos {
	width:962px;
	background-image:url(new_img/menu10.jpg);
	height:27px;
	margin:0;
	padding:0;
	clear:both;
	margin:auto;
}
#menu { 
	margin:0;
	padding:0;
	font-size:12px;
	text-align:left;
	padding-left:10px;
	padding-top:4px !important;
	padding-top:2px; 
}
/*

#menu span { padding-left:5px; padding-right:5px; }


#menu a:link, #menu a:visited, #menu a:active {
	text-decoration: none; 
	color:#333333;
}
#menu a:hover {
	text-decoration: underline;
	color: #990000;
	
}
*/

#menu ul {
	padding: 0;
	margin:0;
	color: White;
	float: left; 
	
}
#menu ul li {
	display: inline; 
}
#menu ul li a {
	padding-left:10px;
	padding-right:10px;
	text-decoration: none;
	color:#333333;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}
#menu ul li a:hover {
	background-color: #979495;
	color:#ffffff;
}


#navlist { float:left; width:650px;  }


.zero {
	padding:0;
	margin:0;
	width:auto;
	height:auto;
}
.cerca {
		border:#666666 solid 1px;
	height:13px; padding-bottom:2px; background-color:#FFFF99;
	font-size:11px;
}
#ricerca {
	width:auto;
	/*padding-top:0 !important;*/
	/*padding-top:-4px;*/
	margin:0px; margin-top:-25px;
	float:right;
	padding-right:20px;
}
#playerz {
	background-color:#000000;
	width:746px;
	padding:0px;
	float:left;
}
.sedici { font-size:16px; }
.quindici { font-size:15px; }
.quattoridici { font-size:14px; }
.tredici { font-size:13px; }


#player_silos {
	width:746px; height:410px; 
	float:left; overflow:hidden;
	background-color:#000000;
	font-size:12px;
}
#banner {
	float: right;
	width:160px; height:412px; 
	padding: 0;  
    margin:  0;
	
	background-color:#CCCCCC;
	
}



#banner img {  
   
    top:  0; 
    left: 0;
} 

body, td, th {
	font-size: 12px;
}
#menu2 ul {
	padding: 0;
	margin:0;
	color: White;
	 background-color:#666666;
	font-weight:bold;
	/*background-image:url(new_img/night-sfondo.jpg);*/
	background-repeat:no-repeat;
	background-position:left;
	float: left;
	width: 100%;
}
#menu2 ul li {
	display: inline;
}
#menu2 ul li a {
	padding-left:10px;
	padding-right:10px;
	text-decoration: none;
	padding-top:5px;
	padding-bottom:5px;
	color:#ffffff;
	text-decoration: none;
	float: right;
	border-left: 1px solid #fff;
}
#menu2 ul li a:hover {
	background-color: #cccccc;
	color:#000000;
}

.selezionato_night { background-color:#2895D7; color:#ffffff; }
.selezionato_gusto { background-color:#B75A22; color:#ffffff;  }
.selezionato_discovering { background-color:#3CC33C; color:#ffffff; }
.selezionato_sexy { background-color:#830000; color:#ffffff; }

.selezionato_page { background-color:#003399; color:#ffffff; }





.bianco {
	color:#FFFFFF;
}
#footer {
	padding-top:2px;
	padding-bottom:2px;
	clear:both;
	width:962px;
	margin:auto;
	background-repeat:repeat-y;
	color:#333333;
	background-color:#CCCCCC;
}















/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings 
	position:relative;*/
	overflow:hidden;
	width: 800px;
	height:100px;

	/* custom decorations */
	border:0px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	/*width:20000em;
	position:absolute;
	clear:both; */
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:10px 5px 10px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


.scrollable a:hover img { border:1px solid #990000; background-color:#990000; }


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(new_img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(new_img/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	






/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none; font-weight:bold;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			17em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			17em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-right:	0px solid #fff;
	border-top:		0px solid #fff;
	padding: 		.65em .65em;
	text-decoration:none; color:#ffffff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu li {
	/*background:		#666666;*/ padding-top:2px; font-family:Verdana, Arial, Helvetica, sans-serif;
}
.sf-menu li li {
	background:		#666666; text-align:left; 	border-bottom:	1px solid #fff; top:0px; width:175px; font-family:Arial, Helvetica, sans-serif;
}
.sf-menu li li li {
	background:		#666666;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#9F3E24;
	outline:		0; text-decoration:none; color:#ffffff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */ 
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../img/shadow.pngss') no-repeat bottom right;
	padding: 0 4px 4px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}