body

{

	background-color: #fff;

	color: #333333;

	line-height: 22px;

	text-decoration: none;

	font-weight: normal;

	font-family: Arial, Tahoma, Verdana;

	font-size: 11px;

	margin-bottom: 0px;

	margin-left: 0px;

	margin-right: 0px;

	margin-top: 0px;

}



img { border: 0px; }



a

{

	color: #fff;

	text-decoration: none;

	font-family: Arial, Tahoma, Verdana;

	font-size: 11px;

}



a:visited

{

	color: #99CC00 text-decoration:none;

	font-family: Arial, Tahoma, Verdana;

	font-size: 11px;

}



a:active

{

	color: #fff text-decoration:none;

	font-family: Arial, Tahoma, Verdana;

	font-size: 11px;

}



a:hover

{

	color: #000;

	text-decoration: none;

	font-family: Arial, Tahoma, Verdana;

	font-size: 11px;

}



h2

{

	width: 155px;

	font-family: Arial,Tahoma,Verdana;

	font-size: 17px;

	color: #666;

	text-align: center;

	border-bottom: dotted #fff;

	border-bottom-width: 1px;

}



.title_legenda

{

	width: 155px;

	font-family: Arial,Tahoma,Verdana;

	font-size: 16px;

	color: #ffffff;

	text-align: center;

	border-bottom: dotted #fff;

	border-bottom-width: 1px;

	padding: 3px;

}



/*/

////////////*/



.testo_w_normal

{

	color: #fff;

	font-family: Arial,Tahoma, Verdana;

	font-size: 12px;

	font-weight: normal;

	text-decoration: none;

	text-transform: lowercase;

}



.generi

{

	color: #A4BE21;

	font-family: Arial, Verdana;

	font-size: 11px;

	font-weight: bold;

}

.generi-2

{

	color: #00cc00;

	font-family: Arial, Verdana;

	font-size: 11px;

	font-weight: bold;

}

.mood

{

	color: #D82311;

	font-family: Arial, Verdana;

	font-size: 11px;

	font-weight: bold;

}



.stili

{

	color: #324E8C;

	font-family: Arial, Verdana;

	font-size: 11px;

	font-weight: bold;

}



.strumenti

{

	color: #F1B415;

	font-family: Arial, Verdana;

	font-size: 11px;

	font-weight: bold;

}



.strumenti-2

{

	color: #FFFF33;

	font-family: Arial, Verdana;

	font-size: 11px;

	font-weight: bold;

}



a.rounded, .button

{

	outline: none;

	border: none;

	text-decoration: none;

	cursor: pointer;

	white-space: nowrap;

	vertical-align: middle;

	display: inline-block;

	overflow: visible;

	height: 14px;

}



.button

{

	color: #000;

	font-weight: bold;

	background-color: #fff;

	padding: 7px 7px;

}



