@charset "utf-8";

/* CSS Document */

/*
Title:		SA recensione-tipo.css
Author: 	edoardo.bridda at tiscali.it
Created:	agosto 2008
*/

#section-secheda {
	position: relative;
	padding: 0;
	float: left;
	width: 100%;
	background: url(img/linee-filetti/section-content-bg.gif) repeat-x bottom left;
	padding-bottom: 2em;
} 

#inner-scheda {
	position: relative;
	margin-top: 45px;
	margin-left: 0px;
	float: left;
	background-color: #A19D99;
	padding: 30px;
}


#section-secheda h1 {
	font-size: 35px;
	color: #FFFFFF;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-top: 0px;
}

#container {
	position: relative;
	padding: 0;
	float: left;
	width: 100%;
	background: #fff   url(img/linee-filetti/section-content-bg.gif) repeat-x bottom left;
	padding-bottom: 2em;
}

.container-generico {
	clear: both;
	padding-left: 20px;
}

.testo {
	max-width: 980px;

	}

.immagine-album  {
	margin-right: 0px;
	text-align: center;
	margin-bottom: 5px;

	}

.colonna-sinistra-bottom {
	clear:left;
	float: left;
	height: 25px;
	width: 250px;
	background-image: url(img/colonna-sinistra-bottom.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 0.2em;
	margin-bottom: 30px;
	margin-top: -2px;
}

/* BOX CLASSIFICHE */

#class-contanier {
	width: 285px;
	float: left;
	margin-right: 20px;
	}

#class-contanier-last {
	width: 290px;
	float: left;
	margin: 0;
	}


#class-contanier-centrale {
	width: 290px;
	margin-bottom: 30px;
	margin-right: 30px;
	}

#class-top {
	width: 100%;
	background-color: #88BAC6;
	background-image: url(img/classfiche/top5-top-des.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 43px;
	padding: 0px;
	}
	
#class-top .interno {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color:#FFFFFF;
	font-weight:bold;
	padding-top: 17px;
	padding-left: 8px;
	text-transform: uppercase;
	}

#class-box {
	width: 100%;
	background-color: #88BAC6;
	background-image: url(img/icone/frecce-box-top-des.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 50px;
	padding: 0px;
	}
	
#class-box .interno {
	width: 100%;
	background-image: url(img/icone/frecce-box-top-sinis.png);
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	}

/* login box */

#login-box {
	width: 100%;
	background-color: #814580;
	background-image: url(img/colonna-centrale/login-top-des.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 50px;
	padding: 0px;
	}
	
#login-box .interno {
	width: 100%;
	background-image: url(img/colonna-centrale/login-top-sinis.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 50px;
	}

#login-box .interno-mailing {
	width: 100%;
	background-image: url(img/colonna-centrale/mailinglist-top-sin.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 50px;
	}

#login-box .interno-registr {
	width: 100%;
	background-image: url(img/colonna-centrale/registr-top-sinis.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 50px;
	}

#login-base, #login-base-fancy {
	width: 100%;
	background-color: #814580;
	padding: 0px;
	}

#login-base {
	background-image: url(img/colonna-centrale/login-base-mid.gif);
	background-position: right top;
	background-repeat: repeat-y;
	}

#login-base fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	}

#login-base .interno, #login-base-fancy .interno {
	padding-bottom: 10px;
}

#login-base .interno-padding, #login-base-fancy .interno-padding {
	padding-left: 15px;
	padding-right: 17px;
}	


#login-base .login_forgot {
	clear:right;
	padding-top: 20px;
	width:100%;
	}

form#registrazione-sa .email, form#registrazione-sa .pass {
	font-weight:bold;
	font-size: 1em;
	}

#login-base .newsl-tag-contain {
	float: right;
	margin-bottom: 15px;
	}

#login-base .newsl-tag, .dimenticato, #login-base-fancy .newsl-tag  {
	color: #fff;
	font-weight:bold;
	font-size: .8em;
	}


#login-base .asterix-blu, #login-base-fancy {
	font-weight:bold;
	font-size: 1em;
	color: #628DAD;
	}

#login-base a, #login-base p {
	color:#FFFFFF;
	font-size: .8em;
	line-height: 1.2em;
	text-align: justify;
	}


