/* @override http://www.moopi.com.pt/templates/default/css/global.css */

@charset "utf-8";

/*
|---------------------------------------------------------------
| Configuração on-the-fly de certos parametros
|---------------------------------------------------------------
|
| As configurações que aqui estão servem o propósito de alterar e
| modificar cores pelo gabinete de design sem correr o risco de afectar
| a restante estrutura do site
*/

h1 {
	font: 16px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

.text-color {
	color: #000;
}

#menu a, #menu a a:link, #menu a a:visited {
	
	color: #000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#menu a:hover {
	text-decoration: none;
}
ul.list-menu {
	font-size: 11px;
	display: block;
}
.menu2, .menu3 {
	display: none;
	position: absolute;
	top: -2000px;
	left: -2000px;
}
#header {
	padding-top: 40px;
}

#header #newsletter {
	position: relative;
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

#footer {
	font: 8px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

/*
|---------------------------------------------------------------
| Definições comuns
|---------------------------------------------------------------
|
| Servem para manter a sanidade do css entre o firefox, ie e safari
*/
object, img, a { outline:none; }

html {
		overflow-y: scroll;
	}

body {
	padding: 0px;
	margin: 0px;
}

a img {
	border: none;
}

a {
	text-decoration: none;
	color: gray;
}
a:hover{
	text-decoration: underline;
}

.clear { 
	font-size: 0px;
	line-height: 0px; 
	height: 0px; 
	padding: 0px; 
	margin: 0px; 
	clear: both; 
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}

/*
|---------------------------------------------------------------
| Definições gerais para moopi
|---------------------------------------------------------------
|
| Estas defenições são exclusivas do site moopi e não devem transitar
| para outros projectos. A partir desta linha todo o CSS é referente a Moopi
*/

body {
	background-color: #CCCCCC;
}

/*
|---------------------------------------------------------------
| Definições o cabeçalho de moopi
|---------------------------------------------------------------
|
*/
#header, #menu, #home {
	width: 720px;
	margin: 0px auto;
}
#home {
	position: relative;
}
#menu {
	margin-top: 20px;
	height: 66px;
}
#header #logo {
	float: left;
}
#wraperforajax {
	min-height: 590px;
}
/*
|---------------------------------------------------------------
| Definições para a inscrição na newsletter
|---------------------------------------------------------------
|
*/
#header #newsletter {
	float: right;
	width: 220px;
}
#header #newsletter .date {
	padding-right: 27px;
}
#header #newsletter form#newsletter_subscribe {
	position: relative;
	top: 10px;
	padding: 0px;
	margin: 0px;
}
#header #newsletter #newsletter_subscribe label {
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}
#header #newsletter form,
#header #newsletter #newsletter_subscribe fieldset, 
#header #newsletter #newsletter_subscribe legend {
	border: none;
	padding: 0px;
	margin: 0px;
}
#header #newsletter #newsletter_subscribe input {
	font: 10px/16px Geneva, Arial, Helvetica, sans-serif;
	border: 0px solid  #CCCCCC;
	background-color: #FFF;
	float: left;
	padding: 0px 3px;
	margin: 0px;
	width: 136px;
	height: 16px;
}
#header #newsletter #newsletter_subscribe input#submit {
	font: 10px/16px Geneva, Arial, Helvetica, sans-serif;
	width: 62px;
	background-color: #ECECEC;
	margin: 0px 4px;
}
#header #newsletter #newsletter_subscribe #log-message {
	background-color: #CCCCCC;
	display: none;
	padding: 2px 6px;
	position: relative;
	top: 3px;
	left: 0px;
	width: 196px;
}

