@charset "utf-8";
/*********** COLORS ***************
color #ef5a28
/************* GENERAL SETS *********************/
body {

	margin: 0;
	font-family: "Open Sans", sans;
	color:#ccc;
	font-size: 15px;
	line-height: 21px;
	font-weight: 300;
	background-color: #282828;
}


img{
	border:0;
}


ul,li{
	margin: 0;

}
strong{
	color: #ef5a28;

}

li{


}
h1,h2,h3,h4,h5{
	font-weight: 200;
	text-transform: uppercase;
}

a{
	color:#888;
	text-decoration: none;


}

input,textarea{
	border:none;
}


#pagina{
	position: relative;
	display: block;



}
#header{
	position: relative;
	display: block;
	width:100%;
	background-color: #181818;
	padding: 36px 0px;
	border-bottom: 5px solid #444;
}
#header_content,#conteudo,#footer_content,#conteudo{
	position: relative;
	width:920px;
	margin-left: auto;
	margin-right: auto;

}


#logo{
	width:220px;
	float:left;
}
#logo img{
	width:100%;
}
#footer{
	display: block;
	clear: both;
	width:100%;
	padding: 20px 0px;

	font-size: 10px;
	font-weight: 400;
	color:#888;

}
#footer a{

	color: #ef5a28;
}

#lang{

	position: absolute;
	top:-20px;
	right:0;
	font-size: 11px;
	text-transform: uppercase;

}

#lang li{
	display: inline-block;
	margin-left: 5px;

}

#lang li a.selected{
	color: #ef5a28;

}
#menu{
	position:absolute;
	top:32px;
	right:0;
	font-size: 17px;

}
#menu li{
	display: inline-block;
	margin-left:18px;
	text-transform: uppercase;
		list-style: none;
}
#menu li a{

	font-size: 12px;
}
#menu li a:hover,#menu li a.selected{
	color:#ef5a28;
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#conteudo_wrapper{
	background-color:#484848;
	padding:60px 0px 180px 0px;

}
#conteudo{
	clear: both;
	display: block;
	min-height: 500px;


}


#side_menu,#area_side_menu{
	width:160px;
	float:left;

}


#side_menu li{
	padding:10px 0;
	border-top:1px solid #ef5a28;
		list-style: none;

}


#side_menu li:last-child{
	border-bottom:1px solid #ef5a28;

}
#side_menu li a{
	background-image: url(../imgs/bullet.svg);
	background-repeat: no-repeat;
	background-position-y: 3px;
	text-transform: uppercase;
	padding-left: 15px;
}

#side_menu li a:hover,#side_menu li a.selected{
	font-weight: 600;
	background-image: url(../imgs/bullet.svg);
	background-repeat: no-repeat;
	background-position-y: 3px;

	color:#ef5a28;


}



#content{
	float:right;

	width:700px;

}
.header_texto{

	color:#ef5a28;

	padding-left: 20px;
	background-image: url(../imgs/bullet.svg);
	background-repeat: no-repeat;
	background-position-y: 4px;

}

.header_texto,.header_area{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 20px;
}

.header_area svg{
	margin-right: 10px;

}

#area_frame{
	position: relative;
	width:100%;
	height:380px;
	overflow: hidden;
	margin-bottom: 30px;
}

#area_picture{
	position: absolute;
	top:0;
	z-index: 10;
	width:100%;

}

#area_logo{
	position: absolute;
	bottom:0;
	z-index: 18;
	width:94%;
	padding:2% 3%;

}

#area_logo img{
	width:160px;

}


.texto{
	font-weight: 300;
	color:#ccc;
	border-top:1px solid #ef5a28;
	padding: 50px 0px;
	line-height: 24px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#contact_info{

	float: left;
	width:100%;
}
#contact_info a{

	color: #ef5a28;
}
.logo{

	width:240px;
	border-bottom:1px solid #666;
	margin-bottom: 20px;
	height:110px;
	background-color: #252525;
	padding: 20px;

}
.logo img{
	width: 100%;

}
.the_info{
	padding: 20px;
}

#contact_info ul{
	width:100%;
}
#contact_info li{

	display: inline-block;
	border-top:2px solid  #ef5a28;
	width:280px;
	vertical-align: top;
	margin-right: 30px;
	background-color: #252525;
	padding:0px;
	min-height: 580px;
	font-size: 14px;
}


