/* CSS Document */

/* =GERAL 

------------------------------------------------------------------- */

@media screen {
	body { min-height: 100%; _height: 100%;	background:#000000; color:white; }
	body.interna { background:#000000 url('../images/body_interna.gif') 218px 0 repeat-y; }
	div#iframe-wrapper { background:url('../images/bg_iframe.gif') left 40px repeat-x; }
	div.galeria ul { background:url('../images/bg_galeria.gif') left top repeat-x;  }
	div#wrapper { height:602px; position:absolute; }
}


body { margin:0; }

li { list-style:none; list-style-position:outside; }
img { border:0;	margin:0; padding:0; }

.clear { clear:both; }
.hidden { position:relative; display:block; text-indent:-5000px; overflow:hidden; }
.bold { font-weight:bold; }

FORM { margin: 0; padding: 0 }

/* =LAYOUT

------------------------------------------------------------------- */
body { font-family:Arial, Helvetica, sans-serif;  }

div#wrapper { min-width:100%; _width:100%; bottom:0; left:0; background:url('../images/bg.gif') left bottom repeat-x; z-index:50; }

div#content-wrapper { width:1005px; height:602px; position:relative; top:0; left:0; background:url('../images/bg_content.jpg') left bottom no-repeat; }
div#content-wrapper h1#logo { width:233px; height:84px; position:absolute; bottom:27px; left:148px; margin:0; padding:0; background:url('../images/logo.gif') left top no-repeat; }

div#content-wrapper ul#menu { height:27px; position:absolute; bottom:357px; left:215px; margin:0; padding:0 0 0 3px; background:#000000 url('../images/bg_content.jpg') -215px 0 no-repeat; list-style:none; list-style-position:outside; z-index:100; }
div#content-wrapper ul#menu li { height:27px; float:left; display:inline; margin:0 3px 0 0; padding:0; }

div#work { height:212px; position:relative; top:0; right:0; padding:3px }
div#work IMG { float:right; display:inline; margin-left:10px; text-align: right }
div#work .texto { margin-top:2px; float: right; display: inline; font-size:10px; margin:0; padding:0; text-align:right; color:#666666; }

div#content { width:299px; position:absolute; top:327px; left:381px; }
div#content h3 { display:block; margin:0; padding:0 15px; border-bottom:1px solid #ff6000; color:white; font-size:14px; font-weight:normal; }
div#content p { margin:0; padding:4px 15px 0 15px; font-size:11px; color:white; }
div#content A { text-decoration: none; color: white }
div#content A:hover { text-decoration: underline }

div#footer { width:610px; height:110px; position:absolute; bottom:0; right:-2px; }
div#fones p, div#address p, div#links p { margin:0; padding:0; }
div#fones p a, div#address p a, div#links p a, div#creditos a { margin:0; padding:0; text-decoration:none; color:white; }
div#box-left { float:left; }
div#box-right { width:250px; float:right; }
div#footer div#fones { margin-bottom:13px; }
div#footer div#links { float:right; padding-top:14px; }
div#links p { float:left; }
div#content-wrapper a#indique, div#content-interna a#indique { margin:0 11px 0 17px; padding-left:12px; background:url('../images/button_indique.gif') left 3px no-repeat; }
div#content-wrapper a#contato, div#content-interna a#contato { padding:0 0 1px 21px; background:url('../images/button_contato.gif') left 1px no-repeat; }

div#content-wrapper div#creditos { float:right; display:inline; margin-right:14px; }
div#content-wrapper a#salvego { margin-top:45px; }

div#content-interna div#links { position: absolute; top:31px; right: 0px }
div#content-interna a#indique { display:block; padding:0 0 0 12px; }
div#content-interna a#contato { display:block; padding:0 0 1px 21px; }

div#iframe-wrapper div#creditos { position:absolute; bottom:8px; right:-112px; }
a#salvego { float:right; width:82px; height:12px; margin-left:18px; background:url('../images/salvego.gif') -22px top no-repeat; }
a#dnex { float:right; clear:right; width:100px; height:12px; background:url('../images/dnex.gif') -4px top no-repeat; }

div#content-interna { display:block; background:url('../images/bg_interna.gif') left top repeat-x; }
div#header { display:block; width:1002px; background:url('../images/bg_header.jpg') left top no-repeat; font-size:12px; position: relative; }
div#header h1#logo { width:233px; height:84px; position:absolute; top:116px; left:11px; margin:0; padding:0; background:url('../images/logo_interna.gif') left top no-repeat; }

div#header ul#menu { float:left; display:inline; height:27px; margin:0; padding:77px 0 0 218px; background:url('../images/bg_menu.gif') right bottom no-repeat; list-style:none; list-style-position:outside; z-index:100; }
div#header ul#menu li { height:27px; float:left; display:inline; margin:0 3px 0 0; padding:0 }
div#header div#links { float:right; }

div#sidebar { width:190px; float:left; padding-top:90px; margin-right:3px; padding-left:25px; font-size:11px; overflow:hidden; }
div#sidebar div#address p { display:inline; }
div#sidebar div#fones { margin-top:13px; }

div#iframe-wrapper { position:relative; width:660px; float:left; }
#ifcontent { height:600px; background:transparent; }

div#interna #localizador h2 { display:block; height:34px; background:#1a0700; text-align:right; font-size:21px; font-weight:normal; margin:0; padding: 3px 8px 0 4px ; border-bottom:3px solid #100000; border-top:3px solid #100000; }
div#interna #localizador h2 img { margin-top:4px; }
div#interna #localizador h3 { display:none; }

div.com-img { padding: 10px 120px 10px 225px }
div.sem-img { padding: 10px 120px 10px 10px }
div.com-img, div.sem-img {font-size:12px; color:#ffdbcc; }
div.com-img P, div.sem-img P { margin: 0; padding: 0 }
div.com-img, div.sem-img { font-size:12px; color:#ffdbcc; margin:0; }
div#interna img.content { float:left; padding:4px; }
div.galeria-texto h5, div.com-img h5, div.sem-img h5 {
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
}
div.com-img #tituData, div.sem-img #tituData {
	font-size: 11px;
}

div.telaInterna { padding: 20px 0px 20px 20px; font-family: Arial; font-size: 12px; color: #ffdbcc  }

div.galeria { float:right; }
div.galeria h4 { display:block; text-align:center; font-size:12px; font-weight:normal; margin:0 20px 0 0; padding:11px 0 0 0; }
div.galeria h4 { padding-bottom:9px; }
div.galeria ul { width:263px; display:block; padding: 28px 0 0 27px; margin:0 0px 0 0; }
div.galeria ul li { position:relative; width:100px; height:100px; float:left; list-style:none; list-style-position:outside; border:2px solid #7D2000; padding:0; margin:0 0px 25px 0; }
div.galeria ul li.work-left { margin-right:28px; }
div.galeria ul li a { position:absolute; top:0; left:0; display:inline; width:100px; height:100px; z-index:100; background:url('../images/button_ampliar.gif') 0 -34px no-repeat; }
div.galeria ul li a:hover { background:url('../images/button_ampliar.gif') 0 -180px no-repeat; }
div.galeria ul li img { position:absolute; float:left; z-index:0; }

div.galeria-texto { padding: 10px 10px 0px 12px; font-size:12px; color:#ffdbcc; width: 340px }
div.comgaleria p { margin: 0; padding: 0 }

div.clientes ul { width:640px; display:block; background:url('../images/bg_clientes.gif') left -1px repeat-x; padding:16px 0 0 21px; margin:0; /padding-bottom:24px; _padding-bottom:24px; }
div.clientes ul li { position:relative; width:104px; float:left; list-style:none; list-style-position:outside; padding:0; margin:4px 25px 24px 0; }
div.clientes ul li.margin-meio { margin-right:24px; }
div.clientes ul li.margin-fim { margin-right:0; }
div.clientes ul li a { position:absolute; top:0; left:0; display:inline; width:104px; height:104px; background:url('../images/button_ampliar.gif') 2px -34px no-repeat; }
div.clientes ul li a:hover { background:url('../images/button_ampliar.gif') 2px -180px no-repeat; }
div.clientes ul li img { position:absolute; top:0; left:0; float:left; border:2px solid #7D2000; }
div#interna div.clientes p { width:104px; font-size:10px; margin:0; padding:107px 0 0 0; text-align:center; }

div.indice { margin:0 9px 0 12px; padding: 10px 0 0 17px; border-top:1px solid #7D2000; line-height:12px; }
div.indice h4 { margin:0; padding:0; }
ul.indice-letra { margin:0; padding: 11px 0 24px 0; }
ul.indice-letra li { list-style:none; list-style-position:outside; padding:0; margin:0; font-size:11px; color:#FFDBCC; text-decoration:none; margin:0; padding:0; }
ul.indice-letra li A { padding:0; margin:0; font-size:11px; color:#FFDBCC; text-decoration:none;  }
ul.indice-letra li A:hover { text-decoration:underline;  }

#divSubMenu { position: absolute; z-index: 120; visibility: hidden; background-color: #401000; text-align: left; border-top: 3px solid #7D2000; border-right: 3px solid #7D2000; border-left: 3px solid #7D2000; padding: 0px 0px 0px 0px; overflow: hidden }
#tbMenu {  }
#tbMenu TD { padding: 0px 0px 0px 0px }
#divSubMenu a { font: normal 11px Tahoma; text-decoration: none; width: 100%; padding: 5px 11px 5px 11px; color: white; display: block; border-bottom: 3px solid #7D2000  }
#divSubMenu a:hover { background-color: #ff6000; color: white }

#cabPrint { display: none; }

#overlay {
	width: 100%; 
	height: 400px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 1000; 
	text-align: center;
	background: black; 
	filter: alpha(opacity=60); 
	opacity: .2;
	display: none;
}

#ampliacao {
	width: 100%; 
	height: 400px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 1001; 
	text-align: center;
	display: none;
}

#ampliInner {
	width: 200px; 
	margin: 0 auto 0 auto;
}

#divBtnFechar
{
	height: 18px;
	text-align: right;
	padding-bottom: 3px;
}

#imgAmpliar2 {
	border: 6px solid white;
	margin-bottom: 6px;
}

#ampliText {
	background-color: White;
	padding: 6px;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: Black;
}

#destacaLinks a {
	text-decoration:none;
	color:#ffa36c;
}

#destacaLinks a:hover {
	color:#ffa36c;
	text-decoration:underline;
}

#tituAcesse {
	font-size: 12px;
	font-weight: bold;
}

#acesso A {
	font-size: 11px;
	color: #ffa36c;
	text-decoration: none;
}
#acesso A:hover {
	text-decoration: underline;
}

