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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	margin: 0px;
	padding:0px;
	text-align:center;
	background-color:#427BF7;
	background-image:url(images/fundo-site.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
div#topo-fundo{
	background-image:url(images/topo-fundo.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
div#topo-conteiner{
	width:980px;
	margin:auto;
	text-align:left;
}
div#topo-conteiner .logomarca{
	height:68px;
	text-indent:-9999em;
	background-image:url(images/logomarca-sitiobodoco.jpg);
	background-repeat:no-repeat;
}
#topo-conteiner .conteiner-galeria{
}
#fundo-conteiner{
	background-color:#FFFFFF;
	background-image:url(images/conteiner-fundo.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

/* ------------- Para o conteudo BNW ------------- */
#dados-site{
	background-color:#FFFFFF;
	width:980px;
	text-align:left;
	margin:auto;
	background-image:url(images/dados-fundo.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.lateral-site{
	float:left;
	width:255px;
	background-image:url(images/lateral-fundo.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
.conteudo-bnw{
	float:left;
	width:715px;
	_width:auto;
	padding-right:10px;
	background-color:#FFFFFF;
	background-image:url(images/dados-fundo.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

.conteudo-bnw{
}
.conteudo-bnw h1{
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	font-style:italic;
	background-color:#DCE7FD;
	padding:8px;
	padding-left:12px;
	margin-bottom:15px;
	margin-top:30px;
}
.conteudo-bnw{
}
.conteudo-bnw a{
	color:#333333;
	text-decoration:underline;
}
.conteudo-bnw a:hover{
	color:#0099CC;
}
.conteudo-bnw a img{
	text-decoration:none;
	border:0px;	
}
hr{
	border-width: 0;
	height: 1px;
	border-top-width: 1px;
}
/* ------------- Rodapé ------------- */

div#rodape{
	border-top:3px solid #111584;
	padding-top:5px;
	padding-bottom:15px;
	color:#FFFFFF;
	text-align:right;
	background-color:#427BF7;
}
div#rodape a{
	color:#FFFFFF;
	text-decoration:underline;
}
div#rodape a:hover{
	text-decoration:underline;
}
div#rodape .contato{
	width:980px;
	margin:auto;
	padding-right:5px;
	padding-bottom:3px;
}
div#rodape .bnw{
	width:980px;
	margin:auto;
}
div#rodape .bnw a{
	text-decoration:none !important;
}
div#rodape .bnw a:hover{
	text-decoration:underline !important;
}


/*------------------- Muda o estilo do menu horizontal ---------------------*/
.menu-conteiner{
	background-image:url(images/menu-conteiner-fundo.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:30px;
}
ul.menubar{
   margin: 0px;
   padding: 0px;
}
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;
}
ul.menu ul{
   margin: 0;
   padding: 0;
}
ul.menu li{
	background-image:url(images/menu-li.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	width:170px;
}
ul.menu li a{
	display:block;
	width:150px;
	padding:11px;
	padding-left:13px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	background-image:url(images/menu_a.jpg);
	background-repeat:no-repeat;
	background-position:1px 0px;
}
ul.menu li a:hover {
	background-image:url(images/menu_a_hover.jpg);
	background-position:1px 0px;
	background-color:#2C4CC2;
}

ul.menu li.submenu a{
	background-image:url(images/submenu_a.jpg);
}
ul.menu li.submenu a:hover{
	background-image:url(images/submenu_a_hover.jpg);
}

/*--- Altera os submenus ---*/
ul.menu ul{
	position: absolute;
	display: none;
	left: 175px; /* Seta o submenu 1 pixel ants do fim para "pega-lo" */
	top: 0px;
	display: none;
	background-color:#2C4CC2;
	padding:5px;
	padding-bottom:15px;
} 
ul.menu li{
   position: relative;
   list-style: none;
   border: 0px;  
}
ul.menu ul li{
	background-image:url();
}
/*--- Altera os estilo dos submenus --- */
ul.menu ul a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-bottom:1px solid #FFFFFF;
	font-weight:normal;
	font-style:normal;
	background-image:url() !important;
}
ul.menu ul a:hover{
	background-image:url();
	background-color:#719BF2;
}
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li {
	float: left; height: 1%; 
}
* html ul.menu li a { 
	height: 1%; 
}
/* End */

#lateral-site{
	background-color:#FFFFFF;
	padding:15px;
	padding-right:10px;
	padding-left:10px;
	margin-left:30px;
	margin-right:50px;
	margin-top:15px;
	margin-bottom:15px;
}
#lateral-site .titulo-lateral{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
}
#lateral-site .conteudo-lateral{
	width:161px;
}

/* ------------- Sistema de Indique ------------- */
#formIndique{
	background-color:#FFFFFF;
	padding:15px;
	margin-left:30px;
	margin-right:50px;
	margin-top:15px;
	margin-bottom:15px;
}
#formIndique .titulo-idicacao{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
}
#formIndique .formulario_indique{
	margin:0px;
	padding:0px;
	font-size:11px;
}
#formIndique .formulario_indique label{
	display:block;
}
#formIndique .formulario_indique input{
	border:1px solid #CCCCCC;
	padding:3px;
	margin-bottom:5px;
	font-size:11px;
	width:135px;
}
#formIndique .mensagem_indique{
	text-align:center;
	padding:5px;
	background-color:#427BF7;
	color:#FFFFFF;
	display:none;
}
#formIndique{
}
#formIndique{
}


/* ------------- Fotos ------------- */

#borda1_foto{ /* Para a galeria efeito de polaroyd caso nescessite */
	border: 1px solid #CCCCCC; 
	padding:6px;
	width:102px;
	height:102px;
}
#borda2_foto{ /* Para a galeria efeito de polaroyd caso nescessite */
	border: 1px solid #CCCCCC; 
	width:100px;
	height:100px;
}
.titulo_imagem{	/* define o texto de instrução da galeria */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.imagem_galeria{ /* define a borda da tabela da galeria */
	border: 0px solid #E0E0E0;
}

/* ------------- 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;}
	.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;
}
.abre-imagem{}


/*
    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');
}