@font-face {
    font-family: 'cheltenhm_bdcn_btbold';
    src: url('../font/font01/chltboc-webfont.eot');
    src: url('../font/font01/chltboc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/font01/chltboc-webfont.woff2') format('woff2'),
         url('../font/font01/chltboc-webfont.woff') format('woff'),
         url('../font/font01/chltboc-webfont.ttf') format('truetype'),
         url('../font/font01/chltboc-webfont.svg#cheltenhm_bdcn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=4.3.0');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../font/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@charset "utf-8";
body {
font-size: 14px;
margin: 0;
padding: 0;
color: #000;
text-align: justify;
width: 100%;

font-family:"Times New Roman", Times, serif;
min-width: 960px;

}
.top01{
background-image: url(../imagens/images/top01.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.top02{
background-image: url(../imagens/images/top02.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#header-internas{
    height: 318px;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	
}
h1{ 
font-family: 'cheltenhm_bdcn_btbold';
  font-size: 18px;
  margin-top: 20px;
  margin-top: -56px;
  margin-bottom: 25px;
  display: block;
  text-transform: uppercase;
  color: #ffe9ca;
  text-shadow: 1px 1px 1px #000;
} 
h1 #h1-one{
  font-size: 13px;
}
h2{
	font-family: 'cheltenhm_bdcn_btbold'; font-size: 18px;}
h3{ font-size: 16px;
font-family: 'cheltenhm_bdcn_btbold';}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
section .container {
   width: 930px;
  margin: 0 auto; 
  position: relative;padding-top: 10px;
}
.container{ 
  width: 960px;
  margin: 0 auto; 
  position: relative;}

.container-index {
    width: 960px;
  margin: 0 auto; 
  position: relative;
}
header {
	    height: 980px;
    background-image: url(../imagens/images/top01.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#header-inter{
   height: 276px;
   background-image: url(../imagens/images/top02.jpg);
background-repeat: no-repeat;
background-position: center top;
}
footer {
   background-image: url(../imagens/parallax_bg3.jpg);
   background-color: #000;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  padding-top: 15px;
  margin-top: 15px;
  color: #ffe9ca;
}
footer #fund-rodape{

}

.fltrt {  
	float: right;
	margin-left: 8px;

}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

header a.logo {
display: block;
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  z-index: 5;
  top: 99px;
  margin: 0;
  left: 2px;
  background-size: 100%;
  width: 247px;
  height: 119px;
  background-image: url(../imagens/logo.png);
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
header a.logo:hover{
	-webkit-transition-duration: 0.65s;
	-moz-transition-duration: 0.65s;
	-o-transition-duration: 0.65s;
	transition-duration: 0.65s;
	opacity: 0.6;
}

a.face{
  display: block;
  color: #ffe9ca;
  text-decoration: none;
  font-size: 17px;
  float: left;
    text-shadow: 1px 1px 2px #000;
}
a.whats{
  display: block;
  color: #ffe9ca;
  text-decoration: none;
  font-size: 17px;
  float: left;
    text-shadow: 1px 1px 2px #000;
}
a.face:hover{ 
color: #fff;}
.whats {
    line-height: 52px;
}


a.face .face-ico:before{
  text-shadow: none;
  content: "\f087";
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  color: #FFE9CA;
  padding: 6px 17px;
  margin-right: 17px;
  border-radius: 0 0 100px 100px;
  margin-left: 15px;
  line-height: 40px;
}
a.face .whats:before {
background: url(../imagens/whats.png);
    text-shadow: none;
    content: "";
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    color: #FFE9CA;
    padding: 6px 17px;
    margin-right: 17px;
    border-radius: 0 0 100px 100px;
    margin-left: 15px;
    line-height: 40px;
}

.hora{
  display: block;
  float: right;
  font-size: 15px;
  margin-top: 10px;
  color: #ffe9ca;
  text-shadow: 1px 1px 2px #000;
}
.hora span{
  float: left;
}
.hora .hora-ico:before{
  text-shadow: none;
    float: left;
  content: "\f017";
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  color: #FFE9CA;
  padding: 6px 17px;
  margin-right: 17px;
  border-radius: 0 0 100px 100px;
  margin-left: 15px;
  line-height: 22px;
}
.orc{
  float: left;
  margin-left: 80px;
  padding-left: 48px;
  padding-bottom: 4px;
  margin-top: 102px;
  color: #FFE9CA;
  background-image: url(../imagens/orcamento.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.skip{
float: right;
  margin-left: 4px;
  padding-left: 48px;
  padding-bottom: 4px;
  padding-top: 4px;
  margin-top: 53px;
  color: #FFE9CA;
  background-image: url(../imagens/skipe.png);
  background-repeat: no-repeat;
  background-position: left center;}
  
 
.tel{
  float: right;
  padding-left: 48px;
  padding-bottom: 4px;
  padding-top: 4px;
  margin-top: 53px;
  color: #FFE9CA;
  background-image: url(../imagens/tel.png);
  background-repeat: no-repeat;
  background-position: left center;
}

/*menu*/
/* menu 2*/
nav#menutop2{
  margin-top: 32px;
  margin-left: 41%;
  position: relative;
  z-index: 300;

}
nav#menutop2 ul{
  display: block;
  padding-top: 8px;
  list-style: none;
  background: transparent;


}
nav#menutop2 ul li{
  float: left;
  overflow: hidden;
  position: relative;
  background: transparent;
  padding-bottom: 15px;
}
nav#menutop2 ul li:hover{
  overflow: inherit;
}

nav#menutop2 ul li a{
  text-decoration: none;
  color: #ffe9ca;
  font-weight: normal;
    font-size: 13px;
  border-radius: 100px;
  height: 10px;
  text-transform: uppercase;
  padding: 6px 0px 6px 21px;
  display: block;
}
nav#menutop2 ul li a:hover{
  color: #e7ab39;
}

nav#menutop2 ul li a span:before{
    content: "\f0d7";
  color: #fff;
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  border-radius: 0;
  height: 28px;
  width: 100%;
  text-align: -webkit-center;
  top: -4px;
  position: relative;
}

 nav#menutop2 ul li ul{
  list-style: none;
  display: block;
  transform: perspective( 600px ) rotatex( -90deg );
  transition-duration: 0.3s;
  position: absolute;
  top: 30px;
  width: auto;
  left: 0px;
  border-radius: 0px 0px 5px 5px;
  box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.44);
  padding: 2px 0 6px 0;
  background-image: url(../imagens/fundo_menu.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
 nav#menutop2 ul li:hover ul{
  transform: perspective( 600px ) rotatex( 0deg );
  transition-duration: 0.3s;
}
 nav#menutop2 ul li ul li{
  padding: 0;
  margin: 0; 
    text-decoration: none;
}

 nav#menutop2 ul li ul li a{
  background: none;
