/*  Folha de Estilos st-cnt1.css  
	----------------------------------------------------------------------
	Site: www.cntbrasil.com.br  |  Autor: Dpto. Marketing & TI - CNT Brasil  |  Data: 16/04/2008	
	
	
	Cores: 
	Azul Marinho #00044c;
		 Laranja #ff6c00;
		 Lilas   #535576;
		 
		 Folha de Estilo 2 - Conteúdo - Elementos das Páginas Internas e Home
*/


/* Formatação - Conteúdo Home */

#ctdo-banners{height:280px;}
	#ctdo-banners div{display:block; float:left; height:280px;}
		#ctdo-banners-1{width:960px; background-color:#333333;}
		
		/* Exemplo correto - teste PNG no IE
		#ctdo-banners-1{width:960px; background-color:#333333; background-image: url('../img/lyt/botao_submit.png');}*/

		/*#ctdo-banners-2{width:245px;  margin:0px 1px 0px 1px;}*/
		/*#ctdo-banners-3{width:245px; }*/
		
	#ctdo-home-boxes{margin:20px 0px 0px 0px; height:300px;}
	#ctdo-home-boxes-portifolio, #ctdo-home-boxes-destaques, #ctdo-home-boxes-ctt{display:block; float:left; height:320px;}
	
		#ctdo-home-boxes-portifolio{width:428px; }
		.portifolio-abas{}
		.portifolio-abas {display:block; height:27px; }
		.portifolio-abas p{color: #00044c; padding:5px 0px 0px 0px; font-size:11px; float:left;}
		.portifolio-abas li{float:right; font-size:11px; color:#FFFFFF;}
		.portifolio-abas li a{display:block; text-decoration:none; padding:2px; width:110px; text-align:center; padding:5px 0px 5px 0px; color:#fff;}
		.portifolio-abas li a:hover{padding:5px 0px 5px 0px;}
		
		.aba1 a{background: #535576 url('../img/lyt/a-aba1.jpg') no-repeat;} 
		.aba1 a:hover, .aba1 a:active{background: #62648A url('../img/lyt/hover-aba1.jpg') no-repeat;}
		.aba2 a{background: #323861 url('../img/lyt/a-aba2.jpg') no-repeat;} 
		.aba2 a:hover, .aba2 a:active{background: #424A82 url('../img/lyt/hover-aba2.jpg') no-repeat;}
		.aba3 a{background: #00044c url('../img/lyt/a-aba3.jpg') no-repeat;} 
		.aba3 a:hover, .aba3 a:active{background: #00056F url('../img/lyt/hover-aba3.jpg') no-repeat;}
		
		.box-home-fabricantes, .box-home-solucoes, .box-home-linhadeprodutos
		{background-color:#CCCCCC; width:428px; height:250px; background: #fbfcfe url('../img/lyt/box-home.jpg') no-repeat;} 
			
		.box-home-fabricantes	 {border-top: 8px solid #040636;}
			.box-home-fabricantes ul { margin:10px 0px 0px 15px;}
			.box-home-fabricantes ul li { display:inline;}
			.box-home-fabricantes ul li a{display: block; padding:1px 3px 1px 3px; width:90px; height:50px; float:left; background-color:#FFFFFF; border:1px solid #F7F8FC; margin:1px; cursor: default;}
			.box-home-fabricantes ul li a:hover{border:1px solid #ff6c00;}
		/*	.box-home-fabricantes ul li a:active{border:1px solid #040636;} */
			
			
		/* ToolTip */	
		.tool-tip  {color: #ccc; width: 139px; z-index: 13000;}
	 	.tool-title{font-weight: bold; font-size: 11px; margin: 0; color: #ff6c00; padding: 0px 5px 0px 5px; background:  url('../img/lyt/bubble.png') top left;}
		.tool-text {font-size: 11px; padding: 0px 5px 0px 5px; background: url('../img/lyt/bubble.png') bottom right;}
		.custom-tip{color: #000; width: 130px; z-index: 13000;}
		.custom-title {font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D;}
	 	.custom-text {font-size: 11px;padding: 4px 8px 8px; background: #CFDFA7;}
	
			
		.box-home-solucoes		  {border-top: 8px solid #212241;}
			.box-home-solucoes ul {margin:10px 0px 0px 35px;}
			.box-home-solucoes ul li {display:inline;}
			.box-home-solucoes ul li a{display: block; padding:5px 8px 5px 8px; width:330px; height:23px; background-color:#FFFFFF;  margin:1px; font-weight:bold; color:#212241; cursor: default; text-decoration:none;}
			.box-home-solucoes ul li a:hover{text-decoration:underline;  color: #ff6c00;}
	/*		.box-home-solucoes ul li a:active{background-color: #212241; color:#fff;}*/
			
		.box-home-linhadeprodutos{border-top: 8px solid #434669;}
			.box-home-linhadeprodutos ul {margin:5px 0px 0px 5px; float:left; height:230px;}
			.box-home-linhadeprodutos ul li {display:inline;}
			.box-home-linhadeprodutos ul li a{display: block; padding:1px 2px 1px 2px;  background-color:#FFFFFF; margin:2px; font-size:10px; min-width:105px; color:#434669; font-weight:bold; cursor: default; margin-right: 3px; text-decoration:none;}
			.box-home-linhadeprodutos ul li a:hover{ color: #ff6c00; text-decoration:underline;}
	/*		.box-home-linhadeprodutos ul li a:active{background-color: #434669; color:#fff;}*/
			
			#linhadeprodutos-col1 li a{width:105px;}
			#linhadeprodutos-col2 li a{width:125px;}
			#linhadeprodutos-col3 li a{width:140px;}
			
			
		#ctdo-home-boxes-destaques{width:245px;  margin:0px 20px 0px 20px;}
			#ctdo-home-boxes-portifolio h3, #ctdo-home-boxes-destaques h3, #ctdo-home-boxes-ctt h3{display:block; color:#00044c; font-size:18px; background: url('../img/lyt/ctdo-coldir-internas-colesq.jpg') no-repeat 0px 0px; padding-left:10px;  letter-spacing:-1px; margin:0px 0px 5px 0px;}
			#ctdo-home-boxes-destaques p, #ctdo-home-boxes-ctt p{padding:5px 0px 5px 0px; border-bottom:1px dashed #EEEEEE; font-size: 11px;}
			#ctdo-home-boxes-destaques p a, #ctdo-home-boxes-ctt p a{ color:#00044c; text-decoration:none;}
			#ctdo-home-boxes-destaques p a:hover, #ctdo-home-boxes-ctt p a:hover{ color:#ff6c00;  text-decoration:underline;}
			#ctdo-home-boxes-destaques p strong, #ctdo-home-boxes-ctt p strong{ display:block;}
		#ctdo-home-boxes-ctt{width:245px;}
			#ctdo-home-boxes-ctt p span{font-size:10px; color:#535576; }
		.vejamais{ text-align:right;}
		.vejamais span{background-color:#F8F9FD; font-weight:bold; font-weight:bold;}


/* Formatação Páginas Internas */
#ctdo-coldir-internas{margin-bottom:20px; }
	#ctdo-coldir-internas h4{ color: #535576; margin:10px 0px 0px 0px;}
	#ctdo-coldir-internas p{padding:5px 0px 5px 0px; text-align:justify; }
	
	/* Coluna Esquerda - Apoio(Destaques e Assuntos Relacionados) - Deslogado */
	#ctdo-colesq-internas { padding-top:25px;}
		#ctdo-colesq-internas h2{display:block; color:#00044c; font-size:18px; background: url('../img/lyt/ctdo-coldir-internas-colesq.jpg') no-repeat 0px 0px; padding-left:10px;  letter-spacing:-1px; margin:0px 0px 15px 0px;}
		.ctdo-colesq-internas-box1{margin:0px 0px 25px 0px;}
	
	/* Coluna Inferior - Apoio(Destaques e Assuntos Relacionados) - Logado */	
	#ctdo-apoio-internas{}
		.ctdo-apoio-internas-box1 ul{}
		.ctdo-apoio-internas-box1 ul li{ float:left; margin-right:4px;}
		#ctdo-apoio-internas h2{display:block; color:#00044c; font-size:18px; background: url('../img/lyt/ctdo-coldir-internas-colesq.jpg') no-repeat 0px 0px; padding-left:10px;  letter-spacing:-1px; margin:0px 0px 15px 0px;}
		.ctdo-apoio-internas-box1{float:left; width:520px; }

		.ctdo-apoio-internas-box2{float:right; width:220px;  }
		.ctdo-apoio-internas-box2 ul{ margin-left:10px; }
		
		
	/* Conteudo Texto - Instituciona, como comprar, avisos legas, etc.. */
	.conteudo-texto a, .conteudo-texto a:visited { color: #ff6c00;}
	.conteudo-texto p{color:#666666;}

	
	/* Distribuição */
	.heading{ margin:10px 0px 0px 0px;}
	
	#vertical { margin:10px 0px 20px 0px;}
	#vertical h3 {height: 38px; line-height: 38px; padding: 0 20px 0px 15px; margin: 5px 0; position: relative;	cursor: pointer;
	/*background: #F0F1F5 url('../img/lyt/box-distribuicao-h3.jpg') repeat-x; */font-size:27px;}
	#vertical h3 a{color:#535576;}	
	#vertical h3 a:hover{ color: #ff6c00; ;}
	#vertical h3 a:active{color: #00044c; }
	#vertical h3 span {font-weight: bold; padding:0px 2px 0px 2px;}
	/* #vertical h3 span { position: absolute; top: 0; right: 25px;  font-size: 0.8em; font-weight: bold; color:#ff6c00;} */
	
	#vertical li {}
	#size-gallery1{}
	.collapse-container{ }
	
	.box-distribuicao{background:url(../img/lyt/fdo-box-distribuicao.jpg) repeat-x; height:145px; margin-bottom:5px; }
	.box-distribuicao-logo{ background-color: #999999; display:block; width:150px; float:left; height:115px; margin:15px 0px 15px 15px;}
	.box-distribuicao-info{ display:block; width:455px; float:left; height:95px; margin:15px; padding:0px 0px 0px 0px;}
		.box-distribuicao-info a{ margin-right:4px;}
		.box-distribuicao-info a:hover{}

		.box-distribuicao-info p{}
		.box-distribuicao-info h4{ color:#00044c;  font-size:18px;}
		.t1{color: #535576; font-weight:bold;} .t2{margin-top:5px; font-size:10px; line-height:12px;} .t3{margin-top:5px;} .t3 a{font-weight:bold;}

	
	/* Destaques */
	.title-destaque {height: 38px; line-height: 38px; padding: 0 20px 0px 0px; margin: 5px 0; position: relative;	cursor: pointer;
	font-size:25px; color:#ff6c00;}
	
		
	/* conteudo coluna esquerda - menu portal */
	#ctdo-colesq-menu{ padding:10px 10px 20px 10px;
	 background: #fff url('../img/lyt/ctdo-colesq-menu.jpg') no-repeat; 
		width:170px; }
	#ctdo-colesq-menu a{ position:relative;}

	#ctdo-colesq-menu p{padding:0px 20px 0px 0px; color:#535576; }
	#ctdo-colesq-menu ul{ margin:10px 0px 0px 0px;}
	#ctdo-colesq-menu ul li { color: #535576; font-size:11px; display:block; font-weight:bold; color:#333333;}
	#ctdo-colesq-menu ul li a{color: #535576; font-size:11px; display:block;  font-weight:bold; padding:1px 0px 1px 0px;}
	#ctdo-colesq-menu ul li a:hover{color:#535576;}
	#ctdo-colesq-menu ul li ul{ margin:0px 0px 5px 0px; }
	#ctdo-colesq-menu ul li ul li {}
	#ctdo-colesq-menu ul li ul li a{ font-size:10px; color:#00044c; display:block; border-bottom: 1px solid #F2F3F7; padding:1px 2px 1px 5px;}
	#ctdo-colesq-menu ul li ul li a:hover{color:#ff6c00;}
	
	
	#ctdo-colesq-menu-info{text-align:center;width: 120px;margin: 10px 0px 0px 20px; }
		#ctdo-colesq-menu-info span{display:block; background-color: #F4F5F7; width: 120px; margin-top: 1px; padding:3px;}
	.ctdo-colesq-menu-cbcl{color: #535576;}
	.ctdo-colesq-menu-cbcl strong{color: #535576; font-size:11px;}


	/* Fale Conosco */
	/* Rel 3 - Trabalhe na CNT Brasil e Fale Conosco */
	#ctdo-coldir-portal-cbcl h3{color:#535576; background: url('../img/lyt/ctdo-coldir-portal-h3.jpg') no-repeat 0px 7px; padding: 0px 0px 3px 25px; font-size:25px;}
	
	#dadoscontato{ display:block; float:left; border-right:1px solid #D5DBE9; width:170px; padding-right:15px;  }
	#dadoscontato p{ text-align:left; font-size:11px; color:#666666; }
	#dadoscontato p strong{color:#535576; }
	#mapa{ margin:0px 0px 20px 0px; background: url('../img/lyt/fdo-mapa.jpg') no-repeat; height:336px; }
	#mapa iframe{ margin:10px 10px 0px 10px; border:1px solid #BFC0D4;}	#mapa a{ margin:3px 0px 0px 10px;}

	#formcontato{display:block; float:left; width:470px; margin-left:15px; }
	#formcontato fieldset { border:none; }
	
	
	#formcontato-campos input{padding:5px 5px 5px 5px; color:#535576; border:2px solid #A9ABBA; background: #fff url(../img/lyt/fdo_input.jpg) repeat-x; height:15px;}
	
	#formcontato-botoes input{width:100px; font-size:10px; padding:3px 0px 3px 0px; background: #ff6c00 url(../img/lyt/fdo-botao-login.jpg) repeat-x; color:#fff; height:30px; display:block; border:none; margin-left:5px;}

	/* Institucional e mais ocnteudos texto */
	.conteudo-texto{}
	.conteudo-texto fieldset{background-color: #F9F9FB; padding: 5px;	margin: 5px 0px 5px 0px; border: 1px solid #B7BAC9;}
	.conteudo-texto fieldset h3{font-size: 13px; color: #2D2558;}
	.conteudo-texto fieldset label{width: 100px; display: block; float: left; padding: 7px 0px 5px 3px; width: 100px; color: #2D2558; font-size: 11px;}
	.conteudo-texto fieldset input{width: 310px;padding: 1px; color: #2D2558;}
	.conteudo-texto fieldset textarea {width: 455px;}
	.conteudo-texto fieldset input.send{width: 60px; border: 2px solid #E16F26; margin: 0 0 0 2px; font-size: 1em; text-align: center; width: 100px; padding:5px 0px 5px 0px;}
	.conteudo-texto hr{margin: 4px 0px 4px 0px;color: #3D6256;}
	.conteudo-texto fieldset legend{display: block; font-size: 14px; color: #ffffff; background-color: #B7BAC9; padding: 3px;}
	form.confirma{ height:350px;}
	.conteudo-texto table{color: #2D2558; font-size: 11px;}

	#tam1 tr td{width: 300px; padding-left:50px;}
	#tam1 tr td input{width: 50px;padding: 1px; color: #2D2558;border: 0px;}
	#tam2 tr td{width: 100px; text-align:center;}
	#tam2 tr td input{width: 30px;padding: 1px; color: #2D2558;border: 0px;}
	#tam3 tr td{width: 105px; text-align:center;}
	#tam3 tr td input{width: 100px;padding: 1px; color: #2D2558;}
	#tam4 tr td{width: 400px; text-align:left;}
	#tam4 tr td input{width: 40px; padding: 1px; color: #2D2558; border: 0px;}
	
	
	/* esse vai pasa a css3 */
	#lp-banners {}
	#lp-banners h4{}
	#lp-banners ul{}
	#lp-banners ul li{display:inline;}
	#lp-banners ul li a{display: block; width:335px; height:110px; margin:0px 10px 5px 10px; float:left; background-color:#040636; border:5px solid #E3E7F0; cursor: default;}	
	#lp-banners ul li a:hover{border:5px solid #6B6E8F;}