/*--------------------------------------------------------------
  Estilo CSS principal do website Diferro (www.diferro.com.br)
  Autor: Vinicius
  Empresa: Perverte Design
  --------------------------------------------------------------
*/

/*
 * Indice
 * 1. General
 * 2. Splash
 * 3. Novidades
 * 4. Empresa
 * 5. Empresa::Localização
 * 6. Produtos
 * 7. Contato
 * 8. Suporte Técnico
 * -8.1 Tabela de Conversão de Durezas
 * -8.2 Tabela de Equivalencia de Qualidade
 * -8.3 Splash
 * -8.4 Cálculo de peso por metro linear
 * 9. Splash dos produtos
 * 10. Mapa do Site
 * */


/*
1.General
*/

*, h1, h2, h3{
	padding:0;
	margin:0;
}

body{
	margin:0;
	padding:0;
	color:#6f6f6f;
	font:12px "Trebuchet MS", Arial, Verdana;	
}

a{color:#6f6f6f;text-decoration:none;}
a:hover{text-decoration:underline;}



#main-content{
	margin:0px auto;
	width:960px;
}

img{border:none;}

h1.title{
	color:#da251d;
	font:bold 24px Arial, Helvetica, sans-serif;
	padding-bottom:20px;	
}

span.date-balloon{
	background:url("../images/balloon.jpg") no-repeat;
	color:#6f6f6f;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:23px;
	display:block;	
}

#footer{
	background:url("../images/bg_footer.jpg") repeat-x;
	height:134px;
	margin-top:30px;	
	width:100%;
}

#footer #footer-content{
	background:url("../images/bg_bottom.png") center top no-repeat;
	width:960px;
	margin:0px auto;	
	padding-top:65px;
}

#footer #footer-content .logo{
	display:block;
	float:left;
}

#footer #footer-content .demonietto{float:right;}

#footer-content div.navigation{
	float:left;	
	padding-left:40px;
	width:685px;
}

#footer #footer-content ul li{
	display:inline;
	font:12px Arial, Helvetica, sans-serif;
	padding-right:5px;	
}

#footer #footer-content ul li a{padding-right:5px;}
#sidebar-inner{
    float:right;
    width:260px;
    background:url("../images/bg_top_novidades.jpg") no-repeat; 
}

#sidebar-inner .padding{padding:40px 25px 0px 25px;}

#sidebar-inner h2{
    color:#da251d;
    font:bold 15px Arial, Helvetica, sans-serif;
    padding-bottom:20px;
}

#content-area{
	float:left;
	width:660px;
	padding-bottom: 20px;
}

#content-area .content{padding-right:40px;}
#content-area.rightRedBorder{background:url("../images/red-border.png") no-repeat 640px top;}

#content-area .content h3{
	color:#2e2e2e;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2.table-disclaimer{
	font:bold 20px Arial, Helvetica, sans-serif;
    background:url("../images/product-header-layout].jpg") no-repeat;
    clear:both;
    text-align:center;
    display:block;
    height:44px;
    color:white;
    line-height:30px;
    margin-bottom:8px;
}

h3{margin: 10px 0 10px 0;}

/*
end:General
*/

/*
2.Splash
*/

#splash, #inner-pages{padding:0px 0px 0px 35px;}
#flash-container{
	height:448px;
	width:100%;
}

#flash-container #flash-object{margin:0 auto;}
#highlights .highlight{
	float:left;
	width:230px;
	padding-top:35px;	
}

#highlights .highlight h3{
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:white;	
	background:url("../images/square-ballon.png") no-repeat;
	padding:0px 0px 10px 10px;
	margin-bottom:0px;
	
}

.video-inst{
	height:311px;
	background:url("../images/bg_destaque.jpg") no-repeat;
}

.video-inst .icon-video{
	padding-top:17px;	
}

#highlights .highlight.first, #highlights .highlight.second{	
	padding-top:0px;
}

#highlights .highlight.first p{
	width:155px;
	margin:0px 0px 10px 25px;
	color:White;
	display:block;
}

#highlights .highlight.first a{
	padding-left:25px;	
}

