@font-face {
    font-family: 'LatoBlack';
    src: url('../fonts/Lato-Bold-webfont.eot');
    src: url('../fonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Bold-webfont.svg#LatoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/Lato-Regular-webfont.eot');
    src: url('../fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Regular-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color: #ffffff;
	background-image:url(../immagini/sfondorighe.png);
	background-repeat:repeat-x;
	font-size:16px;
	font-family: LatoRegular, Helvetica, Arial,  sans-serif;
    color: #333333;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

h1 {font-size: 220%; margin: 0; text-transform: uppercase;   }
h2 {font-size: 150%; margin: 0;}


a:link {  text-decoration:none; color: #003f8a}
a:visited {  text-decoration:none; color: #003f8a }
a:hover {  text-decoration:underline; }

.clear{clear:both}
.alignleft { float: left; }
.alignright { float: right; }

img{
  border:0 none
}

#all {
	position:relative;
	width:960px;
	z-index:1;
	margin: 0 auto;
}
#header {
	position:relative;
	width:960px;
	z-index:2;
	height: 370px;
    margin-top: 99px
}
.ombra-slide {
	background-image: url(../immaginisito/ombra-slide.png);
	background-repeat: no-repeat;
	width:960px;
	height:60px;
	position:relative;
    float: left;
}

#menu {
	position:absolute;
	z-index:1000;
    right: -15px;
    margin-top: -85px;
}

.current { background-image:url(../immagini/current.png); background-repeat:no-repeat;  height: 11px;
 margin: -11px 0 0;
    padding: 11px 0;
  background-position: center  top
}


#menu #nav { margin:0; padding:0; list-style:none; display: inline; margin-right: 10px; }
#menu #nav li {
  float:left;
  display:block;
  position:relative;
  z-index:500;
  font-family:LatoRegular;
  font-size: 14px;
  text-transform:
  uppercase;
  color: #fff;


}
#menu #nav li a{ text-decoration:none; padding: 5px;   background-position: center  -10px;
  -moz-transition-property:background-position;
    -moz-transition-duration:0.5s;
    -webkit-transition-property:background-position;
    -webkit-transition-duration:0.5s;
    -o-transition-property:background-position;
    -o-transition-duration:0.5s;
    transition-property:background-position;
    transition-duration:0.5s;}
#menu #nav li a:visited {  text-decoration:none; color:#fff; }
#menu #nav li a:hover{
  text-decoration:none;
  background-image:url(../immagini/current.png);
  background-repeat:no-repeat;
  height: 11px;
  margin: -11px 0 0;
  padding: 11px 5px 0;
  background-position: center  0;
  opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
}
#menu #nav li a:link {  text-decoration:none; color:#fff; font-size: 100%;}
#menu #nav ul {
  position:absolute;
  left:-5px;
  display:none;
  margin: 5px 0;
  padding:0;
  list-style:none;
  background-image: url(../images/sfondo_menu.png);
  border-left: thin solid #CCCCCC;
  border-right: thin solid #CCCCCC;
  border-bottom: thin solid #CCCCCC;
  border-top: 5px solid #ee7f01;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#menu #nav ul li { width:150px; float:left; border-top:1px solid #666666; font-size: 70%; color: #fff;  text-transform:none; font-weight: normal;   }
#menu #nav ul li a:hover { background-color:#666666;  }
#menu #nav ul li a:link { color: #fff; letter-spacing: 1px; text-shadow: none; }
#menu #nav ul li a:visited { text-decoration:none; color:#fff; }
#menu #nav ul a { display:block; height:15px; padding: 8px 5px; color:#666; }

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #menu #nav ul {	margin:0 0 0 -2px; }



#header .logo{
	position:absolute;
	top: -99px;
	left: 20px;
	background-image:url(../immagini/logo.png);
	background-repeat:no-repeat;
	width:290px;
	height:125px;
	z-index:1000
}