.noBorderTable { border: 0px; }
.BorderOutTable { border: 1px solid #7e1f01; border-collapse: collapse; }
.BorderAllTable { border-collapse: collapse; }
.BorderAllTable TD { border: 1px solid #7e1f01; border-collapse: collapse; }

.noticia { padding: 0px 0px 0px 0px; margin-bottom: 24px; font-family: Arial; width: 414px; }
.noticia IMG { float: left; border: 2px solid #7e1f01; display: block; margin-right: 6px; }
.noticia .texto { float: left; padding: 0px; margin: 0px; }
.noticia .texto { width: 414px; }
.noticia #withImage { width: 342px; }
.noticia .texto STRONG { padding: 0px; font-family: Arial; }
.noticia A { color: #ffdbcc; text-decoration: none; }
.noticia A:hover { text-decoration:	 underline; }

.indexListagem { width: 660px; margin: 16px 0px 16px 0px; border-top: 1px solid #cccccc; padding-top: 16px; text-align: center; clear: both; font-size: 12px; font-family: Arial; color: #ffdbcc; }
.indexListagem a { color: #7d7d7d; padding: 0 4px; text-decoration: none; }
.indexListagem a:hover { color: #7d7d7d; text-decoration: underline; }


/* menu sem flash */
a.nfMenuItem { font-size: 14px; font-family: 'Arial Narrow', Arial; font-weight: 300; display: inline-block; 
               height: 21px; padding: 6px 8px 0 8px; background: #FF6000 top right; color: white; text-decoration: none }
a.nfMenuItem:hover, a.nfMenuItem.ativo { background-color: #7D2000; }


@media xscreen, print 
{
	BODY {
		background-color: White;
	}
	#cabPrint { 
		display: block; 
		margin-bottom: 20px; 
		padding-bottom: 4px; 
		border-bottom: 1px solid gray; 
		padding-bottom: 10px; 
		height: 90px;
		font-family: Arial; 
		font-size: 12px; 
		padding-top: 6px;
		text-align: right;
		width: 100%;
		clear: both;
		color: Black;
	}
	#cabPrint IMG { 
		float: left; 
	}
	div#header, div#interna #localizador h2, div#sidebar, div#creditos {
		display: none;
	}
	div#interna #localizador h3 {
		display: block;
		font-size: 18px;
		color: Black;
		margin: 0 0 20px 4px;
		padding: 0;
	}
	div.com-img, div.sem-img, div.telaInterna, div.galeria-texto, ul.indice-letra li, 
		ul.indice-letra li A, .noticia A, .indexListagem, #destacaLinks a, #acesso A {
		color: black; 
		}
	.BorderOutTable, .BorderAllTable TD { border: 1px solid black; }
}