/* -------------------- PRINCIPALI --------------------  */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: #2971a7; text-decoration:none;cursor: hand; }
a:hover {color: #e97f33;text-decoration:underline; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; }
.login {}
.login .a1 {font-size:10px; border:1px solid #ccc; width:90px; height:15px; padding:1px 2px 1px 2px;}
.login .bottone {margin-right:3px; border:0px; width:48px; height:19px;}

/* -------------------- LAYOUT --------------------  */
/*body {font: 12px/18px Arial, Verdana, sans-serif;background: #f6f7f9 url(../images/background.jpg) no-repeat top;text-align:center;}*/

body {font: 12px/18px Arial, Verdana, sans-serif;background: #fff url(../images/150.jpg) repeat-x top;text-align:center;}

#contenitore {width: 980px; text-align: center;}
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
#container { width: 980px; margin: 0 auto;}
#main { width:100%; position:relative; background:#FFFFFF url(http://www.saga.it/images/187.jpg) repeat-x top left;}
#breadcrumb {clear:both; text-align:center; margin:18px auto; clear:both; font-size:10px; color:#686868; }

.bloccocurvatop {background-color: #FFF;height: 3px;min-height: 3px;}
.bloccocurvabottom {background-color: #FFF; height: 3px;min-height: 3px;}

#content {width:980px;text-align: center;margin: 0 auto;color: #333;text-align:left;}

#highlights {display:block;padding: 10px;color: #333;background-color: #FFFFFF;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;text-align:left;}
#highlights h1 {font: bold 270% Arial,Helvetica,Sans serif;letter-spacing: -1px;color: #bf006a;}
#highlights h2 {font: normal 190% Arial,Helvetica,Sans serif;letter-spacing: -1px;color: #5b5b5b;}
#highlights h3 {font: normal 160% Arial,Helvetica,Sans serif;letter-spacing: -1px;color: #bf006a;}
#highlights p {font: normal 120% Arial,Helvetica,Sans serif;color: #818181;line-height: 1.5em;}
#highlights ul,ol {font: normal 120% Arial,Helvetica,Sans serif;color: #818181;line-height: 1.5em;list-style: disc inside;}

#contentblu {margin: 0 auto;width:980px;;background-color: #00005a;color: #FFFFFF;height:159px;}
#contentblu a {color: #d8009f;}

/* STRIP */
#strip ul {text-align:left;	}
#strip { margin: 18px 1px 0; width: 982px; height: 91px; background: url(../images/bg_strip.png) no-repeat; }
#strip h4  { padding: 22px 25px 5px 30px; float: left }
#strip a.ora { float: right; margin: 17px 20px 0 0; }
#strip ul { padding-top: 20px; font-size: 12px; line-height: 16px; color: #999; }
#strip ul li strong { font-weight: normal; color: #000; }
#strip a { color: #08c; text-decoration: none; }
#strip a:hover { text-decoration: underline; }
#strip ul { padding-top: 10px; font-size: 11px; line-height: 16px; color: #999; }

/* TIPOGRAFIA APPROFONDIMENTO */
.bianco {color: #fff;font: bold 105% Arial, Helvetica, sans-serif;}
.txt {font: normal 95% Arial, Helvetica, sans-serif;color: #DBDBDB;line-height: 18px;}

#colA {float: left;width: 320px;clear: right;}
#colA h1 {font: 180% Arial,Helvetica,Sans serif;letter-spacing: -1px;}
#colA h2 h3 h5 {font: 150% Arial,Helvetica,Sans serif;}
#colA p {font: 100% Verdana,Arial,Helvetica,Sans serif;text-align: justify;color: #8e9397;}
.immagine {border: none;}

#colB {margin: 330px; text-align:left;}

#colC {float: right;width: 640px;text-align: left;}

.sfondo {background: #FFF url(../images/espressione.jpg) repeat-x left;	height: 355px;}

#homefooter {margin: 60px auto 50px;text-align: center;font-size: 11px;color: #6e6e6e;}
#homefooter a { /*margin: 0 2px;*/ text-decoration: none;}
#homefooter a:hover { text-decoration: underline;}
#homefooter p.left { width: 60%; float: left; text-align: left;text-indent: 10px;}
#homefooter p.right { width: 40%; float: right; text-align: right;}
#homefooter p.links {border: 1px solid #e5e5e5; border-width: 1px 0; padding: .5em 0; margin: 1.5em 0 2em;background-color:#FFF;}

img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

/* -------------------- GRIGLIA FORMATTAZIONE A PIU' COLONNE --------------------  */
.column {
  float: left;
  margin-right: 10px; /* originale 10px */
}

/* L'ultima colonna di questa riga necessita della classe LAST. */
.last { margin-right: 0; }

/* Usare queste classi per definire la larghezza delle colonne. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6   { width: 236px; } /* originale 230px */ 
.span-7   { width: 270px; }
.span-8   { width: 310px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 640px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 630px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 40px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 


/* Bordo al lato desro di una colonna. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Bordo con spazio bianco, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #FFF; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }
.clean { clear: both; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


/* -------------------- BILLBOARD --------------------  */
#billboard, #promos, #headlines, #ticker, #options, #links, #homefooter { width: 980px; margin: 0 auto 10px; clear: both; color: #76797c; }
#billboard { position:relative; width: 980px; margin-right: auto; margin-top: 5px; margin-left: auto; margin-bottom: 0; }
#billboard img { padding: 0; border: 0; margin: 0; margin-bottom: 16px; }
#billboard h1 {
	font: bold 250% Arial,Helvetica,Sans serif;
	letter-spacing: -1px;
	color: #4E4E4E;
}
#billboard h2 {font: 150% Arial,Helvetica,Sans serif;letter-spacing: -1px;}

/* BOX PROMO */
#promos { width: 980px; min-height: 155px; *height: 155px;}
#promos img { float: left; border-width: 0; margin: 0 12px 0 0; }
#promos img.last { margin: 0; }

/* -------------------- TIPOGRAFIA -------------------- */
/* -------------------- SCRITTE CON OVERLAY */
/* -------------------- IMPOSTATO CON JQUERY SU FONDO BIANCO */
.jquery h1 {
	font: bolder 230%/100% Arial,Helvetica,sans-serif; /* 280%/100% original */
	position: relative;
	margin: 30px 0 0;
	color: #464646;
	text-transform: uppercase;
	letter-spacing: -1px
}
.jquery h1 span {
	background: url(../images/gradient-glossy.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 18px;
	/*background: url(../images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;*/
}
.jquery h1 a {color: #2E6DA9;text-decoration: none;}
.jquery h1 a:visited {color: #000;}
.jquery h1 a:hover {color: #555;}
.jquery p {margin: 10px 0 50px;}

/* --------------------  gradient IE6 png hack */
.gradient-ie h1 {
	font: bold 320%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 30px 0 50px;
	color: #464646;
}
.gradient-ie h1 span {
	background: url(../images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}


/* I--------------------  MPOSTATO CON <SPAN> SU FONDO NERO */
.gradient4 {
	background: #000 url(../images/gradient4-bg.png) repeat-x left bottom;
	/*padding: 30px 0 60px 30px;
	margin: 30px 0 10px;*/
}
.gradient4 h1 {
	font: bold 350%/100% "Lucida Grande", Arial, sans-serif; /* original 340%/100% */
	position: relative;
	margin: 0;
	color: #fff;
	letter-spacing: -2px
}
.gradient4 h2 {
	font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
	margin: 10px 0 0;
	color: #b7b7b7;
}
.gradient4 span {
	background: url(../images/gradient-dark.png) repeat-x;
	position: absolute;
	bottom: -0.1em;
	display: block;
	width: 100%;
	height: 29px;
}

/* --------------------  IMPOSTATO CON <SPAN> */
.gradient3 {
	/*background: #656565; /*padding: 30px 0 30px 30px;*/
}
.gradient3 h1 {
	font: bold 340%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #2E6DA9;
	letter-spacing: -2px;
}
.gradient3 span {
	background: url(../images/gradient-grey.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 29px;
}

/* --------------------  Navigazione Categorie --------------------  */
div.breadcrumbs {
	margin: 0 auto;
	width: 980px;
	overflow:hidden;
	margin:0;
	padding:0;
	height:30px;
	line-height:30px;
	background-color: #FFF;

	/*-- sample only --*/
	color:#888888;
	border:1px solid #eee;
	margin-bottom:20px;
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	overflow:hidden;
	height:30px;
	padding:0 8px;
	font-style:normal;
}
div.breadcrumbs span {
	background:url(../images/bg-breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;

	filter:alpha(opacity=40);
	opacity:0.4;
}
	 
/* --------------------  Formattazione notizie RSS in HP --------------------  */
.rss_box {text-align:left;overflow: auto;}
.rss_items {margin-top:0px;padding:0.5em; 0.5em;margin-left:0px;color:##0099ff;}
p.rss_title {padding:0.5em;}
.rss_title {text-decoration: none;font-family: verdana, sans-serif;font-size: 85%;color:#ffffff;font-weight:bold;margin: 0px;padding:0em;text-align: left;}
.rss_item { font-family: verdana, arial, sans-serif;font-size: 11px; font-weight : normal; list-style:none; padding-bottom:1em;}
.rss_item a {color:#2971a7;text-decoration:none;font-size: 105%;font-weight:bold;font-family:arial, sans-serif;}
.rss_item a:hover {color: #2971a7;text-decoration: underline;}
.rss_item a:visited {color:#330066;}
.rss_date {font-size: 85%;font-weight : normal;color: #F60;}
.feed {margin-left: 3px;padding: 0 0 0 19px;background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;}
.hp {margin-left: 3px;padding: 0 0 0 19px;background: url("../images/home-icon-14x14.png") no-repeat 0 50%;}
/* NEWSTICKER */

#newsticker {
	background: #ECECEC;
	position: relative;
	background: transparent url("../images/sfondo_news.gif") repeat 0 0;
	font: bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
}
#newsticker a { color: #FFF; text-decoration: none; }
#newsticker a:hover { text-decoration: underline; }

#newsticker ul {
	border: 1px solid White;
	list-style: none;
	min-height: 1.6em;
	padding: 10px 15px;
	padding-right: 30px;
	text-align: left;
}
* html #newsticker ul {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}
#newsticker #togglenewsticker {
	background: transparent url("../images/icon_closenewsticker.gif") no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 14px;
	height: 14px;
	text-indent: 20px;
	outline: none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
}