#contact_info li:last-child{

	margin-right: 0px;
}
#contact_info li ul{

	margin-top: 20px;

}
#contact_info li ul li{

	display: inline-block;
	border-top:none;
	vertical-align: top;
	margin-right: 30px;
	background: none;
	padding:0px;
	min-height: 180px;
	font-size: 14px;
	width:100%;

}
#contact_info li ul li h4{
color: #ef5a28;
border-top:1px solid #ef5a28;
padding-top: 10px;
}


#contact_form{
	background-color: #252525;
	width:100%;
	color:#aaa;
	margin-bottom: 20px;


}
#content_simple{
	background-color: #252525;
	width:90%;
	padding: 20px 5%;
}


#contact_form form{
	display: none;
	padding:0 30px 30px 30px;
}
.mail_thanks{
	padding:30px;

}
.allowed,.mail_thanks{
	font-style: italic;
	color: #ef5a28;
}
#contact_form svg{
	margin-right: 7px;
}

#contact_form h2{
	background-color: #ef5a28;
	color:white;
	padding: 10px 20px;
	cursor:pointer;
}
#contact_form input[type='text'],#contact_form textarea{
	width:250px;
	padding: 10px;
	margin-bottom: 10px;
}
#contact_form textarea{
	margin-bottom: 20px;
}
#contact_form input[type='file']{
	margin-bottom: 20px;

}
#contact_form input[type='submit']{
	clear:both;
	width:30%;
	padding: 10px;
	background-color: #333;
	color: white;

}

#contact_form input[type='submit']:hover{

	background-color: #ef5a28;
}

#contact_form input[type='radio']{

	margin-bottom: 10px;


}

#contact_input{
	float:left;
}
#contact_area_select h5{
	margin-bottom: 20px;
}

#contact_area_select{
	float: left;
	width:140px;
	padding-left:15px;
	border-left:1px solid #ef5a28;
	font-size: 12px;
	margin-left: 80px;
}
#contact_area_select input{
	margin-right: 9px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#slideshow{
	position: relative;
	width:100%;
	height:460px;
	overflow: hidden;


}

.slide_element{
	position: relative;
	top:0;
	left:0;
	width:100%;
	height:inherit;

}
.slide_main{
	position: absolute;


	z-index:18;
}

.slide_caption{
	position: absolute;
	top:300px;
	right: 0px;
	padding:10px 30px 10px 10px;
	z-index: 38;

}
.slide_caption img{

	width: 200px;
}


#areas{
	margin-top: 20px;
}
#areas li{
	display: inline-block;
	width:16%;
	margin-right: 4px;
}

#areas li:last-child{
	margin-right: 0;
	float:right;
}


#areas li a{
	display: inline-block;
	padding: 10px;
	height:30px;

}
#areas li img{
	width:100%;

}
/*-------------------------------------------------------------------------------------------------------------------------*/

#area_list{


}

#area_list li{
	position: relative;
	width:150px;
	opacity:.3;
	margin-bottom: 3px;

}

.area_list_fix{
	position: relative;
	top:-10px;}

#area_list a{

	width:100%;
	height:30px;
	display: block;
	padding:10px;
	color:white;

	text-transform: uppercase;

}

#area_list li:hover,#area_list li.current{

	opacity: 1;
}
#area_list a img{
	position: relative;
	top:0px;
	margin-right: 10px;
}


#area_menu{
	margin:0px 0px 20px;
	float: left;
	width:70px;
}

#area_menu li{
	/* display: inline-block; */
	margin-right: 10px;
}



#area_menu li a{
	display: inline-block;
	width: 100%;
	padding:7px 20px;

}
#area_menu li a:hover{
	background-color: #333;


}


#area_content{
	float: right;

	width:560px;
	font-size:15px;
	line-height: 23px;

}


#artigos{


}
#artigos li{
	padding-top:20px;
	margin-bottom: 40px;

}

#artigos h3{
	font-size:16px;
	margin-bottom: 10px;
}


#artigos svg{
	margin-right: 10px;

}

.artigo_picture{
	width:100%;
	height:120px;
	overflow: hidden;
	margin-bottom: 20px;
}

