@charset "utf-8";
/* CSS Document */
body{
	background-image:url(../images/fundo_topcontent.jpg);
	background-repeat:repeat-x;
}
#logo{
	background-color:#CEC;
	width:100%;
	background-image:url(../images/fundo_logo.jpg);
	text-align:center;
	}
#menu{
	background-color:#ECC;
	width:100%;
	height:85px;
	background-image:url(../images/fundo_menu.jpg);
	}
	#menuwrap{
		width:970px;
		margin:0 auto;
	}
	#menu a{
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:23px;
		text-decoration:none;
		display:block;
		float:left;
		padding-right:20px;
		padding-left:20px;
		padding-top:20px;
		line-height:18px;
		border-right:1px solid #AADFF0;
	}
		#menu a.first{
			border-left:1px solid #AADFF0;
		}
		#menu a span.legenda{
			font-size:12px;
			
		}
		#menu a:hover{
			color:#69C;
			background-image:url(../images/fundo_menu-hover.jpg);
			-webkit-border-radius:0px 0px 5px 5px;
			-moz-border-radius:0px 0px 5px 5px;
		}
#wrap{
	background-color:#FFF;
	width:995px;
	margin:0 auto;
	padding-top:30px;
	border:1px solid #CCC;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-moz-box-shadow:0px 0px 10px #CCC;
	-webkit-box-shadow:0px 0px 10px #CCC;
	}
	#wrap h1{
		color:#333;
		margin-top:15px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		font-size:20px;
		padding-bottom:10px;
		text-align:center;
		background-image:url(../images/fundo_h1-main.png);
	}
	#main{
		width:985px;
		margin-left:10px;
		}
		#breadcrumb{
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
			margin-bottom:10px;
			padding-bottom:3px;
			margin-right:10px;
			padding-top:3px;
			background-color:#FFF;
			border-top:1px solid #ECECEC;
			border-bottom:1px solid #ECECEC;
		}
		#content{
			float:left;
			width:740px;
			margin-right:10px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			-moz-box-shadow:0px 0px 10px #ECECEC;
			-webkit-box-shadow:0px 0px 10px #ECECEC;
			padding:0px 5px 0px 5px;
			border:1px solid #ECECEC;
			}
			#content div.artigo_cont{
				height:130px;
				padding-bottom:5px;
				border-bottom:1px dashed #CCC;
				margin:5px 0 5px 0;
			}
				#content div.artigo_cont img{
					margin-right:10px;
					border:0;
				}
			#content img.contimg{
				margin-right:10px;
			}
			#content ul{
				margin:15px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#666;
				list-style-image:url(../images/icons/bullet.jpg);
			}
				#content ul li{
					margin-left:35px;
					margin-bottom:10px;
					padding-bottom:5px;
					line-height:18px;
				}
			#content h2{
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				color:#30A8DA;
				margin:10px;
				font-weight:normal;
			}
			#content a{
				color:#30A8DA;
			}
			#content a:hover{
				color:#CCC;
			}
			#breadcrumb a{
				color:#30A8DA;
			}
			#breadcrumb a:hover{
				color:#CCC;
			}
			#cu3er-container {width:735px;padding:5px; background-color:#333; background-image:url(../images/fundo_cuber.jpg); position:relative; outline:0;}
			#glass{
				position:absolute;
				background-image:url(../images/cuber_glass.png);
				background-repeat:no-repeat;
				width:674px;
				height:130px;
				z-index:1;
			}
			#about{
				width:722px;
				margin-left:3px;
				padding-left:5px;
				/*background-image:url(../images/fundo_about.jpg);*/
				padding-top:10px;				
				margin-bottom:5px;
			}
				#about p.section{
					margin-left:0px;
					color:#CCC;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:16px;
				}
				#about div.date{
					float:left;
					width:50px;
					padding:5px;
					background-color:#FFF;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					border:1px solid #ECECEC;
				}
					#about div.date p.day{
						font-size:25px;
						display:block;
						margin-left:5px;
						width:40px;
						text-align:center;
						padding-bottom:5px;
						border-bottom:1px dashed #CCC;
					}
					#about div.date p.month{
						display:block;
						width:40px;
						font-size:12px;
						margin-top:-10px;
						margin-left:5px;
						text-align:center;
					}
				#about div.about-content{
					float:left;
					width:650px;
					background-repeat:no-repeat;
				}
					#about div.about-content p{
						color:#666;
						font-size:12px;
						margin:5px;
						line-height:25px;
					}
				#teclux{
					background-image:url(../images/fundo_teclux.jpg);
					background-position:right;
				}
				#webdesign{
					background-image:url(../images/fundo_teclux.jpg);
					background-position:right;
				}
				#about p{
					margin:10px;
					line-height:25px;
					color:#666;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					letter-spacing:0.6pt;
				}
				#about p.author{
					font-size:11px;
				}
				#about h2{
					font-family:Arial, Helvetica, sans-serif;
					font-size:15px;
					color:#30A8DA;
					border-bottom:1px dashed #CCC;
					padding-bottom:5px;
				}
					#about h2 a{
						color:#30A8DA;
					}
						#about h2 a:hover{
							color:#999;
						}
				#about a.button{
					width:100%;
					height:25px;
					padding-top:12px;
					text-align:center;
					padding-bottom:5px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					font-weight:bold;
					background-image:url(../images/btn_vejamais.png);	
					background-repeat:no-repeat;
					color:#069;
					text-decoration:none;
					display:block;
					float:left;
				}
					#about a.button:hover{
						background-image:url(../images/btn_vejamais-hover.png);
						color:#09C;
					}
				#column a.button{
					width:100%;
					height:25px;
					padding-top:12px;
					text-align:center;
					padding-bottom:5px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					font-weight:bold;
					background-image:url(../images/btn_minivejamais.png);	
					background-repeat:no-repeat;
					color:#069;
					text-decoration:none;
					display:block;
					float:left;
				}
					#column a.button:hover{
						background-image:url(../images/btn_minivejamais-hover.png);
						color:#09C;
					}
				table.form{
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#666;
				}
					table.form td{
						padding:3px;
						margin:2px;
					}
						table.form td input{
							padding:3px;
							border:1px solid #CCC;
							background-color:#FFF;
							-moz-border-radius:7px;
							-webkit-border-radius:7px;
							-moz-box-shadow: 2px 2px 5px #CCC;
							-webkit-box-shadow: 2px 2px 5px #CCC;
							color:#666;
							font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
						}
						table.form td textarea{
							padding:3px;
							border:1px solid #CCC;
							background-color:#FFF;
							-moz-border-radius:7px;
							-webkit-border-radius:7px;
							-moz-box-shadow: 2px 2px 5px #CCC;
							-webkit-box-shadow: 2px 2px 5px #CCC;
							color:#666;
							font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
						}
					td.title{
						text-align:center;
					}
				div.folio{
					padding-bottom:5px;
					border-bottom:1px dashed #CCC;
				}
					#first{
						margin-top:20px;
					}
					h2 span.versite{
						font-size:11px;
						color:#999;
					}
					#about p.markup{
						text-align:right;
						margin:5px 0px 0px 5px;
						float:right;
						display:block;
						color:#999;
						font-size:11px;
					}
					#about p.status{
						text-align:right;
						margin:0px 0px 0px 5px;
						float:right;
						display:block;
						color:#999;
						font-size:11px;
					}
					p.author{
						font-size:10px;
						color:#999;
					}
				input{
					border:0;
					background-color:#EFEFEF;
				}
				textarea{
					border:0;
					background-color:#EFEFEF;
					width:100%;
				}
		#column{
			float:left;
			width:200px;
			margin-left:5px;
			padding-bottom:5px;
			padding-right:5px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			-moz-box-shadow:0px 0px 10px #ECECEC;
			-webkit-box-shadow:0px 0px 10px #ECECEC;
			border:1px solid #ECECEC;
			}
			#column p{
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#333;
				line-height:22px;
				margin:15px 5px 15px 5px;
				text-align:justify;
			}
			#column img{
				border:0;
			}
			#column h1{
				text-align:center;
			}
			#column h2{
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				margin-bottom:5px;
				color:#333;
			}
			#column p.status{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#666;
				text-align:right;
			}
			#column a{
				color:#30A8DA;
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				display:block;
				text-align:center;
			}
				#column a.goto{
					border-top:1px dashed #CCC;
					padding-top:5px;
				}
				#column a:hover{
					color:#999;
				}
			#column ul{
				margin:5px;
			}
				#column ul li{
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					margin-bottom:10px;
					margin-top:10px;
					margin-left:5px;
					padding-left:25px;
					line-height:20px;
					color:#333;
				}
					#column ul li.corporativo{
						background-image:url(../images/legenda/corporativo.jpg);
						background-repeat:no-repeat;
					}
					#column ul li.ecommerce{
						background-image:url(../images/legenda/ecommerce.jpg);
						background-repeat:no-repeat;
					}
					#column ul li.social{
						background-image:url(../images/legenda/social.jpg);
						background-repeat:no-repeat;
					}
					#column ul li.seo{
						background-image:url(../images/legenda/seo.jpg);
						background-repeat:no-repeat;
					}
					#column ul li.analytics{
						background-image:url(../images/legenda/analytics.jpg);
						background-repeat:no-repeat;
					}
			div.client{
				margin-bottom:13px;
				margin-top:23px;
				margin-left:10px;
				padding-bottom:10px;
				border-bottom:1px solid #ECECEC;
			}
	#extra{
		width:980px;
		margin-left:5px;
		}
		#news{
			float:left;
			width:510px;
			margin:5px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			-moz-box-shadow:0px 0px 10px #ECECEC;
			-webkit-box-shadow:0px 0px 10px #ECECEC;
		}
		#updates{
			float:left;
			width:455px;
			margin:5px 0px 5px 5px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			-moz-box-shadow:0px 0px 10px #ECECEC;
			-webkit-box-shadow:0px 0px 10px #ECECEC;
		}
			#updates ul li.updates{
				padding-left:25px;
				background-image:url(../images/li_update.jpg);
				background-repeat:no-repeat;
			}
		#extra ul{
			margin-top:10px;
			margin-right:10px;
		}
		#extra ul li{
			margin:5px;
			padding:5px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
			color:#666;
			position:relative;
			border-bottom:1px dashed #CCC;
			display:block;
		}
		#extra ul li.artigo{
			padding-left:25px;
			background-image:url(../images/li_artigo.jpg);
			background-repeat:no-repeat;
		}
		#extra ul li a.leiamais{
			position:absolute;
			right:20px;
			text-decoration:none;
			color:#30A8DA;
		}
			#extra ul li a.leiamais:hover{
				color:#CCC;
			}
