body {
	/* Always use margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
	margin:  0;
	padding:  0;
	background:  url(../images/graphics/body_bg.png) 0 0 repeat-x red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#f1e6d1;
	text-align:center;
}
a {
	color:#fff;
}
a:focus {
	user-focus: none;
	outline: none;
	-moz-user-focus: none;
	-moz-outline: none;
}
a[title="voltar"] {
	display:block;
	clear:both;
	color:#fff;
	font-size:11px;
	margin-top:10px;
	padding:4px 15px;
	width:25px;
	height:15px;
	border-top:1px solid #f40015;
	border-left: 1px solid #f40015;
	border-bottom:1px solid #4b0007;
	border-right: 1px solid #4b0007;
	text-decoration:none;
	background:  url(../images/graphics/menu_hover.png) 0 0 repeat-x #d11e26;
}
a[href $='.pdf'] {
 background: url(../images/graphics/pdf.gif) transparent no-repeat 0 50%;
}
hr {
	border: 1px solid #cc0000;
	height: 0;
	margin: 5px 0 15px 0;
}
p.intro {
	font-size:12px;
	line-height:19px;
	margin:20px 0;
}
p.intro:first-letter {
}
/*--------------------------------------------------------------------------------------*/

#slideshow {
	width:100px;
	height:100px;
	position:relative;
	top:39px;
	left:631px;
}
#slideshow div.images {
	overflow:hidden;
	width:202px;
	height:158px;
}
#slideshow p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	color:#333;
	margin:4px 0;
	font-size:10px;
}
#slideshow a {
	color:#cc0000;
}
#calendar {
	background-color:#e5011c;
	text-align:center;
}
#newsletter {
	margin:10px 0 0 10px;
	background-color:#e5011c;
}
#newsletter input, button {
	margin:5px 0 5px 5px;
}
#newsletter ul.alerta {
	margin:0 4px;
	padding:3px;
	border-left:1px solid red;
	background-color:#f3f3ba;
}
#newsletter ul.alerta li {
	color:red;
	margin:0;
	padding:0;
}
#contacto {
	height:100px;
	background:  url(../images/graphics/contacto_email.png) top right repeat-x #e00019;
}
#news {
	margin-top:5px;
	margin-bottom:15px;
	padding:10px 0;
}
#news div.header {
	width:97%;
	height:88px;
	padding:4px 5px;
	margin-bottom:4px;
	border-left:1px solid #ff0016;
	border-top:1px solid #ff0016;
	border-bottom:1px solid #7e000b;
	border-right:1px solid #7e000b;
	background:  url(../images/graphics/news_header_bg.png) 0 0 repeat-x #c90011;
}
#news div.news-thumb {
	float:left;
	width:auto;
	height:auto;
	margin:5px 5px 5px 0;
	clear:both;
}
#news div.news-thumb img {
	padding:1px;
	background-color:#fff;
}
#news a.title {
	display:block;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	clear:both;
	margin:3px 0;
	line-height:15px;
}
#news a.title:first-letter {
	text-transform:uppercase;
}
#news span.data {
	font-size:8px;
	margin-right:10px;
	color:#ddd;
	text-transform:uppercase;
}
#news span.mais {
	font-size:8px;
	margin-right:10px;
	color:#ddd;
	text-transform:uppercase;
}
#news div.summary {
	font-size:10px;
	line-height:15px;
	margin-top:6px;
}
#news div.summary:first-letter {
	text-transform:uppercase;
}
#news-list .header {
	margin-bottom:20px;
}
#news-list a.header {
	font-size:14px;
	font-weight:bold;
}
#news-list .date {
	height:40px;
	font-size:10px;
	border-top:1px solid #cc0000;
}
#news-list .date p {
	margin:0;
	font-size:9px;
	color:red;
}
#news-list .date tt {
	margin:0;
	font-style:italic;
	font-weight:bold;
	font-size:18px;
	color:#333333;
}
#news-list .summary {
	margin:5px 0;
}
#news-list .news-thumb {
	float:left;
	width:95px;
	height:100px;
	margin:8px 2px 0 0;
	cursor:pointer;
}
#news-list .news-thumb img {
	padding:2px;
	margin-bottom:2px;
	background-color:#fff;
}
#thumbs-column {
	overflow:hidden;
	width:648px;
	min-height:208px;
}
#thumbs-column .news-thumb {
	float:left;
	min-height:150px;
	height:150px;
	margin:8px 4px 0 0;
	cursor:pointer;
}
#thumbs-column img {
	padding:2px;
	background-color:white;
	margin-bottom:2px;
}
/*---------------------------------------------------------------*/