div.hr { height: 15px; background: url(../immaginisito/hr.png) repeat-x scroll ; clear:left; }
div.hr hr { display: none; }
.edit {  color: #CC0000;  float: right; font-size: 12px;   margin-right: 10px;  }
.lingua{ position: absolute; right: 10px; top: -20px }


#content { float: left; width: 100%; margin: 20px 0 20px 0; min-height: 300px }
#content .content-index { margin: 20px 0 20px 0; }


#content #cnt-news h1{ color: #333333; text-transform: uppercase; font-size: 160%}
#content #cnt-news h1 a:link,
#content #cnt-news h1 a:visited {
  color: #333333; text-transform: uppercase;
  -moz-transition-property:color;
    -moz-transition-duration:0.5s;
    -webkit-transition-property:color;
    -webkit-transition-duration:0.5s;
    -o-transition-property:color;
    -o-transition-duration:0.5s;
    transition-property:color;
    transition-duration:0.5s;
}
#content #cnt-news h1 a:hover { color: #FF6600; text-decoration: none;}
#content .descrizione {  font-size: 100%; text-align: justify; line-height: 30px; }

#content .primafoto { float: left; margin: 10px }
#content #cnt-descrizione li { list-style-position: inside;}
#content #cnt-descrizione .primafoto { float: left;}

#cnt-galleria { clear: both; margin-top: 20px}
#cnt-galleria ul{ margin: 0; padding: 0 }
#cnt-galleria li { list-style-type: none; float: left; margin: 6px 10px; }
#cnt-galleria .foto { width: 150px; height: 100px }
.ombraOrr {  background: url(../immaginisito/ombraOrr.png) 0 145px no-repeat; display:block; padding:20px 0 }
.bordo {padding: 5px; border: 1px solid #cbbac3 !important  }
.cornice { border: 0; margin: 0 }

#cnt-photogallery {}
#cnt-photogallery ul{ margin: 0; padding: 0 }
#cnt-photogallery li { list-style-type: none; float: left; margin: 6px; }
#cnt-photogallery p { font-size: 14px; text-align: center; }

#schede { float: left; position: relative; }
#schede p {
	font-size:17px;
	line-height: 15px;
	margin: 14px 13px 0 16px;
	color:#fff;
    font-style: italic;

}

#scheda1 { float:left; width:295px; height:210px; background-image:url(../immagini/scheda1.png); background-repeat:no-repeat; margin-right: 37px}
#scheda2 { float:left; width:295px; height:210px; background-image:url(../immagini/scheda2.png); background-repeat:no-repeat; margin-right: 38px}
#scheda3 { float:left; width:295px; height:210px; background-image:url(../immagini/scheda3.png); background-repeat:no-repeat}

.schede2 { float: left; position: relative; margin-top: 10px }
.schede2 .scheda1b { float:left; width:295px; height:210px; margin-right: 35px}
.schede2 .newshome { float:left; width:580px; height: 166px; padding: 10px; }
.schede2 .newshome p.titolo { font-size: 16px; font-weight: bold; font-style: normal; margin:0}
.schede2 .newshome p { font-size: 14px; font-style: italic; margin: 0 }

.virgolette_up { float: left; width:36px; height:24px; background-image:url(../immagini/virgolette_up.png); background-repeat:no-repeat;
margin: 0 0 10px   }
.virgolette_dw { float: right; width:36px; height:24px; background-image:url(../immagini/virgolette_dw.png); background-repeat:no-repeat;
margin: 10px 36px   }



.banner960{ margin-bottom: 20px}


