/*---------------------------------------------------------------------
Estilos xxxxx

Versão: 1.0
Autor: kite, Webdesign
Data: xxxxx
website: www.kite.pt

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

body {
	color: #FFF;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	overflow:hidden; 
	padding:0;
	margin:0;
	height:100%;
	width:100%;
}
#bgimg {
	position:absolute;
	z-index: -1;
}
 
#realBody{
	position: absolute;
	z-index: 5;
	overflow: auto;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
/*----- inicio reset
----------------------------*/
a img {
	border: none;
}
a {
	outline: none;
}
form, ul, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
ul {
	list-style-type: none;
}
/*----- fim reset
------ classes gerais ---------*/
.clear-all {
	clear: both;
}
.esq {
	float: left;
}
.dir {
	float: right;
}
/*----- fim classes gerais
------ elementos gerais ---------*/
#contentor-geral {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 10px;
}
#fundo {
	float: left;
	width: 940px;
	background-image: url(../imagens/fundo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 597px;
}

/*----- fim elementos gerais
------ estrutura cabecalho ---------*/
#cabecalho {
	background-image: url(../imagens/1-acesso/cabecalho.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 80px;
}
#cabecalho h1 {
	height: 133px;
	width: 290px;
	background-image: url(../imagens/logo-brand-meaning.jpg);
	background-repeat: no-repeat;
	display: block;
	float: right;
	margin-bottom: 10px;
}
#cabecalho h1 #logo {
	display: block;
	height: 133px;
	width: 290px;
	text-indent: -9999px;
}
/*----- nav-principal
----------- ---------*/
#nav-principal {
	clear: right;
	float: right;
	padding-left: 3px;
}
/*----- fim estrutura cabecalho
------ estruturas ---------*/
#nav-principal li {
	display: inline;
}
#nav-principal li a {
	color: #FFF;
	display: block;
	float: left;
	font-size: 15px;
	text-decoration: none;
	margin-right: 30px;
}
#nav-principal a:hover, #nav-principal a:active, #nav-principal a.selected, #acerca #link-acerca, #noticias #link-noticias, #projectos #link-projectos, #lista-projectos #link-projectos, #clientes #link-clientes, #contactos #link-contactos, #newsletter #link-newsletter {
	color: #EB7239;
}
#contentor-conteudos {
	float: right;
	padding-top: 60px;
}
#noticias #contentor-conteudos {
	float: right;
	width: 450px;
}
#home h2 {
	position: absolute;
	top: 50%;
	left: 15%;
	font-size: 20px;
	text-transform: uppercase;
	word-spacing: 8px;
	width: 380px;
	height: 30px;
	margin-top: -15px;

}
#home h4 {
	color: #F46918;
	font-size: 18px;
}

#home #conteudo {
	width: 380px;
	padding-right: 60px;
	height: 190px;
	right: 0px;
	float: right;
	padding-top: 80px;
}
#home #holder-news, #noticias #holder-news, #acerca #holder-acerca {
	float: right;
    padding-right: 80px;
    padding-top: 60px;
   /* width: 440px;*/
	width: 500px;
}
#acerca #holder-acerca {
	padding-right: 40px;
	width: 540px;
}
#noticias #holder-list-news {
	float: left;
	width: 190px;
}
#holder-news dt, #holder-list-news dt {
	font-size: 12px;
	float: left;
	clear: left;
	color: #F46918;
	margin-bottom: 4px;
}
#holder-news dd, #holder-list-news dd {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 12px;
	float: left;
	clear: left;
	margin-left: 0px;
}
#holder-news dd h1 {
	margin-bottom: 6px;
	float: left;
	clear: left;
	color: #F46918;
	font-size: 16px;
}
#holder-news a, #holder-list-news a {
	text-decoration: none;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 12px;
	float: left;
	clear: left;
	color:#FFF;
}
#holder-news a:hover, #holder-list-news a:hover {
	color: #F46918;
}
#clientes #contentor-conteudos {
	float: right;
	width: 495px;
}
#clientes #conteudo, #projectos #conteudo, #lista-projectos #conteudo, #contactos #conteudo, #promotores #conteudo {
	/*width: 360px;*/
	width: 500px;
	padding-right: 80px;
	float: right;
}
#clientes #conteudo, #lista-projectos #conteudo {
	top: 200px;
	right: 0px;
	width: 500px;
	float: right;
}
#contentor-noticias {
	padding-top: 60px;
	width: 840px;
	float: right;
	padding-right: 80px;
}
#noticias-conteudo {
	width: 590px;
	float: right;
}
#fk-comments {
	width: 590px;
	float: right;
	padding-top: 40px;
}
.data-noticia {
	font-size: 11px;
	margin-bottom: 4px;
	color: #F46918;
	clear: both;
	float: left;
}
.titulo-noticia {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 18px;
	clear: left;
	float: left;
}
#noticias-conteudo p, #holder-acerca p {
	margin-bottom: 18px;
	line-height: 18px;
	clear: left;
	font-size: 14px;
}
#holder-acerca p {
	margin-bottom: 18px;
	line-height: 18px;
	clear: left;
	font-size: 14px;
}
#noticias-conteudo p img {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

