body {
	background: url(images/sfondo.gif) repeat-x; background-color: White;
	text-align: justify;
	font-size: 11px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

div#canc{clear:left;}

div#flashcontent{margin:0;}

div#contenuti{clear: both;}
div#container{position:relative;width:1024px; margin: auto; background: url(images/sfondo_ombra2.png);}
div#container2{position:relative; width:970px; margin: auto;background: #fff; text-align:justify;
	overflow:auto;}

div#index{width:970px; background-image:url(images/sf_index.jpg); margin-top:6px; margin-bottom:5px;
	height: auto !important;  /* per i browser moderni */
    height: 450px;      /* per IE5.x e IE6 */
    min-height: 435px;  /* per i browser moderni */}


div#header{width:970px; height:293px; margin: auto;}
#headerIndex{width:970px; height:293px; margin: auto; background-image:url(images/top.jpg);
	overflow:hidden;}
	
#headerIndexPromo{width:970px; height:293px; margin: auto; background-image:url(images/top_promo.jpg);
	overflow:hidden;}
	
#newsletter {padding-left:700px;
	width:300px;}
	
#promo {padding:70px 40px 0 750px;
	color:#FFFFFF;
	font-size:110%;
	text-align:center;
}
#promo a {font-size:180%;
	color:#e2001a;
	text-decoration:blink;
}

#promo a:hover {font-size:180%;
	color:#e2001a;
	text-decoration:underline;
}


div#content{padding: 20px; color: #666; float:left; width:570px;}
div#contentCat{padding: 20px; color: #666; float:right; width:710px; height:700px;}
div#contentCateg{padding: 20px; color: #666; width:900px;}
div#contentSyp{padding: 20px 80px 20px 20px; color: #666; float:right; width:700px;}

#catalogo {background:url(images/sf_catalogo.jpg) no-repeat;
	width:960px;
	height:700px;
	overflow:hidden;
}

.foto img {float:left;
	margin: 0 10px 0 0 ;
	border: 5px solid #e2001a;
	border-width: 5px 5px 5px;
	color: #666;}
	
.foto a:hover img {
	border-color: #666;
}

#menuFoto {padding-left:10px;}
#menuFoto a:visited {text-decoration:underline;
}
#menuFoto h3 {line-height:10px;}

#boxCatRun {width:200px;
	padding-top:200px;
	padding-left:25px;
	text-align:left;
	float:left;}
#boxCatRun h3 {font-size:14px;
	margin:0;
	color:#e2001a;}
#boxCatRun p {margin-top:1px;}
#boxCatRun a {color:#333333;}
#boxCatRun a:hover {color:#e2001a;
	text-decoration:underline;}
	
#boxCatCalcio {width:200px;
	padding-top:200px;
	padding-left:40px;
	float:left;}
#boxCatCalcio h3 {font-size:14px;
	margin:0;
	color:#e2001a;}
#boxCatCalcio p {margin-top:1px;}
#boxCatCalcio a {color:#333333;}
#boxCatCalcio a:hover {color:#e2001a;
	text-decoration:underline;}


#boxCatBask {width:200px;
	padding-top:200px;
	padding-left:40px;
	float:left;}
#boxCatBask h3 {font-size:14px;
	margin:0;
	color:#e2001a;}
#boxCatBask p {margin-top:1px;}
#boxCatBask a {color:#333333;}
#boxCatBask a:hover {color:#e2001a;
	text-decoration:underline;}
		
#boxCatVolley {width:200px;
	padding-top:295px;}
#boxCatVolley h3 {font-size:14px;
	margin:0;
	color:#e2001a;}
#boxCatVolley p {margin-top:1px;}
#boxCatVolley a {color:#333333;}
#boxCatVolley a:hover {color:#e2001a;
	text-decoration:underline;}
	
#boxCatDopoGara {width:200px;
	padding-top:200px;
	padding-left:42px;
	float:left;
}
#boxCatDopoGara h3 {font-size:14px;
	margin:0;
	color:#e2001a;}
#boxCatDopoGara p {margin-top:1px;}
#boxCatDopoGara a {color:#333333;}
#boxCatDopoGara a:hover {color:#e2001a;
	text-decoration:underline;}


