@charset "iso-8859-1";
@import "reset.css";
/* 
Design / XHTML
Autor: Gustavo Lencim
Data:  01/2009

Sindiclubes - Paraná | www.sindiclubespr.com.br
/***********************************************************************
# - COLORS
	1 - #FFFFFF		2 - #F5F7FA		3 - #C6CCE0		4 - #666666
	5 - #8E99C2		6 - #5B6DAC		7 - #4B5D9D 	8 - #1B2F74
/***********************************************************************
0 - ESTRUTURA GERAL
	0.1 - MENU
1 - HOME
	1.1 - COLUNA CENTRAL
***********************************************************************/
/***********************************************************************
	0 - ESTRUTURA GERAL
************************************************************************/

body{background:#FFFFFF url(v1/body_bg.jpg) repeat-x;font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:12px; color:#666666; line-height:20px;}

hr, .hidden{display:none;}

#irpara{font-size:1px; position:absolute; top:-20px; left:-20px;}
#irpara a{cursor:pointer; color:#252525;}

.leiamais{font-weight:bold; float:right}
.leiamais a, #noticias td p a{color:#1B2F74;  text-decoration:none; background: url(v1/noticias_icon.gif) no-repeat 0px 0px; padding:0 0 0 25px; margin:0 20px 0 0px;}
.leiamais a:hover, .leiamais a:focus, #noticias td p a:hover{color:#C6CCE0; background:url(v1/noticias_icon.gif) no-repeat -4px -22px;}

.wrap{margin:auto; margin-top:0px; width:1000px; text-align:left; border-left:0px solid #000;border-right:0px solid #000}

#logo{ float:left; margin:-1px 0}
#fone {float:right; margin:-1px 40px 0 0}

p{padding:10px 0; }

/***********************************************************************
		0.1 - MENU
************************************************************************/
#menu{ font-size:11px; text-align:center; height:30px; padding-top:5px; background:url(v1/menu_bg.jpg) repeat-x top left;}
#menu li { display:inline; margin-left:-2px; margin-right:-1px; border-right:1px solid #1B2F74; border-left:1px solid #5B6DAC; padding:7px 0px}
#menu li a {color:#FFFFFF; text-decoration:none; padding:11px 15px}
#menu li a:hover,#menu li a:focus,
#menu .active, #menu li a:hover .active{background:url(v1/menu_bg_hover.jpg) repeat-x 0 4px; color:#FFFFFF; cursor:pointer; padding:11px 15px;}

#menu .active{background:url(v1/menu_bg_active.jpg) repeat-x 0 4px; color:#1B2F74; padding:11px 15px; border:none; cursor:default}


/***********************************************************************
	1 - HOME
************************************************************************/
/***********************************************************************
	1.1 - COLUNA CENTRAL
************************************************************************/
/***********************************************************************
		1.1 - BEM VINDO / BOX
************************************************************************/
#bemvindo:hover{ cursor:pointer; color:#BBBBBB; }
#bemvindo, .box {width:460px; text-align:justify; border:0px solid #000}
#bemvindo, .box {margin:20px 0px 40px 270px;}
.box {margin-bottom:40px;}
#bemvindo{height:110px}

#bemvindo h2, .box h2 {color:#1B2F74; font-size:15px; font-weight:bold; padding:0 0 10px 0;}
#bemvindo img, .box img{float:left; border:1px solid #5B6DAC; margin:0 20px 20px 0;}
/***********************************************************************
		1.1 - BOX
************************************************************************/
.box:hover{cursor:pointer; color:#BBBBBB;}
.box img{border:none;}
.box{width:420px; background:#FFFFFF url(v1/box_bg.gif) repeat-x;  padding:0 20px}
.box_abre{width:460px; height:20px; background:#FFFFFF url(v1/box_abre.gif) no-repeat; margin:0 0 0 -20px}
.box .leiamais, .box .leiamais a{margin:0}

/***********************************************************************
		0.1 - NOTICIAS
************************************************************************/
#noticias {width:460px; margin:20px 0px 0px 270px;}
#noticias h2 {color:#FFF; font-weight:bold; font-size:16px;}
#noticias th {background:#4B5D9D; text-align:left; padding:2px 15px; border:1px solid #C6CCE0; border-top:none;}
#noticias td {text-align:left; padding:0px 15px; border:1px solid #C6CCE0; border-top:none;}
#noticias td a{font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:12px; color:#666666; line-height:20px; text-decoration:none;}
#noticias td a:hover{background:#EAECF4; font-weight:bold; color:#4B5D9D}
#noticias .noborder {border:none; padding:10px 0 0 0;}

#logado {width:165px; margin:20px 0px 0px 400px;}
#logado h2 {color:#FFF; font-weight:bold; font-size:16px;}
#logado th {background:#4B5D9D; text-align:center; padding:2px 15px; border:1px solid #C6CCE0; border-top:none;}
#logado td {text-align:left; padding:0px 15px; border:1px solid #C6CCE0; border-top:none;}
#logado td a{font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:12px; color:#666666; line-height:20px; text-decoration:none;}
#logado td a:hover{background:#EAECF4; font-weight:bold; color:#4B5D9D}
#logado .noborder {border:none; padding:10px 0 0 0;}

#logado input { font-size:12px; margin:0px 0; padding:2px 2px 2px 20px; width:130px; height:16px; border:#C6CCE0 1px solid; color:#293B7C; }
#logado input:hover {border:#9c9da0 1px solid; color:#57585a; }
#logado input:focus {border:#1B2F74 1px solid; color:#293B7C;  }

#logado .login {background: #FFFFFF url(v1/input_login_bg.jpg) no-repeat 0px 0px;}
#logado .login:hover{background:#FFFFFF url(v1/input_login_bg.jpg) no-repeat 0px -20px;}
#logado .login:focus{background:#EFF2F9 url(v1/input_login_bg.jpg) no-repeat 0px -40px;}

#logado .senha {background: #FFFFFF url(v1/input_senha_bg.jpg) no-repeat 0px 0px;}
#logado .senha:hover{background:#FFFFFF url(v1/input_senha_bg.jpg) no-repeat 0px -20px;}
#logado .senha:focus{background:#EFF2F9 url(v1/input_senha_bg.jpg) no-repeat 0px -40px;}

#logado .enviar { width:61px; height:18px; background: #FFFFFF url(v1/enviar_bt.gif) no-repeat 0px 0px; border:none; margin:10px 0 0 90px;}
#logado .enviar:hover{background:#E5F1FA url(v1/enviar_bt.gif) no-repeat 0px -20px; border:none;}
#logado .enviar:focus{background:#FFFFFF url(v1/enviar_bt.gif) no-repeat 0px -40px; border:none;}

#esqueci {width:250px; margin:20px 0px 0px 400px;}
#esqueci h2 {color:#FFF; font-weight:bold; font-size:16px;}
#esqueci th {background:#4B5D9D; text-align:center; padding:2px 15px; border:1px solid #C6CCE0; border-top:none;}
#esqueci td {text-align:left; padding:0px 15px; border:1px solid #C6CCE0; border-top:none;}
#esqueci td a{font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:12px; color:#666666; line-height:20px; text-decoration:none;}
#esqueci td a:hover{background:#EAECF4; font-weight:bold; color:#4B5D9D}
#esqueci .noborder {border:none; padding:10px 0 0 0;}

#esqueci input { width:220px; font-size:12px; border:#C6CCE0 1px solid; color:#293B7C; background: #FFFFFF url(v1/input_bg.jpg) repeat-x 0px 0px; display:block }
#esqueci input:hover{font-size:12px;border:#9c9da0 1px solid; color:#57585a; background: #FFFFFF url(v1/input_bg.jpg) repeat-x 0px -18px;}
#esqueci input:focus{font-size:12px; border:#1B2F74 1px solid; color:#293B7C; background: #FFFFFF url(v1/input_bg.jpg) repeat-x 0px -36px;}

#esqueci .enviar { width:61px; height:18px; background: #FFFFFF url(v1/enviar_bt.gif) no-repeat 0px 0px; border:none; margin:10px 0 0 160px;}
#esqueci .enviar:hover{background:#E5F1FA url(v1/enviar_bt.gif) no-repeat 0px -20px; border:none;}
#esqueci .enviar:focus{background:#FFFFFF url(v1/enviar_bt.gif) no-repeat 0px -40px; border:none;}

#noticias .bg1{background:#FFFFFF;}
#noticias .bg2{background:#F5F7FA;}
/***********************************************************************
	1.1 - COLUNA ESQUERDA
************************************************************************/
#coluna_left{float:left; margin:0px 0; width:225px;}

.area_top, .camara_top, .eventos_top, .convencao_top, .cadastros_top, .suporte_top, .parcerias_top{width:165px; height:33px; background:#FFFFFF url(v1/area_top.gif) no-repeat; margin:0 0 0 0px; color:#4B5C90; font-size:17px;  padding:7px 0 0 50px;}
.cadastros_top{background:#FFFFFF url(v1/cadastro_top.gif) no-repeat;}
.suporte_top{background:#FFFFFF url(v1/suporte_top.gif) no-repeat;}
.parcerias_top{background:#FFFFFF url(v1/parcerias_top.gif) no-repeat;}

.banner{ margin:0 0 0 13px;}
.banner img a{ border:0;}

/***********************************************************************
	1.1 - COLUNA DIREITA
************************************************************************/
#coluna_right{float:right;}
.data {font-weight:bold; display:block;}
span a, .meio a  {text-decoration:none; color:#1b2f74}
span a:hover, .meio a:hover  {text-decoration:none; color:#BBB}

.camara_top{background:#FFFFFF url(v1/camara_top.gif) no-repeat; height:43px;}
.eventos_top{background:#FFFFFF url(v1/eventos_top.gif) no-repeat;}
.meio hr{ display:block; margin:15px 0; border:1px solid #E5E9EA; border-bottom:0; border-left:0; border-right:0;}
.convencao_top{background:#FFFFFF url(v1/convencao_top.gif) no-repeat;}


/***********************************************************************
		0.1 - COLUNAS
************************************************************************/

.meio{width:158px; padding:10px 20px; border:1px solid #C6CCE0; border-top:none; border-bottom:none; margin-left:13px; color:#1B2F74  }
.meio label { font-size:11px;}
.bottom{width:215px;height:40px; background:#FFFFFF url(v1/area_bottom.gif) no-repeat; margin:0 0 0 0px;}


.meio input { font-size:12px; margin:0px 0; padding:2px 2px 2px 20px; width:130px; height:16px; border:#C6CCE0 1px solid; color:#293B7C; }
.meio input:hover {border:#9c9da0 1px solid; color:#57585a; }
.meio input:focus {border:#1B2F74 1px solid; color:#293B7C;  }

.meio .login {background: #FFFFFF url(v1/input_login_bg.jpg) no-repeat 0px 0px;}
.meio .login:hover{background:#FFFFFF url(v1/input_login_bg.jpg) no-repeat 0px -20px;}
.meio .login:focus{background:#EFF2F9 url(v1/input_login_bg.jpg) no-repeat 0px -40px;}

.meio .senha {background: #FFFFFF url(v1/input_senha_bg.jpg) no-repeat 0px 0px;}
.meio .senha:hover{background:#FFFFFF url(v1/input_senha_bg.jpg) no-repeat 0px -20px;}
.meio .senha:focus{background:#EFF2F9 url(v1/input_senha_bg.jpg) no-repeat 0px -40px;}

.meio .enviar { width:61px; height:18px; background: #FFFFFF url(v1/enviar_bt.gif) no-repeat 0px 0px; border:none; margin:10px 0 0 90px;}
.meio .enviar:hover{background:#E5F1FA url(v1/enviar_bt.gif) no-repeat 0px -20px; border:none;}
.meio .enviar:focus{background:#FFFFFF url(v1/enviar_bt.gif) no-repeat 0px -40px; border:none;}

/***********************************************************************
		0.1 - OUTROS
************************************************************************/
#rodape{margin:auto; height:13px; width:100%; color:#FFFFFF; padding:12px 0; float:left; background:url(v1/rodape_bg.jpg) repeat-x; }
#rodape #endereco{float:right; padding:0 20px 0 0;}


#menu_onde{margin:0 0 10px 0px;}
#menu_onde li{display:inline;}
#menu_onde li a{text-decoration:none; color:#1B2F74}
#menu_onde li a:hover{text-decoration:none; color:#1B2F74; background:#C0C8DE}
#content{width:680px; text-align:justify; border:0px solid #000; margin:20px 0px 20px 50px; float:left}
#content h2{color:#1B2F74; font-size:20px; padding:0 0 20px 0;}
#content h3{color:#1B2F74; font-size:14px; font-weight:bold; padding:0 0 10px 0;}
#content strong {font-weight:bold}


#coluna_left_interna{float:left; margin:170px 0px 0 -221px; width:225px; }


/***********************************************************************
		0.1 - MENU INTERNO
************************************************************************/
#menu_interno{ font-size:11px; text-align:left; width:199px; padding:20px 0; background:url(v1/menu_in_top.jpg) repeat-x top left; margin: 0 0 0 13px; }
#menu_interno li {border-bottom:1px solid #9FA8C4; border-left:1px solid #9FA8C4;  border-right:1px solid #9FA8C4;background:url(v1/menu_in_bg.jpg) repeat-x left top;}
#menu_interno li a {color:#6573A0; text-decoration:none;padding:1px 0px 1px 10px; display:block }
#menu_interno li a:hover,#menu li a:focus,
#menu_interno .active, #menu li a:hover .active{
background:url(v1/menu_in_bg_active.jpg) repeat-x left top; cursor:pointer;
}

#menu_interno .active{background:url(v1/menu_in_bg_active.jpg)repeat-x left top; color:#1B2F74;cursor:default;padding:0 0 0 20px;border-left:10px solid #515EA4}

/***********************************************************************
		0.1 - GALERIA
************************************************************************/
	#galeria {text-align:left} 
	#galeria img { border:1px solid #CCC; margin:3px}
	#galeria img:hover,#galeria img:focus{ border:3px solid #AAB0D5; margin:1px}
	
/***********************************************************************
		0.1 - LISTA NOTÍCIAS
************************************************************************/	
	#lista_noticias li{ margin-bottom:5px; padding:0 0 0 10px; list-style-position:outside; list-style-type:none; }
	#lista_noticias li a{text-decoration:none; color:#666666}
	#lista_noticias li a:hover{background:#EAECF4; font-weight:bold; color:#4B5D9D}
	
/***********************************************************************
		0.1 - FORMS
************************************************************************/	

input,textarea, input submit{margin:2px 0;}

input { width:400px; font-size:12px; border:#C6CCE0 1px solid; color:#293B7C; background: #FFFFFF url(v1/input_bg.jpg) repeat-x 0px 0px; display:block }
input:hover{font-size:12px;border:#9c9da0 1px solid; color:#57585a; background: #FFFFFF url(v1/input_bg.jpg) repeat-x 0px -18px;}
input:focus{font-size:12px; border:#1B2F74 1px solid; color:#293B7C; background: #FFFFFF url(v1/input_bg.jpg) repeat-x 0px -36px;}

textarea { width:400px; height:100px; font-size:11px; border:#C6CCE0 1px solid; color:#293B7C; font-family:Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF url(v1/textarea_bg.jpg) repeat-x 0px 0px;display:block}
textarea:hover { width:400px; height:100px;font-size:11px;border:#9c9da0 1px solid; color:#57585a;background: #FFFFFF url(v1/textarea_bg_hover.jpg) repeat-x 0px 0px;display:block}
textarea:focus{width:400px; height:100px; border:#1B2F74 1px solid; color:#293B7C; background: #FFFFFF url(v1/textarea_bg_focus.jpg) repeat-x 0px 0px;display:block}

#btnEnviar { width:auto; border:#C6CCE0 1px solid; color:293B7C; background: #FFFFFF url(v1/bt_bg.jpg) repeat-x 0px 0px;display:block }
#btnEnviar:hover{border:#9c9da0 1px solid; color:#57585a; background: #FFFFFF url(v1/bt_bg.jpg) repeat-x 0px -20px; }
#btnEnviar:focus {border:#1B2F74 1px solid; color:#293B7C; background: #FFFFFF url(v1/bt_bg.jpg) repeat-x 0px -40px; }

select{width:158px; font-size:11px; padding:1px 0 1px 5px; border:#e2e4e9 1px solid; background:#fff; color:#53618b;}

#nova input { width:200px; font-size:12px; border:#C6CCE0 1px solid; color:#293B7C; background: #FFFFFF url(v1/input_bg.jpg) repeat-x 0px 0px; display:block }
#nova input:hover{font-size:12px;border:#9c9da0 1px solid; color:#57585a; background: #FFFFFF url(v1/input_bg.jpg) repeat-x 0px -18px;}
#nova input:focus{font-size:12px; border:#1B2F74 1px solid; color:#293B7C; background: #FFFFFF url(v1/input_bg.jpg) repeat-x 0px -36px;}

/**, table, tr, td, div, span{border:1px solid #ff0000;}*/