


/*  CORES   

###  cor oficial grená escuro: #b11116;
cor de fundo escuro: #19100f;
cinza grená escuro: #342c2b;
laranja para fundos pretos: #ff9000;
*/






body {

	top:0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left:0px;
	margin-bottom: 0px;
	font-family:HandelGotDLig, "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif; 
	font-size:80%; 
	_font-size:12.5px;
	text-decoration:none; 
	color:#333;	
	/* background-image:url(recursos/bg.jpg);	background-repeat:repeat-x;	background-position:center top; */
	background-color:#19100f;	
	}



@font-face {
    font-family: 'HandelGotDLig';
    src: url('handgotl.eot');
    src: url('handgotl.eot?#iefix') format('embedded-opentype'),
         url('handgotl.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}	
	
		
hr {height:1px;border:1px #000;background-color:#002f65;margin-top:0px;} 
img {border:0px; border-style: none; -ms-interpolation-mode: bicubic; image-rendering:optimizeQuality; }
ul, li, div, p, h1, h2, h3, h4, img {margin: 0px; padding: 0px; border: none;}
/*ul, li, div, p, h1, h2, h3, h4, img, table, tr, td, span, form, input {margin: 0px; padding: 0px; border: none;}*/

a img { border:0px; border-style: none;}
a {color:#b11116;	text-decoration:none; display:inline-block}
a:hover {	color:#111;	text-decoration:underline;}

p {margin-top:0; overflow-wrap: break-word; word-wrap: break-word;}


input { height:20px;
background-color:#eee;
    outline:none;
transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;
    border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;
    border:1px solid #bbb;
}
input:hover { background-color:#eee;
box-shadow: 0 0 5px #b11116; -webkit-box-shadow: 0 0 5px #b11116; -moz-box-shadow: 0 0 5px #b11116;
    border:1px solid #888; 
}
input:focus {border:1px solid #ff9000; }


textarea {background-color:#eee;
outline:none;
transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;
    border-radius:3px;    -webkit-border-radius:3px;  -moz-border-radius:3px;
    border:1px solid #bbb;
	}
textarea:hover {background-color:#eee;
box-shadow: 0 0 5px #b11116; -webkit-box-shadow: 0 0 #b11116; -moz-box-shadow: 0 0 5px #b11116;
    border:1px solid #888;
	}
textarea:focus { border:1px solid #ff9000; }

.button {border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px;
	background-image:url(recursos/bg_button.gif);
	padding-bottom:2px;
	cursor:pointer;
	color:white;
	width:90px;
	font-weight:bold;
	height:26px
}

.button:hover {
	background-image:url(recursos/bg_button_over.gif);
	color:white;
}


#preload { display: none; }
.img_border {	border-style:solid;	border-width:1px; border-color:white;}

.bloco {display: inline-table !important; width:100%;}

.area_bg {
display:table;
width:100%;
margin-left:0px;
margin-right:0px;
}

.area {	
margin-left:auto;
margin-right:auto;
width:980px;
}



/*///////////////////////   HEADER      ////////////////*/


#header_bg{	
	background-image:url(recursos/bg_header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin-left:0px;
	margin-right:0px;
}

#header{ height:112px; color:white; text-decoration:none; position:relative;  font-size:80%;}

#header_print {display:none}

#header .logo_file { }

#header table  {width: 100%; height:100%; margin: 0px; padding: 0px; border: none; border-collapse: collapse; }
#header tr td {vertical-align:bottom; margin: 0px; padding: 0px; border: none; border-collapse: collapse;}
#header img {vertical-align:bottom; }
#header .logo { width: 1px; padding-right:35px;}
#header img.bandeira {	border: solid 1px #999;}
#header img.noaction {border: solid 1px white;}
#header img.bandeira:hover {	color:white;	border: solid 1px white;}
#header a { color:white; }
#header .espaco { margin-right:10px;}
#header a.noaction {	color:white;}
#header a.noaction:hover {	text-decoration:none;}
#header .nav_top {padding-bottom:17px;}
#header .logo_file2 {padding-bottom:17px; text-align:right;}

#header2_bg{    /* sombra */
	height:20px;
	background-image:url(recursos/bg_header2.jpg);
	background-repeat:repeat-x;	
	background-color:#FFFFFF;
	min-width:980px;
	padding-bottom:5px;
}




/* ////////   MENU VERTICAL ////////*/


#nav_vert {	
position:relative;
z-index:30;
width:150px;
float:left;
margin-top:-1px;
margin-bottom:20px;

}




#mainMenuV {
	text-align:right;
	text-transform:uppercase;
	z-index:20;	
	font-size:110%;}
#mainMenuV ul#navMenuV {
	margin-top:0px;
	list-style: none;
    line-height:100%;
    z-index:20;
	list-style: none;}
#mainMenuV ul#navMenuV li {
	list-style-type: none;
	overflow: hidden;
	border-top:solid 1px white;
	border-bottom:solid 1px #aaa}
#mainMenuV ul#navMenuV li a {
	width:140px;
	color:#b11116;
	margin:1px;
	padding: 6px 10px 6px 5px;	
	display:block;
	cursor: pointer;
	/*   	border-radius: 4px;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;	-khtml-border-radius: 4px;	*/
	}
#mainMenuV ul#navMenuV li a:hover {
	background-image:url(recursos/bg_nav_vert_btn.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	color:white;
	}
#mainMenuV ul#navMenuV li ul {display: none;}
/* SUBITEM */
#mainMenuV ul#navMenuV li:hover ul, #mainMenuV ul#navMenuV li.over ul {	
	margin-top:-30px;
	margin-left:150px;	
	text-transform:uppercase;
	padding: 12px 20px 12px 20px;
	position:absolute;
	background-color:#b11116;
	font-size:85%; 	
	z-index:50 !important;
	display: block;}
#mainMenuV ul#navMenuV li ul li {
	padding: 3px 0px 3px 0px;	
	text-align:left;
	width: 130px;
	float: none;	
	clear: both;}
