/*
Theme Name:		SinproJF
Theme URI: 		http://www.sinproj.org.br
Version: 		2.1
Description: 	Versao 2.1 do sistema de adm do SinproJf. Visit <a href="http://www.sinproj.org.br">SinproJf</a>
Author: 		Areta do Bem
Author URI:		http://www.aretadobem.com.br
Tags:			sindicato, sinprojf, pt, lula
*/
* {
border: 	0px;
padding: 	0px;
margin: 	0px;
list-style:	none;
}
body {
font: 		13px "Trebuchet MS", Times New Roman, Times, serif;
color: 		#000;
background: #7D0000 url(img/bg.jpg) left top repeat-x;
margin: 	0px;
padding: 	0px;
text-align:	center;
}
/* ESTRUTURA */
#site {
width:		930px;
height:		auto;
padding:	0px;
margin:		0 auto;
text-align: left;
background: transparent;
}
/* ESTRUTURA >> topo */
#header {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px;
background:	#FFF;
}
#header #imgLogo {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px;
background:	#FFF;
}
#header #datahora {
width:		auto;
height:		25px;
padding:	5px 0px 0px 10px;
margin:		2px 0px 0px 0px;
background:	url(img/bg_datahora.jpg) left center repeat-x;
color:		#FFF;
}
/* ESTRUTURA >> corpo */
#main {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px;
background:	#FFF;
}
#col_left {
width:		160px;
height:		auto;
padding:	0px;
margin:		0px;
background: transparent;
float:		left;
}
#col_content {
width:		570px;
height:		auto;
padding:	0px;
margin:		0px 10px;
background: transparent;
position:	static;
float:		left;
overflow: 	hidden;
}
#col_content p{
margin-bottom: 10px;
font-size: 1.1em;
}
#col_right {
width:		160px;
height:		auto;
padding:	0px;
margin:		0px;
background: transparent;
float:		right;
}
.box_280_left {
width:		280px;
height:		auto;
padding:	0px;
margin:		0px 0px 5px 0px;
background: transparent;
float:		left;
}
.box_280_right {
width:		280px;
height:		auto;
padding:	0px;
margin:		0px 0px 5px 0px;
background: transparent;
float:		right;
}
.box_570 {
width:		570px;
height:		auto;
padding:	0px;
margin:		0px 0px 5px 0px;
background: transparent;
}
/* MAIN >> MENU */
ul.menu {
width:		auto;
height:		auto;
_height:	550px;
padding:	5px;
margin:		0px;
background: #CC2424 url(img/bg_menu.jpg) left bottom repeat-x;
display:	block;
}
ul.menu li {
padding:	0px;
margin:		0px;
font:		bold 13px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#FFF;
background:	transparent;
}
ul.menu li a,
ul.menu li a:visited,
ul.menu li a:active {
font:		bold 13px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#FFF;
text-decoration:none;
cursor:		pointer;
display:	block;
padding:	2px;
margin:		0px 0px 1px 0px;
background:	transparent;
}
ul.menu li a:hover {
font:		bold 13px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#F3F3F3;
text-decoration:none;
background:	#990000;
cursor:		pointer;
}
ul.menu li ul li {
padding:	0px;
margin:		0px 0px 0px 5px;
font:		12px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#FFF;
background:	transparent;
}
ul.menu li ul li a,
ul.menu li ul li a:visited {
font:		12px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#FFF;
text-decoration:none;
cursor:		pointer;
display:	block;
padding:	2px;
margin:		0px 0px 1px 0px;
background:	transparent;
}
ul.menu li ul li a:hover {
font:		12px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#FFF;
text-decoration:none;
cursor:		pointer;
background:	#990000;
}
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li,
* html ul.menu ul li { 
float: left; 
height: 1%; 
background:	transparent;
}
* html ul.menu li a,
* html ul.menu ul li a { 
height: 1%; 
background:	transparent;
}
/* End */