transition-duration: 0.3s;
  display: block;
  color: #fff;
     width: 127px;
  padding: 10px;
  height: 18px;
  border: 0px;
  line-height: 23px;
  font-size: 12px;
}
 nav#menutop2 ul li ul li a:hover{
    border: 0px;
  color: #fffc00;
}

/*index*/
#desc_index{
float: left;
  width: 385px;
  margin-top: 22px;
  display: block;
  color: #fff;
}
#desc_index #tit1{
  font-size: 18px;
}
#desc_index #tit2{
  font-size: 22px;
}
#desc_index #parag{
    margin-top: 20px;
  display: block;
}
#desc_index a#link1{
  padding: 10px;
  font-size: 13px;
  color: #fff;
  background: #000;
  display: block;
  text-decoration: none;
  float: left;
}
#desc_index a#link1:hover{
  color: #ffe9ca;

}

/* sustentabilidade index*/

.sustentabilidade{
  float: right;
  width: 400px;
  text-align: right;
  text-shadow: 1px 1px 0px #000;
  color: #fff;
  margin-top: 74px;
  display: block;
  text-transform: uppercase;
}
.sustentabilidade #one{
  font-size: 15px;
}
.sustentabilidade #two{
  font-size: 20px;
}
.sustentabilidade #tree{
  font-size: 18px;
}

