@charset "utf-8";
/* CSS Document */
@import url("horinaja.css");
@import url("reset.css");


/* PADRÃO
***************************************************************/
html { 
  	font-size:12px;
	font-family:Arial;
	color:#fff;}
body {
	width:1024px;
	background-color:#ccc;
	margin:-15px auto 0 auto;
	font-family:Arial;}
	
/* FIM PADRÃO
***************************************************************/
h1{
	font-family:arial;
	font-size:24px;
	font-weight:bold;
}
#underline{
	text-decoration:underline;}
#cabecalho {
	position:relative;
	background:url(../imgs/header.jpg) no-repeat;
	width:1024px;
	height:150px;}
	
#bem_vindo{
	background-color:#ececec;
	width:884px;
	height:30px;
	margin-left:31px;
	position:relative;
	}
	
#brasil{
	background:url(../imgs/brasil.png) no-repeat;
	width:31px;
	height:30px;
	left:923px;
	top:0px;
	position:absolute;
	text-indent:-5000px;
}
#eua{
	background:url(../imgs/eua.png) no-repeat;
	width:31px;
	height:30px;
	left:964px;
	top:0px;
	position:absolute;
}
	
#texto_bem_vindo{
	position:absolute ;
	font-family:arial;
	font-size:10px;
	color:#a6a6a6;
	font-weight:normal;
	margin:10px 0px 0px 30px;
	width:230px;
	float:left;
}

#texto_indioma{
	position:absolute ;
	font-family:arial;
	font-size:10px;
	color:#a6a6a6;
	font-weight:normal;
	margin:10px 0px 0px 770px;
	width:104px;
}

#logo {
	position:relative;
	background:url(../imgs/logo.png) no-repeat;
	width:107px;
	height:86px;
	text-indent:-1000px;
	left:60px;
	top:10px;}
	
#text_header {
	width:280px;
	margin: -40px 0px 0px 270px;
	color:#969696;
	font-size:15px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;}
	
#area_login {
	background:url(../imgs/bg_login.png) no-repeat;
	position:absolute;
	width:290px;
	height:83px;
	margin:0px 0px 0px 702px;
	top:66px;
}
	
#texto_area_login {
	font-family:"Arial";
	font-size:15px;
	color:#7f7f7f;
	font-weight:bold;
	margin:10px;}
	
#form_area_login{
	position:relative;
	border:#999 1px;
	color:#CCC;
	width:250px;
	left:7px;}
	
/* MENU
***************************************************************/
ul#nav {
	width:209px;
	height:243px;
	background:url(../imgs/bg_menu.png) no-repeat;
	margin:0px 30px 0px 30px;
	position:relative;
	list-style-type:none;
	font-family:arial;
	font-weight:bold;
	font-size:15px;
	color:#FFF;
	float:left;
}
	
#nav a { height: 25px; width:180px; display: block; color:#FFF; text-decoration:none; margin-bottom:5px;}

#nav li.inicio   { width: 115px; height:25px; left: 0; margin-left:30px;}
#nav li.produtos { width: 115px; height:25px; left: 0; margin-left:30px; top:47px; }
#nav li.empresa  { width: 115px; height:25px; left: 0; margin-left:30px; top:100px; }
#nav li.contato  { width: 115px; height:25px; left: 0; margin-left:30px; top:145px; }
/* FIM MENU
***************************************************************/
#fundo_menu{
	position:relative;
	background:url(../imgs/fundo_menu.png) no-repeat;
	width:1024px;
	height:243px;
	top:-15px;}
	
#featured {
  position:relative;
  width:723px;
  height:243px;
  background: url(../images/loading.gif) center center no-repeat;}

#featured li { position:relative;}
#featured img { display: none;}

#meio{
	position:relative;
	width:1024px;
	height:517px;
	top:-15px;
	background-color:#a6a6a6;}
	
#meio2{
	position:relative;
	width:1024px;
	top:-15px;
	background-color:#a6a6a6;}