/* MAIN >> NEWSLETTER */ 
#newsletter {
width:		auto;
height:		auto;
padding:	0px;
margin:		10px 0px;
}
/* MAIN >> NOTÍCIA DESTAQUE */ 
#noticia_destaque {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px;
background:#FEEDCB url(img/bg_noticia_destaque.jpg) left bottom repeat-x;
}
.box_not_texto {
width:		48%;
height:		auto;
padding:	0px;
margin:		0px;
float:		left;
}
.box_not_img {
width:		50%;
height:		auto;
padding:	0px;
margin:		0px;
float:		left;
}
.box_not_texto img {
width:		270px;
height:		auto;
cursor:		pointer;
}
/* CAMPANHAS */
#campanhas {
background: #FFF url(img/bg_campanhas.jpg) left bottom repeat-x;
border:		1px solid #ADC0E4;
width:		158px;
height:		145px;
/*padding:	5px;*/
margin: 	0px 0px 5px 0px;
text-align:	center;
overflow:	hidden;
}
.campanha{
margin-top: 10px;
}
#campanhas h1 {
text-align:	left;
}
#campanhas #img_campanha {
width:		147px;
height:		90px;
overflow:	hidden;
}
#campanhas .legenda {
width:		auto;
padding:	2px;
margin: 	2px 0px;
background:	#FFF;
color:		#333333;
overflow: 	hidden;
}
#campanhas .legenda a,
#campanhas .legenda a:visited {
color:		#333333;
text-decoration:none;
}
#campanhas .legenda a:hover {
color:		#333333;
text-decoration:underline;
}
/* BANNERS */
#banners {
background: #FFF;
width:		auto;
height:		auto;
padding:	0px;
margin:		0px;
text-align:	center;
}
#banners img {
padding:	10px;
margin: 	5px 0px 5px 0px;
border:		1px solid #ADC0E4;
cursor:		pointer;
}
/* GALERIA */
.colunasgaleria {
width: 		30%;
height: 	190px;
border: 	none;
background: transparent;
margin: 	0px 5px 0px 0px;
padding: 	5px;
font:		11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
text-align: center;
overflow:	hidden;
float: 		left;
}
.colunasgaleria h4 {
height:		35px;
overflow:	hidden;
color:		#990000;
font-size:	12px;
font-weight:bold;
border-bottom:1px solid	#990000;
text-align:	left;
margin:		0px 0px 5px 0px;
line-height:-1px;
}
.colunasgaleria img {
background: transparent;
margin:		0px;
border:		none;
}
/* CONVÊNIOS */
.convenios {
padding:	5px;
margin:		10px 2px;
border:		1px solid #ccc;
}
.barra_fechar {
background:	#990000;
padding:	5px 0px 2px 5px;
margin:		0px 0px 5px 0px;
width:		auto;
height:		auto;
color:		#FFF;
}
.barra_fechar h2 {
color:		#FFF;
}
.barra_fechar span,
.barra_fechar span a,
.barra_fechar span a:visited,
.barra_fechar pan a:hover,
.barra_fechar h2 span a,
.barra_fechar h2 span a:visited,
.barra_fechar h2 span a:hover {
font-size:	10px;
font-weight:normal;
color:		#FFFFFF !important;
}
.barra_fechar span {
text-align:	right;
}
/* TIPOGRAFIA */
h1, h2, h3 {
padding:	0px;
margin:		0px 0px 5px 0px;
}
h1 {
font:		18px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#990000;
}
h2 {
font:		bold 16px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#990000;
}
h3 {
font:		bold 13px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#990000;
}
.amarelo, .amarelo a, .amarelo a:visited, .amarelo a:hover {
color:		#FF9900;
text-decoration:none;
}
.vermelho, .vermelho a, .vermelho a:visited, .vermelho a:hover {
color:		#990000;
text-decoration:none;
}
.azulclaro, .azulclaro a, .azulclaro a:visited, .azulclaro a:hover {
color:		#7C8EB7;
text-decoration:none;
}
.sublinhadov {
border-bottom:1px solid #990000;
}
.barra_titulo {
color:		#FFF;
height:		25px;
padding:	3px 5px 0px;
margin:		2px 0px 5px 0px;
background:	#CC2424 url(img/bg_barra_titulo.jpg) left bottom repeat-x;
border:		1px solid #990000;
}
#col_content a,
#col_content a:visited {
color:		#990000;
text-decoration:none;
}
#col_content a:hover {
color:		#999;
text-decoration:none;
}
/* 
classe para links, 
favor declarar no a (exemplo: <a href="link" class="externo">texto</a>
obrigada
link_externo: para quando o link abrir em outra página.
*/
#col_content a.externo,
#col_content a:visited.externo {
padding:	0px 10px 0px 0px;
color:		#990000;
text-decoration:none;
cursor:		pointer;
background:	transparent url("img/external.gif") right  no-repeat; 
}
#col_content a:hover.externo {
text-decoration:none;
color:		#999;
}
/* GERAL */
ul.lista_geral {
width:		auto;
height:		auto;
padding:	5px;
margin:		0px;
}
ul.lista_geral li {
padding:	0px;
margin:		0px 0px 1px 0px;
border-bottom:1px dashed #ccc;
}
ul.lista_geral li a, 
ul.lista_geral li a:visited {
padding:	5px;
margin:		0px;
display:	block;
color:		#333333 !important;
text-decoration:none;
}
ul.lista_geral li a:hover {
color:		#333333;
text-decoration:none;
background:	#f3f3f3;
}
ul.lista_geral li span.chapeu {
font-weight:bold;
color:		#990000;
}
ul.lista_geral li cite {
padding:	0px;
margin:		0px 3px 0px 0px;
font-size:	9px;
color:		#666666;
}
.barra_acao {
width:		auto;
height:		auto;
padding:	5px 5px 3px 5px;
margin:		10px 0px;
background:	#f3f3f3;
border:		1px solid #d4d4d4;
text-align:	right;
}
.barra_acao img {
padding:	0px 5px;
border:		none;
cursor:		pointer;
}
.img_sinpro {
border:		none;
padding:	0px;
margin:		0px 0px 3px 3px;
float:		right;
}
/* Fix IE. Hide from IE Mac \*/
* html ul.lista_geral li{ 
float: left; 
height: 1%; 
}
* html ul.lista_geral li a { 
height: 1%; 
}
ul.ultimas-noticias li{
width: 48%;
float: left;
margin-left: 1%;
height: 136px;
overflow: hidden;
}
/* End */



