/*---------
HTML Styles
---------*/

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	
	/*font:  76% "Lucida Sans Unicode", verdana, helvetica, sans-serif;*/
	
	color: #333;
	background-color: #f6f4f0;
	margin: 0;
	padding: 0;
}

a {
	color: #4169E1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

#intestazione {
	background-color:#000;
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;

	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 20px;
	line-height: 20px;
	/*background: #000 url(../immagini/sfondo_intestazione_neve3.jpg);*/
}

#header {
	background: #666 url(../immagini/bg_header.jpg) repeat-x top left;
	height: 100px;
	line-height:100px;
	overflow: hidden;
}

#spot {
	background-color: #FFF;
	border-bottom: 1px solid #d7d5d2;
	height: 172px;
}

#footer {
	/*background: url(../immagini/bg_footer_santa.jpg) no-repeat top center #c4c0b8;*/
	background: #c4c0b8;
	font-size: 10px;
	height: 160px;
	padding-top: 10px;
	/*padding-top:56px;*/
}

.teaser {
	background: url(../immagini/bg_spot.jpg) no-repeat top left;
	width: 409px;
	height: 172px;
	/*line-height:172px;*/
	float: left;
	text-align:center;
	font-family: sans-serif;
	font-size: 12px;
	color:#101010;
	padding-top: 30px;
}

.picture {
	float: right;
}

/*---------
dichiaro 3 titoli per passare il colore diverso alla sifr 
---------*/
.titolo-rosso, .titolo-verde, .titolo-blu {
	font-size:28px;
	border-bottom: 1px solid #d1d2cd;
}

.spaziatore {
	clear: both;
}

.spaziatore_grafico {
	clear: both;
	background: url(../immagini/dividor.png) no-repeat center;
	height: 45px;
	width: auto;
}
/*---------
classe da inserire all'interno di ogni ID principale per ottenere la centratura del contenuto
---------*/
.contenuto {
	clear: both;
	margin: 0 5%;
}

/*---------
menu principale
---------*/
#mainNav{
	float: right;
	padding: 0;
	margin: 0;
	margin-top:2px;
}

/*-------------
Main Navigation
-------------*/
#nav {margin:0 0 0 0;}
/* the styling */
#nav {width:450px; height:20px; position:relative;}
#nav .select, #nav .current {margin:0; padding:0; list-style:none;}
#nav li {display:inline; margin:0; padding:0; height:auto;}
#nav .select a,
#nav .current a {display:block; height:40px; float:left; padding:0; text-decoration:none; font-size:12px; line-height:40px; white-space:nowrap; color:#fff;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}
#nav .select a:hover, 
#nav .select li:hover a {background:#666; cursor:pointer; color:#ff0;}
#nav .sub {display:none;}
/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}
#nav .current a {background:#666; color:#ff0;}
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#666; color:#ff0;}
#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#666; color:#ff0;}
#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:450px; top:40px; left:0; background:#666; margin-top:0; padding:0; z-index:100; color:#fff; font-size:11px;}
#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:450px; top:40px; left:0; background:#666; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}
#nav .sub_active a {height:41px; text-decoration:none; line-height:40px; white-space:nowrap; display:block; float:left; background:#666; padding:5px 10px 10px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#fff;}
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#666; padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#fff; font-size:12px;}
/*-------------
End Main Navigation
-------------*/

.replace{
	position:relative;
	margin:0px;
	padding:0px;
}

.replace span{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#nav1 a, #nav1 a span{
	width: 80px;
	height: 40px;
	background-image: url(../immagini/nav1.jpg);
	background-position: 0 0;
}

#nav2 a, #nav2 a span{
	width: 134px;
	height: 40px;
	background-image: url(../immagini/nav2.jpg);
	background-position: 0 0;
}

#nav3 a, #nav3 a span{
	width: 70px;
	height: 30px;
	background-image: url(nav_3.png);
	background-position: 0 0;
}

#nav4 a, #nav4 a span{
	width: 69px;
	height: 30px;
	background-image: url(nav_4.png);
	background-position: 0 0;
}

#nav5 a, #nav5 a span{
	width: 68px;
	height: 30px;
	background-image: url(nav_5.png);
	background-position: 0 0;
}

#box_homepage {
	width: 48%;
	float: left;
}

/*-------------
Stile HOME
-------------*/
#box_left {
	width: 65%;
	float: left;
}

