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


/* ================================================================== ESTRUTURA
-----------------------------------------------------------------------------*/
* {
	font: 12px Arial, Georgia;
	margin: 0;
	padding: 0;
	border:none;
	font-weight:normal;
	
}



body {
	background:url(../image/top-bg.jpg) left top repeat-x;
}

/* Tudo */
#wrap { 
	/* Pre-definido */
	display:block;
	width:850px;
	margin: 0 auto;
}

	#top {
		margin: 3px 0 0 0;
		height:173px;
	}

	#content {
		background:url(../image/content-bg.png) left top repeat-y;
	}

	#footer {
		height:62px;
		border-bottom: 2px solid #111;
                	
background:url(../image/content-bg.png) left top repeat-y;
	}

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

/* Imagens */

img, fieldset {
	border:none;
}

h1 {
	font-size: 19px;
}

h2 {
	font-size: 16px;
	font-weight:bold;
}

h3 {
	font-size: 14px;
	font-weight:bold;
}

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:2px 0;
	padding:2px 0;
}

strong {
	font-weight:bold;
}

iframe {
}

/* link geral */
a { 
}

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

a:visited {
}

a:hover {
}

a:active {
}
span.age1 { text-decoration:none; font-weight:normal; }
table tr td tr td span.age1 { color:#555555; text-decoration:none; font-weight:normal; }
table tr td tr td table tr td a img { border:1px solid #000000; }

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

ul {
}

li {
}

/* ================================================================ FORMUL?RIOS
-----------------------------------------------------------------------------*/

form { 
}

/* 
N?o recebem atributos FONT dos elementos PAIS
*/
input, textarea, select {
	margin:2px 0;
	padding: 3px;
}

/* ==================================================================== 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{
	float:left;
	position:absolute;
	margin:0 0 0 0;
}

#top #menu{
	float:left;
	position:absolute;
	margin:54px 0 0 363px;
	background: url(../image/menu-bg.jpg) left top no-repeat;
	border:2px solid #cac4b2;
	width:484px;
	height:115px;
}


#top #login{
	float:left;
	position:absolute;
	margin:0 0 0 312px;
	width:540px;
	height:50px;
	background:url(../image/login-bg-logado.jpg) left top no-repeat;
}

#content #column-center {
	width: 522px;
	float: left;
	padding-top:10px;
}

#content #column-right {
	width: 325px;
	float: left;
}
#content #column-right-menor {
	width: 200px;
	float: left;

}
#content #column-right-menor img{margin-right:5px;}
#content #column-right-menor2 {
	width: 144px;
	float: left;
	padding-left:5px;
}

#footer #copyright {
	float:left;
	position:absolute;
	margin: 0px 0 10px 20px;
	font-size:10px;
}

#footer #by-itarget {
	float:left;
	position:absolute;
	margin: 0px 0 0 750px;
	font-size:10px;
}

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

.clear {
	clear:both;
}

.padding-10 {
	padding: 10px;
}

.padding-center{
	width:495px;
	padding: 20px 0 20px 20px;
}

.padding-right{
	width:300px;
	padding: 20px 0 0px 20px;
	
}


.box {
	width:240px;
	height:85px;
	float:left;
	
}

.banner-transition {
	border: solid #CCCCCC 2px;
	width:470px;

}

.banner-static {
	border: solid #CCCCCC 2px;
	width:470px;
	height:150px;
	

}

.noticia {
	display:block;
}

.age1 {  font-family: Arial; font-size: 12px; font-style: none; color:#000000; background-color: #;}
.age1:hover { text-decoration: none; color:#000000; background-color: #}


.bordaBox {bbackground: ttransparent; width:48%; float:left;}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {display:block; overflow:hidden; font-size:1px;}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {height:1px;}
.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {background:#DDDCC7; border-left:1px solid #DDDCC7; border-right:1px solid #DDDCC7;}
.bordaBox .b1 {margin:0 5px; background:#DDDCC7;}
.bordaBox .b2 {margin:0 3px; border-width:0 2px;}
.bordaBox .b3 {margin:0 2px;}
.bordaBox .b4 {height:2px; margin:0 1px;}
.bordaBox .conteudo {padding:10px;display:block; background:#DDDCC7; border-left:1px solid #DDDCC7; border-right:1px solid #DDDCC7;}


.bordaBox2 {bbackground: ttransparent; width:48%; float:left;}
.bordaBox2 .b1, .bordaBox2 .b2, .bordaBox2 .b3, .bordaBox2 .b4, .bordaBox2 .b1b, .bordaBox2 .b2b, .bordaBox2 .b3b, .bordaBox2 .b4b {display:block; overflow:hidden; font-size:1px;}
.bordaBox2 .b1, .bordaBox2 .b2, .bordaBox2 .b3, .bordaBox2 .b1b, .bordaBox2 .b2b, .bordaBox2 .b3b {height:1px;}
.bordaBox2 .b2, .bordaBox2 .b3, .bordaBox2 .b4 {background:#F0EFDC; border-left:1px solid #F0EFDC; border-right:1px solid #F0EFDC;}
.bordaBox2 .b1 {margin:0 5px; background:#F0EFDC;}
.bordaBox2 .b2 {margin:0 3px; border-width:0 2px;}
.bordaBox2 .b3 {margin:0 2px;}
.bordaBox2 .b4 {height:2px; margin:0 1px;}
.bordaBox2 .conteudo {padding:10px;display:block; background:#F0EFDC; border-left:1px solid #F0EFDC; border-right:1px solid #F0EFDC;}


.bordaBox3 {bbackground: ttransparent; width:48%; float:left;}
.bordaBox3 .b1, .bordaBox3 .b2, .bordaBox3 .b3, .bordaBox3 .b4, .bordaBox3 .b1b, .bordaBox3 .b2b, .bordaBox3 .b3b, .bordaBox3 .b4b {display:block; overflow:hidden; font-size:1px;}
.bordaBox3 .b1, .bordaBox3 .b2, .bordaBox3 .b3, .bordaBox3 .b1b, .bordaBox3 .b2b, .bordaBox3 .b3b {height:1px;}
.bordaBox3 .b2, .bordaBox3 .b3, .bordaBox3 .b4 {background:#E9E8CF; border-left:1px solid #E9E8CF; border-right:1px solid #E9E8CF;}
.bordaBox3 .b1 {margin:0 5px; background:#E9E8CF;}
.bordaBox3 .b2 {margin:0 3px; border-width:0 2px;}
.bordaBox3 .b3 {margin:0 2px;}
.bordaBox3 .b4 {height:2px; margin:0 1px;}
.bordaBox3 .conteudo {padding:10px;display:block; background:#E9E8CF; border-left:1px solid #E9E8CF; border-right:1px solid #E9E8CF;}


.bordaBox4 {bbackground: ttransparent; width:48%; float:left;}
.bordaBox4 .b1, .bordaBox4 .b2, .bordaBox4 .b3, .bordaBox4 .b4, .bordaBox4 .b1b, .bordaBox4 .b2b, .bordaBox4 .b3b, .bordaBox4 .b4b {display:block; overflow:hidden; font-size:1px;}
.bordaBox4 .b1, .bordaBox4 .b2, .bordaBox4 .b3, .bordaBox4 .b1b, .bordaBox4 .b2b, .bordaBox4 .b3b {height:1px;}
.bordaBox4 .b2, .bordaBox4 .b3, .bordaBox4 .b4 {background:#E5E4CF; border-left:1px solid #E5E4CF; border-right:1px solid #E5E4CF;}
.bordaBox4 .b1 {margin:0 5px; background:#E5E4CF;}
.bordaBox4 .b2 {margin:0 3px; border-width:0 2px;}
.bordaBox4 .b3 {margin:0 2px;}
.bordaBox4 .b4 {height:2px; margin:0 1px;}
.bordaBox4 .conteudo {padding:10px;display:block; background:#E5E4CF; border-left:1px solid #E5E4CF; border-right:1px solid #E5E4CF;}