@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'MyriadProRegular';
    src: url('myriadpro-regular.eot');
    src: url('myriadpro-regular.eot') format('embedded-opentype'),
         url('myriadpro-regular.woff') format('woff'),
         url('myriadpro-regular.ttf') format('truetype'),
         url('myriadpro-regular.svg#MyriadProRegular') format('svg');
}

/* CSS di BASE*/
.widthBase{overflow:hidden; position:relative; width:980px;}
.widthBase2{position:relative; width:980px; height:inherit;}
.clearBoth{clear:both}
.margin0{margin:0;}
.marginTop5{margin-top:5px;}
.marginRight5{margin-right:5px;}
.marginBottom5{margin-bottom:5px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.noOverFlow{overflow:hidden;}
.textLeft{text-align:left;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.textNormal{font-weight:normal;}
.small{font-size:12px}
.hidden{display:none;}
.minHeight{min-height:450px;}

.trTitle{background-color:#a9b1cf; color:#fff;}
.tr01{background-color:#efefef;}
.tr02{background-color:#d7dae2;}
.tr03{background-color:#f9fa9c;}
.trTitle01{background-color:#6F8EBC; color:#fff;}

.bgcolor01{background-color:#DEDEDE;}

.color01{color:#003a81;}
.color02{color:#00a8e6;}
.color03{color:#f60075;}

.tel,.fax,.email{ background:url(../images/layout/contacs-icons.png) left center no-repeat; padding:8px; margin-right:5px;}
.email{background-position:-26px center;}
.tel{background-position:-72px center;}
.fax{background-position:-51px center;}


body{margin:0; padding:0; color:#424242; font-size:12pt; font-family:Arial, Helvetica;}

#sfondo{overflow: hidden; z-index: -999; position: fixed; width: 100%; height: 100%; min-height:780px; top: 0px; left: 0px; display: block;}
#sfondo img{}
#sfondo ul{padding:0;margin:0;}
#sfondo #slider .slides img{/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;}


#contenitore{ height:100%; min-height:780px; position:relative; }

#header{height:120px; background:url(../images/layout/bg-write-80.png) repeat; position:relative;}

#logo{float:left;width:322px; height:120px;background:url(../images/layout/bg-write-80.png);}
#logo img{border:0; margin-left:25px; margin-top:30px;}

#top{width:658px; float:left; height:36px;}

#social{overflow:hidden; padding:10px 0; float:right; margin-right:20px;}
#social img{border:none;}

#menu01 ul,#lang ul,#social ul{list-style:none; padding:0; margin:0;}
#menu01 ul li{float:left;}


#menu01{background:url(../images/layout/bg-write-60.png);float:left;width:658px;
font-size:11px;text-align:center;text-transform:uppercase; font-weight: normal; padding:12px 0;}
#menu01 ul li{border-right:1px solid #0099cc;}
#menu01 ul li:last-child{border-right:none;}
#menu01 ul li a{color:#0099cc; text-decoration:none; padding:0 12px;display:block;}
#menu01 ul li a.hover{color:#cc9900;}
#menu01 ul li:hover a{color:#cc9900;}

#ricerca{background:url(../images/layout/bg-write.png); height:46px; overflow:hidden; border:none; float:left;width:658px;line-height: 45px;}
#ricerca a{color:#003A81; text-decoration:none; padding:10px 30px; background:url(../images/layout/calendar_icon.png) no-repeat left center;margin-left: 15px;}
#ricerca a:hover{color:#0099CC;}

#lang{float:left;position:relative; z-index:1000; text-align:center;background:url(../images/layout/bg-write-80.png);}
#lang img{border:none;}
#lang ul li{float:left; padding:10px 20px 10px 15px;text-transform:uppercase; font-size:11px; line-height:20px; background:url(../images/layout/lance-down.png) right center no-repeat; width:17px;}
#lang ul li ul li{background:none;}
#lang ul li a{color:#999999; text-decoration:none; display:block;}
#lang ul li a.hover{color:#20409a;}
#lang ul li a:hover{color:#20409a;}
#lingua li{display:block;position:relative; z-index:500; cursor:pointer;}
#lingua ul{
    position:absolute;
    left:0;
    display:none;
    margin-top:25px;
    padding:0;
    list-style:none;
	background-color:#efefef;
}
#lingua ul li{float:left;background-color:#efefef;}
#lingua ul li a{display:block;height:auto;padding:0;color:#000;}
#lingua ul ul{ margin-top:20px;}

#menu02{float:right; overflow:hidden; padding:10px 0;}
#menu02 img{border:none;}
#menu02 ul{list-style:none; padding:0; margin:0;}
#menu02 ul li{ float:left; margin-left:10px;}

#social ul li{ line-height:20px;}
#social ul li a{padding:0px 3px;color:#999999; text-decoration:none;}

#middle{overflow:hidden;}

#middle2{font-family:"MyriadProRegular", "Myriad Pro","Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;position: absolute;bottom:0; background:url(../images/layout/bg-footer.png) repeat-x bottom center; overflow:hidden; width:100%;}
#middle2 h1{font-size:20pt; font-weight: normal; color:#003a81; text-transform:uppercase; margin:0px; padding:0px; letter-spacing:-1px;}

#contenuto{position:relative;background:url(../images/layout/bg-write.png);}

#barra{padding:10px;}
#barra .voiceTxt{float:left; width:900px; height:15px;}
#barra .lance{float:right; width:15px; height:15px;}
#testo{padding:30px;}

.tornaSu{width:77px; height:30px; float:right;cursor:pointer;
	bottom: 0;
    cursor: pointer;
    float: right;
    height: 30px;
    position: fixed;
    right: 0;
    width: 77px;
}

#footer{font-size:12px;background:url(../images/layout/bg-write.png); padding:30px 0;}
.address{text-align:center; color:#003a81; margin-bottom:10px;}
.address a{color:#003a81; text-decoration:none;}
.address a:hover{color:#0099CC;}
.address2{text-align:center; font-size:12px;}
.address2 a{color:#424242; text-decoration:none;}
.address2 a:hover{color:#0099CC;}
.firma, .firma a{color:#999; text-align:right; font-size:10px; margin:5px 20px; }

/* ---------------------------------------- */
.box_rotate {
  -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(180deg);  /* IE 9 */
        -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
         transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_rotateBack {
  -webkit-transform: rotate(0deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(0deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(0deg);  /* IE 9 */
        -o-transform: rotate(0deg);  /* Opera 10.50-12.00 */
         transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}


/*CAMERE ----------------------------------------------------------------------- */
#gallery{display: inline-block; overflow:hidden; background: url(../images/layout/ombra-bottom.png) bottom center no-repeat; padding:20px;}
#gallery .box{width:263px; float:left; overflow:hidden;}
#gallery .box .text{float:left;}
#gallery .box .text2{text-align:center;}
#gallery .box .titolo{ color:#0099CC; font-size:16px;}
#gallery .box .img{float:left;}

@media screen and (min-width: 1px) { 
.widthBase{width:auto;left:0; margin-left:0}
.widthBase2{width:auto;left:0; margin-left:0; height:auto;}
#header{height:auto; background:url(../images/layout/bg-write-80.png) repeat; position: static;}
#logo{float:none;}
#top{width:auto; float:none;}
#menu01{float:none; clear:left;width:100%; height:auto; overflow:hidden;}
#social ul li{float:left;}
#ricerca{width:100%; float:none;}
}

@media screen and (min-width: 480px) { 
#logo{float:left;}
#top{width:auto; float:left;}
#middle{position:absolute;right:0;top:60px;}
}

@media screen and (min-width: 1024px) {
	.widthBase{left:50%; margin-left:-490px;overflow:hidden; position:relative; width:980px;}
	.widthBase2{left:50%; margin-left:-490px;position:relative; width:980px; height:inherit;}
	#header{height:120px;position:relative;}
	#logo{float:left;}
	#top{width:658px; float:left;}
	#menu01{float:left;width:658px; clear:none;}
	#social ul li{float:none;}
	#ricerca{width:658px; float:left;}
	#middle{position:relative;right:0;top:0px;}
}