#mainMenuV ul#navMenuV li ul li a {
	color:white;	
	line-height:130%;	
	width:100%;
	padding:0px;
	margin-bottom:2px;}
#mainMenuV ul#navMenuV li ul li a:hover {
	background:none;
	text-decoration:underline;	}
.nh_item_over {
	padding: 3px 12px 4px 12px;	
	display:block;
	cursor: default;
	/*	border-radius: 4px;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;	-khtml-border-radius: 4px;	*/
	background-image:url(recursos/nav_horiz_btn_bg.gif);
	background-repeat:repeat-x;
	text-decoration:none;}



/*/////////////////////////////////    CENTRO    /////////////////////////*/



#center_bg{ 
background-color:white;
background-image:url(recursos/bg_center.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#center{	 }


#conteudo_bg {	width:830px;	float:left;}
/*#conteudo_bg {	display: table}*/

#conteudo {min-height:500px; 
	padding: 0px 0px 30px 25px;
}

#conteudo li {
	list-style-type: square;
	list-style-position: inside;
	line-height:170%;
}


#conteudo1_bg { }

#conteudo1 {text-align:justify;}



#conteudo2_bg { }

#conteudo2 {	}


.titulo {
	text-transform:uppercase;
	font-family:HandelGotDLig, "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:190%; 
	margin-bottom:15px;
	color:#b11116;
	}

.subtitulo {
	text-transform:uppercase;
	font-family:HandelGotDLig, "Lucida Sans Unicode", "Lucida Grande", sans-serif; 	
	font-size:150%;
	}


.conteudo_txt {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 20px 20px 30px 25px;
	text-align:justify;
	line-height:140%;
}

.conteudo_txt li {	padding-bottom:3px;}

.conteudo_img {font-size:90%;	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	margin: 20px 0px 30px 25px;}

.txt {text-align:justify;}

.txt_peq {font-size:85%;}







/*////////////////////////////    FOOTER ////////////////////////  */



#footer_bg {
		background-image:url(recursos/bg_footer.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-color:#19100f;
		}

#footer {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:85%;	
	color:#CCC;	
	margin-top:20px;
	line-height:140%;
}

.footer_conteudo {

}


#contactos {
	margin-left:0px;
	display:table;	
}


#contactos #local1 {border-left:0px; margin-left:0px;}

#contactos .local {
	/*border-left: solid 1px black;*/
	/*border-right: solid 1px #444;*/
	padding:0px 30px 20px 0px;
	display:inline-table;
}


.contactos_titulo {
	clear:both;
	margin-bottom:15px;
	}	
.contactos_subtitulo {
	font-size:110%;
	text-transform:uppercase;
	color:white;
	}	
	
	
#footer #certificados {
	width:190px;
	margin-right:14px;
	margin-bottom:15px;
	float:left;
}
#certificados img {
	margin-right:10px;
}

#footer2_bg {	 }

#footer2 {}

.footer_titulo{	font-size:140%;}

.footer_subtitulo {	font-size:120%;}

.footer_conteudo a {color:#ff9000;}

.footer_conteudo a:hover {color:white;}



#webdesign{
width:100%;
float:left;
margin-top:40px;
margin-right:0px;
margin-bottom:30px;
text-align:right;
}







/*   ///////////////////////     IMAGENS AMPLIADAS NAS LAYERS  /////////////////////////*/ 


.layer {
	background-image:url(recursos/black_pixel.png);
	background-repeat:repeat;
	margin:0px;
	top:0px;
	margin-left:0px;
	width:100%;
	height:100%;
	position:fixed;
	z-index:50;
	visibility: hidden;
	cursor:hand;
	cursor:pointer;
	overflow: auto;	
	text-align: center;
	color:#fff;
	padding:0px;	
	left:0px;
	}


	
* html .layer {
	margin-left:auto;
	margin-right:auto;
	margin:0px;
	overflow:hidden;
    position: absolute;
    top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+10+"px" : body.scrollTop+10+"px");	
	}

.layer .area_prod {
	margin-top:20px;
}

.layer .area_prod_img {
	margin-left:auto;
	margin-right:auto;
	max-width:800px;	
	margin-bottom:20px;
	margin-top:0px;
	}
	