.clear {
clear:		both;
font-size:	1px;
height:		1px;
padding:	0px;
margin:		0px;
}
.sucesso {
font:		bold 11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:		#006600;
}
.erro {
font:		bold 11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:		#CC0000;
}
p {
padding:	0px;
margin:		0px 0px 1px 0px;
}
/* FORMULÁRIOS */
fieldset {
width:		auto;
height:		auto;
border:		1px solid #ccc;
padding:	10px;
margin:		10px 0px;
}
legend {
padding:	0px 5px;
margin:		0px;
font:		bold 14px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#999999;
}
label {
width:		auto;
height:		auto;
text-align:	right;
padding:	0px;
margin:		5px 3px 0px 0px;
}
label.formcontt {
width:		130px;
height:		auto;
text-align:	right;
padding:	0px;
margin:		5px 3px 0px 0px;
float:		left;
}
input {
font:		12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:		#333;
width:		auto;
height:		20px;
padding:	5px;
margin:		0px 3px 10px 0px;
background:	#F5F5F5 url(img/bg_input_form.jpg) left bottom repeat-x;
border:		1px solid #CCC;
}
input.submit{
height: 35px;
}
textarea {
font:		12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:		#333;
width:		auto;
height:		auto;
padding:	5px;
margin:		0px 3px 10px 0px;
background:	#F5F5F5 url(img/bg_input_form.jpg) left bottom repeat-x;
border:		1px solid #CCC;
}
select {
font:		12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:		#333;
width:		auto;
height:		auto;
padding:	5px;
margin:		0px 3px 10px 0px;
background:	#F5F5F5 url(img/bg_input_form.jpg) left bottom repeat-x;
border:		1px solid #CCC;
}
input.form_amarelo {
font:		12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:		#333;
width:		auto;
height:		20px;
padding:	5px;
margin:		0px 3px 10px 0px;
background:	#FFF url(img/bg_input.jpg) left bottom repeat-x;
border:		1px solid #FFCC00;
}
.radio {
padding:	0px;
margin:		3px 2px 0px 0px;
vertical-align: middle;
background:	transparent;
border:		none;
}
.ok_form {
font:		bold 13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:		#FFF;
width:		auto;
height:		25px;
padding:	0px 5px;
margin:		0px;
background:	#CCC url(img/bg_submit_form.jpg) left bottom repeat-x;
border:		1px solid #666;
cursor:		pointer;
}

.ok_form_amarelo {
font:		bold 13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:		#FFF;
width:		auto;
height:		25px;
padding:	0px 5px;
margin:		0px;
background:	#FF9900 url(img/bg_submit.jpg) left bottom repeat-x;
border:		1px solid #FF9900;
cursor:		pointer;
}
/* ESTRUTURA >> rodape */
#footer {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px;
background:	#CCC;
}
ul.menu_rodape {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px;
}
ul.menu_rodape li {
display:	inline;
}
ul.menu_rodape li a,
ul.menu_rodape li a:visited {
padding:	0px 5px;
margin:		0px 5px 0px 0px;
color:		#000;
text-decoration:none;
cursor:		pointer;
border-right:1px solid #000;
border-left: 1px solid #000;
}
ul.menu_rodape li a:hover {
color:		#333;
text-decoration:none;
cursor:		pointer;
border-right:1px solid #333;
border-left: 1px solid #333;
}
/* PARA POP UP */
#popup {
top:		420px;
left:		30%;
/*margin: 	-90px 0 0 150px;
*margin: 	-90px 0 0 -610px;/*IE lixo*/
position: 	absolute;
z-index: 	100;
cursor: 	pointer;
}
#closepop {
top:		425px;
left:		60%;
/*margin: 	-55px 0 0 605px;
*margin: 	-65px 0 0 -185px; /*IE lixo*/
position: 	absolute;
z-index: 	110;
cursor: 	pointer;
}
.list-all{
margin-left: 85%;
}
.gallery img{
border: none !important;
}
.img-gallery li{
width: 33%;
float: left;
}

h2.alert{
background: #CCC;
padding: 0 6px;
color: #000;
text-align: center;
}