@charset "ISO-8859-1";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color:#191813;
	line-height: 15px;
}


/*
MAIN CONTENT --------------------- */

#wrapper {
width: 100%;
height:94%;
margin: 0;
}

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

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


#formRecomendar {
width:690px;
margin:auto 0;
padding-left:10px;
padding-right:10px;
}


#formContacto {
width:690px;
margin:auto 0;
padding-left:10px;
padding-right:10px;
}

#formValida {
width:605px;
margin:auto 0;
vertical-align:middle;
text-align:center;
}


#msite {
width:650px;
margin:auto 0;
}


/*
MASTHEAD + SUBMAST --------------------- */

h1 {
color:#C0074E;
font-size:16px;
}

h2 {
color:#FBDB51;
font-size:16px;
}

h3 {
color:#35BEEC;
font-size:16px;
}

#fieldsetRec {border:2px dotted #FFF} /* Border width, style and colour */

#fieldsetCon {border:2px dotted #FFF} 

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


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


#form {
	width:690px;
	position:absolute;
	margin:0;
	padding:0;
}

.formulario {
margin:0;
}


.campo {
position:absolute;
width:548px;
padding:0; /* Eliminar espacejamento no Firefox */
}

.rotulo1  { /*nome remetente*/
	position:relative;
	top:30px;
	left:0px;
}
.rotulo2  { /*e-mail remetente*/
	position:relative;
	top:13px;
	left:280px;
}
.rotulo3  { /*nome destinatario*/
	position:relative;
	top:30px;
	left:0px;
}

.rotulo4  { /*email destinatario*/
	position:relative;
	top:10px;
	left:280px;
}

.rotulo5  { /*mensagem*/
	position:relative;
	top:-45px;
	left:0px;
}


/* Campos */

.texto1 { /*nome remetente*/
	position:relative;
	top:30px;
	left:10px;
	width:150px;
	background-color:#E2E2E2;
	border:1px solid #CCC;
}

.texto2 { /*email remetente*/
	position:relative;
	top:10px;
	left:290px;
	width:150px;
	background-color:#E2E2E2;
	border:1px solid #CCC;
}

.texto3 { /*nome destinatario*/
	position:relative;
	top:30px;
	left:6px;
	width:150px;
	background-color:#E2E2E2;
	border:1px solid #CCC;
}

.texto4 { /*email destinatario*/
	position:relative;
	top:10px;
	left:286px;
	width:150px;
	background-color:#E2E2E2;
	border:1px solid #CCC;
}
.texto5 { /*mensagem*/
	position:relative;
	top:30px;
	left:48px;
	width: 430px;
	background-color:#E2E2E2;
	border:1px solid #CCC;
}


.texto6 { /*limpar*/
	position:relative;
	top:40px;
	left:116px;
}

.texto7 { /*enviar*/
	position:relative;
	top:40px;
	left:118px;
}

input, textarea, select {	
	background-color: #E2E2E2;
	border: 1px solid #CCC;
	color: #000;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}