.artigo_picture img{
	width:100%;
}

#portfolio li{
	position: relative;
	width: 270px;
	height:200px;
	overflow: hidden;
	display:inline-block;
	margin-right:10px;
	margin-bottom: 20px;

}

#portfolio li:nth-child(2n+2){
	margin-right:0px;
	float:right;
}


#marcas li{
	position: relative;
	width: 150px;
	height:180px;
	overflow: hidden;
	display:inline-block;
	margin-right:10px;
	padding:10px;

	background-color: white;
	text-align: center;
	margin-right: 21px;
	margin-bottom: 10px;

}

#marcas li img{

	position: relative;
	z-index:10;


}

#marcas li:nth-child(3n+3){
	margin-right:0px;
	float:right;
}



#portfolio li img{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	z-index: 10;

}

.caption{
	background-color: #999;
	color:#333;
	position: absolute;
	bottom:0;
	width:96%;
	left:0;
	padding:2%;
	z-index:30;
}

.marcas_caption{
	background-color: #666;
	color:white;
	position: absolute;
	bottom:0;
	width:96%;
	left:0;
	padding:3% 2%;
	z-index:30;
	height:30px;

	font-size: 11px;
	line-height: 12px;
}


.company_pic{
	margin-bottom: 40px;
}


#mini_area{
	width:100%;

}
#mini_area li{
	float: left;
	width:30%;
	min-height:320px;
	background-color: white;
	margin-right: 20px;
	margin-bottom: 20px;
}


.mini_img{
	width:100%;
}
.mini_intro{
	padding:20px;
}
.mini_area_mask{
	width:100%;
	height:90px;
	overflow: hidden;
}
.mini_logo{
	width:80%;
	padding: 20px 20px 10px;
}
/*-------------------------------------------------------------------------------------------------------------------------*/


#news{
position: relative;
}

.news_element{
	position: relative;
	top:0;
	width:100%;
	margin-right:10px;
	margin-bottom: 10px;
	background-color: white;
	padding:10px 30px;
}

#news li img{
	width:100%;
}

#news li h2{
	font-size:14px;
	color:#ef5a28;
	font-weight: 500;
	padding:10px 0 0 0;
}
#news li h3{
	padding:0 0 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ef5a28;
}

.news_pic{
	position: relative;
	top:0;
	display: inline-block;
	width:30%;
	margin: 0;
	float: left;
	background-color: white;
}
.news_text{
	display:inline-block;
	width:64%;
	background-color: white;
	padding:2%;
	float: right;

}
.news_text ul{
	margin-top:10px;
}
.news_text li{
	margin: 0px;
	padding: 0 0 0 15px;
	list-style-position: inside;
	list-style-image:url(../imgs/mini_bullet.svg);
}

.intro{
	margin: 20px 0px;
}
#contact_logo{
	margin-bottom: 20px;
}

#the_map,#the_map_1,#the_map_2,#the_map_3,#the_map_4{
	display: block;
	margin-top: 30px;
	height:240px;
	width:100%;

}

#the_map_1,#the_map_2,#the_map_3,#the_map_4{

	margin-bottom: 20px;

}
/*-------------------------------------------------------------------------------------------------------------------------*/

#file_list{
/*
	position:relative;
	width:100%;
*/
}



.file_element{
	position: relative;
	width:240px;
	min-height:180px;
	background-color: #252525;
	padding:20px;
/* 	text-align: center; */
	display: inline-block;
	margin-right: 3%;
	margin-bottom: 3%;
	vertical-align: top;
	border-top:2px solid #ef5a28;
}
.file_element:nth-child(3n+3){

	float: right;
	margin-right: 0;
}
.file_element.link{
	padding:40px;
	width:200px;

	min-height:180px;
}
.file_element h3{
color: #ef5a28;
font-size: 13px;
margin-bottom: 28px;

}

.file_file{
	position: absolute;
	bottom:22px;
	right:10px;
	height:32px;
}
.file_thumb{

	width:180px;
	height:128px;
	background-color: #333;
	overflow:hidden;
}
.link_thumb{
	width:180px;
	height:128px;
	overflow:hidden;

}
.file_thumb img{

}
.file_thumb img,.link_thumb img{

	width:100%;
}

