@import url(/_ext/css_hd.css);
@import url(/_ext/css_ft.css);


/* ---::: ELEMENTOS COMUNS :::--- */

*, html, body {margin:0; padding:0; text-decoration:none;}
img {border:none;}

body {
text-align:center; /* hack para o IE */
background:#ede9e1 url('/_graf/bg.gif') repeat-x 0 0;
font:small "Trebuchet MS", Arial, Helvetica, sans-serif;}

#main {
width:752px;
margin:0 auto;
text-align:left; /* "remédio" para IE */	
background:#fff url('/_graf/bg_main.gif');
}


		/* - Seccoes de conteudos - */

.contcent { /* bloco de conteudos central */
margin:0 35px;
padding-top:20px;
clear:left;
color:#666;
line-height:1.5em;
}

.contcent p, dl {
text-align:justify;
margin-bottom:1.5em;
}

.contlat { /* bloco de conteudos lateral */
width:190px;
float:right;
background:#006B77 url('/_graf/bg_contlat.jpg') no-repeat right bottom;
font-size:85%;
text-align:justify;
color:#d9e9eb;
margin:0 6px 20px 20px;
_margin-right:3px; /* hack para evitar a duplicação da margem do IE */
padding:35px 8px 100px;
}

.contlat p {
margin-bottom:1.5em;
}

.contlat .nota {
color:#66A6AD;
font-style:italic;
text-align:right;
}

.contcent em, .contlat em {
font-style:normal;
font-weight:600;
}


/* ---::: HOME :::--- */

.newimg {
width:92%;
padding:5px;
margin:0 1% 15px;
position:relative;
float:left;
border:none; 
background-color:#f9f9f9;
clear:both;
font-size:85%;
text-align:left;
}