.sustentabilidade a#link1{
  padding: 10px;
  font-size: 13px;
  color: #fff;
  background: #000;
  display: block;
  margin-top: 20px;
  text-decoration: none;
  float: right;
  text-transform: capitalize;
}
.sustentabilidade a#link1:hover{
  color: #ffe9ca;

}
/*produtos*/
#produtos_pag{
  list-style: none;
  margin-top: 15px;
}
#produtos_pag li {
  float: left;
  width: 174px;
  height: 250px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0px 1px 3px #626262;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#produtos_pag li a{
  display: block;
  text-decoration: none;
}
#produtos_pag li img{
  width: 100%;
  height: 130px;
}
#produtos_pag li #tit{
  width: 100%;
  display: block;
  margin-top:10px;
  text-align: center;
}
#produtos_pag li #cat{
  width: 100%;
  display: block;
  margin-top:10px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
#produtos_pag li #ver_mais {
  padding: 10px;
  display: block;
  text-align: center;
  margin: auto;
  border-radius: 4px;
  margin-top: 15px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );
  border: 1px solid #ccc;
} 

#produtos_pag li a:hover #ver_mais
{
  color: #fff;
 background-position: center;
  background-image: url(../imagens/fund.jpg);
  border-radius: 4px;
}

video { 
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
  transition: 1s opacity;
}


/*dicas index*/
#lado_dicas{
  float: left;
  width: 200px;
}
#lado_dicas h2{
  color: #fff;
}
#lado_dicas p{
  color: #fff;
}

ul.dica_index{
list-style: none;
  float: right;
  margin-top: 15px;
  width: 745px; 
}
ul.dica_index li{
  width: 172px;
  height: 184px;
  background: #e1e1e1;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 7px;
  float: right;
  margin-left: 13px;
}
ul.dica_index li a{
  display: block;
  text-decoration: none;
  position: relative;
}
ul.dica_index li a .mais{
  background: #C83B2D;
  padding: 10px 17px;
  border-radius: 6px;
  color: #fff;
  position: absolute;
  top: -60px;
  right: 5px;
  font-size: 18px;
  transition-duration: 0.2s;
}
ul.dica_index li a:hover .mais{
  top: 10px;

}


ul.dica_index li a img{
  width: 100%;
    height: 131px;
  background: #ccc;
}

ul.dica_index li a #ptitle{
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
  display: block;
}
ul.dica_index li a #pprince{
  width: 50%;
  float: left;
  background: #242946;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

ul.dica_index li a #ptipo{
  width: 50%;
  float: right;
  background: #e7ab39;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
/*news*/
#news {
  background: url(../imagens/news.png);
  background-position: center top;
  background-repeat: no-repeat;
  height: 87px;
  width: 100%;
  margin-top: 11px;
}
#news #news01{
   width: 60%;
  display: block;
  height: 33px;
  border-radius: 100px;
  background: #FFE9CA;
  border: none;
  display: block;
  box-shadow: 0px 1px 3px;
  padding-left: 10px;
  color: #000;
  outline: none;
  float: left;
  margin-left: 224px;
}
#news #news02{
cursor: pointer;
  background: #FFE9CA;
  border: none;
  float: right;
  padding: 6px;
  color: #000;
  border-radius: 3px;
    border-radius: 100px;
  height: 33px;
  width: 100px;
  margin-right: 20px;
  position: relative;
  outline: none;
  top: 0px;
  box-shadow: 0px 1px 3px #000;
}

/* css HTML footer*/

footer .container .logo_footer{
  float: left;
  margin-right: 10px;
  width: 200px
}

footer .container .logo_footer img{
	width: 100%;
	margin-top: 20px;
}

footer .container nav{
  float: left;
}
footer .container nav ul{
  list-style: none;
  float: left;
  width: 140px;
}

