/*

ATENÇÃO

Para que os caracteres especiais como acentos e cedilhas funcionem no painel é necessário que
tenha a codificação charset=iso-8859-1, na seguinte tag:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

*/
/* >  Globais Site ------------- */

body,td,th {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
body {margin: 0px; background:url(images/fundoBody.jpg) left top repeat;}
p {margin:0px;padding:0px;}
/* >  Topo ------------- */

.topo_geral{
	width:100%;
	height:119px;
	background:url(images/fundoTopo.jpg) left top repeat-x;	
}
	.topo_pos{
		width:960px;
		margin:auto;
		position:relative;	
	}
		a.logomarca{
			display:block;
			width:273px;
			height:66px;
			background:url(images/logomarca-v2.png) 0 0 no-repeat;
			text-indent:-999999em;
			font-size:0px;
			position:absolute;
			top:16px;
			left:0px;
			cursor:pointer;
		}
		.info_topo{
			height:95px;
			position:absolute;
			top:16px;
			right:0px;
			color:#666;
		}
			.info_topo a{color:#666; text-decoration:underline;}

/* >  Meio ------------- */

.meio_geral{
	width:100%;
	background-color:#FFF;
	padding-bottom:15px;	
}
	.meio_pos{
		width:960px;
		margin:auto;
		overflow:hidden;
		padding-top: 16px;
	}
		/* >  Lado Esquerdo ------------- */
		
		.lado_esquerdo{
			float:left;
			width:200px;
		}
			.tituloEsq{
				font-size:15px;
				color:#333;
				padding:8px 5px;
				padding-left:0px;
				border-bottom:1px solid #333;
			}
			.tituloMenu{padding-top:0px;}
				.tituloEsq span{
					display:inline-block;
					float:left;
					width:18px;
					height:18px;
					background:url(images/fundotituloEsq.jpg) 0 0 no-repeat;
					padding-right:8px;	
				}
			.contEsq{
				padding:10px;
				background-color:#E6F3D8;
				color:#333;
				line-height:140%;	
			}
				.contEsq a{color:#333;text-decoration:underline;}
		
		/* >  Lado Direito ------------- */
		
		.lado_direito{
			float:right;
			width:750px;	
		}
			/* >  Banner ------------- */
			div#banner {
				width:750px;
				height:260px;
				position:relative;
				overflow:hidden;	
			}
				div#banner ul {
					padding:0px;
					margin:0px;
					list-style:none;
						
				}
					div#banner li {
						width:750px;
						height:260px;
						float:left;
						overflow:hidden;
						position:relative;
					}
						div#banner li cite{
							width:740px;
							height:15px;
							background:url(images/fundoCite.png) 0 0 no-repeat;
							position:absolute;
							left:0px;
							bottom:0px;
							padding:5px;
							font-style:normal;
						}
				div#banner .center-wrap {display:none;} 
				div#banner .carousel-control {
					width:22px;
					height:42px;
					position:absolute;
					top:100px;
					background:url(images/spritPassador.png) 0 0 no-repeat;
					text-indent:-9999em;
					font-size:0px;
					cursor:pointer;
					z-index:10;
				}
				div#banner .previous{left:5px; background-position:0 0;}
				div#banner .next{right:5px; background-position:-22px 0;}
				div#banner .previous:hover{background-position:0 -42px;}
				div#banner .next:hover{background-position:-22px -42px;}
				
				/* >  Fotos - Galeria ------------- */
				
				.fotos {
					width:283px;
					height:150px;
					position:relative;
					margin:auto;
					overflow:hidden;	
				}
					.fotos ul {
						padding:0px;
						margin:0px;
						list-style:none;
						margin-left:40px;				
					}
						.fotos li {
							width:203px;
							height:150px;
							float:left;
							overflow:hidden;
							position:relative;
						}
					.fotos .center-wrap {display:none;} 
					.fotos .carousel-control {
						width:40px;
						height:150px;
						position:absolute;
						top:0px;
						background:url(images/spritFotos.jpg) 0 0 no-repeat;
						text-indent:-9999em;
						font-size:0px;
						cursor:pointer;
						z-index:10;
					}
					.fotos .previous{left:0px; background-position:0 0;}
					.fotos .next{right:0px; background-position:-40px 0;}

/* >  Para o conteudo BNW ------------- */

div#conteiner_bnw {}
div#conteiner_bnw  h1.titulo{
	margin:0px;
	padding:0px;
	font-size:20px;
	color:#333;
	font-weight:normal;
	border-bottom:1px dotted #8AC64C;
	padding:10px 0px;
	padding-bottom: 5px;
}
div#conteiner_bnw .conteudo{
	line-height:140%;
	color:#333;
	padding:10px 0px;
	padding-bottom:5px; 
}
div#conteiner_bnw .conteudo a{
	color:#333;
	text-decoration:underline;	
}
div#conteiner_bnw .conteudo hr{ /*Deixa as tagc HR com um alinha mais clean*/
	border:0px;
	height:1px;
	background-color:#CCCCCC;
}

/* >  Rodapé ------------- */

.rodape_geral{
	width:100%;
	background:url(images/fundoRodape.jpg) left top repeat-x;	
}
	.rodape_pos{
		width:960px;
		margin:auto;
		padding:15px 0px;
		padding-top:25px;
		overflow:hidden;
	}
		.info_rodape{
			float:left;
			color:#333;
		}
			.info_rodape a{
				color:#333;
				text-decoration:underline;	
			}
		.bnw{
			float:right;
			font-size:11px;
			color:#333;
			text-shadow: 1px 2px 1px #FFF;
		}
			.bnw a{
				color:#333;
				text-decoration:none;	
			}
				.bnw a:hover{
					text-decoration:underline;	
				}

