/*
   __              __
  /\ \  __        /\ \
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com

   / GERAL
   / BODY
   / MENU
   / BOXES
	 | 01
	 | 02
	 | 03
	 | 04
	 | 05
	 | 06
	 | 07
   / ORDER
   / FORMULARIO
     | MAIL
	 | CARD /*

/* .... GERAL .... */

.left, .left img{ float:left;}
.leftimg img{ float: left;}
.right, .right img{ float:right;}
.clear{ clear:both;}
.over{ overflow:hidden;}
.over1{ overflow:hidden; height:1px;}
.block{ display:block;}
.center{text-align:center; margin-top: 10px;}
p, h1, h2, h3, h4, h5, h6 {margin:0px;}
a img { border: 0px; }
.marginleft { margin-left: 10px; margin-top: 10px; }
.marginright { margin-right: 10px; margin-top: 10px; }

/* .... BODY .... */

body {
	margin: 0px;
	background: #E1F0FF url(images/background.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 113%;
	text-align: justify;
	color: #fff;
}

.main {
	position: relative;
	margin: 0px auto;
	width: 951px;
	background: #E7DDC2;
}

.content {
	float:left;
	width: 951px;
}

.header {
	position:relative;
	height: 882px;
}


	.header .joinnow {
		position: absolute;
		top: 361px;
		right: 0px;
	}

	.header .members {
		position: absolute;
		height: 75px;
		top: 377px;
		left: 35px;
	}

	.header .txt1 {
		position: absolute;
		width: 330px;
		height: 75px;
		bottom: 100px;
		left: 310px;
		color: #AAE1FD;
	}

		.header .txt1 strong {
			color: #FF6877;
			font-weight: normal;
		}

	.header .txt2 {
		position: absolute;
		width: 270px;
		height: 75px;
		bottom: 88px;
		right: 15px;
		color: #000000;
	}

	.header .txt3 {
		position: absolute;
		width: 270px;
		height: 75px;
		bottom: 13px;
		right: 15px;
		color: #000000;
	}

.console {
	position:relative;
	width: 905px;
	margin: 0 auto;
	background: #000000;
	padding: 0px;
}

	.console .c2-1 {
		position:absolute;
		top: 18px;
		left: 12px;
		line-height: 23px;
		font-weight: bold;
	}

		.console .c2-1 h3 {
			font-size: 30px;
			color: #F0A513;
		}

	.console .c2-2 {
		position:absolute;
		top: 40px;
		right: 12px;
		line-height: 20px;
		font-weight: bold;
		width: 205px;
	}

	.console .c2-3 {
		position:absolute;
		left: 260px;
		bottom: 60px;
		background:url(images/console01_4-back.gif);
	}

	.console .c2-4 {
		position:absolute;
		left: 260px;
		bottom: 60px;
		background:url(images/console01_5-back.gif);
	}

	.console .c1-1b {
		padding: 20px 0 20px 5px;
	}

	.console .c1-1b h4 {
		font-size:45px;
		color: #F0A513;
		text-transform: uppercase;
		line-height: 40px;
		text-align: center;
	}

	.console .c1-1b h4 strong {
		font-size:37px;
		color: #FFF;
		text-transform: uppercase;
	}

	.console .c1-1b .thumb {
		margin: 0 auto;
		padding: 10px;
		text-align:center;
	}

		.console .c1-1b .thumb img {
			margin: 10px 5px 0 5px;
		}

			.console .c1-1b .img-1 {
				border: 5px solid #F01364;
			}

			.console .c1-1b .img-2 {
				border: 5px solid #FF9A57;
			}


	.console .c1-1c {
		padding: 20px 0 20px 5px;
	}

	.console .c1-1c h4 {
		font-size:48px;
		color: #F0A513;
		text-transform: uppercase;
		line-height: 40px;
		text-align: center;
	}

		.console .c1-1c h4 strong {
			font-size:35px;
			color: #FFF;
			text-transform: uppercase;
		}

		.console .c1-1c .thumb {
			padding: 10px 10px -10px 0;
			text-align: right;
		}

		.console .c1-1c .thumb img {
			margin: 0;
			padding: 0px;
		}
		.thumbtext {
			font-size:14px;
			font-weight:bold;
			color:#FFCC00;
			text-align:center;
			text-transform:uppercase;
		}
	.console .c1-1 {
		padding: 0 0 10px 5px;
	}

	.console .c1-i {
		float: left;
		width: 255px;
		height: 86px;
		background: url("images/console01_3.gif");
	}

		.console .c1-i .top {
			margin: 22px 0 0 71px;
			background: url(images/console01_3-top-back.gif);
			width: 167px;
			height: 41px;
		}

		.console .img-1 {
			border: 5px solid #C57D99;
			width: 547px;
			height: 406px;
		}

		.console .img-2, .console .img-3. .console .img-4 {
			width: 153px;
			height: 126px;
		}

		.console .img-2 {
			border: 5px solid #F01364;
		}

		.console .img-3 {
			border: 5px solid #FF9A57;
		}

		.console .img-4 {
			border: 5px solid #54C5FF;
		}

	.console p {
		display: block;
		color: #AAE1FD;
		padding: 13px 0px 5px 18px;
		width: 630px;
	}

	.console p strong {
		color: #FF6877;
		font-weight: normal;
	}

	.console .c1-1 img {
		float: left;
		margin: 4px 0 0 4px;
	}

		.fade a img{opacity:1.00; filter:alpha(opacity=100); -moz-opacity: 1.00;}
		.fade a:hover img{opacity:0.40; filter:alpha(opacity=40); -moz-opacity: 0.40;}

		.fade2 a img{opacity:1.00; filter:alpha(opacity=100); -moz-opacity: 1.00;}
		.fade2 a:hover img{opacity:0.0; filter:alpha(opacity=0); -moz-opacity: 0.0;}

	.footer {
		position:relative;
		height: 223px;
	}

		.footer .members {
			position: absolute;
			top: 113px;
			left: 34px;
		}

		.footer .joinnow {
			position: absolute;
			top: 97px;
			right: 0px;
		}

