/*---------------------------------------------------------------------
Estilos ntc

Versão: 1.0
Autor: kite, Webdesign
Data: Julho de 2010
website: www.kite.pt

--------------------------------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #F0F0F0;
}
#home {
	background-image: url(../imagens/fundos/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#acerca, #servicos, #utilidades, #contactos {
	background-image: url(../imagens/fundos/bg-des.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

a img {
	border: none;
}

.clear-all { clear: both; }
.dir { float: right;}
.esq {	float: left;}
p, ul, form, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
ul {
	list-style-type: none;
}
.branco {
	color: #FFF;
}
p {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}



/*  Estrutura geral
---- -- -- --- - -- --- ------------------------------------------*/

#contentor-geral {
	width: 940px;
	overflow: hidden;
	margin: 0px auto 80px;
}
#home #fundo {
	float: left;
	overflow: hidden;
	background-image: url(../imagens/fundos/fundo-home.png);
	background-repeat: no-repeat;
	width: 940px;
	background-position: right 134px;
}
#acerca #fundo, #servicos #fundo, #utilidades #fundo, #contactos #fundo {
	float: left;
	overflow: hidden;
	background-image: url(../imagens/fundos/nuvens.png);
	background-repeat: no-repeat;
	width: 940px;
	background-position: center 134px;
}


/*  cabecalho
---- -- -- --- - -- --- ------------------------------------------*/
#cabecalho {
	float: left;
	height: 167px;
	width: 940px;
	text-align: left;
	margin-bottom: 140px;
}
#home #cabecalho {
	margin-bottom: 0px;
}
#cabecalho h1 {
	width: 341px;
	height: 167px;
	float: left;
	text-indent: -9999px;
	
}
#cabecalho #logo {
	height: 167px;
	width: 341px;
	display: block;
	background-image: url(../imagens/fundos/logo.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#nav-lang {
	float: left;
	width: 599px;
	height: 46px;
	padding-top: 61px;
}

#cabecalho #lang {
	width: 599px;
	text-align: right;
}
#lang a:link, #lang a:visited {
	text-decoration: none;
	text-transform: uppercase;
	color: #666;
	font-size: 11px;
}
#lang a:hover, #lang a:active {
	color: #7AA1D3;
}
#nav {
	float: left;
	width: 599px;
	background-image: url(../imagens/fundos/nav-principal.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#nav-principal {
	width: 570px;
	display: block;
	padding-left: 40px;
	height: 34px;
	padding-top: 12px;
	margin-right: auto;
	margin-left: auto;
}
#nav-principal li {
	display: inline;
}


#nav-principal a {
	display: block;
	float: left;
	line-height: 25px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 2px;
	padding-left: 2px;
	margin-right: 25px;
}
#nav-principal a:link, #nav-principal a:visited  {
	color: #666;
}
#nav-principal a:hover, #nav-principal a:active  {
	color: #7AA1D3;
	border-bottom: 2px solid #7AA1D3;
}
#home #linktrack, #acerca #linktrack, #servicos #linktrack, #utilidades #linktrack, #contactos #linktrack  {
	color: #42921F;
}
#home #linkhome, #acerca #linkacerca, #servicos #linkservicos, #utilidades #linkutilidades, #contactos #linkcontactos {
	color: #7AA1D3;
	border-bottom: 2px solid #7AA1D3;
}
#holder-conteudo {
	clear: left;
	float: left;
	width: 940px;
	text-align: left;
	position: relative;
}
#decor-home {
	height: 324px;
	width: 235px;
	position: absolute;
	left: 703px;
	top: 166px;
	background-image: url(../imagens/fundos/contentores-home.png);
	background-repeat: no-repeat;
}

