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

* {
	margin:0;
	padding:0;

}
body {
	margin: 0;
	padding: 0;
	background: #FFF;
	font-family: Tahoma;
	text-align: left;
	font-size:13px;
}
table {
	border-collapse:collapse;
}
td {
	vertical-align: top;
	padding: 0px;
	color: #4A4A4A;/*font-size: 12px;
	line-height: 14px;*/
}
form, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
h1 {
	font-size: 14px;
	font-weight: normal;
	color: #1265A9;
	padding: 0px;
	margin: 1px 0 2px;
	line-height: 15px;
	letter-spacing: -1px;
}
h2 {
	font-size: 14px;
	font-weight:normal;
}
li {
	list-style:none;
}
A:link {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
A:active {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
A:visited {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.clear {
	clear:both;
	height:0px;
	overflow:hidden;
}
#header, #nav, #index_content,#content, #footer,#foot_line {
	width:940px;
	margin:0 auto;
	
}
#header {
	margin-top: 10px;
	color: #2E2E2E;
	height:90px;
}
#logo {
	padding: 4px 0 0 5px;
	width:265px;
	float:left;
}
.logo img{ padding-top:15px; padding-left:30px;}
/**/
#header_right{ float:right; width:630px; text-align:left; margin-left:40px; }
#search_area {
	float:left;
	margin-right:0px;
	text-align:left;
	padding-top:14px; 
}
.top_email{ padding-top:10px; float:left}
.top_email span{ font-weight:bold;}
.top_email img{ margin-bottom:-10px;}
.top_email a{ padding-right:15px;}
/**/
#nav {
	z-index: 999;
	position: relative;
	padding-left:50px;
	padding-top:20px;

	
}
#nav, #nav ul {
	font-size: 17px;
	line-height: 1;
	list-style: none;
	margin: 0;
	
}
#nav a {
	display: block;
	color: #6F6F6F;
	text-decoration: none;
	padding: 2px 14px 4px 14px;
	background: url(../images/pontilhado.gif) no-repeat left top;
}
#nav a:hover {
	color: #C6151D;
}
#nav a.sub {
	background: url(../images/seta_cinza.gif) top left no-repeat;
	border-bottom: 1px solid #F4F4F4;
	padding-left:10px;
}
#nav li {
	float: left;
	padding: 0;
	margin: 0;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0;
	border-top: 1px solid #F4F4F4;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background-color: #EAEAEA;
}
#nav li li {
	font-size: 13px;
	line-height: 14px;
	width: 100%;
	
}
#nav li ul a {
	color: #4A4A4A;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background-color: #F8F8F8;
}

.left_slide_content{
	margin-top:20px;
	margin-left:25px;}
/**/
#index_content {
	display:table;
	padding-bottom:20px;
}


#index_content .left {
	width:700px;
	float:left;
	padding-left:0px;
	height:180px;
	color:#828282;
}
#index_content .right {
	width:220px;
	float:right;
	height:180px;
	text-align:right;
}


#index_content .left h2 {
	font-size:25px;
	padding:0px 0 0 0px;
	height:25px;
	line-height:25px;
	text-transform:uppercase;
	
}
#index_content .left p {
	padding:5px 0 0 0;
	
}
#content {
	background:#FFF;
	display:table;
	padding-bottom:20px;
}

#content .left_p{ width:200px; float:left; padding-left:0px; padding-top:2px;}
#content .right_p{ width:740px; float:left; padding-bottom:20px;}


