﻿/*GERAL*/

* {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

body {
    text-align: center;
	margin-top:10px;
	background-image: url(../img/bg-infinito.png);
	background-repeat:repeat-x;
}

img {
	border: 0px;
}

h1 {
	color:#f6901e;
	font-size:150%;
}

h2 {
	color:#f6901e;
	font-size:120%;
}

h3 {
	color:#f6901e;
	font-size:120%;
	margin-bottom:-16px;
}

#listaObjetivos li{
	margin-left:50px;
	width:500px;
	list-style-type: none;
	margin-bottom:14px;
	text-align: justify;
}

#container{
	width:980px;
	margin: 0 auto;
	text-align:left;
}

#menu{
	width:980px;
	text-align:center;
	padding-top:2px;
	background-repeat:repeat-x;
	background-position: 0px 2px;
}

#menu img{
	float:left;
	margin-left:50px;
}

#contato{
	position:relative;
	@top:-5px;
	width:980px;
	height:31px;
	clear:both;
	background-color:#ec9b31;
	text-align:center;
	padding-top:7px;
	@padding-bottom:7px;
	margin-bottom:30px;
	font-size:9px;
	color:#fff;
}

.borda-875 {
	position:relative;
	height:10px;
	background-image:url(../img/borda-875.png);
	background-repeat:no-repeat;
}

.sombra-875 {
	width:875px;
	padding-bottom:25px;
	background-image:url(../img/sombra-875.png);
	background-position: bottom;
	background-repeat:no-repeat;
	background-color:#F5F5F5;
}

.sombra-interna {
	width:875px;
	padding-bottom:50px;
	margin-bottom:40px;
	background-image:url(../img/sombra-interna.png);
	background-position: bottom;
	background-repeat:no-repeat;
	background-color:#F5F5F5;
}


.borda-285 {
	position:relative;
	width:285px;
	height:10px;
	background-image:url(../img/borda-285.png);
	background-repeat:no-repeat;
}

.sombra-285 {
	width:285px;
	padding-bottom:40px;
	background-image:url(../img/sombra-285.png);
	background-position: bottom;
	background-repeat:no-repeat;
	background-color:#F5F5F5;
}

.borda-555 {
	position:relative;
	width:555px;
	height:10px;
	background-image:url(../img/borda-555.png);
	background-repeat:no-repeat;
}

.sombra-555 {
	width:555px;
	padding-bottom:40px;
	background-image:url(../img/sombra-555.png);
	background-position: bottom;
	background-repeat:no-repeat;
	background-color:#F5F5F5;
}

.direita{
	text-align:right;
	padding-right:4px;
	vertical-align: top;
}

.centro{
	text-align:center;
	vertical-align: top;
}

li{
	margin-left:30px;
	list-style-type: none;
}

/*HOME.HTML*/
	#banner {
  display: none;
  position: absolute;
  top: 390px;
  left: 25%;

}

#banner.aberto {
  display: block;
}
#index-topo{
	position:relative;
	@left:51px;
	margin:0 auto;
	margin-top:-10px;
	margin-bottom:30px;
	text-align:center;
	background-color:#F5F5F5;
}

#index-container{
	position:relative;
	@left:51px;
	width:875px;
	margin: 0 auto;
}

#index-esquerdo{
	position:relative;
	float:left;
	padding-bottom:50px;
	margin-bottom:20px;
}

#index-esquerdo-login{
	position:relative;
	@left:40px;
	width:200px;
	padding:10px 10px 10px 10px;
	border: 1px solid #ddd;
	margin: 0 auto;
	color:#555;
	font-size:90%;
	background-color:#fff;
	margin-bottom:30px;
}

#index-esquerdo-login td {
	text-align:right;
}

#index-esquerdo h2{
	padding: 10px 20px 10px 20px;
}

#index-esquerdo p{
	padding: 10px 25px 10px 20px;
}

.split{
	color:#fff;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	margin:5px;
}

form {
	font-size:11px;
}

input {
	border:1px solid #ddd;
	color:#555;
	height:20px;
	width:120px;
	margin-left:6px;
	margin-bottom:2px;
	font-size:90%;
	background-color:#eee;
}