#rodape{
	width:1024px;
	height:147px;
	position:relative;
	top:-30px;
	background:url(../imgs/bg_rodape.png) no-repeat;}
	
#texto_home{
	position:relative;
	font:Arial 12px;
	float:left;
	line-height:125%;
	width:641px;
	height:241px;
	color:#fff;
	margin:32px 0px 30px 30px;}
	
#caixa_home_texto{
	width:641px;
	height:201px; }

#iso{
	position:relative;
	width:90px;
	height:90px;
	left:30px;
	top:-20px;
	background:url(../imgs/iso.png) no-repeat;
	text-indent:-1000px;
}
	
#texto_rodape {
	width:500px;
	font:arial;
	font-size:10px;
	color:#bababa;
	position:absolute;
	left:200px;
	top:30px;
	white-space:pre;}
	
#texto_rodape a {color:#bababa; text-decoration:none;}
	
#foto_home_1{	
	position:relative;
	width:196px;
	float:left;
	height:152px;
	margin:0px 30px 0px 30px;}
	
#foto_home_2{
	position:relative;
	width:196px;
	float:left;
	height:152px;
	margin:0px 30px 0px 0px;}
	
#foto_home_3{
	position:relative;
	width:196px;
	float:left;
	height:152px;}

#lateral{
	width:290px;
	height:425px;
	background:#d4d4d4;
	margin-top:30px;
	}
#lateral_home {
	position:relative;
	float:right;
	width:320px;
}
#lateral1{
	float:left;
	position:relative;
	width:680px;}

#lateralcontato{
	float:left;
	position:relative;
	width:780px;}
	
#titulo_lateral h1{

	padding:10px;}
#projetos_menu{
	width:250px;
	height:350px;
	margin-left:20px;
	background:#011f3f;}
	
#texto_projetos{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;	
	margin:10px;
	width:230px;}

#texto_projetos a{
	color:#6dcff6;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font:bold;
}
	
#separador {
	position:relative;
	background:url(../imgs/barrinha.png) no-repeat;
	width:642px;
	height:1px;
	margin: 30px 0px 30px 30px;
	}
#separador_rodape{
	position:relative;
	background:url(../imgs/separador_rodape.png) no-repeat;
	width:657px;
	height:1px;
	top:30px;
	left:200px;
	}
	
#texto_rodape_menor{
	width:380px;
	height:12px;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#bababa;
	position:relative;
	left:370px;
	top:50px;
}
#officinadigital{
	position:relative;
	background:url(../imgs/officinadigital.png) no-repeat;
	width:65px;
	height:25px;
	left:950px;	
	top:-100px;
	text-indent:-1000px;}

/* EMPRESA
/********************************************************************/

#texto_lateral_empesa{
	background:url(../imgs/botao_emresa.png) no-repeat left;
	padding-left:20px;
	color:#001d3a;
	font:bold;
	margin-bottom:10px;
	margin-left:5px;}
	
#texto_meio_empresa {
	position:relative;
	font:Arial 12px;
	float:left;
	line-height:125%;
	width:960px;
	height:280px;
	margin: 32px 0px 30px 30px;}	
	
#image_empresa{
	position:relative;
	width:723px;
	height:243px;
	float:left;
	background:url(../imgs/banner_empresa.jpg) no-repeat;}
	
	#image_caldeiras{
	position:relative;
	width:723px;
	height:243px;
	float:left;
	background:url(../imgs/linha_caldeiras.jpg) no-repeat;}
	
		#image_engenharia{
	position:relative;
	width:723px;
	height:243px;
	float:left;
	background:url(../imgs/banner_engenharia.jpg) no-repeat;}
	
#image_qualidade{
	position:relative;
	width:723px;
	height:243px;
	float:left;
	background:url(../imgs/qualidade.jpg) no-repeat;}

#image_produtos{
    position:relative;
	width:723px;
	height:243px;
	float:left;
	background:url(../imgs/banner_produtos.jpg) no-repeat;}
	
