@charset "utf-8";
/* CSS Document */
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	border:0;
	-webkit-text-size-adjust:none; /* This stops the iPhone from automatically changing the size of the text when you flip the phone */
	}
body{
	font-size: 62.5%; /* 62.5% means 1em = 10px */
	}
ul, li, ol, dl, dd, dt{
	list-style:none;
	padding:0;
	margin:0;
	}
a{
	text-decoration:none;
	}
img{
	border=0;
	}
	
/*-----------------------------
	ESTILOS ESPECIFICOS
-----------------------------*/
 
body{
	background:#fff;
	font-family: Helvetica; /* Helvetica is on the iPhone already, so you may as well take advantage */
	color:#999;
	}
p{
	font-size:12px;
	/*padding-bottom:8px;*/
	}
a{
	color:#ffffff;
	text-decoration:none;
	}
 
/*-----------------------------
	CABEÇALHOS E TEXTO
-----------------------------*/
 
h1.link{
	color:#999;
	font-family:helvetica;
	font-size:14px;
	padding-top:5px;
	}
p.link{
	color:#999;
	font-family:helvetica;
	font-size:11px;
	}
 
/*-----------------------------
	LAYOUT BASICO
-----------------------------*/
 
#site{
	padding-top:20px;
	background-color:#fff;
	background-image:url(../img/bg_bottom.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	overflow:auto;
	padding-bottom:20px;
	}
 #topo{
 	background-color:#fff;
	background-image:url(../img/bg_topo.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	height:85px;
	display:block;
	position:relative;
	}
div.link{
	background-image:url(../img/bg_bottom.gif);
	background-color:#fff;
	background-position:bottom left;
	background-repeat:repeat-x;
	height:80px;
	display:block;
	position:relative;
	}

/*-----------------------------
	objetos
-----------------------------*/
img.logo{
	width:93px;
	height:53px;
	position:absolute;
	left:5px;
	top:5px;
	/*display:block;*/
	}
div.link_texto{
	position:absolute;
	left:100px;
	top:5px;
	display:block;
	}
div.link img{
	display:block;
	position:absolute;
	/*left:25px;*/
	top:10px;
	}
img.icone1{
	left:17px;
	}
img.icone2{
	left:25px;
	}
img.icone3{
	left:5px;
	}
/* internas */
ul.menu_volta{
	display:block;
	position:absolute;
	top:15px;
	right:15px;
	}
ul.menu_volta li{
	float:left;
	margin-left:10px;
	}
img.bthome{
	width:40px;
	height:40px;
	/*float:right;
	margin-top:15px;
	margin-right:5px;*/
	}
img.titulo_portifoliodigital{
	width:33px;
	height:30px;
	margin-left:5px;
	margin-top:5px;
	float:left;
	}
img.titulo_portifoliografico{
	width:33px;
	height:30px;
	margin-left:5px;
	margin-top:5px;
	float:left;
	}
h1.titulo{
	font-family:helvetica;
	font-size:14px;
	font-weight:bold;
	margin-left:5px;
	margin-top:12px;
	float:left;
	}
/* links portifolio */
div.content_portifolio, div.content_formulario{
	width:320px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
	clear:both;
	padding:30px 1px;
	}
div.opcao{
	width:52px;
	text-align:center;
	float:left;
	margin-left:22px;
	}
h2.link_portifolio{
	font-family:helvetica;
	font-size:11px;
	font-weight:bold;
	color:#999;
	}
/* --> Cliente */
h1.cliente{
	font-family:helvetica;
	font-size:14px;
	font-weight:bold;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:15px;
	}
div.content_cliente{
	width:320px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	display:block;
	clear:both;
	}
p.cliente{
	font-family:Helvetica;
	font-size:12px;
	color:#666;
	margin-left:10px;
	margin-bottom:5px;
	}
img.cliente{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	display:block;
	}
/* ----------------------------
	CONFIGURAÇÃO DE FORMULÁRIO
----------------------------- */
table.form{
	width:300px;
	border:0;
	margin:0 5px 0 5px;
	padding:0;
	border-collapse:collapse;
	}
table.form td {
	width:300px;
	text-align:left;
	}
table.form td img{
	margin:0 0 5px 0;
	}
table.form td.enviar{
	width:300px;
	text-align:right;
	padding-top:10px;
	}
input.campo{
	width:300px;
	background-color:#fff;
	margin:0;
	padding:2px;
	border-width:1px;
	border-style:solid;
	border-color:#999;
	}
textarea.textarea{
	width:300px;
	background-color:#fff;
	margin:0;
	padding:2px;
	border-width:1px;
	border-style:solid;
	border-color:#999;
	}
/*-----------------------------
	ORIENTAÇÃO DA TELA
-----------------------------*/
 
#content_left,
#content_right,
#content_normal,
#content_flipped{
	display:none;
	}
.show_normal,
.show_flipped{
	width:320px;
	}
.show_left,
.show_right{
	width:480px;
	}
 
.show_left #content_left,
.show_right #content_right,
.show_normal #content_normal,
.show_flipped #content_flipped{
	display:block;