#login-bottom a {
	font-weight:bold;
	text-decoration: underline;
	color: #FFF;
	font-size: .75em;
}

form#registrazione-sa fieldset {
	padding-top: 10px;
	padding-left: 0;
	margin:0;
	border: 0;
	background-color:#814580;
}

form#registrazione-sa label {
	clear:right;
	display:block;
	margin-bottom:10px;
	color:#FFFFFF;
}

#login-base .privacy {
	clear:right;
	height:300px;
	overflow-x:auto;
	overflow-y:auto;
	padding-right:18px;
	margin-bottom: 20px;
	}

form#registrazione-sa .mail-adress, form#registrazione-sa .pass {
	font-weight: bold;
	color: #666666;
	background-image:url("img/colonna-centrale/login-base-input.gif");
	background-repeat:no-repeat;
	border:0 none;
	float:right;
	font-size:1em;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	width: 170px;
	}

#login-base ol, #login-base .box-fine-categorie {
	color:#FFFFFF;
	font-size:0.8em;
	line-height:1.4em;
}

#login-base h1, #fmessage h1 {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	color:#FFFFFF;
	font-size: 1em;
	line-height:1.2em;
}

form#registrazione-sa select {
	border-top: 1px solid #6C6C6C;
	border-left: 1px solid #6C6C6C;
	float:right;
	height:20px;
	width: 180px;
	}

form#registrazione-sa .check {
	float:right;
	}

input#login, button#conferma {
	background-image:url("img/colonna-centrale/login-base-login.gif");
	background-repeat:no-repeat;
	border:0 none;
	height:25px;
	padding:0;
	width: 180px;
	float: right;
	cursor: pointer;
	}

input#login:hover, button#conferma:hover  {
	background-image:url("img/colonna-centrale/login-base-login.gif");
	background-repeat:no-repeat;
	background-position: 0 -26px;
	border:0 none;
	height:25px;
	padding:0;
	width: 180px;
	float: right;
	}

button#procedi {
	background-image:url("img/colonna-centrale/procedi-button.png");
	background-repeat:no-repeat;
	border:0 none;
	height:25px;
	padding:0;
	width: 180px;
	float: right;
	cursor: pointer;
	}

button#procedi:hover {
	background-image:url("img/colonna-centrale/procedi-button.png");
	background-repeat:no-repeat;
	background-position: 0 -24px;
	border:0 none;
	height:25px;
	padding:0;
	width: 180px;
	float: right;
	}

button#bottone-si, input#botton-si {
	background-image:url("img/colonna-centrale/button-si.png");
	background-repeat:no-repeat;
	border:0 none;
	height:25px;
	padding:0;
	width: 90px;
	float: right;
	cursor: pointer;
	text-indent: -10000px;
	}

button#bottone-si:hover, input#botton-si:hover {
	background-image:url("img/colonna-centrale/button-si.png");
	background-repeat:no-repeat;
	background-position: 0 -24px;
	border:0 none;
	height:25px;
	padding:0;
	width: 90px;
	float: right;
	}

button#bottone-no {
	background-image:url("img/colonna-centrale/button-no.png");
	background-repeat:no-repeat;
	border:0 none;
	height:25px;
	padding:0;
	width: 90px;
	float: right;
	cursor: pointer;
	}

button#bottone-no:hover {
	background-image:url("img/colonna-centrale/button-no.png");
	background-repeat:no-repeat;
	background-position: 0 -24px;
	border:0 none;
	height:25px;
	padding:0;
	width: 90px;
	float: right;
	}


#login-bottom {
	width: 100%;
	color: #FFF;
	background-color: #814580;
	background-image: url(img/colonna-centrale/login-bottom-sinis.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height:35px;
	padding: 0px;
	}
	
#login-bottom .interno {
	width: 100%;
	height:35px;
	background-image: url(img/colonna-centrale/login-bottom-des.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}

#login-bottom .interno-repeat {
	height:35px;
	background-image: url(img/colonna-centrale/login-bottom-mid.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin-left:12px;
	margin-right:18px;
	}


/* fine login box */

#class-box .class-box-anno {
	color:#FFFFFF;
	font-size: 1em;
	font-weight:bold;
	position: absolute;
	right:45%;
	top:16px;
	}

