/* CSS Document */


/* Tag Reset */

html, body, h1, h2, h3, p, ul, li, input, textarea, label, fieldset, a, img, table, tr, td {
	margin:0;
	padding:0;
	line-height:18px;
}
/* Ridefinizione tag*/

body {
	color:#444444;
	font-size:14px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background: #d9d9d9 url(../images/bg/gradient.gif) top repeat-x;
	padding-top:12px;
}
img, a img {
	border:none;
}
td {
	vertical-align:top;
}
/* LINKS */

a:link, a:visited {
	text-decoration:none;
	color:#ff4000;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
	color:red;
}
/* TIPOGRAFIA */

p {
	line-height:16px;
	padding-bottom:9px;
}
p strong {
	color:#000000;
}
h1, h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#131313;
	font-weight:normal;
	font-size:24px;
	padding-top:25px;
	margin-bottom:27px;
	border-bottom:1px solid #e5e5e5;
	letter-spacing:-1px;
	line-height:36px;
}
h1 strong, h2 strong {
	color:#ff8000;
	font-weight:bold;
}
h2 {
	color:#131313;
	padding-top:0;
	font-size:18px;
	padding-top:15px;
	padding-bottom:9px;
	margin-bottom:0;
	border:none;
	line-height:18px;
	font-weight:bold;
	letter-spacing:normal;
}
h2.first {
	padding-top:0;
}
h3 {
	color:#142660;
	font-size:14px;
	font-weight:bold;
	padding-bottom:6px;
}
#myGallery h3{
	color:#FFFFFF;
}
ul {
	list-style:none;
}
li {
}

/* Form */
#myform {
	font-size:1.2em; /* Can go up to 1.5em without breaking anything. Higher
						values will require increasing the width of the span
						and labels */
	
}

#myform fieldset {
	margin:0 0 20px 0;
	background-color:#f2f9fe;
	border:solid 1px #aedcf5;
	padding:20px 15px 10px 15px;
	position:relative; /* To assist in fixing the background bleed issue on IE */
}

#myform fieldset:hover {
	background-color:#fffccd;
	border:solid 1px #ffdb60;
}

#myform fieldset:hover input {
	background-color:#fff;
	border:solid 1px #ffdb60;
}

#myform fieldset:hover textarea {
	background-color:#fff;
	border:solid 1px #ffdb60;
}

#myform fieldset:hover select {
	background-color:#fff;
	border:solid 1px #ffdb60;
}

#myform fieldset:hover .narrow { /*	Needed to stop border hover on radio buttons
									and checkboxes in IE */
	border:none;
	background-color:#fffccd; 
}

#myform legend {
	position:absolute; /* Fixes background bleed issue on IE. Fieldset must be
						  position:relative for this to work */
	top:-8px;
	color:#fd8f00;
	font-size:1.2em;
	
	position:absolute; /* Stops IE from centering the legend text. Seriously - why IE, why?!!! */
	left:10px;
}

#myform fieldset:hover legend { /* Changes text colour of the legend when you
								   hover over the fieldset */
	color:#3f87e9;
}

#myform label {
	width:190px; /* Must match the exact width specified in the span */
	display:block;
	float:left;
	font-weight:bold;
	padding:0;
	text-align:right;
	margin:0 10px 8px 0;
	color:#000;
}

#myform span {
	font-size:.8em;
	display:block;
	width:190px; /* Must match the exact width specified in the label */
	text-align:right;
	font-weight:normal;
	color:#656565;
}

#myform em {
	font-size:.8em;
	font-style:normal;
	font-weight:normal;
	color:#007bae;
	position:relative;
	top:-7px; /* Moves the em's up a little to line up with the radio buttons
				 and checkboxes*/
}

#myform input {
	width:250px;
	height:20px;
	border:solid 1px #aedcf5;
	margin:0 15px 16px 0;
	color:#3f87e9;
	font-size:1.2em;
	padding:5px 3px 3px 3px;
}

#myform input:hover {
	border:solid 1px #41a9d8;
}

#myform textarea {
	width:250px;
	height:100px;
	border:solid 1px #aedcf5;
	margin:0 0 13px 0;
	color:#3f87e9;
	font-size:1.2em;
	padding:5px 3px 3px 3px;
	font-family:Arial, Helvetica, sans-serif;
}


#myform .narrow {
	width:13px;
	margin:0 200px 50px 15px; /* Add a little spacing between radio button options */
	border:none; /* Removes borders from radio buttons and checkboxes in IE  */
}

#myform .narrow:hover {
	border:none; /* Removes boders from radio buttons and checkboxes in IE on hover  */
}

#myform select {
	width:190px;
	height:29px;
	border:solid 1px #aedcf5;
	margin:0 0 13px 0;
	color:#3f87e9;
	font-size:1.2em;
	padding:4px 3px 2px 3px;
}

#myform select:hover {
	border:solid 1px #41a9d8; /* Hover efefct won't work in IE, but then you're
								 probably not surprised */
}

#myform input.submit {
	width:92px;
	height:35px;
	background-image:url(../images/bg/submit.gif);
	background-position:top;
	border:none;
	border:0;
	text-indent:-9999em;
}

#myform input.submit:hover {
	background-position:bottom;
	border:none;
	border:0;
	cursor:pointer;
}

/* FORMS */

