/* DEFINIÇÕES GERAIS */
* {margin:0;padding:0;list-style:none;text-decoration:none;}
em{font-style:italic;}
html,address{font:normal normal 12px Arial, Helvetica, Verdana sans-serif;}
html,body{text-align:center; height:100%;}
body{font-family: Arial, Helvetica, Verdana sans-serif; color:#383a3c; background:#d4e0e6 url(../imagens/principal/bg.gif) 0 0 repeat-x;}
html{height:100%;}
img{border:none;}
a{color:#383a3c;}
a:hover{color:#cb1c24;}
a:focus{outline:none;}

/* CLASSES DE USO GERAL*/
.left{float:left}
.right{float:right}
.clear{clear:both;}
.none{display:none}
.block{display:block}
.inline{display:inline}
.indent{text-indent:-100000px}
.absolute{position:absolute}
.relative{position:relative}
.hidden{overflow:hidden;}
.center{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.bold{font-weight:bold;}

	
	/* CORES */
	.red{color:red;}
	.black{color:#000;}
	.white{color:#fff;}
	.blue{color:#0A90F1;}
	.blue2{color:#015996;}
	.grey{color:#616161;}
	/*cores principais do site*/
	.cor1 {color:#383a3c;}
	.cor2 {color:#cb1c24;}
	.cor3 {color:#;}

	
/* larguras */
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}


/*################################## PRINCIPAL ##############################################*/
/* ESTRUTURA */
div#principal{position:relative; min-height:100%; min-width:1200px;}
/* {behavior:url(js/iepngfix.htc);}*/ /*png para ie6*/
#principal {_height:100%;}

.bg2 {background:url(../imagens/internas/bg_barreira.jpg) center 110px no-repeat;}

/* conteudo */
#conteudo {padding-bottom:100px; width:930px; margin:0 auto;}

/* TOPO */
#topoi {height:618px; /*background:url(../imagens/principal/topo.jpg) center 0 no-repeat;*/}
div#topo{height:122px; width:100%;}
h1 {background:url(../imagens/principal/logo.gif) no-repeat; width:166px; float:left; margin:10px 0;}
h1 a {display:block; height:98px;}

/* MENUS */
#menu {height:245px; text-align:left; padding:20px 0 0 0;}
.menus {background:url(../imagens/principal/menu.gif) no-repeat; text-indent:-99999px; display:block;}
.mn_inicial {background-position:0 0; width:107px; height:27px;}
.mn_inicial:hover {background-position:-220px 0;}
.mn_empresa {background-position:0 -27px; width:139px; height:31px;}
.mn_empresa:hover {background-position:-220px -27px;}
.mn_servicos {background-position:0 -58px; width:220px; height:31px;}
.mn_servicos:hover {background-position:-220px -58px;}
.mn_equipamentos {background-position:0 -89px; width:220px; height:26px;}
.mn_equipamentos:hover {background-position:-220px -89px;}
.mn_clientes {background-position:0 -115px; width:220px; height:23px;}
.mn_clientes:hover {background-position:-220px -115px;}
.mn_portfolio {background-position:0 -137px; width:159px; height:34px;}
.mn_portfolio:hover {background-position:-220px -137px;}
.mn_contato {background-position:0 -171px; width:159px; height:28px;}
.mn_contato:hover {background-position:-220px -171px;}

/* botoes */
.botoes {background:url(../imagens/principal/botoes.gif) no-repeat; width:116px; height:34px; display:block; text-indent:-99999px; border:none; cursor:pointer;}
.bt_veja {background-position:0 0;}
.bt_cadastrar {background-position:0 -34px;}
.bt_leia {background-position:0 -69px;}
.bt_enviar {background-position:0 -104px; cursor:pointer;}

/* COLUNAS DA INDEX */
div#colEsq{}
div#colDir{}

/* INDEX > novidades - newsletter */
#novidadesi {width:400px; float:left; margin:0 50px 0 0; text-align:left;}
#novidadesi ul {margin:20px 0 0 0;}
#novidadesi li {margin:0 0 20px 0; text-align:left;}
#newsletter {width:400px; float:left; text-align:left;}

/* INTERNAS > empresa, servicos, equipamentos, clientes, portfolio, contato */

p {line-height:1.4em; text-align:left; margin:20px 0 0 0;}

#empresa, #servicos, #equipamentos, #portfolio, #contato, #novidades {width:640px; float:left; text-align:left;}
#galeria {text-align:left;}
/* servicos */
#servicos h3 {color:#cb1c24; font-size:14px; margin:20px 0 0 0;}
#equipamentos h3, #servicos li {color:#cb1c24; font-size:14px; margin:20px 0 0 0; text-transform:uppercase; background:url(../imagens/internas/seta.gif) 0 5px no-repeat; padding:0 0 0 12px;}
#servicos li {font-weight:bold;}
#equipamentos h3.setab {background:url(../imagens/internas/setab.gif) 0 5px no-repeat; padding:0 0 0 12px;}
#equipamentos .equip {margin:0 0 0 12px;}

#empresa ul {margin:10px 0 10px 0; float:left;}
#empresa li {float:left; font-size:14px; font-weight:bold; color:#cb1c24; background:url(../imagens/internas/seta.gif) 0 8px no-repeat;}
#empresa li a {display:block; padding:3px 0 0 12px; margin:0 16px 0 0;}
/* clientes - portfolio - equipamentos */
#clientes ul, #portfolio ul, #equipamentos ul, #servicos ul {margin:20px 0 0 0;}
#clientes li {width:160px; height:250px; float:left; margin:0 30px 30px 0; text-align:left; line-height:1.4em;}
#clientes li a {display:block;}
#clientes li a span {font-size:14px; font-weight:bold; text-transform:uppercase; clear:both;}
#clientes li a img {border:3px solid #383a3c;}
#clientes li a img:hover, #clientes li a:hover img {border:3px solid #cb1c24;}
/* portfolio - equipamentos */
#portfolio li, #equipamentos li {clear:both; margin:0 0 30px 0; text-align:left; line-height:1.4em;}
#portfolio li strong, #equipamentos li strong {font-size:14px; font-weight:bold; text-transform:uppercase; color:#cb1c24;}
#equipamentos li span {background:url(../imagens/internas/seta.gif) 0 5px no-repeat; padding:0 0 5px 12px; margin:0 0 10px 0; display:block; font-size:14px; font-weight:bold; color:#cb1c24;}
#portfolio li img, #equipamentos li img {border:3px solid #383a3c; float:left; margin:0 10px 0 0;}
/* novidades */
#novidades ul {margin:20px 0 20px 0;}
#novidades li {margin:0 0 20px 0; text-align:left;}
#novidades li a {display:block;}
#novidades li span {color:#cb1c24; font-weight:bold;}
#novidades img {float:right; padding:5px; border:1px solid #383a3c; margin:10px;}
#novidades p {line-height:1.6em; margin:10px 0 0 0;}
/* equipe */
#equipe li {margin:0 0 20px 0; color:#383a3c; font-size:12px; font-weight:normal; background:none; float:none;}
#equipe li span {color:#cb1c24; font-size:14px; font-weight:bold;}

/* mais */
#mais {margin:20px 0 0 0; text-align:left; float:left; clear:both; width:640px;}
#mais h3 {font-size:16px; font-weight:bold; padding:0 0 10px 0; border-bottom:1px dashed #383a3c;}
#mais ul {margin:10px 0 0 0;}
#mais li {background:url(../imagens/internas/seta.gif) 0 center no-repeat; padding-left:10px; margin:0 0 10px 0;}
#mais li a:hover {text-decoration:underline; display:block;}

/* TÍTULOS */
.titulos {background:url(../imagens/principal/titulos.gif) no-repeat; height:26px; text-indent:-99999px; font-size:0;}
.tit_empresa {background-position:0 0; width:157px;}
.tit_servicos {background-position:0 -35px; width:157px; height:34px;}
.tit_equipamentos {background-position:0 -70px; width:259px;}
.tit_clientes {background-position:0 -106px; width:157px;}
.tit_portfolio {background-position:0 -140px; width:184px;}
.tit_contato {background-position:0 -175px; width:160px;}
.tit_novidades {background-position:0 -202px; width:127px; height:17px;}
.tit_newsletter {background-position:0 -222px; width:147px; height:17px;}
.tit_alugue {background-position:0 -242px; width:215px; height:23px;}
.subtit {margin:10px 0 0 0; color:#cb1c24; font-size:18px; clear:both;}


/* FORMS */
fieldset{margin:0;padding:0;border:none;}
form * {font:12px Arial, Helvetica, sans-serif; color:#383a3c;}
form {margin:20px 0 0 0;}
form label {display:block; width:120px; text-align:right; float:left; font-weight:bold; margin:8px 10px 0 0;}
.forms {background:url(../imagens/principal/forms.gif) no-repeat; border:none; width:387px; height:17px; padding:8px; float:left; margin:0 0 8px 0;}
.ie6 .forms {background-attachment:fixed;}
.input_maior {background-position:0 0;}
.input_medio {background-position:0 -34px; width:303px;}
.input_menor {background-position:0 -68px; width:189px;}
.textarea {background-position:0 -102px; height:178px; overflow:auto;}
#form_contato {width:535px;}
#form_news {width:205px; float:left;}


/* RODAPE */
div#rodape{position:absolute; bottom:0; width:100%; height:65px; left:0; background:#2c2d30; }
.endereco{font-size:11px; text-align:center; color:#999;}

/* ASSINATURAS */
div#rodape a.qualitare{width:63px;height:21px;float:right;margin:-30px 20px 0 0;background:url(../imagens/assinatura_qualitare.gif) no-repeat;}
.ie6 #ajusterodape div#rodape {position:relative; margin-top:50px;}

/*################################## NAVEGAÇÃO ##############################################*/
/* tamletra */
#tamletra {width:640px; text-align:left; float:left;}
#tamletra ul{margin:0 10px 0 0; float:right; display:inline;}
#tamletra li {display:inline; float:left; margin:0 3px 0 0;}
#tamletra li span {padding:3px 0; display:block; font-weight:bold; color:#2c2d30;}
#tamletra li a {background:#2c2d30; color:#fff; height:16px; width:23px; text-align:center; font-weight:bold; padding:3px 0; float:left; text-decoration:none;}
.ie6 #tamletra li a {float:left;}
#tamletra li a:hover {background:#cb1c24; color:#efefe4; text-decoration:none;}

/* paginacao */
#paginacao {margin:20px auto 0 auto; clear:both;}
#paginacao li {display:inline; margin:0;}
#paginacao li a {background:#cb1c24; color:#fff; text-align:center; font-weight:bold; padding:2px 5px; border:1px solid #2c2d30;}
#paginacao li a:hover {background:#000; color:#cb1c24; text-decoration:none;} 
#paginacao li.pgoff {font-weight:normal; color:#666; padding:0 5px;}
#paginacao li a.pgpro, #paginacao li a.pgant {background:none; border:none; color:#2c2d30;}
#paginacao li a.pgpro:hover, #paginacao li a.pgant:hover {background:none; color:#cb1c24; text-decoration:underline;}
#paginacao li a.pgsel {background:#000; color:#cb1c24; text-decoration:none;} 

/**** galeria ****/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block; padding-top:.5em;}
* html .galleria li div span{width:400px;} /* MSIE bug */

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
/*display: none;*/
	float:right;
	width:640px;
	left:0;
	padding:0;
	min-height:480px;	
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('/imagens/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
		border: 1px solid #000;
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	float:left;
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
.ie div.navigation {
	width:200px;
}
ul.thumbs {
	width:190px;
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.listaOrder { border:1px solid #DADADA;	background-color:#EFEFEF;padding:3px 5px;margin-bottom:3px;margin-top:3px;width:300px;font-family:Arial, Helvetica, sans-serif;	color:#666666;}