/*=================================================
	Taothiep.com Style
	Copyright 2010
	written for www.taothiep.com
	Clone from http://www.perfilvirtual.com.br/dn/
=================================================*/

* {
	margin:0;
	padding:0;
	outline:0;
	border:0;
	}
	
body {
	font-family:"Times New Roman", Times, serif;
	position: relative;
	}
	
ul {
	list-style-type: none;
	}

#wrapper {
	background: #fefef2 url('images/bg.jpg') no-repeat top center;
	height: 700px;
	}
body.avatar #wrapper{
	background:#fefef2 url(images/bg-2.jpg) no-repeat top center;
	}

#content {
	margin:0 auto;
	width:990px;
	}
	#content-left {
		float:left;
		width:450px;
		}
		#content-left h1 {
			margin:20px auto 0 55px;
			}
			#content-left h1 a {
				display:block;
				background:url(images/logo.png) no-repeat;
				text-indent:-9999px;
				height: 141px;
				}
		#content-left #welcome {
			background:url(images/bg-welcome.png) no-repeat;
			height:435px;
			margin:85px 0 0 10px;
			width:379px;
			}
			#form-start{
				width: 210px;
				height: 70px; 
				margin: 340px 0 0 85px;
				float:left;
				}
				#form-start label{
					color:#333333;
					font-weight: bold;
					font-size:12px;
					}
					#but-start {
						margin: 0 0 0 15px;
						}
					a#link-reg{
						color:#008BBD;
						text-decoration:none;
						}
					a#link-reg:hover{
						color:#008BBD;
						text-decoration:underline;
						}
					a#link-reg:visited{
						color:#008BBD;
						text-decoration:none;
						}
	#content-right {
		float:left;
		width:540px;
		}
		#nav {
			background:url(images/bg-menu.png) no-repeat;
			float:right;
			height:50px;
			width:450px;
			}
			#nav ul {
				color:#FFFFFF;
				font-size:14px;
				font-weight:bold;
				height:30px;
				margin:10px 0 0 30px;
				width:400px;
				}
				#nav ul li {
					cursor:pointer;
					float:left;
					}
					#nav ul a {
						color:#FFFFFF;
						display:block;
						padding:5px 8px;
						text-decoration:none;
						}
		#demo {
			background:url(images/bg-index-demo.png) no-repeat;
			height:680px;
			margin-top:50px;
			width:515px;
			}
			a#darkkiller {
				background:url(images/logo-darkkiller.png) no-repeat;
				float:right;
				height:47px;
				margin-top:620px;
				width:50px;
				display:block;
				text-indent:-9999px;
				margin-left: 900px;
				}
				
	#content-avatar, #content-background {
		background:url(images/base-avatar.png) no-repeat bottom;
		float:left;
		width:990px;
		height: 580px;
		}
		h2.sub-title {
			margin-top:15px;
			text-align:center;
			}
		h3.sub-sub-title {
			margin:15px 0 5px 10px;
			clear:both;
			}
		.heads, .bodys {
			background-color:#FFFFFF;
			float:left;
			height:45px;
			margin:0 0 10px 10px;
			padding:5px;
			width:45px;
			}
		.heads img, .bodys img {
			width:45px;
			}
		#head, #head_f, #head_ff {
			height:215px;
			position:absolute;
			width:148px;
			}
		#body_f, #body-m {
			height:107px;
			margin:130px 0 0 0;
			position:absolute;
			width:142px;
			}
		#head_f {
			background:url(images/m/girl-head/05.png) no-repeat top center;
			}
		#body_f {
			background:url(images/m/girl-body/05.png) no-repeat top center;
			}
		#head {
			background:url(images/m/boy-head/05.png) no-repeat top center;
			width:140px;
			}
		#body-m {
			background:url(images/m/boy-body/05.png) no-repeat top center;
			height:105px;
			margin:139px 0 0 0;
			width:135px;
			}
		.avatar-wrap {
			height:300px;
			margin:370px 0 0 500px;
			position:absolute;
			width:350px;
			}
		#avatar-girl, #avatar-boy {
			float:left;
			height:235px;
			margin:60px 0 0 40px;
			width:146px;
			}
		#avatar-boy {
			margin:45px 0 0 5px;
			}
		#step-1-3-desc {
			height:50px;
			margin:10px auto 0;
			text-align:center;
			width:380px;
			}
		#content-girl {
			float:left;
			height:580px;
			width:315px;
			}
		#content-per {
			float:left;
			height:580px;
			width:350px;
			}
		#content-boy {
			float:left;
			height:580px;
			margin-left:20px;
			width:300px;
			}
	#content-background {
		background:none;
		margin: 0;
		padding:0;
		}
		#bg-left, #bg-right {
			float:left;
			height:450px;
			width:430px;
			}
		#bg-right {
			width:550px;
			}
		.bg-background {
			float:left;
			height:70px;
			margin:5px 4px 20px 5px;
			width:98px;
			}
		#form-messenger {
			padding: 10px 0 0 20px;
			}
			.textbox {
				border:medium none;
				color:#3366FF;
				float:left;
				height:20px;
				padding:8px 5px 5px 46px;
				width:145px;
				}
			#from {
				background:url(images/bg-form-from.png) no-repeat;
				}
			#to {
				background:url(images/bg-form-to.png) no-repeat;
				margin:0 0 10px 8px;
				padding:8px 5px 5px 31px;
				width:160px;
				}
			#messenger {
				background:url(images/bg-form-messenger.png) no-repeat;
				border:medium none;
				color:#3366FF;
				height:90px;
				padding:30px 10px 10px;
				width:380px;
				}
			#bg-view {
				background:url(images/bg-view.png) no-repeat;
				height:350px;
				margin:60px 0 0 20px;
				padding:17px;
				width:502px;
				}
			#background {
				background:url(images/bg/bg-medium-4.jpg) no-repeat;
				height:352px;
				width:495px;
				}
			.but-avancar-1 {
				margin:40px 0 0;
				display:block;
				width:150px;
				}
			.but-avancar-2 {
				float:right;
				margin:20px 20px 0 0;
				}
#text {
	height:300px;
	margin:90px 0 0 550px;
	position:absolute;
	width:340px;
	}
	#text-from, #text-to {
		color:#FFFFFF;
		font-size:24px;
		font-weight:bold;
		height:20px;
		margin:0 0 5px 80px;
		padding:7px;
		width:210px;
		}
	#text-to {
		margin:10px 0 5px 80px;
		}
	p#text-messenger {
		color:#FFFFFF;
		font-size:20px;
		height:150px;
		padding:10px;
		text-align:center;
		width:280px;
		}
#social-share {
	bottom:10px;
	height:80px;
	margin-left:220px;
	position:fixed;
	width:200px;
	}
	.title-social-share {
		margin-bottom:10px;
		text-align:center;
		}
	.btn-share {
		float:left;
		height:36px;
		margin-left:10px;
		width:36px;
		}
.link-criar {
	float:right;
	margin:5px 200px 0 0;
	}
	
.step, .step-2{
	width: 109px;
	height: 107px; 
	margin: 20px 0 0 0px;
	float: left;
	background: url(images/step-1-3.png) no-repeat;
	}
.step-2{
	margin: 20px 0 0 20px;
	background: url(images/step-2-3.png) no-repeat;
	}