#bodywrapper {
	margin-left:  auto;
	margin-right:  auto;
	padding:  0;
	width:  900px;
	overflow:auto;
	text-align:left;
	/*background: url(../images/graphics/content_bg.png) #df0013 repeat-x 0 0;*/
	position:relative;
}
#contentarea {
	width:648px;
	min-height:470px;
	z-index:1;
	margin-left:  0;
	margin-bottom:  0;
	margin-top:  0;
	padding: 10px 10px 0 10px;
	background: url(../images/graphics/content_bg.png) #df0013 repeat-x 0 0;
	border-left:1px solid #e60014;
	border-bottom:1px solid #7e000b;
	border-right:1px solid #7e000b;
	border-top:0;
	float:  left;
}
#contentarea h1 {
	font-size:18px;
	font-weight:normal;
	padding:6px 0 10px 0;
	margin:6px 0;
	border-bottom:1px solid #c90013;
}
#contentarea h2 {
	font-size:14px;
	padding:6px 0 6px 0;
	margin:3px 0;
}
#contentarea .imageA {
	float:left;
	margin-right:7px;
}
#contentarea .imageB {
	float:right;
	margin-left:7px;
}
#right {
	margin-top:5px;
	padding: 0;
	float:right;
	font-size:11px;
	line-height:16px;
	/* Replace width with the width of your right column. */
	width:230px;
	background:  url(../images/graphics/right_bg.gif) 0 0 repeat-x #8a0109;
}
#right div.menu {
	width:200px;
	margin:3px 0 3px 8px;
	border-left:1px solid #ff0016;
	border-top:1px solid #ff0016;
	border-bottom:1px solid #7e000b;
	border-right:1px solid #7e000b;
}
#right div.menu h1 {
	font-size:13px;
	padding:6px 0 6px 0;
	margin:4px;
	text-align:left;
	border-bottom:1px solid #c90013;
}
#right div.menu p {
	margin:6px;
}
#right button {
	margin:3px 6px;
}
#header {
	/* The header can be set to either a fixed width or a liquid width.  I prefer to make the header a liquid width for aesthetic purposes, but changing it to a fixed width will not affect the layout.  This is an optional property. */
	width:  860px;
	/* replace this value with the height of your header. */
	height:  250px;
	/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
	background:  url(../images/graphics/top.jpg) 0 0 no-repeat #8a0109;
}
/*-----------------------------------------------------*/
#footer {
	position:relative;
	margin:  0;
	color:#666;
	width:  100%;
	height:  30px;
	background:  url(../images/graphics/footer_bg.png) 0 0 repeat-x #fff;
}
#footer span {
	font-size:11px;
	margin:3px 5px;
}
#footer a {
	color:#b42525;
}
/*-----------------------------------------------------*/
table.listagem-a {
	width:100%;
	margin:2px 0;
	font-size:11px;
	border:1px solid #850808;
	border-collapse:collapse;
}
table.listagem-a th {
	background: url(../images/graphics/th_bg.png) #f6f6f6 repeat-x 0 0;
	border:1px solid #850808;
	padding:2px;
	color:#333;
	font-size:10px;
	text-align:center;
}
table.listagem-a td {
	padding:5px 5px;
	border:1px solid #850808;
}
table.listagem-a .center {
	text-align:center;
}
table.listagem-a .odd {
	background: url(../images/graphics/td_odd.png) #b40010 repeat-x 0 0;
}
table.listagem-b {
	width:100%;
}
table.listagem-b td {
	text-align:center;
}
/* The table */
table.calendar {
	margin:0;
	padding:0;
	color:#666;
	width:100%;
	margin-left:-1px;
	border-collapse:collapse;
}
table.calendar tfoot td {
	background:#fff url(../images/graphics/calendar_bg.png) repeat-x 0 -40px;
}
/* Common TD & TH styling */
table.calendar td {
	border: 1px solid #ddd;
	padding:0.6em 0.5em 0.5em 0.5em;
	vertical-align:middle;
	/* Opera requires a line-height bigger than 1em in order to redraw properly */
    line-height:1.2em;
	cursor:default;
	background:#fff url(../images/graphics/calendar_day_bg.png) no-repeat 0 0;
}
table.calendar th {
	border:0 none;
	padding:2px 0;
	line-height:1.3em;
	font-weight:bold;
	color:#ddd;
	text-align:center;
	vertical-align:middle;
}
table.calendar caption {
	border:none;
	padding:5px 0;
	line-height:2em;
	font-weight:bold;
	color:#222;
	text-align:center;
	vertical-align:middle;
	background:#fff url(../images/graphics/calendar_bg.png) repeat-x 0 -50px;
}
table.calendar a.event_day {
	color:#bb0010;
	text-decoration:none;
	font-weight:bold;
	border-bottom:2px solid #bb0010;
}
table.calendar_control {
	width:100%;
	padding:3px 0;
}
table.calendar_control a {
	font-size:14px;
	color:#fff;
	font-weight:bold;
}
table.calendar_control img {
	margin:0;
	padding:0;
	cursor:pointer;
}
/* ---------- gallery styles start here ----------------------- */