.newimg img {
width:200px;/*120*/
height:118px;/*69px;*/
float:left;
margin-right:10px; 
border:1px solid #ccc; 
background:#fff;}

.contcent div.entrada {
height:180px;
min-height:180px;
padding-right:255px;
margin:10px 0;
background:url('/_graf/entrada.gif') no-repeat top right;
clear:both;
}

.contcent div.entr01, .contcent div.entr03 {
height:190px;
min-height:190px;
padding-left:200px;
margin:10px 0;
background:no-repeat top left;
clear:both;
}

.contcent div.entr02, .contcent div.entr04 {
height:190px;
min-height:190px;
padding-right:200px;
margin:10px 0;
background:no-repeat top right;
clear:both;
}

div[class] div.entrada, div[class] div.entr01, div[class] div.entr02, div[class] div.entr03, div[class] div.entr04 {height:auto;}

.contcent div.entr01 {background-image:url('/_graf/ini01.jpg');}
.contcent div.entr02 {background-image:url('/_graf/ini02.jpg');}
.contcent div.entr03 {background-image:url('/_graf/ini03.jpg');}
.contcent div.entr04 {background-image:url('/_graf/ini04.jpg');}


/* ---::: PRODUTOS :::--- */

ul.prodnav {
margin-left:2em;
margin-bottom:1.5em;
position:relative;
text-align:left;
clear:left;
line-height:180%;
list-style-type:square;
font-weight:bold;
color:#C4D8E2;
}

ul.prodnav li li {
margin-left:-1.0em;
list-style-type:none;
}

ul.prodnavlat {
margin-left:1.5em;
text-align:left;
line-height:180%;
list-style-type:square;
color:#95A005;
}

ul.prodnavlat li li {
margin-left:-2.0em;
list-style-type:none;
}

.galeria { /* produtos slideshow vertical */
width:185px;
height:351px;
_height:356px;
float:left;
overflow:auto;
margin:10px 0 25px;
clear:both;
}

.framepic {
float:left;
margin:0 3px 3px 0;
}

.pic img {width:75px; height:44px;} /*tamanho das miniaturas*/

.bigfoto { /* foto grande */
width:477px;
margin:10px 0 25px;
padding:5px;
position:relative;
float:right;
text-align:center;
border:1px solid #ccc;
background-color:#fff;
}

.bigfoto img {
margin-bottom:5px; 
_margin-bottom:2px; 
border:1px solid #ccc; 
background:#fff;}

.legenda-cont {
width:474px;
height:52px;
_padding-top:0.5em;
_height:47px;
line-height:55px;
background-color:#eee;
border:1px solid #ccc;
vertical-align:middle;
display:table-cell;
clear:both;
}

#legenda {font:600 90% "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;}

.contcent .clear {clear:both;}

ul.cores {
width:602px;
height:138px;
margin:0 auto 25px auto;
padding:2px 4px 7px;
border:1px solid #ccc;
overflow:auto;
white-space:nowrap;
}

ul.cores li {
width:100px;
padding:110px 5px 5px 5px;
margin:6px 0 0 4px;
float:left;
display:inline;
border:1px solid #ccc;
font:85% "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;
background-position:center 5px;
}

li.cor01 {background:url('/_img/cor01.jpg') no-repeat;}
li.cor02 {background:url('/_img/cor02.jpg') no-repeat;}
li.cor03 {background:url('/_img/cor03.jpg') no-repeat;}
li.cor04 {background:url('/_img/cor04.jpg') no-repeat;}
li.cor05 {background:url('/_img/cor05.jpg') no-repeat;}
li.cor06 {background:url('/_img/cor06.jpg') no-repeat;}
li.cor07 {background:url('/_img/cor07.jpg') no-repeat;}
li.cor08 {background:url('/_img/cor08.jpg') no-repeat;}
li.cor09 {background:url('/_img/cor09.jpg') no-repeat;}
li.cor10 {background:url('/_img/cor10.jpg') no-repeat;}
li.cor11 {background:url('/_img/cor11.jpg') no-repeat;}
li.cor12 {background:url('/_img/cor12.jpg') no-repeat;}
li.cor13 {background:url('/_img/cor13.jpg') no-repeat;}
li.cor14 {background:url('/_img/cor14.jpg') no-repeat;}


/* ---::: CONTACTOS :::--- */

#form-contacto {margin:5px 0 35px 40px; font:600 90% "Trebuchet MS", Arial, Helvetica, sans-serif;}
#form-contacto input, #form-contacto textarea {padding:1px; margin-bottom:16px;}
#form-contacto .peq {font-weight:400; font-size:75%; color:#008493;}
#form-contacto .botao {_margin-top:-4px; display:inline; vertical-align:top;}
#form-contacto .botao-txt {display:inline; vertical-align:top; margin-left:8px; margin-right:30px; font-weight:200; font-size:95%;}
#form-contacto textarea {width:300px; height:120px;}
#form-contacto #assunto {width:300px;}
#form-contacto .enviar {width:80px; font-size:85%;}

.contcent ul.contac {list-style:none; margin:0 0 10px 40px;}

.contcent ul.contac li {margin:25px 0; padding:2px 0 10px 55px;}

.contcent ul.contac li.cntend {background:url('/_graf/cnt_end.jpg') no-repeat 0 0;}
.contcent ul.contac li.cnthor {background:url('/_graf/cnt_hor.jpg') no-repeat 0 0;}
.contcent ul.contac li.cnttlf {background:url('/_graf/cnt_tlf.jpg') no-repeat 0 0;}
.contcent ul.contac li.cntfax {background:url('/_graf/cnt_fax.jpg') no-repeat 0 0;}
.contcent ul.contac li.cnteml {background:url('/_graf/cnt_eml.jpg') no-repeat 0 0;}
.contcent ul.contac li.cntweb {background:url('/_graf/cnt_web.jpg') no-repeat 0 0;}
.contcent ul.contac li.cntmap {background:url('/_graf/cnt_map.jpg') no-repeat 0 0;}

/* hack para compensar espaço dado pelo encoder */
.contcent ul.contac .email {margin-left:-0.3em;}


		/* - Titulos - */
.contcent h1, .contcent div.entrada h1 { /* titulo principal ('Home, A Empresa, etc.) */
font:220%/1.3em Georgia, "Times New Roman", Times, serif;
margin-bottom:1em;
letter-spacing:0.1em;
text-align:left;
color:#008493;
/*color:#C4D8E2;*/
}

.contcent h2 { /* subtitulos */
font:130%/1.5em Georgia, "Times New Roman", Times, serif;
margin-bottom:1em;
letter-spacing:0.1em;
text-align:left;
color:#94C0C7;
/*color:#95A005;*/
/*color:#008493;*/
}

.contcent h3 {
font:600 100%/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom:1em;
letter-spacing:0.1em;
text-align:left;
color:#008493;
}

.contcent ul.contac h3 {margin-bottom:0;}

.contcent h2.dir {text-align:right;margin-bottom:1em;}

.contlat h1 {
font:220%/1.5em Georgia, "Times New Roman", Times, serif;
padding-bottom:0.5em;
text-align:left;
color:#66A6AD;}


		/* - Links - */
/* Links gerais */
.contcent p a:link, .contcent p a:visited {color:#95a005; border-bottom:1px dotted;}
.contcent p a:hover, .contcent p a:active {border-bottom:1px solid; background-color:#f8fade; color:#008493;}

/* Bloco central - Links das imagens do slideshow */
.pic a img {border:2px solid #ccc;}
.pic a:hover img {border:2px solid #66A6AD;}
.pic a:hover {background:none;}

/* Bloco central - Links para as categorias de produtos */
ul.prodnav li a:link, ul.prodnav li a:visited {border-bottom:1px dotted; color:#008493;}
ul.prodnav li a:hover, ul.prodnav li a:active {border-bottom:1px solid; background-color:#f8fade; color:#008493;}

/* Bloco central - Links página contactos */
.contac a:link, .contac a:visited {color:#95a005; border-bottom:1px dotted;}
.contac a:hover, .contac a:active {border-bottom:1px solid; background-color:#f8fade; color:#008493;}

/* Bloco lateral - Links gerais */
.contlat a:link, .contlat a:visited {border-bottom:1px dotted; color:#66A6AD;}
.contlat a:hover, .contlat a:active {border-bottom:1px solid; background-color:#d9e9eb; color:#006B77;}

/* Bloco lateral - Links para as categorias de produtos */
ul.prodnavlat a:link, ul.prodnavlat a:visited {border-bottom:1px dotted; color:#d9e9eb;}
ul.prodnavlat a:hover, ul.prodnavlat a:active {border-bottom:1px solid; background-color:#d9e9eb; color:#006B77;}