/* 
    Document   : site
    Created on : 11/02/2009, 01:08:44
    Author     : Reginaldo Sousa
    Description:
        Estilo para o site da AFAB.
*/

/* [CONFIG GERAIS] */
*, html, body {
    margin:0;
    padding:0;
    text-decoration:none;
    list-style:none;
}

img {
    border:none;
}

/* [/CONFIG GERAIS] */

/* [TAGS] */

body {
    font-family:Arial;
    font-size:12px;
    background:#F3F3F3;
}

h3 {
    font-size:1.2em;
    color:#009149;
    margin-bottom:10px;

}

h4{
    font-size:1.1em;
    color:#4D4D4D;
    margin-bottom:3px;
}

h4.title {
    text-transform:uppercase;
    text-align:center;
    margin-bottom:10px;
    color:#666;
}

h5 {
    font-size:1em;
}

abbr {
    border-bottom:dotted 1px;
}

p, label {
    color:#808080;
    font-size:.9em;
}

p {
    margin: 0 0px 10px 0;
}

a {
    color:#333;
}

a:hover {
    text-decoration:underline;
}

/* [/TAGS] */

/* [/IDS] */

#container {
    width:977px;
    margin:0 auto;
    background:#FFF;
    padding:0 10px;
}

#container #header {
    background:url(../images/header_afab.png) no-repeat;
    padding-top:35px;
}

#container #main #nav {
    width:137px;
    background:url(../images/bg_menu.png) no-repeat;

    float:left;
    margin-right:40px;
    padding-left:63px;
    padding-top:17px;
}
#container #main #nav li {
    height:25px;
    margin-bottom:2.7px;
    margin-bottom:.21em;
}

#container #content {
    width:575px;
    float:left;
    padding-top:10px;
    margin-right:30px;
}

#container #advertise {
    width:127px;
    float:left;
    padding-left:5px;
    padding-top: 10px;
}

#footer {
    clear:both;
    background:url(../images/hr_footer.png) center top;
    background-repeat:no-repeat;
    padding:23px 0 5px 0;
    
    margin:10px 0;
    color:#4D4D4D;
    display:table;
    width:977px;
}

#footer ul {
    font-size:1em;
    float:right;
    margin-right:10px;
    padding-top:25px;
}
#footer ul li {
    display:inline;
    margin-left:20px;
}
#footer ul li a {
    color:#009149;
    font-weight:bold;
}

#footer ul li a:hover {
    border-bottom:solid 1px #009149;
    text-decoration:none;
}

#frm_search #btn_submit, .nav-search #btn_submit, #btn_submit2 {
    border:none;
    background:transparent;
    font-weight:bold;
    font-size:.9em;
    color:#808080;
    margin-left: 3px;
}

#searchcontrol {
	
}
.nav-search {
	margin-left:-55px;
}

#home-buttons {
    clear:both;
}

#home-buttons .box-p {
    float:left;
    margin-right:15px;
}

/* [/IDS] */

/* [CLASSES] */

.gal-item img {
	float:none;
}

.col-home {
    width:260px;
    float:left;
}

.col-escalacao {
    width:33%;
    float:left;
    color:#666;
}

.margin-left {
    margin-left:40px;
}

.input-text {
    border:solid 1px #A6A6A6;
    color:#666;
}

.img-destaque-home {
    margin-bottom:10px;
}

.box-p {
    width:125px;
    height:43px;
    padding:10px 0;
    background:url(../images/box_p.png) no-repeat;
    margin-bottom:10px;
    text-align:center;
	overflow:hidden;
}

.vcard {
    font-size:.9em;
    line-height:15px;
    float:left;
    margin-left:10px;
    _margin-left:5px;
}

h5.org {
  font-size:1.1em;
}

.destaques-home {
    margin-bottom:10px;
    padding-bottom:5px;
}

.destaques-home img {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}

.destaques-home p {
    clear:both;
}

.border-bottom {
    border-bottom: solid 2px #A4A4A4;
}