#contAgenti {padding:20px;
	float:right;
	width:740px;
	overflow:hidden;
}

/* always visible */
#outer .holder {padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}


#contEventi {padding:20px;
	float:right;
	width:680px;
	overflow:hidden;
}

#news {float:left;
	width:40%;
	height:150px;
	border:1px solid #ddd;
	padding:15px;
	margin-right:35px;
	margin-top:10px;
	text-align:left;}
#news h3 {background-color:#e2001a;
	color:#fff;
	padding:3px;
	text-align:center;}


#spacer {float:left;
	width:20px;}
#mese {width:100%}
#mese h1 {line-height:50px;
	text-align:center;}
#eventi {float:left;
	width:100%;
	border:1px solid #ddd;
	padding:15px;}
#tit {background-image:url(images/ico_run.gif);
	background-repeat:no-repeat;
	width:100%;
}
#tit h3 {padding:0 10px 0px 30px;
	font-size:1.5em;
	text-align:left;
	color:#e2001a;
	height:25px;}

#quando {background-image:url(images/data.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:270px;
	height:30px;
	float:left;
	margin:8px 8px 8px 0;}
#quando p{padding:5px 0 0 35px;}
	
#dove {
	background-image:url(images/dove.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:270px;
	height:30px;
	float:left;
	margin:8px 8px 8px 0;
}
#dove p{padding:5px 0 0 35px;}

#info {
	background-image:url(images/link.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:270px;
	height:30px;
	float:left;
	margin:8px 8px 0px 0;
}

#info p{padding:5px 0 0 35px;}

#photo {
	background-image:url(images/photo.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:270px;
	height:30px;
	float:left;
	margin:8px 8px 0px 0;
}

#photo p{padding:5px 0 0 35px;}

.linea {color:#e2001a;}


#societa {float:left; width:25%;}
#testimonial {float:left; width:25%;}
#associazioni {float:left; width:25%;}
#maratone {float:left; width:25%;}
#link {height: auto !important;  /* per i browser moderni */
    height: 400px;      /* per IE5.x e IE6 */
    min-height: 400px;  /* per i browser moderni */}

#regioni {height: auto !important;  /* per i browser moderni */
    height: 200px;      /* per IE5.x e IE6 */
    min-height: 200px;  /* per i browser moderni */
	border:1px solid #ddd;
	padding:10px;}
#regioni_cont {float:left; width:33%;}
#regioni_cont h3 {line-height:10px;
	font-size:110%;}
#regioni_canc {height:30px;
	background-image:url(images/logo_piccolo.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:35px;
	padding-top:15px;}
	
#regioni_link {font-size:14px;
	font-weight:bold;
	list-style-type:none;
	padding:0;
	margin:0;
	line-height:20px;
	}
	
#regioni_emilia {height: auto !important;  /* per i browser moderni */
    height: 300px;      /* per IE5.x e IE6 */
    min-height: 300px;  /* per i browser moderni */
	border:1px solid #ddd;
	padding:10px;}
	
#regioni_puglia {height: auto !important;  /* per i browser moderni */
    height: 600px;      /* per IE5.x e IE6 */
    min-height: 600px;  /* per i browser moderni */
	border:1px solid #ddd;
	padding:10px;}
	
	
#agenti {height: auto !important;  /* per i browser moderni */
    height: 140px;      /* per IE5.x e IE6 */
    min-height: 140px;  /* per i browser moderni */
	width:220px;;
	border:1px solid #ddd;
	padding:10px;
	float:left;
	margin:5px;}
#agenti h3 {line-height:10px;
	font-size:110%;}
#agenti h2 {line-height:15px;
	font-size:130%;}
/*#eventi {float:left;}

#tit2{height:50px;
	width:320px;
}

#tit2 span {background-image:url(images/ico_run.gif);
	width:50px;
	height:50px;
}

#tit {background-image:url(images/top_news.jpg);
	width:320px;
	height:50px;
}

#tit h2 {color:#FFFFFF;
	padding-top:5px;
	line-height:20px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

#agenda{
	background-image:url(images/data.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#CCCCCC;
	width:70px;
	height:50px;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:center;
	color:#333333;
}

#dove{
	background-image:url(images/dove.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#999999;
	width:100px;
	height:50px;
	padding-top:40px;
	float:left;
	text-align:center;
	color:#fff;
}

#link{
	background-image:url(images/link.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#666666;
	width:130px;
	height:50px;
	padding-top:40px;
	float:left;
	text-align:center;
	color:#FFFFFF;
}
*/
#space {clear:both;}