* html .layer .area_prod_img {
	position:static;
	margin-left:auto;
	margin-right:auto;
	width: expression(document.body.clientWidth > 800 ? "800px" : "auto");
}

* html .layer .area_prod_txt {
	font-size:12px;
	color:#FFFFFF;	
	margin-top:20px;
	margin-left:0px;	
	text-align:left;
	margin-bottom:10px;
	position:absolute;	
}

.layer .area_prod_img_file {		
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
}

.layer .prod_nome_artigo {
	font-size:180%;
	color:orange;	
}

.layer .area_prod_txt {
	color:#FFFFFF;	
	text-align:center;
	margin-bottom:20px;
	text-transform:uppercase;
}

.layer .btn_anterior {
background-image:url(recursos/btn_anterior.png);
background-repeat:no-repeat;
position:fixed;
width: 38px; height: 38px;
left:10%;
top:75px;
z-index:50;
}

.layer .btn_anterior:hover {
background-image:url(recursos/btn_anterior_over.png);
}


.layer .btn_seguinte {
background-image:url(recursos/btn_seguinte.png);
background-repeat:no-repeat;
background-position:right;
position:fixed;
width: 38px; height: 38px;
right:10%;
top:75px;
z-index:50;
}

.layer .btn_seguinte:hover {
background-image:url(recursos/btn_seguinte_over.png);
}

.layer .title_space {padding-left:40px}

.layer .btn_fechar {
	color:#ff9000;
}








/*  ////////////////////  HOME - PAGE    //////////////////////////////  */


#ecran_fotos_animadas_print {display:none}

#ecran_fotos_animadas {	
margin-top: 0px;
background-color:black;
	width:810px;
	height:315px;
	z-index: 5;
	margin-bottom: 20px;
}
	
#fotos_animadas {
	overflow:hidden;
	width:810px;
	height:260px;
	margin-bottom: 3px;
}

#sombra_banner {margin-left:-15px}

.conteudo_txt .conteudo_txt_home {width:600px; text-align:left; margin-top:-7px }






/* ##############   PÁGINAS INTERIORES ################# */




.table_trabalhos {
	width:100%;
}

.table_trabalhos tr td {

padding: 7px 0px 7px 0px;	
	border-bottom:1px solid #ddd;
	color:#333;
}

.table_trabalhos .espaco {
	border-bottom: solid 1px #b11116;
	padding: 5px 0px 25px 0px;
}

.table_trabalhos .nome {
	font-size:110%;
	color:black;
	text-transform:uppercase;
}

.table_trabalhos .foto_file {
	height:130px;
	margin-right:11px;
	border: solid 1px #CCCCCC;
	cursor:pointer;
}





#pag_qualidade {
	display:table;
}

#pag_qualidade .area_thumb {
	text-transform:uppercase;
	text-align:center;
	display: inline-block;
	vertical-align: bottom;
	width:160px;
	margin-right:20px;
	margin-bottom:50px;
	}

#pag_qualidade .thumb_file {
	margin-top:10px;
	width:100px;
	cursor:pointer;
	margin-bottom:10px;
	padding:2px;
	border: solid 1px #999; 
	}	
	
#pag_qualidade .thumb_file:hover {
	border: solid 1px #b11116;
	}
	
#pag_qualidade a {	
	text-transform:lowercase;
}




#pag_equip {

}

#pag_equip img {
display:inline-block;
_float:left;	
width:370px; 
margin-right:20px; 
margin-bottom:30px;
vertical-align:top;
_width: expression(document.body.clientWidth > 370 ? "370px" : "auto");
}






#logos_clientes {	
	text-align:center;
	margin-top:25px;
}

#lista_clientes {text-transform:uppercase;}

#logos_clientes img {
	max-width:145px;
	max-height:50px; 
	display:inline-block; 	vertical-align:middle;
	_float:left;	
	margin-right:50px; 
margin-bottom:50px;
	}






	
.table_form tr td {padding-bottom:7px;}
	

/*  GOOGLE MAPA */
#map_canvas { margin-top:30px; width:100%; height:350px;}

#content_infowindow {
	overflow:hidden;
	width:200px;
	height:40px; 	
}


/* BARRA DE COOKIES, TERMOS E PRIVACIDADE */

.consent { position:fixed; display:table; left:0px; top:0px; width:100%; background-color: #444444; color:#FFFFFF; padding: 20px 3% 20px 3%; z-index:201; 	font-family:"Lucida Sans Unicode", "Lucida Grande", arial, sans-serif; }
.consent a {color: #ff9000; margin-right:20px;}
.consent p, .consent span { display:inline; vertical-align:middle } 
.consent button { cursor: pointer }
.consent { -webkit-animation:fadeBar 0.5s 0.5s both; animation:fadeBar 0.5s 0.5s both }
@-webkit-keyframes fadeBar {
	0% { opacity:0; -webkit-transform:translateY(-100%) }
	100% { opacity:1; -webkit-transform:none }
	}
@keyframes fadeBar {
	0% { opacity:0; transform:translateY(-100%) }
	100% { opacity:1; transform:none }
	}

