/*
//
//	PROJETO:	    APROFEB
//	DATA:		    21/08/2008
//	DESENVOLVEDOR:	RICARDO TORRES
//	AGENCIA:		RICTORRES.NET
//
*/


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


* {
	margin:0;
	padding:0;
}

body {
	background:#fcf6c8;
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	cursor:default;
}

#site {
	width:920px;
	margin:0 auto;
	position:relative;
	border-left:7px solid #c3c3c3;
	border-right:7px solid #c3c3c3;
	padding:0 15px;
	background:#fff url('../img/site-bg.png') repeat-x;
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

.clearfix {
	display:inline-block;
} 

html[xmlns] .clearfix {
	display:block;
} 

* html .clearfix {
	height:1%;
}

a {
	color:red;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:0;
}

.clear {
	clear:both;
}

.negrito {
	font-weight:bold;
}

ul {
	list-style:none;
}

.red {
	color:red;
}

.nomargin {
	margin:0;
}

li.first {
	border:0;
}

p {
	color:#000;
}

.acenter {
	text-align:center;
}

.aleft {
	float:left;
}

.aright {
	float:right;
}

blockquote {
	padding-left: 20px;
}




/* ------------------------------------ */
/*                                      */
/*                 TOPO                 */
/*                                      */
/* ------------------------------------ */


#topo {
	width:920px;
	height:160px;
	background:url('../img/topo-bg.jpg') no-repeat;
	position:relative;
}

#topo img.logo {
	margin:20px 0 0 44px;
}

#topo img.logofono {
	position:absolute;
	bottom:0;
	right:0;
}

#topo-bottom {
	width:920px;
	height:5px;
	background:url('../img/topo-bottom-bg.png') no-repeat;
	margin-bottom:6px;
}

#topo a.webmail {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:34px;
	height:29px;
	text-indent:-10000px;
	background:url('../img/webmail.jpg') no-repeat;
}




/* ------------------------------------ */
/*                                      */
/*                 MENU                 */
/*                                      */
/* ------------------------------------ */


#menu {
	width:920px;
	height:43px;
	margin-bottom:10px;
}

#menu #left {
	float:left;
	width:7px;
	height:43px;
	background:url('../img/menu-bg.png') 0 0 no-repeat;
}

#menu #right {
	float:left;
	width:7px;
	height:43px;
	background:url('../img/menu-bg.png') 0 -43px no-repeat;
}

#menu ul#nav {
	float:left;
	width:906px;
	height:43px;
	background:url('../img/menu-bg.png') 0 -86px repeat-x;
	z-index:90;
	position:relative;
}

#menu ul#nav li {
	float:left;
	height:38px;
	z-index:1000;
	position:relative;
}

#menu ul#nav li a {
	display:block;
	float:left;				/* ie6 hack */
	height:38px;
	line-height:38px;
	color:#000;
	font-size:13px;
	font-weight:bold;
	padding:0 9px;
	background:url('../img/menu-bg.png') 0 -86px repeat-x;
}

#menu ul#nav li a:hover, #menu ul#nav li a.ativo {
	text-decoration:underline;
	background-position:0 -129px;
}

#menu ul#nav li ul.dropmenu {
	position:absolute;
	display:block;
	left:-999em;
	height:auto;
	width:213px;
	margin:0;
	padding:0 0 15px 0;
	background:none;
	overflow:hidden;
	background:url('../img/menu-dropdown.png') bottom left no-repeat !important;
	background:transparent;
}

#menu ul#nav li:hover ul.dropmenu, #menu ul#nav li.sfhover ul.dropmenu {
	left:-5px;
	top:38px;
	z-index:900; /* place it above the page content */
}

#menu ul#nav li ul.dropmenu li {
	height:25px;
	background:none;
	float:none;
	padding:0;
	line-height:normal;
}

#menu ul#nav li ul.dropmenu li a {
	display:block;
	color:#000;
	float:none;
	font-size:12px;
	font-weight:normal;
	line-height:25px;
	height:25px;
	background:none;
	margin:0 4px 0 6px;
}

#menu ul#nav li ul.dropmenu li a:hover {
	background:#ffd800;
}




/* ------------------------------------ */
/*                                      */
/*             CONTEUDO                 */
/*                                      */
/* ------------------------------------ */


#conteudo {
	margin-bottom:15px;
}

.a {
	margin-bottom:12px;
}

.bloco {
	position:relative;
}

.bloco h3 a, .bloco h2.tit a {
	color:#000;
}

.bloco h3 a:hover, .bloco h2.tit a:hover {
	text-decoration:underline;
}

.bloco h3, .bloco h2.tit {
	height:28px;
	line-height:28px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding:0 10px;
	background:url('../img/bloco-home-both.png') no-repeat;
}

.bloco .in {
	padding:7px 10px;
}

.bloco .in a.detalhes {
	text-align:right;
	display:block;
	margin-top:7px;
}

.bloco .bottom {
	height:6px;
	background:url('../img/bloco-home-both.png') no-repeat;
}

