﻿
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

.title-card{float:left;margin-right:10px;}
.dimension-card{width:64px; height:40px;}
.dimension-photo{width:64px; height:64px;}
.dimension-logo{width:206px; height:62px;}
/*Business*/
.text-title-business1{font-family: 'Open Sans Condensed', sans-serif; font-size:70px; height:38px; padding-top:26px;}
.text-title-business2{font-family: 'Open Sans Condensed', sans-serif; font-size:60px; height:38px; padding-top:26px;}
.text-title-business-subtitle{font-family: 'Open Sans Condensed', sans-serif; 
                         font-size:20px; 
                         height:38px; 
                         padding-top:5px;
                         margin-left:10px;
                         margin-top:10px;
                         color:#938b82;
                         }
                         
.title-second{font-family: 'Open Sans Condensed', sans-serif; font-size:22px;}
.desc-card p{font-family: Verdana, Arial; width:70%; border:0px solid #000; font-size:13px; line-height:16px;}


/*Architecture*/
.text-title-architecture{font-family: 'Open Sans Condensed', sans-serif; 
                         font-size:40px; 
                         height:38px; 

                         margin-left:10px;
                         color:#000;
                         }
.text-title-architecture-subtitle{font-family: 'Open Sans Condensed', sans-serif; 
                         font-size:20px; 
                         height:38px; 
                         padding-top:5px;
                         margin-left:10px;
                         color:#938b82;
                         }
.architecture-txt ul li{color:#333;
                        font-size:10px; 
                        margin-left:-30px;
                        }
.architecture-image{background-image:url(../img/arc_sfondo.png); 
                    background-position:top left; 
                    background-repeat:no-repeat;
                    width:295px;
                    height:354px;
                    margin-left:-10px;
                    }
 .txt-arc-desc{font-family:Trebuchet MS,Arial;
           font-size:12px; margin-left:10px;}
                    
/*Hi-Tech*/
.text-title-hitech{font-family: 'Open Sans Condensed', sans-serif; 
                         font-size:40px; 
                         height:38px; 
                         padding-top:26px;
                         margin-left:10px;
                         color:#000;
                         }
.hitech-image{background-image:url(../img/hitech_desk.png); 
                    background-position:top left; 
                    background-repeat:no-repeat;
                    width:300px; 
                    height:226px;
                    margin-top:100px;
                    }
/*Company-Page*/

.company-image{background-image:url(../img/img_cube.png); 
                    background-position:top left; 
                    background-repeat:no-repeat;
                    width:180px; 
                    height:121px;
                    margin-top:70px;
                    }
                    
html {overflow: hidden;}
.body-background {
          background-image:url('../images/soft.jpg');
          background-repeat:no-repeat;
          background-position: top left;
          background-color:#000;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
          background-size: cover;
         width:100%;
         height:100%;
         margin:0;
         }
#screen {position: absolute;width: 100%;height: 100%;}	
#img {visibility: hidden;}
#img img{z-index:1000;}
#zoom{visibility: hidden;}


.drag-move{width:80px;
           height:78px; 
           background-image:url('../images/drag.png');
           background-position:top left; 
           background-repeat:no-repeat;
           border:1px solid #000;
           left:-20px; 
           margin-top:200px; 
           position:absolute;
           z-index:10000; 
            visibility:hidden;}

.link-circle-style{ text-decoration:none; 
                    font-family: 'Open Sans Condensed', sans-serif; 
                    float:left;
                    color:#524941;
                    border:0px solid #000;
                    margin:0 auto 0 auto;
                    width:100%;height:20%;
                    
                   }
.icon-dimension{ border:0px solid #000; position:absolute; float:left;}
.content-people{ border:0px solid #000; width:100%; position:relative; z-index:20000;}
.total-up{ z-index:20000; 
           bottom:0; 
           right:0; 
           border:0px solid #000; 
           position:absolute;
           background-position:bottom right;
           visibility:hidden;
           }
 
.total-up img{width:52px; 
              height:52px;
              bottom:0; 
           right:0; 
           position:absolute;
           background-position:bottom right;
           }
.first-up{ z-index:20000; 
           bottom:0; 
           right:0; 
           width:200px;
           height:200px;
            
           position:absolute;
           background-position:bottom right;
           }
#desc {
		text-align:center;
		position:relative;
		font-size:28px;
		width:99.5%;
		z-index:10000;
		background-color:#fff;
		height:99.5%;
		border:0px solid #000;
		-moz-box-shadow: 2px 2px 2px #333;
        -webkit-box-shadow: 2px 2px 2px #333;
        box-shadow: 2px 2px 2px #333;
	 }

#screen .content-people  {
		position:absolute;
		/*left:-10000px;image-rendering: optimizeSpeed;border:1px solid #dee5e5;*/
		z-index:100;
		-ms-interpolation-mode:nearest-neighbor;
		cursor: pointer;
		background:url('') repeat;
		background-color:#fff;
		-webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
       -moz-box-shadow: 0 0 3px #333;
       -webkit-box-shadow: 0 0 3px #333;
       box-shadow: 0 0 3px #333;
	   }




/*---------------------  TABS  --------------*/

#tabbed_box_1 {
 float:left;
 margin-left:5%;
	width:350px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
	background-color:#c39533;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	border:1px solid #c39533;
	background-color:#81520c;
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#5f3a03;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #5f3a03;
}
ul.tabs li a:hover {
	background-color:#5f3a03;
	border-color:#5f3a03;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #c39533; 
	border-bottom: 1px solid #ffffff;
    background-image:url(../images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #c39533; 	
	font-family:Arial, Helvetica, sans-serif;

}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}