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

/*@blue-color: #01738d;*/
body{
	margin:0 auto;
	background:url(../images/bkg_03.jpg) left top repeat-x;
	background-color:#01738d;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	min-height:96%;
}

img { border:0; }
@font-face { font-family:GeosansLight; src: url("../fonts/GeosansLight.ttf"); }

#logo { margin:5px auto 0; left:50px; padding:0; }


#main_content {
	margin: 3px auto 0;
	width:960px;
	/* margin:auto; */
	
	top:3px;
	min-height:95%;
}

#main_menu { position:absolute; top:50px; left:-1px; }

#content { 
	position:absolute; width:880px;
	overflow:hidden;
	bottom:1px;
	float:left;
	top:88px;
	padding: 30px 10px 10px 80px;
	color:#fff;
	background:url(../images/bkg_cont.png) no-repeat center top;
	/*
	-moz-box-shadow: 0px 7px 8px rgba(0,0,0,0.3);
	-khtml-box-shadow: 0px 7px 8px rgba(0,0,0,0.3);
  	-webkit-box-shadow: 0px 7px 8px rgba(0,0,0,0.3);
	*/
}

#soon {
	font-family:GeosansLight;
	
	text-align:left;
	padding: 100px;
	font-size:28px;
	color:#DCE755;
	text-shadow: 2px 2px #063;
}


#title-20 { font-size:20px; font-weight:bold; text-shadow: 1px 1px #063; color:#FFC; }
#title-14 { font-size:14px; font-weight:bold; }
#title-12 { font-size:12px; }
#title-10, .title-10 { font-size:10px }

#profile-txt { padding: 40px 5px 20px 30px; font-size:12px; line-height:15px; font-weight:normal; width:500px; }

#profile-contact-group { width: 540px; font-size:12px; font-weight:normal; }
#profile-contact { position:relative; float:left; }
#profile-mail { padding: 10px 0 2px; }
#profile-mail label { font-weight:bold; }
#profile-mail a { color:#FFC; font-weight:normal; text-decoration:none; }
#profile-mail a:hover { color:#fff; text-decoration:underline; }

#profile-qrcode {
	float: right;
	padding: 0 20px 10px 20px;
}
#profile-qrcode img { width:90px; }

#vcfCard {
	display:block;
	position:relative;
	padding-top:48px;
	float:right;
	background-image: url(../images/ico_vCard.png);
	background-repeat: no-repeat;
	background-position: center 6px;
	height:22px;
}

#vcfCard a { color:#FFC; text-decoration:none; padding:50px 12px 8px 12px; }
#vcfCard a:hover { opacity:0.9; }
#vcfCard:hover { 
	border-radius: 9px; -moz-border-radius: 9px;
	
	background: rgba(0, 0, 0, 0.1);
	background: rgb(0, 0, 0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.1);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	
	background-image: url(../images/ico_vCard.png); background-repeat: no-repeat; background-position: center 6px;
}



/************************ 
 ** SLIDING MENU HOME **/
 
