
*,html,body{margin:0;padding:0;font-size:12px;}
body{font: 76% arial,sans-serif;text-align:center;background: url('../_imgws/sfondo_sfumatura.png') repeat-x 0 0}
img{border:0}

h1{color:#147;font-size:16px;margin:8px 0;}


/* Div Structure */
div#frame{width:820px;margin:0 auto;background: url('../_imgws/ombra_rep.png') repeat-y}
div#frameWrapper{float:left;width:100%}
div#frameMiddle{margin: 0 10px;}
div#frameLeft{float:left;width:10px;margin-left:-820px;height:500px;}
div#frameRight{float:left;width:10px;margin-left:-10px;height:500px;}
div#frameFooter{clear:left;width:100%;background: url('../_imgws/footer.png') no-repeat;height: 21px;}
div#frameLeft img{border:0px}
div#credits{background:trasparent;font-size:11px;color:#bbb;}
div#madeby{letter-spacing:1px;}
div#madeby a{color:#00f;text-decoration:none;font-size:11px;}
div#madeby a:hover{text-decoration:underline;}

div#header{position:relative;background: url('../_imgws/header.png') no-repeat;height: 240px;}
div#header div.langMenu{position:absolute;left:450px;top:8px;}
div#header div.topMenu{position:absolute;left:20px;top:50px;}
div#container{width:800px;margin:0 auto;text-align:left;background: #FFF}
div#content{float:left;width:560px;background: #FFF;padding:5px;}
div#content p
{
    margin: 5px 10px 0px 10px;
    color:#666;
}
div#content .cntWrp{margin-left:5px;margin-right:5px;}
div#navigation{width:230px;padding:0;margin:0;}
div#menu {width: 210px; background:transparent url(../_imgws/menu.png) no-repeat scroll 0 0;margin:0;margin-right: 20px;padding:0;padding-bottom:20px;}
div#menu2 {width: 210px;background:transparent url(../_imgws/menu2.png) no-repeat scroll 0 0;margin:0;margin-right: 20px;padding:0;padding-bottom:20px;}
div#footer{clear:both;width:100%;text-align:center;font-size:11px;}
div#footer hr {width: 760px;color: #DDD;height: 1px;margin-left: 5px;border: 1px solid #DDD;}
#navMain {padding-top: 146px;margin-left: 345px;}

.navMain_IT {background: url(../_imgws/navMain.png) no-repeat;position: absolute;width: 440px;height: 89px}
.navMain_IT li {display: inline;height: 89px;}
.navMain_IT li a{position: absolute;top: 0;left:0;height: 89px;text-indent: -9000px; overflow: hidden;}

.navMain_IT .imm a {width: 110px;left: 0px;}
.navMain_IT .imm a:hover {background: url(../_imgws/navMain.png) no-repeat 0px -89px;}
.navMain_IT .imm a.sel {background: url(../_imgws/navMain.png) no-repeat 0px -89px;}
.navMain_IT .alb a {width: 110px;left: 110px;}
.navMain_IT .alb a:hover {background: url(../_imgws/navMain.png) no-repeat -110px -89px;}
.navMain_IT .alb a.sel {background: url(../_imgws/navMain.png) no-repeat -110px -89px;}
.navMain_IT .por a {width: 110px;left: 220px;}
.navMain_IT .por a:hover{background: url(../_imgws/navMain.png) no-repeat -220px -89px;}
.navMain_IT .por a.sel{background: url(../_imgws/navMain.png) no-repeat -220px -89px;}
.navMain_IT .aer a {width: 110px;left: 330px;}
.navMain_IT .aer a:hover{background: url(../_imgws/navMain.png) no-repeat -330px -89px;}
.navMain_IT .aer a.sel{background: url(../_imgws/navMain.png) no-repeat -330px -89px;}

.navMain_EN {background: url(../_imgws/navMain_EN.png) no-repeat;position: absolute;width: 440px;height: 89px}
.navMain_EN li {display: inline;height: 89px;}
.navMain_EN li a{position: absolute;top: 0;left:0;height: 89px;text-indent: -9000px; overflow: hidden;}

.navMain_EN .imm a {width: 110px;left: 0px;}
.navMain_EN .imm a:hover {background: url(../_imgws/navMain_EN.png) no-repeat 0px -89px;}
.navMain_EN .imm a.sel {background: url(../_imgws/navMain_EN.png) no-repeat 0px -89px;}
.navMain_EN .alb a {width: 110px;left: 110px;}
.navMain_EN .alb a:hover {background: url(../_imgws/navMain_EN.png) no-repeat -110px -89px;}
.navMain_EN .alb a.sel {background: url(../_imgws/navMain_EN.png) no-repeat -110px -89px;}
.navMain_EN .por a {width: 110px;left: 220px;}
.navMain_EN .por a:hover{background: url(../_imgws/navMain_EN.png) no-repeat -220px -89px;}
.navMain_EN .por a.sel{background: url(../_imgws/navMain_EN.png) no-repeat -220px -89px;}
.navMain_EN .aer a {width: 110px;left: 330px;}
.navMain_EN .aer a:hover{background: url(../_imgws/navMain_EN.png) no-repeat -330px -89px;}
.navMain_EN .aer a.sel{background: url(../_imgws/navMain_EN.png) no-repeat -330px -89px;}



.topMenu a{font-variant:small-caps;text-decoration:none;padding:0 20px 0 0;color:#048;}
.topMenu a:hover{text-decoration:underline;}
.topMenu a.sel{text-decoration:underline;padding:0 20px 0 0;color:#048;font-weight:bold}
.langMenu a{text-decoration:none;padding:0 2px 0 0;color:#048}
.langMenu a:hover{text-decoration:underline;}

/*** PAGINA PROGETTI ***/
h1.title{width:450px;padding-left:9px;margin-bottom:12px;}     
div.prjDesc{padding-top:20px;font-size:12px;color:#666;padding-right:10px;line-height:17px;}
.photoViewer{width:430px;float:left;clear:left;}
.fpViewer{width:430px;float:left;clear:left;}
.videoViewer{width:430px;float:left;clear:left;display:none;}
.videoContainer{width:430px;float:left;clear:left;display:none;}
.galleryBar{float:left;clear:right;margin-left:10px;text-align:center;}
.galleryBar h4{font-size:11px;color:#999;}


.mainTab div{margin:5px 0 15px 0;}
.mainTab a{color:#999;padding:0 8px 0 0;text-decoration:none;}
.mainTab a:hover{text-decoration:underline;}
.mainTab a.rtsSelected{color:#db8;font-weight:bold;}  

.photoGallery {}


/*** SCROLLABLE GALLERY ***/
div.scrollable {position:relative;overflow:hidden;width: 104px;height:104px;text-align:left;padding:0;}
div.scrollable div.items {width:20000em;position:absolute;clear:both;margin-left:0;}
div.scrollable div.items div {float:left;text-align:center;width:104px;height:100px;margin-right: 2px;-moz-border-radius:5px;background:url(../_imgws/GalleryItemBkg.jpg);padding-left:0px;}
div.scrollable div.items div a{display:block;float:left;width:44px;height:41px;background-position:center center;margin:4px 4px 5px 4px;}
div.scrollable div.items div.active {background-color:#fff;}
a.prev, a.next, a.prevPage, a.nextPage {cursor:pointer;}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position:0px -18px;}
a.disabled {visibility:hidden !important;}
a.next, a.nextPage {background-image:url(../img/arrow/right.png);clear:right;}


/*** Right Menu List ***/
#menu .wrapper{padding:35px 22px 0 22px}
#menu2 .wrapper{padding:5px 22px 0 22px}
#menu .wrapper h1,#menu2 .wrapper h1{font-size:14px;color:#666;font-style:italic;width:100%;text-align:center;margin:0 0 10px 0;}
#menu .wrapper h2,#menu2 .wrapper h2{font-size:12px;color:#666;}
#menu .wrapper span.date,#menu2 .wrapper span.date{font-style:italic;color:#999;font-size:11px;}
#menu .wrapper .lstMenu,#menu2 .wrapper .lstMenu{padding-right:4px}

.lstTab{}
.lstTab a{color:#999;padding:0 6px 0 0;text-decoration:none;font-size:12px;font-weight:bold;}
.lstTab a:hover{text-decoration:underline;}
.lstTab a.rtsSelected{color:#db8;}

.lstTabProj .rtsLink , .lstTabProj .rtsLink .rtsOut , .lstTabProj .rtsLink .rtsIn {padding:0 !important;font-size:10px !important;}
.lstTabProj a{color:#999;padding:0 0px 0 0;text-decoration:none;font-size:10px;font-weight:bold;}
.lstTabProj a:hover{text-decoration:underline;}
.lstTabProj a.rtsSelected{color:#db8;}
.lstTabProj .rtsTxt{font-size:10px;}


.mainTab .rtsLink , .mainTab .rtsLink .rtsOut , .mainTab .rtsLink .rtsIn {padding:0 !important;}


.lstMenu h3{font-size:12px;font-weight:bold;}
.lstMenu h3 a{color:#444;text-decoration:none;}
.lstMenu h3 a:hover{color:#db8}
.lstMenu h4{font-size:11px;font-style:italic;color:#666;margin-bottom:15px;}
.lstMenu span.date{font-style:italic;color:#999;font-size:11px;font-weight:normal;}

/*** FLOORPLAN ***/
div.fpGal{width:200px;float:left;clear:right;}
div.fpGal h1{font-size:12px;border-bottom:1px solid #ccc;padding:2px 4px;}
/*div.fpGal div {float:left;text-align:center;width:70px;height:70px;margin-right: 2px;-moz-border-radius:5px;background:url(../_imgws/GalleryFloorPlanBkg.jpg);padding-left:0px;}
div.fpGal div a{display:block;float:left;width:60px;height:60px;background-position:center center;margin:4px;}*/
div.fpGal img{cursor:pointer;}
div.fpDesc{width:350px;float:left;clear:left;font-size:12px;padding-right:10px;line-height:17px;}


/*** REQUEST INFO ***/
.infoRequest{text-align:center;color:#666;}
.infoRequest p{margin:24px 0}
fieldset{margin-top:15px;width:80%;text-align:left;padding:10px 0;}
fieldset legend{padding:0 2px;font-weight:bold}
fieldset table{margin:10px 4px}
fieldset table td input.txt{border:1px solid #666;padding:2px;color:#333;width:250px;}
fieldset table td textarea{border:1px solid #666;padding:2px;color:#333;width:250px;height:100px;}
fieldset table td:first-child{text-align:right;font-style:italic;padding:4px;}

/*** SALES OFFICES ***/
.salOffTmpl div.item span.lbl{font-weight:bold;float:left;display:block;clear:left;width:100px;color:#148;text-align:right;}
.salOffTmpl div.item span.val{float:left;display:block;clear:right;width:300px;color:#148;text-align:left;}

.salOffTmpl div.item span
{
    margin: 2px 5px 2px 2px;
    float: left;
    display: block;
}
.salOffTmpl div.item div.br{clear:both}
.salOffTmpl hr{color:#06a;background:#bce;height:1px}


/*** COMPANY PROFILE ***/
.cpDesc{padding-top:20px;font-size:12px;color:#666;padding-right:10px;line-height:17px;}
.cmDesc{padding-top:20px;font-size:12px;color:#666;padding-right:10px;line-height:17px;}
.aboutChairman h1{color:#048;font-size:16px;padding:0 0 8px 0;width:210px;border-bottom:1px solid #bce;margin:20px 0 0 0;}
.ciDesc h1{color:#147;font-size:16px;margin:8px 0;}
.ciDesc h2{font-size:12px;border-bottom:1px solid #bce;padding:4px 2px;margin:24px 0 4px 0;}
.ciDesc h3{font-size:12px;}

/*** NEWS ***/
.newsDesc{padding-top:20px;font-size:12px;color:#666;padding-right:10px;line-height:17px;}
.newsDesc h3{font-size:12px;}


/*** EVENTS ***/
.eventDesc{padding-top:20px;font-size:12px;color:#666;padding-right:10px;line-height:17px;}
.eventDesc h3{font-size:12px;}

/*** CONTACTS ***/
.contactDesc{padding-top:20px;font-size:12px;color:#666;padding-right:10px;line-height:17px;}
.contactDesc h2{font-size:12px;border-bottom:1px solid #bce;padding:4px 2px;margin:24px 0 4px 0;}
.contactDesc h3{font-size:12px;}


/*** RELEATED EVENTS AND NEWS ***/
.events{margin:20px 0 0 0;}
.events h1{border-bottom:1px solid #bce;padding:4px 2px;width:250px;font-size:13px;}
.eventLst {width:300px;}
.eventLst h2 a{font-size:12px;color:#666;text-decoration:none}
.eventLst h2 a:hover{text-decoration:underline}
.eventLst span.date{font-style:italic;color:#999;font-size:11px;}


/*** Photo titles ***/
.photoTitle
{
    padding: 2px 5px 2px 5px;
    color: #666666;
    font-style: italic;
    float:left;
    width:85%;
}

div.apmLogo 
{
    display:block;
   
    position: absolute;
    width: 88px;
    height: 85px;
    top: 10px;
    right: 80px;
    cursor:pointer;
}

.spacer {clear:both;}
.imgCtrl{ float:right;}


/* tabs & multipage (funziona su FF & IE) */

.tabStrip 
{    
    position:relative;
     z-index:1;
}
.multipage 
{    
    position:relative;
    margin-top:-1px;    
    width: 100%;
    z-index:0;
    border:1px solid #8DB2E3;    /* per skin Office2007 */
    background: url('../_img/multipagebg.png') repeat-x top left; /* per skin Office2007 */
}
.multipageContent 
{     
    margin:10px;
    }


/* newsTicker fondo pagina */
.newsTicker {
    margin-left:0px; 
    background:url('../_imgws/newsTicker.png') no-repeat top left;  
    margin-top:10px;
    padding:8px 0 0 8px;
    border-top:1px solid #0060AA;
    border-bottom:1px solid #0060AA;    
    border-right:0px solid #0060AA;   
    border-left:0px solid #0060AA;   
    margin-bottom:20px;
    
}
.newsTicker a 
{
    font-size:12px;
    color:#0060AA;
    text-decoration:none;
    }
    .newsTicker a:hover
{ text-decoration:underline;}
    
/************** new homepage  ************************************/

/* sezioni */
.cntWrp {margin-top:20px;}
.cntWrp a 
{
        color:#666666;
    font-size:12px;
    font-weight:bold;    
    text-decoration:none;
}
/* firstParagraph */
div.firstParagraph p 
{
    margin:0 !important;
    padding:0 !important;
    color:#666666 !important;
    }
/* titoli sezioni */
.cntWrp h1 { font-size:18px;font-weight:bold;margin:0px;margin-left:0;margin-bottom:15px;
             margin-top:30px;
             color:#114477;border-bottom:1px solid #69A;padding-left:0px; }


/* progetti */
.projectsContainer a , .projectsContainer a:visited 
{
    
    margin-left:0px;
    color:#666666;
    font-size:12px;
    font-weight:bold;    
    text-decoration:none;
}

.projectsContainer a h3 
{
    font-size:14px;
    font-style:italic;
    line-height:32px;
    color:#666666;
    text-decoration:none;
    display:inline;
}
.projectsContainer a img
{
    vertical-align:middle;
    margin-right:5px;
}
.projectsContainer div.prjDescription {margin:0;padding:0;color:#666666;}
.projectsContainer div.prjFooter {text-align:right;color:#666666;margin-bottom:15px;}
.projectsContainer div.prjFooter a img {
    margin-left:3px;
    margin-right:8px;
}

/* rassegna stampa colonna dx */
.lstMenu img { vertical-align:middle;}
.lstMenu 
{
color:#333333;
}
.lstMenu a.newsarticles {text-decoration:none;margin:15px 5px;display:block;color:#444444;font-size:12px; font-weight:bold;}
.lstMenu a.newsarticles h3 { display:inline;}
.lstMenu div.footer 
{
    text-align:right;color:#666666;margin-top:5px;
}
.lstMenu div.footer a
{
    color:#666666;
    font-size:12px;
    font-weight:bold;    
    text-decoration:none;
}
.lstMenu div.footer a img
{
    margin-left:3px;
    margin-right:8px;
    vertical-align:middle;
}
/* slideshow colonna dx */
.slideshowContainer 
{
    width:100%;
    margin-top:20px;
    text-align:center;
    position:relative;
    display:block;
}
#slideshow {width:130px;margin:auto; height:99px;}


    
/* footer */
#footer a {color:#666666;
    font-size:12px;
    font-weight:bold;    
    }
/* navigationFooter */
.rightMenu #navigation #menu {min-height:150px;}
.navigationFooter 
{
    min-height:100px;
    height:100px;
    background:transparent url(../_imgws/navigationFooter.png) repeat-y top left;
    width:230px;padding:0;margin:0;
}
.rightMenu 
{
    float:right;
    }


/* slider */

/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	 
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	NOTE - The markup below represents the DOM generated by the GalleryView plugin, NOT the markup you would include in your HTML file.
		   Refer to README.txt to review markup requirements.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}


#gallery_wrap {	
	padding: 5px;
	background: #fff;
	
	/* border:1px dashed #244568; */
}
#gallery_wrap a:link, #gallery_wrap a:visited {
	color: #ddd !important;
	text-decoration: none;
}
#gallery_wrap a:hover {
	text-decoration: none;
}
#gallery_wrap h3 
{    
	border-bottom-color: white;
}
#gallery_wrap .filmstrip li 
{    
    text-align:center;
    overflow:hidden;
}
.galleryview p
{    
    color: white;
}
#gallery_wrap h2 
{margin-top:5px;}

/* slider */
#slider div, #slider div p {margin:0;padding:0;margin-top:5px;}