#class-box .class-box-autore {
	color:#FFFFFF;
	font-size: .9em;
	font-weight:bold;
	position: absolute;
	left: 23%;
	top:16px;
	}

#class-box .class-box-classifica {
	color:#FFFFFF;
	font-size: 1em;
	font-weight:bold;
	position: absolute;
	left: 30%;
	top:16px;
	}
	
#class-box-bottom .interno {
	width: 100%;
	background-image: url(img/icone/frecce-box-bottom-des.png);
	background-position: top right;
	background-repeat: no-repeat;
	}

#class-box-bottom .interno-repeat {
	background-image: url(img/icone/frecce-box-bottom-contin.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	}

#class-box-bottom .interno-des {
	width: 100%;
	background-image: url(img/icone/frecce-box-bottom-sinis.png);
	background-position: top left;
	background-repeat: no-repeat;
	}

ul.frecce-box {
	display:block;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	text-indent:-9999px;
	z-index:2;
}
ul.frecce-box li {
	background-image: url(img/icone/frecce-box.png);		
}
li.sin-nav {
	background-position:0 0;
	float: left;
	width:52px;
	height:50px;
}
li.sin-nav:active, li.sin-nav:hover {
	background-position:0 -51px;
	float: left;
	width:52px;
	height:50px;
}

li.des-nav {
	background-position:-61px 0;
	float: right;
	width:56px;	
	height:50px;
}
li.des-nav:active, li.des-nav:hover {
	background-position:-61px -51px;
	float: right;
	width:56px;	
	height:50px;
}

li.destra-nav-bottom {
	background-position:-61px -102px;
	float: right;
	width:56px;	
	height:55px;
}

li.destra-nav-bottom:active, li.destra-nav-bottom:hover {
	background-position:-61px -157px;
	float: right;
	width:56px;	
	height:55px;
}

li.sinistra-nav-bottom {
	background-position:0 -102px;
	float: left;
	width:52px;
	height:55px;
}
li.sinistra-nav-bottom:active, li.sinistra-nav-bottom:hover {
	background-position:0 -157px;
	float: left;
	width:52px;
	height:55px;
}


/* BOX CLASSIFICHE SA */ 

#class-top-sa {
	width: 100%;
	background-color: #CB9866;
	background-image: url(img/classfiche/top40-sa-top-des.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	max-width: 1040px;
	height: 43px;
	padding: 0px;
	}
	
#class-top-sa .interno {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color:#FFFFFF;
	font-weight:bold;
	padding-top: 17px;
	padding-left: 10px;
	}


/* FINE BOX CLASSIFICHE SA */

/* TITOLI RECENSIONI */

.pdf-alone-container h1 {
	color:#517A99;
	font-size:1.3em;
	margin-bottom:0.1em;
	margin-right:30px;
	margin-top: 30px;
	}

.pdf-alone-container h2 {
	color:#646567;
	font-size:1.2em;
	margin-top: 1.4em;
	margin-right:30px;
	margin-bottom:0;
	}

.pdf-alone-container h3 {
	color:#94755F;
	font-size:1em;
	margin-bottom: 0;
	margin-top: 5px;
	}

#approfondimento .titolo-articoli {
	color:#517A99;
	font-size:.95em;
	font-weight:bold;
	margin-top:5px;	
	}

#approfondimento .titoletto-blu {
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 0.8em;
	margin-bottom: 10px;
	}

.pdf-alone-container h4 {
	color:#517A99;
	font-size:.9em;
	margin-bottom:0.1em;
	margin-right:30px;
	margin-top:0px;
	}

.rece-alone-container h1, #recensione-tipo h1, #recensione-alone h1, .notizie-alone-container h1, .libri-alone-container h1, .cinema-alone-container h1 {
	color:#517A99;
	font-size:1.5em;
	margin-bottom:0.1em;
	margin-right:30px;
	margin-top:0px;
	text-transform:uppercase;
	}

.rece-alone-container h2, #recensione-tipo h2, #recensione-alone h2, .notizie-alone-container h2, .libri-alone-container h2, .cinema-alone-container h2 {
	color:#628DAC;
	float:none;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	font-style: normal;
	margin:0;
	padding-bottom: 0.2em;
}