div#footer{text-align:center; color:#fff; background: #e2001a; height:35px; vertical-align:middle; padding-top:15px;}

colDx{float:right;}
colSx{float:left;}

div#flashIndex{padding:15px; float:right}
div#contNews{float:left; padding:10px; background-image:url(images/sf_box_index.jpg); margin:15px;}
div.top{background-color:#e2001a; width:200px; height:20px; color:#FFFFFF; font-size:20px; font-weight:bold; padding:5px;}
p.descIndex{color:#FFFFFF;}

h1,h2{margin:0;padding:0}
h1{padding-left:0px;font:bold 2.3em/80px arial,sans-serif}
h2{color:#e2001a;font-size:2em}

h1 {
font: bold 250%/100% "Arial";
line-height:30px;
position: relative;
color: #e2001a;
}
h1 span {
background: url(images/gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}
 
#page {
	width: 24em;
	margin: 0 auto;
	padding: 0 0 18px 0;
	background: url(shadow.gif) no-repeat bottom right;
	}
#page-contents {
	padding: 2em;
	border: 2px solid #fff;
	background: #efecdc;
	}
#page-contents h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 160%;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
	color: #933;
	border-top: 1px solid #d3d0c2;
	border-bottom: 1px solid #d3d0c2;
	}
#page-contents p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	}

 
.centro {text-align: center;}

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

div#menu{width: 970px; background-image: url(images/sfondo_menu.gif); background-repeat: repeat-x;}
div#menu ul{list-style-type: none; margin: 0; padding: 0}
div#menu li{float:left; padding:0;}
div#menu a{position:relative;display:block;height:59px}
div#menu a span{position:absolute;width:100%;height:100%;cursor: pointer; /*per IE*/ }
div#menu a:hover span{background-position:0 -59px;}
div#menu a#current span{background-position: 0 -118px;} 
li#one a{width: 108px;}
li#two a{width: 115px}
li#three a{width: 100px}
li#four a{width: 221px}
li#five a{width: 105px}
li#six a{width: 133px}
li#seven a{width: 188px}

div#menu a:hover span{background-position: 0 0 0 -59;}
li#one span{background: url("images/menu_01.gif"); left:0;}
li#two span{background: url("images/menu_02.gif"); left:0;}
li#three span{background: url("images/menu_03.gif"); left:0;}
li#four span{background: url("images/menu_04.gif"); left:0;}
li#five span{background: url("images/menu_05.gif"); left:0;}
li#six span{background: url("images/menu_06.gif"); left:0;}
li#seven span{background: url("images/menu_07.gif"); left:0;}


div#menuVuoto{background: url("images/sfondo_menu.gif"); left:0; width:188px; height:59px;}

/* sottomenu catalogo*/
#nav {width:504px; height:510px; position:relative; background:url(red_frog.jpg) no-repeat 0px 160px;}
#nav h1 {font-size:40px; color:#d30;}
#nav #content {clear:left; position:absolute; left:230px; top:10px; width:250px; z-index:10;}

#smenu {list-style-type:none; padding:0; margin:0; width:125px; position:relative; top:10px; left:0; border:1px solid #fff; border-width:0 1px 1px; z-index:100;}
#smenu ul {list-style-type:none; padding:0; margin:0;}
#smenu li {float:left; background:#657; position:relative; border-top:1px solid #fff;}

#smenu li.sub {background:#ff9900;}

#smenu li, #smenu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:125px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#smenu ul,
#smenu li:hover ul ul,
#smenu li:hover ul li:hover ul ul {display:none;}

#smenu li:hover {color:#e2001a; z-index:500;}

#smenu li:hover ul {display:block; height:200px;}
#smenu li:hover ul li:hover ul, 
#smenu li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px; height:auto;}

#smenu li:hover ul li.fly {background: #ff6c00 url(frog_arrow.gif) no-repeat top right;}
#smenu li:hover ul li:hover {background:#ff4800;}

#smenu li:hover ul li:hover ul li {background:#ff2400;}
#smenu li:hover ul li:hover ul li.hover ul li {background:#780; z-index:500;}

#smenu li:hover ul li:hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#smenu li:hover ul li:hover ul li:hover {z-index:500; background:#e2001a;}
#smenu li:hover ul li:hover ul li:hover a {color:#fff;}

#smenu li:hover ul li:hover ul li:hover ul li:hover {background:#aa0;}
#smenu li:hover ul li:hover ul li.hover ul li:hover a {color:#fff;}

#nav img {display:block; float:right;}
#nav p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}


/* fine sottomenu catalogo*/


/* sottomenu syprem*/
#smenuSy {list-style-type:none; padding:0; margin:0; width:125px; position:relative; top:10px; left:0; border:1px solid #fff; border-width:0 1px 1px; z-index:100;}
#smenuSy ul {list-style-type:none; padding:0; margin:0;}
#smenuSy li {float:left; background:#657; position:relative; border-top:1px solid #fff;}

#smenuSy li.sub {background:#ffcc00;}
#smenuSy li.sub a:hover {color:#e2001a;}
#smenuSy li.sub #current {color:#e2001a;}

#smenuSy li, #smenuSy li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:125px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#smenuSy ul,
#smenuSy li:hover ul ul,
#smenuSy li:hover ul li:hover ul ul {display:none;}

#smenuSy li:hover {color:#e2001a; z-index:500;}

#smenuSy li:hover ul {display:block; height:150px;}
#smenuSy li:hover ul li:hover ul, 
#smenuSy li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px; height:auto;}

#smenuSy li:hover ul li.fly {background: #ff6c00 url(frog_arrow.gif) no-repeat top right;}
#smenuSy li:hover ul li:hover {background:#ff4800;}

#smenuSy li:hover ul li:hover ul li {background:#ff2400;}
#smenuSy li:hover ul li:hover ul li.hover ul li {background:#780; z-index:500;}

#smenuSy li:hover ul li:hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#smenuSy li:hover ul li:hover ul li:hover {z-index:500; background:#e2001a;}
#smenuSy li:hover ul li:hover ul li:hover a {color:#fff;}

#smenuSy li:hover ul li:hover ul li:hover ul li:hover {background:#aa0;}
#smenuSy li:hover ul li:hover ul li.hover ul li:hover a {color:#fff;}

/*div#news {
	float:right;
	left:0;
	text-align:right;
	color:#333;
	background-image:url(images/sfondo_news.png);
	background-repeat:no-repeat;
	width:188px;
	height:116px;}
	
	
.news {
	padding-right:15px;
	padding-top: 42px;}	*/

/*stili per il sottomenu syprem*/
.subsyprem{
float:left;
margin:10px 0;
padding:0;
width:120px;
}


.subeventi{
float:left;
margin:10px 0;
padding:0;
width:120px;
}



/* sottomenu syprem*/
#smenuEv {list-style-type:none; padding:0; margin:0; width:125px; position:relative; top:10px; left:0; border:1px solid #fff; border-width:0 1px 1px; z-index:100;}
#smenuEv ul {list-style-type:none; padding:0; margin:0;}
#smenuEv li {float:left; background:#657; position:relative; border-top:1px solid #fff;}

#smenuEv li.sub {background:#66cc66;}
#smenuEv li.sub a:hover {color:#277527;}
#smenuEv li.sub #current {color:#277527;}

#smenuEv li, #smenuEv li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:125px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#smenuEv ul,
#smenuEv li:hover ul ul,
#smenuEv li:hover ul li:hover ul ul {display:none;}

#smenuEv li:hover {color:#277527; z-index:500;}

#smenuEv li:hover ul {display:block; height:150px;}
#smenuEv li:hover ul li:hover ul, 
#smenuEv li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px; height:auto;}

#smenuEv li:hover ul li.fly {background: #ff6c00 url(frog_arrow.gif) no-repeat top right;}
#smenuEv li:hover ul li:hover {background:#ff4800;}

#smenuEv li:hover ul li:hover ul li {background:#ff2400;}
#smenuEv li:hover ul li:hover ul li.hover ul li {background:#780; z-index:500;}

#smenuEv li:hover ul li:hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#smenuEv li:hover ul li:hover ul li:hover {z-index:500; background:#e2001a;}
#smenuEv li:hover ul li:hover ul li:hover a {color:#fff;}

#smenuEv li:hover ul li:hover ul li:hover ul li:hover {background:#aa0;}
#smenuEv li:hover ul li:hover ul li.hover ul li:hover a {color:#fff;}




.subagenti{
float:left;
margin:10px 0;
padding:0;
width:125px;
}



/* sottomenu syprem*/
#smenuAg {list-style-type:none;
	padding:0;
	margin:0;
	width:125px;
	position:relative;
	top:10px;
	left:0;
	border:1px solid #fff;
	border-width:0 1px 1px;
	z-index:100;}