.testoPrivacy { font-size:10px; width: 480px}
.consensoPrivacy { font-size:10px; font-weight: bold; font-family: "Lucida Grande",sans-serif }
.conferma {display:block;background-color:#99FF66;border:1px solid #009900;color:#003300;font-family:Arial,Helvetica,sans-serif;font-size:12px;padding:14px;text-align:center; margin: 10px 5px; }
.alert {display:block;background-color:#FFcccc;border:1px solid Red;color:Red; font-family:Arial,Helvetica,sans-serif;font-size:12px; padding:14px;text-align:center;margin: 10px 5px;  }

#tab-contatti { position: relative; width: 920px }
#tab-contatti h2{background:url('/images/portfolio-h2.gif') no-repeat 0 0;font-size:161.5%;height:44px;}
#tab-contatti label{ text-align: left; display: block; font-size: 12px; text-transform: uppercase;}
#tab-contatti input {background:White;border:1px solid #D9E1E5;color:#666;margin:0.3em 0;padding:2px 3px;width:240px; font-size:20px;}
#tab-contatti input.cap {background:White;border:1px solid #D9E1E5;color:#666;margin:0.3em 0;padding:2px 3px;width:40px;}
#tab-contatti input.radio {width:24px; border: 0px none; background-color: transparent; margin: 5px 0}
#tab-contatti input[type="checkbox"]{ width: 24px; border: 0; padding: 2px 3px; margin: 0.3em 0; background-color: transparent; }
#tab-contatti textarea {background:White;border:1px solid #D9E1E5;color:#666;margin:0.3em 0;padding:2px 3px;width:450px; height: 100px; font-family:"Lucida Grande",sans-serif;font-size:100%;}
#tab-contatti textarea .privacy {height: 62px}
#tab-contatti input:focus, #tab-contatti textarea:focus{border:1px solid #8DAAB9;color:#222;}
#tab-contatti input.submit {
background: White url(../immaginisito/submit.gif) repeat-x 0 0;
-moz-border-radius:3px;-webkit-border-radius:3px;
border:1px solid #B4BBBF;cursor:pointer;
margin:20px 2px 0 0;height:40px;padding:2px 4px; font-size:14px;}
#tab-contatti input.captcha {width:172px; border: thin solid #000 }
#tab-contatti input.aggiornacaptcha {width:16px; }
#tab-contatti input.submit:hover{border:1px solid #8DAAB9;}
#tab-contatti em { color: #FF0000;font-weight:bold;}

#tab-contatti .tab-indirizzo {
  position: absolute;
  top: -33px;
  right: -40px;
  font-size: 12px
}
#tab-contatti address { font-style: normal;}

.googlemaps { border: thin solid #999999; margin-top: 10px; color: #666666}

#cnt-pagination { font-size: 12px}
#cnt-pagination  .currentPage { padding:5px; vertical-align:super;}


#footer {
    position: relative;
    z-index: 2;
	clear:left;
    color: #ffffff;
    background-image: url(../immagini/sfondofooter.png);
    background-repeat: repeat-x;
    background-color: #8e8d8d;

}
.footer-conteiner {
  width: 960px; margin: 0 auto
}


#footer p{ font-size:80%; padding: 5px;}
#footer .menu{ padding-top: 10px; line-height: 0px }
#footer .menu-conteiner1{ float: left; width: 150px }
#footer .menu-conteiner2{ float: left; width: 150px }
#footer .menu-conteiner3{ float: left; width: 300px }
#footer .menu-conteiner4{ float: left; margin-left: 255px; margin-top: -2px; }
#footer .info{ color: #fff; font-size: 80%; padding-top: 55px; clear: left; }
#footer a { color: #fff }

#powered {
	background-image: url("../immaginisito/powered.png");
    background-repeat: no-repeat;
    background-position: 4px ;
    height: 21px;
    background-color: #fff;
    padding: 5px;

    width: 95px;
    z-index: 2;
}


.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
   -o-transform: translateY(10px);
   -ms-transform: translateY(10px);
   transform: translateY(10px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.info:link{ text-decoration: none;  color: #ffffff}
.info:hover {  text-decoration:none; color: #ffffff}
.info:visited {  text-decoration:none; color: #ffffff }


.view {
    width: 295px;
    height: 210px;
    margin: 11px;
    float: left;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../immagini/bgimg.jpg) no-repeat center center
}
.view .mask, .view .content {
    width: 295px;
    height: 210px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;

    margin: 20px 0 0 0;

}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.label1 {
  background: url(../immagini/label.png) no-repeat;
  width: 280px; height: 48px;
  position: absolute;
  top: -5px;
  left: -2px;
  z-index: 1000 ;
  font-size:17px;
  line-height: 15px;
  padding: 12px;
  color:#fff;
  text-transform: uppercase;
}
.label2 {
  background: url(../immagini/label.png) no-repeat;
  width: 280px; height: 48px;
  position: absolute;
  top: -5px;
  left: -2px;
  z-index: 1000 ;
  font-size:17px;
  line-height: 15px;
  padding: 12px;
  color:#fff;
  text-transform: uppercase;
  margin-left: 319px;
}
.label3 {
  background: url(../immagini/label.png) no-repeat;
  width: 280px; height: 48px;
  position: absolute;
  top: -5px;
  left: -2px;
  z-index: 1000 ;
  font-size:17px;
  line-height: 15px;
  padding: 12px;
  color:#fff;
  text-transform: uppercase;
  margin-left: 638px;
}

.loghi {
	padding: 5px;
	width: 125px;
}

.scroll-pane{
	width: 100%;
	height: 150px;
	overflow: auto;
}