@charset "utf-8";
body {
	font:400 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height:normal;
	color: #555;
	}

/* ################## */
#sidebar-oo { 
position:fixed; top:103px; right:0px; height:209px; width:30px; padding:0; border:0; margin:0; z-index:1;
background: url('../imagens/sidebar-oo/sidebar-oo-base.png') no-repeat right top;
}
#sidebar-oo div { height:23px; width:23px; padding:0px; border:0;
}
#sidebar-oo #oo-org  { margin:4px 1px 1px 5px; background: url('../imagens/sidebar-oo/sidebar-oo-org2.png') no-repeat; }
#sidebar-oo #oo-pt, #sidebar-oo #oo-net, #sidebar-oo #oo-tel { margin:1px 1px 1px 5px; cursor:pointer; }

/*#sidebar-oo #oo-org:hover { background: url('http://www.oesteonline.org/imagens/sidebar-oo/sidebar-oo-org2.png') transparent no-repeat scroll center center; }*/
#sidebar-oo #oo-pt:hover { background: url('../imagens/sidebar-oo/sidebar-oo-pt2.png') no-repeat; }
#sidebar-oo #oo-net:hover { background: url('../imagens/sidebar-oo/sidebar-oo-net2.png') no-repeat; }
#sidebar-oo #oo-tel:hover { background: url('../imagens/sidebar-oo/sidebar-oo-tel2.png') no-repeat; }

/*#preload-img { display:none }*/
#preload-img01 { background: url('../imagens/sidebar-oo/sidebar-oo-pt2.png') no-repeat; display: none; }
#preload-img02 { background: url('../imagens/sidebar-oo/sidebar-oo-net2.png') no-repeat; display: none;  }
#preload-img03 { background: url('../imagens/sidebar-oo/sidebar-oo-tel2.png') no-repeat; display: none; }
/* ################## */

.progress, .caixa, .pagination a.number {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	}

.wrapper {
	margin: 0px auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 930px;
	}

