/*-----------------------------------------------------------------------------
versăo:	1.6
Empresa:	Itarget Tecnologia
-----------------------------------------------------------------------------*/


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

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

/* Tudo */
#wrap { 
/* Pré-definido */
	position:absolute;
	width:770px;
	margin-left:-385px;
	left:50%;
	background:#fff url(../image/bgTopoSite.jpg) repeat-x;	
}
	#top {
		margin-top:16px;
		width:770px;
		height:313px;
	}

	#content {
			background:url(../image/bgCenter.png) left top repeat-y;
	}
	
	#content #bg{
		margin-top:6px;
		background: url(../image/bgContent.gif) repeat-y;
	}

	#footer {
		height:54px;
		width:770px;
	}

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

/* Imagens */

img, fieldset {
	border:none;
}

h1 {
	color:#c85555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0 0 8px 0;
	padding:0;
}

h2 {
	color:#fff;
	font-family: Helvetica, Arial, Georgia;
	font-size: 16px;	
}

h3 {
	margin-top:-5px;
	color:#555588;
	font-family: Helvetica, Arial, Georgia;
	font-size: 14px;
	margin:0;
	padding:0;
}

iframe{
	border:none;
	width: 100%; 
	height:750px;
}

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 {
	color:#333366;
	margin:0;
	padding:0;
}
p ul{
	color:#CC3300;
}

span{
	color:cc3300;
}

#contNoticia a:link {
color:#FFFFFF;
}

a{
	color:#CC3300;
}

#contNoticia a:hover {
color:#FFFFFF;
font-weight:bold;
}
#contNoticia *{
color:#FFFFFF;
}

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

ul {
}

li {
}

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

form {
	margin:0;
	padding:0;
	color:#333366;
}

/* 
Năo recebem atributos FONT dos elementos PAIS
*/
input, textarea, select {
border:1px solid #333366;
background:#fff;
width:250px;
color:#333366;
}

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

table {
}

/* LINHA */
tr {
}

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

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


#top #menuEsq{
	float:left;
	height:313px;
	width:187px;
}
#top #menuEsq #menuTopo{
	float:left;
	height:61px;
	background:#fff;
}

#top #menuEsq #menu{
	float:left;
	width:185px;
	height:249px;
	background: #fff url(../image/menu1.jpg) repeat-y;
}

#top #menuBarra{
	height:313px;
	width:19px;
	background:url(../image/barraMenu.jpg) no-repeat;
	float:left;
}
#top #banner{
	width:191px;
	float:left;
	margin-top:8px;
	margin-left:10px;
	background-color:#fff;	
}

#top #logo{
	width:270px;
	height:313px;
	float:right;
	background:url(../image/logo.jpg) no-repeat;
	margin-right:8px;
}
#top #logo #logar{
	position:absolute;
	width:134px;
	left: 609px;
	top: 54px;
	_top: 53px;
}
#top #logo #logado{
	position:absolute;
	width:180px;
	margin:35px 0 0 70px;
	height: 59px;
	background: #e4e1ea;
	
}
#filiada p{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
#top #logo #logar input{
	font-size:10px;
	border:0;
	background:none;
	color:#69448A;
}
#top #logo #logar #user{
width:120px;
margin-bottom:9px;
}
#top #logo #logar #senha{
width:66px;
}
#top #logo #logar #btn{
width:56px;
}
#destaque{
	margin-top:110px;
	margin-left:50px;
}
#meio{
	height:5px;
	width:770px;
	background-color:#fff;
}
#barra{
	margin:0 0 6px 0;
	height:4px;
	background:url(../image/linha.gif) repeat-x;
}
#content #columnLeft {
	width:193px;
	float: left;
	background:#898BC4;
	color:#FFFFFF;
}
#content #columnLeft p{
	color:#FFF;
}
#content #columnLeft .paddingLeft h3{
	color:#fff;
	border-bottom:#000088 solid 4px;
	background:#333399 url(../image/bgTitulos.gif) repeat-x;
	padding:4px;
	margin: 0 0 5px 0;
}
#content #columnLeft h2{
	/*background:#555587;*/
	padding-top:5px 0 5px 6px;
	margin:0;
	font-size:14px;
	color:#990033;
}

#content #columnLeft #boxNot{
	margin-left:10px;
	_margin-top:18px;
}

#content #columnLeft .pad{
	padding:4px;
	color:#FFFFFF;
}
#content #columnLeft .pad a{
	color:#FFFFFF;
	text-decoration:none;
}
#content #columnLeft .pad a:hover{
	color:#fff;
	text-decoration:none;
	border-left:#fff solid 5px;
	padding-left:4px;
}

#content #columnCenter {
	width: 562px;
	float: left;
	min-height:417px;
	background:#fff5f5 url(../image/bgCont.jpg) no-repeat bottom;
	margin-left:7px;
	padding-bottom:60px;
}
#content #columnCenter h2{
	color:#333399;
	margin:-8px 0 0 0;
	padding:0;
}

#content #columnCenter #barracontent{
	width:562;
	height:6px;
	background-color:#c85555;
	_height:1px;
}
#content #columnCenter #barracontent2{
	width:562px;
	height:8px;
	background-color:#fff;
}

#content #columnCenter #boxtxt{
	margin-top:10px;
	margin-bottom:5px;
	color:#555588;	
}

#content #columnCenter #prin{
	padding:8px 10px 100px 10px;	
}

#content #columnCenter #imgMulher{
	background:url(../image/bgMulher.jpg) no-repeat;
	float:left;
	width:562px;
	height:135px;	
}

#content #columnRight {
	width: 200px;
	float: left;
}

#news{
	list-style: none; 
}

#boxesE{
	float:left;
	width:100%;
}

#boxeD{
	width:175px;
	float:left;
	overflow:hidden;
}

#boxeD h3{
	color:#fff;
	font-size: 14px;
	background:#ca5252;
	padding:2px;
}

#ajuda{
position:absolute;
margin:84px 0 0 61px;
}

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

.clear {
	clear:both;
}

.box {
	margin-right:6px;
	margin-bottom:6px;
	width:264px;
	float:left;
}
.box2 {
	margin-right:6px;
	margin-bottom:6px;
	width:100%;
	float:left;
	height:130px;
}

#columnCenter h3{
	color:#fff;
	font-size: 14px;	
	/*border:#000088 solid 1px;*/
	border-bottom:#000088 solid 4px;
	background:#333399 url(../image/bgTitulos.gif) repeat-x;
	padding:4px;
	margin: 0 0 5px 0;
}
.paddingLeft{
	color:#FFFFFF;
	width:165px;
	margin: 20px 0 20px 17px;
}
.paddingCenter{
	width:540px;
	margin: 10px 0 10px 10px;
}
.imgLeft {
	margin:0 5px 0 0;
	border:1px solid #003399;
}

