/*USO GERAL NO SITE*/
* {margin:0; padding:0; border:none; font-family:"Arial", "Trebuchet MS", "Lucida Sans", Arial, sans-serif; font-size:11px;}
body {text-align:left; position:static; background:url(../img/fundo_topo_sogirgs.gif) repeat-x;}
a {text-decoration:none; color:#000}
a:hover { text-decoration:underline;}
td, div, body {color:#333333;}
ul {list-style:none;}
li {list-style:none;}
.canvas {width:776px; margin:0 auto 0 auto;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}


/*TOPO GERAL*/
#topo { width:776px; height:223px; background:url(../img/cartola_topo_sogirgs.jpg)}
#topo h1 { display:none;}
#loginmensagem {color:#FFFFFF; font-size:10px; text-align:left; width:300px; position:absolute; left:170px; top:179px;}
#loginmensagem a {color:#FFFFFF; font-size:10px; text-decoration:underline;}
#loginmensagem a:hover {color:#333333; font-size:10px; text-decoration:underline;}
#loginmensagem h2 {color:#FFFFFF; font-size:11px; font-weight:bold;}
#loginformulario{ font-size:10px; text-align:left; width:270px; position:absolute; left:525px; top:170px;}
#logo {position:absolute; left:15px; top:50px;}
#loginformulario a {font-family:"Trebuchet MS"; font-size:10px;}
#loginformulario a img {margin:10px 1px 0 8px}
#loginformulario div {clear:both; margin:0 0 5px 0}
#loginformulario a:hover {color:#996600; font-size:10px;}
#loginformulario label {font-size:10px; display:block; float:left; text-align:right}
#loginformulario input {float:left; margin:0 5px 0 3px }
#loginformulario .msgErro {border:#996600 solid 1px; background:#FFFFCC; width:182px; text-align:center; position:absolute; top:50px; left:40px ;padding:5px 0 5px 0; font-weight:bold; font-size:10px; display:none}

/*MENU*/
#barraesquerda {width:148px; float:left;}
#menu { width:148px; top:5px; background:url(../img/fundo_menu_repete_sogirgs.gif) repeat-y;}
#menu ul {background:url(../img/fundo_menu_topo_sogirgs.jpg) no-repeat top left; }
#menu ul li {background:url(../img/separador_menu_4_sogirgs.gif) bottom left no-repeat; padding:0 0 2px 0;}
#menu ul li a {color:#533800; display:block; padding:2px 5px 3px 15px; font-size:12px}
#menu ul li a:hover {color:#281C00; background:#FFFFFF}
#menu ul #li1 {background:url(../img/separador_menu_1_sogirgs.gif) bottom left no-repeat;}
#menu ul #li2 {background:url(../img/separador_menu_2_sogirgs.gif) bottom left no-repeat;}
#menu ul #li3 {background:url(../img/separador_menu_3_sogirgs.gif) bottom left no-repeat;}
/*BANNERS*/
#banners { }
#banners img {margin: 15px 10px 0 15px;}

#meio { clear:both; width:776px; top:0;background:url(../img/fundo_barradireita.jpg) repeat-y 520px 0;}



/*CONTEUDO*/
#meio #miolo {float:left; width:372px; background:url(../img/sombra_conteudo_topo.jpg) no-repeat top left; margin-bottom:20px;}
.blocoseventos {width:350px; display:table; margin: 10px 0 5px 0; padding:0 0 0 10px;}
.blocoseventos img {margin:0 5px 5px 0; border: none; vertical-align:middle}
.blocoseventos span {margin: 0 5px 0 0}
.blocoseventos h1 { color:#996600; font-size:12px; font-weight:bold; text-transform:uppercase;}
.blocoseventos h2 { font-size:11px; font-weight:bold; text-transform:uppercase;}
.blocoseventos a { font-size:11px; font-weight:bold;}
.blocoseventos a:hover { color:#996600;}
.barrablocos {height:19px; background:url(../img/fundo_conteudo_botoes_sogirgs.jpg) right no-repeat; text-align:right; padding-right:10px; margin:10px 0 0 0; clear:both}
.barrablocos a { color:#996600; font-size:10px; font-weight:bold; text-transform:uppercase;}
.barrablocos a:hover {}
.barrablocos a img{ vertical-align:middle; margin:0 5px 0 10px}
.barrablocos a span { margin: 0 5px 0 10px;}

.blocosmiolo {width:350px; margin: 10px 0 5px 10px; display:table; padding:0 0 0 5px;}
.blocosmiolo span {font-size:10px; margin:0 5px 3px 0; display:block}
.blocosmiolo img {margin:0 5px 5px 0; border: none; vertical-align:middle}
.blocosmiolo h1, .blocosmiolo h1 a { color:#996600; font-size:12px; font-weight:bold; margin:0 0 10px 0}
.blocosmiolo h2 {font-size:15px; margin:0 0 5px 0}
.blocosmiolo a { font-size:11px;}
.blocosmiolo a span {margin:0 5px 0 0}
.blocosmiolo a:hover { color:#996600;}
.blocosmiolo .divisor {border-top:1px solid #F0F0F0; height:10px;}

.maisnoticias a {font-weight:bold}

.quadronoticia_lista {padding:3px; margin:0 0 10px 0; border-bottom:1px #CCCCCC solid}
.quadronoticia_lista h5 a {color:#996600;}
.cor {background:#FCFCFC}
.quadronoticia_lista span {font-size:10px; font-weight:normal}

.blocos {width:330px; margin:15px 0 0 21px}
.blocos textarea { width: 326px; border:#996600 1px solid; margin:0 0 10px 0}
.blocos img {margin:0 5px 5px 0; border: none; vertical-align:middle}
.blocos h1 { font-size:18px; font-weight:bold; margin:0 0 13px -1px; display:block}
.blocos h2, .blocos h2 a { color:#996600; font-size:14px; font-weight:bold; margin:0 0 5px 0;}
.blocos h2 a {text-decoration:none}
.blocos h2 a:hover {text-decoration:underline}
.blocos h3 { font-size:12px; font-weight:bold; margin-bottom:5px}

.blocos h4 { font-size:11px; font-weight:bold; margin: 0 0 10px 0}
.blocos h5 { font-size:10px; margin:0 0 2px 0}
.blocos h5 a {font-size:12px}
.blocos h6 {font-size:15px; margin:0 0 10px}
.blocos a { font-size:11px;}
.blocos ul li a span {font-size:10px}
.blocos .registro { margin: 0 0 10px 0}
.blocos p { padding: 0 0 5px 0}
.blocos a:hover { color:#996600;}
.blocos #listagemAb { margin:10px 0 10px 0}
.blocos #listagemAb a, span {margin:0 4px 0 0; font-size:14px; font-weight:bold}
.blocos #listagemAb span {color:#999999}
.blocos #atencao_associados { width:305px; border:1px solid #333333}
.blocos #atencao_associados p {font-size:10px; font-style:italic; margin:5px 0 5px 5px}
.blocos .detalhes_associado {background:#F5F5F5; border-top:#999999 1px solid; padding:10px}
.blocos .autor {margin:10px 0 10px 0;}
.blocos .autor a { text-decoration:underline}
.blocos .autor h5 {margin:3px 0 0 0}
.blocos .divisor {border-top:1px solid #dddddd; height:10px;}
.blocos .link { margin:5px 0 10px 0;}
.blocos .link img { vertical-align:middle; margin:0 5px 0 0;}
.blocos .link a {color:#333333; text-decoration:underline}

.blocos .submenu {margin: 0 0 15px 0}
.blocos .submenu img {margin:0}
.blocos .submenu li {display:inline; font-weight:bold; font-size:12px;}
.blocos .submenu li a {font-weight:normal;  font-size:12px;}


.blocos .sub_interno {margin:0 0 15px 0;}


.blocos .quadro_bloco {background:#F5F5F5; color:#666666;border:#999999 1px solid; padding:5px; font-size:11px; margin:0 0 15px 0;}
.blocos .quadro_bloco h3 { margin:0 0 5px 0; color:#666666}
.blocos .quadro_bloco h2 { margin:0 0 5px 0; color:#993366;}
.blocos .quadro_bloco p {margin:0 0 5px 0}
.blococursos h1 { font-size:16px; font-weight:bold; margin:0 0 0 -1px; display:block}
.blococursos {margin:0 0 20px 0}
.blococursos .lista li {margin:0 0 20px 0}
.blococursos .lista p {margin:8px 10px 0 0}
.blococursos .lista .datacurso {margin:0 0 5px 0; font-weight:bold;}
.blococursos .lista .descricao {margin:0 0 5px 0;}
.blococursos .detalhescidade {background:#fff; color:#666666;border:#999999 1px solid; padding:5px; line-height:110%; font-size:11px; margin:3px 0 10px 0;}
.blococursos .detalhescidade span {color:#666666;font-size:11px;}
.blococursos .inscricao { margin:5px 0 10px 0;}
.blococursos .inscricao img { vertical-align:middle; margin:0 5px 0 0;}



.galeria_direita {margin:10px 0 0 0}
.galeria_direita a, .galeria_direita span {display:block; margin:0 0 10px 20px; width:153px; line-height:100%; font-size:10px;}
.galeria_direita a:hover {color:#996600}

.btn_enviar { width:46px; height:18px; background:url(../img/btn_enviar.gif) no-repeat top right; border:none; cursor:pointer; }
.btn_buscar { width:46px; height:18px; background:url(../img/btn_buscar.gif) no-repeat top right; border:none; cursor:pointer; }
.lista {margin:3px 0 10px 0;}
.lista.home {padding:0 0 0 5px}
.lista h1 {margin:0}
.lista a {text-decoration:underline}
.lista p {margin:0; padding:0}
.lista li {margin:0 0 10px 0; padding:0 0 0 8px; background:url(../img/marcador_lista_sogirgs.gif) 0 5px no-repeat;}
.lista span {font-size:12px; font-weight:bold; text-decoration:none}
.lista li span {font-size:11px; font-weight:bold}
.lista li a:hover {color:#996600;}

.artigos li {margin:0 0 10px 0}

.data {font-size:10px; margin:10px 0 0 10px; padding:0 0 0 5px;}

.quadro_instituicao {margin:10px 0 0 0; border-bottom:1px solid #cccccc; padding-bottom:10px;}
.quadro_instituicao div div {clear:both; margin:10px 0 0 0;}
.quadro_instituicao h2 {margin:0; color:#996600;}
.quadro_instituicao h3 {margin:10px 0 3px -1px; font-size:14px}
.quadro_instituicao a {font-weight:bold}


.fotoCreditada {}
.fotoCreditada td { vertical-align:bottom}

.fotoCreditada img {border:2px solid #333333;}
.itemDownload {margin:0 0 5px 0}
.itemDownload a {color:#333333; text-decoration:underline}




/*BARRA DA DIREITA*/
#barradireita {background:url(../img/fundo_barradireita.jpg) repeat-y; width:256px; float:left;}
#barradireita h3 { color:#996600; font-size:11px; font-weight:bold; text-transform:uppercase; margin-bottom:5px;}
#barradireita a img{ margin:5px 5px 5px 0;}
#barradireita .galeria_direita img { margin:5px 5px 5px 0; border:2px solid #333333;}
#barradireita a span { margin:0 5px 0 0;}
.blocosdireita { padding:5px 5px 0 10px;}
.blocosdireita .credito {clear:both; margin:10px 0 10px 0}
.blocosdireita .credito span {font-size:11px;font-weight:normal; font-style:italic; float:left}
.blocosdireita .credito div {width:130px; float:left}
.blocosdireita a {color:#000; }
.blocosdireita span {font-size:10px; text-decoration:none}
.blocosdireita a span {font-size:10px; text-decoration:none}
.blocosdireita a:hover { text-decoration:underline;}
.blocosdireita h4 {font-size:12px;; margin:0 0 3px 0}

.blocoarquivos {margin:0 0 5px 0}

.info h6 {font-size:11px;}
.info span { font-size:10px; display:block; margin:0 0 3px 0}
.info a {font-size:11px; color:#333333}
.info p {}

.destaque_lateral {padding:10px;}
.destaque_lateral .quadro_lateral { background:#F3F3F3; border:#CCCCCC 1px solid; padding:3px}

.cursos span {font-weight:normal; font-size:10px}
.cursos p {margin:0 0 5px 0}

.blocomais { margin: 5px 0 5px 0; text-align:right; height:25px}
.blocomais a { color:#996600; font-size:10px; text-transform:uppercase; text-decoration:none}
.blocomais a:hover {text-decoration:underline}
.blocomais img { vertical-align:middle; margin:0 5px 0 0;}
.blocomais.alt {text-align:left;}

/*SUBMENU ASSOCIADOS*/
.submenuassociados { position:absolute; width:370px; height:40px; top:200px; left:170px; z-index:10}
.submenuassociados div { position:absolute; top:5px;color:#996600; font-size:10px;}
.submenuassociados a { font-size:10px; font-weight:normal}
.submenuassociados a:hover { color:#996600;}
.submenuassociados .artigos { left:7px;}
.submenuassociados .documentos { left:57px;}
/*.submenuassociados .meuseventos { left:131px;}*/
.submenuassociados .boletim { left:131px;}
.submenuassociados .newsletter { left:185px;}


/*RODAPE*/
#rodape {clear:both; background:url(../img/rodape_sogirgs.jpg) no-repeat left; height:23px; width:776px; position:relative}
#rodape p {padding:4px 0 0 20px}

/*ENDERECO*/
#endereco {background: url(../img/endereco_sogirgs.jpg) no-repeat left; height:243px; width:150px; position:absolute; left:0; top:-243px; z-index:5}
#endereco * {color:#666666;}
#endereco div {position:absolute; bottom:20px; left:20px;}

/* Modal início */
		.modal_fundo { position: absolute; top: 0; left: 0; z-index: 999; background: url(../img/fundo_modal.png); }
		.modal_img_fnd { position: absolute; top: 90px; z-index: 1000; border: 15px solid #fff; }
		.span_foto { height: 0; font-size: 0; }
		.fechar_btn { position: absolute; top: -14px; right: -2px; }
/* Modal Fim */


/*FORM*/
input {font-family:"Trebuchet MS"; font-size:10px; margin-right:5px; border:#996600 solid 1px;}
.semborda { border-style:none;}
.form div {clear:both; padding:0 0 5px 0}
.form label {width:80px; float:left; font-size:]1px; text-align:right}
.form span { color:#FF3300; font-size:10px}
.input {width:200px; margin-left:5px;}


.formCadastro {}
.formCadastro .campos {clear:both; margin:0 0 10px 0}
.formCadastro .campos span {color:#FF3300; font-size:10px}
.formCadastro label {width:150px; display:block; margin:0 0 3px 0}
.formCadastro label span {color:#FF3300; font-size:11px}
.formCadastro .campo {margin:0; border:#996600 solid 1px;}
.formCadastro .checkbox {float:left;}
.formCadastro .aviso {color:#FF3300; font-size:10px; float:right}

.formCadastro .titulo {margin:7px 0 5px 0; height:20px; clear:both; padding:10px 0 0 0} 

.formCadastro .campos.dois {clear:none; float:left}

.blocosdireita label {display:block; margin:5px 0 3px 0}
.blocosdireita input {margin:0}
.blocosdireita select {width:228px; font-family:"Trebuchet MS"; font-size:10px; border:#996600 solid 1px;}

.tabela_aviso {color:#FF0000; border:1px solid #FF0000; padding:2px; margin-bottom:10px;}
.tabela_aviso td {color:#FF0000;}

.quadro_aviso_login {width:234px; padding:10px; position:absolute; z-index:5; top:223px; left:520px; background:#FFFFCC; border:1px solid #996600;}

.quadro_aviso_login span {display:block; width:48px; position:absolute; right:3px; top:3px; text-align:right}
.quadro_aviso_login span a{ font-weight:normal; font-size:10px}

.quadro_aviso_login p {margin:0 0 5px 0; font-size:11px;}

.quadro_aviso_login h3 {font-size:15px; margin:0 0 7px 0}

.quadro_aviso_login a {font-weight:bold}

.quadro_aviso_login img {position:relative; top:3px; margin:0 8px 0 0}