footer .container nav ul li{
  padding-top: 8px;
  padding-bottom: 8px;
}
footer .container nav ul li a{
  color: #fff;
  text-decoration: none;

}
footer .container nav ul li a:hover{
  color: #ffe9ca;
}
.bottom-footter{
  background: #c7733a;
padding-top: 30px;
margin-top: 30px;
}
.bottom-footter .container a{
  text-decoration: none;
  color: #000;
}
.bottom-footter .container a:hover{
  color:#fff; 
}

.address_rodape address{
  float: right;
  font-style: normal;
  width: 300px;
}
.address_rodape address span{
  margin-bottom: 20px;
  padding-left: 30px;
  display: block;
  position: relative;
}
.address_rodape address span .ico1:before{
content: "\f041";
display: inline-block;
color: #fff;
font: normal normal normal 18px/1 FontAwesome;
left: 0px;
position: absolute;
top: 0;
background: transparent;
width: 0;
}
.address_rodape address span .ico2:before{
content: "\f0e0";
display: inline-block;
color: #fff;
font: normal normal normal 18px/1 FontAwesome;
left: 0px;
position: absolute;
top: 0;
background: transparent;
width: 0;
}
.address_rodape address span .ico3:before{
content: "\f095";
display: inline-block;
color: #fff;
font: normal normal normal 18px/1 FontAwesome;
left: 0px;
position: absolute;
top: 0;
background: transparent;
width: 0;
}
.tit_h1{
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
margin: 0px auto;
display: block;
padding-bottom: 10px;
color: #fff;
}

/*contatos*/

input#ok{
  margin-right: 2px;
  cursor: pointer;
  outline: none;
  border: solid 1px #F0F0F0;
  background: #000000;
  border-radius: 5px;
  padding: 14px;
  text-align: center;
  margin-bottom: 24px;
  width: 145px;
  font-size: 12px;
  color: #FFF !important;
  letter-spacing: 0.0725em;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.lad_fale{
   float: right;
  width: 360px;
  margin-top: 10px;
}.tel_fale1{
  height: 20px;
width: 20px;
  padding: 15px;
  margin-top: 4px;
  margin-left: 4px;
  float: left;
  background-color: #333333;
  margin-right: 15px;
  border-radius: 4px;
  margin-bottom: 15px;
}
.tel_fale1 img{
  width: 100%;
  height: auto;
}
.text_tel {
  background-color: #E4E4E4;
  padding: 5px;
  margin-top: 5px;
  float: right;
  border-radius: 4px;
  width: 78%;

}

.tel_fale1{ position: relative;}

.tel_fale1 .ico_con1:before{
content: "\f041";
display: inline-block;
color: #FFFFFF;
font: normal normal normal 19px/1 FontAwesome;
left: 17px;
position: absolute;
top: 17px;
}

.tel_fale1 .ico_con2:before{
content: "\f095";
display: inline-block;
color: #FFFFFF;
font: normal normal normal 19px/1 FontAwesome;
left: 17px;
position: absolute;
top: 17px;
}

.tel_fale1 .ico_con3:before{
content: "\f0e0";
display: inline-block;
color: #FFFFFF;
font: normal normal normal 19px/1 FontAwesome;
left: 17px;
position: absolute;
top: 17px;
}
#lab_text{
  width: 100%;
clear: both;
display: block;
font-size: 13px;
}

#end{
  width: 100%;
clear: both;
display: block;
font-size: 13px;
}
form#contactform *{
  color: #000;
}

.direita{
  float: right;
  margin: 6px 0px 6px 15px;
  padding: 4px;
  box-shadow: 0px 0px 4px #CCC;
  -moz-box-shadow: 0px 0px 4px #CCC;
  -ms-box-shadow: 0px 0px 4px #CCC;
  -o-box-shadow: 0px 0px 4px #CCC;
  -webkit-box-shadow: 0px 0px 4px #CCC;
}

/*paginacao*/
span.pativo{
  height: 10px;
  width: 10px;
  
  background: #ccc;
  padding: 7px;
  float: left;
  border-radius: 4px;
}
a span.n_pativo{
  display: block;
  height: 10px;
  float: left;
  width: 10px;
  background: #000;
  padding: 7px;
  color: #fff;
  text-decoration: none;
   border-radius: 4px;
}


