/*-----------------------------------------------------------------------------
Modelo:		WebDesign
versão:		1.9
Empresa:	Itarget Tecnologia
Autor:		Natan Cabral
-----------------------------------------------------------------------------*/



/* ================================================================== ESTRUTURA
-----------------------------------------------------------------------------*/

body {
	font-family: Helvetica, Arial, Georgia;
	font-size: 11px;
	color: #333;
	margin: 0;
	padding: 0;
	background:#e9eae5 url(../image/background.jpg) repeat-x left top;
}

/* Tudo */
#wrap { 
/* Pré-definido */
	position:relative;
	width:766px;
	margin-left:-383px;
	left:50%;
}

	#top {
		height:413px;
		width:766px;
		clear:both;
	}

	#content {
		background:url(../image/bgCenter.png) left top repeat-y;
		width:766px;
	}
	#contentInter {
		background:url(../image/bgCenterInter.png) left top repeat-y;
		width:766px;
	}

	#footer {
	width:100%;
	}
	iframe{width:100%; height:500px;}

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

/* Imagens */

img, fieldset {
	border:none;
}

h1 {
	color:#225C5E;
	font-size:24px;
	margin:5px 0 20px 0;
}

h2 {
}

h3 {
}

hr {
	/* Retiramos a borda para colocar 
	novamente logo abaixo, resolvendo o 
	problema de borda dupla no IE */
	border:none; 
	border-bottom:1px solid #CCC;
}

p {
	margin:0;
	padding:0;
}

/* link geral */
a { 
}

/* link específico */
a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/* ===================================================================== LISTAS
-----------------------------------------------------------------------------*/

ul {
}

li {
}

/* ================================================================ FORMULÁRIOS
-----------------------------------------------------------------------------*/

form {
	margin:0;
	padding:0;
}

/* 
Não recebem atributos FONT dos elementos PAIS
*/
input, textarea, select {
}

/* ==================================================================== TABELAS 
( Quando houver alguma tabulagem )
-----------------------------------------------------------------------------*/

table {
}

/* LINHA */
tr {
}

/* COLUNA|CÉLULA */
td {
}


/* ==================================================================== ITPACK
-----------------------------------------------------------------------------*/

#itpackNewsletter {
	display:none;
}

table tr td table tr td .age1{
}

table tr td table tr td .age2{
}

/* =========================================================== IDENTIFICADORES
-----------------------------------------------------------------------------*/

#top #logo {
	width:488px;
	height:126px;
	float:left;
}

#top #login{
	float:left;
	width:268px;
}
#top #lineTwo {
	padding:0 0 0 48px;
}
#top #lineTwo #boxCentral {
	width:670px;
	height:276px;
	background:url(../image/boxCentral.gif) left top no-repeat;
}
#top #lineTwo #boxCentral #menu{
	width:184px;
	overflow:hidden;
	height:215px;
	position:absolute;
	float:left;
	margin:32px 0 0 30px;
	left: 49px;
}
#top #lineTwo #boxCentral #photo{
	float:left;
	margin: 12px 0 0 238px;
	position:absolute;
	width: 435px;
	left: 34px;
	top: 124px;
}

#content #columnLeft {
	width: 364px;
	float: left;
}

#contentInter #columnLeftInter {
	width: 568px;
	float: left;
}

#content #columnCenter {
	width: 204px;
	float: left;
}

#content #columnRight {
	width: 195px;
	float: left;
}
#contentInter #columnRightInter {
	width: 195px;
	float: left;
}
#footer {
	height:77px;
	background:url(../image/footer.gif) left top repeat-x;

}

#footer #text {
	color:#54583f;
	position:absolute;
	margin: 30px 0 0 30px;
	float:left;
}

#footer #byItarget {
	position:relative;
	float:right;
	margin:20px 10px 0 0;
}
#boxLogin{
float:left;
background:url(../image/login.jpg);
width:268px;
height:126px;
}
#help{
	position:absolute;
	margin:54px 0 0 234px;
}
#boxHelp{
	background:url(../image/balaoHelp.gif) no-repeat;
	width:149px;
	height:50px;
	padding:6px;
	position: absolute;
	margin: 54px 0 0 82px;
	visibility:hidden;
}
#boxHelp a{
	color:#003300;
	text-decoration:none;
	padding:1px 0 0 4px;
}
#boxHelp a:hover{
	color:#7f5c0f;
}
#destaque{
	margin-left:-16px;
}

#links{
	position:absolute;
	margin:8px 0 0 0;
	width: 268px;
}
#restrito{
	position:absolute;
	margin: 94px 0 0 24px;
	height: 24px;
}
#restrito #email{
	
}
#restrito #senha{
	margin:0 0 0 118px;
	width:100px;
	width:70px;
}
#restrito #submit{
	margin:0 0 0 198px;
	width:100px;
	width:30px;
}
#restrito .formLogin{
	position:absolute;
	background:none;
	border:0px;
	height:20px;
	font-size:11px;
	width: 106px;
}

/* =================================================================== CLASSES
-----------------------------------------------------------------------------*/

.clear {
	clear:both;
}
.padding10 {
	padding: 10px;
}
.padding15 {
	padding: 15px;
}
.padding20 {
	padding: 20px;
}
.paddingLeft {
	width:330px;
	margin: 15px 0 15px 15px;
}
.paddingLeftInter {
	width:530px;
	margin: 15px 0 15px 20px;
}
.date {
	color:#54583f;
	margin: 8px 0 15px 0;
}
.paddingCenter {
	width:170px;
	margin:15px 0 15px 15px;
}
.paddingRight {
	width:175px;
	margin:15px 0 15px 15px;
}
.paddingRightInter {
	width:175px;
	margin:15px 0 15px 15px;
}
.itg_menuListaSessoes{
	margin:0;
	padding:0;
}

.lista_endereco
{
	margin: 10px auto;
	width: 90%;
	display: block;
	padding: 2.5px;
}
#form_contato {
	width: 390px;
	margin: 0 auto;
	display: block;
	clear: both;
}
#form_contato input,
#form_contato textarea
{
	border: 1px solid #CCC
}
#form_contato label {
	margin: 5px 0 0 0;
	display: block
}
#form_contato label span {
	float: left;
	clear: right;
	width: 80px;
	display: block;
	margin: 0 0 0 10px;
}
#form_contato label #nome,  #form_contato label #email,  #form_contato label #tel,  #form_contato label #obs {
	display: block;
	width: 250px;
}
#form_contato #btn {
	width: 85%;
	display: block;
	text-align: right;
}
#logado
{
	width: 240px;
	height: 35px;
	display: block;
	margin: 75px 0 0 13px;
	background: #4D9096;
	padding: 5px
	
}