#highlights .highlight.first h2{	
	color:#8b0000;
	font:bold 18px Arial, Verdana;
	display:block;
	height:35px;
}

#highlights .highlight.second h2{	
	color:#333;
	font:bold 18px Arial, Verdana;
	display:block;
	height:35px;
}

#highlights .highlight p {
	font-weight:bold;
	padding:10px 0px;
}
#highlights .highlight.second{}

.highlight p, .highlight h3{
	display:block;
	width:200px;
}

/*
end:Splash
*/

/*
3. Novidades
*/
#post-area{
	float:left;
	width:600px;	
}

#header-post h2{
	color:#343434;
	font:bold 20px Arial, Helvetica, sans-serif;
	padding-bottom:10px; 
}

#header-post span.date-balloon{padding-bottom:14px;}

#novidades-all div.news-item h2 a{
	background:url("../images/red-separator.jpg") no-repeat;
	display:block;
	font:bold 16px Arial, Verdana;
	float:left;	
	height:45px;   
	line-height:45px;	
	padding-left:15px;
}

#novidades-all div.paginacao{margin-top:30px;}
#novidades-all div.paginacao ul li{
	list-style:none;
	float:left;
}

#novidades-all div.paginacao ul li a{
	display:block;
	width:21px;
	height:21px;		
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:21px;
}

#novidades-all div.paginacao ul li a.selected{
	color:white;
	background:#da251d;
}

#novidades-all div.paginacao ul li a.next{
	display:inline;
	width:auto;
}

#novidades-all div.news-item .date-balloon{
	height:45px;
	float:left;
	width:72px;
	line-height:45px;
	background-position: center left;
}

/*4. Empresa*/
#empresa #content-area .content{padding-top:17px;}
#content-area h2.subtitle{
	font:bold 20px Arial, Helvetica, sans-serif; 
    color:#2e2e2e;
}
#empresa div.content img.highlightImage{
	display:block;
	float:left;
}

#empresa .content img{margin-right:20px;}
#empresa .content h3, #empresa .content p{padding-bottom:20px;}
#empresa .apresentacao-txt{
	float:left;
	width:335px;
}

#sidebar-inner .arrow-items{background:url("../images/red-arrow.png") repeat-y;}

#sidebar-inner .arrow-items ul{list-style:none;}
#sidebar-inner .arrow-items ul li a{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#2e2e2e;
}

#sidebar-inner .arrow-items ul li{
	display:block;
	padding:0px 0px 16px 15px;
	background:url("../images/horizontal-red-border.png") no-repeat 0px 25px;
}

#sidebar-inner .arrow-items ul li.last{background:transparent;}
#galeria{display:none;}

/*end:Empresa*/

/*5. Empresa::Localização */

#empresa .item-mapa img{float:left;}
#empresa .item-mapa .address{
	background:url("../images/red-border-vert-middle.png") no-repeat right center;
	float:left;
	width:210px;
}

#empresa .item-mapa a{
	display:block;
	float:left;
	padding-left:20px;
	position:relative;
	top:50px;	
}

#empresa .item-mapa .address h3{
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#da251d;
	padding-bottom:0px;
	margin:0px;
}

#map_canvas1, #map_canvas2, #map_canvas3{display:none;}
/*end:Empresa::Localização */

/*Latest News*/
#sidebar-inner div .news-item{padding-bottom:20px;}

.bg-bottom-latest-news{
	background:url("../images/bg_bottom_novidades.jpg") no-repeat;
	height:37px;
	width:260px;
}
/*end:Latest News*/

/* 6. Produtos */
#content-header{
	border-top:3px solid #444444;
	border-bottom:1px solid #444444;
	padding:5px 0px 3px 0px;
	margin-bottom:20px;
}

#content-header h2{
	float:left;
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#383838;	
}

#content-header a{
	display:block;
	float:right;
}

#custom-table thead tr td{
	background:url("../images/bg_product_header.jpg") repeat-x;
	color:white;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	border-right:2px solid white;
	height:66px;
}