.page p {
    font-size:1.2em;
}

.membro-box {
    border: 2px solid #CCC;
    background:#E6E6E6;
    -moz-border-radius:5px; /* Firefox, etc */
    -khtml-border-radius:5px; /* Konqueror, etc */
    -webkit-border-radius:5px; /* Safari, Google Chrome, etc */
    -opera-border-radius:5px; /* Opera */
    padding:10px;
    display:table;
    width:95%;
    margin-bottom:15px;
}

.membro-box div.membro-logo {
    width:165px;
    height:85px;
    float:left;
    background:url(../images/box_img_membros.gif) no-repeat;
    text-align:center;
    padding:5px;
}

.membro-box div.membro-info {
    float:left;
    margin-left: 35px;
    width:335px;
    color:#808080;
}

.membro-box div.membro-info h4 {
    border-bottom: solid 2px #9A9A9A;
    color:#4D4D4D;
    margin-bottom:10px;
}

.membro-box div.membro-info h5 {
    color:#4D4D4D;
    float:left;
    clear:both;
    width:135px;
    font-size:.9em;
}

.membro-box div.membro-info span {
    color:#808080;
    display:block;
    font-size:.9em;
    
}

.membro-box div.membro-desc {
    padding-top:10px;
    _padding-top:0px;
    clear:both;
}

.membro-box div.membro-desc p {
    color:#808080;
    margin:0;
    padding:0;
}

.col-escalacao h4 {
    margin-bottom:10px;
}
.col-escalacao h5 {
    color:#008EFA;
}

.col-escalacao ul {
    margin-left:10px;
    line-height:16px;
}
.col-escalacao ul ul {
    margin-bottom:3px;
}

ul.regras {
    margin: 10px 0 0 5px;
    color:#808080;
}
ul.regras li {
    margin-bottom:5px;
}
ul.regras img {
    vertical-align:middle;
    padding:0 5px 5px 0;
}

.no-margin {
    margin:0;
}
.no-padding {
    padding:0;
}

.left {
    float:left;
    margin-right:10px;
}
.right {
    float:right;
}

.text-left {
    text-align:left;
}

.text-center {
    text-align:center;
}

.text-right {
    text-align:right;
}

.hr {
    background:#999; 
    border:solid 1px #999;
    height:2px;
}

.box-comentarios {
    background:#F2F2F2;
    margin-bottom:5px;
    color:#666;
}
.box-comentarios .coment-body {
    padding:3px 10px;
}
.box-comentarios .coment-header span {
    width:32.1%;
    float:left;
    background:#E6E6E6;
    padding:3px 0;
}
.box-comentarios .coment-header span.text-left {
    padding-left:10px;
}
.box-comentarios .coment-header span.text-right {
    padding-right:10px;
}
#coment-form label {
    font-weight:bold;
    font-size: 1.1em;
}

#coment-form .button {
    background:none;
    border:none;
}

.links-list {
    margin-left:10px;
}
.links-list a {
    color:#33f;
}

#fale-conosco label {
    font-weight:bold;
    font-size: 1em;
}

#fale-conosco .input-text {
    margin-bottom:5px;
}

#fale-conosco .button {
    background:none;
    border:none;
    margin-right:20px;
    padding-left:16px;
    _padding-left:11px;
    background:url(../images/bg_btn_ok.jpg) no-repeat;
}

.documentos .border-bottom {
    margin-bottom:5px;
    padding:5px;
}
.documentos img {
    vertical-align:middle;
}
.documentos h5 {
    color:#666;
}

.img-border {
    border:solid 1px #666;
}

.paginacao a {
    padding-left:15px;
}

.clear {
	clear:both;
}

.center {
	text-align:center;
}

.bold {
	font-weight:bold;
}

.pad-space {
    display:block;
    height:115px;
    width:115px;
    margin: 10px;
    text-align:center;
    vertical-align:middle;
}
/* [/CLASSES] */