.bloco.fono .in, .bloco.eventos .in, .bloco.associado .in {
	height:50px;
}

.bloco.amarelo.fono {
	width:218px;
	float:left;
	margin-right:16px;
}

.bloco.amarelo.fono h3 {
	background-position:0 0;
}

.bloco.amarelo.fono .bottom {
	background-position:0 -28px;
}

.bloco.amarelo .in {
	background:url('../img/bloco-amarelo-in.png');
}

.bloco.verde.eventos {
	width:287px;
	float:left;
	margin-right:16px;
}

.bloco.verde.eventos h3 {
	background-position:-218px 0;
}

.bloco.verde.eventos .bottom {
	background-position:-218px -28px;
}

.bloco.verde .in {
	background:url('../img/bloco-verde-in.png');
}

.bloco.laranja.associado {
	width:383px;
	float:left;
}

.bloco.laranja.associado h3 {
	background-position:-505px 0;
}

.bloco.laranja.associado .bottom {
	background-position:-505px -28px;
}

.bloco.laranja .in {
	background:url('../img/bloco-laranja-in.png');
}

.bloco.cinza.acontece {
	width:218px;
	float:left;
}

.bloco.cinza.acontece h3 {
	background-position:-888px 0;
}

.bloco.cinza.acontece .bottom {
	background-position:-888px -28px;
}

.bloco.cinza .in {
	background:url('../img/bloco-cinza-in.png');
	min-height:250px;
}

.bloco.cinza .in div {
	margin-bottom:10px;
	border-top:1px dashed #aaa;
	padding-top:7px;
}

p.data {
	font-weight:bold;
	font-size:10px;
}

.bloco.cinza .in h4 {
	font-weight:bold;
	font-size:12px;
}

.bloco.laranjinha.big {
	width:686px;
	float:left;
	margin-left:16px;
}

.bloco.laranjinha.big.sec {
	width:686px;
	float:left;
	margin:0 16px 0 0;
}

.bloco.laranjinha.big h2.tit {
	background-position:-1106px 0;
}

.bloco.laranjinha.big .bottom {
	background-position:-1106px -28px;
}

.bloco.laranjinha {
	position:relative;
}

.bloco.laranjinha .in {
	background:url('../img/bloco-laranjinha-in.png');
	min-height:250px;
	position:relative;
}

.bloco.laranjinha .in p {
	margin-bottom:8px;
	background:url('../img/bloco-laranjinha-in.png');
}

.bloco.laranjinha.big .in .acontece h3 {
	font-weight:bold;
	font-size:13px;
}

.bloco.laranjinha.big .in .acontece div {
	padding:15px 0;
	border-top:1px dashed #aaa;
}

.bloco.laranjinha.big .in ul.sublinks {
	list-style:disc;
	margin:15px 0 0 15px;
	font-size:16px;
}

.bloco.laranjinha.big .in ul.sublinks li {
	margin-bottom:10px;
}

.bloco.laranjinha.big .in ol {
	margin:0 0 20px 30px;
}

.bloco.laranjinha.big .in ol li {
	margin-bottom:6px;
}

.bloco form.login {
	float:left;
	margin-right:20px;
}

.bloco form.login label {
	display:block;
	float:left;
	text-align:right;
	width:40px;
	margin:0 5px 0 0;
}

.bloco form.login input {
	margin-bottom:5px;
	border:1px solid #fa0;
	font-size:11px;
	padding:1px 3px;
	width:150px;
}

.bloco form.login button {
	background:#fa0;
	color:#fff;
	border:0;
	cursor:pointer;
	font-weight:bold;
	position:absolute;
	left:215px;
	top:57px;
	width:30px;
	height:17px;
}

.bloco form#contato {
	padding:30px 0 20px 100px;
}

.bloco form#contato label.normal {
	display:block;
	float:left;
	width:100px;
	font-weight:bold;
	font-size:14px;
	margin:2px 10px 0 0;
	text-align:right;
}

.bloco form#contato label.error {
	display:block;
	font-size:12px;
	color:red;
	margin-left:110px;
}

.bloco form#contato input.textfield {
	border:1px solid #fa0;
	font-size:14px;
	padding:3px 5px;
	width:300px;
	font-family:inherit;
}

.bloco form#contato input.textfield.error {
	border-color:red;
}	

.bloco form#contato textarea {
	border:1px solid #fa0;
	font-size:14px;
	padding:3px 5px;
	width:300px;
	font-family:inherit;
}

.bloco form#contato button {
	border:0;
	font-size:14px;
	padding:3px 5px;
	width:311px;
	font-family:inherit;
	margin-left:110px;
	background:#fa0;
	color:#fff;
	font-weight:bold;
	letter-spacing:1px;
	cursor:pointer;
}

.bloco.associado p {
	text-align:right;
}



/* ------------------------------------ */
/*                                      */
/*              RODAPE                  */
/*                                      */
/* ------------------------------------ */


#rodape {
	width:900px;
	height:31px;
	background:url('../img/rodape-bg.png') no-repeat;
	padding:0 10px;
}

#rodape p {
	line-height:31px;
}