/* CSS Document */

/*
@name: _ext/css/layout.css
@desc: css home page
@author: Fabio Franci
@lastauthor: Fabio Franci
*/
/* Box-sizing -*/

*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url('/_ext/css/boxsizing.htc');
}

/* Display block per gli elementi HTML5 su IE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}


/* Stili di base e tipografia */

html {
  font-size: 100%;
}

body {
 margin: 0;
 padding: 0;
 font-family: "EuroStile","Helvetica Neue", Helvetica, Arial, sans-serif; 
 font-size: 12px;
 line-height: 16px;
 color:#9d9ea0; 
 background-color: #FFFFFF;
}

a {
 color: #FFFFFF;
 text-decoration: none;
}
a:hover {
 color: #327ba8;
 text-decoration: none;
}
.blu a:hover {
 color: #9d9ea0;
 text-decoration: none;
}


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

img {border: none;}
/* Griglia */

.contenitore {
 width:1120px; 
	margin:0 auto; 
	padding:0; 
	background: #fff;
	position:relative;

}

.riga {
 margin: 0px;
 padding:0px;
}

[class*='colonna-'] {
 display: block;
 float: left;
 padding: 0px;
 font-size:10px;
}

.colonna-1 {
 width: 1120px;
}

.colonna-1-7 {
 width:160px;
}

.colonna-2-7 {
 width:320px;
}

.colonna-3-7 {
 width:480px;
}

.colonna-5-7 {
 width:700px;
}

.payoff { text-align:right;line-height:22px;width:320px;padding-left:70px;padding-right:10px;padding-top:10px;font-size:20px;font-style:italic; }
.interno_grigio_angolo { text-align:left;line-height:22px;width:160px;padding-left:20px;padding-right:10px;padding-top:10px;font-size:20px;font-style:italic; }
.blu 			{background-color:#327ba8;color:#ffffff;text-align:center;}
.grigio 		{background-color:#9d9ea0;color:#ffffff;text-align:center;}
.grigio_angolo 	{background-color:#9d9ea0;color:#ffffff;text-align:center;width:160px;height:160px; 
 background-image:url('../img/background_angolo.jpg');
 background-repeat:no-repeat;
}
.grigio_angolo_basso 	{background-color:#9d9ea0;color:#ffffff;text-align:center;width:160px;height:160px; 
 background-image:url('../img/background_angolo_basso.jpg');
 background-repeat:no-repeat;
}

.quadrato 		{height:160px;line-height:160px;vertical-align:middle;font-size:14px;}
.quadrato2 		{height:320px;line-height:320px;vertical-align:middle;font-size:14px;}
.quadratologo 	{ height:160px;background-color: #FFFFFF;
 background-image:url('../img/background_logo.jpg');
 background-repeat:no-repeat;
}/* Micro-clearfix */

.contenitore:before,
.contenitore:after,
.riga:before,
.riga:after {
 content: " "; 
 display: table;
}

.contenitore:after,
.riga:after {
 clear: both;
}

.contenitore, .riga {
*zoom: 1;
}

/* Stili  per le varie sezioni */

header {
 height: 50px;
}

header #logo {
 float: left;
}

#logo a {display: block;}

.menu_freccia {
 height:62px;
 background-image:url('../img/menu_qui.png');
 background-repeat:no-repeat;
 background-position:bottom; 
}

.qui {
	color:#327BA8;
}
.qui_lang {
	color:#327BA8;
}

#menu_lang {
	float:right;
	font-size:14px;
}

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

nav ul, nav li {
 margin: 0;
 padding: 0;
}

nav ul li {
 list-style: none;
 float: left;
 margin-right: 10px;
 font-size:14px;
}

nav ul li a {
 display: block;
 padding: 0px;
}

footer {
border-top:1px solid #327BA8;
}

/*@font-face {
	font-family: 'Eurostile';
	src: url('fonts/EurostileLTStd.eot');
	src: local('☺'), url('fonts/EurostileLTStd.woff') format('woff'), url('fonts/EurostileLTStd.ttf') format('truetype'), url('fonts/EurostileLTStd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/*Richiesta info*/
.dumbBoxWrap { /* The div that shows/hides. */
    display:none; /* starts out hidden */
    z-index:40001; /* High z-index to ensure it appears above all content */
}
.dumbBoxOverlay { /* Shades out background when selector is active */
    position:fixed;
    width:100%;
    height:100%;
    background-color:black;
    opacity:.5; /* Sets opacity so it's partly transparent */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE transparency */
    filter:alpha(opacity=50); /* More IE transparency */
    z-index:40001;
}
.vertical-offset { /* Fixed position to provide the vertical offset */
    position:fixed;
    top:0px;
    width:100%;
    z-index:40002; /* ensures box appears above overlay */
}
.dumbBox { /* The actual box, centered in the fixed-position div */
    width:500px; /* Whatever width you want the box to be */
    position:relative;
    margin:0 auto;
    //Everything below is just visual styling */
    background-color:silver;
    padding:10px;
}
#closeModal {
        position:absolute;
        top:30px; /* Half the icon's height */
        right:60px; /* half the icon's width */
        z-index:50;
    }


div.contatti_form {
	background: #efefef;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
	width: 450px;
}

div.contatti_form legend{
	color: #111111;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-shadow: 0 1px 1px #cccccc;
}

div.contatti_form ul li {
	background: #b9cf6a;
	background: rgba(255,255,255,.3);
	border-color: #e3ebc3;
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
}
div.contatti_form ul ul li {
	background: none;
	border: none;
	float: left;
}

div.contatti_form label {
	float: left;
	font-size: 13px;
	width: 110px;
}
div.contatti_form input:not([type=radio]),
div.contatti_form textarea {
	background: #ffffff;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	outline: none;
	padding: 5px;
	width: 300px;
}
div.contatti_form input:not([type=submit]):focus,
div.contatti_form textarea:focus {
	background: #eaeaea;
}
div.contatti_form input[type=radio] {
	float: left;
	margin-right: 5px;
}

			form button {
				background: silver;
				border: none;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				-khtml-border-radius: 20px;
				border-radius: 20px;
				color: #ffffff;
				display: block;
				font: 18px Eurostile,Georgia, "Times New Roman", Times, serif;
				letter-spacing: 1px;
				margin: auto;
				padding: 7px 25px;
				text-shadow: 0 1px 1px #000000;
				text-transform: uppercase;
				}
					
				form button:hover {
					background: #1e2506;
					cursor: pointer;
					}