#box_right {
	width: 31%;
	float: right;
}

/*-------------
Stile NEWS
-------------*/
#box_news {
	width: 48%;
	float: right;
}

.news {
	clear: both;
	margin-top:6px;
}

.img {
	margin: 5px;
	padding: 3px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

.imgLeft {
	margin: 5px;
	margin-left:0px;
	padding: 3px;
	border: 1px solid #CCC;
	background-color: #FFF;
	float: left;
}

.imgRight {
	margin: 5px;
	margin-right:0px;
	padding: 3px;
	border: 1px solid #CCC;
	background-color: #FFF;
	float: right;
}

.smile {
	vertical-align:middle;
}

/*data news*/
.datanews {
	background: url(../immagini/bg_data.gif) no-repeat top left;
	width: 39px;
	height: 40px;
	float: left;
	margin-right: 10px;
}

.mese {
	width: 39px;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-size: 10px;
	height: 11px;
	line-height: 11px;
}

.giorno {
	width: 39px;
	text-align: center;
	color: #434343;
	font-size:12px;
	font-weight: bold;
}

.anno {
	width: 39px;
	text-align: center;
	color: #434343;
	font-size: 10px;
	height: 11px;
	line-height: 11px;
}

.titolonews {
	/*color: #6695bf;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;*/
	color: #6695bf;
	font-weight: bold;
	font-weight: normal;
	font-size: 18px;
	font-family: georgia, serif;
}

a.linknews {
	color: #6695bf;
	/*font-size:14px;
	font-weight: bold;*/
	font-weight: bold;
	font-weight: normal;
	font-size: 18px;
	font-family: georgia, serif;
	text-decoration: none;
}

a.linknews:hover {
	text-decoration: underline;
}

.strumenti_news {
	/*clear: both;*/
	margin-top:3px;
	height: 20px;
	line-height: 20px;
}

.commenti {
	background: url(../immagini/comment.png) no-repeat center left;
	padding-left: 16px;
	font-family: Arial;
	font-size: 10px;
	color: #6695BF;
	float:left;
}

.click {
	margin-left: 20px;
	background: url(../immagini/mouse.png) no-repeat center left;
	padding-left: 18px;
	font-family: Arial;
	font-size: 10px;
	color: #6695BF;
	float:left;
}

.cat {
	margin-left: 20px;
	background: url(../immagini/categoria.png) no-repeat center left;
	padding-left: 18px;
	font-family: Arial;
	font-size: 10px;
	color: #6695BF;
	float:left;
}

.female {
	margin-left: 20px;
	background: url(../immagini/female.png) no-repeat center left;
	padding-left: 18px;
	font-family: Arial;
	font-size: 10px;
	float:left;
}

.male {
	margin-left: 20px;
	background: url(../immagini/male.png) no-repeat center left;
	padding-left: 18px;
	font-family: Arial;
	font-size: 10px;
	float:left;
}

.fblink {
	margin-left: 20px;
	font-family: Arial;
	font-size: 10px;
	float:left;
}

#addfav {
	margin-left: 20px;
	background: url(../immagini/heart_add.png) no-repeat center left;
	padding-left: 18px;
	font-family: Arial;
	font-size: 10px;
	float:left;
}

#delfav {
	margin-left: 20px;
	background: url(../immagini/heart_delete.png) no-repeat center left;
	padding-left: 18px;
	font-family: Arial;
	font-size: 10px;
	float:left;
}

.date {
	margin-left: 20px;
	background: url(../immagini/date.png) no-repeat center left;
	padding-left: 18px;
	font-family: Arial;
	font-size: 10px;
	float:left;
}

.cat_primo {
	background: url(../immagini/categoria.png) no-repeat center left;
	padding-left: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #6695BF;
	float:left;
}

.chart_aperto {
	clear:both;
	margin-top:20px;
	margin-bottom:10px;
	/*margin-left: 20px;*/
	background: url(../immagini/chart.png) no-repeat center left;
	padding-left: 18px;
	font-family: Arial;
	font-size: 11px;
	color: #333;
	font-style: italic;
	float:left;
}
.chart_chiuso {
	clear:both;
	margin-top:20px;
	margin-bottom:10px;
	/*margin-left: 20px;*/
	background: url(../immagini/chart_bn.png) no-repeat center left;
	padding-left: 18px;
	font-family: Arial;
	font-size: 11px;
	font-style: italic;
	color: #333;
	float:left;
}