#smenuAg ul {list-style-type:none; padding:0; margin:0;}
#smenuAg li {float:left; background:#657; position:relative; border-top:1px solid #fff;}

#smenuAg li.sub {background:#75ccee;}
#smenuAg li.sub a:hover {color:#004e6c;}
#smenuAg li.sub #current {color:#004e6c;}

#smenuAg li, #smenuAg li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:125px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#smenuAg ul,
#smenuAg li:hover ul ul,
#smenuAg li:hover ul li:hover ul ul {display:none;}

#smenuAg li:hover {color:#277527; z-index:500;}

#smenuAg li:hover ul {display:block; height:150px;}
#smenuAg li:hover ul li:hover ul, 
#smenuAg li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px; height:auto;}

#smenuAg li:hover ul li.fly {background: #ff6c00 url(frog_arrow.gif) no-repeat top right;}
#smenuAg li:hover ul li:hover {background:#ff4800;}

#smenuAg li:hover ul li:hover ul li {background:#ff2400;}
#smenuAg li:hover ul li:hover ul li.hover ul li {background:#780; z-index:500;}

#smenuAg li:hover ul li:hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#smenuAg li:hover ul li:hover ul li:hover {z-index:500; background:#e2001a;}
#smenuAg li:hover ul li:hover ul li:hover a {color:#fff;}