tr.even td{background:#f0f0f0;}

#custom-table thead tr td table{background:white;}
#custom-table .first, #custom-table .second, #custom-table .third{width:70px;}
#custom-table .fourth{width:108px;}
#custom-table .fifth{width:100px;}
#custom-table .sixth{width:307px;}
#custom-table .seventh{width:68px;}
#custom-table .eight{width:278px;}
#custom-table .nineth{width:55px;}

#custom-table #table-content tr td{
	border-bottom:2px solid #b2b2b2;
	border-top:2px solid white;
}
#custom-table #table-content .mini-conteudo tr td{border:none;}
#custom-table .mini-conteudo .first{width:62px;}
#custom-table .mini-conteudo .second{width:52px;}
#custom-table .mini-conteudo .third{width:68px;}


#custom-table.second-type .first{width:65px;}
#custom-table.second-type .second{width:55px;}
#custom-table.second-type .third{width:133px;}
#custom-table.second-type .fourth{width:72px;}
#custom-table.second-type .fifth{width:140px;}
#custom-table.second-type .sixth{width:405px;}
#custom-table.second-type .seventh{width:87px;}
#custom-table.second-type .eight{width:278px;}

#custom-table thead tr td .trat-termico .solid-red{
	height:25px;
	background:#da251d;
}
#custom-table thead tr td .trat-termico .mini-info{
	height:40px;
	background:url("../images/bg_product_header-mini.jpg") repeat-x;
}

#custom-table thead tr td.nineth{border-right:none;}
#custom-table thead tr td .trat-termico .no-border{border-right:none;}
#custom-table thead tr td .trat-termico .mini-info td{border-top:2px solid white;}
#custom-table thead tr td .trat-termico .mini-info .first, #custom-table .mini-conteudo tr td.first{width:73px;}
#custom-table thead tr td .trat-termico .mini-info .second, #custom-table .mini-conteudo tr td.second{width:64px;}
#custom-table thead tr td .trat-termico .mini-info .third, #custom-table .mini-conteudo tr td.third{width:78px;}

#custom-table.second-type .mini-conteudo{width:405px;}
#custom-table.second-type thead tr td .trat-termico .mini-info .first, #custom-table.second-type .mini-conteudo tr td.first{width:68px;}
#custom-table.second-type thead tr td .trat-termico .mini-info .second, #custom-table.second-type .mini-conteudo tr td.second{width:73px;}
#custom-table.second-type thead tr td .trat-termico .mini-info .third, #custom-table.second-type .mini-conteudo tr td.third{width:60px;}
#custom-table.second-type thead tr td .trat-termico .mini-info .fourth, #custom-table.second-type .mini-conteudo tr td.fourth{width:64px;}
#custom-table.second-type thead tr td .trat-termico .mini-info .fifth, #custom-table.second-type .mini-conteudo tr td.fifth{width:65px;}
#custom-table.second-type thead tr td .trat-termico .mini-info .sixth, #custom-table.second-type .mini-conteudo tr td.sixth{width:65px;}
.lightbox-btn, tr.even td.lightbox-btn, tr.even td.lightbox-btn a, .lightbox-btn a{
	background:#b5b5b5;
	text-align:center;
	font:bold 12px Arial, Verdana;	
	color:Black;
}

#custom-table .table-content{text-align:center;}
div.inner-padd{padding:10px 4px;}

#custom-table .table-content tr td{
	padding:10px 2px 10px 0px;
	border-bottom:2px solid #b2b2b2;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
}

#custom-table.third-type thead tr td {
	background:url("../images/bg_product_header.jpg") repeat-x;
	height:67px;
}
#custom-table.third-type .first{width:134px;}
#custom-table.third-type .second{width:133px;}
#custom-table.third-type .third{width:269px;}
#custom-table.third-type .fourth{width:380px;}

#custom-table .table-content tr td.no-padd{padding:0px;}
#custom-table .table-content tr td .mini-conteudo tr td{color:#666; border:none;}
#custom-table .table-content tr td .mini-conteudo tr td.even, #custom-table .table-content tr td.even, .even{color:#212121;}

#go-top{padding:15px 0px;}
#go-top a{float:right;}
#go-top a.top{float:left;}


