
@charset "UTF-8";
/* CSS Document */

/* =reset css ----------------------------------------*/

* {margin:0; padding:0}
table
{
color:white;
}
a:hover{ color:#4B0082;
padding-bottom:10px;font-family: arial;
}
a:link
{
color:#FFFFFF;padding-bottom:10px;font-family: arial;z-index:10;text-decoration:none;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none; text-decoration:none;}
* { outline:none;}

/*   TIPOGRAPHIC    */
@font-face {
	font-family: Scala;
	src: url('../fonts/Scala.otf');
}
@font-face {
	font-family: ScalaSans;
	src: url('../fonts/ScalaSans.otf');
}
@font-face {
	font-family: ScalaIta;
	src: url('../fonts/Scala-Italic.otf');
}
@font-face {
	font-family: ScalaSansBold;
	src: url('../fonts/ScalaSans-Bold.otf');
}
@font-face {
	font-family: ScalaSansBoldItalic;
	src: url('../fonts/ScalaSans-BoldItalic.otf');
}


/* =common class -------------------------------465-------*/

.clearboth {clear:both}
.clearboth25 {clear:both}
.clearbothForm {clear:both; padding:0 0 15px 0;}
.hidden { display:none;}
.rounded {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;}
strong { font-family:"ScalaSansBold", Gill Sans, Arial, Helvetica, sans-serif;}
.number { font-family:Arial, Helvetica, sans-serif; font-size:11px;}

@-moz-document url-prefix() { 
	strong { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:.9em;}
} 

/* =structure css -------------------------------------*/

body{background: url("images/bg.jpg") no-repeat center center fixed;background-size: 100%;  -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; border:0; text-align:center; background-color:#FFFFFF; margin:0 auto;color:#DEDFE0}
#main{ width:1152px;height:734px;  margin: 20px auto 0px auto;text-align:center;z-index:1;}
 .left{float:left;}
/* =header css --------------------------------------*/

#header { width:70%; text-align:left; height:101px;padding-left:15%;}
#menu { width:100%; text-align:center; height:180px;}
#header img { margin:15px 0 0 0;}
		
/* =nav css --------------------------------------*/	
	
#nav {background:url(/images/web_13.gif) repeat-x bottom center;height:26px;width:100%; position:relative;z-index:100;text-align: center ;}
#nav2 {width:100%; background:url(/images/web_13.gif) repeat-x bottom center;position:absolute; top:129px;height:28px;z-index:100;text-align: center ;position:absolute;}

/* =footer css --------------------------------------*/		

#footer { width:940px; text-align:right;padding-top:30px;padding-right:35px;;padding-bottom:70px}
a:active{
     color: #0000A0;
}
/* = content css --------------------------------------*/		

#content { margin:25px 0 20px 0; }		
#content.grey { background-color:#f2f2f2;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} 

#logoContent { margin:0 0 0 30px; position:absolute; top:265px;}
#logoContent #logo { width:83px; float:left;}
#logoContent #logoText { width:720px; float:left; margin:0 0 0 40px; text-align:left;}
#logoContent #logoText p.title { font:normal 24px "ScalaIta", Georgia, Times, serif; color:#FFFFFF; line-height:38px; letter-spacing:.04em; margin:-8px 0 0 0;}

#home_links { background:url(../images/global/bg_home_links.jpg) no-repeat; margin:25px 0 0 0; height:300px; width:980px; text-align:left;}
#home_links p.uptext { color:#58595b; margin:8px 0 0 42px; font:normal 18px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; float:left;}
#home_links #news li a { font-size:14px; color:#58595b; margin:12px 0 0 0; font:normal 14px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; float:left;}
#home_links ul { margin:30px 0 0 17px;}
#home_links ul li { display:inline-block; color:#FFFFFF; text-align:center; margin:0 0 0 25px; float:left; }
#home_links ul li p.titleText { font:normal 14px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
#home_links ul li p.textItalic {font:normal 12px "ScalaIta", Georgia, Times, serif; margin:0 0 8px 0;}

#col_1 {margin-left:165px;padding:50px 0 0 0; width:390px; float:left;}
#col_1 img.noli { margin:0 0 40px 20px; padding:27px 0 0 0;}
#col_1 ul { margin:30px 0 0 25px;}
#col_1 ul li { width:310px; height:266px; background-color:#404041;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 0 40px 20px; padding:27px 0 0 0; color:#FFFFFF; text-align:center; }
#col_1 ul li.contact { margin:0 0 0 20px;}
#col_1 ul li p.titleText { font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
#col_1 ul li p.textItalic {font:normal 12px "ScalaIta", Georgia, Times, serif; margin:0 0 8px 0;}
#col_1 p.directory { color:#998675; font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:-110px 0 10px 0px; line-height:18px; letter-spacing:1px; text-align:center;}
#col_1 p.tagline { color:#998675; font:normal 13px "ScalaSansBold", Gill Sans, Arial, Helvetica, sans-serif; letter-spacing:.3em; text-align:center; margin:20px 0 20px 0;}

#col_2 {padding:45px 0 80px 8px; width:450px; float:left; text-align:left;}
#col_2 h1 { color:#4d4d4d; font:normal 22px "Scala", Georgia, Times, serif; margin:30px 0 35px 0;}
#col_2 h2 { color:#998675; font:normal 14px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; padding:15px 0 8px 0;}
#col_2 p { color:#808080; font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 15px 0; line-height:18px;}
#col_2 p.intro { color:#998675; }
#col_2 ul { padding:0 0 15px 20px; width:420px;}
#col_2 ul li { color:#808080; font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 8px 0; line-height:16px; list-style:url(../images/global/list_bulet.gif);}
#col_2 a { color:#998675; font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}
#col_2 a:hover { text-decoration:underline;}
#col_2 a.pdf { background:url(../images/global/link_bullet.gif) no-repeat right 4px; padding:0 15px 0 0;}
#col_2 a.apply { color:#FFFFFF; width:205px; height:20px; border:solid 1px #c3c3c3; background:url(../images/global/link_bullet_white.gif) no-repeat 200px 9px; margin:0 0 0 20px; padding:8px 0 0 10px; background-color:#b3b3b3; display:block;font:normal 12px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}
#col_2 a.apply:hover { color:#998675; text-decoration:none; background:url(../images/global/link_bullet.gif) no-repeat 200px 9px; background-color:#b3b3b3;}
#col_2 ol { padding:0 0 15px 20px; width:470px;}
#col_2 ol li { color:#808080; font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 8px 0; line-height:16px; list-style:decimal;}
#col_2 label { float:left; width:170px; color:#808080; font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}
#col_2 span.check_box { color:#808080; font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}
#col_2 input.large { width:180px;}
#col_2 input.medium {width:120px;}
#col_2 input.small {width:53px;}
#col_2 textarea {width:350px; height:100px;}
#col_1 input.submit { float:right; margin:20px 28px 0 0; text-align:center;color:#FFFFFF; width:105px; height:20px; border:solid 1px #c3c3c3; background:url(../images/global/link_bullet_white.gif) no-repeat 80px 4px; background-color:#b3b3b3; display:block;font:normal 12px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}
#col_2 p.img_footer { padding:5px 20px 20px 20px; background:#FFFFFF;}

#div_logo { width:310px; float:left; margin:31px 0 0 0;}
#introduction { float:left; margin:31px 0 0 0; text-align:left;}
#introduction  h1 {color:#4d4d4d; font:normal 22px "Scala", Georgia, Times, serif;  margin:-3px 0 25px 25px; }
#introduction p {color:#808080; font:normal 18px "Scala", Georgia, Times, serif; margin:0 0 25px 25px; line-height:18px; width:610px;}
#introduction p.intro { color:#998675; font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 15px 25px; line-height:18px;}
#introduction ul { margin:0 0 0 25px; float:left; width:460px;}
#introduction ul li { font:normal 14px "Scala", Georgia, Times, serif; color:#808080; line-height:25px;}
#introduction ul li span.name { font:normal 14px "ScalaSansBold", Georgia, Times, serif; color:#998675;}
#introduction ul li a { color:#998675; text-decoration:none;}
#introduction ul li a:hover { text-decoration:underline;}

#mosaic { text-align:left; padding:60px 0 0 0;}
#mosaic h2 { color:#4d4d4d; font:normal 16px "Scala", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 0 25px; padding:25px 0 8px 0;}
#mosaic ul { padding:10px 0 15px 0; float:left;}
#mosaic ul li { width:310px; height:233px; display:inline-block; margin:0 21px 21px 0; float:left;}
#mosaic ul li span.title {display:block;color:#4d4d4d; font:normal 16px "Scala", Georgia, Times, serif; margin:-30px 0 0 25px;}
#mosaic ul li.last {margin:0 0 21px 0;}
#mosaic ul li div.rollover { display:none; width:310px; height:233px; background-color:#808080;}
#mosaic ul li:hover div.rollover { display:inline-block; width:310px; height:233px; background:url(../images/global/bg_list.gif) no-repeat;}
#mosaic ul li:hover div.rollover h3 { color:#FFFFFF;  font:normal 14px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; padding:25px 0 25px 25px; float:left;}
#mosaic ul li:hover div.rollover p { color:#d0d2d3; width:260px; font:normal 14px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; padding:0 0 0 25px; height:140px; float:left;}


@-moz-document url-prefix() { 
	#mosaic ul li a  { color:#d0d2d3;}
} 

#div_detail { background-color:#f2f2f2; padding:0 0 25px 15px;}
#div_detail #prevnext { width:490px; float:right; text-align:left;}
#div_detail #prevnext ul { padding:0; margin:0;}
#div_detail #prevnext ul li { display:inline-block; width:145px; height:20px; background-color:#b3b3b3; padding:8px 0 0 0; margin:0 20px 0 0; text-align:center;}
#div_detail #prevnext ul li a { color:#ffffff; font:normal 12px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}
#div_detail #prevnext span.prevnextdisable { color:#dadada; font:normal 12px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}

#div_detail #detail_col1 { width:460px; float:left; text-align:left; margin:30px 0 0 0;}
#div_detail #detail_col1 h1 { color:#4d4d4d; font:normal 24px "Scala", Georgia, Times, serif; margin:0 0 18px 0;}
#div_detail #detail_col1 a { color:#998675; font:normal 14px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 20px 0; display:inline-block;}
#div_detail #detail_col1 p { color:#808080; font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 15px 0; line-height:18px;}
#div_detail #detail_col1 a#readmore { text-align:right; float:right;}
#div_detail #detail_col1 ul { padding:0 0 15px 20px; width:410px;}
#div_detail #detail_col1 ul li { color:#808080; font:normal 15px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 8px 0; line-height:16px; list-style:url(../images/global/list_bulet.gif);}
#div_detail #detail_col1 p.title { color:#998675; font:normal 18px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 20px 0; display:inline-block;}

#div_detail #detail_col2 { float:right; margin:75px 0 0 0;}

#div_detail #tenant_list { margin:15px 0 0 0; text-align:left; padding:0 15px 0 0;}
#div_detail #tenant_list h2 { color:#998675; font:normal 18px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; padding:15px 0 3px 0; width:100%; display:block; border-bottom:solid 1px #867552; margin:0 0 25px 0;}
#div_detail #tenant_list ul { width:180px; padding:0 10px 0px 0; float:left;}
#div_detail #tenant_list ul li { color:#808080; font:normal 12px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif; margin:0 0 6px 0; line-height:14px; letter-spacing:1px;}

#newslist { text-align:left; margin:25px 0 0 0;}
#newslist h1 { color:#4d4d4d; font:normal 22px "Scala", Georgia, Times, serif; display:block; width:940px; padding:0 0 8px 40px; border-bottom:solid 1px #f0f0f0;}
#newslist p { float:right; margin:-30px 40px 0 0; color:#4d4d4d; font:normal 14px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}
#newslist select { margin:0 0 0 5px;}
#newslist ul { display:block; width:940px; padding:20px 0 8px 40px; border-bottom:solid 1px #f0f0f0;}
#newslist ul li { margin:0 0 20px 0;}
#newslist ul li span.date { color:#929497; width:85px; float:left; font:normal 14px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}
#newslist ul li span.publication { color:#929497; width:205px; float:left; font:normal 14px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}
#newslist ul li span.title a { color:#998675; width:650px; float:left; font:normal 14px "ScalaSans", Gill Sans, Arial, Helvetica, sans-serif;}
#newslist ul li span.title a:hover { text-decoration:underline;}

.error { color:#990000; font-weight:bold; font:normal 12px "ScalaSansBoldItalic", Gill Sans, Arial, Helvetica, sans-serif;}
#bg_box { width:100%; height:100%; top:0; left:0; position:absolute; background:url(../images/overlay.png) repeat; opacity:0.5; filter: alpha(opacity = 50); cursor:pointer;}
#popup {xheight:80px; width:350px; text-align:center; padding:20px; background:#ffffff;; margin-left:40%; margin-right:auto; top:50%; position:absolute; opacity:1; filter: alpha(opacity = 100);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
#popup_ok p, #popup_ko p { font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#7e7d7d; margin:10px 0 20px 0;}

