@charset "utf-8";
/* CSS Document */

@import "reset.css";
@import "960.css";
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

* {margin:0; padding:0;}
html, body {background:#fff url(../images/bg-website.jpg) repeat-x; font:13px 'Droid Serif', arial, serif; color:#5e5e5e;}
/*html, body {background:#fff url(../images/bg-website.jpg) repeat-x; font:16px "Times New Roman", Times, serif; color:#5e5e5e;}*/

a img {border:0;}
a {text-decoration:none; cursor:pointer; color:#5e5e5e;}
a:active, a:focus {text-decoration:none;}
a:hover {text-decoration:underline; color:#b41414;}

div.clear,html body span.clear {background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0}
div.spacer {margin:5px 0; background:none; border:0; clear:both; display:block; float:none; overflow:hidden; visibility:hidden;}

p, ul, dl {line-height:160%; margin-bottom:15px;}
h1, h2, h3, h4 {margin-bottom:25px; font-family:Verdana, Geneva, sans-serif;}
h1 {color:#453a38; font-size:22px;}
h2 {font-size:16px; color:#453a38;}
h3 {font-size:14px; color:#6b6e81; border-top:#20275c solid 2px; padding-top:10px; font-family:Georgia, "Times New Roman", Times, serif; margin-top:25px;}
h4 {font-size:14px;}

h2.cinzaClaro {color:#bebfc9; font-family:Georgia, "Times New Roman", Times, serif;}
h1.noticias { margin-bottom:0;}

.icoFoto {background:url(../images/ico-fotos.png) no-repeat right; padding-right:20px;}

.noticias-home h2 { margin-bottom:10px;}

.resumo { margin-bottom:25px; font-family:Verdana, Geneva, sans-serif; color:#9e9e9e; }

a.linkLeia { font:11px Verdana, Geneva, sans-serif; color:#b41414; font-weight:bold;}

	#breadcrumb {border-top:#babaa9 solid 2px; color:#92918f; margin-bottom:30px; padding-top:15px; background:#fff; font:11px Verdana, Geneva, sans-serif;}
	#breadcrumb a {color:#a1a09d;}
	
	#perfil {float:right; width:270px; border:#c8c8ba solid 1px; padding:15px 15px 0; margin:0 0 15px 25px; text-align:center;}
	#perfil p {text-align:left;}
	.imagem-associado { margin:0 auto;}

	.column{ padding-right: 5px; }
	.colunas { vertical-align:text-top; clear:both;}
	
	.img-interna {float:right; margin-left:15px; margin-left: 15px; margin-bottom:15px;}
	
	.noticias-home { height:170px;}
	
	.texto a {color:#b41414; font-weight:bold;}
	
	.txtPublicidade {font-size:8px;margin-bottom:2px;display:block}
	
	
/***********************************
LISTAS
***********************************/

ul, ol {margin:0; padding:0; margin-bottom:15px; padding-left:2em;}
	ul {list-style:disc;}
	ol {list-style:decimal;}
	ul li {list-style:disc;}
	ol li {list-style:decimal;}
	
	.lista-noticias {padding:0;}
	.lista-noticias li {padding:0 0 15px 0; margin-bottom:15px; list-style:none; border-bottom:#ccc solid 1px;}
	.lista-noticias strong { font-family:Verdana, Geneva, sans-serif;}
	.lista-noticias img {float:left; margin-right:20px;}
	.lista-noticias h2 { margin-bottom:5px;}

	.lista-ordem { padding:15px; border:#babaa9 solid 1px; margin-bottom:30px;}
	.lista-ordem li { float:left; list-style:none; border-right:#CCC solid 1px; padding:0 5px;}
	.lista-ordem a { color:#b41414;}
	.last { margin-bottom:10px;}
	
	.lista-agentes  {min-height:110px; margin-bottom:10px;}

	.lista-convenios {padding:0;}
	.lista-convenios li {list-style:none; margin-bottom:25px; border-bottom:#dfdfd3 solid 1px; padding-bottom:25px;}
	.lista-convenios img {float:left; margin-right:20px;}
	
	.lista-nomes {padding:0 20px; margin:30px 0 0 0;}
	.lista-nomes li {list-style:none; margin-bottom:5px;}

	.lista-busca {padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:#dfdfd3 solid 1px;}
	.lista-busca li {list-style:none; font-family:Verdana, Geneva, sans-serif; margin-bottom:15px;}
	
	
/***********************************
BOTOES
***********************************/

	.btn-voltar, .btn-imprimir, .btn-envia-amigo {height:32px; display:block; border:none; cursor:pointer; float:left; margin:35px 10px 0 0; text-indent:-9999px;}
	.btn-voltar { background:url(../images/btn-voltar.gif) no-repeat; width:79px;}
	.btn-imprimir { background:url(../images/btn-imprimir.gif) no-repeat; width:107px;}
	.btn-envia-amigo { background:url(../images/btn-enviar-amigo.gif) no-repeat; width:187px;}


/***********************************
TOPO
***********************************/

	#topo {height:138px;}
		#topo .logo {background:url(../images/logo-ube.png) no-repeat; display:block; width:184px; height:82px; text-indent:-9999px; margin-top:25px; position:absolute; outline:none;}

	#topo .banner { float:right; margin-top:15px;}
	
	#topo #formBusca{margin:90px 0 0 640px; position:absolute;}
		#topo #formBusca fieldset.busca{border:none; width:300px; height:29px; background:url(../images/bg-busca.gif) no-repeat; }
		#topo #formBusca .busca input, .busca button {border:none; float:left; }
		#topo #formBusca .busca input.box {color:#000; width:210px; height:19px; padding:0; background:none; padding:5px;}
		#topo #formBusca .busca button.btn {width:70px; height:29px; cursor:pointer; text-indent:-9999px; background:none; margin-left:8px;}
		
		
/***********************************
MENU
***********************************/

	#menu {height:39px; line-height:33px; background:url(../images/menu-separa.gif) right no-repeat; margin-bottom:25px; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif;}
		#menu ul { padding:0; line-height:34px; }
		#menu li {float:left; padding:0; margin:0; list-style:none; }
		#menu li a {display:block; height:42px; padding:0 14px; color:#5e5f6b; background:url(../images/menu-separa.gif) no-repeat; margin:4px 0; outline:none;}
		
		#menu li ul {background:#f1f1ec; display:none; position:absolute; z-index:2; margin-top:-9px; padding:0; min-width:170px; text-indent:0; border-right:#c5c5b7 2px solid; border-left:#c5c5b7 2px solid; border-bottom:#c5c5b7 2px solid;}
		#menu li:hover ul, #menu .ie6hover ul {display:block;}
		#menu li ul li {float:none; border-bottom:#ddddcf solid 1px; background:none;text-indent: 0; padding:0; list-style:none}
		#menu li ul li a {background:none; color:#5e5f6b; text-indent:0px; height:auto; padding:8px; font-weight:normal; line-height:15px; margin:0;}
		#menu li ul li a:hover {background:#5e5f6b; text-decoration:none; color:#fff;}
		
		#menuLateral {padding:0; text-transform:uppercase; margin:0; padding:0; width:220px; font-size:14px;}
		#menuLateral li {padding:10px 0 10px 15px; border-bottom:#c2c5da solid 1px; color:#35331b; list-style:none; background:url(../images/ico-seta.gif) no-repeat 0 12px;}
		#menuLateral li a { color:#000;}
		#menuLateral li a:hover { color:#b41414;}
		
		
/***********************************
DESTAQUE
***********************************/
		
	#destaque {width:589px; height:321px; background:#dfdfd3; margin-bottom:35px; padding:15px;}
	#destaque-noticia {background:#dfdfd3; padding:20px; margin-bottom:25px;}
	#destaque-noticia-img { float:left; margin-right:20px; width:300px; height:220px; overflow:hidden;}
	
		#adBanner {margin:0;}
		#aba_1,#aba_2,#aba_3,#aba_4 {background:#dfdfd3;}
		#adBanner {width:589px; overflow:hidden;}
		#adBanner,.ui-tabs-panel {height:321px;}

		#tab {position:relative; color:#575757;}
		.ui-tabs-nav {bottom:-10px; left:470px; position:absolute;}
		.ui-tabs-panel {width:589px; height:321px; }
		.ui-tabs-hide {display:none;}
		ul.ui-tabs-nav li {background:#fff; display:block; float:left; margin-right:2px; text-align:center; font-weight:bold; border:#949481 solid 1px; padding:2px;}
		ul.ui-tabs-nav li a:link, ul.ui-tabs-nav li a:visited, ul.ui-tabs-nav li a:active {color:#575757; display:block; float:left; font-size:14px; line-height:15px; padding:0 6px; text-decoration:none;}
		ul.ui-tabs-nav li.ui-tabs-selected {background:#babaa9;}
		ul.ui-tabs-nav li.ui-tabs-selected a {color:#fff;}
		
		#aba-texto {position:absolute; background:#dfdfd3; width:250px; height:321px; padding:5px 20px; margin:0 0 0 299px;}
	
	
/***********************************
RODAPÉ
***********************************/
	
	#rodape {background:url(../images/bg-rodape.gif) repeat-x; height:258px; margin-top:25px; font: 12px Verdana, Geneva, sans-serif;}
		#rodape #apoio {height:130px; margin:25px 0 0 0;}
		#rodape #copyright {margin:0; font-size:11px;}
		#rodape #copyright #menu-rodape {padding:0; margin:0;}
		#rodape #copyright #menu-rodape li {float:left; border-right:#5e5e5e solid 1px; padding:0; list-style:none; padding:0 10px;}
		#rodape #copyright #menu-rodape li.prev {padding-left:0;}
		#rodape #copyright #menu-rodape li.last {border:none;}
		#rodape #copyright #menu-rodape a {color:#b41414;}

		#rodape a.desenvolvimento {background:url(../images/dd-logo.gif) no-repeat; width:101px; height:17px; text-indent:-9999px; display:block; margin:0;}
		
		
/***********************************
NOVIDADES
***********************************/
	
	span {font:11px Verdana, Geneva, sans-serif; color:#9e9e9e;}
	.ultimas {margin-bottom:30px; border:0px solid blue}
	.ultimas h3 { margin: 0 0 10px 0; padding: 5px 0 0 0;}
	.ultimas h4 { margin: 0 0 10px 0; padding: 5px 0 0 0;}
	
	.maisnoticias h2 { margin: 15px 0 10px 0; padding: 0 0 0 0}
	
	
/***********************************
PAGINADOR
***********************************/
	
	#indice{font-size:11px; padding:4px;}
	#paginacao{font-size:11px; font-weight: bold; text-align:center;}
		.pag-atual{float:left; padding:5px; background:#dfdfd3; color:#453b38; margin:3px; border: 1px solid #babaa9;}
		.pag-pontinhos{float:left; padding:5px; background:#babaa9; color:#453b38; margin:3px; border: 1px solid #babaa9;}
		.pag-navegacao-off{float:left; padding:5px; background:#dfdfd3; color:#bdbdb3; margin:3px; border: 1px solid #babaa9;}
		
		.pag-link{float:left; padding:5px; background:#babaa9; margin:3px;border: 1px solid #ccc;}
		.pag-link a{color:#453b38; text-decoration:none;}
		.pag-link a:hover{text-decoration:underline;}
		
		.pag-navegacao{float:left; padding:5px; background:#babaa9; margin:3px;border: 1px solid #ccc;}
		.pag-navegacao a{color:#453b38; text-decoration:none;}
		.pag-navegacao a:hover{text-decoration:underline;}
		
/***********************************
TABS
***********************************/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #dcdcd4;
	border-left: 1px solid #dcdcd4;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #dcdcd4;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #f1f2ed;
}
ul.tabs li a {
	text-decoration: none;
	display: block;
	font:14px Georgia, "Times New Roman", Times, serif;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #dcdcd4;
	color:#5e5f6b;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #dcdcd4;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
}

/***********************************
FORMULARIOS
***********************************/

	form label {display:block; line-height:14px; padding: 0px 0px 5px 0px;}
	form input, form select, form textarea {border:#d9d3c6 solid 1px; padding:5px; color:#675f5b;}
		
		.formButtonWrapper {float: left; height: 30px; margin-bottom: 20px; overflow: hidden; width: 49%;}
		
		.buttonWrapper a:link,
		.buttonWrapper a:visited,
		.buttonWrapper a:active,
		.formButtonWrapper button,
		.buttonWrapper.alt a:link,
		.buttonWrapper.alt a:visited,
		.buttonWrapper.alt a:active,
		.formButtonWrapper.alt button {
			background:#f1f1ec;
			border: 1px solid #c5c5b7;
			color: #5e5f6b;
			cursor: pointer;
			display: block;
			float: left;
			font-family: "Lucida Grande", Verdana, Arial, sans-serif;
			font-size: 11px;
			line-height: 1.3em;
			margin: 0 7px 0 0;
			padding: 5px 10px 6px 10px;
			text-decoration: none;
			}
		
		.buttonWrapper.alt a,.formButtonWrapper.alt button {float: right; margin-right: 1px; margin-left: 7px;}
		.buttonWrapper a:hover,.formButtonWrapper button:hover,.buttonWrapper.alt a:hover,.formButtonWrapper.alt button:hover {background: #c5c5b7; color: #5e5f6b;}
		.formButtonWrapper button {overflow: visible; padding: 4px 10px 3px 10px; /* IE6 */ width: auto;}
		.formButtonWrapper button[type] {line-height: 17px; /* Safari */ padding: 5px 10px 5px 10px; /* Firefox */}
		*:first-child+html button[type] {padding: 4px 10px 3px 10px; /* IE7 */}
		.formButtonWrapper button img,.buttonWrapper a img {border: none; height: 13px; margin: 0 2px -4px -4px !important;	padding: 0; width: 16px;}
		
		
	form.cmxform {width: auto;}
	form.cmxform legend {padding-left: 0;}
	form.cmxform legend, form.cmxform label {color: #675f5b;}
	form.cmxform fieldset {border: none; border-top: 1px solid #C9DCA6;}
	form.cmxform fieldset fieldset {background: none;}
	form.cmxform fieldset p, form.cmxform fieldset fieldset {padding: 5px 10px 7px;}

	form.cmxform label.error, label.error {	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;	font-style: italic;	margin-left: 10px;	width: auto; display: inline;}
	
	div.error { display: none; }
	input {	border: 1px solid black; }
	input.checkbox { border: none }
	input:focus { border: 1px dotted black; }
	input.error, select.error { border: 1px dotted red; }
	form.cmxform .gray * { color: gray; }	
	
	
/***********************************
GALERIA
***********************************/
	
	#galleria {height:550px; width:670px; margin:20 auto;}
	#galleria img {cursor:pointer;}
	

