/* CSS Document */

/* basic elements */

body, h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333;
	background-image:url(site/img/bkg.jpg);
	background-repeat: repeat-x;
	/*background-attachment: fixed;*/
	background-position: left bottom;
	line-height: 15px;
	background-color:#EAEAEA;
}
a {
	font-size: 11px;
	color: #999999;
	text-decoration: none
}

a:hover {
	color: #666666;
	text-decoration: underline
}

a:active {
	color: #333333;
}


/*
COMMON --------------------- */

br {
	clear: both;
}

hr {
	display: none;
}

/*p {
	margin: 0; 
	padding-top: 1em; 
	line-height: 150%;
}
*/

/************* Structure ****************/

/* Wrapper */
#wrapper {
	width: 100%;
	margin: auto;
	background: url(site/img/bkg_column.jpg) repeat-x;
}

/* Outer */
#outer {
width: 966px;
margin:0 auto;			
padding: 0px;
text-align:left; /* "remédio" para o hack do IE */	
}

/* Sidebar A */
#sidebar_a {
	float:left;
	margin:0px;
	border:0px solid #000;
	width:33px;
	height:546px;
	background-image: url(site/img/left_side.jpg);
	background-repeat: no-repeat;
}


/* Sidebar B */
#sidebar_b {
	float:right;
	padding:0px;
	border:0px solid #000;
	width:33px;
	background-image: url(site/img/right_side.jpg);
	background-repeat: no-repeat;
	height:546px;
}

/* Content */
#content {
	float:left;
	width:900px;
}

/* Topo (logo + menuTopo) */

#topo {
		padding-bottom:2px;
		margin-bottom:2px;
		background-color:#FFFFFF;
		border-bottom: 2px solid #0069A1;	
}

/* 2 colunas topo */

#slogan {
	float: left;
	width: 330px;
}

#menu-topo { 
	margin: 0;
	float: left;
	width: 570px;
	height: 1% /* Holly hack for Peekaboo Bug */
}


/* Bynet - comunicacao digital */

#logo {
	padding-top:0px;
	margin-bottom:2px;
	height:22px;
	width:330px;
	background-color:#0069A1;
	float:left;
}
	
/* Menu Topo */
#menuTopo {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 70%;
		height:16px;
		width:570px;
		float:right;
		background-color:#FFF;
		border-bottom: 2px solid #FFF;
}
#flashTopo {
		padding-bottom:2px;
		background-color:#FFFFFF;	
}

/* Footer */
#footer {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
clear:both;
padding-top:30px;
padding-right:33px;
padding-bottom:50px;
padding-left:50px;
border:0px solid #000;
width:850px;
}

/* Footer Homepage */
#footerHome {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
clear:both;
padding-top:0px;
padding-right:33px;
padding-bottom:0px;
padding-left:50px;
border:0px solid #000;
width:850px;
height:80px;
/*background-color:#99FF66;*/
}

/* Logos Footer Homepage */
.logosFooter { margin: 0; padding: 0; list-style: none; } 

.logosFooter li { 
padding: 0; 
margin: 0; 
height: 50px; 
margin-right: 1em; 
list-style: none;
background-repeat: no-repeat; 
} 

.logosFooter li a, .logosFooter li a:visited { 
display: block; 
text-decoration: none; 
text-indent: -1000px; 
height: 50px; 
background-repeat: no-repeat; 
} 

.twitter {background-image: url(site/img/twitter_down.gif); width: 84px;} 
.twitter a {background-image: url(site/img/twitter_up.gif);} 

.facebook {background-image: url(site/img/facebook_down.gif); width: 65px;} 
.facebook a {background-image: url(site/img/facebook_up.gif);} 


ul.logosFooter li a:hover {background: none;} 
.logosFooter li {float: left;} 
.logosFooter:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/************* Menu Topo ****************/

#menuTopo ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 570px;
  background-color: #0069A1;
  list-style: none;
}

#menuTopo ul li {
  float: left;
}

#menuTopo ul a {
  padding: 0 2em;
  height:22px;
  /*line-height: 2.0em;*/
  background: url(site/img/mainNavBorder.gif) repeat-y left top;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}
#menuTopo ul a:hover {
  color: #333;
  text-decoration: none;
}
#menuTopo ul .first a {
  background: url(site/img/mainNavBorder.gif) repeat-y left top;
  color:#CCCCCC;
}