a {color: #000; text-decoration: underline; }
a:hover {color: #0AC200; text-decoration: none; }

#mygallery a {color: #ccc; text-decoration: none; }

h1 {font-size: 24px; color: #ccc; }
h2 {font-size: 18px; color: #000; }
.sidemenu h2, .celulaimagem h2 { font-size: 18px; color: #bbb; display:block; margin-left:7px; }
.celulaimagem h2 { font-size: 18px; color: #bbb; display:block; margin-left:7px; }
h3 {font-size: 15px; color: #333; }
h4 {font-size: 12px; color: #666; font-weight:200; }
h5 {font-size: 10px; color: #999; line-height: 1em; font-weight:200; }
.agenda h5 {font-size: 10px; color: #0AC200; line-height: 1em; font-weight:400; padding-bottom:12px; }
.artigo h5 {font-weight:400; padding-bottom:12px; }

.legenda {display:block; clear:both; text-align:center; }

.apr-seccao { line-height: 1.9em; text-align:justify; font-size: 12px; font-weight:500; }
.artigo { line-height: 1.7em; text-align:justify; font-size: 12px; font-weight:300; }
.lead { line-height: 1.9em; text-align:justify; font-size: 12px; font-weight:700; }
.caixa { line-height: 1.6em; text-align:justify; font-size: 12px; font-weight:200; }
.artigo strong, .apr-seccao strong { font-weight:600 }
/*----Text styling / Paragraphs-----*/

.panelp {color: #8c8683; font-size: 12px;} /*Class for paragraphs inside a panel slider */


.tabelaimagem { padding:0px 17px 10px 0px; border:0px; }
.tabelaimagemseccao { padding:0px 17px 10px 0px; border:0px; }
.celulaimagem { text-align:center; }
.lupa { position:absolute; text-align:right; padding:3px; width:15px; height:15px; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; border:0px !important; }
.lupa:hover { filter:alpha(opacity=99); -moz-opacity:0.99; opacity:0.99;}

.tabelaimagem img, .sidemenu img { border:1px #e1e1e1 solid; padding:1px; }
.galeria { display:inline-block; margin:5px; padding:5px; border:1px #ccc solid; }

blockquote {
  background: url(../imagens/quote1.gif) left top no-repeat;
}
blockquote p {
	display:inline-block;
  padding: 0 60px;
  background: url(../imagens/quote2.gif) right bottom no-repeat;
  font-style: italic; font-weight:700; font-size:12px; color:#6d6d6d;
}

.listitem li {
	padding-left: 15px;
	margin-left: 4px;
	background: url(../imagens/listitem.gif) no-repeat left ;
}

/*---------------Header Part----------------*/
	
#bigheader {
	height: 400px;
	background: #000 url(../imagens/home.jpg) no-repeat center top;
	overflow: hidden;
	}

#smallheader {
	height: 105px;
	background: #000 url(../imagens/home.jpg) no-repeat center top;
	overflow: hidden;
	}

#logo {
	float: left;
	width: 465px;
	height: 86px;
	padding-top: 10px;
	/*overflow: hidden;*/
	}

#logocenter {
	width: 900px;
	padding-top: 150px;
	text-align: center;
}

/*#logoleft {
	width: 930px;
	padding-top: 150px;
	text-align: left;
}*/
	
/*#togglegallery {
	float: right;
	width: 70px;
	height: 55px;
	overflow: hidden;
	padding-top: 45px;
}*/

	/*-------Search-------*/
	#right {
		float: right;
		width: 250px;
		overflow: hidden;
		height: 60px;
		padding-top: 43px;
	}
	
	.search input, .search button {
		border: none;
		float: left;
	}
	
	.search input.box {
		color: #555;
		border: 1px solid #666;
		width: 150px;
		height: 15px;
		padding: 2px 5px;
		background: url(../imagens/bg_1.jpg);
		margin-right: 7px;
	}
	
	.search input.box:focus {
		border: 1px solid #000;
	}
	
	.search button.btn {
		width: 60px;
		height: 22px;
		cursor: pointer;
		text-indent: -9999px;
		background: url(../imagens/search2.png);	
	}
	
	.search button.btn:hover {
		background: url(../imagens/searcha2.png);	
	}

/*---------------Content Part----------------*/

#contentpart {
	border-top: 1px solid #fff;
	background: #fff  url(../imagens/bg_1.jpg) repeat-x;
	}

#content {
	clear: both;
}

.title {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.pesquisa-item {
	border-bottom: 1px solid #e9e9e9;
	padding: 5px;
	margin-bottom: 5px;
	vertical-align:baseline;
}
.pesquisa-info {
	margin-bottom: 10px;
}

	

		/*---------------Menu----------------*/
		
		.menu {
			float: left;
			height: 50px;
			margin-bottom: 30px;
			list-style: none;
			}
		
		.menu li {
			float: left;
			}
		
		.menu li a{
			float: left;
			color: #666;
			text-decoration:none;
			display: block;
			padding-left: 15px;
			padding-right: 15px;
			height: 36px;
			padding-top: 23px;
			min-width: 35px;
			text-align: center;
			}
		
		.menu li a:hover{
			background: #c7c7c7;
			color: #fff;
			}
		
		.menu li.current a {
			background: #0AC200;
			color: #fff;
			}
			
		#arrow {
			clear: both;
			height: 39px;
			padding-left: 750px;
			overflow: hidden;
		}
			
					/*---------------3 Column Layout (3 equal columns)----------------*/
					
					#column1 {
						float: left;
						width: 280px;
					}
					
					#column2 {
						float: left;
						width: 280px;
						margin-left: 45px;
						margin-right: 45px;
					}
					
					#column3 {
						float: left;
						width: 280px;
					}
					
					/*---------------2 Column Layout (with small sidebar)----------------*/
					
					#main {
						float: left;
						width: 585px;
					}
					
					#sidebar {
						float: left;
						width: 300px;
						margin-left: 45px;
					}
					
							/*---------------Sidebar menu----------------*/
																		
							table #sidemenu-list {
								/*border-collapse: collapse;*/
								/*font-weight:200;
								line-height:normal;*/
								margin: 0; padding: 0;
								}
															
							#sidemenu-list tr {
								background-color: #fff;
								border-bottom: 1px solid #e9e9e9;
								display:block;
								}
	
							#sidemenu-list tr:hover {
								background-color: #eee;
								cursor: pointer;
								}
								
							#sidemenu-list td {
								padding:4px;
								}
												
							#sidemenu-list td a {
								text-decoration:none;
								color: #666; font-weight:300
								}
								
							#sidemenu-list td h5 a {
								text-decoration:none;
								color: #999;
								}

														
/*************** Pagination ***************/

.pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a.number {
				border: 1px solid #ddd;
                }
                
.pagination a.number:hover {
				/*text-decoration: underline;*/
                }

.pagination a.current {
                background: #469400 url('../imagens/bg-button-green.gif') top left repeat-x !important;
                border-color: #459300 !important;
                color: #fff !important;
                text-decoration: none;
                }
				
.pagination a.current:hover {
				text-decoration: none;
                }   
                

/*---------------Footer----------------*/

#bottom {
	clear: both;
	margin: 30px 0px 30px 0px;
	padding-top: 10px;
	border-top: 1px solid #e9e9e9;
	text-align: right;
}