#content .left h2 {
	font-size:16px;
	padding:0px 0 0 5px;
	color:#FFF;
	background:#90949D;
	height:25px;
	line-height:25px;
	
}
#content .left p {
	padding:5px 0 0 0;
	
}
/**/
.search {
	background:url(../images/bg_busca.jpg) no-repeat;
	height:4px;
	font-size:11px;
	padding-left:20px;
	text-align:left
}
.left_search {
	height:29px;
	padding-top:1px;
	font-size:11px;
	text-align:left;
	
}
.left_top {
	padding-left:7px;
	font-family: 'zonapro-bold';
	font-size:14px;
	background:#5C6B7C;
	height:25px;
	line-height:25px;
	width: 183px;
	color:#fff;
}
.left_top a{color:#fff;}
.left_middle {
	line-height: 13px;
	padding: 0 0 0 7px;
	width: 183px;
	background: #FBFBFB;
	margin-top:-4px;
	margin-bottom:25px;
}
.left_middle li a {
	text-decoration: none;
	color: #9C9C9C;
	background: url(../images/bg_listaprod_link.gif) no-repeat left top 3px;
	display: block;
	margin: 4px 0 0;
	padding: 5px 0 5px 8px;
	border-bottom: 1px dotted #ACACAC;
	font-family: 'PT_Sans';
	text-transform:uppercase;
	font-weight:normal;
}
.left_middle li a:hover {
	color:#575757;
}



.left_middle_hot_product {
	line-height: 13px;
	padding: 0 0 0 7px;
	width: 183px;
	background: #FBFBFB;
	margin-top:-4px;
	margin-bottom:5px;
}
.left_middle_hot_product li a {
	text-decoration: none;
	color: #9C9C9C;
	display: block;
	margin: 4px 0 0;
	padding: 5px 0 5px 0px;
	border-bottom: 1px dotted #ACACAC;
	font-family: 'PT_Sans';
	text-transform:uppercase;
	font-weight:normal;
}
.left_middle_hot_product li a:hover {
	color:#575757;
}

.left_middle_hot_product li div a
{border-bottom: none;
	
	}

.left_bottom {
	padding-left:0px;
}


.left_middle li.smallclass {
	margin-left:7px;
}


.left_img{ text-align:center;}


#trama {
	background: url(../images/bg_trama.png) repeat-y left top;
}
#trama p {
	padding-left:10px;
	font-size:14px;
}
#trama img {
	display: block;
}
.link {
	background: url(../images/bg_chamadas.jpg) repeat-y;
	padding:0 20px;
	text-align:left;
	margin-top:-2px;
}
.input_search {
	width:120px;
	padding: 2px 5px; height: 18px;  border: none; font-size: 10px; color: #35629d; background: #E5E5E5; 
}
.go {
	margin-bottom:-6px;
	margin-left:-20px;
}
.link em {
	color: #939393;
	display: block;
	padding: 2px 0 5px;
	font-style: normal;
}
.link em a {
	text-decoration: none;
	color: #939393;
}
.link em a:hover {
	color: #4A4A4A;
	text-decoration: underline;
}
.index_news {
	padding-left:10px;
	position:relative;
	
}
.index_news h2 {
	font-size:16px;
	padding:0px 0 0 5px;
	color:#FFF;
	background:#90949D;
	height:25px;
	line-height:25px;
	
}
.index_news ul{ padding-top:10px;}
.index_news li{
	padding-bottom:5px;
	}
.index_news li a {
	
	text-decoration:none;
	
	
}
.index_news_content{
	margin-left:10px;
	display:block;

}