span.dot{
	color:#EFEFEF;
}
#footer{
	background-image:url(../images/fundo_menu.jpg);
	padding-top:10px;
	width:100%;
	height:75px;
	bottom:0;
	margin:0 auto;
	margin-top:5px;
	text-align:center;
	}
	#footer h2{
		font-size:15px;
		border-bottom:1px dotted #09C;
		font-weight:normal;
		line-height:25px;
		margin-bottom:5px;
	}
	div.social{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFF;
	}
		div.social ul{
			
		}
			div.social ul li{
				display:inline;	
			}
				div.social ul li a{
					color:#FFF;
					padding-right:10px;
					margin:0;
					padding-top:5px;
					padding-left:20px;
					padding-bottom:5px;
					border-right:1px dotted #09C;
					border-left:1px dotted #09C;
					border-bottom:1px dotted #09C;
					text-decoration:none;
				}
					div.social ul li a:hover{
						background-color:#FFF;
						color:#09C;
						border-right:1px solid #09C;
						border-left:1px solid #09C;
						border-top:1px solid #09C;
						border-bottom:1px solid #09C;
					}
					div.social ul li a.orkut{
						background-image:url(../images/socialmedia/orkut.png);
						background-repeat:no-repeat;
						background-position:left center;
					}
					div.social ul li a.twitter{
						background-image:url(../images/socialmedia/twitter.png);
						background-repeat:no-repeat;
						background-position:left center;
					}
					div.social ul li a.deviant{
						background-image:url(../images/socialmedia/deviant-art.png);
						background-repeat:no-repeat;
						background-position:left center;
					}
					div.social ul li a.logopond{
						background-image:url(../images/socialmedia/logopond.png);
						background-repeat:no-repeat;
						background-position:left center;
					}
					div.social ul li a.buzz{
						background-image:url(../images/socialmedia/buzz.png);
						background-repeat:no-repeat;
						background-position:left center;
					}