/************* CSS GENERICO ************/

body {
	/*text-align: center;*/
	color: #333333;
	background:url(../../img/fondo.jpg) repeat-x;
}

h1 {
	color: #fc0;
	margin-top: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;
	background: #036;
	border: 1px solid #999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

h2 {
	color: #000;
	margin: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	text-align:center;
}

h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: center;
	color: #fc0;
	background: #036;
	border: 1px solid #999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

h3 a{
	font-weight: bold;	
	text-decoration: none;
	color: #fc0;
}

h3 a:hover {
	text-decoration:none;
	color: #fc0;
}

h4 {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 20px;
text-align: center;
color: #fc0;
background: #039;
border: 1px solid #999;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration:none;
	color: #000;
}

#outer {
    width: 100%;
    background-color:#FFFFFF;
    padding: 0px;
}

#header {
    /*padding: 15px;*/
    margin: 0px;
    text-align: center;
	border-bottom: thin solid #F90;
	z-index:1;
}

#inner {
    width: 100%;
    background-color:#FFFFFF;
    padding: 0px;
}


#left {
    width: 512px;
    float: left;
}

#left-large {
    width: 700px;
    float: left;
}

#left-inside {
    width: 380px;
    float: left;
}

#right {
	width: 478px;
    float: right;
}

#right-banner {
float:right;
height:100%;
margin:3px;
width:250px;
}

/*
Banner
*/
#banner {
border:1px solid #EBEBEB;
height:250px;
margin-bottom:3px;
position:relative;
width:250px;
float:right;
}

/*
Sondaggi
*/
#sondaggio{
border:1px solid #666666;
height:261px;
position:relative;
width:250px;
float:right;
background: #003366;
color:#fc0;
display: table-cell;
vertical-align: middle;
padding-top: 8px;
}

#sondaggio h2 {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:200px;
}

#sondaggio h3 {
	background:#Fc0 none repeat scroll 0 0;
	color:#003366;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	left:25px;
	padding:1px;
	position:relative;
	text-align:center;
	width:200px;
}

#sondaggio h1 {
	text-align: center;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	background: #FFF;
	border: 1px solid #000;
	margin-left: auto;
 	margin-right: auto;
	width:200px;
}

#sondaggio p.voti {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #000000;
color:#000000;
font-size:10px;
padding: 2px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:100px;
}

#sondaggio p.poll_text {
padding-left:10px;
padding-right:10px;
text-align:justify;
}

/*

*/
.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
background-color:#FFFFFF;
border-bottom:1px solid;
border-right:1px solid;
height:15px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}

#poll-results p {
  text-align: center;
}


#main {
    margin-left: 30%;
    margin-top: 1px;
    padding: 10px;

}

#footer {
    padding: 15px;
    margin: 0px;
    border-top: thin solid #000000;

}

/*
News 
*/
.tickercontainer { /* the outer div with the black border */
background: #FC0;
width: 990px;
height: 30px;
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;
z-index: 0;
width: 990px;
height: 30px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
z-index: 0;
font: bold 10px Verdana;
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: 3px;
padding: 0;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
}

ul.newsticker span {
float:left;
font: 8px Verdana;
color: #333;
}

/*
Spazio Rivista
*/

#trasportareoggi {
background:#CCCCCC none repeat scroll 0 0;
border:1px solid #FFCC00;
float:left;
height:506px;
margin:3px;
padding-bottom:5px;
padding-top:5px;
width:214px;
}

#trasportareoggi h1 {
font-size:12px;
border: 1px solid #999;
padding: 5px;
color: #000;
margin: 3px;
background: #fff;
border: 1px solid #999;
text-align:center;
}

#trasportareoggi span {
color: #F00;
}

#trasportareoggi p {
font-size:12px;
text-align:center;
}

#trasportareoggi .p_sx {
font-size:12px;
text-align:left;
margin-left: 2px;
}

#trasportareoggi a {
font-size:10px;
padding-left: 2px;
color: #000;
text-decoration:none;
}

#trasportareoggi a img{
border: none;
}

#tabella_articoli
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	background: #fff;
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#tabella_articoli th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#tabella_articoli td
{
	border-bottom: 1px solid #ccc;
	color: #999;
	padding: 6px 8px;
}

#tabella_articoli a
{
	color: #000;
	text-decoration: none;
}

#tabella_articoli img
{
	color: #000;
	text-decoration: none;
	border-style: none;
}

#tabella_articoli tbody tr:hover td
{
	color: #ccc;
}

#tabella_articoli tbody tr:hover td a
{
	color: #999;
}

/*
Sondaggi
*/
#sondaggio-big{
border:1px solid #666666;
height:261px;
position:relative;
width:300px;
height: 500px;
float:right;
background: #003366;
color:#fc0;
display: table-cell;
vertical-align: middle;
padding-top: 8px;
}

#sondaggio-big h2 {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:200px;
}

#sondaggio-big h3 {
	background:#Fc0 none repeat scroll 0 0;
	color:#003366;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	left:50px;
	padding:1px;
	position:relative;
	text-align:center;
	width:200px;
}

#sondaggio-big h1 {
	text-align: center;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	background: #FFF;
	border: 1px solid #000;
	margin-left: auto;
 	margin-right: auto;
	width:200px;
}

#sondaggio-big p.voti {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #000000;
color:#000000;
font-size:10px;
padding: 2px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:100px;
}

#sondaggio-big p.poll_text {
padding-left:10px;
padding-right:10px;
text-align:justify;
}

/*

*/
.bar-title-big {
  position: relative;
  float: left;
  width:150px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container-big {
float:left;
height:10px;
margin:0 0 15px;
position:relative;
width:50px;
}

.bar-container-big div {
background-color:#FFFFFF;
border-bottom:1px solid;
border-right:1px solid;
height:15px;
}
.bar-container-big strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}

#poll-results p {
  text-align: center;
}