/*
|---------------------------------------------------------------
| Remover da newsletter
|---------------------------------------------------------------
*/
form#unsubscribe, form#unsubscribe fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form#unsubscribe input {
	background-color: #EFEFEF;
	border: #ccc 1px solid;
	padding: 4px 4px 1px 4px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666666;
	height: 18px;
	line-height: 18px;
}
form#unsubscribe input#submit_remove {
	font: normal 11px "Trebuchet MS", Helvetica, sans-serif;
	color: #000000;
	cursor: pointer;
	border: auto;
	height: 22px;
	line-height: 18px;
	padding: 0px 10px;
}
form#unsubscribe input#submit_remove:hover, form#unsubscribe input:focus {
	border-color: #000000;
}
.box-error {
	color: #f00;
	font: bold 10px "Trebuchet MS", Helvetica, sans-serif;
}
.box-sucesso {
	color: #080;
	font: bold 10px "Trebuchet MS", Helvetica, sans-serif;
}

/*
|---------------------------------------------------------------
| Definições o leitor de mp3
|---------------------------------------------------------------
|
*/
#mp3player {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1px;
	height: 1px;
}
#music-player {
	position: absolute; 
	top: -4px; 
	right: 0px; 
	width: 35px; 
	height: 20px;
	text-align: right;
}

#mp3controler {
	background: url(/templates/default/images/bkg_player.png) no-repeat;
	position: relative;
	top: -1px;
	height: 20px;
	width: 35px;
	cursor: pointer;
	display: block;
	text-decoration: none;
}
#mp3controler:hover, #mp3controler:active, #mp3controler.selected:hover {
	background-position: 0px -20px;
}
#mp3controler.selected {
	background-position: 0px -40px;
}



/*
|---------------------------------------------------------------
| Definições para o menu
|---------------------------------------------------------------
|
*/
#menu {
	text-transform: uppercase;
}
#menu #sub2-publicacoes li {
	font-size: 11px;
}
#menu strong {
	display: none;
}
div.hr {
	border: none;
	border-top: 1px dotted #000;
	padding: 0px;
	margin: 0px;
	height: 1px;
	font-size: 0px;
}
ul.list-menu {
	height: 20px;
	clear: both;
	margin: 0px;
	padding-left: 10px;
}
ul.list-menu li {
	list-style: none;
	float: left;
	display: block;
	padding: 4px 0px 0px 0px;
}
#menu .selected a , #menu a.selected {
	color: #fff;
	cursor: default;
}
#menu a:hover, #menu a:active {
	color: #fff;
}
#right-menu {
	/*
	position: absolute;
	top: -20px;
	right: 0px;
	float: right;
	*/
	color: #000000;
	font-size: 11px;
	text-transform: uppercase;
	padding: 4px 0 5px 10px;
}
#right-menu a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#right-menu a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/*
|---------------------------------------------------------------
| Main Content
|---------------------------------------------------------------
|
*/
.text-standard h1 {
	text-align: justify;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFFFFF;
}

.text-standard {
	text-align: justify;
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 10px 0px;
}

.main-image {
	width: 720px;
	height: 500px;
	background-color: #918F90;
}


/*
|---------------------------------------------------------------
| Contactos
|---------------------------------------------------------------
|
*/
.contactos img {
}
.contactos .contact-text {
	background-color: #FFFFFF;
	color: #000;
	font: 10px Geneva, Arial, Helvetica, sans-serif;
}
.contactos .contact-text h1{
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}
.contactos .pessoais {
	height: 218px;
	margin-bottom: 25px;
}
.contactos .pessoais h1 {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
}
.contactos .pessoais .contact-text {
	width: 346px;
	height: 205px;
	float: right;
	padding: 13px 0px 0px 8px;
}
.contactos .pessoais img {
	float: left;
}
.contactos .atelier-acessos {
	margin-bottom: 17px;
}
.contactos .atelier-acessos .contact-text {
	padding: 12px 8px;
	background-color: #fff;
	height: 150px;
}
.contactos .atelier {
	float: left;
	width: 356px;
}
.contactos .acessos {
	float: right;
	width: 354px;
}

/*
|---------------------------------------------------------------
| Definições para footer de moopie
|---------------------------------------------------------------
|
*/
#footer {
	width: 700px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

/*
|---------------------------------------------------------------
| ajax stuff
|---------------------------------------------------------------
|
*/
.waiting {
	display: block;
	height: 25px;
	width: 25px;
	margin: 0px auto;
	background: url(/images/ajax-loader.gif) no-repeat;
}