/* >  Para o conteudo BNW ------------- */
div#conteinerComentarios{
    width: 300px;
    margin: auto;
}
div#conteinerComentarios .envieComentario{font-weight: bold;}
div#conteinerComentarios .tabela_formulario_comentario{}
div#conteinerComentarios input, div#conteinerComentarios textarea {
    width:200px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    padding:3px;
    border: 1px solid #CCCCCC;
}
ul#comentarios{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul#comentarios li{
    padding: 10px;
    border-bottom: solid 1px #CCC
}


/* > Manu do site --------------------*/
	li.submenu ul { display: none; }	
	ul#menubar{
		margin:0px;
		padding:0px;
		list-style:none;
		
	}
	ul#menubar li{ position:relative;}
	ul#menubar li a{
		position:relative;
		display:block;
		padding:5px 0px;
		cursor:pointer;
		font-size:14px;
		color:#333;
		text-decoration:none;
		border-bottom:1px dotted #2957A4;
	}
	ul#menubar li a:hover{ color:#666;}
	
	ul#menubar ul{
		list-style:none;
		margin:0px;
		padding:0px;
		position:absolute;
		left:180px;
		top:0px;
		width:180px;
	}
	ul#menubar ul li{ display:block; float:inherit; background-color: #FFF; }
	ul#menubar ul a{
		display:block;
		float:none;
		border-bottom:1px dashed #2957A4;
		color: #333;
		padding:5px;
	}
/* Fix IE. Hide from IE Mac \*/
* html ul#menubar li {
	float: left; height: 1%; 
}
* html ul#menubar li a { 
	height: 1%; 
}
/* End */




/* >  Fotos ------------- */
#galeria_BNW{}
	#galeria_BNW .thumb_galeria{}
		#galeria_BNW .thumb_galeria a{
			display:block;
			padding:1px;
			float:left;
			border:1px solid #CCC;
			background-color:#FFF;
		}
		#galeria_BNW .thumb_galeria img{ width:146px; height:110px;}
	#galeria_BNW .voltar{
		clear:both;
		text-align:center;
		padding:10px 0px 5px 0px;
		text-decoration:none;
		color:#999;
		font-size:11px;
	}
		#galeria_BNW .voltar a{ color:#999; cursor:pointer; text-decoration:none; }
		#galeria_BNW .voltar a:hover{ color:#333 }


/* >  Formulários ------------- */

.intro-formulario{}
table.tabela-formulario .linha-formulario{}
	table.tabela-formulario .celula-label-formulario{ padding:5px; text-align:left; vertical-align:top }
	table.tabela-formulario .celula-campo-formulario{ padding:5px; text-align:left; vertical-align:top }
	table.tabela-formulario input, 
	table.tabela-formulario textarea, 
	table.tabela-formulario select{
		width:300px;
		padding:8px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		border:1px solid #CCC;
	}
	table.tabela-formulario input.select{}
	table.tabela-formulario input.radio{ width:auto; border:0px; }
	.formulario center{ padding:5px; width:300px; display:block;margin:auto;}
	.formulario input.botao-formulario{
		border:1px solid #CCC;
		background-color:#E2E2E2;
		padding:5px 15px;
		color:#333;
		width:auto;
		margin:5px 0px;
		cursor:pointer;	
	}
	/*- Código de seguranca -----*/
	.codigo-verificador{width:300px;padding:5px;}
		img.imagem-seguranca{ width:150px; display:block; margin-bottom:5px; border:1px solid #CCC; padding:1px;}
		input.input-seguranca{
			padding:8px;
			width:100px;
			border:1px solid #CCC;
		}
label.error{
	display:block;
	padding:3px;
	margin:1%;
	background-color:#FFD6D6;
	border:1px solid #EBB1B1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
}			
/* > Comentarios ------------------- */
#conteinerComentarios{}
	.envie-comentario, 
	.comentarios-enviados{
		font-weight:bold;
		font-size:14px;
		border-bottom:1px solid #E2E2E2;
		padding:5px 0px;
		margin-bottom:10px;
		display:block;
	}
	#formComentario{}
	#formComentario input, 
	#formComentario textarea{
		width:300px;
		padding:5px;
		border:1px solid #CCC;
	}
	#formComentario input.botao-comentario{
		border:1px solid #CCC;
		background-color:#E2E2E2;
		padding:5px 15px;
		width:auto;
		margin:5px 0px;
		cursor:pointer;
	}
	table.tabela-formulario-comentario{}
		table.tabela-formulario-comentario td{ vertical-align:top; padding:5px;}
	ul#comentarios{ margin:0px; padding:0px; list-style:none !important; }
		ul#comentarios li{ padding:0px; }
		ul#comentarios .nome{ font-weight:bold; }
		ul#comentarios .data{ font-weight:normal; font-size:11px; color:#999 }		
/* >  Ajustes Globais ------------- */
img {
	border:0; /* Para tirar a borda do link em imagens */
}
fomr {
	margin:0px;
	padding:0px;
}
.abreimagem{cursor:pointer;}
.borda{
	background:#EEEEEE;
	border: 1px solid #666666;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 0 5px #333333;
	padding: 5px;
	width: 358px;
}
/*
    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');}