.button:hover { background-color: #0099FF; }



.center

{

	margin-left: auto;

	margin-right: auto;

}



/* css del ticker  */

/* liScroll style declarations */

.tickercontainer

{

	/* the outer div with the black border */

	border: 0px solid #000;

	width: 2000px;

	height: 27px;

	margin: 0;

	padding: 0 overflow: hidden;

}



.tickercontainer .mask

{

	/* that serves as a mask. so you get a sort of padding both left and right */

	position: relative;

	left: 0px;

	top: 8px;

	width: 900px;

	overflow: hidden;

}



ul.newsticker

{

	/* that's your list */

	position: relative;

	left: 750px;

	font: 11px Arial;

	list-style-type: none;

	margin: 0;

	padding: 0;

}



ul.newsticker li

{

	float: left;

	/* important: display inline gives incorrect results when you check for elem's width */

	margin: 0;

	padding: 0;

}



ul.newsticker a

{

	white-space: nowrap;

	padding: 0;

	color: #ff0000;

	font: bold 10px Verdana;

	margin: 0 50px 0 0;

}



ul.newsticker span

{

	margin: 0 10px 0 0;

	color: #ff0000;

}



.vr

{

	font: 11px Arial;

	color: #ff0000;

	padding: 0px;

	margin3px: ;

}



#artist_ticker

{

	position: absolute;

	left: 0px;

	top: 0px;

	width: 850px;

	height: 40px;

	padding: 15px;

}



/* end o f ticker css*/

#container

{

	position: relative;

	top: 0px;

	left: 0px;

	width: 1050px;

	min-height: 1000px;

	overflow: hidden;

	/* This hides the excess padding in non-IE browsers */

	display: inline-block;

	/* Fixes nasty Opera7 scrolling bug */

}



#centro

{

	position: relative;

	margin: 0px 0px 0px 0px;

	float: left;

	width: 1000px;

	min-height: 600px;

	padding: 0px;

	color: #333;

	top: 50px;

	left: 0px;

	/*border-right: solid #FFCC33;

	border-right-width: 3px;

	border-bottom: solid #FFCC33;

	border-bottom-width: 3px;

	border-left: solid #FFCC33;

	border-left-width: 3px;

	border-top: solid #FFCC33;

	border-top-width: 3px;*/

}



#legenda_link

{

	position: absolute;

	left: 5px;

	top: 0px;

	width: 80px;

	float: left;

	padding: 0px 0px 0px 0px;

	text-align: left;

	font-size: 12px;

	font-weight: bold;

	color: #333;

}



#generiBox

{

	position: relative;

	top: 50px;

	left: 0px;

	float: left;

	padding: 0px;

	width: 170px;

}



#moodBox

{

	position: relative;

	top: 50px;

	left: 10px;

	float: left;

	padding: 0px;

	width: 170px;

}



#stileBox

{

	position: relative;

	top: 50px;

	left: 20px;

	float: left;

	padding: 0px;

	width: 170px;

}



#strumentiBox

{

	position: relative;

	top: 50px;

	left: 30px;

	float: left;

	padding: 0px;

	width: 170px;

}



/* ///////////////// */

#titolo_verde

{

	width: 140px;

	height: 25px;

	font-family: Arial,Tahoma, Verdana;

	font-size: 13px;

	font-weight: bold;

	padding-left: 11px;

	padding-top: 2px;

	background: url(../images/sfondo_generi.png) top left no-repeat;

}



#titolo_verde a:hover

{

	font-weight: bold;

	font-size: 11px;

	font-family: Arial,Tahoma,Verdana, sans-serif;

	color: #ffffff;

}



#titolo_verde   a:link, #titolo_verde  a:visited

{

	text-align: left;

	width: 140px;

	height: 25px;

	font: bold 11px "Arial",Tahoma,Verdana;

	color: #666;

	text-decoration: none;

	padding: 0px;

}



#titolo_rosso

{

	width: 140px;

	height: 25px;

	color: #003300;

	font-family: Arial,Tahoma, Verdana;

	font-size: 13px;

	font-weight: bold;

	padding-left: 10px;

	padding-top: 2px;

	background: url(../images/sfondo_mood.png) top left no-repeat;

}



#titolo_rosso a:hover

{

	text-align: left;

	width: 140px;

	height: 25px;

	font: bold 11px "Arial",Tahoma,Verdana, sans-serif;

	color: #0099FF;

	text-decoration: none;

	padding: 0px;

}



#titolo_rosso   a:link, #titolo_rosso  a:visited

{

	text-align: left;

	width: 140px;

	height: 25px;

	font: bold 11px "Arial",Tahoma,Verdana;

	color: #003300;

	text-decoration: none;

	padding: 0px;

}



#titolo_blu

{

	width: 140px;

	height: 25px;

	color: #003300;

	font-family: Arial,Tahoma, Verdana;

	font-size: 13px;

	font-weight: bold;

	padding-left: 10px;

	padding-top: 2px;

	background: url(../images/sfondo_stili.png) top left no-repeat;

}



#titolo_blu a:hover

{

	text-align: left;

	width: 140px;

	height: 25px;

	font: bold 11px "Arial",Tahoma,Verdana, sans-serif;

	color: #0099FF;

	text-decoration: none;

	padding: 0px;

}



#titolo_blu   a:link, #titolo_blu  a:visited

{

	text-align: left;

	width: 140px;

	height: 25px;

	font: bold 11px "Arial",Tahoma,Verdana;

	color: #003300;

	text-decoration: none;

	padding: 0px;

}



#titolo_giallo

{

	width: 140px;

	height: 25px;

	color: #003300;

	font-family: Arial,Tahoma, Verdana;

	font-size: 13px;

	font-weight: bold;

	padding-left: 10px;

	padding-top: 2px;

	background: url(../images/sfondo_strumenti.png) top left no-repeat;

}



#titolo_vedi_giallo

{

	width: 140px;

	height: 25px;

	color: #003300;

	font-family: Arial,Tahoma, Verdana;

	font-size: 13px;

	font-weight: bold;

	padding-left: 10px;

	padding-top: 2px;

	background: url(../images/titolo_vedi_giallo.png) top left no-repeat;

}



#titolo_vedi_giallo a:hover

{

	text-align: left;

	width: 140px;

	height: 25px;

	font: bold 11px "Arial",Tahoma,Verdana, sans-serif;

	color: #0099FF;

	text-decoration: none;

	padding: 0px;

}



#titolo_vedi_giallo   a:link, #titolo_vedi_giallo  a:visited

{

	text-align: left;

	width: 140px;

	height: 25px;

	font: bold 11px "Arial",Tahoma,Verdana;

	color: #003300;

	text-decoration: none;

	padding: 0px;

}



.red

{

	color: #ff0000;

	font-family: Arial,Tahoma, Verdana;

	font-size: 13px;

	font-weight: bold;

	text-decoration: none;

}



.blu

{

	color: #324E8C;

	font-family: Arial,Tahoma, Verdana;

	font-size: 13px;

	font-weight: bold;

	text-decoration: none;

}



.titolo_w

{

	color: #fff;

	font-family: Arial,Tahoma, Verdana;

	font-size: 13px;

	font-weight: bold;

	text-decoration: underline;

}



.artista

{

	color: #B61B19;

	font-family: Arial,Tahoma, Verdana;

	font-size: 13px;

	font-weight: bold;

}



.track

{

	color: #FFFFFF;

	font-family: Arial,Tahoma, Verdana;

	font-size: 13px;

	font-weight: bolder;

	padding-left: 13px;

	padding-top: 20px;

}

#news

{

width: 180px;





}

.testo_news

{

	margin: 0;

	width: 180px;

	text-align: left;

	text-indent: 0px;

	font: normal 12px "Arial",Tahoma,Verdana;

	text-decoration: none;

	color: #333;

	padding: 0px 0px 10px 0px;

}



.testo_news a:link

{

	display: block;

	text-align: right;

	width: 180px;

	

	font: bold 12px "Arial",Tahoma,Verdana;

	color: #333;

	text-decoration: none;

	padding: 0px 0px 10px 0px;

}



.testo_news a:visited

{

	display: block;

	text-align: right;

	width: 180px;

	font: bold 12px "Arial",Tahoma,Verdana;

	color: #333;

	text-decoration: none;

	padding: 0px 0px 10px 0px;

}



.testo_news a:hover

{

	display: block;

	text-align: right;

	width: 180px;

	font: bold 12px "Arial",Tahoma,Verdana, sans-serif;

	color: #0099FF;

	text-decoration: none;

	padding: 0px 0px 10px 0px;

}



.ascolta

{

	color: #333;

	font-family: Arial,Tahoma, Verdana;

	font-size: 11,5px;

	font-weight: bold;

	padding-left: 12px;

}



.searchbox

{

	color: #333;

	font-family: Arial,Tahoma, Verdana;

	font-size: 12px;

	font-weight: normal;

}



.titoli_hsx

{

	color: #333;

	font-family: Arial,Tahoma, Verdana;

	font-size: 15px;

	font-weight: bold;

}



.titolo_results

{

	color: #666;

	font-family: Arial, Verdana;

	font-size: 15px;

	font-weight: bold;

	padding: 13px;

}



.lista

{

	color: #666666;

	font-family: Arial, Verdana;

	font-size: 12px;

	font-weight: plain;

}



.fine

{

	color: #fff;

	font-family: Arial, Verdana;

	font-size: 12px;

}



.fine_b

{

	color: #666;

	font-family: Arial, Verdana;

	font-size: 11.5px;

	font-weight: bold;

}



.fine_nero

{

	color: #000;

	font-family: Arial, Verdana;

	font-size: 11.5px;

	font-weight: bold;

}



.randomtitles

{

	color: #FFCC00;

	font-family: Arial,Tahoma,Verdana,;

	font-size: 12px;

	font-weight: bold;

}



.inputT

{

	border: 1px solid #333333;

	background-color: #999;

	width: 110px;

	height: 19px;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 8pt;

	color: #fff;

	padding: 5px;

	margin: 0px;

}



.input_button

{

	border: 1px solid #666;

	background-color: #ADBE21;

	font-weight: bold;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 8pt;

	width: 90px;

	height: 18px;

	color: #fff;

	padding: 0px;

	margin: 0px;

}



.button_form

{

	border-right: solid #333;

	border-right-width: 1px;

	border-bottom: solid #333;

	border-bottom-width: 1px;

	border-left: solid #333;

	border-left-width: 1px;

	border-top: solid #333;

	border-top-width: 1px;

	width: 125px;

	height: 20px;

	color: #fff;

	padding-bottom: 12px;

	margin-top: 10px;

	background-color: #58B32C;

	cursor: pointer;

}

.button_longform

{

	border-right: solid #333;

	border-right-width: 1px;

	border-bottom: solid #333;

	border-bottom-width: 1px;

	border-left: solid #333;

	border-left-width: 1px;

	border-top: solid #333;

	border-top-width: 1px;

	width: 180px;

	height: 20px;

	color: #fff;

	padding-bottom: 12px;

	margin-top: 10px;

	background-color: #58B32C;

	cursor: pointer;

}



.button_cloudsearch

{

	border: 0px;

	width: 35px;

	height: 30px;

	color: #333;

	padding-left: 5px;

	padding-top: 15px;

	margin: 1px;

	background: url(../images/icon/cloudsearch_i.png) left no-repeat;

	/*background-color:#324E8C;*/

}



.button_search

{

	border: 0px solid #333333;

	background-color: #FF9900;

	width: 45px;

	height: 35px;

	padding-top: 20px;

	margin: 0px;

	background: url(../images/icon/go_i.png) top right no-repeat;

}



.button_artisti

{

	border: 1px solid #333333;

	background-color: #D82311;

	font-weight: bold;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 9pt;

	width: 130px;

	height: 20px;

	color: #FFF;

	padding: 0px;

	margin: 1px;

}



.button_playlist

{

	border: 0px;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	width: 45px;

	height: 35px;

	color: #333;

	padding-left: 20px;

	margin: 1px;

	background: url(../images/icon/add_i.png) left no-repeat;

	/*background-color: #D82311;*/

}



.button_showplaylist

{

	border: 0px;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	width: 45px;

	height: 35px;

	color: #333;

	padding-left: 20px;

	margin: 1px;

	background: url(../images/icon/playlist_i.png) left no-repeat;

	/*background-color: #D82311;*/

}



.button_phone

{



	border: 0px;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	color: #333;

	padding-left: 20px;

	margin: 1px;

}



.button_licenzia

{

	border: 0px;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	color: #333;

	padding-left: 20px;

	margin: 1px;

}



.button_contratto

{

	border: 0px;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	width: 45px;

	height: 35px;

	color: #333;

	padding-left: 20px;

	margin: 1px;

	background: url(../images/icon/contratto_i.png) left no-repeat;

	/*background-color:#324E8C;*/

}



.button_download

{

	border: 0px;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	width: 45px;

	height: 35px;

	color: #333;

	padding-left: 20px;

	margin: 1px;

	background: url(../images/icon/download_i.png) left no-repeat;

	/*background-color:#324E8C;*/

}



.button_accetta

{

	border: 0px;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	width: 45px;

	height: 35px;

	color: #333;

	padding-left: 20px;

	margin: 1px;

	background: url(../images/icon/license_i.png) left no-repeat;

	/*background-color:#324E8C;*/

}



.button_mypage

{

	border: 0px;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: bold;

	width: 45px;

	height: 35px;

	color: #333;

	padding-left: 20px;

	margin: 1px;

	background: url(../images/icon/mypage_i.png) left no-repeat;

	/*background-color:#324E8C;*/

}



#slider

{

	position: absolute;

	left: -50px;

	top: 500px;

	width: 1000px;

	height: 40px;

	padding: 15px;

	text-align: left;

	font-size: 12px;

	font-weight: bold;

	z-index: 1;

}



#searchbox

{

	position: relative;

	left: 0px;

	top: 30px;

	border-right: dotted #333;

	border-right-width: 1px;

	border-bottom: dotted #333;

	border-bottom-width: 1px;

	border-left: dotted #333;

	border-left-width: 1px;

	/*border-top: dotted #333;

		border-top-width: 1px;*/

	padding-left: 5px;

}



#consulenza

{

	position: relative;

	left: 0px;

	top: 0px;

	/*border-top: dotted #333;

		border-top-width: 1px;*/

	padding-left: 5px;

}



#bandagrigia

{

	position: relative;

	left: 0px;

	width: 950px;

	height: 23px;

	background: url(../images/bandagrigia-4.gif) top right no-repeat;

	background-color: #666;

}



#logo

{

	position: absolute;

	left: 25px;

	top: 0px;

	width: 250px;

	height: 130px;

	background: url(../images/logo_2.png) top left no-repeat;

}



#teaser

{

	position: absolute;

	left: 200px;

	top: 30px;

	width: 600px;

	height: 130px;

	background: url(../images/teaser_color.png) top left no-repeat;

}



#lang

{

	position: absolute;

	left: 380px;

	top: 3px;

	width: 20px;

	height: 15px;

}



#righe

{

	position: absolute;

	left: 0px;

	top: 270px;

	width: 1200px;

	height: 60px;

}



#righe-2

{

	position: absolute;

	left: 0px;

	top: 700px;

	width: 1200px;

	height: 60px;

}



#diagramma

{

	position: absolute;

	left: 60px;

	top: 585px;

	width: 50px;

	height: 40px;

}



#diagramma_333

{

	position: absolute;

	left: 870px;

	top: -2px;

	width: 25px;

	height: 25px;

	z-index: 1;

}



#sfumatura

{

	position: absolute;

	left: 0px;

	top: 0px;

	width: 1200px;

	height: 600px;

}



#testo_sx

{

	position: relative;

	left: 20px;

	top: 30px;

	width: 180px;

	min-height: 700px;

	float: left;

	padding: 15px;

	text-align: left;

	font-size: 12px;

	font-weight: bold;

	/*border-bottom: solid #999;

		border-bottom-width: 1px;

		border-left: solid #999;

		border-left-width: 1px;

		border-top: solid #999;

		border-top-width: 1px;*/

}



#menu

{

	position: relative;

	left: 220px;

	top: 53px;

	/* top:34px;*/

	margin: 0;

	width: 550px;

	text-align: left;

	text-indent: 0px;

	font-family: Arial,Verdana,Tahoma;

	font-size: 11pt;

	font-weight: normal;

	text-decoration: none;

}



#menu a:link, #menu a:visited

{

	text-align: left;

	width: 130px;

	height: 25px;

	font: bold 15px "Arial",Tahoma,Verdana;

	color: #333;

	text-decoration: none;

	padding: 9px 15px 0px 10px;

	/*background: url(../images/diagramma_static.gif) top left no-repeat;*/

}



#menu a:hover

{

	text-align: left;

	width: 130px;

	height: 25px;

	font: bold 15px "Arial",Tahoma,Verdana, sans-serif;

	color: #0099FF;

	text-decoration: none;

	padding: 9px 15px 0px 10px;

	/*background: url(../images/diagramma.gif) top left no-repeat;*/

}



#menu_sub

{

	position: absolute;

	left: 440px;

	top: -10px;

	margin: 0;

	text-align: left;

	text-indent: 0px;

	font-family: Arial,Verdana,Tahoma;

	font-size: 11pt;

	font-weight: normal;

	text-decoration: none;

}



#menu_sub a:link, #menu_sub a:visited

{

	display: block;

	height: 15px;

	font: bold 12px "Arial",Tahoma,Verdana;

	color: #fff;

	text-decoration: none;

	padding: 15px 35px 0px 4px;

}



#menu_sub a:hover

{

	display: block;

	height: 15px;

	font: bold 12px "Arial",Tahoma,Verdana, sans-serif;

	color: #0099FF;

	text-decoration: none;

	padding: 15px 35px 0px 4px;

}



.linked_title

{

	margin: 0;

	text-align: left;

	text-indent: 0px;

	font-family: Arial,Verdana,Tahoma;

	font-size: 13pt;

	font-weight: normal;

	text-decoration: none;

}



.linked_title a:link, .linked_title a:visited

{

	text-indent: 0px;

	height: 15px;

	font: bold 13px "Arial",Tahoma,Verdana;

	color: #333;

	text-decoration: none;

	padding: 0px 0px 0px 0px;

}



.linked_title a:hover

{

	text-indent: 0px;

	height: 15px;

	font: bold 13px "Arial",Tahoma,Verdana, sans-serif;

	color: #0099FF;

	text-decoration: none;

	padding: 0px 0px 0px 0px;

}



#otherlink

{

	margin: 0;

	text-align: left;

	text-indent: 0px;

	font-family: Arial,Verdana,Tahoma;

	font-size: 11pt;

	font-weight: normal;

	text-decoration: none;

}



#otherlink  a:link, #otherlink  a:visited

{

	text-align: left;

	font: bold 15px "Arial",Tahoma,Verdana;

	color: #333;

	text-decoration: none;

	padding: 9px 15px 0px 10px;

	/*background: url(../images/diagramma_static.gif) top left no-repeat;*/

}



#otherlink  a:hover

{

	text-align: left;

	width: 130px;

	height: 25px;

	font: bold 15px "Arial",Tahoma,Verdana, sans-serif;

	color: #0099FF;

	text-decoration: none;

	padding: 9px 15px 0px 10px;

	/*background: url(../images/diagramma.gif) top left no-repeat;*/

}



#totale_titoli

{

	position: absolute;

	top: -93px;

	left: 250px;

	width: 200px;

	color: #FFCC00;

	padding: 0px;

	font-weight: bold;

}



#percorso

{

	position: relative;

	background-color: #ccc;

	top: 150px;

	left: 24px;

	height: 30px;

	color: #0099FF;

	padding: 10px;

	/*border-right: dashed #0099FF;

				border-right-width: 1px;

				border-bottom: dashed #0099FF;

				border-bottom-width: 1px;

				border-left: dashed #0099FF;

				border-left-width: 1px;

				border-top: dashed #0099FF;

				border-top-width: 1px;

				*/

}



#brani

{

	position: relative;

	top: 0px;

	left: 55px;

	width: 910px;

	height: 100px;

	color: #333;

	font-size: 11px;

	border-right: dashed #0099FF;

	border-right-width: 1px;

	border-bottom: dashed #0099FF;

	border-bottom-width: 1px;

	border-left: dashed #0099FF;

	border-left-width: 1px;

	border-top: dashed #0099FF;

	border-top-width: 1px;

}



#quadro

{

	position: relative;

	padding: 0px;

	float: left;

	top: 0px;

	left: 50px;

	width: 750px;

	min-height: 1060px;

	/*border-right: solid #333333;

	border-right-width: 1px;

	border-bottom: solid #333333;

	border-bottom-width: 1px;

	border-left: solid #333333;

	border-left-width: 1px;

	border-top: solid #333333;

	border-top-width: 1px;*/

}



#spotlight

{

	position: relative;

	left: 10px;

	top: 35px;

	width: 150px;

	height: 80px;

	background: url(../images/spotlight.png) top left no-repeat;

}



#randomtitlesP

{

	position: relative;

	top: 0px;

	left: 0px;

	width: 710px;

	height: 350px;

	color: #333;

	float: left;

	padding: 0px;

	/*border-right: solid #999999;

	border-right-width: 1px;

	border-left: solid #999999;

	border-left-width: 1px;

	border-top: solid #999999;

	border-top-width: 1px;

	border-bottom: solid #999999;

	border-bottom-width: 1px;

	background: url(../images/spotlight_sfondo_2.jpg) top left no-repeat;*/

}



.quadretto

{

	padding: 15px;

	width: 200px;

	height: 200px;

	background-color: #fff;

	border-right: solid #EBA334;

	border-right-width: 3px;

	border-bottom: solid #EBA334;

	border-bottom-width: 3px;

	border-left: solid #EBA334;

	border-left-width: 3px;

	border-top: solid #EBA334;

	border-top-width: 3px;

}



#cloudsearch_arrow

{

	position: absolute;

	left: 250px;

	top: -123px;

	width: 730px;

	height: 40px;

	color: #333;

	font-family: Arial,Tahoma, Verdana;

	font-size: 15px;

	font-weight: bold;

	text-align: right;

}



#cerca_su_arrow

{

	position: relative;

	left: -30px;

	top: 130px;

	width: 730px;

	height: 140px;

	color: #333;

	font-family: Arial,Tahoma, Verdana;

	font-size: 15px;

	font-weight: bold;

	text-align: right;

}



#lista

{

	position: relative;

	top: -150px;

	left: 0px;

	width: 800px;

	color: #0099FF;

	padding-top: 10px;

	padding-left: 40px;

	padding-bottom: 20px;

	margin: 10px;

	background-color: #fff;

	border-right: solid #CCCCCC;

	border-right-width: 1px;

	border-bottom: solid #CCCCCC;

	border-bottom-width: 3px;

	border-left: solid #CCCCCC;

	border-left-width: 1px;

	border-top: solid #CCCCCC;

	border-top-width: 1px;

}



#footer

{

	background-color: #333;

	position: relative;

	top: 50px;

	color: #fff;

	clear: both;

	width: 100%;

}



/* stiule per slide panel*/

.panel_button

{

	margin-left: auto;

	margin-right: auto;

	position: relative;

	top: -14px;

	width: 90px;

	height: 18px;

	color: #fff;

	font: bolder 12px "Arial",Tahoma,Verdana;

	background: url(/images/panel_button.png);

	z-index: 20;

	filter: alpha(opacity=70);

	-moz-opacity: 0.70;

	-khtml-opacity: 0.70;

	opacity: 0.70;

	cursor: pointer;

}



.panel_button img

{

	position: relative;

	top: 10px;

	right: 45px;

	border: none;

}



.panel_button a:link, #panel_button a:visited

{

	display: block;

	height: 15px;

	font: bolder 12px "Arial",Tahoma,Verdana;

	color: #fff;

	text-decoration: none;

	padding: 15px 35px 0px 4px;

}



.panel_button a:hover

{

	display: block;

	height: 15px;

	font: bolder 12px "Arial",Tahoma,Verdana, sans-serif;

	color: #0099FF;

	text-decoration: none;

	padding: 15px 35px 0px 4px;

}



#wrapper

{

	margin-left: auto;

	margin-right: auto;

	width: 400px;

	text-align: center;

}



#toppanel

{

	position: absolute;

	width: 380px;

	left: 90px;

	z-index: 25;

	text-align: center;

}



#panel

{

	width: 400px;

	position: relative;

	top: 1px;

	height: 0px;

	margin-left: auto;

	margin-right: auto;

	z-index: 10;

	overflow: hidden;

	text-align: left;

}



#panel_contents

{

	background: black;

	filter: alpha(opacity=70);

	-moz-opacity: 0.70;

	-khtml-opacity: 0.70;

	opacity: 0.70;

	height: 100%;

	width: 404px;

	position: absolute;

	z-index: -1;

}



.border { border: 15px #1d1d1d solid; }



img.border

{

	float: left;

	margin-right: 15px;

	margin-bottom: 8px;

}



img.border_pic

{

	border: 15px #1d1d1d solid;

	position: absolute;

	top: 110px;

	float: left;

	margin-left: 150px;

	width: 250px;

	height: 150px;

	z-index: 30;

}



div#login

{

	width: 240px;

	height: 150px;

	position: absolute;

	right: 50px;

	top: 110px;

	background: #A4Be21;

	text-align: left;

	padding-left: 10px;

}



div#login p

{

	color: #333;

	font-family: Arial, Verdana, "Times New Roman", Times, serif;

	line-height: 25px;

}



div#login input#password

{

	width: 120px;

	position: relative;

	right: -6px;

}



div#login input#username

{

	width: 120px;

	position: relative;

}



div#login input#login_btn

{

	border: 1px #899690 solid;

	cursor: pointer;

	position: relative;

	top: 30px;

	left: 86px;

}