html, body, form, fieldset, a img{
margin:0;
padding:0;
border:0;
}
body{
text-align:center;
font:0.70em Arial, Helvetica, sans-serif;
font:0.80em Arial, Helvetica, sans-serif;
color:#666;
background-color:#fff;
}
a{
text-decoration:none;
color:#666;
}
a:hover{
text-decoration:none;
color:#000;
}
h1, h2, h3, h4, h5, h6{
margin:0;
}
h1{
}
h2{
}
h3{
}
h4{
}
h5{
}
h6{
}
/* --------------------------------------------------------------- */
.dn{
display:none;
}
.fl{
float:left;
}
.fr{
float:right;
}
.cb{
clear:both;
}
.cn{
text-align:center;
}
/* --------------------------------------------------------------- */
.ar { color:#de761c; }
/* --------------------------------------------------------------- */
#container{
width:860px;
height:500px;
margin:0 auto;
padding:0px;
position:absolute;
top:50%;
left:50%;
margin:-250px 0px 0px -430px;
text-align:left;
}
/* ----------------------------------------------- */
#sx{
width:180px;
height:500px;
border:1px solid #666;
float:left;
font-size:0.75em;
}
#sx #sx_main{
width:180px;
height:450px;
float:left;
}
#sx #sx_main h2{
width:180px;
height:60px;
text-indent:-9999px;
background:#fff url(img/logo_sp_s.gif) no-repeat center center;
}
#sx #sx_main h2 a{
width:180px;
height:60px;
display:block;
}
#sx #sx_main ul{
margin:10px 0;
padding:0;
list-style:none;
float:right;
}
#sx #sx_main ul li{
padding:0;
list-style:none;
display:block;
width:150px;
font-size:1.3em;
}
#sx #sx_main ul li a{
padding:25px 0 5px 0;
width:150px;
display:block;
border-bottom:1px solid #666;
}
#sx #sx_main ul li a:hover{
text-decoration:none;
}
#sx #sx_main ul li a.selected{
color:#000;
}
#sx #sx_main ul li ul{
margin:0 0 20px 0;
padding:0;
list-style:none;
}
#sx #sx_main ul li ul li{
padding:0;
margin:0;
list-style:none;
display:block;
width:150px;
height:22px;
line-height:22px;
font-size:1.0em;
}
#sx #sx_main ul li ul li a{
margin:0;
padding:0 0 0 5px;
width:145px;
display:block;
border-bottom:0px;
}
#sx #sx_main ul li ul li a:hover{
text-decoration:none;
}
#sx #sx_bottom{
width:180px;
height:50px;
float:left;
font-size:1.3em;
}
#sx #sx_bottom a{
float:right;
width:150px;
padding-top:3px;
border-top:1px solid #666;
height:44px;
display:block;
}
/* ----------------------------------------------- */
#main_index{
width:666px;
height:500px;
left:192px;
top:0px;
position:absolute;
border:1px solid #1A171B;
}
#main_index #splash{
width:666px;
height:500px;
left:0px;
top:0px;
position:absolute;
z-index:-100;
overflow:hidden;
display:none;
}
#main_index #logo{
left:350px;
top:10px;
position:absolute;
z-index:100;
}
#main_index #loading{
left:317px;
top:234px;
position:absolute;
z-index:50;
}
/* ----------------------------------------------- */
#main{
width:646px;
height:340px;
float:right;
/*background-color:#1A171B;*/
border:1px solid #1A171B;
border-bottom:0px;
padding:10px;
}
/* ----------------------------------------------- */
#if_chi_siamo{
clear:both;
width:646px;
margin:0 auto;
text-align:left;
height:340px;
margin:0 auto;
}
.cont_pag_xx{
width:10000px;
padding:0;
margin:0;
list-style:none;
}
.pag_xx{
width:646px;
height:340px;
margin-right:10px;
float:left;		
}
#pag_00{ background:#fff url(img/bg_cs_pg_00.png) no-repeat top left; }
#pag_01{ background:#fff url(img/bg_cs_pg_01.png) no-repeat top left; }
#pag_02{ background:#fff url(img/bg_cs_pg_02.png) no-repeat top left; }
#pag_03{ background:#fff url(img/bg_cs_pg_03.png) no-repeat top left; }
#pag_04{ background:#fff url(img/bg_cs_pg_04.png) no-repeat top left; }
.pag_txt{
width:300px;
height:250px;
padding:10px 20px 0 200px;
text-align:left;
float:right;
font-size:1.05em;
line-height:1.35em;
}
.pag_mnu{
width:300px;
height:70px;
padding-right:20px;
text-align:right;
font-size:0.95em;
float:right;
}
.pag_a_sel {
color:#de761c;
}
/* ----------------------------------------------- */
#main_bottom{
width:606px;
height:120px;
float:right;
background-color:#666666;
border:1px solid #666666;
border-top:0px;
color:#fff;
font-size:0.85em;
padding:10px 30px 10px 30px;
}
* html #main_bottom {
padding:10px 30px 10px 26px; /* per IE6 e IE5 */
}
#main_bottom p{
margin:0;
padding:0;
text-align:justify;
}
#main_bottom h3{
font-size:1.25em;
font-weight:bold;
}
#main_bottom #blocco_1, #blocco_2, #blocco_3{
margin:10px 0;
padding:0;
float:left;
}
#main_bottom #blocco_1{ width:190px; margin-left:10px; }
#main_bottom #blocco_2{ width:220px; margin-left:30px; }
#main_bottom #blocco_3{ width:120px; margin-left:30px; }

