/*  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 1 - Estrutura Principal do site
	
	*/


/* Propriedas Zeradas */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,ble, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */
:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

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

body{   /* background: #fff url('../img/lyt/fdo-grid.jpg') no-repeat 50% 0; */
	   background: #fff url('../img/lyt/fdo-geral.jpg') no-repeat 50% 0; 
	  font: 12px/1.4em Arial, sans-serif;
	   behavior:url(../scripts/csshover.htc);
	  }

h1, h2, h3, h4, h5, h6 { font: 12px/1.4em Arial, sans-serif;}
h1, h2 {letter-spacing:-3px;}
h1{ font-size: 2.4em; }
h2{ font-size: 3.0em; }
h3{ font-size: 1.6em; letter-spacing:-2px;}
h4{ font-size: 1.4em; letter-spacing:-1px;}
h5{ font-size: 1.4em; letter-spacing:-2px;}

p{color:#666666;}

a { text-decoration:none;}
a img, img a {border: none; text-decoration: none;}
a:hover { text-decoration: underline; }



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


/* container */
#ctnr{width: 960px; margin: 0 auto;}

/* cabecalho */
#cbcl{height:130px;}

	#cbcl-portal   {height:60px; font-size:10px; color:  #535576; }
		#cbcl-portal p {display:block; float:left; margin-top: 7px;} #cbcl-portal p strong {color:#00044c;}
		#cbcl-portal-login{ display:block; float:right; width:430px; height:50px;}
			#cbcl-portal-statusform {display:block; float: left; width:306px; padding-left:7px; }
				#cbcl-portal-statusform form {display:block; float: left; margin-right:10px; }
				#txtEmail{ width:140px; background: #fff url(../img/lyt/fdo-login-topo-email.jpg) repeat-x;}
				#txtEmail:hover, #txtEmail:focus, #txtEmail:active{ width:140px; background: #fff url(../img/lyt/fdo_input.jpg) repeat-x;}
				#txtSenha, #txtEmail { font-size:10px; margin-right:1px;  border:1px solid #BDC6D9; height:15px; padding:1px 2px 1px 2px; color:#535576;}
				#txtSenha{background: #fff url(../img/lyt/fdo-login-topo-senha.jpg) repeat-x;}
				#txtSenha:hover, #txtSenha:focus, #txtSenha:active{background: #fff url(../img/lyt/fdo_input.jpg) repeat-x;}
				
				#btnOk
				{width:40px; font-size:10px; padding:1px 2px 1px 2px; background: #ff6c00 url(../img/lyt/cbcl-portal-login.jpg) repeat-x; color:#fff; height:18px; border:none; }
				#btnOk:hover
				{background-color: #535576; background-position: 0px -18px;  color:#fff; height:18px; border:none;}
				#cbcl-portal-statusform p{margin-top: 10px;}
								
		#cbcl-portal-nav {display:block; float: right; width: 100px; margin: 3px 7px 0px 0px;}
		#cbcl-portal a {color: #00044c; }
		#cbcl-portal a:hover {color: #ff6c00; }
								
	#cbcl-navegacao{height:60px; display:block;}
		#cbcl-navegacao h1 a{ text-indent:-5000px; display:block; width:138px; float:left; height:50px; margin:0px;  background:url('../img/lyt/cbcl-logo.jpg') no-repeat;
 border:none;}
		#cbcl-menu {display:block; background-color: navy; width:660px; height:31px; float:right; margin:10px 0px 0px 0px; background:url('../img/lyt/cbcl-menu.jpg') no-repeat;}
			#cbcl-menu ul { margin-left:70px;}
			#cbcl-menu ul li{  float:left;  font-size:11px;}
			#cbcl-menu ul li a{display:block; text-decoration:none; padding:6px 11px 8px 11px; color:#fff;}
			#cbcl-menu ul li a:hover{padding:6px 11px 8px 11px; background: #ff6c00 url('../img/lyt/cbcl-menu-hover.jpg') repeat-x; color:#fff;}
		#cbcl-menu-desc{ margin: 35px 0px 0px 82px; display:block; border-left: 2px solid #ff6c00; height:15px; padding-left:5px;}
			#cbcl-menu-desc p{color: #535576; font-size:10px;}


/* conteudo */
#ctdo{}
	#ctdo-cbcl{height: 70px; margin:0px 0px 0px 0px;}
	#ctdo-cbcl h2{display:block; color:#00044c; font-size:35px; background: url('../img/lyt/ctdo-cbcl-h2.jpg') no-repeat 0px 9px; padding-left:10px;}
	#ctdo-cbcl span{font-size:10px; color:#535576;}	
	#ctdo-cbcl a {color: #00044c; }
	#ctdo-cbcl a:hover {color: #ff6c00; }

	
	#ctdo-estrutura{}
	
	/* Estrutura */
	#ctdo-colesq{ display:block;}
	#ctdo-coldir{ display:block;}
	
	/* Classes de posicionamento das estruturas - variações Logado x Deslogado */
	.ctdo-colesq-logado{ float:left;  width:185px;}
	.ctdo-colesq-deslogado{ float:right;  width:255px;}
	
	.ctdo-coldir-logado{ float:right;  width:750px;}
	.ctdo-coldir-deslogado{ float:left;  width:680px;}


/* Rodapé */
#rdpe{height:55px; font-size:10px; clear:both; margin-top:20px; border-top: 1px solid #00044c; padding-top:5px;}
	#rdpe p{color:#535576;float:left;}
			#rdpe  ul {margin-left:45px; display:block; height:35px;float:right; }
			#rdpe  ul li{float:left; display:inline;}
			#rdpe  ul li a{display:block;  padding:3px 0px 3px 10px; color:#535576; float:left;}
			#rdpe  ul li a:hover{color:#00044c; }
	#rdpe-txt{ display:block; background-color:blue; position:relative;}
	.l{float:left;}.r{float:right; }