#noticias-conteudo h1, #noticias-conteudo h2, #holder-acerca h1 {
	font-weight: normal;
	color: #ED6F23;
	font-size: 16px;
	margin-bottom: 8px;
}
#home #conteudo p {
	font-size: 17px;
	line-height: 22px;
	margin-bottom: 18px;
}
#home #footer {
	background-color: #050505;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#footer {
	text-align: right;
	padding-top: 40px;
	margin-bottom: 40px;
	padding-right: 70px;
	float: right;
	clear: both;
	background-color: #050505;
}
#footer a {
	color: #F46918;
	text-decoration: none;
	float: left;
	margin-right: 10px;
}
#footer a:hover, #footer a:active {
	color: #FFF;
}
#home #holder-news dd  {
 	font-size: 13px;
	line-height: 16px;
	margin-bottom: 12px;
	float: left;
	clear: left;
	margin-left: 0px;
	color: #990;
}

.lista-clientes {
	float: left;
	width: 55px;
	margin-left: 15px;
}
.lista-clientes li {
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.lista-clientes li img {
	margin-left: 0%;
}
.lista-clientes li, .listagem-projectos li {
	margin-bottom: 10px;
}
.listagem-projectos {
	float: right;
	width: 200px;
}
.listagem-projectos li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	line-height: 20px;
	padding: 4px;
}
.listagem-projectos li a:hover, .listagem-projectos li a:active {
	color: #FFF;
	background-color: #E7722F;
}
.lista-contactos {
	margin-bottom: 100px;
}
.lista-contactos li {
	margin-bottom: 10px;
}
#conteudo-projectos {
	width: 710px;
	position: relative;
	float: right;
}
#txt-projectos {
	width: 630px;
	padding-top: 120px;
}
#txt-projectos p {
	margin-bottom: 12px;
	float: left;
	clear: left;
}
#txt-projectos p a {
	color: #ED6F23;
	text-decoration: underline;
}
#txt-projectos h1 {
	font-weight: normal;
	color: #ED6F23;
	font-size: 16px;
	margin-bottom: 8px;
	float: left;
	clear: left;
}
#txt-projectos p img {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

.lista-projectos {
	margin-bottom: 10px;
}
.lista-projectos li h3 {
	font-size: 18px;
}
.lista-projectos li {
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
	padding-right: 5px;
}
.lista-projectos li a:link, .lista-projectos li a:visited {
	color: #F86C17;
	border-bottom: 1px solid #FA721C;
	text-decoration: none;
	padding-top: 5px;
}
.lista-projectos li a:hover, .lista-projectos li a:active {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 630px;
	height:140px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	left: 0px;
	top: 0px;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items a {
	float:left;
	margin-right: 15px;
	height: 140px;
	width: 200px;
}
.items img {
	width: 200px;
}
#holder-scroll {
	float: right;
	width: 630px;
	position: relative;
	margin-bottom: 100px;
	padding-top: 10px;
	margin-right: 80px;
}
.prev {
	display: block;
	height: 48px;
	width: 50px;
	background-image: url(../imagens/prev.jpg);
	background-position: 0px 0px;
	left: 266px;
	top: 186px;
	position: absolute;
	background-repeat: no-repeat;
}
a.prev:hover {
	background-position: 0px -50px;
}
.next {
	display: block;
	height: 48px;
	width: 50px;
	background-image: url(../imagens/next.jpg);
	background-position: 0px 0px;
	left: 318px;
	top: 186px;
	position: absolute;
	background-repeat: no-repeat;
}
a.next:hover {
	background-position: 0px -50px;
}
#holder-scroll a.disabled {
	display: none;
}
#form-newsletter {
	padding-top: 20px;
}
#form-newsletter label {
	float: left;
	width: 300px;
	margin-bottom: 5px;
	font-weight: bold;
}
.form-box {
	clear: left;
	float: left;
	width: 330px;
	margin-bottom: 18px;
}
.txt-input {
	background-color: #414141;
	border: 1px solid #AFAFAF;
	color: #FFF;
	padding: 4px;
	clear: left;
	float: left;
	width: 300px;
}
.enviar {
	background-color: #CCC;
	border: 1px solid #AFAFAF;
	color: #000;
	padding: 4px;
	clear: left;
	float: left;
}
.sucesso {
	color: #333;
	background-color: #FFF;
	display: block;
	padding: 20px;
	margin-bottom: 15px;
}
.erro {
	color: #FFF;
	background-color: #E17618;
	display: block;
	padding: 20px;
	margin-bottom: 15px;
}
#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:12px;
     
}
 
#tooltip .tipHeader {
    height:8px;
}
 
/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}
 
#tooltip .tipBody {
	background-color:#CA3703;
	padding:5px;
}
 
#tooltip .tipFooter {
    height:8px;
}
.laranja {
	color: #F46918;
}