.slidingMenuHome {
	margin: 34px auto 0;
	position:absolute;
	height:410px;
	width: 930px;
	
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.slidingMenuHome li {
	display:block;
	float:right;
	clear:both;
	position:relative;
	overflow:hidden;
}
.slidingMenuHome li.move {
	width: 9px;
	height: 68px;
	right:0px;
	padding-right:10px;
	margin-top:2px;
	z-index: 8;
	position: absolute;    
	background: #096;     
	background: 
		-webkit-gradient(
			linear, 
			left top, 
			left bottom, 
			from(#096), 
			to(#066)
		);     
	background: 
		-moz-linear-gradient(
			top, 
			#096, 
			#066
		);     
	-moz-border-radius: 8px 0px 0px 8px;  
	-webkit-border-top-left-radius: 8px;     	
	-webkit-border-bottom-left-radius: 8px; 
	border-top-left-radius: 8px;  
	border-bottom-left-radius: 8px;        
	-moz-box-shadow:3px 3px 7px #222;
	-webkit-box-shadow:3px 3px 7px #222;
	box-shadow:3px 3px 7px #222;	
	}
.slidingMenuHome li a {
	font-size:66px;
	text-transform:uppercase;
	text-decoration: none;
	color: #ddd;
	outline: none;
	text-indent:5px;
	z-index: 10;
	display: block;
	float: right;
	height: 66px;
	line-height: 66px;
	position: relative;
	overflow: hidden;
	padding-right:10px;
}

.slidingMenuHome li a:hover { color:#FFC; }

/* Descriptions */
.slidingMenuDescHome {
	margin-top:14px;
	position:relative;
}
.slidingMenuDescHome div{
	background: #096;     
	background: 
		-webkit-gradient(
			linear, 
			left top, 
			left bottom, 
			from(#096), 
			to(#066)
		);     
	background: 
		-moz-linear-gradient(
			top, 
			#096, 
			#066
		);   	
	height: 68px;
	padding-right:5px;
	left:-8px;
	width:0px;
	margin-top:22px;
	overflow:hidden;
	position:absolute;
	-moz-box-shadow:3px 3px 7px #222;
	-webkit-box-shadow:3px 3px 7px #222;
	box-shadow:3px 3px 7px #222;
	-moz-border-radius: 0px 8px 8px 0px;  
	-webkit-border-top-right-radius: 8px;     	
	-webkit-border-bottom-right-radius: 8px; 
	border-top-right-radius: 8px;  
	border-bottom-right-radius: 8px;
	z-index:2; 
}
.slidingMenuDescHome div span {
	font-size:24px;
	color: #f0f0f0;
	text-indent:5px;
	z-index: 10;
	display: block;
	height: 66px;
	line-height: 66px;
	position:absolute;
	right:10px;
	margin-left:15px;
	top:2px;
}

#area_top { margin:0 auto; width:920px; height:80px; }

/****** MENU INTERNO ******/

.int-menu {
   color:#fff;
   position:absolute;
   width:300px;
   margin:0 auto;
   padding-left:670px;
   float:right;
   clear:both;
   
   top:60px;
   list-style-type:none;
   z-index:9;
}

.int-menu a {
	color:#f5f5f5;
	text-decoration:none;
}

.int-menu a:hover {
	color:#fff;
	text-shadow: 0px 0px 5px #e3e3e3;
}


.int-menu li {
	display:block;
	float:left;
	margin-left:15px;
	list-style-type:none;	
}

/* -------------------
	Content  portfolio 
   ------------------- */
.portfolio-area { padding:2px; }
.portfolioFeatured {
	color:#000;
	float:left;
	margin: 5px 20px 10px -50px;
	padding:10px;
	width:400px;
	z-index:1;
	display:none;
	background-color:#FFF;
	overflow:hidden;
	
	-moz-box-shadow:0px 0px 7px #222;
	-webkit-box-shadow:0px 0px 7px #222;
	box-shadow:1px 1px 8px #222;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
}

.portfolioItems {
	/*position:absolute;
	/*left:20px;  
	float:left; */
	margin: 2px 10px 2px 2px;
	/*width:278px;
	height:174px;*/
	max-width:200px;
	z-index:1;
	display:none;
	background-color:#FFF;
	padding:6px;
	
	-moz-box-shadow:1px 1px 8px #222;
	-webkit-box-shadow:1px 1px 8px #222;
	box-shadow:1px 1px 8px #222;
	
	-moz-border-radius: 0px 8px 8px 0px;  
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#portList { overflow:auto; width:460px; margin: 2px -30px 5px 20px; padding:5px; bottom:5px; position: relative; }

#portList ul {
	list-style:none;
	width:1280px;
	text-align:left;
	height:150px;
	margin:0;
	padding:0;
	
}

#portList li {
	float:left;
	height:135px;
	line-height:135px;
	overflow: hidden;
}
.portfolioItems label { font-size:10px; color:#333; padding:2px; display:none; }

.portfolioItems img { vertical-align:middle;
	width:auto; height:130px;
	margin:0 auto;

}

#imgPortFeatured .prtItemTittle { color:#000; padding:7px 0; font-weight:bold; }
#imgPortFeatured .prtItemTittle label { color:#555; font-weight:bold; }
#imgPortFeatured .prtItemImage img{
	-moz-border-radius: 6px;  
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:400px;
}
#imgPortFeatured .prtDesc { padding-top:3px; font-size:10px; }

#txtPortFeatured { margin:30px 20px 0 0; float:right; height:140px; text-align:right; }

/* -------------------
	Content  cases 
   ------------------- */
.case-area { padding:30px 2px; }
.case-item { width:240px; text-align:center; float:left; margin:5px 5px 20px; }
   

/* ---------------------
	Contact
   --------------------- */
#contact-links .contact-profile h3 { margin: 2px; font-weight:bold; }
#contact-links {
	margin:0 30px 0 -30px;
	/*font-family:GeosansLight;	*/
	font-size:12px;
	margin-top:30px;
	line-height:18px;
	width:880px;
	font-weight:normal;
}

#contact-links .contact-profile {
	float:left;
	padding:10px 10px; 
	margin: 10px;
	color:#01738d; 
	display:block; 
	background-color:#ddd;    
	background: 
		-webkit-gradient(
			linear, 
			left top, 
			left bottom, 
			from(#eee), 
			to(#ccc)
		);     
	background: 
		-moz-linear-gradient(
			top, 
			#eee, 
			#ccc
		); 
	
	width:250px;
	height:580px;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow:-1px -1px 3px #222;
	-webkit-box-shadow:-1px -1px 3px #222;
	box-shadow:-1px -1px 3px #222;
}
#contact-links a:hover { text-decoration:underline;	color:#000;  }


/**********
	ABOUT AREA
	************/
	
#about-area {
	color:#eee;
	padding:70px 0;
	width:850px;
	float:left;
	margin-left:-30px;
	font-size:12px;
	line-height:18px;
	text-shadow: 1px 1px 2px #01738d;
}


/****** tweet *******/
#soul-tweet,
.query {
	font: 120% Georgia, serif;
	color: #eee;
	font-size:10px;
	width:720px;
	bottom:18px;
	position:absolute;
	z-index:9;
}

.tweet_list {
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	list-style: none;
	margin: 0;
	padding: 10px 20px;
	overflow-y: hidden;
	background-color: #3a95aa;
}

.tweet_list .awesome,
.tweet_list .epic {
text-transform: uppercase;
}

.tweet_list li {
overflow-y: auto;
overflow-x: hidden;
padding: 0.5em;
list-style-type: none;
}

.tweet_list li a {
  color: #0C717A;
}

.tweet_list .tweet_even {

}

.tweet_list .tweet_avatar {
padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
  vertical-align: middle;
}

.main-arrow   { width:26px; height:11px; background-image:url(../images/main_arrow.png); background-repeat:no-repeat; position:relative; left:50px; bottom:12px; z-index:10; }
.main-arrow-b { width:26px; height:11px; background-image:url(../images/main_arrow-b.png); background-repeat:no-repeat; position:relative; left:820px; bottom:12px; z-index:10; }

#tweet-bird { bottom:8px; left:35px; position:absolute; z-index:10; padding:0; margin:0; }

.google-publisher {
  position: absolute;
  right: 10px;
  bottom: 15px;
  color: #FFF;
}