
/* ------------- Globais Site ------------- */

body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	margin: 0px;
	padding:0px;
	background-image:url(images/fundo-site.jpg)
}
div#conteinerGeral {
	width:980px;
	margin:auto;
	padding-left:50px;
	padding-right:50px;
}
div#topo {
	width:895px;
	height:226px;
	background-image:url(images/topo.jpg);
	margin:auto;
	margin-top:40px;
}
div#conteinerPrincipal {
	background-image:url(images/background.jpg);
	width:895px;
	margin:auto
}
div#esquerda {
	width:205px;
	background-image:url(images/topoEsquerda.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:9px;
	*margin-left:9px;
	padding-top:28px;
	_margin-left:5px;
}
div#conteinerMapa {
	width:172px;
	background-image:url(images/fundoMapa.jpg);
	background-color:#D1EDF6;
	background-repeat:no-repeat;
	border-right:solid 2px #E5858A;
	color:#990000;
	padding:10px;
	padding-top:0;
	padding-bottom:0
}
div#conteinerMapa p{
	margin:0px;
	padding:0px;
}


div#conteinerMapa a{
	color:#990000;
	text-decoration:none
}
div#conteinerMapa a:hover{
text-decoration:underline
}

div#finalMapa {
	width:194px;
	height:35px;
	background-image:url(images/finalMapa.jpg)
}
div#indique {
	background-color:#930D0C;
	width:192px;
	border-right:solid 2px #E5858A;
	padding-top:5px;
}
div#indique #click {
	width:177px;
	height:17px;
	background-image:url(images/indique.jpg);
	display:block;
	margin:auto;
	margin-top:0;
	cursor:pointer
}
div#finalIndique {
	background-image:url(images/finalIndique.jpg);
	background-repeat:no-repeat;
	width:192px;
	height:39px;
	border-right:solid 2px #E5858A;
}
div#direita {
	width:665px;
	float:left;
}
div#finalSite {
	background-image:url(images/finalSite.jpg);
	width:875px;
	height:37px;
	background-repeat:no-repeat;
	background-position:top center;
	margin:auto;
	text-align:right;
	padding-top:15px;
	padding-right:20px;
	color:#FFFFFF
}
div#finalSite a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}
div#formIndique{
color:#FFFFFF;
padding:10px;
padding-top:0px;
}

div#formIndique{
display:none
}
/* ------------- Para o conteudo BNW ------------- */

div#conteiner_bnw {
}
div#conteiner_bnw .titulo {
	background-color:#930D0C;
	background-image:url(images/fundoTitulo.jpg);
	background-position: center left;
	background-repeat:no-repeat;
	padding:10px;
	padding-left:30px;
	margin-bottom:15px;
}
div#conteiner_bnw .titulo h1 {
	margin:0;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold
}
div#conteiner_bnw .conteudo {
}
div#conteiner_bnw .conteudo hr{
border:0;
background-color:#ccc;
height:1px;
}
div#conteiner_bnw .conteudo a {
}
div#conteiner_bnw .conteudo a:hover {
}
/* ------------- Rodapé ------------- */

div#rodape {
text-align:center;
font-size:11px;
color:#990000;
padding-bottom:20px;
}
div#rodape a {
text-decoration:none;
color:#990000
}
div#rodape a:hover {
color:#999999
}
/*------------------- Muda o estilo do menu horizontal ---------------------*/

div#conteinerMenu {
	width:194px;
	background-image:url(images/fundoConteinerMenu.jpg)
}
div#finalMenu {
	width:194px;
	height:38px;
	background-image:url(images/finalizacaoMenu.jpg);
	background-repeat:no-repeat
}
ul.menubar {
	margin: 0px;
	padding: 0px;
	background-color: #282828; /* IE6 Bug */
}
ul.menubar .menuvertical {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float:left;
}
ul.menubar ul.menu {
	display: none;
	position: absolute;
	margin: 0px;
}
ul.menubar a {
	display:block;
	text-decoration: none;
	font-size:11px;
	padding-bottom:4px;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #CCCCCC;
}
ul.menubar a:hover {
	background-color:#EAEAEA;
}
/*------------------- Muda o estilo do submenu horizontal ---------------------*/
ul.menu {
	margin: 0;
	padding: 0;
	width:172px; /* Tamanho do menu em Width */
	background-color:#FFF;
	margin:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
ul.menu ul {
	margin: 0;
	padding: 0;
	background-color: #FFF; /* IE6 Bug */
}
ul.menu li a {
	display: block;
	text-decoration: none;
	font-weight:normal;
	text-decoration: none;
	padding:7px; /*Reseta a imagem de fundo do menu caso tenha citado acima*/

	border-bottom:1px solid #FFABAB;
	color:#FF0000;
	background-image:url(images/backgroundItem.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
}
ul.menu li a:hover {
	background-image:url(images/menuHover.jpg);
	color:#FFFFFF
}
/*--- Altera o estado normal do item que tem submenu ---*/
ul.menu li.submenu a {
	
}
ul.menu li.submenu a:hover {
	
}
/*--- Altera os submenus ---*/
ul.menu ul {
	position: absolute;
	display: none;
	left: 172px; /* Seta o submenu 1 pixel ants do fim para "pega-lo" */
	top: 0px;
	width:172px;
	border:solid 1px #FF0000;
	padding:5px;
}
ul.menu li.submenu ul {
	display: none;
	color:#A6A6A6;
	background-position: top;
	background-color:#FFFFFF;
}
ul.menu li {
	position: relative;
	list-style: none;
	border: 0px;
}
/*--- Altera os estilo dos submenus --- */
ul.menu li.submenu li a {
	border-bottom:1px solid #FFABAB;
	color:#FF0000;
}
ul.menu li.submenu li a:hover {
	color:#FFFFFF
}
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li {
	float: left;
	height: 1%;
}
* html ul.menu li a {
	height: 1%;
}
/* End */



/* ------------- Fotos ------------- */
div#galeria_BNW {
	text-align:center;
}
div#galeria_BNW .thumb_galeria {
	margin:5px;
}
div#galeria_BNW .thumb_galeria img {
	border:1px solid #CCCCCC;
	padding:3px;
}
.titulo_imagem {	/* define o texto de instrução da galeria */
}
/* ------------- Formulários ------------- */