/*produtos*/
#produtos_pag2{
  list-style: none;
  margin-top: 15px;
}
#produtos_pag2 li {
  float: left;
width: 168px;
  height: 250px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0px 1px 3px #626262;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#produtos_pag2 li a{
  display: block;
  text-decoration: none;
}
#produtos_pag2 li img{
  width: 100%;
  height: 130px;
}
#produtos_pag2 li #tit{
  width: 100%;
  display: block;
  margin-top:10px;
  text-align: center;
}
#produtos_pag2 li #cat{
  width: 100%;
  display: block;
  margin-top:10px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
#produtos_pag2 li #ver_mais {
  padding: 10px;
  display: block;
  text-align: center;
  margin: auto;
  border-radius: 4px;
  margin-top: 15px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );
  border: 1px solid #ccc;
} 

#produtos_pag2 li a:hover #ver_mais
{
  color: #fff;
 background-position: center;
  background-image: url(../imagens/fund.jpg);
  border-radius: 4px;
}


/*imagens servicos */

ul.produtos{
  list-style: none;
  float: left;
  margin-top: 15px;
   width: 550px;
}
ul.produtos li{
  width: 176px;
    height: 222px;
  background: #e1e1e1;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 7px;
  margin-bottom: 7px;
  float: left;
}
ul.produtos li a{
  display: block;
  text-decoration: none;
  position: relative;
}
ul.produtos li a .mais{
  background-image: url(../imagens/fund.jpg);
  padding: 10px 17px;
  border-radius: 6px;
  color: #fff;
  position: absolute;
  top: -60px;
  right: 5px;
  font-size: 18px;
  transition-duration: 0.2s;
}
ul.produtos li a:hover .mais{
  top: 10px;

}


ul.produtos li a img{
  width: 100%;
    height: 170px;
  background: #ccc;
}



ul.produtos li a #ptitle{
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
  display: block;
}
ul.produtos li a #pprince{
  width: 50%;
  float: left;
  background: #242946;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

ul.produtos li a #ptipo{
  width: 50%;
  float: right;
  background: #e7ab39;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

/*aplicacoes*/

a.aplicacoes{
  width: 46.6%;
  height: 140px;
  background: #FFF4E5;
  padding: 10px;
  margin: 5px;
  display: block;
  text-decoration: none;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.53);
  border-radius: 8px;
  margin-bottom: 15px;
  float: left;
}
a.aplicacoes #img{
   display: block;
  float: left;
  width: 100px;
  padding: 10px;
  height: 120px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.53);
  border-radius: 8px;
  margin-right: 10px;
}
a.aplicacoes #img img{
  width: 100%;
  height: 100%;
}
a.aplicacoes span#tit{
  font-size: 18px;
  clear: both;
}
a.aplicacoes #link {
  padding: 10px;
  margin-top: 10px;
  font-size: 13px;
  color: #fff;
  background: #000;
  display: block;
  text-decoration: none;
  float: left;
}
.internas-img{
   border-radius: 8px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.56);
  overflow: hidden;
  width: 240px;
  float: right;
  margin-left: 20px;
  margin-bottom: 11px;
}
.internas-img img{
  width: 100%;
}

/*menu internas lado*/ 
ul.sub_internas{
  list-style: none;
  float: left;
  margin-right: 25px;
  margin-bottom: 21px;
}

ul.sub_internas li{
  width: 140px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: solid 2px #ccc;
  padding-left: 10px;
}
ul.sub_internas li a{
  display: block;
  text-decoration: none;
  color: #000;
}
ul.sub_internas li a:hover{
  font-weight: bold;
}
ul#sustent{
  list-style: none;
  margin-bottom: 15px;

}

#sustenta{
  border-radius: 8px;
  width: 100%;

}

/* PROJETOS ESPECIAIS */

#projetos-especiais-content {
  position: relative;
  width: 100%;
  height: 950px;
}

.projetos-especiais-wrapper {
	position: absolute;
	top: 180px;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	height: 800px;
	text-align: center;
}