#smenuAg li:hover ul li:hover ul li:hover ul li:hover {background:#aa0;}
#smenuAg li:hover ul li:hover ul li.hover ul li:hover a {color:#fff;}




.subtest{
float:left;
margin:10px 0;
padding:0;
width:125px;
}



/* sottomenu syprem*/
#smenuTest {list-style-type:none;
	padding:0;
	margin:0;
	width:125px;
	position:relative;
	top:10px;
	left:0;
	border:1px solid #fff;
	border-width:0 1px 1px;
	z-index:100;}
#smenuTest ul {list-style-type:none; padding:0; margin:0;}
#smenuTest li {float:left; background:#657; position:relative; border-top:1px solid #fff;}

#smenuTest li.sub {background:#cc6600;}
#smenuTest li.sub a:hover {color:#fff;}
#smenuTest li.sub #current {color:#fff;}

#smenuTest li, #smenuTest li a {display:block; color:#ebaf72; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:125px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#smenuTest ul,
#smenuTest li:hover ul ul,
#smenuTest li:hover ul li:hover ul ul {display:none;}

#smenuTest li:hover {color:#277527; z-index:500;}

#smenuTest li:hover ul {display:block; height:150px;}
#smenuTest li:hover ul li:hover ul, 
#smenuTest li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px; height:auto;}

#smenuTest li:hover ul li.fly {background: #ff6c00 url(frog_arrow.gif) no-repeat top right;}
#smenuTest li:hover ul li:hover {background:#ff4800;}

#smenuTest li:hover ul li:hover ul li {background:#ff2400;}
#smenuTest li:hover ul li:hover ul li.hover ul li {background:#780; z-index:500;}

#smenuTest li:hover ul li:hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#smenuTest li:hover ul li:hover ul li:hover {z-index:500; background:#e2001a;}
#smenuTest li:hover ul li:hover ul li:hover a {color:#fff;}

#smenuTest li:hover ul li:hover ul li:hover ul li:hover {background:#aa0;}
#smenuTest li:hover ul li:hover ul li.hover ul li:hover a {color:#fff;}