/* 
	CSS Elementi
	Fogli di stile per il sito DivertitiClub.
	© 2009 - SMA 
*/ 

body {
	margin: 0; padding: 0;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans serife;
	font-size: 11px;
	line-height: 14px;
	color: #666;
	text-align: center;
}

h1 {
	color: #e2001a;
	font-family: Arial, Helvetica, sans serife;
	font-size: 18px;
	font-weight: normal;
}

h2 {
	color: #e2001a;
	font-family: Arial, Helvetica, sans serife;
	font-size: 14px;
	font-weight: bold;
	margin:0; padding:0;
}

h3 {
	color: #e2001a;
	font-family: Arial, Helvetica, sans serife;
	font-size: 11px;
	font-weight: bold;
	margin:0; padding:0;
}

p {margin: 14px 0}

img {border:0;}

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



/* DIV CONTAINER - TOPNAVIGATION */



#Top {
	width: 930px;
	height:200px;
	margin: 0 auto;
	/*background-image: url("../img/bg/bg_top.gif");
	background-repeat: no-repeat;*/
	text-align:left;
	overflow: hidden;
}

#Top a, #Top a:visited {
	display: block;
	width: 112px; height:112px;
	color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans serife;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#Top a:hover {
	background-image:url("../img/bg/cerchio_1.gif");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0;
	display: block;
	width: 112px; height:112px;
	color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans serife;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.padCerchio {padding-top:50px; }

/* CERCHI TOP NAVIGATION */

#Cerchio1 {
	width: 112px; height:112px;
	position:relative;
	top:-125px; left:409px;
	text-align: center;
}

@-moz-document url-prefix() {
#Cerchio1 { top:-123px; left:409px; }
}

#Cerchio1_ON {
	position:relative;
	top:-125px; left:409px;
	width: 112px; height:112px;
	background-image:url("../img/bg/cerchio_2.gif");
	color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans serife;
	font-size: 13px;
	font-weight:bold;
}

@-moz-document url-prefix() {
#Cerchio1_ON { top:-123px; left:409px; }
}

#Cerchio2 {
	width: 112px; height:112px;
	position:relative;
	top:-237px; left:533px;
	text-align: center;
	float:left;
}

@-moz-document url-prefix() {
#Cerchio2 { top:-235px; left:533px; }
}

#Cerchio2_ON {
	position:relative;
	top:-237px; left:533px;
	width: 112px; height:112px;
	background-image:url("../img/bg/cerchio_2.gif");
	color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans serife;
	font-size: 13px;
	font-weight:bold;
	float:left;
}

@-moz-document url-prefix() {
#Cerchio2_ON { top:-235px; left:533px; }
}


#Cerchio3 {
	width: 112px; height:112px;
	position:relative;
	top:-237px; left:541px;
	text-align: center;
	float:left;
}

@-moz-document url-prefix() {
#Cerchio3 { top:-235px; left:541px; }
}

#Cerchio3_ON {
	position:relative;
	top:-237px; left:541px;
	width: 112px; height:112px;
	background-image:url("../img/bg/cerchio_2.gif");
	color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans serife;
	font-size: 13px;
	font-weight:bold;
	float:left;
}

@-moz-document url-prefix() {
#Cerchio3_ON { top:-235px; left:541px; }
}


/* Home - Slide foto */

#imageSlideshowHolder{
  width:456px;
  height:186px;
  background-color:#FFF;
  border: 1px solid #79c782;
  position:relative;  /* Never change this value */
  
}
.imageInGallery{    
  width:456px;
  height:186px;
  background-color:#FFF;
  
  /* Never change these 3 value */
  left:0px;
  top:0px;
  position:absolute;  
} 

/* DIV CONTAINER - SLOGAN */

#Slogan {
	width: 930px; height: 90px;
	text-align: right;
	margin: 0 auto; 
}
.padSlogan {padding-right: 50px;}


/* DIV CONTAINER - FLASH FOTO */

#Foto {
	margin: 0 auto;
	width: 930px; height:250px;
}

/* DIV CONTAINER -CONTENUTI */

#Contenuti {
	width: 930px; height:280px;
	margin: 0 auto;
	background-image: url("../img/bg/bg_home.gif");
	background-repeat: no-repeat;
	text-align:left;
	padding:0;
}

.padContenuti {padding: 25px 0 10px 92px;}

#Barra { width: 94; background: #e2001a; margin: 0 auto; text-align:left; }
#Barra h1 {margin: 2px 7px;}
#Barra h1 {font-family: Arial, Helvetica, sans serife; color:#fff; font-size:13px; font-weight:bold;}
#Barra .top, #Barra .bottom {display:block;background: #fff;}
#Barra .top b, #Barra .bottom b {
  		display:block;height: 1px; overflow: hidden; background: #e2001a;
	}
#Barra .r1{margin: 0 5px;}
#Barra .r2{margin: 0 3px;}
#Barra .r3{margin: 0 2px;}
#Barra .top .r4, #Barra .bottom .r4{margin: 0 1px;height: 2px;}

.padPreBarra {padding: 0 0 0 580px;}


#Eventi {
	width:456px;
	float:left;
}

#Eventi_Testo {
	width: 280px;
	text-align:justify;
	float:right;
}
#Footer {
	clear:both;
	margin:0 auto;
	width:930px; height: 78px;
	background-image: url("../img/bg/footer.gif");
	background-repeat:no-repeat;
	color: #057011;
	text-align:left;
	font-weight: bold;
}

#Footer .padFooter {
	padding: 28px 0 0 10px; 
}

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

#Footer a.Su, a.Su:visited {
	display: block;
	width: 67px; height:67px;
	background-image:url("../img/bg/su0.gif");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#Footer a.Su:hover {
	background-image:url("../img/bg/su1.gif");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 67px; height:67px;
	text-decoration: none;
}

#Su {position:relative; top:-42px; left:853px; width:67px; height:67px;}

.break {width: 930px; height:20px; margin:0 auto;}
.space {width: 100%; height:15px; font-size:1px;}