.projetos-especiais-topicos .topico-001 {
	position: absolute;
	top: 180px;
	left: 50px;
	text-align: center;
	border-bottom: 7px solid #407fab;
	width: 312px;
	color: #333333;
	margin-top: 20px;	
}

.projetos-especiais-topicos .topico-001:hover {
	text-align: center;
	border-bottom: 7px solid #532f1d;
	color: #532f1d;
	text-decoration: underline;
}

.projetos-especiais-topicos .topico-002 {
	position: absolute;
	top: 180px;
	left: 430px;
	text-align: center;
	border-bottom: 7px solid #407fab;
	width: 312px;
	color: #333333;
	margin-top: 20px;
}

.projetos-especiais-topicos .topico-002:hover {
	text-align: center;
	border-bottom: 7px solid #532f1d;
	color: #532f1d;
	text-decoration: underline;
}

.projetos-especiais-topicos .topico-003 {
	position: absolute;
	top: 400px;
	left: 50px;
	text-align: center;
	border-bottom: 7px solid #407fab;
	width: 312px;
	color: #333333;
	margin-top: 30px;
}

.projetos-especiais-topicos .topico-003:hover {
	text-align: center;
	border-bottom: 7px solid #532f1d;
	color: #532f1d;
	text-decoration: underline;
}

.projetos-especiais-topicos .topico-004 {
	position: absolute;
	top: 400px;
	left: 430px;
	text-align: center;
	border-bottom: 7px solid #407fab;
	width: 312px;
	color: #333333;
	margin-top: 30px;
}

.projetos-especiais-topicos .topico-004:hover {
	text-align: center;
	border-bottom: 7px solid #532f1d;
	color: #532f1d;
	text-decoration: underline;
}

#projetos-especiais-footer {
	position: absolute;
	top: 1050px;
	background-color: #ffffff;
	height: 75px;
	padding-top: 25px;
	width: 100%;
	left: 0px;
}

#projetos-especiais-footer .footer-wrapper {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -380px;
	width: 760px;
}

#projetos-especiais-footer .texto-rodape {
	position: absolute;
	font-size: 14px;
}

#projetos-especiais-footer .redes-sociais {
	position: absolute;
	right: 0px;
	margin-top: -8px;
	opacity: 0.8;
}