.enviar {
	width:50px;
}

#mais{
	text-align:right;
	color:#555;
}

#mais a{
	color:#555;
	text-decoration:none;
}

#mais a:hover{
	text-decoration:underline;
	color:#000;
}

#index-direito{
	position:relative;
	float:right;
	margin-bottom:20px;
}

#index-direito h2{
	padding: 30px 20px 10px 20px;
}

#index-direito p{
	padding: 10px 25px 10px 20px;
	line-height:180%;
	text-align: justify;
}

#banners {
	width:555px;
	text-align:center;
}

#banners img {
	margin:3px;
}

body {
	font-size: 125%;
}

#forum{
	margin-left:10px;
}



/*INTERNAS*/

#interna-container{
	position:relative;
	margin:0 auto;
	@left:51px;
	margin-bottom:30px;
}

#texto{
	width:855px;
	margin-top:12px;
	padding:0 10px 10px 10px;
}

#texto p{
	padding-top:15px;
	text-align:justify;
}

#texto a{
	font-weight:bold;
	text-decoration:underline;
	color:#000;
}

.margportarias{
	margin-left:10px;
}

.aviso{
	color:#F00;
}

#lista li{
	margin-left:30px;
	list-style-type: none;
}
#noticia {
	text-align: justify;
}
#noticia a{
	text-decoration: none;
	color:#000;
	font-weight:normal;
}

#noticia a:hover{
	text-decoration:underline;
}
/*resizer*/

#resize {
	position:absolute;
	z-index:1;
	top:10;
	width:920px;
	text-align:right;
	color:#555;
}

#resize img {
	position:relative;
	top:5px;
	margin-left:3px;
}


/*CONTATO.PHP*/

.mensagem {
	width:500px;
	height:200px;
	border:1px solid #ddd;
	color:#555;
	margin-left:6px;
	margin-bottom:2px;
	background-color:#eee;
}

#tabelaContato {
	margin: 0 auto;
}


/*SCRIPT DO MENU*/

.basictab {
position:relative;
top:95px;
@top:95px;
/*margin: 4px;*/
/*padding: 4px 0;*/
margin-right: 50px;
font: bold 12px Arial;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.basictab .tabitem a{
text-decoration: none;
padding: 7px 7px;
margin-right: 3px;
color:#FFF;
}

.basictab .tabitem {
position:relative;
line-height:28px;
@line-height:25px;
border: none;
padding:0;
margin:0;
@top:-3px;
padding-left:15px;
padding-top:11px;
@padding-top:4px;
padding-bottom:22px;
margin-left:20px;
background-image: url(../img/menu-logo.gif);
@background-image: url(../img/menu-logo-ie.gif);
background-position:0px 0px;
background-repeat:no-repeat;
height:37px;
z-index:10;
}

.basictab .tabitem a:visited{
color: #FFF;
}

.basictab .tabitem a:hover, .basictab .tabitem a.current{
/*background-color: #c37f2e;*/
color: #FFF;
}

.basictab .tabitem a:active{
color: black;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
/*height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
height:50px; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
z-index:10;
}

.tabcontent{
position:relative;
left:50px;
@left:0;
width:875px;
height:25px;
@height:32px;
display:none;
padding-top:9px;
text-align:right;
background-color:#f8f1e7;
}

.tabitem{
display:inline;
position:relative;
right:0px;
list-style-type: none;
padding: 8px 10px 8px 10px;
text-align:center;
font-size:11px;
}

/*.basictab .tabitem{
right:40px;
}*/

.tabitem a{
text-decoration: none;
padding: 7px 7px;
margin-right: 0px;
}

.tabcontent .tabitem a{
text-decoration: none;
padding: 7px 7px;
margin:0;
margin-right: -10px;
@margin-right:-10px;
position:relative;
}

/*.tabitem :hover{
background-color:#f1e5d1;
}*/

.tabcontent .tabitem a{
font-size:11px;
color:#000;
text-decoration:none;
}

.tabcontent .tabitem a:hover{
color:#000;
font-weight:bold;
background-color:#f1e5d1;
}


/*ASSOCIADOS.PHP*/

#associadosLinks{
	margin:30px;
	margin-left:30px;
	margin-right:30px;
	background-color:#eee;
	padding:20px;
}

#associadosLinks a{
	text-decoration:none;
}

