@font-face {
    font-family: blinker;
    src: url('fonts/Blinker-Regular.ttf');
}

@font-face {
    font-family: monda;
    src: url('fonts/Monda-Regular.ttf');
}

@font-face {
    font-family: cambria;
    src: url('fonts/cambriaz.ttf');
	font-stretch: normal;
}

@font-face {
    font-family: play;
    src: url('fonts/Play-Regular.ttf');
}

@font-face {
    font-family: monda-bold;
    src: url('fonts/Monda-Bold.ttf');
}

@font-face {
    font-family: saira;
    src: url('fonts/Saira-Regular.ttf');
}


@font-face {
    font-family: saira-condensed;
    src: url('fonts/SairaCondensed-Regular.ttf');
}

*{
	border : 0;	
	margin : 0;	
	padding: 0;
}

body 
  {
  font-size:12pt;
  font-family:"lucida grande", "lucida sans", verdana, sans-serif;
  color: #333333;
  line-height:16pt;
  margin-left:10pt;
  margin-right:10pt;
  background-color: #031E34;
  z-index: 1000;
}
.titulo {
	height: 23px;
	font-size: 15pt;
	font-family: cambria;
	font-style: italic;
	font-weight: bold;
	margin-top:10px;
	margin-left: 25px;
	padding-bottom: 10px;
	color:#312e1e;
    text-shadow: 2px 2px 4px rgba(0,0, 0, 0.4);
    text-overflow:ellipsis;
	background-image: url('imagens/filete.png');
	background-repeat: no-repeat;
	text-align: left;
}


p {
  margin-left:10px;
  margin-right:10px;
}

h1 {
  font:24pt "lucida grande", "lucida sans", verdana, sans-serif;
  font-weight:bold;
  line-height:30pt;
  margin-left: 10px;
  margin-right: 10px;
}

h2 {
  font:18pt "lucida grande", "lucida sans", verdana, sans-serif;
  font-weight:bold;
  margin-left: 10px;
  margin-right: 10px;
  line-height:22pt;
}

h3 {
  font-size:12pt;
  font-family:Verdana, sans-serif;
  font-weight: normal;
  font-style:italic;
  text-indent: 50px;
  margin-left: 10px;
  margin-right: 10px;
  color: #333333;
}

h4 {
  font-size:10pt;
  /*2  font-family:verdana, sans-serif; */
  font-family: saira;	
  font-style: normal;
  font-weight: normal;
  text-indent: 50px;
  margin-left: 10px;
  margin-right: 10px;
  color: #333333;
  }
hc {
  font-size:9pt;
  font-family:blinker;
  font-style:italic;
  line-height: 15px;
  /*	
  font-weight: 300;
  margin-top: 1px;
  margin-bottom: 1px;	
  margin-left: 10px;
  margin-right: 10px;
  */	
  color: #363221;
}

ht {
  font-size:8pt;
  font-family:monda-bold;
  font-style:normal;
  text-decoration: underline;	
  margin-top:25px;	
  margin-left: 45px;	
  /*	
  font-weight: 300;
  text-indent: 50px;
  margin-left: 10px;
  margin-right: 10px; */
  color: #363221;
  
	
}
a {
  text-decoration:none;
}

a:link {
  color:red;
}

a:visited {
  color:red;
}

a:active {
  color:black;
}

#envoltoria
{
 margin:auto ;
 margin-top: 20px;
 width: 740px;
 height: auto ;
 z-index: 1;
}

#logo
{
 position: absolute ;
 background-color: transparent ;
 background-image: url('imagens/logo_arrieiro.png'); 
 margin-top: 85px;  /*256*/
 margin-left: 15px; 
 width: 200px;
 z-index: 3; 
 height: 100px;
 background-size: contain;
 background-repeat: no-repeat
}

#logo:hover
{
 -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,255,.5));
 filter: drop-shadow(15px 10px 5px rgba(0,0,255,.5));
}

#whats
{
 position: absolute ;
 background-color: transparent ;
 background-image: url('imagens/whatsapp.png'); 
 margin-top: 170px;  /*256*/
 margin-left: 702px; 
 width: 30px;
 z-index: 3; 
 height: 40px;
 background-size: contain;
 background-repeat: no-repeat;
}

#whats:hover
{
 -webkit-transform: scale(1.6);
 transform: scale(1.6);
 /*-webkit-transform: rotateZ(360deg);
 transform: rotateZ(360deg)	
 -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
 filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));	 
    border: 1px solid #136497;
    border-radius: 50%; */
}