#projetos-especiais-footer .redes-sociais:hover {
	opacity: 1;
}
#simulador{
  width: 777px;
  margin: auto;
  height: auto;
  margin-bottom: 40px;
  display: block;
	}
	
	#simulador .titulo{
		 font-size: 30px;
		 display: block;
		 text-align: center;
		 text-transform: uppercase;
		 color: #407fab;
		 margin-bottom: 15px;
		 font-weight: 600;
	}
	
	#simulador #ambient{
		background: url("../_images/simulador/base-fundo.jpg");
		height: 583px;
		position: relative;
		margin-top: 20px;
	}

	#simulador #ambient #porta,
	#simulador #ambient #guarnicao,
	#simulador #ambient #soculo,
	#simulador #ambient #rodape{
		position: absolute;
	}

	#simulador #ambient #porta{
		width: 100%;
		height: 100%;
		background: url("../_images/simulador/branco-porta-ar.png");
	}

	#simulador #ambient #guarnicao{
		width: 100%;
		height: 100%;
		background: url("../_images/simulador/branco-guarnicao-portal.png");
	}

	#simulador #ambient #soculo{
		width: 100%;
		height: 100%;
		background: url("../_images/simulador/branco-soculo-11cm.png");
	}

	#simulador #ambient #rodape{
		width: 100%;
		height: 100%;
		background: url("../_images/simulador/branco-rodape-diplomata-10cm.png");
	}

	#simulador #ambient #loading{
		width: 100%;
		height: 250px;
		background-color: silver; 
		filter: alpha(opacity=60);
		opacity: 0.6;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		-moz-opacity:0.6;
		-khtml-opacity: 0.6;
		position: absolute;
		top: 145px;
		display: none;
	}
	
	#simulador #ambient #loading img{
		margin:95px 0 0 380px;
	}
	

	#simulador #options{
		color: #767575;
	}

	#simulador #options ul.colors{
		margin: 0;
		padding: 20px 0 0 0;
		display: table;	
	}
	
	#simulador #options ul.colors .cor p{
		margin: 0;
	}

	#simulador #options ul.colors li{
		float: left;
		list-style: none;
		width: 194px;
		text-align: center;
	}

	#simulador #options ul.colors li a{
		text-decoration: none;
		color: #767575;
	}	
	
	#simulador #options ul.colors li a .cor p:before{
		content: "• ";
	}

	#simulador #options ul.colors li a .cor p:after{
		content: " •";
	}
	
	#simulador #options ul.colors .cor div[class*="select"]{
		background: url("../_images/simulador/sprite.png") no-repeat;
		width: 191px;
		height: 57px;
		display: block;
		overflow: visible;
		position: relative;
	}

	#simulador #options ul.colors .cor div[class*="select"] .seta{
		width: 100%;
		position: absolute;
		bottom: 0;
		height: 27px;
		display: none;
	}

	#simulador #options ul.colors .cor.ativo div[class*="select"] .seta{
		background: url("../_images/simulador/sprite.png") no-repeat 64px -288px ;
		display: block;
	}
	
	#simulador #options ul.colors .cor .select-branco{
		background-position: 0px 0px !important;
	}

	#simulador #options ul.colors .cor .select-itauba{
		background-position: 0px -67px !important;
	}

	#simulador #options ul.colors .cor .select-curupixa{
		background-position: 0px -133px !important;
	}

	#simulador #options ul.colors .cor .select-cumaru{
		background-position: 0px -201px !important;
	}
	

	#simulador #options #branco .rodape li ul{
		float: right;
		margin: 0;
		padding: 0;
	}

	#simulador #options #branco .rodape li ul li{
		float: left;
		margin-left: 0;
		width: 50px;
		margin: 0;
		padding: 0 3px;
		height: 20px;
		cursor: pointer;
	}

	#simulador #options #branco .rodape li ul li:first-child{
		margin-left: 20px;
	}
	
	#simulador #options div.color{
		display: none !important;
		width: 100%;
		display: table;
		background-color: #dddddd;
	}
	
	#simulador #options div.color.ativo{
		display: table !important;
	}
	
	#simulador #options div.color ul{
		float: left;
	}
	
	#simulador #options div.color ul ins{
		font-size: 14px;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 25px;
	}

	#simulador #options div.color ul ins:before{
		content: "• ";
	}

	#simulador #options div.color ul li{
		font-size: 14px;
		list-style: none;
		padding-left: 20px;
		line-height: 25px;
		cursor: pointer;
	}

	#simulador #options div.color ul li span.radio{
		display: inline-block;
		background: url("../_images/simulador/sprite.png") no-repeat;
		background-position: 0px -268px;
		width: 13px;
		height: 12px;
		margin-right: 5px;
	}

	#simulador #options div.color ul li span.radio.ativo{
		background-position: 0px -327px;
	}

	#simulador p{
		color: #767575;
		text-transform: uppercase;
		text-align: center;
	}
	
	#simulador-footer{
		position: absolute;
		top: 1250px;
		background-color: #ffffff;
		height: 75px;
		padding-top: 25px;
		width: 100%;
		left: 0px;
	}
	.cidad{
		list-style:none;
		margin-top:10px;
		margin-bottom:10px;}
		.cidad li{
			  width: 97%;
  background: #CCC;
  padding: 10px;
  margin-bottom: 10px;
  color: #000;}

.cartoes{
	  background: url(../imagens/cartoes.jpg);
  width: 100%;
  height: 110px;
  margin-top: 12px;
  background-size: 93%;
  background-position: left top;
  background-repeat: no-repeat;}

  .soculo{
    margin-left: 25px;
      width: 327px;
  }
.porta{
  margin-right: 25px;
    width: 200px;
}
.rodape{
  margin-left: 25px;
}