@charset "UTF-8";
/*	


/*	----------------   GERAL   ---------------- */

body {
	background:#f26722;
	font-size:75%;
}
body, h1, h2, a {
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#fff;
}
p {
color:#666666;
font-size:75%;
}
b,strong{
font-weight:bold;
color:#fff;
}
h1, h2, h3, h4, h5, h6 {
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
}
h1, h2, h3 {
color:#ffffff;
letter-spacing:-0.01em;
}
h4 {
font-size:1.2em;
font-weight:bold;
margin:5px 0;
}
h1 span {
color:#ffffff;
}
h3 {
color:#ffffff;
font-size:18px;
}
h2 {
font-size:20px;
border-bottom:1px solid #ffffff;
margin-top:30px;
padding-bottom:2px;
}

a {
color:#333;
font:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
a:hover {
color:#FF6600;
font:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
img{
	border:0px;
}

#site{
	margin:auto;
	width:778px;
}

/*	----------------  SLIDER  ---------------- */

#slider {
	margin: 0 auto;
	position: relative;
	width: 778px;
}

.scroll {
	background: #f26722;
	clear: left;
	height: 450px;
	overflow: auto;
	overflow:hidden;   /* CSS3: overflow-x: hidden;  */
	position: relative;
	width: 778px;

}

.scrollContainer div.panel {
	height: 410px;
	padding: 20px;
	width: 738px;
}

.scrollButtons{
	margin-top:70px;
}

.hide {
	display: none;
}


/*	----------------   SEXYSHOTS   ---------------- */

.columnLeft, .columnRigth{
	float:left;
	width:119px;
}
	
.columnLeft .img{
	float:right;
}

.columnRight .img{
	float:left;
}
	
.columnScreenshot{
	float:left;
	width:500px;
}

.columnUpload{
    align:center;
	width:500px;
}

.linktwitter a{
color:#FFCC00;
}


/*	----------------   FLOATS  ---------------- */

#apDiv1 {
	height:95px;
	left:10%;
	position:absolute;
	top:361px;
	width:131px;
	z-index:1;
}

#apDiv2 {
	height:118px;
	position:absolute;
	right:15%;
	top:640px;
	width:195px;
	z-index:2;
}

#apDiv3 {
	position:absolute;
	left:10%;
	top:725px;
	width:214px;
	height:85px;
	z-index:3;
}

/*	----------------   RESTANTE  ---------------- */

/* Login form (client area) --------- */
#clientarea					{
	position:absolute;
	top:-66px;
	right:150px;
	background:url(http://www.plandesign.com.br/images/cliente.png) no-repeat bottom;
	width:263px;
	padding-bottom:30px;
	padding-top:2px;
	background-image: url(http://www.plandesign.com.br/images/cliente.png);
}
#login 							{color: #fff;font-size:10px; text-align:right; margin:2px;}
input#submit					{margin-top:30px; margin-right:10px; border:1px solid #606060; color:#fff; background:#232323; padding:3px;font-size:10px; text-transform:uppercase;}
#login div						{width:190px;float:left}
#login label					{display:block;}
input#cliente_login 			{margin-right:5px; border:1px solid #606060; background:transparent; width:100px; margin-bottom:5px; color:#fff;padding:3px;}
input#cliente_senha				{margin-right:5px; border:1px solid #606060; background:transparent; width:100px; color:#fff; padding:3px;
}

#container_top					{width:100%;
}

/* Class below is responsible for rounding in nonIE browser, if you want css to validate, remove line below --------- */	
	.rounded						{-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */}

#port{
	float:left;
}

#contact{
	margin-top:50px;
}

.twitter{	
	text-align:left;
	height:95px;
}

#tweet{
	width:590px;
	padding:20px 0 0 220px;
	text-align:left;
	color:#ffffff;
}
	
	
#tweet a{
	color:#FFCC00;
	text-decoration:none;
}

#tweet a:hover{
	border-bottom:1px solid #FFCC00;
}

#tweet ul{
	list-style:none;
	margin:0;padding:0;
}

#tweet li{
	display:inline;
}