/************* mainNav ****************/

#menu{
position:relative;
width:900px;
height:52px;
background:url(site/img/nav.jpg) repeat-x;
margin:0;
}
#menu ul{
list-style:none;
}
#menu li{
position:absolute;
top:0;
height:52px;
}
#menu li a{
position:absolute;
display:block;
width:100%;
height:100%;
top:0;
cursor:pointer;
}
#menu li a span{
position:absolute;
display:block;
width:100%;
height:100%;
top:0;
}
#um{
width:134px;
left:0;
}
#dois{
width:135px;
left:134px;
}
#tres{
width:135px;
left:269px;
}
#quatro{
width:114px;
left:404px;
}
#cinco{
width:136px;
left:518px;
}
#seis{
width:119px;
left:654px;
}
#sete{
width:127px;
left:773px;
}
#um a span{
background:url(site/img/nav.jpg) no-repeat 0 0;
}
#umactivo {
left:0;
width:134px;
height:52px;
background:url(site/img/nav.jpg) no-repeat 0 -52px;
}
#dois a span{
background:url(site/img/nav.jpg) no-repeat -134px 0;
}
#doisactivo {
left:134px;
width:135px;
height:52px;
background:url(site/img/nav.jpg) no-repeat -134px -52px;
}
#tres a span{
background:url(site/img/nav.jpg) no-repeat -269px 0;
}
#tresactivo {
left:269px;
width:135px;
height:52px;
background:url(site/img/nav.jpg) no-repeat -269px -52px;
}
#quatro a span{
background:url(site/img/nav.jpg) no-repeat -404px 0;
}
#quatroactivo {
left:404px;
width:114px;
height:52px;
background:url(site/img/nav.jpg) no-repeat -404px -52px;
}
#cinco a span{
background:url(site/img/nav.jpg) no-repeat -518px 0;
}
#cincoactivo {
left:518px;
width:136px;
height:52px;
background:url(site/img/nav.jpg) no-repeat -518px -52px;
}
#seis a span{
background:url(site/img/nav.jpg) no-repeat -654px 0;
}
#seisactivo {
left:654px;
width:119px;
height:52px;
background:url(site/img/nav.jpg) no-repeat -654px -52px;
}
#sete a span{
background:url(site/img/nav.jpg) no-repeat -773px 0;
}
#seteactivo {
left:773px;
width:127px;
height:52px;
background:url(site/img/nav.jpg) no-repeat -773px -52px;
}
#menu ul li a:hover{
z-index:1000;
}
#um a:hover span{
background:url(site/img/nav.jpg) no-repeat 0 -52px;
}
#dois a:hover span{
background:url(site/img/nav.jpg) no-repeat -134px -52px;
}
#tres a:hover span{
background:url(site/img/nav.jpg) no-repeat -269px -52px;
}
#quatro a:hover span{
background:url(site/img/nav.jpg) no-repeat -404px -52px;
}
#cinco a:hover span{
background:url(site/img/nav.jpg) no-repeat -518px -52px;
}
#seis a:hover span{
background:url(site/img/nav.jpg) no-repeat -654px -52px;
}
#sete a:hover span{
background:url(site/img/nav.jpg) no-repeat -773px -52px;
}


/************* Main ****************/


#main{
	margin-left:16px;
	margin-top:14px;
	width:884px;
	/*height:52px;*/
	/*background-color:#CC0000;*/
}

#contentMain {
	float:left;
	width:586px;
	border:0px solid #000;
	/*background-color:#00FF00;*/
}
/* Sidebar */
#sidebarMain {
	float:right;
	width:247px;
	margin-bottom:10px;
	border:0px solid #000;
	margin-right: 10px;
}
#home{
	margin-left:13px;
	margin-bottom:40px;
	width:580px;
	/*background-color:#FFF;*/
}
#galeria{
/* dimensão correcta galeria scroll */
width:586px;
margin-bottom:10px;
margin-left:10px;
/*background-color:#FFF;*/
}

#wrap{
	background-image:url(site/img/bkg_galeria.jpg);
	background-repeat: repeat-x;
}

#optimizado{
margin-top:15px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333;
}
/************* Conteudo ****************/

h1#headervideo {
	width: 232px;
	height: 28px;
	background-image: url(site/img/header_video.gif);
	}
h1#headervideo span {
		display: none;
}