#intro {
	float: left;
	width: 520px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 120px;
	margin-bottom: 80px;
}
#intro h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 45px;
	font-weight: normal;
	color: #F0F0F0;
	margin-bottom: 10px;
}
#intro p {
	line-height: 18px;
}
#home #resumo {
	clear: left;
	float: left;
	width: 560px;
	background-image: url(../imagens/fundos/representacoes-home.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#home #resumo h3 {
	line-height: 51px;
	text-align: center;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-bottom: 80px;
}
#home #representacao1 {
	float: left;
	width: 260px;
}
#home #representacao2 {
	float: right;
	width: 260px;
}
#home #representacao1 h4, #home #representacao2 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7FA5D3;
	text-align: center;
	margin-bottom: 5px;
	display: block;
	height: 40px;
}
#home #representacao1 p , #home #representacao2 p {
	padding-right: 10px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 18px;
}
/*  footer
---- -- -- --- - -- --- ------------------------------------------*/
#footer {
	clear: left;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 80px;
	overflow: hidden;
	text-align: center;
}
#nav-footer {
	margin-right: auto;
	margin-left: auto;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	border-top: 1px solid #CCC;
	padding-top: 5px;
}
#nav-footer li {
	display: inline;
}
#nav-footer a {
	display: inline;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 2px;
	padding-left: 2px;
	margin-right: 30px;
}
#nav-footer a:link, #nav-footer a:visited {
	text-decoration: none;
	color: #999;
}
#nav-footer a:hover, #nav-footer a:active {
	text-decoration: underline;
	color: #666;
}
#footer-contactos {
	clear: left;
}
#footer-contactos li {
	display: inline;
	margin-right: 30px;
	color: #999;
	font-size: 9px;
}
#colesq {
	float: left;
	width: 640px;
	clear: left;
	padding-right: 20px;
	border-right: 1px dotted #CCC;
}
#sub-nav {
	float: left;
	width: 640px;
	background-image: url(../imagens/fundos/fundo-sub-nav.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	height: 35px;
}
#nav-secundaria {
	padding-top: 7px;
	padding-left: 10px;
}
#sub-nav #nav-secundaria li {
	display: inline;
}
#nav-secundaria li a {
	float: left;
	margin-right: 10px;
	padding: 3px;
	display: block;
	text-decoration: none;
}
#nav-secundaria li a:link, #nav-secundaria li a:visited  {
	color: #666;
}
#nav-secundaria li a:hover, #nav-secundaria li a:active, #nav-secundaria li a.selected  {
	color: #FFF;
	background-color: #7AA1D3;
}

#colesq h2 {
	font-size: 22px;
	color: #666;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 30px;
	text-transform: uppercase;
}
#colesq h3 {
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 5px;
}
#colesq p, #coldir p {
	line-height: 18px;
	margin-bottom: 22px;
}
#coldir p {
	padding-right: 30px;
	padding-left: 30px;
	color: #315E94;
	font-size: 13px;
	margin-bottom: 10px;
}

#colesq blockquote {
	padding-right: 40px;
	padding-left: 80px;
	font-size: 18px;
	font-weight: normal;
	color: #79A0D2;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 24px;
}
#coldir {
	float: right;
	width: 260px;
	margin-top: -60px;
}
#decor-des {
	float: left;
	width: 260px;
	background-image: url(../imagens/fundos/decor-des.png);
	background-repeat: no-repeat;
	margin-bottom: 40px;
	height: 176px;
}
#servicos #decor-des {
	float: left;
	width: 260px;
	background-image: url(../imagens/fundos/decor-des-camiao.png);
	background-repeat: no-repeat;
	margin-bottom: 40px;
	height: 176px;
}
#utilidades #decor-des {
	float: left;
	width: 260px;
	background-image: url(../imagens/fundos/decor-utilidades.png);
	background-repeat: no-repeat;
	margin-bottom: 40px;
	height: 176px;
}
.aspasopen {
	font-size: 80px;
	height: 48px;
	width: 52px;
	background-image: url(../imagens/fundos/aspasopen.gif);
	background-repeat: no-repeat;
	clear: left;
	margin-bottom: 10px;
	padding-left: 10px;
	background-position: 10px 0px;
}
.aspasclosed {
	font-size: 80px;
	height: 48px;
	width: 52px;
	background-image: url(../imagens/fundos/aspasclosed.gif);
	background-repeat: no-repeat;
	clear: left;
	margin-bottom: 10px;
	padding-left: 160px;
	background-position: 160px 0px;
}
.azul {
	color: #315E94;
}
#colesq table caption {
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: left;
	font-size: 11px;
	font-style: italic;
	color: #56AAE1;
}
#colesq table {
	margin-bottom: 15px;
}