.rece-alone-container h3, #recensione-tipo h3, #recensione-alone h3, .notizie-alone-container h3, .libri-alone-container h3, .cinema-alone-container h3 {
	font-size: 1.1em;
	color:#8C8C8C;
	float:none;
	font-family:Helvetica,Arial,sans-serif;
	font-style:normal;
	margin:0;
	padding-bottom: 0.2em;
	}

.notizie-alone-container h4 {
	font-size: 1em;
	color: #666;
	float:none;
	font-family:Helvetica,Arial,sans-serif;
	font-style:normal;
	margin:0;
	padding-bottom: 0.2em;
	}

#recensione-tipo h4, #recensione-alone h4, .rece-alone-container h4, .libri-alone-container h4, .cinema-alone-container h4 {
	max-width: 245px;
	font-size: .70em;
	font-weight: normal;
	color: #394855;
	line-height:2em;
	border-radius: 4px;
	-webkit-border-radius: 4px !important;
	-opera-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: normal;
	background-color: #FFFFFF;
	margin-bottom: 12px;
	margin-top: 7px;
	display: block;
	}

/* TITOLI RECENSIONI FINE */



#class-top .culosinistra, #class-top-sa .culosinistra {
	float: left;
	}



#class-base {
	padding-top: 10px;
	padding-bottom: 20px;
	margin: 0;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(img/colonna-centrale/rece-mid.png);
	background-repeat: repeat-y;
	background-position: top right;
	}

#class-box-base {
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 20px;
	margin: 0;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(img/icone/frecce-box-mid.png);
	background-repeat: repeat-y;
	background-position: top right;
	}

#class-box-base .interno {
	padding-left: 17px;
	padding-right: 0;
	}

img#percentuale-ventisette {
	width: 27%;
	}

.elenco-news, .elenco-review { 
	margin-top: 0;
	}

#approfondimento span.arancio, #left span.arancio  {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-left: 1px;
	}


#approfondimento span.voto-album, #left span.voto-album  {
	font-weight: bold;
	}

.nome-recensore  {
	color: #666666;
	margin-top: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 90%;
	}

/* zoccolo link recensione */

/* Bottoni MAG */

ul#link-rece a {
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	text-indent:-9999px;
	height: 17px;
	opacity: 0.8;
	}

ul#link-rece a:hover {
	opacity: 1;
	}


ul#link-rece {
	display:inline;
	float:right;
	list-style-type:none;
	margin-top: 3px;
	padding:0;
	}

ul#link-rece li {
	float: left;
	margin-left: 17px;
	padding:0;
	}

li#discogs-r a {
	background-image: url(img/link-zoccolo-scheda/link-zoccolo.png);
	background-position: -78px 0px;
	width: 47px;
 }

li#myspace-r a {
	background-image: url(img/link-zoccolo-scheda/link-zoccolo.png);
	background-position: -135px 0;
	width: 46px;
 }
 
li#official-r a {
	background-image: url(img/link-zoccolo-scheda/link-zoccolo.png);
 	background-position: -193px 0;
	width: 62px;
 }

li#youtube-r a {
	background-image: url(img/link-zoccolo-scheda/link-zoccolo.png);
	background-position: -264px 0;
	width: 35px;

 }

li#edit-r a {
	background-image: url(img/link-zoccolo-scheda/link-zoccolo.png);
 	background-position: -35px 0;
	width: 32px;

 }

li#foto-r a {
	background-image: url(img/link-zoccolo-scheda/link-zoccolo.png);
 	background-position: 0 0;
	width: 23px;
 }

li#foto-r a.hidden {
	display: none;
}

/* RECE BASE VER 2 */

#bottom-colonnacentrale2 .listalinkbottom-right {
	float: right;
	text-align: right;
	display: block;
	margin: 0;
	padding: 0;
}

#spot-top {
	width: 100%;
	background-image: url(img/colonna-centrale/spot-top-destra-clear.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 66px;
	padding: 0px;
	margin: 0px;
	clear: left;
}

