/* 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:#5f686e;
	font-size:14px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/bg/bg-body.gif);
}
img, a img {
	border:none;
}
td {
	vertical-align:top;
}
/* LINKS */

a:link, a:visited {
	text-decoration:none;
	color:#e2001a;
}
a:hover {
	text-decoration:none;
	color:red;
}
/* TIPOGRAFIA */

p {
	line-height:16px;
	padding-bottom:9px;
}
p strong {
	color:#414f5e;
}
h1, h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#142660;
	font-weight:normal;
	font-size:24px;
	padding-top:25px;
	margin-bottom:27px;
	border-bottom:1px solid #e5e5e5;
	letter-spacing:-1px;
	line-height:36px;
	position:relative;
}
h1 span{
	position:absolute;
	bottom:-31px;
	left:0;
	font-size:16px;
	letter-spacing:normal;
}

h1.servizzi{
	margin-bottom:36px;
}
h1 strong, h2 strong {
	color:#e2001a;
	font-weight:bold;
}
h2 {
	color:#142660;
	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 {
}
/* FORMS */

label {
	font-weight:normal;
	letter-spacing:-1px;
	display:block;
	width:210px;
	padding:3px;
	border-bottom:1px solid #f5f5f5;
}
input, textarea, select {
	border:1px solid #cfcfcf;
	padding:3px;
	width:282px;
	margin-bottom:6px;
}
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:0 6px 6px 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: url(../images/bg/bg-menu.gif);
	text-transform:uppercase;
}
#menu ul, #sub-menu ul {
	padding-left:15px;
}
#menu li, #sub-menu li {
	float:left;
}
#menu a:link, #menu a:visited {
	color:#FFF;
	line-height:37px;
	padding:10px;
}
#menu a:hover {
	background:url(../images/bg/bg-menu-hover.gif) top;
}
#sub-menu {
	height:36px;
	border-bottom:1px solid #e5e5e5;
}
#sub-menu a:link, #sub-menu a:visited, #sub-menu span {
	color:#979797;
	line-height:36px;
	padding:9px 12px 10px 12px;
	background:url(../images/bg/divisione.gif) right top no-repeat;
}
#sub-menu a:hover {
	text-decoration:underline;
}
#sub-menu a:link.divisione, #sub-menu a:visited.divisione {
	background:none;
}
#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;
	background: url(../images/bg/bg-button.gif) top no-repeat;
	padding:5px 0;
	width:120px;
}
#sx a:hover {
	text-decoration:underline;
}

#sx p.button-big{
	display:block;
	text-align:center;
	background: url(../images/bg/bg-button-big.gif) top no-repeat;
	padding:5px 0;
	width:217px;
}
#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;
}
#pulsante-photogallery {
	width:100px;
	height:30px;
	background:#e2001a;
	;
	color:#FFFFFF;
	position:absolute;
	display:block;
	right: 42px;
	top: 27px;
}
#pulsante-photogallery a:link, #pulsante-photogallery a:visited {
	line-height:30px;
	padding:10px 15px;
	color:#FFFFFF;
}
#dx {
	width:294px;
}
#dx ul {
	padding-bottom:18px;
}
#servizi {
}
#map{
	margin:0 0 21px 0;
	height:400px;
	border:1px solid #CCCCCC;
}
#servizi h1 {
	background: url(../images/bg/bg-servizi-h1.gif) top no-repeat;
	color:#FFFFFF;
	font-size:18px;
	padding-left:18px;
	border:none;
}
#servizi h1.servizzi{
	background: url(../images/bg/bg-servizi-h1.gif) top no-repeat;
	color:#FFFFFF;
	font-size:18px;
	padding-left:18px;
	padding-bottom:25px;
	padding-top:0;
	border:none;
}
#servizi h1.servizzi span{
	display:block;
	bottom:3px;
	left:18px;
	font-size:12px;
	line-height:14px;
}
#servizi h1.focus {
	background:none;
	color:#142660;
	font-size:18px;
	padding-left:18px;
	border-bottom:3px solid #e2001a;
}
#servizi ul {
	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 */

.box2Even{
	width:240px;
	height:180px;
	padding:0 15px 0 0;
	border-right:1px solid #e5e5e5;
	margin:12px 0 12px 0;
	position:relative;
}
.box2Odd{
	width:241px;
	height:180px;
	padding:0 0 0 15px;
	margin:12px 0 12px 0;
	position:relative;
}
.box2Odd p.button, .box2Even p.button{
	display:block;
	text-align:center;
	background: url(../images/bg/bg-button2.gif) top no-repeat;
	padding:5px 16px;
	width:127px;
	position:absolute;
	bottom:0;
	right:0;
}
.bordo-bottom{
	border-bottom:1px solid #e5e5e5;
}
.pic-right {
	float:right;
	margin:0 0 9px 15px;
}
.pic-left {
	float:left;
	margin:0 15px 9px 0;
}
.bordoFoto {
	border:3px solid #e5e5e5;
}
.spazio {
	padding-top:13px;
}
.floatedLeft {
	float:left;
}
.floatedRight {
	float:right;
}
.cleared {
	clear:both;
}
/* 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
}
