/*-----------------------------------------------------------------------------
Modelo:		WebDesign
versao:		1.9
Empresa:	Itarget Tecnologia
Autor:		Natan Cabral
-----------------------------------------------------------------------------*/



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

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

/* Tudo */
#wrap { 
/* Pré-definido */
	position:absolute;
	width:770px;
	margin-left:-385px;
	left:50%;
}

	#top {
	}

	#content {
		background: url(../image/bgContent.png); 
	}

	#footer {
		height:82px;
		background: url(../image/footer.png);
	}

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

/* Imagens */

img, fieldset {
	border:none;
}

h1 {
	margin:3px 0 10px 0px;
	font-size:21px;
	color:#364055;
}

h2 {
	margin:3px 0 5px 5px;
	font-size:14px;

}

h3 {
	color:#FFFFFF;
	width:160px;
	height:23px;
	padding:6px 0 0 8px;
	margin:3px 0 5px 0;
	font-size:11px;
	font-weight:bold;
	background: url(../image/bgBoxCenter.png) left top no-repeat;
}

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

iframe {
	width:100%;
	height:1000px;
}

p {
	margin:0;
	padding:0;
}

/* link geral */
a {
	color:#003399; 
}

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

a:visited {
}

a:hover {
	text-decoration:none;
}

a:active {
}

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

ul {
}

li {
}

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

form {
	margin:0;
	padding:0;
}

/* 
Nao recebem atributos FONT dos elementos PAIS
*/
input, textarea, select {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	border:none;
	border-bottom:2px double #888;
	padding:2px;
	
}


#boxLoginPassword #login {
	float:left;
	position:absolute;
	margin: 28px 0 0 33px;
	width:120px;
	border:none;
	background:url(../image/bgField.png) left top repeat-x;
}


#boxLoginPassword #senha {
	float:left;
	position:absolute;
	margin: 54px 0 0 33px;
	width:72px;
	border:none;
	background:url(../image/bgField.png) left top repeat-x;
}

#boxLoginPassword #btnSend {
	float:left;
	position:absolute;
	margin: 49px 0 0 116px;
	border:none;
	border:0;
}

#boxLoginPassword #help {
	font-size:10px;
	float:left;
	position:absolute;
	margin: 120px 0 0 15px;
	border:none;
	border:0;
}

.boxMail {
	font-size: 12px;
	font-weight:bold;
	color:#333333;
	width:260px;
	padding:5px;
	margin: 2px 0 5px 0;
	background: #efefef;
}
.btnMail {
	width:90px;
	padding:10px;
	margin: 2px 0 5px 0;
	background: #f66f2d;
	color:#FFFFFF;
}
/* ==================================================================== 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 #topBarr {
	color:#FFFFFF;
	height: 41px;
	background: #333366 url(../image/bgBarr.jpg) left top repeat-x;
}
#top #topBarr #date {
	font-size:10px;
	float:right;
	margin: 13px 13px 0 0;
}

#top #topLogo {
	height: 158px;
}

#top #topLogo #logo {
	float:left;
	widrh: 158px;
	height: 158px;
}

#top #topLogo #banner {
	float:left;
	background:url(../image/banner.png) left top no-repeat;
	width: 395px;
	height: 158px;
}

#top #topLogo #banner #bannerTop{
	float:left;
	position:absolute;
	margin: 25px 0 0 8px;
}

#top #topLogo #espacoassociado #boxLoginPassword {
	position:absolute;
	background:url(../image/loginPassword.png) left top no-repeat;
	float:left;
	width: 217px;
	height: 158px;
}
#top #topLogo #espacoassociado #boxLogadoPassword {
	padding:50px 0 0 25px;
}
#top #topLogo #espacoassociado{
	background:url(../image/loginPasswordLogado.png) left top no-repeat;
	float:left;
	width: 217px;
	height: 158px;
}

#top #bigBanner {
	height:156px;
	background:url(../image/barrWelcome.jpg);
}
#top #bigBanner #welcome{
	position:absolute;
	float:left;
	margin: 13px 0 0 15px;
}

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

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

#content #columnRight {
	width: 185px;
	float: left;
}
#footer #footerText {
	float:left;
	position:absolute;
	margin: 27px 0 0 27px;
}
#footer #byItarget {
	float:left;
	position:absolute;
	margin: 15px 0 0 680px;
}

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

.clear {
	clear:both;
}
.padding10 {
	padding: 10px 3px 10px 10px;
}
.padding15 {
	padding: 15px 3px 15px 15px;
}
.padding20 {
	padding: 20px 3px 15px 15px;
}
.paddingBarr {
	float:left;
	margin:12px;
}
.linkBarr {
	color:#FFFFFF;
	text-decoration:none;
	padding: 3px 5px;
	margin: 0 6px;
}
.linkBarr:hover {
	color:#333333;
	background: #FFF;
}
.boxCenter {
	float:left;
	width:180px;
	margin:0 5px 0 0;
	height:150px;
}
.boxCenterTwo {
	float:left;
	width:180px;
	margin:0 0 0 0;
	height:150px;
}