#spot-top .interno-recetop {
	width: 95%;
	background-image: url(img/colonna-centrale/spot-top-mid-original.gif);
	background-position: top left;
	background-repeat: repeat-x;
	height: 66px;
	margin: 0;
	padding: 0;
	}

#recensione-top  {
	width: 100%;
	background-image: url(img/colonna-centrale/livereport-top-destra-original.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 66px;
	padding: 0px;
	margin: 0px;
	clear: left;
}

#recensione-top .interno-recetop {
	width: 95%;
	background-image: url(img/colonna-centrale/livereport-mid-sinistra-original.gif);
	background-position: top left;
	background-repeat: repeat-x;
	height: 66px;
	margin: 0;
	padding: 0;
	}

#approfondimento .notetechniche  {
	border-radius: 4px;
	-webkit-border-radius: 4px !important;
	-opera-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	background-color: #818382;
	float: left;
	background-position: top left;
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 30px;
	margin-bottom: 15px;
	max-width: 270px;
	}
	
#info-tag {
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;
	padding-right: 25px;
	margin: 0;
	display: block;
	cursor: pointer;
	}

#trailer-tag {
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;
	padding-right: 25px;
	margin-bottom: 10px;
	display: block;
	cursor: pointer;
	background-image: url(img/icone/CIAK_BIANCO.gif);
	background-position:right center;
	background-repeat:no-repeat;
	}

#trailer-tag a, #info-tag a {
	color: #F8F2F1;
	}

#trailer-tag a:hover, #info-tag a:hover {
	color: #FFFFFF;
}



.pubblicazione-testo {
	float: none;
	font-size: 9px;
	color: #666666;
	padding: 0;
	margin-left: 1px;
	text-align: right;
	float: right;
	}

.intestazione-schedartista {
	float: none;
	font-size: 9px;
	color: #666666;
	padding: 0;
	margin-left: 1px;
	text-align: left;
	}
	
.immagine-no-float {
	clear: left;
	text-align: center;
	width: 100%;
	}

#immagine-articolo-big {
	width: 50%;
	clear: right;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 15px;

	border-radius: 4px;
	-webkit-border-radius: 4px !important;
	-opera-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	background-color: #818382;
	}

#immagine-articolo-big a, #immagine-articolo-big-sinistra a, #immagine-articolo-normale a, #immagine-articolo-sinistra-normal a {
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: underline;
 	}


#immagine-articolo-big-sinistra {
	width: 50%;
	float: left;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px !important;
	-opera-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	background-color: #818382;
	}

#immagine-articolo-normale {
	width: 25%;
	clear: right;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px !important;
	-opera-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	background-color: #818382;
	}

#immagine-articolo-sinistra-normale {
	width: 25%;
	float: left;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px !important;
	-opera-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	background-color: #818382;
	}

.immagine-articolo {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 12px;
	}

.credit-immagine {
	color: #FFFFFF;
	margin-top: 7px;
	margin-bottom: 0px;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;
	}

.band {
	font-size: 0.7em;
	float: left;
	margin: 0;
	width: 54%;
	padding-bottom: 10px;
		}

.dida {
	margin: 0px;
	width: 75%;
	font-size: 0.65em;
	clear: both;
	padding-top: 0px;
		}

.foto {
	font-size: 0.7em;
	float: right;
	margin: 0;
	width: 45%;
	text-align: right;
	padding-bottom: 10px;
		}


.credit-immagine-small {
	clear: right;
	color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 17px;
	font-size: 90%;
	width: 250px;
	}

/* ACCORDION */

.accordion2 {margin: 0; padding: 0; }
.accordion2 .open {background-image:url(img/icone/arrow_up.gif)}
.accordion2 dd {
	overflow:hidden;
	margin: 0;
	font-size: 0.75em;
	color: #FFFFFF;
	padding: 0;
}
.accordion2 dt {
	background-image:url(img/icone/arrow_down.gif);
	background-position:right center;
	background-repeat:no-repeat;
	margin-bottom: 10px;
	padding-right: 0px;
	text-align: right;
}



/* ACCORDION FINE */


#approfondimento .turnon-tit {
	float: right;
	text-align: right;
	padding: 0;
	width: 180px;
	height: 35px;
	background-image: url(img/turnon-titolo.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: -35px;
	margin-right: -65px;
	
}