.lightbox-produtos thead tr th{
	background:url("../images/bg_product_header-mini.jpg") repeat-x;		
	color:White;
	border-right:2px solid white;
	height:40px;
	text-align:center;
}
.lightbox-produtos thead tr th.last{
	border:none;
}

.lightbox-produtos h3, .lightbox-produtos h2{
	font:bold 16px Arial, Verdana;
	padding-bottom:15px;
}

.lightbox-produtos h2{color:#a5120a;}

/* end:Produtos */

/*7. Contato*/
#fale-conosco .form{
	padding-top:15px;
	width:483px;
}

.form .line{
	color:#595959;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 5px;
	margin-bottom:5px;
}

.form .line .fields span{color:#cfcfcf;}
.form .line.red, .form .line.gray{
	padding:5px 0px 5px 5px;
	color:white;
	background:#da251d;
}

.form .line.gray{background:#595959;}
.form .line label{
	background:url("../images/mini_arrow_red.jpg") no-repeat 130px center;
	display:block;
	float:left;
	width:140px;	
}

.form .line .label_sobremetal{
	float:left;
	width:auto;
	padding-right:10px;
}


.form .red label{background:url("../images/mini_arrow_invert_red.jpg") no-repeat 130px center;}
.form .gray label{background:url("../images/mini_arrow_invert_gray.jpg") no-repeat 130px center;}

.form .line input, .form .line select, .form .line textarea{
	color:#595959;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	width:330px;
	border:1px solid #cfcfcf;
}

.form .line textarea{height:145px;}
.form .line .sl-estado{width:40px;}
.form .line .sl-cidade{width:220px;}

.form .line .input-estado{width:130px;}
.form .line .input-cidade{width:130px;}

.form .line label.lbl-ie{
	padding-left:10px;
	background-position: 40px center;
	width:40px;
}
.form .line label.lbl-numero{
	padding-left:10px;
	background-position: 40px center;
	width:40px;
}
.form .line label.lbl-cidade{
	padding-left:10px;
	background-position: 60px center;
	width:60px;
}
.form .line label.lbl-site{
	padding-left:10px;
	background-position: 40px center;
	width:40px;
}

.form .line input.right_collum{width:97px}
.form .line input.left_collum{width:180px;}
.form .line input.ddd{width:20px;}
.form .line input.phone{
	margin:0px 5px;
    width:100px;
}
.form .line input.email{width:150px;}
.form .line input.site{width:127px;}

.form input.enviar{
	display:block;
	float:right;
	padding-top:18px;
}

#fale-conosco .button-items ul{list-style:none;}
.form .line input.sobremetal{	
    float:none;
	width:30px;		
} 

.form .line .label_sobremetal input{width:20px;}
.form .line .label_sobremetal span{color: #595959; float:left;}
#fale-conosco #sidebar-inner .padding{padding-right:0px;}
.last_line{margin-bottom:15px;}
.two_rows_input{margin-top:8px;}
.three_rows_input{margin-top:15px;}

/* end:Contato */

/*8. Suporte Técnico*/

    /*8.1 Tabela de Conversao de Durezas*/
#custom-table.tbl-conv-dureza .heading tr td{background:url("../images/bg_product_header2.jpg") repeat-x;}
#custom-table.tbl-conv-dureza .heading .third .solid-red, #custom-table.tbl-conv-dureza .heading .fourth .solid-red{height:25px;}
#custom-table.tbl-conv-dureza .heading .third .info, #custom-table.tbl-conv-dureza .heading .fourth .info{height:73px;}

#custom-table.tbl-conv-dureza .first{width:135px;}
#custom-table.tbl-conv-dureza .second{width:133px;}
#custom-table.tbl-conv-dureza .third{width:304px;}
#custom-table.tbl-conv-dureza .fourth{width:202px;}
#custom-table.tbl-conv-dureza .fifth{width:134px;}

#custom-table.tbl-conv-dureza .info .first, #custom-table.tbl-conv-dureza .mini-conteudo .first{width:100px;}
#custom-table.tbl-conv-dureza .info .second, #custom-table.tbl-conv-dureza .mini-conteudo .second{width:100px;}
#custom-table.tbl-conv-dureza .info .third, #custom-table.tbl-conv-dureza .mini-conteudo .third{width:100px;}
    /*8.1 end:Tabela de Conversao de Durezas*/
	
    /*8.2 Tabela de Equivalencia de Qualidade*/
.tbl-equiv-qualidade .table-content td, .tbl-peso-linear .table-content td{
	text-align:center;
	width:132px;
	border-bottom:2px solid #a0a0a0;
	padding:10px 0px 10px 0px;
}

#custom-table.tbl-equiv-qualidade .heading td, .tbl-peso-linear .heading td{
	height:67px;
	width:130px;
}

.tbl-peso-linear .heading td{width:183px;}
.disclaim-padd{margin:10px 0px;}
    /*8.2 end:Tabela de Equivalencia de Qualidade*/
	
	/*8.3 Splash*/
.suporte-menu-item{
	float:left;
	width:235px;
	background:url("../images/red-border-vert-mini.png") no-repeat 200px center;	
}
.suporte-menu-item.last{width:168px;}	
	/*8.3 end:Splash*/
	
	/*8.4 Cálculo de peso por metro linear*/
	
	#suporte-tecnico h2.suporte-title{
		background:url("../images/gray-border.jpg") repeat-x;
		color:white;
		display:block;
		height:33px;
		text-align:center;
		line-height:33px;		
	}
	
	#suporte-tecnico .peso-teorico .heading tr td{
		color:white;
		background:url("../images/bg_suporte_calculo.jpg") repeat-x;		
		font:bold 12px Arial, Helvetica, sans-serif;		
		height:48px;
		text-align:center;
	}
	
	#suporte-tecnico .peso-teorico .body tr td input{
		width:100%;
		background:#e3e3e3;
		border:none;
	}
	
	#suporte-tecnico .peso-teorico .body tr td{		
		background:#e3e3e3;		
		border:1px solid #999999;
		color:black;
		height:24px;
		text-align:center;		
		font-weight:bold;
	}
	
	#suporte-tecnico .peso-teorico .body tr td.gray{background:#c1c1c1;}
	#suporte-tecnico .peso-teorico .body tr td.black{
		background:#1f1a17;
		color:white;
	}
	
	#suporte-tecnico .peso-teorico .heading tr td.black{background:url("../images/bg_suporte_calculo_b.jpg") repeat-x;}	
	.calc{
		padding:10px 0px 25px 0px;
		border-bottom:1px solid #c1c1c1;
		margin-bottom:20px;
	}
	
	.calc span{		
        display:block;
		float:left;
		vertical-align:text-bottom;
		padding-top:12px;
	}
	
	.calc a{
		display:block;
		float:right;
	}
	
	/*8.4 end:Cálculo de peso por metro linear*/
	
/*end:Suporte Técnico*/

/*9. Splash dos produtos*/
.product-category{
	height:270px;
	float:left;
	margin-right:18px;
	width:285px;
	margin-bottom:35px;
}

.product-category img{margin-bottom:10px;}
.product-category ul li{
	list-style-image:url("../images/product_arrow.jpg");
	list-style-position:inside;
	border-bottom:1px solid #cccccc;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:3px 0px;
}

/*9. end:Splash dos produtos*/

/*10. Mapa do Site*/
#mapa-site .first-col, #mapa-site .second-col, #mapa-site .third-col{
	float:left;
	width:250px;	
}
#mapa-site .second-col{width:386px;}
#mapa-site .third-col{width:210px;}
#mapa-site div.item{margin-bottom:18px;}

#mapa-site h3{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#DA251D;
}

#mapa-site ul li{    
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
    list-style-image:url("../images/arrow-map.jpg");
	list-style-position:inside;
	padding-bottom:8px;
}

#mapa-site ul li a{	color:#2E2E2E;}
#mapa-site ul.submenu li{
	padding-left:25px;
	list-style-image:none;	
	list-style-type:none;
} 

#mapa-site ul.submenu li a{font-weight:normal;}

/*10. end:Mapa do Site*/