div#formulario {
}
div#formulario input, textarea {
	width:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	border: 1px solid #CCCCCC;
	margin-left:5px;
	margin-bottom:15px;
	
	background-color:#D1EEF6;
	border:1px solid #E77A80;
}
div#formulario input:focus, textarea:focus { /* Soemnte para o Firefox */
	border: 1px solid #80291F;
}
table.tabela_formulario { /* Define os campos da tabela */
	border-collapse:collapse;
}
table.tabela_formulario .linha_tabela_formulario {
}
table.tabela_formulario .celula_label_tabela_formulario {
	vertical-align:top;
}
table.tabela_formulario .celula_campo_tabela_formulario {
	vertical-align:top;
}
div#formulario .botao_formulario { /* define o estado do botão dos formulários*/
	padding-bottom:8px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	border:1px solid #E77A80;
	color:#000000;
	background-color:#D1EEF6;
	width:auto;
	cursor:pointer;
}
div#formulario .texto_intro { /* define texto das instruç~eos do formulário */
}
/* ------------- Ajustes Globais ------------- */
img {
	border:0; /* Para tirar a borda do link em imagens */
}
fomr {
	margin:0px;
	padding:0px;
}
/* ------------- lightbox ------------- */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
	overflow:hidden;
}
#cboxLoadedContent {
	overflow:auto;
}
#cboxLoadedContent iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
	background:url(images/overlay.png) 0 0 repeat;
}
#colorbox {
}
#cboxTopLeft {
	width:21px;
	height:21px;
	background:url(images/controls.png) -100px 0 no-repeat;
}
#cboxTopRight {
	width:21px;
	height:21px;
	background:url(images/controls.png) -129px 0 no-repeat;
}
#cboxBottomLeft {
	width:21px;
	height:21px;
	background:url(images/controls.png) -100px -29px no-repeat;
}
#cboxBottomRight {
	width:21px;
	height:21px;
	background:url(images/controls.png) -129px -29px no-repeat;
}
#cboxMiddleLeft {
	width:21px;
	background:url(images/controls.png) left top repeat-y;
}
#cboxMiddleRight {
	width:21px;
	background:url(images/controls.png) right top repeat-y;
}
#cboxTopCenter {
	height:21px;
	background:url(images/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
	height:21px;
	background:url(images/border.png) 0 -29px repeat-x;
}
#cboxContent {
	background:#fff;
}
#cboxLoadedContent {
	margin-bottom:28px;
}
#cboxTitle {
	position:absolute;
	bottom:4px;
	left:0;
	text-align:center;
	width:100%;
	color:#949494;
}
#cboxCurrent {
	position:absolute;
	bottom:4px;
	left:58px;
	color:#949494;
}
#cboxSlideshow {
	position:absolute;
	bottom:4px;
	right:30px;
	color:#0092ef;
}
#cboxPrevious {
	position:absolute;
	bottom:0;
	left:0px;
	background:url(images/controls.png) -75px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxPrevious.hover {
	background-position:-75px -25px;
}
#cboxNext {
	position:absolute;
	bottom:0;
	left:27px;
	background:url(images/controls.png) -50px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxNext.hover {
	background-position:-50px -25px;
}
#cboxLoadingOverlay {
	background:url(images/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic {
	background:url(images/loading.gif) center center no-repeat;
}
#cboxClose {
	position:absolute;
	bottom:0;
	right:0;
	background:url(images/controls.png) -25px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxClose.hover {
	background-position:-25px -25px;
}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}
.cboxIE #cboxTopCenter {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');
}
.cboxIE #cboxBottomLeft {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}
.cboxIE #cboxBottomCenter {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}
.cboxIE #cboxBottomRight {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleRight {
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}