#obras
{
 position: absolute ;
 background-color: transparent ;
 margin-top: 38px;  /*256*/
 margin-left: 350px; 
 width: 350px;
 z-index: 3; 
 height: 165px;
}

#cabeca
{
 top: auto;
 height: 258px;
 width: 740px;
 z-index: 2;
 background-image: url('imagens/filete_superior.png'); 
 background-repeat: repeat-y;
}

#menuhorizontal
{
 position: absolute ;
 background-color: transparent ;
 margin-top: 226px;  /*256*/
 margin-left: 140px; 
 width: 560px;
 z-index: 3; 
 height: 31px;
}

#corpo
{
 left: auto;
 top: auto; 
 width: 100%; /* não tira não */
 height:inherit;
 border: 0px; /* não tira não */
 /*min-height: 800px; */
 z-index: 4; 
 background-image: url('imagens/filete_meio.png') ;
 background-repeat: repeat-y;
 overflow: hidden ;
}

#barralateral
{
 float: left ;
 height: auto ;
 width:140px;
 overflow: visible;
}


#acaba_topo
{
 position: relative ;
 top:20px;
 left: 10px;
 height: 37px;
 width:120px; 
 background-image: url('imagens/acaba_topo.png'); 
 background-repeat: no-repeat ;
 overflow: visible ;
}


#menuvertical
{
 position: relative ;
 top: 20px;
 left: 10px;
 width: 120px;
 overflow: visible ; 
}

#acaba_base
{
 position: relative ;
 top:20px;
 height: 20px;
 left: 10px;
 width:120px; 
 background-image: url('imagens/acaba_base.png'); 
 background-repeat: no-repeat ;
 overflow: visible ;
}

#telefone
{
 position: relative ;
 top:40px;
 height: 120px;
 left: 10px;
 width:120px; 
 /*background-repeat: no-repeat ;
 overflow: visible ;*/
}

#conteudo	
{
 float: right ;
 top:0px;
 width: 580px;
 margin-right: 20px;
 height:auto ;
 overflow: visible ; 
}

#rodape	
{
 left: auto;
 top: auto; 
 height: 148px;
 background-image: url('imagens/filete_inferior.png') ;
 clear: both;
 z-index: 5;
}
/* Menu Horizontal*/
.nav {
height:31px; 
background: url(imagens/bg.gif) repeat-x; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px; 
width:580px; 
z-index:100;
margin:0;
padding:0;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:31px;  /*31*/
float:left; 
font-weight:bold;
background: url(imagens/bg.gif); 
padding:0 30px 0 30px;  /*30*/
text-decoration:none; 
line-height:31px;  /*31*/
white-space:nowrap; 
color:#dfdfdf;
}


.nav .select a:hover, 
.nav .select li:hover a {
background: url(imagens/hover.gif); 
padding:0 0 0 15px;  /*15*/
cursor:pointer; 
color:#2b3238;
}

.nav .select a b{
	font-weight:bold;
	}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px;  /*30 0 15*/

background:url(imagens/hover.gif) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#2b3238;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:100%; 
top:31px;  /*33*/
background:url(imagens/back.gif); 
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#2b3238;
}

.nav .current .sub li.sub_show a {
color:#2b3238; 
cursor:default; 
}

.nav .select .sub li a {
	font-weight:normal;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#909090; 
}

#menuver {
    font-family:arial, verdana, sans-serif; 
    font-size:11px;
    line-height: 30px;
	width: 118px; /* 118 */
	left: 0px;
	border-style: solid solid none solid;
	border-color: #000000;
	border-size: 1px;
	border-width: 1px;
	padding:0px;
	}
	#menuver ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	#menuver li a {
		voice-family: "\"}\""; 
		voice-family: inherit;
		height: 32px; /* era 24 */
		text-decoration: none;
		font-weight:normal;
		}
		
	#menuver li a:link, #menuver li a:visited {
		color: #FFFFFF;
		display: block;
		background: url(imagens/menuver.png);
		padding: 0px 0 0 22px;
		}
		
	#menuver li a:hover {
		color: #FFFFFF;
		background: url(imagens/menuver.png) 0 -32px;
		padding: 0px 0 0 22px;
		}
		
	#menuver li a:active {
		color: #FFFFFF;
		background: url(imagens/menuver.png) 0 -64px;
		padding: 0px 0 0 22px; /* era 30 */

		}