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

/*-----------------------------------
 ## ELEMENTOS HTML ##
---------------------------------*/
/*configura sintaxes de html */
body
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#636363;
	text-align:left;
	line-height:16px;
}

input, textarea,select
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#636363;	
}

h1
{
	font-size:22px;
}

h2 
{
	font-size:18px;
}

h3 
{
	font-size:16px;
}

h4 
{
	font-size:12px;
}

h1,h2,h3,h4
{
	padding:0;
	margin:0;
	line-height:normal;
	color:#005aa0;
}

p
{
	margin:0;
	padding:5px 0 5px 0;
}

a
{
	text-decoration:none;
	color:#005aa0;
}

a:hover
{
	text-decoration:underline;
}

.more a
{
	font-weight:bold;
	color:#4B4B4B;
}

ul
{
	padding:0;
	margin:0;
}

ul li
{
	list-style:inside;
}

img
{
	border:0;
}

/*-----------------------------------
/*##  CLASSES GERAIS ##
/*-----------------------------------*/
/*classes com configurações globais*/
.skinny-col
{
	width:193px;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.bloc
{
	padding-bottom:10px;
	margin-bottom:10px;
}

/*cabeçalhos das páginas*/
.content-header
{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:solid 1px #e6e6e6;
}

.content-header h1
{
	color:#ed1c24;
}

.content-area:after
{
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}

#content-area-blog .skinny-col div /*corrige bug no IE6/*/
{
	height:1%;
}

/*-----------------------------------
/*##  ESTRUTURA DO SITE ##
/*-----------------------------------*/
/*divs responsáveis pela estrutura geral do layout*/

/*CABEÇALHO*/
#header
{
	width:100%;
	height:190px;
	background-image:url(imagens/bg_header.png);
	background-repeat:repeat-x;
}

#header-wrapper
{
	width:1002px;
	margin:auto;
	height:190px;
	position:relative;
	background-image:url(imagens/bg_header_wrapper.png);
	z-index:1;
}

#banner-conceito
{
	position:absolute;
	width:695px;
	height:231px;
	top:60px;
	right:32px;
}

/*cabeçalhos conceitos*/
.page-sobre #banner-conceito, .page-blog #banner-conceito, .page-qualidade #banner-conceito, .page-faleconosco #banner-conceito
{
	background-image:url(imagens/banner_conceito/banner_institucional.jpg);
	background-repeat:no-repeat;
}

.page-ambiente #banner-conceito
{
	background-image:url(imagens/banner_conceito/banner_ambiente.jpg);
	background-repeat:no-repeat;
}

.page-catalogos #banner-conceito
{
	background-image:url(imagens/banner_conceito/banner_fibras.jpg);
	background-repeat:no-repeat;
}

.page-safetyline #banner-conceito
{
	background-image:url(imagens/banner_conceito/banner_fibras.jpg);
	background-repeat:no-repeat;
}

/*
.page-fibras #banner-conceito
{
	background-image:url(imagens/banner_conceito/banner_fibras.jpg);
	background-repeat:no-repeat;	
}
*/

/*
.page-materiaprima #banner-conceito
{
	background-image:url(imagens/banner_conceito/banner_fibras.jpg);
	background-repeat:no-repeat;
}
*/

/*
.page-redes-eletricas #banner-conceito
{
    background-image:url(imagens/banner_conceito/banner_area_eletrica.jpg);
	background-repeat:no-repeat;	
}
*/

/*
.capa #banner-conceito
{
	background-image:url(imagens/capa/banner_conceito.jpg);
	background-repeat:no-repeat;
}
*/

/*páginas de linha institucional*/
.interna-institucional #banner-conceito
{
	background-image:url(imagens/banner_conceito/banner_institucional.jpg);	
	background-repeat:no-repeat;
}



#logo
{
	position:absolute;
	top:60px;
	left:30px;
}

/*ÁREA PRINCIPAL DE CONTEÚDO DO SITE*/
#main
{
	width:100%;
	background-image:url(imagens/bg_main.png);
	background-repeat:repeat-x;
	background-color:#4284c1;
}

#main-wrapper
{
	padding-bottom:35px;
	width:1002px;
	margin:auto;	
	position:relative;
	background-color:#5b9ed9;
	background-image:url(imagens/bg_main_wrapper.png);
	background-repeat:no-repeat;
}

#main-wrapper:after /*corrige problema da div pai não acompanhar a div filho*/
{
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
	z-index:0;
}


/*ÁREA DE CONTEÚDO*/
#content
{
	width:700px;
	float:left;
	margin-top:78px;
	background-image:url(imagens/bg_cont_center.png);
}

.capa #content
{
	margin-top:110px;
}

#content-inner
{
	padding:30px;
	padding-bottom:25px;
	background-image:url(imagens/bg_cont_top.png);
	background-repeat:no-repeat;
}


#content-inner-btt /*borda arredondada inferior da área de conteúdo*/
{
	height:15px;
	display:block;
	clear:both;
	background-image:url(imagens/bg_cont_btt.png);
}


/*SIDEBAR*/
#sidebar-left
{
	width:275px;
	float:left;
}

#sidebar-inner
{
	padding:28px;
}


/*RODAPÉ*/
#footer
{
	width:100%;
	height:75px;
	background-image:url(imagens/bg_footer.png);
	background-repeat:repeat-x;
}

#footer-wrapper
{
	width:1002px;
	margin:auto;
	height:75px;
	background-image:url(imagens/footer_wrapper.png);
}

.footer-inner
{
	padding:22px 0 0 28px;
}

/*dados do rodapé*/
.footer-inner span.footer-tit
{
	font-weight:bold;
	display:block;
	color:#FFF;
}

.footer-inner span.footer-end
{
	color:#aecbe9;
}


/*-----------------------------------
/*##  MENUS DE NAVEGAÇÃO E SIDEBAR ##
/*-----------------------------------*/
/*configuração e estrutura do menu lateral, 
/*newsletter do sidebar e menu principal superior*/

/*MENU SUPERIOR*/
#menu-primario
{
	width:697px;
	height:47px;
	position:absolute;	
	top:6px;
	right:30px;
	background-image:url(imagens/bg_primary_menu.jpg);
	background-repeat:inherit;
	text-align:center;
}

#menu-primario ul
{
	padding-left:5px;
	padding-top:12px;
}

#menu-primario ul li
{
	padding-right:20px;
	padding-left:15px;
	display:inline;
	background-image:url(imagens/menu_separator.png);
	background-repeat:no-repeat;
	background-position:right;
}

#menu-primario ul li.last /*retira separador do último item*/
{
	background-image:none;
}

#menu-primario ul li a
{
	font-size:14px;
	font-weight:bold;
	color:#deecf7;
}


/*MENU LATERAL*/
#menu ul li
{
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	height:30px;
	list-style:none outside;
	background-image:url(imagens/menu_item_link.png);
}

#menu ul li.menu-first /*primeiro item com aba arredondada*/ 
{
	height:44px;
	background-image:url(imagens/menu_top.png);
}

#menu ul li.menu-first span.label
{
	padding-left:20px;
	line-height:44px;
}

#menu ul li.menu-last /*último item com aba arredondada*/
{
	height:44px;
	background-image:url(imagens/menu_last.png);
}

#menu ul li.menu-item
{
	height:40px;
	background-image:url(imagens/menu_item.png);
}

#menu ul li.menu-last a, #menu ul li.menu-item a
{
	margin-left:20px;
	line-height:40px;
	font-weight:bold;
}

#menu ul li a
{
	padding-top:0px;
	margin-left:35px;
	font-size:14px;
	line-height:30px;
	font-weight:normal;
	color:#FFF;
}


/*BLOCO NEWSLETTER*/
#newsletter
{
	padding-top:28px;
	color:#FFF;
}

#newsletter label
{
	padding-right:10px;
	font-weight:bold;
}

#newsletter h3
{
	font-size:18px;
	color:#FFF;
}

#news-submit
{
	margin-top:5px;
	margin-left:42px;
}


/*-----------------------------------
/*##  PÁGINAS ##
/*-----------------------------------*/
/*configurações e blocos específicos de páginas*/
/*  o simbolo "----- # NOME_PAGINA # -----" identifica a página */


/* ----- #CAPA DO SITE ------ #*/
#region-top:after, #region-bottom:after /*corrige bug no mozilla*/
{
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}

div #region-top, div #region-bottom /*corrige bug guilhotina no IE6*/
{
	height:1%;
}

/*região superior de conteúdo na capa*/
#region-top #destaque-capa
{
	width:415px;
	float:left;
}

#destaque-capa .conteudo
{
	padding-top:10px;
}

/*região inferior de conteúdo na capa*/
#region-bottom
{
	padding-top:20px;
}

#region-bottom .area-capa
{
	padding-right:25px;
	float:left;
}

/*chamadas de catalogos*/
.catalogos-bloc
{
	padding-bottom:15px;
}

/*configuração dos blocos de áreas (qualidadem meio ambiente, safetyline)*/
.area-capa h2
{
	padding-bottom:12px;
}

.area-capa .text
{
	padding-top:12px;
}

.area-capa span.more
{
	display:block;
}

#region-bottom .area-capa.last /*último item não herda caracteristicas*/
{
	padding:0 !important;
	margin:0;	
}


/* ----- #SOBRE A CSL ------ #*/
.sobre-bloco 
{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:solid 1px #e6e6e6;	
}

.sobre-bloco span.legenda
{
	padding-bottom:10px;
	font-weight:bold;
	font-size:12px;
	display:block;
}

.sobre-bloco img
{
	padding-left:15px;
	padding-bottom:15px;
	float:right;
}

#submenu-sobre ul li
{
	padding-right:5px;
	font-weight:bold;
	display:inline;
}

#submenu-sobre a
{
	font-size:12px;
	color:#7f7f7f;	
}

/* ----- #QUALIDADE ------ #*/
.cont-certificados
{
	padding-top:10px;
	padding-bottom:10px;
}

.cont-certificados:after
{
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}

.certificado
{
	padding-right:11px;
	padding-bottom:10px;
	float:left;
}

/* ----- #FIBRAS ------ #*/
.fibras-bloco
{
	margin-bottom:15px;
	padding-bottom:15px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;
}


/* ----- #BLOG ------ #*/
.content-content
{
	width:433px;
	float:left;
}

.blog-post img
{
	padding-bottom:10px;
}

/*regiões do post*/
#content-area-blog-capa .blog-post
{
	margin-bottom:20px;
	padding-bottom:20px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;		
}

.post-header /*cabeçalho*/
{
	padding-bottom:15px;
}

.post-header span.legenda
{
	font-style:italic;
}

#content-area-blog .post-content
{
	margin-bottom:20px;
	padding-bottom:20px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;		
}

#content-area-blog .post-content span.more
{
	padding-top:15px;
	display:block;
}

.post-comment /*área de comentário*/
{
	padding-top:0px;
}

#comment-form
{
	margin-top:20px;
}

#comment-form label 
{
	padding-right:5px;
	padding-bottom:8px;
	font-weight:bold;
	display:block;
}

/*campos do comentário*/
#comment-form .field-item
{
	padding-bottom:12px;
}

#field-comment-nome-wrapper
{
	padding-right:10px;
	float:left;
}

#field-comment-mensagem-wrapper
{

}

/*MENU LATERAL DO BLOG*/

/*formata menu lateral*/
#content-area-blog .skinny-col .inner,
#content-area-blog-capa .skinny-col .inner
{
	width:170px;
	float:right;
}

/*campo de busca*/
#search
{
	margin-bottom:20px;
	padding-bottom:20px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;	
}

/*agrupamento por categoria no blog*/
#blog-categorias
{
	margin-bottom:20px;
	padding-bottom:30px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#blog-categorias ul li
{
	padding-bottom:4px;
}

#blog-categorias h2
{
	padding-bottom:10px;
}

#blog-categorias a
{
	color:#808080;
}

/*bloco com recursos sociais (rss,youtube..)*/
.social-bloc
{
	margin-bottom:20px;
	padding-bottom:20px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:1%;
}

.social-bloc h4 a
{
	color:#000;
}

.social-bloc .img
{
	padding-right:5px;
	width:30px;
	float:left;
}

.social-bloc .text
{
	width:125px;
	float:left;
}

.social-bloc:after
{
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}
	



/* ----- #NÁUTICO NÍVEL 1 ------ #*/
.bloco-area-atuacao
{
	margin-bottom:20px;
	padding-bottom:20px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;	
	height:1%;
}

.bloco-area-atuacao:after /*corrige bug no mozilla*/
{
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}

#content-area-nivel-1 span.more
{
	margin-top:5px;
	padding:5px;
	float:left;
	border:solid 1px #d8d8d8;
}

/* ----- #NÁUTICO NÍVEL 2 ------ #*/
.view-cordas
{
	margin-top:10px;
}

.corda-intro /*introdução ao conteúdo de corda*/
{
	margin-bottom:20px;
	padding-bottom:20px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

.bloco-corda
{
	margin-bottom:25px;
	padding-bottom:30px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;		
	height:1%;
}

.bloco-corda h3 a
{
	color:#4d4d4d;
}

.bloco-corda:after /*corrige bug no mozilla*/
{
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}

.bloco-corda .dados, .bloco-corda .img
{
	padding-top:10px;
}

.bloco-corda span.more
{
	margin-top:5px;
	padding:5px;
	float:left;
	border:solid 1px #d8d8d8;
}

/*área de conteúdo relacionado*/
.conteudo-relacionado
{
	margin-bottom:20px;
	padding-bottom:20px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;	
}

.conteudo-relacionado ul
{
	padding-top:10px;
}

.conteudo-relacionado ul li
{
	padding-bottom:5px;
}

.conteudo-relacionado ul li a
{
	color:#636363;
}

/* ----- #NÁUTICO NÍVEL 3 ------ #*/

/*área de tabela e anexo*/
.tabela
{
	margin-bottom:20px;
	padding-bottom:30px;
	background-image:url(imagens/dashed_line.png);
	background-position:bottom;
	background-repeat:repeat-x;	
	height:1%;
}

.tabela:after, .tabela-anexo:after
{
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}

/*tabela com dados*/
.tabela #tabela-corda 
{
	border:solid 1px #d5d5d5;
	border-bottom:0;
	border-left:0
}

.tabela #tabela-corda .header td
{
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	color:#0070b4;
	background-color:#dbedf9;
}


.view-cordas .bloco-corda h3
{
	color:#4d4d4d;
}

.tabela table tr td
{
	padding:3px;
	padding-left:5px;
	margin:0;
	border-left:solid 1px #d5d5d5;
	border-bottom:solid 1px #d5d5d5;
	color:#000;
}

.tabela table tr.odd
{
	background-color:#f1f7fc;
}

/*área de tabelas anexadas*/
.tabela-anexo
{
	margin-top:10px;
}


.tabela-bloco
{
	padding-right:15px;
	padding-top:15px;
	float:left;
}