#categories{
	text-align: center;

}

.home_element a{
	text-align: center;
	float: left;
	width:215px;
	height:280px;
 	background-color: #333;
	padding:0px;
	padding-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;

}
.home_element:nth-child(4n+4) a{
	margin-right: 0;
	float: right;

}
.home_element a:hover{

	background-color:#ef5a28;
	color: white;
}

.the_intro {
	margin-top:20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height:192px;
	overflow: hidden;
	opacity:.5;

}

.the_intro img{
	width: 100%;

}
.category_element{
	float: left;

}


.category_element a{
	text-align: center;
	display:block;
	width:102px;
	height:80px;
 	background-color: #252525;
	padding:0px;
	padding-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	font-size: 10px;

}
.category_element:last-child{

	float: right;

}
.category_element a.the_last{

	margin-right: 0;
}

.category_element a:hover,.category_element a.selected{
	background-color: #ef5a28;
	color: white;

}

.category_element img svg{
	color:red
}

.category_element img{
	width:50px;
}



#display{
	clear: both;
}
#display_menu,#display_content{
	margin-top: 40px;

}
#display_menu{
	float:left;
	position: relative;
	width:200px;
	font-size: 15px;
}

#display_menu a.selected{
	color:#ef5a28;
}

#display_content{
	float:right;
	width:660px;
	background-color: #252525;
	padding: 20px;
	border-top:4px solid #ef5a28;
}
#display_content h2{
	font-size: 24px;
	color:#ef5a28;
	margin-top: 20px;
	margin-bottom: 10px;
}
#display_content h3{
	font-size: 13px;

	margin-bottom: 40px;
}

.img_frame{

	width:48%;
	height:200px;
	overflow: hidden;
	float: left;
	margin-right: 13px;
	margin-bottom: 13px;
}
.img_frame img{
	width:100%;
}

.produtos img{
	width:100%;

	margin-bottom: 13px;
}

/*
.img_frame:nth-child(odd){
	float:right;
	margin-right:0;
	margin-bottom: 13px;
}
*/





#product_text{

	font-size:14px;
	line-height: 22px;
	color:#ccc;
}

#product_text a{

	color:#ef5a28;
	text-decoration:underline;
}

#product_text ul,#product_text ol{
	padding-left: 20px;
}

#product_text ul li,#product_text 0l li{



}

#product_text ol li{
	list-style: decimal;
}


#product_text ul li{
	list-style: square;

}


.the_country{





	margin-bottom: 20px;


}

.the_country li{
	background-color: #666;
	color: #181818;
	display: inline-block;
	width:18px;
	height:18px;
	text-align: center;
	margin-right: 10px;
	padding: 5px;
	font-size: 11px;
	text-transform: uppercase;
}



.the_icon{

	width:50px;
}

.the_mini_country{
	margin-top: 10px;
	padding: 5px 1%;
	width:98%;
	background-color: #252525;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
}


.the_mini_country li{

	display: inline-block;
	padding: 0 5px;
}


#product_pdf{
margin-top: 50px;
	background-color: #666;
	width:100%;
	padding: 0;
}
#product_pdf h3{
 color: #cecece;
 font-weight: 600;
 font-size: 15px;
 margin-bottom: 0px;
 background-color:#ef5a28;
 padding:20px;
/*  color: #ef5a28; */

}
#product_pdf a{
	color: #cecece;
	vertical-align: top;

}
#product_pdf a:hover{
	color:#ef5a28;
}
#product_pdf li{
	border-bottom: 1px dashed #888;
	padding:20px 20px 5px 20px;


}
#product_pdf div{
	display:inline-block;
	vertical-align: top;
}
#product_pdf img{
	width: 24px;
	margin-right: 20px;

}




.the_info p{

	margin-bottom: 10px;
}

.info_short{
	color: #ef5a28;
	width:30px;
	display: inline-block;
	vertical-align: top;
}

.info_info{
	display: inline-block;
	margin-left: 10px;
}




#display_menu li{
	width:90%;
	margin-bottom: 10px;
	border-bottom: 1px solid #555;
	padding-bottom: 5px;
}
#display_menu li a{

	color:#aaa;


}




























