/*-----------------------------------------------------------------------------
versão:		1.6
Empresa:	Itarget Tecnologia
Autor:		Natan Cabral
-----------------------------------------------------------------------------*/



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

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

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

	#top {
	}

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

	#footer {
		background: #fff url(../image/bgFooter.png);
		width: 770px;
		height: 75px;
	}

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

/* Imagens */

img, fieldset {
	border:none;
}

h1 {
	font-size:20px;
	color:#333333;
	margin: 5px 0 7px 0; 
}

h2 {
	margin: 4px 0 7px 0; 
}

h3 {
	font-weight: bold;
	font-size: 12px;
	margin: 2px 0 5px 0; 
}

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

.iframe-convidados {
	padding:0;
	margin:0;
	width:340px;
	height:300px;
}

p {
	margin:0;
	padding:0;
}

a {
	color:#003399;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

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

ul {
}

li {
}

iframe{
width:100%;
height:450px;
border:0;
}

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

form {
	margin:0;
	padding:0;
}

/* 
Não recebem atributos FONT dos elementos PAIS
*/
input, textarea, select {
	font-family: Helvetica, Arial, Georgia;
	font-size: 11px;
	color: #333;
	
}
#logador{
position:absolute;
margin: 75px 0 0 2px;
width:120px;
}
#login {
	background: url(../image/backgroundInput.png);
	border:#333333 1px solid;
	width:109px;
	padding:2px;
}

#senha {
	background: url(../image/backgroundInput.png);
	border:#333333 1px solid;
	width:56px;
	padding:2px;
}

#btn {
	height:21px;
	width:48px;
}

#nome, #email, #tel, #obs {
	padding:4px;
	margin:5px 0;
	border:1px solid #888;
	background: #f4f4f3;
	width:260px;
	
}
#nome, #email, #tel, #obs {
	padding:4px;
	margin:5px 0;
	border:1px solid #888;
	background: #f4f4f3;
	width:260px;
}
#sendMail {
	padding:4px;
	margin:5px 0;
	border:1px solid #888;
	background: #f4f4f3;
}

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

table {
}

/* LINHA */
tr {
}

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

#tablePrincipal {
	width: 100%;
	margin: 0;
	padding: 0;
}

#tablePrincipal tr {
	margin: 0;
	padding: 0;
}

#tablePrincipal td {
	margin: 0;
	padding: 8px 0;
	width: 50%;
	vertical-align: top;
}

#tablePrincipal td.title {
	color: #fff;
	background: #152c4b;
	padding: 5px;
	font-weight: bold;
}

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

table tr td table tr td .age1{
	font-size:12px;
	font-weight:bold;
	color:#1d3453;
}


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

#top #barraTop {
	height: 52px;
	background: #efefed;
}

#top #barraTop #bemVindo {
	float:left;
}

#top #barraTop #btns {
	float:right;
}

#top #barraBanner {
	height: 199px;
	background: url(../image/backgroundBanner.jpg);
}

#top #barraBanner #logo{
	float:left;	
	width:223px;
	height:199px;
}

#top #barraBanner #loginBox{
	background: url(../image/loginSenha.png);
	float:left;	
	width:121px;
	height:199px;
}
#top #barraBanner #loginBox #loginText {
	position: absolute;
	width: 100px;
	margin: 35px 0 0 5px;
}

#top #barraBanner #banner{
	background: url(../image/bannerPublicidade.png);
	float:left;	
	width:425px;
	height:199px;
}

#top #barraBanner #banner #newbanner{
	position: absolute;
	margin: 31px 0 0 10px; 
	width:404px;
	height:156px;
}

#content #columnLeft {
	margin:0;
	width: 223px; /* 222px */
	float: left;
}

#content #columnLeft #fundoMenu{
	background: url(../image/fundoMenu.png) 0 0 no-repeat;
}
#content #columnLeft #fundoMenu #menuPosition {
	width: 155px;
	margin-left: 10px;
	float: left;
}
#content #columnLeft #fundoMenu #openBanners {
	margin-left: 22px;
	float: left;
}

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

#content #columnRight {
	width: 151px;
	float: left;
}
#footer #footerText{
	float: left;
	padding: 46px 0 0 20px;
}
#footer #footerDetail {
	float:right; 
	width:152px; 
	height:72px; 
	background:url(../image/footerRight.png) left top no-repeat;
}
#footer #byItarget{
	float: right;
	margin:21px 15px 0 0;
}
#banner_esquerdo{
	clear:both;
	margin:50px 0 0 0;
}
/* =================================================================== CLASSES
-----------------------------------------------------------------------------*/

.clear {
	clear:both;
}
.padding10 {
	padding:10px;
}
.padding20 {
	padding:20px;
}
.padding20topRight {
	margin-left:20px;
}
.backgroundClean {
	background: #FFFFFF;
}
.backgroundClean img{
	margin:8px 0 0 10px;
}
.boxH3 {
	margin:0 0 5px 0;
	padding:5px;
	background:#1d3453;
	color:#FFFFFF;
	font-size:11px;
}
.boxMain {
	float:left;
	width:162px;
	margin: 0 3px 10px 0;
}

ul #itg_menusecao_25 ul
{
	display: none;
}

.div-convidados {
	padding:15px 10px;
	background:#FFF;
}
.div-convidados img {
	margin: 0 6px 6px 0;
}
.div-convidados strong {
	font-size:13px;
}