label {
	font-weight:normal;
	letter-spacing:-1px;
	display:block;
	width:282px;
	padding:3px;
	border-bottom:1px solid #f5f5f5;
}
input, textarea, select {
	border:1px solid #cfcfcf;
	padding:3px;
	width:282px;
	margin-bottom:6px;
}

label {
    width:180px; /* Must match the exact width specified in the span */
    display:block;
    float:left;
    text-align:right;
}

label span {
    display:block;
    width:180px; /* Must match the exact width specified in the label */
    text-align:right;
}

select{
	width:290px;
}
textarea {
	width:282px;
	height:150px;
}
input:hover, textarea:hover {
	border:1px solid #e2001a;
}
input:focus, textarea:focus {
	border:2px solid #e2001a;
	padding:2px;
	background:#FFF url(../images/edit.gif) top right no-repeat;
}
#newsletter input {
	width:120px;
}
#newsletter input.button, input.button {
	width:auto;
	padding:2px;
	font-weight:bold;
	border:1px solid #fa6812;
	background:#fa6812;
	color:#FFF;
	margin-left:3px;
}
input.button:hover, input.button:focus {
	border:1px solid #fa6812;
	background:#fef0e7;
	color:#fa6812;
}
.required {
	color:#ff0000;
}
/* SEZIONI */

#container {
	margin:0 auto;
	width:886px;
	padding:6px;
	background-color:#FFFFFF;
}
#header {
	position:relative;
	height:287px;
	background:url(../images/bg/bg-header.jpg);
}
/* LOGO */

#header img {
	position:absolute;
	top:46px;
	left:21px;
}
#newsletter {
	position:absolute;
	top:36px;
	right:18px;
	width:213px;
	height:81px;
	padding:9px 0px 9px 15px;
	border-left:1px solid #e9e9e9;
}
#menu {
	height:37px;
	background: #bbbbbb;
	text-transform:uppercase;
}
#menu ul{
	padding-left:15px;
	float:left;
}
#menu li{
	float:left;
}
#menu a:link, #menu a:visited {
	color:#FFF;
	line-height:37px;
	padding:11px 10px 10px 10px;
	font-weight:normal;
}
#menu a:hover {
	background: #666666;
}
#content {
	font-size:12px;
}
#sx, #sx-clienti {
	position:relative;
	z-index:100;
	width:512px;
	padding: 0 39px 60px 39px;
}
#sx-clienti h2 {
	font-size:14px;
	padding-bottom:3px;
	font-weight:bold;
	color:#142660;
}
#sx p {
	text-align:justify;
}
#sx a:link.button, #sx a:visited.button {
	display:block;
	text-align:center;
	color:#000000;
	background:url(../images/bg/buttons.gif) bottom repeat-x;
	border:1px solid #CCCCCC;
	padding:5px 0;
	width:160px;
	font-weight:bold;
}

#sx a:hover.button{
	background:url(../images/bg/buttons.gif) top repeat-x;
	border:1px solid #999999;
	text-decoration:none;
}

#sx a:hover {
	text-decoration:underline;
}
#sx li {
	background:url(../images/bg/bg-li-sx.gif) left 2px no-repeat;
	padding-left:21px;
	padding-bottom:6px;
}
#sx h2 {
	padding-top:0;
	font-size:16px;
}
#dx {
	width:294px;
}
#dx ul {
	padding-bottom:18px;
}
#servizi {
}
#map{
	margin:0 18px 21px 18px;
	height:400px;
}
#servizi h1 {
	background: #ff8000;
	color:#FFFFFF;
	font-size:18px;
	padding-left:18px;
	border:none;
}
#servizi h1.focus {
	background:none;
	color:#142660;
	font-size:18px;
	padding-left:18px;
	border-bottom:3px solid #e2001a;
}
#servizi ul, #servizi p{
	padding:0 18px 21px 18px;
}
#servizi li {
	height:23px;
	line-height:23px;
	border-bottom:1px solid #e5e5e5;
}
#servizi a:link, #servizi a:visited {
	display:block;
	width:258px;
	height:21px;
	padding-top:2px;
	color:#232a2f;
	background:url(../images/bg/bg-servizi-li.gif) right top no-repeat;
}
#servizi a:hover {
	color:#0196fe;
	background:url(../images/bg/bg-servizi-li.gif) right top no-repeat #f5f5f5;
}
#footer {
	height:63px;
	background-color:#f8f8f8;
	font-size:12px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding-left:42px;
	padding-top:18px;
}
#footer a:link, #footer a:visited {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #5f686e;
	padding:2px 9px;
}
#footer a:hover {
	text-decoration:underline;
	padding:2px 9px;
}
#validation {
	padding-right:18px;
}
#credits {
	height:36px;
	border-left:1px solid #e5e5e5;
	padding:0 36px 0 18px;
}
#footer a.credits{
	color:#9fa4a8;
	font-weight:normal;
}
/* EXTRAS */

.floatedLeft {
	float:left;
}
.floatedRight {
	float:right;
}
.cleared {
	clear:both;
}
.warning {
	clear:both;
	margin:0 0 6px 0;
	padding: 9px;
	color: red;
	background:#fff2f2;
	font-weight: bold;
	text-align: center;
	border: 2px solid red;
	display:none;
}
/* Pure CSS Tooltip */

a.info {
	position:relative; /*this is the key*/
	z-index:999;
	text-decoration:none
}
a.info:hover {
	z-index:999;
}
a.info span {
	display: none
}
a.info:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0px;
	left:80px;
	border:3px solid red;
	text-align: center
}