@charset "utf-8";
/* CSS Document */

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

body{
	background-repeat:repeat;
	font-family:'bahamasregular';
	overflow-x:hidden; /* retira barra de rolagem horizontal */}
	
@font-face {
    font-family: 'bahamasregular';
    src: url('../fontes/bahamasn_0.eot');
    src: url('../fontes/bahamasn_0.eot?#iefix') format('embedded-opentype'),
         url('../fontes/bahamasn_0.woff') format('woff'),
         url('../fontes/bahamasn_0.ttf') format('truetype'),
         url('../fontes/bahamasn_0.svg#bahamasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'engravers_gothicregular';
    src: url('../fontes/engravers-gothic.woff2') format('woff2'),
         url('../fontes/engravers-gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
#fone{
	width:100%;
	height:32px;
	color:#fff;
	background:#284B8C;
	padding-top:0px;}
	
#fone p{
	width:980px;
	margin:0 auto;
	text-align:right;
	padding-top:5px;}
	
#geral{
	width:980px;
	background:#fff;
	margin:0 auto;}
	
#menu{
	width:650px;
	height:35px;
	font-size: 22px;
	border-bottom:solid 2px #2C5B21; 
	padding-top:50px;
	float:right;
	margin-bottom:50px;}

#menu ul{		
	list-style:none;}	
	
#menu ul li{	
	display: inline;
	position:relative; 	
	float:left;	
	padding:0  22px 0 0 ;}	
	
#menu a{	
	text-decoration: none;	
	font-size: 22px;		
	color:#4B4B4D;	
	font-weight:200;
	height:30px;}	
	
#menu a:hover{	
	color:#2C5B21;}

.slicknav_menu {
	display:none;
}
	
	
/*--------------SLIDE------------*/

.slider{
	margin-bottom: 20px;}

.txt-banner {
	width: 480px;
	height: 70px;
	position: absolute;
	margin-top:170px;
	margin-left: 7.5%;
	color:#FFFFFF;
	padding: 20px;}
  
 h4{
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-style:italic;
	 float:left;
	 color:#003D84;
	 font-size:18px;
	 margin-left:25px;
	 margin-right:3px;}
 
/*--------------INDEX------------*/

h2{
	 position:absolute;
	 margin:90px 0 0 580px;
	 color:#BE3437;
	 font-size:50px;}
	 

#box{
	width:278px;
	border:solid 1px #96989A;
	height:352px;
	margin:0 auto;
	box-shadow: 5 px 5px 7px 7px #CCC;
	-webkit-box-shadow: 5px 7px 7px #CCC;
	-moz-box-shadow: 5px 7px 7px #CCC;}

	
#fora{
	width:305px;
	float:left;
	margin:0 10px 0 11px;}
	
#tudo{
	width:980px;
	height:400px;
	background:#fff;
	margin:0 auto;}
	
.tit{
	width:305px;
	height:57px;
	position:absolute;
	z-index:2;
	margin-top:151px;
	background:url(../images/bg-25anos.png);
	color:#FFF;
	font-size:20px;}
	
#box p{
	width:270px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#727376;
	text-align:justify;
	margin-top:35px;}
	
h3{
	margin-top:25px;
	margin-left:25px;}
	
.botao{
	width:70px;
	height:24px;
	border-radius:7px;
	border:solid 1px #D2D3D5;
	background: -webkit-linear-gradient(#FBFBFB, #D3D5D6);
	background: -moz-linear-gradient(top,#FBFBFB, #D3D5D6 );
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#F8F8F8', EndColorStr='#D3D5D6');
	background:-ms-linear-gradient(top, #FBFBFB, #D3D5D6 );
	background:-o-linear-gradient(top, #FBFBFB, #D3D5D6);
	float:right;
	color:#606062;
	padding:5px 0 0 20px;
	margin-right:20px;
	margin-top:5px;}
	
/*--------------EMPRESA------------*/

h1{
	color:#727376;
	font-size:24px;
	font-weight:100;
	margin-left:25px;
	font-family:Arial, Helvetica, sans-serif;}

h6{
	font-family:'engravers_gothicregular';
	font-size:44px;
	margin-left:25px;
	color:#2C5B21;
}
	
h5{
	color:#BE3437;
	font-size:20px;
	font-weight:100;
	margin-left:5px;}
	
#tudo p{
	width:90%;
	margin:0 auto;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	color:#727376;
	line-height:24px;}
	
/*--------------MODELOS------------*/

#menu-mod{
	width:26%;
	float:left;}
	
#menu-mod ul{
	list-style:none;
	margin-left:25px;}
	
#menu-mod ul li{
	padding-top:15px;}
	