h1#headerlogin {
	width: 232px;
	height: 28px;
	background-image: url(site/img/header_login.gif);
	}
h1#headerlogin span {
		display: none;
}

h1#headernewsletter {
	width: 232px;
	height: 28px;
	background-image: url(site/img/header_newsletter.gif);
	}
h1#headernewsletter span {
		display: none;
}

/* -------------
   Form elements 
   -------------*/

.formulario {
position:relative;
margin:0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
background-color:#0069A1;
}

.campo {
width:243px;
border:0px solid #0069A1;
padding:0; /* Eliminar espacejamento no Firefox */
}

.rotulo1, .rotulo2  {
position:absolute;
left:10px;
}
.rotulo3  {
position:absolute;
top:37px;
left:195px;
float:right;
}
.rotulo4  {
margin-left:17px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
}
.rotulo5  {
margin-left:15px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
}
.texto1, .texto2 {
position:absolute;
left:50px;
background-color:#fff;
}

.texto1, .rotulo1 {
top:10px;
width:140px;
}
.texto2, .rotulo2 {
top:40px;
width:140px;
}
.texto3 {
float:right;
}

/* -------------
   Caixa Login 
   -------------*/
#cxgeral { 
width: 247px; 
margin: auto;  
text-align: left; 
background-color: #0069A1; 
}

#cxgeral2 { 
width: 247px;
margin: auto;
text-align: left; 
background-color: #0069A1; 
}

#cxtopo { 
background: #0069A1 url("site/img/cantoDS.gif") no-repeat top right;
height: 13px;
}

#cxtopo2 { 
background: #0069A1 url("site/img/cantoDS2.gif") no-repeat top right;
height: 13px; 
}

#cxconteudo {
padding: 0 0px;
height: 65px;
}

#cxconteudo2 {
padding: 0 0px; 
height: 45px;
font: 8pt Arial; 
color: #FFFFFF;
}

#cxrodape { 
background: #0069A1 url("site/img/cantoDI.gif") no-repeat top right;
height: 13px;
clear: both; 
}

#cxrodape2 { 
background: #0069A1 url("site/img/cantoDI2.gif") no-repeat top right;
height: 13px;
clear: both; 
}

.cpobrigatorio {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#ff0000;
}

/************* Homepage ****************/
/* using an image to replace text in an h1. */
#home h1 { 
	background: transparent url(site/img/header_bemvindo.gif) no-repeat top left; 
	margin: 0; 
	width: 176px; 
	height: 41px;
	}
#home h1 span {
	display:none
	}
	
/************* Quem Somos ****************/

#qsomos h1 { 
	background: transparent url(site/img/header_qsomos.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#qsomos h1 span {
	display:none
	}

/************* Webdesign ****************/

#webdesign h1 { 
	background: transparent url(site/img/header_webdesign.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#webdesign h1 span {
	display:none
	}

/************* E-marketing ****************/

#emarketing h1 { 
	background: transparent url(site/img/header_emarketing.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#emarketing h1 span {
	display:none
	}
	
/************* Serviços ****************/

#servicos h1 { 
	background: transparent url(site/img/header_servicos.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#servicos h1 span {
	display:none
	}
	
	
/************* Multimedia ****************/

#multimedia h1 { 
	background: transparent url(site/img/header_multimedia.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#multimedia h1 span {
	display:none
	}
	
/************* Soluções ****************/

#solucoes h1 { 
	background: transparent url(site/img/header_solucoes.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#solucoes h1 span {
	display:none
	}


/************* Contactos ****************/

#contactos h1 { 
	background: transparent url(site/img/header_contactos.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#contactos h1 span {
	display:none
	}
	
/************* Sitemap ****************/

#sitemap h1 { 
	background: transparent url(site/img/header_sitemap.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#sitemap h1 span {
	display:none
	}

/************* Recomendar ****************/

#recomendar h1 { 
	background: transparent url(site/img/header_recomendar.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#recomendar h1 span {
	display:none
	}
	
/************* Formulario ****************/

#formulario h1 { 
	background: transparent url(site/img/header_form.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#formulario h1 span {
	display:none
	}

/************* Registo ****************/

#registo h1 { 
	background: transparent url(site/img/header_registo.gif) no-repeat top left; 
	margin: 0; 
	width: 320px; 
	height: 41px; 
	}
#registo h1 span {
	display:none
	}
	
#registo { 
float:left;
	}