@charset "UTF-8";

@font-face {
    font-family: 'gandhi_sansregular';
    src: url('../font/gandhisans-regular-webfont.eot');
    src: url('../font/gandhisans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gandhisans-regular-webfont.woff') format('woff'),
         url('../font/gandhisans-regular-webfont.ttf') format('truetype'),
         url('../font/gandhisans-regular-webfont.svg#gandhi_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gandhi_sansitalic';
    src: url('../font/gandhisans-italic-webfont.eot');
    src: url('../font/gandhisans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gandhisans-italic-webfont.woff') format('woff'),
         url('../font/gandhisans-italic-webfont.ttf') format('truetype'),
         url('../font/gandhisans-italic-webfont.svg#gandhi_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gandhi_sansbold';
    src: url('../font/gandhisans-bold-webfont.eot');
    src: url('../font/gandhisans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gandhisans-bold-webfont.woff') format('woff'),
         url('../font/gandhisans-bold-webfont.ttf') format('truetype'),
         url('../font/gandhisans-bold-webfont.svg#gandhi_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,body {
    margin: 0px;	
    height: 100%;
    width: 100%;
    font-family: gandhi_sansregular, Arial, Verdana;
    font-size: 13px;
    line-height: 27px;
    text-align: justify;
    color: #033383;
    background-color: #fff;
    background: url('../img/bg.png') repeat center;
}

::selection {
	background: #f4f4f4; /* Safari */
	color: #fb933e;
	}
::-moz-selection {
	background: #f4f4f4; /* Firefox */
	color: #fb933e;
}

::-webkit-selection {
	background: #f4f4f4;
	color: #fb933e;	/* Others */
}

img {
    border-style: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
}

.img2 {
    border-style: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    float: none;
} 

.img3 {
	position: relative;
	left: 30px;
    border-style: none;
    border: 0px;
    float: none;
}

.img4 {
	position: relative;
	left: -16px;
    border-style: none;
    border: 0px;
    float: none;
}

.img5 {
	position: relative;
	left: -6px;
    border-style: none;
    border: 0px;
    float: none;
} 

table {
	position: absolute;
	top: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	background-color: #ddd;
	background: url('../img/sfondo.png') fixed repeat-y center;
    z-index: 90;
    font-family: gandhi_sansregular, Arial, Verdana;
    font-size: 13px;
    line-height: 27px;
    text-align: justify;
    color: #033383;
}

.orange {
	color: #fb933e;
	font-size: 16px;
	font-variant: small-caps;
}

.orange2 {
	color: #fb933e;
	font-size: 13px;
}

.verde {
	color: #66bc57;
	font-size: 14px;
}

.back {
	position: relative;
	top: 0px;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 728px;
	height: 100%;
    background: url('../img/sf-bianco.png') repeat-y center;
    z-index: 100;
}

.contenitore {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: -86px;
	width: 559px;
}

.logo {
	position: relative;
	top: 3px;
	left: 10px;
	float: left;
}

.middle {
	position: relative;
	top: 0px;
	left: -12px;
}

.immago {
	position: relative;
	top: -5px;
}

.centro {
	position: relative;
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 50px;
	width: 93%;
	float: left;
}

.foot {
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: -366px;
	bottom: 0px;
	width: 559px;
	height: 21px;
	background: url('../img/riga_verde.png') repeat-y center;
	font-family: gandhi_sansregular, Arial, Verdana;
	font-size: 10px;
	color: #fff;
	text-align: center;
	vertical-align: top;
	float: left;
}

/*.menu {
	position: relative;
	top: -220px;
	left: 599px;
	width: 197px;
	min-height: 75px;
	background: url('../img/sf-menu.png') repeat-y;
	z-index: 99;
}*/

.btn_home {
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: 192px;
	margin-top: 65px;
	width: 197px;
}

.menu {
	margin-top: 60px;
	left: 0px;
	width: 197px;
	background: url('../img/sf-menu.png') repeat-y;
}

.bmenu {
	position: relative;
	width: 197px;
	height: 8px;
	float: left;
}

.casetta {
	position: absolute;
	bottom: 0px;
	left: 50%;
	right: 50%;
	margin-bottom: 20px;
	margin-left: 228px;
	margin-top: 455px;
	width: 135px;
	height: 144px;
}

.prank {
	position: relative;
	top: 0px;
	left: 28px;
}

.sotto_menu {
	display: none;
	position: relative;
	top: 0px;
	left: 0px;
	width: 197px;
	float: left;
	background: url('../img/sf-menu.png') repeat-y;
}

.sotto_menu_aperto {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 197px;
	float: left;
	background: url('../img/sf-menu.png') repeat-y;
}

/* pulsanti menu ********************/

a.btn01 {
	display: block;
	margin-bottom: -1px;
	width: 197px;
	height: 25px;
	background-image: url(../img/menu/btn01.png);
	background-repeat: no-repeat;
	background-position: 0px px;
	float: left;
}

a.btn01:hover {
	background-position: 0px -25px;
	float: left;
}

.btn01sel {
	display: block;
	margin-bottom: -1px;
	width: 197px;
	height: 25px;
	background-image: url(../img/menu/btn01.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	float: left;
}

a.btn02 {
	display: block;
	margin-bottom: -1px;
	width: 197px;
	height: 25px;
	background-image: url(../img/menu/btn02.png);
	background-repeat: no-repeat;
	background-position: 0px px;
	float: left;
}

a.btn02:hover {
	background-position: 0px -25px;
	float: left;
} 

.btn02sel {
	display: block;
	margin-bottom: -1px;
	top: -1px;
	width: 197px;
	height: 25px;
	background-image: url(../img/menu/btn02.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	float: left;
}

.btn02_on {
	display: block;
	margin-bottom: -1px;
	top: -1px;
	width: 197px;
	height: 25px;
	background-image: url(../img/menu/btn02.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	float: left;
}


a.btn03 {
	display: block;
	margin-bottom: -1px;
	width: 197px;
	height: 25px;
	background-image: url(../img/menu/btn03.png);
	background-repeat: no-repeat;
	background-position: 0px px;
	float: left;
}

a.btn03:hover {
	background-position: 0px -25px;
	float: left;
}

.btn03sel {
	display: block;
	margin-bottom: -1px;
	top: -1px;
	width: 197px;
	height: 25px;
	background-image: url(../img/menu/btn03.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	float: left;
}

a.btn04 {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	width: 197px;
	height: 25px;
	background-image: url(../img/menu/btn04.png);
	background-repeat: no-repeat;
	background-position: 0px px;
	float: left;
}

a.btn04:hover {
	background-position: 0px -25px;
	float: left;
}

/* pulsanti sottomenu ********************/

a.sbtn01 {
	display: block;
	width: 197px;
	height: 22px;
	background-image: url(../img/smenu/sbtn01.png);
	background-repeat: no-repeat;
	background-position: 0px px;
	float: left;
}

a.sbtn01:hover {
	background-position: 0px -22px;
	float: left;
}

.sbtn01sel {
	display: block;
	width: 197px;
	height: 22px;
	background-image: url(../img/smenu/sbtn01.png);
	background-repeat: no-repeat;
	background-position: 0px -44px;
	float: left;
}

a.sbtn02 {
	display: block;
	width: 197px;
	height: 22px;
	background-image: url(../img/smenu/sbtn02.png);
	background-repeat: no-repeat;
	background-position: 0px px;
	float: left;
}

a.sbtn02:hover {
	background-position: 0px -22px;
	float: left;
}

.sbtn02sel {
	display: block;
	width: 197px;
	height: 22px;
	background-image: url(../img/smenu/sbtn02.png);
	background-repeat: no-repeat;
	background-position: 0px -44px;
	float: left;
}

a {
	color: #66bc57;
	text-decoration: none;
}

a:hover {
	color: #f4c942;
}

a.green {
	color: #fff;
	text-decoration: none;
}

a.green:hover {
	color: #f4c942;
}

/* fine pulsanti menu **************/


/* colore testo #033383
	over #58a9fd 
	arancione usato #fb933e
	verde link #66bc57
*/