@font-face {
font-family: 'LetterGothicStd';    src:url('../fonts/LetterGothicStd.otf') format('opentype');
    font-weight: normal;font-style: normal;
}

@font-face {
font-family: 'LetterGothicStd';    src:url('../fonts/LetterGothicStd-Bold.otf') format('opentype');
font-weight: bold;font-style: normal;
}

@font-face {
font-family: 'LetterGothicStd'; src:url('../fonts/LetterGothicStd-Slanted.otf') format('opentype');
font-weight: normal;font-style: italic;
}

@font-face {
font-family: 'LetterGothicStd';   src:url('../fonts/LetterGothicStd-BoldSlanted.otf') format('opentype');
font-weight: bold; font-style: italic;
}

body {
    font-family: 'LetterGothicStd', sans-serif;
    font-weight: normal;
    background-color: #12365f;
	background: url(../images/pixel_sfondo.png) repeat;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
strong em {
    font-weight: bold;
    font-style: italic;
}
.play{
	cursor: pointer;
}




.clear{
	clear: both;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	color: #000000;
}
h1 {
	font-size: 18px;
	line-height: 23px;
}
h2 {
	font-size: 16px;
	line-height: 21px;
}
h3 {
	font-size: 15px;
	line-height: 20px;
}
p, ul {
	font-size: 15px;
	line-height: 20px;
}




.container{
	margin: auto;
	width: 100%;
	max-width: 1280px;
	padding: 30px;
}
.sezione_utente {
	width: 100%;
	max-width: 1121px;
	margin: auto auto 30px;
}
.container_intestazione {
	width: 50%;
	float: left;
}
.container_button {
	width: 50%;
	float: left;
	text-align: right;
}
.container_button_istruzioni {
	display: inline-block;
}
.container_button_logout {
	display: inline-block;
}

.button {
	background-color: #fed253;
	text-align: center;
	width: auto;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
}
.button p {
	color: #002c50;
	font-size: 10px;
	line-height: 15px;
}
.container_calendario {
	width: 100%;
	max-width: 855px;
	margin: auto;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}
.container_testata img {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.sezione_titolo {
	padding: 20px 30px 0;
}
.sezione_logo {
	margin-top: 30px;
	text-align: center;
}
.sezione_logo img {
	max-width: 150px;
}
/*===== PAGINA ISTRUZIONI =====*/
.container_istruzioni {
	width: 100%;
	max-width: 855px;
	margin: auto;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	padding: 30px;
	box-sizing: border-box;
}
.container_cross {
	text-align: right;
}
.container_cross img,
.container_arrow img,
.container_print img {
	width: 26px !important;
}
.container_arrow,
.container_print {
	width: 50%;
	float: left;
}
.container_print {
	text-align: right;
}
.container_text_istruzioni {
	margin-bottom: 30px;
}
/*===== PAGINA LOGOUT =====*/
.container_banner img {
	width: 100%;
	max-width: 100%;
}
.container_logout {
	text-align: center;
	width: 100%;
	max-width: 855px;
	margin: auto;
	padding: 150px 30px;
	box-sizing: border-box;
}
/*===== PAGINA PREMIO =====*/
.sezione_utente_premio,
.container_premio {
	max-width: 1055px;
}
.container_premio {
	width: 100%;
	margin: auto;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	box-sizing: border-box;
}
.banner_premio {
	text-align: center;
	position: relative;
}
.banner_premio .container_cross {
	position: absolute;
	top: 0;
	right: 0;
}
.banner_premio .container_cross,
.container_table {
	padding: 15px;
}
.banner_premio img {
	width: 100%;
	max-width: 100%;
}
.container_table {
	display: table;
	background-color: #cfd080;
}
.container_table .container_arrow,
.container_table .container_print {
	display: table-cell;
	width: auto;
	float: none;
	text-align: center;
	vertical-align: middle;
}
.container_table .container_text {
	display: table-cell;
	vertical-align: middle;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
}