#associadosLinks a:hover{
	text-decoration:underline;
	color:#f6901e;
}

#associadosLista{
	margin-left:30px;
}

#associadosLista h2{
	height:5px;
	font-size:120%;
}


/*ÁREA RESTRITA*/
#menuRestrita #tab{
width:900px;
top:-35px;
right:-75px;
@left:75px;
position: relative;
}

#menuRestrita .tabcontainer{
margin-top:-30px;
@margin-top:-52px;
@right:-50px;
}

#menuRestrita img{
position:relative;
top:2px;
}

#opcoesRestrita{
position:absolute;
width:970px;
z-index:2;
top:88px;
text-align:right;
font-weight:bold;
}

#opcoesRestrita a{
text-decoration:none;
color: #000;
}

#opcoesRestrita a:hover{
text-decoration: underline;
color: #f6901e;
}


/**/

#login{
	margin-left:300px;
	@margin-left:250px;
}

#login td{
	padding-left:10px;
}

#login input{
	margin:0;
	padding:0;
	left:0;
}

.botaoPq{
	width:60px;
	height:25px;
	font-weight:bold;
}



/*CADASTRO.PHP*/

#mensalidadeTabela{
margin-left:100px;
}

.cadastroMensalidade select{
border:1px solid #ddd;
}

.instituicoes{
width:400px;
}

.tipoMensalidade{
width:100px;
}

.cadastrarMensalidade{
width:200px;
margin-left:80px;
}

.anistia{
margin-right:10px;
vertical-align: center;
width:6px;
height:6px;
border:1px solid #ddd;
}



/*EXTRATO.PHP*/

#extratos{
	margin-top:30px;
	margin-left:50px;
	background-color:#fff;
}

#extratosTitulos{
	font-weight:bold;
	background-color:#fffff0;
	text-align:center;
}

.vermelho{
	color:#f00;
}

.verde{
	color:#0c0;
}

.azul{
	color:#00c;
}

.extratosDesc {
	padding-left:20px;
}

.extratosCenter {
	text-align:center;
	font-weight:bold;
}


/*LISTAR.PHP*/

.buscarMensalidade{
	width:380px;
	margin:10px;
	height:50px;
	font-size:200%;
	font-weight:bold;
}

#extratos a{
	font-weight:normal;
	text-decoration:none;
}

#extratos a:hover{
	font-weight:bold;
	text-decoration:underline;
}


/*CADASTROUSUARIO.PHP*/

#regUsr {
	margin-left:50px;
}

#regUsr input{
	margin-left:0px;
	padding-left:2px;
	font-size:90%;
}

#regUsr textarea{
	margin-left:0px;
	padding-left:2px;
	width:500px;
	height:100px;
	border:1px solid #ddd;
	color:#555;
	font-size:90%;
	background-color:#eee;
}

#regUsr select{
	margin-left:0px;
	width:150px;
	border:1px solid #ddd;
	color:#555;
	font-size:90%;
	background-color:#eee;
}

.longInput{
	width:500px;
}

.gravar{
	font-weight:bold;
	height:30px;
	width:200px;
	font-size:150%;
	margin-left:100px;
}

.gravarSpacer{
	padding-left:280px;
}




#usuarios{
	margin-top:30px;
	margin-left:50px;
	background-color:#fff;
}

#usuariosTitulos{
	font-weight:bold;
	background-color:#fffff0;
}

#usuariosTitulos td{
	padding-left:50px;
}

#usuarios a{
	font-weight:normal;
	text-decoration:none;
}

#usuarios a:hover{
	font-weight:bold;
	text-decoration:underline;
}

#deletarUsuario{
	border:0;
	text-align:center;
}

#deletarUsuario a{
	font-weight:bold;
	color:#F00;
	padding:2px;
}

#deletarUsuario a:hover{
	text-decoration:none;
	background-color:#F33;
	color:#FFF;
}


