/*

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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {margin: 0px;
background:url(images/fundo.jpg) repeat-x;
}

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

div#conteiner_bnw {}
div#conteiner_bnw  h1.titulo{}
div#conteiner_bnw .conteudo{}
div#conteiner_bnw .conteudo a{}
div#conteiner_bnw .conteudo a:hover{}
div#conteiner_bnw .conteudo hr{ /*Deixa as tagc HR com um alinha mais clean*/
	border:0px;
	height:1px;
	background-color:#CCCCCC;
}

/* >  Rodapé ------------- */
div#rodape{}
div#rodape a{}
div#rodape a:hover{}
/* >  Para o conteudo BNW ------------- */
div#conteinerComentarios{
    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; }
	body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	
	ul#menubar{
		margin:0px;
		padding:0px;
		list-style:none;
		height:30px;
		
	}
	ul#menubar li{ position:relative; height:30px;
	position:relative; float:left;
	}
	ul#menubar li a{
		position:relative;
		display:block;
		float:left;
		padding:5px 10px 5px 10px;
		cursor:pointer;
		color:#333;
		text-decoration:none;
	}
	ul#menubar li a:hover{
		background-image:url(images/menuH.jpg);
		color:#FFF;
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	
	ul#menubar ul{
		list-style:none;
		margin:0px;
		padding:0px;
		position:absolute;
		left:0px;
		top:28px;
		width:180px;
	}
	ul#menubar ul li{ display:block; float:inherit; background-color:#F2F2F2; }
	ul#menubar ul a{
		display:block;
		float:none;
		color:#000;
	}
/* 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:150px;}
	#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:100%; display:block;}
	.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{text-align:center;}
		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');}



/*------------------------------------Inicio de diagramação ----------------------------------*/
.lim{clear:both;}
.center{
	width:880px;
	margin:auto;
}
.topo .logo{
	background-image:url(images/logo.png);
	display:block;
	width:144px;
	height:144px;
	float:left;
	margin:25px 0px 0px 25px;
}
.topo .menu{
	padding:70px 0px 0px 0px;
	width:590px;
	float:right;
}
/*banner*/
.containerBanner .sombra{
	width:880px;
	height:22px;
	background-image:url(images/sombra_banner.png);
}
	.containerBanner{
		width:880px;
		height:327px;
		position:relative;
		margin-bottom:20px;
	}
	.containerBanner .banner{
		width:878px;
		height:303px;
		border:1px solid #999999;
	}
	.containerBanner .banner ul{
		margin:0px;
		padding:0px;
		width:880px;
		height:305px;
		overflow:hidden;
	}
	.containerBanner .banner li{
		margin:0px;
		padding:0px;
		list-style:none;
		width:880px;
		height:305px;
		float:left;
	}
	.containerBanner .carousel-control{display:none;}
	.containerBanner .carousel-pagination{
		position:absolute;
		bottom:14px;
		left:0px;
	}
	.containerBanner .carousel-pagination p a{
		display:block;
		width:13px;
		height:13px;
		background-image:url(images/bannerSprit.png);
		float:left;
		margin-left:5px;
		text-indent:-99999em;
		cursor:pointer;
	}
		.containerBanner .carousel-pagination p a:hover{
			background-position:-13px 0px; 
		}
		.containerBanner .carousel-pagination .active{
			background-image:url(images/bannerSprit.png);
			background-position:-13px 0px; 
		}

.conteudo .ladEsq{
	width:622px;
	float:left;
	padding:18px 0px 30px 0px
}
.conteudo .ladEsq .titulo{
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00669F;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:3px;
	margin-bottom:12px;
}
.conteudo .ladEsq img{
	padding-right:5px;
	padding-bottom:5px;
}

.conteudo .ladDir{
	width:232px;
	float:right;
	padding:18px 0px 30px 0px
}




/*rodape*/
.rodape{
	background-color:#CCCCCC;
	color:#515151;
}

.rodape .end{
	padding:30px 0px 25px 9px;
	background-color:#CCCCCC;
	font-size:12px;
}
.rodape .brasil{
	font:11px Arial, Helvetica, sans-serif; 
	text-align:right;
	padding:0px 0px 10px 0px;
}
.rodape .brasil a{
	text-decoration:none;
	color:#515151;
}
.rodape .brasil a:hover{
	text-shadow:0px 0px 1px #005579;
}