#paginazione {
	width: 90%;
	text-align:center;
}

#paginazione ul {
	margin:0
}

#paginazione li {
	float: left;
	list-style: none;
	list-style-type: none;
	padding:5px;
}

#paginazione li.current {
	color: #FF1493;
	font-weight: bold;
}

#paginazione li a {
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #AFACA6;
	color: #6695BF;
	text-decoration:none;
}

#paginazione li a:hover {
	display: block;
	width:20px;
	height: 20px;
	border: 1px solid #434343;
	background-color: #6695BF;
	color: #FFF;
	text-decoration:none;
}
/*-------------
Stile bios
-------------*/
#bios {
	margin-top:3px;
	color: #333;
}

#bios .titolo {
	font-size:14px;
	font-weight: bold;
	color:#669900;
	margin:6px 0;
}

#bios .listaep {
	border: 1px solid #CCC;
	margin: 10px 10px;
	padding: 10px;
}

#bios a.episodio {
	color: #333;
	text-decoration:none;
}

#bios a.episodio:hover {
	text-decoration: underline;
	background: url(../immagini/bullet.png) no-repeat center left;
	padding-left: 14px;
	color: #ff8f18;
	cursor: help;
}

/*-------------
Stile episodio
-------------*/
#episodio {
	margin-top:3px;
	color: #333;
}

#episodio .printads {
	margin: 5px;
	display: block;
	padding: 3px;
	border: 1px solid #CCC;
}


#episodio .dialogo {
	/*border: 1px solid #434343;*/
	margin: 10px 10px;
	padding: 10px;
	background-color: White;
	font-family: sans-serif;
	/*font-size:10px;*/
}

#episodio .dialogo strong {
	color: #333;
}

#episodio .titolo {
	font-size:16px;
	font-weight: bold;
	color:#669900;
	margin:6px 0;
}

#episodio .picture {
	float: left;
	margin-right:6px;
}

#episodio .riassunto{
	margin-top: 10px;
	color: #333;
}

#episodio strong {
	color: #690;
}

#episodio a.link {
	background: url(../immagini/freccina.gif) no-repeat center left;
	color: #669900;
	padding-left: 12px;
	text-decoration:none;
}

#episodio a.link:hover{
	text-decoration:underline;
}

#episodio a.linktitolo {
	font-size:16px;
	font-weight: bold;
	color:#669900;
	text-decoration: none;
}

#episodio a.linktitolo:hover {
	text-decoration: underline;
}

#menu {
	margin-top:3px;
	float: right;
	width: 25%;
	color: #000;
	font-size:11px;
	text-align:left;
}

#menu .sottotitolo {
	color:#690;
	font-size:12px;
	font-weight:bold;
}

#menu ul {
	margin: 6px 2px 0 2px;
	padding: 0px;
}

#menu li {
	list-style-type: none;
	list-style: none;
	color: #669900;
	
	/*border: 1px solid red;*/
}

#menu li.mitologia {
	background:url(../immagini/x.jpg) no-repeat top right;
}

#menu li a{
	text-decoration: none;
	color: #000;
}

#menu li a:hover {
	text-decoration: underline;
	background: url(../immagini/bullet.png) no-repeat center left;
	padding-left: 14px;
	color: #ff8f18;
	cursor: help;
}

/*** FORM STAGIONI ****/
#menu #formstagione {
	margin:2%;
	background: url(../immagini/snippet.png) no-repeat top left;
	width: 170px;
	height: 130px;
}

#menu #formstagione .interno {
	margin: 20px 10px 0 10px;
}

/*** FORM RICERCA STAGIONI ****/
#menu #formricerca {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
}
#menu .strricerca {
	background: url(../immagini/lente.png) no-repeat top left #E6E6FA;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 18px;
	border: 1px solid #CCC;
	width:60%;
}

/*** ELEMENTI FORM  ****/
#menu select {
	font-size: 12px;
	color: #000;
}

#menu select>option {
	background-color: #E6E6FA;
}

#menu .submit {
	background-color: #E6E6FA;
	border:1px solid #CCC;
	
}

#menu .margine {
	margin:2%;
}

/*-------------
footer
-------------*/
#footer .elencolink {
	float: left;
}

#footer .social {
	float: right;
	margin-right: 0px;
}