.index_news li a:hover {
	color:#5290C6;
	text-decoration:underline
}
#footer {
	padding:20px 5px;
	margin-bottom:0px;
	color:#fff;
	display:table;
	
	border-top:1px solid #ccc;


	
}
.foot_left {
	float:left;
	width:230px;
	padding-left:10px;
	padding-right:20px;
	font-size:13px;
}
.foot_mid {
	float:left;
	width:200px;
	padding-right:20px;
	font-size:13px;
}
.foot_mid a{ color:#FFF; font-size:13px;}
.foot_mid .index_news_content{ color:#EEE; font-size:11px;}
.foot_mid li{ padding-bottom:10px;}
.foot_mid form{ padding-top:6px; padding-bottom:5px;}

.foot_mid2 {
	float:left;
	width:200px;
	padding-right:20px;
	font-size:13px;
	
}
.foot_mid2 a{ color:#FFF; display:inline}

.email_list {
	width:130px;
	margin:3px 0
}
.mbx {
	
	height:27px;
	padding-top:2px;
	padding-left:5px;
	color:#000
}
.mbx a {
	color:#000;
	text-decoration:none;
	padding:0 5px
}
.products_bigclass {
	padding-left:5px;
}
.products_bigclass li {
	float:left;
	padding-right:8px;
}
/*products*/
.products {
	padding-left:5px;
}
.products_class {
	display:block;
	width:660px;
	float:left;
}
.products_class h2 {
	font-size:14px;
	font-weight:bold
}
.item {
	width:210px;
	height:210px;
	margin:5px 5px 5px 0;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
}
.item .caption {
	width:210px;
	min-height:210px;
	background:#000;
	color:#fff;
	font-weight:bold;
	/* fix it at the bottom */
	position:absolute;
	left:0;
	/* hide it by default */
	display:none;
	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
}
.item .caption a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}
.item .caption p {
	padding:5px;
	margin:0;
	font-size:10px;
}
.item img {
	border:0;
	/* allow javascript moves the img position*/
	position:absolute;
}
/*bigclass*/

.item_big {
	width:158px;
	margin:5px 5px 5px 0;
	/* required to hide the image after resized */

	
	/* for child absolute position */

	
	/* display div in line */
	float:left;
}
.item_big .caption {
	height:30px;
	color:#000;
	text-align:center;
}
.item_big .caption a {
	text-decoration:none;
	color:#aaa;
}
/**/
.item_small {
	width:156px;
	margin:5px 5px 35px 0;
	float:left;
	height:190px;
	text-align:center;
}
.img_border {
	border-right:1px solid #cccccc;
	width:156px;
	height:156px
}
.middle-out {
	width:156px;
	height:156px;
	position: relative;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
}
.middle-in {
	position:static;
*position:absolute;
	top:50%;
}
.middle-out .middle-in img {
	position:static;
*position:relative;
	top:-50%;
	left:-50%;
}
.item_small .caption {
	margin-top:20px;
	height:30px;
	color:#000;
	text-align:center
}
.item_productlist {
	width:156px;
	margin:5px 5px 35px 0;
	float:left;
	height:260px;
	text-align:center;
	border-bottom:1px dotted #cccccc;
}
.item_productlist .caption {
	height:60px;
	color:#000;
	text-align:center;
	margin-bottom:10px;
}
/**/
.active {
	font-weight:700
}
.page {
	clear:both;
	float:right;
	padding-top:10px;
}
.news dl {
	padding:10px 0;
	border-bottom:1px dotted #CCC
}
.news dl dt {
	font-weight:bold;
}
.news dl dd a {
	color:#1265A9;
	text-decoration:none
}
.news dl dd a:hover {
	text-decoration:underline
}
.news_time {
	display:inline;
	font-weight:normal
}
.feature {
	float:left;
	width:300px;
	text-align:center;
}
.feature2{
	float:left;
	width:300px;

}
#tab {
	float:left;
	margin-top:30px;
}
.tableborder1 {
	border:1px solid #cccccc;
	width:156px;
}
.productshow_id {
	padding:5px 0;
}

.gotoback {
	padding-left:300px;
	padding-top:20px;
}

#shejiao {
	float:right;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;

}
.link h2 {
	font-size:16px;
	font-weight:bold;
}
/*newsletter*/
.newsletter {
	width: 200px;
	height: 30px; /* 60 */
	position: absolute;
}
.newsletter input {
	color:#fff
}
.newsletter-email {
	width: 100%;
	height: 100%;
	color: #ffde00;
	border: 1px solid #ccc;
	padding: 0 5px; /* 80 20 */
	white-space: nowrap;
	overflow: hidden;
	font-size:10px;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
 .newsletter-email::-webkit-input-placeholder {
color: #ccc !important;
}
 .newsletter-email:-moz-placeholder {
color: #ccc !important;
}
 .newsletter-email::-moz-placeholder {
color: #ccc !important;
}
 .newsletter-email:-ms-input-placeholder {
color: #ccc !important;
}
.newsletter-email:hover {
	border-color: #494736;
}
.newsletter-email:focus {
	color: #494736;
	background-color: transparent;
	border-color: #494736;
}
.newsletter-submit {
	height: 100%;
	font-weight: 700;
	color: #ffde00;
	background-color: #494736;
	display: none;
	position: absolute;
	top: 1px;
	right: -11px;
	padding: 0 1.25rem; /* 20 */
 -webkit-animation: appear-from-inside .25s ease, fade-in .25s linear;
 -moz-animation: appear-from-inside .25s ease, fade-in .25s linear;
 -o-animation: appear-from-inside .25s ease, fade-in .25s linear;
 animation: appear-from-inside .25s ease, fade-in .25s linear;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
}
.newsletter-submit:hover,  .newsletter-submit:focus {
	color: #fff;
}
.newsletter--active .newsletter-submit {
	display: block;
}

#footer, *:before, *:after
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
	-webkit-overflow-scrolling: touch;
}





.index_catalogue{ font-size:18px; padding-left:5px; margin:0 0px; background:#90949D; height:25px; line-height:25px;  color:#FFF}
.share{ display:block; padding:10px 0;}
.share a{ padding:5px 5px 5px 0;}
/*index slide*/
.index_content{margin:auto;padding:20px 33px 0 25px; width:870px; height:200px; margin-left:15px;}
/*slide*/
.content{margin:auto;padding:20px 33px 0 25px; width:600px; height:200px;}
.slide_product_img{width:130px; height:130px; }

.related_product_name a{ text-align:left; color:#676767; display:block; text-decoration:none; padding-top:10px; width:130px;}

.flash , .index_class{ margin-bottom:10px;}
.index_class{ margin-top:15px;}

.btn_inquiry{ background:#612002; width:80px; height:25px; text-align:center; line-height:25px; float:left;}
.btn_inquiry a{ color:#FFF; display:block;}
.btn_back{ background:#D1CFD4; width:80px; height:25px; text-align:center; line-height:25px; float:left; margin-left:10px;}
.btn_inquiry_list{ background:#612002; width:70px; height:25px; text-align:center; line-height:25px; float:left; margin-left:10px;}
.btn_inquiry_list a{ color:#FFF; display:block;}

.btn_details_list{ background:#D1CFD4; width:70px; height:25px; text-align:center; line-height:25px; float:left;}
.index_about_bg{ background:url(../images/index_about_bg.jpg) no-repeat;}
.index_more{ float:right; padding-right:20px;}
.foot_right{ padding-right:5px; display:table;  font-size:10px;}
.foot_right a{ color:#FFF; display:inline}

.index_about,.index_news{ height:200px;}
.back{ text-align:center;}
.index_new_product{ text-transform:uppercase; text-align:center; font-size:18px; margin:10px 0}
#index_product_bg{ background:#eee; margin-bottom:10px;}
.index_product{width:940px;
	margin:0 auto;
}
#foot_bg{ background:#B8B8B8; width:100%;}