/* DEFAULTS
----------------------------------------------------------*/

body {background: #fff url(images/bgTop.gif) repeat-x;color:#fff;font-size: 62.5%;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;padding: 0px;color: #696969;}

a:link, a:visited {color: #034af3;}
a:hover {color: #1d60ff;text-decoration: none;}
a:active {color: #034af3;}
p {margin-bottom: 10px;line-height: 1.6em;font-size:1.5em}
strong {font-weight:bold}
#mainContent ul, #mainContent ol {list-style-type:square;margin:10px auto 15px 20px}
#mainContent ul li, #mainContent ol li {line-height:1.5em;font-size:1.4em}

/* HEADINGS   
----------------------------------------------------------*/

h1 {background:url(images/logo.png) no-repeat;width:392px;height:43px;margin:15px 10px 5px 10px}
h1 span {display:none}
h2, h3, h4, h5, h6{font-weight: 900;color:#286cb3;text-shadow: 1px 1px 1px #00458d}
h2 {font-size: 3em;margin-bottom:10px}
h3 {font-size: 2.6em;margin-bottom:8px}
h4 {font-size: 2.2em;margin-bottom:6px}
h5, h6 {font-size: 1.6em;margin-bottom:4px}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

h1 a {width:392px;height:43px;display:block}
.box {display: inline;float: left;margin-left: 10px;margin-right: 10px;position: relative}
.dueTerzi {width:620px}
.unTerzo {width:300px}
.meta {width:460px}
.container {width:960px;margin:auto}
form {background-image:url(images/bgTop.png);background-position:center 72px;background-repeat:no-repeat;}
#header {height:72px}
#mainContent {height:auto;padding-bottom:50px}
#footer {background:url(images/bgFooterShort.gif) repeat-x top #000;color:#d03100;margin:40px 0 0;display:block}
#contactInfo {height:220px;padding:10px 0}
#disclaimer {height:50px;padding:10px 0;color:#f7cc1f;font-size:1.2em;font-weight:600;text-shadow: 1px 1px #300}

form {height:inherit}
html, body {height: 100%}
#main {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -343px
       /* the bottom margin is the negative value of the footer's height */}
#footer, .push {height: 310px !important; /* .push must be the same height as .footer */}


/* TAB MENU   
----------------------------------------------------------*/

div.menu {padding: 4px 0px 4px 8px;}
#header ul {list-style: none;margin: 0px;padding: 0px;width: auto;text-align:center;}
#header ul li {float:left;font-size:1.8em;font-weight:900;
    text-transform:uppercase;height:72px;top: 0; left: 0;
    display: table;vertical-align: middle}
#header ul li a, div.menu ul li a:visited {color: #fff;text-shadow:0 0 2px  #ffe84e;
    display: table-cell; vertical-align: middle;text-decoration:none;margin:auto;padding-left:10px;padding-right:10px}
#header ul:hover li a {color: #ffe84e;text-shadow:0 0 1px #fff}
#header ul li a:hover {color: #fff;text-shadow:0 0 4px  #fff}
#header ul li a:active {color: #ffe84e;text-shadow:0 0 2px #fff}


/* FOOTER
----------------------------------------------------------*/

#footer h2 {font-size:2.4em;color:#9d2500;text-shadow: 1px 1px 2px #ffe84e}
#contactInfo p {font-size:1.4em;font-weight:600;line-height:1.4em;min-height:59px;
    background:url(images/contattaci.png) no-repeat top left; padding-left:60px}
#contactInfo ul li {font-size:1.3em;color:#000}
#contactInfo input[type="button"] {float:right}
#aMap {background:url(images/map.png) no-repeat;width:300px;height:158px;display:block}
#aMap span {display:none}
#disclaimer a {display:block;background:url(images/pwrdby.png) no-repeat;width:96px;height:55px;float:right}
#disclaimer span {display:none}
#disclaimer p {font-size:1.1em;line-height:1.2em}

/* FORM ELEMENTS   
----------------------------------------------------------*/

label {font-size:1.2em;font-weight:900}
input[type="text"], textarea {width:290px;padding:4px 5px;border:0;font-size:1.3em;line-height:1.3em;color:#d03100;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;display:block;}
input[type="text"] {background:url(images/textBoxShort.png) no-repeat;height:20px}
textarea {background:url(images/textBoxMultiLineShort.png) no-repeat;height:78px;overflow:auto}
input[type="button"], input[type="submit"] {background:url(images/button.png) no-repeat;width:85px;height:30px;padding:4px auto;
    border:0;color:#ffe48d;font-weight:900;font-family: Verdana, sans-serif;font-size:1.6em}

/* MISC  
----------------------------------------------------------*/

table {margin:auto}
td {vertical-align:middle;text-align:center;padding:10px;font-size:1.2em}
.center {text-align:center}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

#Servizi h3 {font-size: 2em;line-height:1em}
#gallery img {-moz-box-shadow: 0 0 10px #333;-webkit-box-shadow: 0 0 10px #333}
img.gallery {margin:20px;-moz-box-shadow: 0 0 20px #333;-webkit-box-shadow: 0 0 20px #333}

/* TWEAKS  
----------------------------------------------------------*/

.roundedCorners {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

.addShadow {
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
}
		
/*<!--[if IE]>
	<style type="text/css">
		.addShadow {
			-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
			filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
		}
	</style>
<![endif]-->*/