/* -----------------  estilos gerais  -------------------------------------------------------*/
body { padding:0; margin:0; font:11px Arial, sans-serif; line-height: 17px; background:#f4f4f4 url(../imagens/bg.gif) center repeat-y; color: #555; }
#tudo { margin:0px auto; width:750px;  padding:0; background:#fff;}
a { color:#631e19; text-decoration: underline;background:none; }
a:hover { color:#894e4e; background:none; text-decoration:underline; }
p { margin:0; padding-top:2px;}
ul { margin: 0; padding : 0; list-style : none; }
ul li { position: relative; }
img { border: none;}

/* -----------------  topo, marca, menu e banner  -------------------------------------------------------*/

#topo { clear:both; width:750px; height:300px; background: url(../imagens/bannernovo.jpg) no-repeat; 
margin:0; }

#marca_e_menu {float:left; width:330px; margin-top:0px; height:215px; padding: 10px 0 20px 30px; position:relative; z-index:0;}
#marca_e_menu img {padding:8px 0 0 0; }
#area_menu {position:relative; width:320px; height:120px; margin:8px 0 0 -30px;}
#opacidade_menu { position:absolute; top:0; right:0; width:320px; height:123px; background:#fff; padding:0px;
filter: alpha(opacity=10);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
 _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
 -moz-opacity: 0.1; opacity:0.1;
}

#menu_geral {position:absolute; top:0; right:0; width:320px; height:120px; background:transparent; padding:0px;}
#menu { color:#000000; background:transparent; width: 320px; margin:0px 0 0 0px; height:120px; padding:0; border-top:#910000 solid 2px; border-bottom:#910000 solid 2px; }
	

li ul {
	position: absolute;
	left: 150px; 
	top: -2px; width:190px;
	display: none; 
	}

ul li a { _display: block; 	}
	
/* hack IE  \*/
* html ul li { float: left;  }
* html ul li a { height: 1%; }
/* fim */

li:hover ul, li.over ul { display: block; } /* efeito */

#menu_esq { background-image:url(../imagens/bg_trans.png); _background-image:none;
			position: absolute;         
            border-right: #555555 dashed 1px; margin:0px 0 0 0; height:120px; width:160px; } 

#menu_esq li { width:135px; border-bottom: #555555 dashed 1px; padding:5px 0 5px 35px; height:19px; color:#000000; font-weight:bold; }
#menu_esq li:hover { background-image:url(../imagens/bg_trans_over.png); border-bottom: #555555 dashed 1px; padding:5px 0 5px 35px; height:19px; color:#000000; font-weight:bold;width:125px; }
#menu_esq li a { text-decoration:none; color:#000000; }
#menu_esq li a:hover { text-decoration:none; color:#DA251C ;}

#menu_dir { background-image:url(../imagens/bg_trans.png); _background-image:none; float:right; margin:0px 0 0 0; height:120px; width:160px; }
#menu_dir li { border-bottom: #555555 dashed 1px; padding:5px 0 5px 35px; height:19px; color:#000000; font-weight:bold; }
#menu_dir li:hover { background-image:url(../imagens/bg_trans_over.png); border-bottom: #555555 dashed 1px; padding:5px 0 5px 35px; height:19px; color:#000000; font-weight:bold; }
#menu_dir li a { text-decoration:none; color:#000000; }
#menu_dir li a:hover { text-decoration:none; color:#DA251C ; }

#sub_menu { font-size:0.9em;  background-image:url(../imagens/bg_trans2.png); margin-left:10px; border: solid #000000 1px;
border-top:#910000 solid 2px; border-bottom:#910000 solid 2px;}
#sub_menu li { min-height:19px; height:auto; }
#sub_menu li:hover { height:auto;  }
#sub_menu li a { height:auto; color:#000000; }
#sub_menu li a:hover {  color:#DA251C ; text-decoration:none; height:auto;}


/* ----------------- conteúdo principal -------------------------------------------------------*/
#conteudo_principal{width:750px; height:300px;}

.imagem {margin-top:8px; border: solid 1px #555555;}

.coluna_esquerda {float: left; width:341px; _width:314px; margin: -22px 0px 5px 0; padding:0px 0px 0px 0px; position:relative;  text-align:justify;}
.coluna_esquerda h1 { font:Arial, Helvetica, sans-serif; font-size: 1.5em; color:#000000; font-style:italic; border:none; padding:0px; margin:0px; }
.coluna_esquerda p { font-size:1.1em; color:#333333; }
.coluna_esquerda a { color:#DA251C ; text-decoration:none; }
.coluna_esquerda a:hover { color:#DA251C ; text-decoration:underline; } 

.conteudo_esquerda { padding-top:30px; width: 286px; margin-left:27px; margin-top:-20px;} 

#newsletter {  border-top: 1px dashed #555; width:341px; margin-left: -27px; position:relative;}
#newsletter h2 {font: 1.5em Arial, sans-serif; font-weight:bold; font-style:italic; color:#DA251C ; margin:4px 0 0 27px; margin-bottom:-40px;}
.obs { font-size:0.9em;  margin:5px 0 0 27px;}
#newsletter form { margin:0px 0px 0px 27px; }

#servicos { float:left;  border-top: 1px dashed #555; width:341px; margin-left: -27px; position:relative;}
#servicos h2 {font: 1.5em Arial, sans-serif; font-weight:bold; font-style:italic; color:#DA251C ; margin:8px 0 0 27px; margin-bottom:-15px;}
#servicos form { margin:28px 0px 0px 27px; }

#clientes { margin:-65px 0 0 20px; padding:8px 27px 0 27px; height:60px;  border-left: 1px dashed #555; position:relative; float:right;}
#clientes img { position:relative; border:#555555 solid 1px; }

.coluna_central { border-left: 1px dashed #555; border-right: 1px dashed #555; float: left;width: 280px;margin: 0 0px 5px 0; padding:0px; }
.coluna_central h1 { width:240px; font:Arial, Helvetica, sans-serif; font-size: 1.5em; color:#DA251C ; font-style:italic; border:none; padding:0px; margin:0px; }

.conteudo_meio { padding-top:30px; width: 225px; margin-left:27px; margin-top:-20px; text-align:justify;} 

#noticias { height: 425px; *height: 436px; line-height: 1.3em; padding-top:30px; _margin-top:-15px; _padding-top: 0px;}
#noticias img { float:left; margin:2px; border:#555555 solid 1px; }
#noticias a{ color:#333333; text-decoration:none;}
#noticias a:hover { color:#333333; text-decoration: underline; }
#noticias p { min-height: 55px; }

.coluna_direita {float: left;width: 124px; margin: 0 0px 0px 0; padding:0px; height:450px; }


#galeria{ float:left; height: 375px; width: 120px;    }
#galeria #seta_down{ height:auto; }
#galeria #seta_up{ height:auto;   }
	
#fotos{	
position:relative;
overflow:hidden; 
height: 320px;
/* CSS HACK */
margin:0px 0 5px 29px; /* normal */
*margin:5px 0 5px 29px; /* IE7 */
_margin:5px 0 5px 29px; /* IE6 */
padding:0px 0 0px 0px; /* normal */
*padding:0px 0 0px 0px; /* IE7 */
_padding:0px 0 0px 0px; /* IE6 */
	}

#naopirataria { width:119px; text-align:center; margin-top:5px; padding-top:10px; padding-left:5px; border-top: #555555 dashed 1px;  }
#naopirataria img { border:none; }

#fotos div{	 
position:relative;	/* não alterar */
height:1500px;	/* maior do que o total de fotos */
	}

#fotos img{ 
border:2px solid #999999 ;
filter:alpha(opacity=85);	/* IE */
opacity:0.85; /* Firefox */
padding:0px;	/* espaço entre as fotos */
margin-top:0.3em; /* IE7 */
/* CSS HACK */
_margin-top:0.4em; /* IE7 */
*margin-top:0.4em; /* IE6 */ 
	}

/* ----------------- rodapé -------------------------------------------------------*/
#afasta_rodape{width:750px;height:170px; _height:0px; margin-top:30px;_margin-top:30px; *margin-top:30px;}

#rodape { font-size:0.9em; clear: both; text-align:center; color: #333; background: #999999; padding: 5px 0 5px 0; 
margin:0;}
#rodape a {color: #ffffff; background: inherit; text-decoration:none;}
#rodape a:hover {color: #ffffff; background: inherit; text-decoration:underline;}