/*------ Estilo pra indique ------ */
form.formulario_indique{
	font-size:11px;
}
form.formulario_indique label{
	display:block;
	padding-bottom:5px;
}
form.formulario_indique input{
	border:1px solid #FF0000;
	padding:3px;
	width:150px;
	margin-bottom:8px;
}
form.formulario_indique .botao_indicar{
	width:auto;
	margin:auto;
	margin:2%;
	border:1px solid #990033;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:#990000;
	font-weight:bold;
	background-color:#D1EEF6;
	cursor:pointer;
}
form.formulario_indique .mensagem_indique{
	text-align:center;
	padding:5px;
	color:#333333;
	font-weight:bold;
	background-color:#FFFFFF;
	margin:1%;
	display:none;
}
form.formulario_indique{
}

/*------ Para o carrousel das imagens ------*/
#mascaraFoto{
display:block; width:280px; background-image:url(images/mascaraGaleria.png); background-repeat:no-repeat; height:438px; position:absolute; top:0; left:0; z-index:5}
.foto{
}
.IE button{width:1%;overflow:visible;}
.js {
	overflow:hidden;
	zoom:1;
}
.carousel, #container .carousel .carousel-wrap {
	margin:0;
	border:0;
	zoom:1;
}
.js .carousel-wrap {
	display:inline-block;
	vertical-align:middle;
	background:#FFFFFF;
}
.IE .js .carousel-wrap {
	display:inline;
}
.carousel-wrap ul{
	margin:0px;
	padding:0px;
}
.carousel ul {
	margin:0;
	padding:0;
	zoom:1;
}
.js ul li {
	overflow:hidden;
	display:inline;
	float:left;
	text-align:center;
	height:438px;
	position:relative
}

.js ul li, 
.js .carousel-wrap {
	width:280px;
	text-align:left;
}
.js ul li cite{
background-color:#333333; position:absolute; width:100%; bottom:0; left:0; color:#FFFFFF; padding:10px; font-style:normal;
filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.carousel-control {
	display:none;
}
.carousel div {
	margin:0;
	padding:0;
	border:0;
}
.carousel ul {
	padding:0;
	margin:0px;
	list-style:none;
}
.carousel ul li {
	position:relative;
	width:150px;
	margin:0;
}
div.center-wrap {
	overflow:hidden;
	clear:both;
	zoom:1;
}
div.center-wrap div {
	border:0;
	margin:0;
}

.carousel-pagination{
	height:25px;
}
.carousel-pagination p{
	margin:0px;
	padding:0px;
	margin-top:5px;
}
.carousel-pagination a{
	display:block;
	float:left;
	width:13px;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	color:#999999;
	border:1px solid #E3E7E8;
	margin-left:2px;
}
.carousel-pagination a:hover{
	color:#333333;
}
.carousel-pagination a.active{
/*	color:#333333;
	border:1px solid #CCCCCC;*/
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#333333;
}

/*------ Fim do carrousel das imagens ------*/
/*------ Para webmail ------*/
div#webmail {
	
	width:172px;
	border-right:solid 2px #E5858A;
	background-color:#F1F7FA;
	padding-left:10px;
	padding-right:10px;
}
div#webmail .titulo{
color:#930D0C;
font-weight:bold;
text-align:center;
margin-bottom:15px;
}
div#fimWebmail {
	background-image:url(images/fundoMail.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	width:194px;
	height:37px
}
div#webmail .formulario_webmail td, th{
font-size:11px;
}
div#webmail .formulario_webmail input{
border:solid 1px #930D0C;
width:120px;
margin-bottom:5px;
margin-left:5px;
}
/*------ Para enquete ------*/
div#enquete {
	background-image:url(images/backgroundEnquete.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	width:192px;
	border-right:solid 2px #E5858A;
	padding-bottom:29px
}
div#enquete{
}
div#enquete .conteiner_enquete{
	padding-left:10px;
	padding-right:10px;
}
div#enquete .conteiner_enquete h6{
	font-size:12px;
	color:#990000;
	padding:0px;
	margin:0px;
	margin-bottom:15px;
}
div#enquete .conteiner_enquete small{
	display:block;
	padding-bottom:5px;
	padding-top:5px;
	color:#990000;
}
div#enquete .label_result{
	display:block;
	text-align:left;
	font-weight:bold;
	padding-bottom:3px;
	padding-top:5px;
}
div#enquete .barra_fundo{
	background-color:#EDEDED;
	border:1px solid #CCCCCC;
	font-size:11px;
	text-align:left;
}
div#enquete .barra_resultado{
	background-color:#990000;
	font-size:10px;
	color:#FFFFFF;
	padding:2px;	
}
div#enquete .conteiner_enquete{
}
div#enquete .conteiner_enquete{
}

