/* 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:"Times New Roman", Times, serif;
	font-style:italic;
	background: #ffffff url(../images/bg/body.gif) top no-repeat;
	padding-top:24px;
}
img, a img {
	border:none;
}
td {
	vertical-align:top;
}
/* LINKS */

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

p {
	line-height:16px;
	padding-bottom:9px;
}
p strong {
	color:#000000;
}
h1, h2 {
	font-family:"Times New Roman", Times, serif;
	color:#14428f;
	font-weight:normal;
	font-size:36px;
	padding-top:25px;
	margin-bottom:27px;
	letter-spacing:-1px;
	line-height:36px;
	font-style:italic;
}
h1 strong, h2 strong {
	color:#eb7388;
	font-weight:normal;
}
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:#131313;
	font-size:14px;
	font-weight:bold;
	padding-bottom:6px;
}
#myGallery{
	overflow:hidden;
}
#myGallery h3{
	color:#FFFFFF;
}
ul {
	list-style:none;
}
li {
}

/* SEZIONI */

#container {
	margin:0 auto;
	width:886px;
	padding:6px;
	background-color:#FFFFFF;
}
#header {
	position:relative;
	height:312px;
	background:url(../images/bg/bg-header.jpg);
}
#barra{
	height:136px;
	background:url(../images/bg/barra.png) top center no-repeat;
	margin-bottom:136px;
}

#barra.new{
	height:152px;
	background:url(../images/bg/barra.jpg) top center no-repeat;
	margin-bottom:136px;
}

#barra .content{
	width:680px;
	text-align:left;
	margin:0 auto;
	padding-top:47px;
}
#barra .content a:link, #barra .content a:visited{
	display:block;
	float:left;
	font-size:30px;
	color:#ffffff;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	background-color:#d5677b;
	border:1px solid #d5677b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:12px 12px;
	width:290px;
	text-align:center;
}

#barra.new .content a:link, #barra.new .content a:visited{
	opacity:.65;
	filter:alpha(opacity=65);
	filter:”alpha(opacity=65)”;
	margin-top:6px;
}

#barra .content a:hover{
	border:1px solid #d16174;
	background: #ce5b6e; /* Old browsers */
	background: -moz-linear-gradient(top, #d16174 0%, #ce5b6e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d16174), color-stop(100%,#ce5b6e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d16174 0%,#ce5b6e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d16174 0%,#ce5b6e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d16174 0%,#ce5b6e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d16174 0%,#ce5b6e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d16174', endColorstr='#ce5b6e',GradientType=0 ); /* IE6-9 */
}

#barra .content a.onoranze:link, #barra .content a.onoranze:visited{
	background-color:#3a578a;
	border:1px solid #3a578a;
	margin-left:48px;
}

#barra .content a.onoranze:hover{
	border:1px solid #355184;
	background: #314c7d; /* Old browsers */
	background: -moz-linear-gradient(top, #3a578a 0%, #314c7d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a578a), color-stop(100%,#314c7d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3a578a 0%,#314c7d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3a578a 0%,#314c7d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3a578a 0%,#314c7d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3a578a 0%,#314c7d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a578a', endColorstr='#314c7d',GradientType=0 ); /* IE6-9 */
}
/* LOGO */

#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:#131313;
}
#sx img{
	float:right;
	padding:0 0 15px 0;
}
#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: #ff006b;
	color:#FFFFFF;
	font-size:18px;
	padding-left:18px;
	border:none;
}
#servizi h1.focus {
	background:none;
	color:#131313;
	font-size:18px;
	padding-left:18px;
	border-bottom:3px solid #FF006B;
}
#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:#FF006B;
	background:url(../images/bg/bg-servizi-li.gif) right top no-repeat #f5f5f5;
}
#wrapper-footer{
	background: #ebebeb; /* Old browsers */
	background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 9%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(9%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 9%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 9%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 9%); /* IE10+ */
	background: linear-gradient(to bottom, #ebebeb 0%,#ffffff 9%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	clear:both;
	border-top:1px solid #e1e1e1;
}

#footer{
	padding:18px 0;
	margin:0 auto;
	width:886px;
	height:120px;
	text-align:left;
}

#footer img{
	float:left;
	padding-right:18px;
}

#footer p.right{
	text-align:right;
	float:right;
}

#footer p.first{
	padding-top:12px;
}
/* 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
}

/* HOMEPAGE */

body.home{
	text-align:center;
}

body.home #centrato{
	width:886px;
	margin:0 auto;
}

body.home h2{
	margin-top:0;
	padding-top:0;
	margin-bottom:6px;
}

body.home h3{
	margin: 18px 18px 0 18px;
	color:#111111;
	font:18pt Arial, sans-serif;
	letter-spacing:-1px;
	font-weight: bold;
}

body.home #container{
	background:none;
}

body.home .box, body.home #civili, body.home #industriali{
	/*float:left;*/
	width:860px;
	text-align:left;
}


body.home #content{
	border:5px solid #cccccc;
	float:left;
	margin:0 auto;
	margin-bottom:36px;
	text-align:left;
}
			
.boxgrid{ 
	width: 430px; 
	padding-right:430px;
	height: 180px; 
	float:left; 
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f1f1f1 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 18px 12px 18px; 
	font-weight:bold; 
	font:16px "Lucida Grande", Arial, sans-serif; 
}
.boxgrid a:link, .boxgrid a:visited{
	width:auto;
	display:block;
	min-width:160px;
	padding:0 18px;
	background:#87a1cb;
	border:1px solid #4c6da5;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	color:#ffffff;
	line-height:normal;
	height:42px;
	line-height:42px;
	font-weight:bold;
	progid:DXImageTransform.Microsoft.gradient(startColorstr='#87a1cb', endColorstr='#214989'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#87a1cb), to(#214989)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #87a1cb,  #214989); /* for firefox 3.6+ */
	margin-right:0;
	float:right;
}

.boxgrid a:hover{
	background:#87a1cb;
	color:white;
	border:1px solid #4c6da5;
	progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fb3d5', endColorstr='#4d6da1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#9fb3d5), to(#4d6da1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #9fb3d5,  #4d6da1); /* for firefox 3.6+ */
}

.boxgrid a:active{
	background:#87a1cb;
	color:white;
	border:1px solid #4c6da5;
	progid:DXImageTransform.Microsoft.gradient(startColorstr='#214989', endColorstr='#87a1cb'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#214989), to(#87a1cb)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #214989,  #87a1cb); /* for firefox 3.6+ */
}

.boxgrid a.matrimoni:link, .boxgrid a.matrimoni:visited{
	width:auto;
	display:block;
	min-width:160px;
	padding:0 18px;
	background:#d76f7a;
	border:1px solid #ad454f;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	color:#ffffff;
	line-height:normal;
	height:42px;
	line-height:42px;
	font-weight:bold;
	progid:DXImageTransform.Microsoft.gradient(startColorstr='#d76f7a', endColorstr='#8a222d'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d76f7a), to(#8a222d)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d76f7a,  #8a222d); /* for firefox 3.6+ */
	margin-right:0;
	float:right;
}

.boxgrid a.matrimoni:hover{
	background:#9b434c;
	color:white;
	border:1px solid #ad454f;
	progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd848e', endColorstr='#9b434c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#dd848e), to(#9b434c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #dd848e,  #9b434c); /* for firefox 3.6+ */
}

.boxgrid a.matrimoni:active{
	background:#8a222d;
	color:white;
	border:1px solid #ad454f;
	progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a222d', endColorstr='#d76f7a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8a222d), to(#d76f7a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #8a222d,  #d76f7a); /* for firefox 3.6+ */
}

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 260;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}