#menu-mod ul li a{
	text-decoration:none;
	color:#606062;
	font-family:Arial, Helvetica, sans-serif;}
	
#menu-mod a:hover{
	background:#BE3437;
	color:#FFF;
	padding:2px 2px 2px 2px;}
	
#modelos{
	float:right;
	width:72%}
	
#modelos ul{
	list-style:none;
	margin-top:20px;}
	
#modelos ul li{
	width:220px;
	float:left;
	margin-top:20px;}
	
#modelos img{
	margin-left:35px;}
	
#modelos ul li p{
	width:170px;
	font-size:12px;
	background:#EEF9FF;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;}
	
#fotos{
	width:60%;
	float:right;}
	
#fotos ul li{
	float:left;
	margin:10px 10px 0 0;
list-style: none;}
	
#fotos img{
	width:150px;
	height:150px;	
	border:solid 1px #666;
	margin-top:-10px;
	padding:0px;
	transition:all 0.4s linear;	
	-webkit-transition:all 0.4s linear;	
	-moz-transition:all 0.4s linear;	
	-o-transition:all 0.4s linear;	
	-ms-transition:all 0.4s linear;}

#fotos a{
	text-decoration:none;
	background:none;
	padding:0px;
	margin:0px;}

#fotos a:hover{
	padding:0;
	margin:0;
	background:transparent;
	opacity:0.50;	
	-moz-opacity: 0.50;	
	filter: alpha(opacity=50);}	
	
#fotos img a:hover{
	width:100px;
	height:100px;
	background:transparent;
	opacity:0.50;	
	-moz-opacity: 0.50;	
	filter: alpha(opacity=50);
	padding:0;}
	
/*--------------TECIDOS------------*/

.colum{
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	color:#727376;
	margin-left:70px;}
	
/*--------------CLIENTES------------*/

#clientes ul li{
	height:163px;
	float:left;
	margin:15px 2px 0px 15px;}

#clientes ul li img{
	border: solid 2.5px #A9AAAC;}
	
	
/*--------------CONTATO------------*/

#contato{
	width:420px;
	float:left;
	margin-left:20px;
	margin-right:90px;}

#contato input{
	width:420px;
	height:30px;
	border-radius:5px;
	border: solid 2px #D2D3D5;
	color:#606062;
	margin-top:20px;
	font-family:'bahamasregular';
	font-size:17px;}
	
#contato textarea{
	width:420px;
	height:80px;
	border-radius:5px;
	border: solid 2px #D2D3D5;
	color:#606062;
	margin-top:20px;
	font-family:'bahamasregular';
	font-size:17px;}
	
.botao{
	
	border:solid 1px #D2D3D5;
	border-radius:10px;
	float:right;}
	
/*--------------FOOTER------------*/

footer{
	width:100$;
	height:200px;
	background:#00184E;}
	
footer p{
	text-align:center;
	margin-top:20px;
	color:#FFF;
	font-size:20px;}
	
.gian{
	float:right;
	text-align:right;
	color:#FFF;
	font-size:15px;
	margin-right:15%;}



/* Smartphones (portrait) ———– */

@media only screen
	and (max-width : 800px) {

		
.js #menu {
		display:none;}
	
.js .slicknav_menu {
		display:block;}	
		
	
#fora{
	width:95%;
	float:none;
	margin:0 auto;
	margin-bottom: 15px;}
	
#tudo{
	width:90%;
	height:auto;
	background:#fff;
	margin:0 auto;}
	
.tit{
	width:300px;
	height:57px;
	position:absolute;
	margin-left: 12%;
	z-index:2;
	margin-top:151px;
	background:url(../images/bg-25anos.png);
	color:#FFF;
	font-size:20px;}
	
#box p{
	width:270px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#727376;
	text-align:justify;
	margin-top:35px;}
		
#modelos{
	float:none;
	margin: 0 auto;
	width:90%}
		
#menu-mod{
	width:80%;
	float:left;}

	
		
}