#image_referencia{
    position:relative;
	width:723px;
	height:243px;
	float:left;
	background:url(../imgs/referencias.jpg) no-repeat;}

#image_contato{
    position:relative;
	width:723px;
	height:243px;
	float:left;
	background:url(../imgs/banner_contato.jpg) no-repeat;}
	
#image_localizacao{
    position:relative;
	width:723px;
	height:243px;
	float:left;
	background:url(../imgs/banner_localizacao.jpg) no-repeat;}
	
	
/* PRODUTOS
/********************************************************************/


.pt{
	
	color: #001E3D;
    font-size: 21px;
	
}

.categoria { /*Controla as 4 Categorias*/
	clear: both;
	width: auto;
	height: 200px;
}

#texto_meio_produtos {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:962px;
	margin: 0px 0px 0px 30px;}
	
#produtos-caixas{
	position:relative;
	width:291px;
	height:166px;
	background-color:#d4d4d4;
	margin:0px 29px 30px 0px;
	line-height:125%;
	float:left;}

#produtos-caixas h1{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font:bold;
	color:#001e3d;
	margin: 20px 0px 0px 20px;}

#produtos-caixas p{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 20px;
	color:#636363;}
	
#produtos-caixas a{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font:bold;
	color:#b2141a;}
/********************************************************************/	
/*FIM PRODUTOS      												*/
/********************************************************************/

/********************************************************************/	
/*CONTATO      														*/
/********************************************************************/
#contato-texto{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:641px;
	margin: 0px 0px 0px 30px;}
#contato-tabela {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;}
#contato-tabela input,textarea,select {
	border:solid #626262 0.1em;
	margin:3px;
	color:#666}
	
#contato-lateral{
	position:absolute;
	left:703px;
	width:290px;
	height:290px;
	top:30px;
	background:#d4d4d4;
	color:#001d3a;
	}

#contato-lateral p{
	margin:20px;}
	
#contato-localizacao{
	position:absolute;
	left:703px;
	width:290px;
	height:267px;
	top:50px;
	background:#d4d4d4;
	color:#001d3a;
	}

#contato-localizacao p{
	margin:20px;
	}

/********************************************************************/	
/*FIM CONTATO    	  												*/
/********************************************************************/

/********************************************************************/	
/*LOCALIZAÇÃO	   	  												*/
/********************************************************************/
#localizacao-texto{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:641px;
	margin: 0px 0px 0px 30px;}

#localizacao-texto a{
	color:#FFF;}
/********************************************************************/	
/*FIM LOCALIZAÇÃO    	  										    */
/********************************************************************/
#tabela-login input {
	border:solid #a6a6a6 0.1em;
	margin:3px;
	color:#a6a6a6;
	font-family:arial;
	font-size:10pt;}
#images_home{
	position:relative;
	}
#detalhes{
	position:relative;
	background:#d4d4d4;
	margin:30px 30px 30px 30px;
	width:965px;
	height:900px;
	line-height:120%;}
	
#detalhes h1{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font:bold;
	color:#001e3d;
	margin: 20px 0px 0px 20px;}

#detalhes p{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;}
	
#detalhes table{
	margin-left:20px;}
	
#fotos_detalhes{
	width:270px;
	height:230px;
	margin:20px 20px 0px 20px;
	float:left;
	margin:20px 0px 30px 20px;
}
#fotos_ampliar{
	position:relative;
	background:url(../imgs/ampliar.jpg) bottom no-repeat;
	width:270px;
	height:30px;
}

.cliente-ref {
  width: 424px;
  padding: 15px 20px;
  margin: 0 30px 30px 0;
  color: #636363;
  float: left;
  background: #d4d4d4;
  overflow: hidden;
}

.cliente-ref h3 {
  font-size: 20px;
  color: #001e3d;
  margin-bottom: 15px;
}

.cliente-ref a {
  display: block;
  padding-top: 55px;
  float: right;
  color: #b2141b;
  font-weight: bold;
  text-decoration: underline;
  text-align: middle;
  background: url(../imgs/declaracao.png) center top no-repeat;
}