/* .... Join .... */

#join a {
	color:#000000;
}

#join a:hover {
	color:#000000;
	text-decoration:none;
}

#join{
	padding:15px;
	color:#636363;
	width: 745px;
	margin: 0 auto;
}

#join form{
	width:442px;
	border:3px solid #FF8D4C;
	margin-bottom:15px;
	padding:30px 10px;
	text-align:center;
	background:#FFFFFF;
}
#join form fieldset{
	margin:5px 0 20px;
	padding:0px;
	border:0;

}
#join form fieldset p{
	margin:5px 0;
}
#join form legend{
	margin:0;
	padding:0 0 8px;
	border:0;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.03em;
}
#join form legend span{ color:#F72E4A;}

#join form fieldset#step1 legend{	padding:0 0 8px 100px;}
#join form fieldset#step2 legend{	padding:0 0 8px 88px;}
#join form fieldset#step3 legend{	padding:0 0 8px 65px;}

#join form label.pass{padding-left:0.3em;}
#join form label.email{padding-left:1.8em;}

.lineheight{line-height: 180%}
#join form fieldset#step2 input, #join form fieldset#step2 label{float:left;}
#join form fieldset#step2 input{margin:0 8px 0 90px;}

#join #ccbill{
	width:442px;
	padding:10px;
	border:3px solid #FF8D4C;
	text-align:center;
	background:#FFFFFF;
}
#join #ccbill h3{
	font-size:16px;
	font-weight:bold;
}
#join #ccbill h6{
	padding:3px 0;
	font-size:11px;
	font-weight:normal;
}

#join #ccbill .seg{
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 101px;
}

#join #alternative{
	width:442px;
	padding:10px;
	border:3px solid #FF8D4C;
	text-align:center;
	background:#FFFFFF;
	margin-bottom:15px;
}
#join #alternative .style1 {
	color: #636363;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#join #alternative .style2 {
	color: #636363;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


#join #iframebx{
	float:left;
	width:253px;
	border:3px solid #FF8D4C;
	padding-bottom:10px;
	background:#FFFFFF;
}
#join #iframebx h3{
	padding:10px;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	color:#F72E4A;
}
#join #iframe{
	overflow:auto;
	height:614px !important;
	height:622px;
	margin: 0 8px 0 8px;
}
#join #iframe ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
#join #iframe li{
	padding:10px 0;
	clear: both;
}
#join #iframe li img{
	margin:0 5px 0;
	float:left;
	display:inline;
	width:100px;
	height:100px;
	border:1px solid #999999;
}
#join #iframe li h4{
	padding-top:10px !important;
	padding-top:0;
	font-size:12px;
}
#join #iframe li p{
	padding:5px 5px 5px 0;
}