#main_bottom  ul{
margin:10px 0;
padding:0;
}
#main_bottom  ul li{
padding:0;
list-style:none;
font-size:1.15em;
}
/* ----------------------------------------------- */
#main_contatti{
width:666px;
height:360px;
float:right;
background:#fff url(img/bg_contatti.png) no-repeat top left;
border:1px solid #1A171B;
}
#main_c_u_txt{
float:right;
width:260px;
height:230px;
margin:120px 20px 0 0;
}
#main_c_b_txt{
float:right;
width:250px;
height:120px;
margin:2px 0px 0 0;
}
* html #main_c_b_txt {
width:270px;
height:90px;
margin:2px 0px 0 340px; /* per IE6 e IE5 */
padding:0px;
}
#main_c_b_txt a{
color:#fff;
}
#main_c_b_txt a:hover{
color:#000;
}
/* ----------------------------------------------- */
#main_progetti, #main_news{
width:666px;
height:450px;
float:right;
/*background-color:#1A171B;*/
border:1px solid #1A171B;
}
#if_progetti{
clear:both;
width:666px;
margin:0 auto;
text-align:left;
height:450px;
margin:0 auto;
}
#main_bottom_progetti, #main_bottom_news{
width:666px;
height:49px;
float:right;
background-color:#666666;
border:1px solid #666666;
border-top:0px;
color:#fff;
font-size:0.85em;
padding:0;
margin:0;
}
* html #main_bottom_progetti,* html #main_bottom_news {
height:49px;/* per IE6 e IE5 */
}
#if_news{
clear:both;
width:666px;
margin:0 auto;
text-align:left;
height:450px;
margin:0 auto;
}
.news_xx{
width:666px;
height:450px;
float:left;		
}
/* ----------------------------------------------- */
#main_iframe{
width:666px;
height:500px;
float:right;
/*background-color:#1A171B;*/
border:1px solid #1A171B;
}
#main_iframe #blog{
clear:both;
width:666px;
margin:0 auto;
text-align:left;
height:500px;
margin:0 auto;
}
/* ----------------------------------------------- */
#copy{
width:860px;
height:26px;
float:right;
font-size:0.75em;
text-align:right;
line-height:26px;
}
/*-------------*/
#sprg, #sprg div{
width:666px;
height:450px;
float:left;	
}
#sprg div.info, .cont_pag_xx div.info{
color:#333;
background-color:#fff;
text-align:left;
height:100px;
height:auto;
margin-top:405px;
padding:10px;
font-size:0.85em;
opacity:0.8;
filter: alpha(opacity=80);
}
/*-------------*/


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:31px;
	background:url(img/left.png) no-repeat;
	float:left;
	margin:9px 10px;
	cursor:pointer;
	font-size:1px;
}

* html a.prev, * html a.next, * html a.prevPage, * html a.nextPage {
margin:9px 6px; /* per IE6 e IE5 */
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -31px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(img/right.png);
	clear:right;	
}



/*---*/

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 589px;	 
	height:50px;	
}
* html div.scrollable {
height:49px;/* per IE6 e IE5 */
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;		
	border-left:1px solid #444;
}



/* single item */
#thumbs div {
	float:left;
	width:195px;
	height:50px;
	color:#fff;
	cursor:pointer;	
	border-right:1px solid #444;
}
* html #thumbs div {
height:49px;/* per IE6 e IE5 */
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#1A171B;
	cursor:default;
}

#thumbs h3, #thumbs p{
	margin:1px 8px 0 8px;	
}
#thumbs h3{
font-size:1.25em;
font-weight:bold;
}

#main_bottom_progetti #thumbs h3{
margin-top:8px;	
}