/*******************************************************/
                                       /*****************     CSS BASE     ********************/
                                       /*******************************************************/

/*******************************************************     GENERALE     *****************************************************************/

body {
	margin:0;
	padding:0;
}
#contenitore {
	background: url(img/logo_bg.gif) repeat-x;
}
/*******************************************************       TOP       *****************************************************************/

/* immagine di destra */
#immagine {
	position: absolute;
	top: 0;
	left: 590px;
}

/* logo superiore (rosso) */
#top {
	top:0;
	left:0;
	height: 144px;
	z-index:1;
	background: url(img/logocircolo.jpg) no-repeat;
}

/* voci principali del menu */
div#menu {
	position: absolute;
	top: 97px;
	left: 62px;
	z-index: 10;
}
div#principale a {
	float: left;
	margin-right: 5px;
}
div#principale {
	clear: both;
	height: 47px;
}
/* voci secondarie del menu*/
div#sottomenu {
	position:absolute;
	top: 47px;
	clear: both;
}
div#sottomenu a{
	float: left;
}
/*******************************************************       MAIN       *****************************************************************/

/* box che contiene la parte centrale */
#contmain {
	position: relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 61px;
	width: 711px;
	top: 60px;
}

#main {
	float: left;
	width: 504px;
}

/* float delle immagini contenute nel main */
div#main span img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
div#main img {
	float: left;
	margin-right: 0;
	margin-bottom: 5px;
}

/*******************************************************       DESTRA      *****************************************************************/

/* inizio del contenitore del logo syn in basso a destra */
div#boxsyn {
	width: 180px;
}
#boxsyn img{
	margin-top: 23px;
}
#boxsyn p {
	padding: 10px;
	font-weight: bold;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* caratteri generali dei box delle news */
#destra {
	float: left;
	margin-left: 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 175px;
}
p.testonews {	
	padding:10px;
	margin-bottom: 30px;
	margin-top:0;
}
.titolinonews {
	font-weight: bold;
	margin-top:0;
	height:20px;
	vertical-align: middle;
}

/*******************************************************       ORARI       *****************************************************************/

/* spazio tra il testo e il bordo del box */
div#boxorari p, #boxorari span {
	padding: 0 4px;
	width: 160px;
}
div#boxorari {
	width: 168px;
}	

/*******************************************************       NEWS       *****************************************************************/
/* caratteri generali del box delle novità*/
#news {
	height: 220px;
	width: 180px;
	margin-top: 20px;
}
.titolonews {
	height: 17px;
	font-size:12px;
	font-weight: bold;
	padding-left:5px;
	padding-top: 3px;
}
.testonews {
	margin-top: 0px;
}

/*******************************************************       BOTTOM       *****************************************************************/

/* il bottom rimane fisso in fondo alla pagina anche quando si scrolla */
#bottom {
	clear: both;
	top:0;
	border-top:1px solid gray;
	padding: 0 0 30px 0;
	text-align: center;
}
* html #bottom {
	margin-top: -1px;
}
#bottom span {
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}

/*******************************************************      LINKS       *****************************************************************/

/*link del popup credits*/
div#rightcredits a, div#rightcredits a:visited {
	color: #FFFFFF;
}
div#rightcredits a:hover, div#rightcredits a:active {
	background-color: #FFFFFF;
	color: #4D508D;
}
div#maincredits a, div#maincredits a:visited {
	color: #E17168;
}
div#maincredits a:hover, div#maincredits a:active {
	background-color: #E17168;
	color: #FFFFFF;
}

/*******************************************************      CREDITS       *****************************************************************/

div#contcredits {
	height: 460px;
	width: 360px;
	overflow: hidden;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#topcredits {
	width: 100%;
	height: 50px;
	top:0;
	background-color: #E17168;
}
div#maincredits {
	position: relative;
	width: 250px;
	height: 410px;
	margin-left: 0px;
	margin-top: 50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div#rightcredits {
	position: absolute;
	width: 110px;
	height: 70%;
	right:0;
	left: 250px;
	top: 50px;
	background-color: #4D508D;
}
div#topcredits p {
	margin-top: 0px;
	margin-left: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
div#rightcredits {
	left: 250px;
	height: 100%;
}
div#rightcredits p {
	margin-top: 360px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#maincredits {
	position: absolute;
	top: 10px;
}
div#maincredits p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
}

/*******************************************************       POPUP       *****************************************************************/

#mainpopup img{
	margin: 0;
}
#larghezzapopup {
	border-top:1px solid #cacaca;
}
#contpopup {
	padding:10px;
	width: 350px;
	height: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}