@import url("reset.css");

/*********************************************************************\
^^^^^^^| Geral |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

* ul li a{ height:1%; }
html{
	background:#efefef url(../imagens/bg.gif);
	height:100%;
}
body{
	background:url(../imagens/bg2.gif) repeat-y center 0;
	color:#5d5d5d;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	min-height:100%;
}
a{
	color:#7e7e7e;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
p{ margin:0 0 11px 0;}

.hide{ display:none; }
.show{ display:block; }
.clearBoth{ clear:both; }
div.lista1{
	background:url(../imagens/lista1-bg2.gif) repeat-y 0 0;
	margin:0 -50px 10px -5px;
}
div.lista1 div{
	background:url(../imagens/lista1-bg1.gif) no-repeat 0 0;
}
div.lista1 div div{
	background:url(../imagens/lista1-bg3.gif) no-repeat left bottom;
	padding:15px 20px 25px 20px;
}
div.lista1 ul{
	width:668px;
}
div.lista1 li{
	background:url(../imagens/lista1-bullet.gif) no-repeat 0 6px;
	color:#de706d;
	display:inline;
	padding:0 20px 0 10px;
}
.lista li{
	background:url(../imagens/lista1-bullet.gif) no-repeat 0 6px;
	padding-left:10px;
}

/*********************************************************************\
^^^^^^^| Testeira |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

#testeira{
	background:url(../imagens/testeira-bg2.gif) repeat-x 0 30px;
	height:380px;
}
#testeira .bg1{
	background:url(../imagens/testeira-bg1.gif) repeat-x 0 0;
	height:36px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:5;
}
#testeira .bg1 .conteudo{
	margin:0 auto;
	width:954px;
}
#testeira .bg1 a{
	color:#fff;
	line-height:36px;
}
#testeira .bg1 a.ativo{
	text-decoration:none;
}
#testeira .bg1 p{
	float:left;
}
#testeira .bg1 ul{
	float:right;
}
#testeira .bg1 ul li{
	float:left;
	margin-left:30px;
}
#testeira .bg1 ul li a{
	background-position:0 center;
	background-repeat:no-repeat;
	padding:5px 0 5px 24px;
}
#testeira .bg1 ul li a.tipo1{
	background-image:url(../imagens/ico-trabalhe-conosco.gif);
}
#testeira .bg1 ul li a.tipo2{
	background-image:url(../imagens/ico-contato.gif);
}
#testeira .bg1 ul li a.tipo3{
	background-image:url(../imagens/ico-localizacao.gif);
}
#testeira .bg1 ul li a.tipo4{
	background-image:url(../imagens/ico-mapa-do-site.gif);
}
#testeira .bg2{
	background:url(../imagens/testeira-bg3.gif) repeat-x 0 0;
	height:123px;
	position:absolute;
	right:0;
	top:30px;
	width:50%;
	z-index:3;
}
#testeira .bg3{
	background:url(../imagens/testeira-bg4.jpg) no-repeat 0 bottom;
	height:123px;
	margin:0 auto;
	position:relative;
	top:30px;
	width:990px;
	z-index:4;
}
#testeira .bg3 h1{
	left:23px;
	position:absolute;
	top:25px;
}
#testeira .bg3 p.tipo1{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	right:23px;
	top:18px;
}
#testeira .bg3 p.tipo2{
	background:url(../imagens/testeira-isolamentos.jpg);
	bottom:4px;
	height:65px;
	margin:0;
	position:absolute;
	right:19px;
	text-indent:-2000px;
	width:284px;
}
#testeira .bg4{
	background:#dcdcdc;
	border:2px solid #b6b6b6;
	border-left:0px none;
	border-right:0px none;
	height:223px;
	position:relative;
	top:30px;
}
#testeira .bg4 .bg5{
	background:url(../imagens/testeira-bg5.jpg) no-repeat 0 0;
	height:223px;
	margin:0 auto;
	position:relative;
	width:990px;
}
#testeira .bg4 .bg5 div.tipo1{
	background:url(../imagens/testeira-sombra-esq.png);
	height:186px;
	left:18px;
	position:absolute;
	top:7px;
	width:37px;
	z-index:2;
}
#testeira .bg4 .bg5 div.tipo2{
	background:url(../imagens/testeira-sombra-dir.png);
	height:186px;
	position:absolute;
	right:18px;
	top:7px;
	width:37px;
	z-index:2;
}
#testeira .bg4 .bg5 div.tipo3{
	background:url(../imagens/testeira-sombra-cima.png) repeat-x 0 0;
	height:38px;
	left:55px;
	position:absolute;
	top:7px;
	width:880px;
	z-index:2;
}
#testeira .bg4 .bg5 div.tipo4{
	background:url(../imagens/testeira-sombra-baixo.png) repeat-x 0 0;
	bottom:30px;
	height:38px;
	left:55px;
	position:absolute;
	width:880px;
	z-index:2;
}
#testeira .bg4 .bg5 .conteudo{
	background:url(../imagens/testeira-bg6.jpg) repeat-x 0 0;
	height:187px;
	left:18px;
	overflow:hidden;
	position:absolute;
	top:7px;
	width:954px;
	z-index:1;
}
#testeira .bg4 .bg5 .conteudo ul{
	padding:0 37px;
}
#testeira .bg4 .bg5 .conteudo ul li{
	float:left;
	padding-top:36px;
}
#testeira .bg4 .bg5 .conteudo ul li a{
	float:left;
	height:147px;
	width:169px;
}
#testeira .bg4 .bg5 .scroll{
	background:url(../imagens/scroll-bg.gif) no-repeat 0 0;
	bottom:9px;
	height:16px;
	left:18px;
	position:absolute;
	width:950px;
}
#testeira .bg4 .bg5 .scroll .esq{
	left:0;
	position:absolute;
	top:1px;
}
#testeira .bg4 .bg5 .scroll .dir{
	position:absolute;
	right:0;
	top:1px;
}
#testeira .bg4 .bg5 .scroll div{
	height:16px;
	margin-left:20px;
	position:relative;
	width:898px;
}
#testeira .bg4 .bg5 .scroll .centro{
	background:url(../imagens/scroll-botao-centro.gif) no-repeat 0 0;
	cursor:move;
	display:block;
	height:16px;
	position:absolute;
	top:0;
	left:0;
	width:16px;
}
#testeira .bg4 *{
	font-size:1px;
	line-height:1px;
}

/*********************************************************************\
^^^^^^^| Corpo |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

#corpo{
	margin:0 auto;
	position:relative;
	width:990px;
}
#sombra{
	background:url(../imagens/conteudo-sombra.png) no-repeat 0 0;
	height:23px;
	position:absolute;
	right:12px;
	top:0px;
	width:733px;
	z-index:1;
}

/*********************************************************************\
^^^^^^^| Apoio |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/
#apoio{
	background:#AE2623 url(../imagens/apoio-bg.gif) repeat-x 0 0;
	color:#fff;
	display:inline;
	float:left;
	margin-left:16px;
	min-height:510px;
	padding-top:20px;
	width:229px;
}
#apoio div.separador{
	background:url(../imagens/apoio-separador.png) no-repeat 0 0;
	height:13px;
	margin:20px 0;
}
#apoio h2{
	background:no-repeat 0 0;
	font-size:12px;
	height:18px;
	margin-bottom:20px;
	text-indent:-2000px;
	width:229px;
}
#apoio h2.tipo1{
	background-image:url(../imagens/apoio-tit-totalflex.png);
}
#apoio h2.tipo2{
	background-image:url(../imagens/apoio-tit-produtos.png);
}
#apoio h2.tipo3{
	background-image:url(../imagens/apoio-tit-newsletter.png);
}
#apoio ul.menu li{
	background:url(../imagens/apoio-link-bg.png) no-repeat 0 0;
	padding-left:35px;
}
#apoio ul.menu li a{
	color:#fff;
	line-height:25px;
	position:relative;
}
#apoio ul.menu li a:hover, #apoio ul.menu li a.ativo{
	color:#444;
}
#apoio form ul{
	position:relative;
}
#apoio form li{
	clear:both;
}
#apoio form label{
	display:inline;
	float:left;
	line-height:20px;
	margin:0 -1px 0 11px;
	width:32px;
}
#apoio form .tipo1 span.centro{
	background:url(../imagens/apoio-campo-bg.png) repeat-x 0 0;
	display:inline;
	float:left;
	padding:5px 0 5px 0;
	vertical-align:middle;
}
#apoio form .tipo1 input{
	background:transparent none;
	border:0px none;
	color:#333333;
	height:11px;
	font-size:11px;
	padding:0;
	width:118px;
}
#apoio form .tipo1 span.esq, #apoio form .tipo1 span.dir{
	background:url(../imagens/apoio-campo-esq.png) no-repeat 0 0;
	display:inline;
	float:left;
	height:23px;
	vertical-align:middle;
	width:7px;
}
#apoio form .tipo1 span.dir{
	background:url(../imagens/apoio-campo-dir.png) no-repeat 0 0;
}
#apoio form .tipo2 input{
	background:url(../imagens/apoio-ok-bg.png) no-repeat 0 0;
	border:0px none;
	color:#CCCCCC;
	cursor:pointer;
	font-size:0px;
	height:49px;
	padding:0;
	position:absolute;
	right:6px;
	top:-1px;
	width:50px;
}
#apoio p{
	padding-left:10px;
}

/*********************************************************************\
^^^^^^^| Rodapé |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

#rodape{
	background:url(../imagens/rodape-bg3.gif) repeat-x 0 0;
	clear:both;
	height:40px;
	line-height:29px;
	position:relative;
}
#rodape div.bg1{
	background:url(../imagens/rodape-bg2.jpg) no-repeat center 0;
	height:29px;
	position:relative;
	z-index:5;
}
#rodape div.bg2{
	height:48px;
	margin:-39px auto 0 auto;
	position:relative;
	width:980px;
	z-index:4;
}
#rodape div.bg2 div{
	background:url(../imagens/rodape-bg1.png) no-repeat 0 0;
	height:48px;
	width:250px;
}
#rodape div.bg3{
	margin:0 auto;
	width:990px;
}
#rodape p{
	float:left;
	margin-left:25px;
}
#rodape a{
	float:right;
	margin-right:15px;
}

/*********************************************************************\
^^^^^^^| Conteúdo |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

#conteudo{
	float:right;
	padding:13px 11px 13px 0;
	position:relative;
	width:721px;
	z-index:2;
}
#conteudo h2{
	font-size:12px;
	font-weight:normal;
	line-height:38px;
	margin-left:15px;
}
#conteudo .sombra .conteudo{
	padding:5px 15px 10px 15px;
}
.leiaMais{
	background:url(../imagens/leiaMais-bg.gif) no-repeat right top;
	clear:both;
	display:block;
	line-height:22px;
	padding-right:23px;
	text-align:right;
}
#conteudo h3, .produtos dt{
	color:#de706d;
	font-size:11px;
	font-weight:normal;
	padding:0 0 11px 1px;
}

/*********************************************************************\
^^^^^^^| Sombra |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

.sombra{
	background:#fff url(../imagens/sombra-b.jpg) repeat-x left bottom;
}
.sombra_bg1{
	background:url(../imagens/sombra-e.jpg) repeat-y left top;
}
.sombra_bg2{
	background:url(../imagens/sombra-c.jpg) repeat-x left top;
}
.sombra_bg3{
	background:url(../imagens/sombra-d.jpg) repeat-y right bottom;
}
.sombra_bg4{
	background:url(../imagens/sombra-ce.jpg) no-repeat left top;
}
.sombra_bg5{
	background:url(../imagens/sombra-be.jpg) no-repeat left bottom;
}
.sombra_bg6{
	background:url(../imagens/sombra-bd.jpg) no-repeat right bottom;
}
.sombra_bg7{
	background:url(../imagens/sombra-cd.jpg) no-repeat right top;
	min-height:491px;
}

/*********************************************************************\
^^^^^^^| Index |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

.index .sombra{
	float:left;
	margin-bottom:5px;
	width:721px;
}
.index .tipo1{
	width:360px;
}
.index h2{
	position:relative;
}
.index .tipo1 div.conteudo div{
	float:left;
	height:100px;
	margin:0 5px 0 0;
	position:relative;
	width:153px;
}
.index .tipo1 div.conteudo div div{
	background:url(../imagens/index-mascara.gif) no-repeat 0 0;
	height:100px;
	left:0;
	position:absolute;
	top:0;
	z-index:2;
	width:153px;
}
.index .sombra div.conteudo img{
	left:9px;
	position:absolute;
	top:7px;
	z-index:1;
}
.index .sombra_bg7{
	min-height:0px!important;
}

/*********************************************************************\
^^^^^^^| Migalha |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

#migalha{
	text-align:right;
	padding-right:5px;
}
#migalha *{
	text-transform:lowercase;
}
#migalha li{
	border-right:1px solid #5d5d5d;
	display:inline;
	padding:0 3px 0 1px;
}
#migalha li.ativo{
	border-right:0px none;
	font-weight:bold;
}
#migalha a{
	color:#5d5d5d;
}

/*********************************************************************\
^^^^^^^| Faixa Novo Site |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

#novoSite{
	background:url(../imagens/faixa-novo-site.png) no-repeat 0 0;;
	height:100px;
	position:absolute;
	width:172px;
	z-index:10;
}

/*********************************************************************\
^^^^^^^| Formulário |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

#conteudo form ul{
	width:524px;
}
#conteudo form li{
	clear:both;
}
#conteudo form label{
	display:block;
	float:left;
	line-height:21px;
	padding-right:8px;
	text-align:right;
	width:100px;
}
#conteudo form .campo{
	border:1px solid #cbcbcb;
	color:#444;
	float:left;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:4px;
	padding:3px;
	width:408px;
}
#conteudo form .botao{
	background:url(../imagens/botao-bg.gif) no-repeat 0 0;
	border:0px none;
	color:#fff;
	cursor:pointer;
	display:inline;
	float:right;
	font-size:11px;
	height:18px;
	margin:6px 0 0 6px;
	padding:0;
	overflow:hidden;
	width:66px;
}
form textarea{
	height:90px;
	overflow:auto;
}

/*********************************************************************\
^^^^^^^| Contato |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

.contato form{
	padding-top:20px;
}

/*********************************************************************\
^^^^^^^| Produtos |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

.produtos h3{
	padding-top:15px!important;
}
.produtos dt{
	border-top:1px solid #eeb7b6;
	clear:both;
	padding-top:40px;
	position:relative;
	width:691px;
	z-index:2;
}
.produtos dt.primeiro{
	padding-top:15px!important;
	border:0px none;
}
.produtos dd{
	position:relative;
	z-index:1;
}
.produtos dd.comImagem{
	min-height:62px;
}
.produtos dd img{
	float:right;
	margin:-40px 0 -22px 0;
}
.produtos dd a.tipo1{
	background:url(../imagens/produtos-ampliar.gif) no-repeat right top;
	margin:36px 0 0 -5px;
	padding:0 0 10px 15px;
	position:relative;
	float:right;
	z-index:2;
}
.produtos div.conteudo .clearBoth{
	margin-top:30px;
}

/*********************************************************************\
^^^^^^^| Paginação |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

.paginacao{
	background-position:right 5px;
	margin:32px -2px -5px 0pt;
	padding-top:5px;
	position:relative;
	width:670px;
	z-index:3;
}
.paginacao li{
	display:inline;
	padding:0 3px;
}
.paginacao li.ativo{
	background:url(../imagens/paginacao-bg-ativo.gif) no-repeat 0 center;
	color:#fff;
	font-weight:bold;
	padding:0px 3px;
}

/*********************************************************************\
^^^^^^^| ImageBox |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

#ImageBoxClose img{
	border:0;
}
#ImageBoxOverlay{
	background-color: #ccc;
	z-index:100;
}
#ImageBoxCaption{
	background-color: #F4F4EC;
}
#ImageBoxContainer{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
	z-index:101;
}
#ImageBoxOuterContainer{
	z-index:102;
}
#ImageBoxCaptionText{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages{
	margin: 0;
}
#ImageBoxNextImage{
	background-image: url(../imagens/next_image.jpg);
	background-color: transparent;
	background-position: right bottom;
	background-repeat:	no-repeat;
}
#ImageBoxPrevImage{
	background-image: url(../imagens/prev_image.jpg);
	background-color: transparent;
	background-position: left bottom;
	background-repeat:	no-repeat;
}

/*********************************************************************\
^^^^^^^| Mapa do Site |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

.mapa_do_site h3{
	font-size:12px!important;
	font-weight:bold!important;
	padding:15px 0 2px 15px!important;
}
.mapa_do_site ul{
	padding:0 0 15px 15px;
}
.mapa_do_site ul li{
	list-style:disc;
	line-height:18px;
	margin-left:20px;
}

/*********************************************************************\
^^^^^^^| Clientes |^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
\*...................................................................*/

.clientes ul{
	margin:15px;
}