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

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
body {
	margin: 0px;
	background-color:#CAE5C7;
	background-image: url(images/fundo.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align:center;
}
div#conteiner_site{
	width:880px;
	margin:auto;
	text-align:left;
	background-image: url(images/fundo_conteiner_site.jpg);
	background-color:#FFFFFF;
	background-repeat: repeat-y;
	background-position: left;
	padding-left:40px;
	padding-right:60px;
	/*padding-bottom:50px;*/
}

div#conteiner_site{
	clear:both;
}
div.conteiner_clientes{
background-color:#B8DCB4;
width:177px;
padding:10px;
padding-top:10px; 

}

div#conteiner_galeria_clientes{
 background-color:#FFFFFF;
 padding-top:10px;
 padding-left:15px;
 padding-right:15px;


}
/* ------------- Topo do site ------------- */
div#conteiner_topo{
	margin:auto;
	text-align:left;
	width:980px;
}
div#conteiner_topo .logomarca{
	width:449px;
	float:left;
}
div#conteiner_topo .flash{
	float:left;
	background-image: url(images/flash.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}


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

div#conteiner_bnw {
float:left;
width:640px;
margin-left:20px;

}
div#conteiner_bnw .titulo{
background-color:#B8DCB4;
padding:10px;
margin-bottom:30px;
}
div#conteiner_bnw .titulo h1{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#333;
}
div#conteiner_bnw .conteudo{
}
div#conteiner_bnw .conteudo a{
color:#333333;
text-decoration:underline;
}
div#conteiner_bnw .conteudo a:hover{
color:#000000
}

/* ------------- Rodapé ------------- */
div#conteinerRodape{
width:980px; margin:auto; height:141px; background-image:url(images/fundoRodape.jpg)
}
div#enderecoRodape{
float:left; margin-left:278px; text-align:justify; margin-top:17px; width:320px; height:80px
}
div#rodape{
float:left;
font-size:11px;
color:#333;
padding-left:90px;
margin-top:20px;
}
div#rodape a{
text-decoration:none;
color:#333;
}
div#rodape a:hover{
text-decoration:underline
}


/* ------------- Coluna lateral do site ------------- */
div#navegacao{
	width:200px;
	float:left;
	padding-left:20px;
	background-image: url(images/fundo_lateral.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#navegacao h4{
	margin:0px;
	padding:0px;
	height:35px;
	width:197px;
	background-color:#37912D;
	color:#FFFFFF;
	background-image: url(images/sprite-geral.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999em;
}
div#navegacao .institucional{
	background-position: 0px 0px;
}
div#navegacao .clientesLateral{
	background-position: 0px -37px;
	
	
}

/*------------------- Muda o estilo do menu horizontal ---------------------*/

div.conteiner_menu{
	background-color:#B8DCB4;
	margin-bottom:20px;
	padding-bottom:15px;
	margin-right:3px;
	padding-top:15px;

}

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:179px; /* Tamanho do menu em Width */
   margin:auto;
   font-size:13px;
  
}
ul.menu ul{
   margin: 0;
   padding: 0;
   background-color: #FFF; /* IE6 Bug */
}
ul.menu li a{
    display: block;
	width:150px;
	background-image:url(images/menu.jpg);
	background-repeat:no-repeat;
	background-position:15px center;
	text-decoration: none;
    font-weight:normal;
    text-decoration: none;
	margin-bottom:2px;
	padding:7px;
	padding-left:24px;	
	color:#000000;
	background-color:#72B96A;
	

}
ul.menu li a:hover {
	background-image:url(images/menuHover.jpg);
	color:#FFFFFF;
	background-color:#4B9144;
}
/*--- 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: 179px; /* Seta o submenu 1 pixel ants do fim para "pega-lo" */
   top: 0px;
}
ul.menu li.submenu ul { 
	display: none;
	background-position: top;
	background-color:#B8DCB4;
	padding:5px;
} 
ul.menu li{
   position: relative;
   list-style: none;
   border: 0px;
}
/*--- Altera os estilo dos submenus --- */
ul.menu li.submenu li a{
	border:0px;

}
ul.menu li.submenu li a:hover{
}
/* 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 */
}
.imagem_galeria{ /* define a borda da tabela da galeria */
	border: 0px solid #E0E0E0;
}

/* ------------- 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:10px;
	margin-bottom:5px;
}
div#formulario input:focus, textarea:focus{ /* Soemnte para o Firefox */
	border: 1px solid #009900;
}
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;
	width: 80px;
	border:1px solid #999999;
	color:#000000;
	background-color:#B8DCB4;
	font-weight:bold;
}
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');}


/*------ Para a galeria especial ------*/
#conteiner{margin:auto; width:150px; text-align:center}
#container .js{overflow:hidden;zoom:1;}
#container .carousel,
#container .carousel .carousel-wrap{margin:0;border:0;zoom:1;}
#container .js .carousel-wrap{display:inline-block;vertical-align:middle;width:110px; margin:auto; text-align:center}
.IE #container .js .carousel-wrap{display:inline;text-align:center}
#container .carousel ul{margin:0;padding:0;zoom:1;}
/* li tamanho da foto */
#container .js ul li{overflow:hidden;display:inline;float:left;width:140px;height:80px;text-align:center;}

/* Controles */
#container .carousel .carousel-control{
	overflow:hidden;
	display:none;
	vertical-align:middle;

	cursor:pointer;
	line-height:999px;
	zoom:1;
	display:none;
}
#container .carousel .carousel-next{
	background:url(http://thomlx.free.fr/numerized/styles/images/buttons/next.png) 0 0 no-repeat; 
	position:relative;  
	z-index:5000;  

	display:none;
}
#container .carousel .carousel-previous{
	background:url(http://thomlx.free.fr/numerized/styles/images/buttons/prev.png) 0 0 no-repeat;
	position:relative;  
	z-index:5000; 
	display:none;
}
#container .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
#container .carousel .disabled,#container .carousel .disabled:hover{
	-moz-opacity:.1;
	opacity:0.10;
	filter:alpha(opacity=10);
	cursor:default;
	display:none;
}


#container .carousel div{margin:0;padding:0;border:0;}
#container .carousel ul{padding:0;list-style:none; width:140px; margin:auto; text-align:center}
/* li tamanho da foto */
#container .carousel ul li{position:relative;width:140px;margin:0;}


/* Para a Paginação */
#container .carousel p{
	margin:0px;
	padding:0px;
	position:relative;
	top:-20px;

	text-align:right;
	display:none
}
/*
#container div.center-wrap a{
	color:#333333;
	padding:8px;
	background-color:#F0F0F0;
	color:#333333;
	font-style:italic;
	cursor:pointer;
}*/
#container div.center-wrap a{
	color:#FFFFFF;
	padding:8px;
	color:#FFFFFF;
	background-image: url(images/preto_60.png);
	font-style:italic;
	cursor:pointer;
	display:none
}
#container div.center-wrap a:hover{
	background-color:#CCCCCC;
}
#container div.center-wrap a.active{
	color:#990000;
}

/*
#container .carousel ul li cite{
	position:absolute;
	font-style:normal;
	padding:8px;
	left:0px;
	bottom:0px;
	text-align:left;
	font-size:10px;
	background-color:#F0F0F0;
	color:#333333;
}
*/



#container .carousel ul li cite a img{
	vertical-align:middle;
}
#container .carousel ul li cite a{
	color:#fff;
	text-decoration:none;
}