@charset "utf-8";
/* CSS Document */

body,html{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000000;
line-height: 1.5em;
background-image: url(../img/bg_pasto.jpg);
}

h1{
	text-transform: none;
	color: #CC3300;
	font-size:26px;
}

h2{
	text-transform: none;
	color: #CF8A01;
	font-size:16px;
}


div#container{
display: block;
position: relative;
width: 908px;
background-color: #000000;
margin: auto;
padding: 0;
border-style: solid;
border: 5px 8px 5px 8px;
border-width: thick;
}


div#content{
background-color: #000000;
display: block;
position: relative;
width:100%;
height:500px;
margin:0;
padding:0;
}

div#navigation{
position:absolute;
width:908px;
height:47px;
left:0;
top:442px;
font-weight: bolder;
text-transform: uppercase;
line-height:1.3em;
background: url(../img/navigazione/SFD_NAV.png) repeat-x 0 ;
margin:0;
padding:0;
}



div#logo{
display: inline;
position: absolute;
left: -40px;
top: 16px;
z-index: 50;
}




div#footer{
position: absolute;
display: block;
left: 15px;
top: 450px;
z-index: 50;
background-color: #000000;
}

div#banner_foot{
background-color: #000000;
left: 50%;
margin-left: -449px;
width: 888px;
position: absolute;
display: block;
top: 335px;
z-index: 0;
}

div#home{
top:10px;
left:911px;
display:inline;
position:absolute;
z-index:1;
}

div#mail{
display:inline;
top:34px;
left:911px;
position:absolute;
z-index:1;
}

div#titolo{
font-size:36px;
font-weight: bolder;
display:inline;
position:absolute;
color:#CC3300;
background-color:#000000;
top:148px;
left:-41px;
height:50px;
line-height:1.4em;
padding:5px;
z-index:1;
width: 240px;
}

div#sotto-titolo{
font-size:24px;
font-weight: bolder;
display:inline;
position:absolute;
color:#CC3300;
background-color:#000000;
top:208px;
left:-41px;
height:30px;
line-height:1.4em;
padding:5px;
z-index:1;
}

            /* posizionamento del div scorrevole */
            
            div#wn { 
            position:absolute; left:8px; top:67px;
            width:340px; height:130px; z-index:1;
            clip:rect(0, 340px, 130px, 0); overflow:hidden;
            }

div#cnt { position:absolute; z-index:1; }

div#cnt div.item { 
width:300px; 
height:130px; 
color:#336;
overflow:hidden;
}


div#header{
position:relative;
width:908px;
}


div#navigation ul{
list-style-type: none;
margin: 0;
padding: 0;
} 

div#navigation li{
position: relative;
float: left;
height: 50px;
width: 100px;
padding: 10px 0 0 0;
margin: 0 0 0 0;
text-align: left;
}

#sho{
width: 100px;
height: 50px;
position: absolute;
left: 27px;
}
            
#dai{
width: 100px;
height: 50px;
position: absolute;
left: 15px;
}

div#navigation a{
color: #FFFFFF;
display:block;
text-decoration: none;
font-size:12px;
font-weight:bold;
line-height: 1.3em;
}

div#navigation a:hover{
color: #FF0000;
cursor: hand;
text-decoration: none;
font-size:12px;
font-weight:bold;
line-height: 1.3em;
}

div#notizie{
position: relative;
display: block;
top: 0;
width: 25px;
left: 0;
padding: 10px;
background-color: #000000;
line-height: 1.3em;
}

div#appuntamenti{
position: absolute;
top: 0;
left: 0;
margin-left: 310px;
margin-right: 228px;
width: 280px;
padding: 10px;
background-color: #000000;
}

div#classifica{
/*width:210px;
display:block;
position:relative;
float:right;
padding:10px;
background-color:#000000;*/

position:absolute;
top:0;
left: 615px;
width:270px;
padding:10px;
background-color:#000000;
}

div#classifica ol{
color:#FFFFFF;
}

.titoli {
	text-transform: none;
	color: #CC3300;
        line-height: 1em;
	font-size: 36px;
	padding: 0;
}

.sottotitoli {
	text-transform: none;
	color: #CC3300;
	font-size:20px;
	text-align:left;
	line-height:21px;
}

.CorpoBianco {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1.2em;
	text-align: justify;
}

.CorpoRosso {
	font-size: 14px;
	color: #CC3300;
	line-height: 1.2em;
	text-align: justify;
}

.CorpoNero,CorpoNero:visited  {
	font-size: 14px;
	color: #000000;
	line-height: 1.2em;
	text-align: justify;
}

.CorpoGiallo {
	color: #CF8A01;
	text-decoration: none;
        font-weight: bolder;
	font-size: 1.6em;
        border: 0;
}

a:link {
	color: #CF8A01;
	text-decoration: none;
	font-size:1.6em;
        border:0;
}

a:visited {
	color: #CF8A01;
	text-decoration: none;
	font-size:1.6em;
        border:0;
}

a{
font-weight: bold;
}


a:hover {
	color: #CF8A01;
	text-decoration:underline;
	font-size:1.6em;
}

a:active {
	text-decoration: none;
}
.style1 {color: #0000FF;
}

img{
border-color:#000000;
}



            div#cont{
            position:absolute;
            top:100px;
            left:300px;
            width:259px;
            height:100px;
            }
            
            div#top{
            position:relative;
            top:0;
            height:42px;
            width:100%;
            background:url(../img/flash_top.png) no-repeat;
            background-position: top left;
            }
            
            div#bottom{
            position:relative;
            bottom:0;
            height:27px;
            width:100%;
            background:url(../img/flash_bottom.png) no-repeat;
            background-position: bottom left;
            }
            
            div#text{
            padding: 0 5px 5px 15px;
            position:relative;
            height:100%;
            width:100%;
            top:0;
            background:url(../img/flash_middle.png) repeat-y;
            }