#footer ul {
	float: left;
	margin-right:20px;
}

#footer li {
	width: 150px;
	height: 20px;
	line-height:20px;
	list-style-type: none;
	border-bottom: 1px solid #afaca6;
	display: block;
}

#footer li a {
	font-family: Arial;
	font-size: 10px;
	color: #58544a;
	text-decoration:none;
	background: url(../immagini/bullet.png) no-repeat center left;
	padding-left: 14px;
}

#footer li a:hover {
	color: #000;
	font-size: 10px;
}

/* ***************** */
.citazione {
	margin: 5px 20%;
	background-color: White;
	color: #000;
	font-style: italic;
}

.citazione_news {
	margin: 5px 10%;
	background-color: White;
	color: #000;
	font-style: italic;
}

.paperclip {
	/*margin: 34px 1% 5px 1%;*/
	margin: 14px 1% 5px 1%;
	background-color: White;
	color: #000;
	/*border-right:1px solid #666;*/
	border-bottom:2px solid #CCC;
	/*border-left:1px solid #CCC;*/
	border-top:2px solid #CCC;
	padding-bottom:6px;
}

.virgolette_sx{
	color:#B2B7F2;
	font-size:35px;
	height: 22px;
	font-family:'Times New Roman',serif;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	/*border:1px solid black;*/
}

.virgolette_dx{
	color:#B2B7F2;
	font-size:35px;
	height: 22px;
	font-family:'Times New Roman',serif;
	font-weight:bold;
	text-align:right;
	padding-right:10px;
}

.testo {
	padding:0px 30px;
	font-family: sans-serif;
	/*border:1px solid red;*/
}

.rosso{
	color: #d3021d;
	font-weight: normal;
	font-size: 20px;
	font-family: georgia, serif;
}

#storiax a {
	color: #d3021d;
	text-decoration: none;
}

#storiax a:hover {
	text-decoration: underline;
}

.imgRight p, .imgLeft p {
	font-size:0.8em;
	color:#FFFFFF;
	margin:0;
	background-color:#4D6D80;
	padding:0.5em;
	text-align: center;
}

#schedule ul{
	margin:0;
	margin-top: 10px;
	padding: 0;
	list-style-type: none;
}

#schedule li {
	width:98%;
	height:24px;
	line-height:24px;
	border-bottom: 1px solid #CCC;
	font-family: sans-serif;
}

#schedule a {
	color: #000;
	text-decoration: none;
}

#schedule a:hover {
	color: #669900;
	text-decoration: none;
}

/************AWARD***************/
#elenco {
	margin:0;
	padding:0;
}

#elenco > li {
	list-style-type:none;
	color: #000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

.premio>li {
	list-style-type:none;
	color:#595959;
	margin-top:13px;
}

.premio>li strong {
	color: #d3021d;
}

.elenco>li.n{
	list-style-type:none;
	color:#333;
	background: url(../immagini/nomination.png) no-repeat top left;
	padding-left:20px;
	margin-bottom:10px;
}

.elenco>li.v{
	list-style-type:none;
	color: #000;
	background: url(../immagini/won.png) no-repeat top left;
	padding-left: 20px;
	margin-bottom:10px;
}
.annoaward {
	color:#333;
	font-size:35px;
	height: 22px;
	font-family:'Times New Roman',serif;
	font-weight:bold;
}

/***********************/
.input_username {
	border: 1px solid #CCC; 
	margin: 2px; 
	padding-left: 18px; 
	background: url(../immagini/icon_user.gif) no-repeat top left #E6E6FA;
	font: 11px Sans-serif; 
}

.input_pwd {
	border: 1px solid #CCC; 
	margin: 2px; 
	padding-left: 18px; 
	background: url(../immagini/icon_key.gif) no-repeat top left #E6E6FA;
	font: 11px Sans-serif; 
}

.input_entra {
	border: 1px solid #CCC; 
	margin: 2px; 
	padding-left: 18px; 
	background: url(../immagini/x.jpg) no-repeat top left #FFF;
	font: 11px Sans-serif; 
}

/* titoli */
.titolo-rosso {
	color: #d3021d;
	font-family: “Lucida Grande”, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}

.titolo-verde {
	color: #669900;
	font-family: “Lucida Grande”, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}

.titolo-blu {
	color: #3b8fb7;
	font-family: “Lucida Grande”, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}