.crumbs {
	margin:20px 0;
	color:#d1a91c;
	font-family:"Courier New", Courier, monospace;
}
.crumbs a {
	font-family:Arial, Helvetica, sans-serif;
}
.photo {
	overflow:hidden;
	margin: 10px 20px 0 5px;
	position: relative;
	height: 60px;
	float: left;
	border:2px solid white;
	background-color:white;
}
.photo img {
	margin:auto;
	border:none;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
}
.photo a {
	text-decoration: none;
}
/*.sample6 span {
	width: 129px;
	height: 111px;
	overflow:hidden;
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	background: url(../images/graphics/cut-corner.png) no-repeat;
}*/

.bigphoto {
	width:600px;
	height:500px;
	margin:5px 0;
	left:10px;
}
.bigphoto img {
	position:relative;
	margin:auto;
	background-color:white;
	padding:2px;
}
.arrows {
	display:none;
	position:relative;
	height:300px;
	top:-300px;
}
.arrows a {
	background:transparent;
	border:none;
}
.arrows img {
	background:transparent;
	border:none;
}
#next {
	float:right;
}
#next:hover {
	background-color:red;
}
#prev {
	float:left;
}
#prev:hover {
	background-color:blue;
}

/* ---------- videos ----------------------- */

#video {
	border:1px solid #ddd;
	width:400px;
}

.sidebar {
	margin-top:-2px;
}
/* ---------- forms ----------------------- */

form {
	padding:0;
	margin:0;
}
input {
	padding:4px 6px;
	margin-bottom:5px;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
button, input {
	font-size:11px;
}
label {
	font-size:11px;
	width:110px;
	float:left;
	display:block;
	margin:2px 20px 2px 0;
	color:white;
	clear:left;
}
label em {
	color:#d1a91c;
	font-family:"Courier New", Courier, monospace;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color:#f2fcf1;
}
select {
	font-size:11px;
	padding:4px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #ddd;
	border-rigth:1px solid #ddd;
}
button {
	display:block;
	clear:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 4px;
	background-color:#eee;
	border-left:1px solid #e8ebed;
	border-top:1px solid #e8ebed;
	border-right:1px solid #6e7376;
	border-bottom:1px solid #6e7376;
	margin:0;
	cursor:pointer;
	background: url(../images/graphics/button_bk.gif) #ddd repeat-x 0 0;
	width: 1;  /* IE table-cell margin fix */
	overflow: visible;
}
button[class] {  /* IE ignores [class] */
	width: auto;  /* cancel margin fix for other browsers */
}
div.inputFloat {
	float:left;
	width:205px;
	margin-right:10px;
}
ul.alerta {
	margin:10px 0;
	padding:4px;
	font-size:11px;
	list-style:none;
	background:  url(../images/graphics/alerta_bg.png) top right repeat-x #e8e5c9;
}
ul.alerta li {
	color:#333;
}
ul.erro {
	font-size:11px;
	color:white;
	margin:0 0 10px 10px;
	padding:0;
}
#send_photo {
	display:none;
}
#dummy {
	width:100%;
	height:10px;
	clear:both;
}