/* Copyright (c) DELTA X MULTIMEDIA -  Tutti i diritti sono riservati. */
/* CSS Document */
/* DXM main style */

@charset "utf-8";

@import 'fonts.css';

/* Reset ------------------------------------------------------------- */
* {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
}

* { margin: 0; padding: 0; }

html {overflow-y: auto;}

html,body{
	height:100%;
	min-height:480px;
}

body
{
	width: 100%;
	background-color:#fff;
	
	font-family:  Arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	
	margin: 0;
 	padding: 0;
}

a {outline: none; border:none;}
a:hover, a:active, a:focus {outline: none;}

/*ol, ul { list-style: none; list-style-image: none; margin: 0; padding: 0;}*/
ul li {margin: 0; padding: 0; margin: 0 0 0px;}


ul {
	list-style:inside;
    list-style-image: url('../images/bullet_dxm.gif');
}

.clearfix {
	clear: both;
}

img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
.flex {width:100%;max-width: 100%;}	
.img_flex {display: block;}

#main
{
	position:relative;
	width:100%;
	height: 100%;	
}

/* Regole per IE8  */

/*.lt-ie9 #main {
 background-position: top center;
}*/

.link_menu { font-size: 11px; text-decoration:none; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; -webkit-transition: color 0.2s ease;transition: color 0.2s ease;}
.link_menu:link,.link_menu:active,.link_menu:visited {color:#003366;}
.link_menu:hover {Color:#0066cc;text-decoration:underline;background-color: transparent;}

A {font-size: 12px; text-decoration:none; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; -webkit-transition: color 0.2s ease;transition: color 0.2s ease;}
A:link,A:active,A:visited {color:#003366;}
A:hover {Color:#0066cc;text-decoration:underline;background-color: transparent;}

.text {text-decoration:none;  font-family:"OpenSansRegular", Arial, Verdana, Helvetica, sans-serif;}

.fs_micro {font-size: 8px;}
.fs_very_small {font-size: 10px;}
.fs_small {font-size: 11px;}
.fs_normal {font-size: 12px;}
.fs_normal_plus {font-size: 13px;}
.fs_medium {font-size: 14px;}
.fs_medium_plus {font-size: 16px;}
.fs_big {font-size: 18px;}
.fs_very_big {font-size: 22px;}
.fs_extra {font-size: 28px;}
.fs_super {font-size: 34px;}

.fw_bold{font-family: 'OpenSansSemiboldRegular';}

.fc_white{color:#fff;}
.fc_light{color:#666;}
.fc_easy{color:#3f3f3f;}
.fc_strong{color:#000;}
.fc_warning{color:#ff2020;}

.fst_italic{font-style:italic;}

.ffx_shadow
{
	text-shadow: 1px 1px 0px rgba(0,0,0,0.80);
}

/*strong {
	font-family: 'OpenSansSemiboldRegular';
	font-weight:normal;
}*/

.nofs
{
	font-size: inherit;
}

p{
	margin-bottom: 18px;
	line-height: 1.5; 
}

p:last-child{
	margin-bottom: 0px;
	line-height:normal; 
}

h1, h2, h3, h4, h5, h6 {
	text-rendering: optimizeLegibility;
	line-height: 2.0; 
}

h1 {font-size: 13px;}
h2 {font-size: 11px;}

.payoff
{
	background-color:#d2b048;
	text-align:center;	
	margin: 0 auto;
	padding:30px 0px 30px 0px;	
}	

#top_container
{
	position:relative;

	height:28%;

    background: #F7F7F7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#CCD5DC, #F7F7F7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CCD5DC, #F7F7F7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CCD5DC, #F7F7F7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CCD5DC, #F7F7F7); /* Standard syntax */			
}

#top_content
{
	position:absolute;
	width:100%;	
	bottom:0;
	
	padding-bottom:20px;
}

#middle
{
	width:100%;
	height:44%;
	margin:0 auto;
	text-align:center;
	/*background-color:#0CF;*/
	
	background: #f7f7f7; /* Old browsers */
}

#logo
{
	width:31%;
	margin:0 auto;
}

#payoff
{
	padding-bottom:12px;
	font-weight:bold;
	color:#41769D;
}

#info_container
{
	width:100%;
	height:auto;
	position:relative;
	top:50%;
	transform: translateY(-50%);	
}

#info_content
{
	text-align:center;
}

#bottom
{
	width:100%;
	height:28%;
	
    background: #F7F7F7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#F7F7F7, #CCD5DC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F7F7F7, #CCD5DC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F7F7F7, #CCD5DC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F7F7F7, #CCD5DC); /* Standard syntax */	
	padding-top:20px;	
}

#section_title
{
	display:inline-block;
	width:auto;
}

#info_footer_responsive
{
	display:none;
	margin:0 auto;
	text-align:center;
	width:90%;
	border-top:1px solid #003366;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;	
}

.li_bullet_right
{
	background: url('../images/bullet_dxm.gif') no-repeat center right;
	padding-right:14px;
}

.li_bullet_left
{
	background: url('../images/bullet_dxm.gif') no-repeat center left;	
	padding-left:14px;	
}

.left
{
	float:left;
	padding-left:20px;
}

.right
{
	float:right;
	padding-right:20px;
	text-align:right;
}

#footer_links
{
	color:#000;
}

.h_space
{
	margin-right:20px;	
}

.v_space
{
	height:20px;	
}

.il_narrow
{
	padding:4px 0px 4px 0px;
}

.il_single
{
	padding:10px 0px 0px 0px;
}

.il_medium
{
	padding:15px 0px 0px 0px;
}

.il_double
{
	padding:20px 0px 20px 0px;
}

.section
{
	margin-top:30px;
}

.rounded
{
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
}

.underline
{
	border-bottom:1px solid #666;
	margin-bottom:20px;
	padding-bottom:4px;
}

.clickable
{
	cursor:pointer;
}