/*REGRAS GERAIS*/

#pageBody {font-size:11px; font-family:sans-serif; margin:0px; padding:0px;}
#pageBody ul {padding:0; margin:0;}

#pageBody a {color:#5B524B; text-decoration:none;}
#pageBody a:hover {color:#A58E7F;}

#pageBody ol {padding:0; margin:0;}
#pageBody li {padding:0; margin:0px; list-style:none;}
#pageBody ol li {list-style:decimal inside;}
#pageBody h1, #pageBody h2, #pageBody h3, #pageBody h4, #pageBody h5 {margin:0; padding:0;}

a:hover, a:active, a:focus {outline:none;}

#body {margin:auto; width:900px;}

.clear {clear:both; height:0px; width:0px; line-height:0px;}

/*Regras para o ajustamento do website ao tamanho da tela*/
#html_id {height:100%; position:relative;}
#pageBody {min-height:100%; position:relative; width:100%; overflow-x:hidden;}

/*Logotipo*/
.logotipo span {position:relative; height:225px; width:722px; background:url('/images/logo.jpg') no-repeat top left; display:block;}
.logotipo h1 {position:absolute; top:0; left:0;}
.logotipo {position:absolute; bottom:15%; right:20%;}

/*Menu principal*/
#menuTopo {height:100%; width:28px; background:#E7E7E7; position:absolute; top:0; left:0; overflow:visible;}
#menuTopoBody {padding-top:100px;}
#menuTopo ul li { height:100px; width:28px; position:relative; cursor:pointer;}
#menuTopo div.topMenuItemHolder {position:absolute; top:0;}
#menuTopo ul li a { display:block; height:80px; cursor:pointer; width:158px; padding:10px;}
#menuTopo ul li a h2 {
	color:#FFFFFF;
	display:block;
	font-size:17px;
	font-weight:bold;
	position:absolute;
	top:30px;
	left:0px;
	vertical-align:middle;
	width:140px;
}
#menuTopo ul li a h2 { position:relative;}

/*Submenus*/
#menuTopo ul ul {position:relative; left:30px;}
#menuTopo ul ul li, #menuTopo ul ul li a {background:none; height:auto; width:auto;}
#menuTopo ul ul li a {padding:2px 5px; position:relative;}
#menuTopo ul ul li a h2 {color:#7F2B45; font-size:12px; position:relative; top:0; left:0px;}
#menuTopo ul ul li a:hover h2 {color:#444;}
#menuTopo ul ul ul li a h2 {font-size:10px;}

/*Variação de cores para os itens do menu*/
#mT_104 a {background:#D91B5C;}
#mT_105 a {background:#8F1742;}
#mT_106 a {background:#F35924;}
#mT_107 a {background:#F69220;}

.topMenuBG { height:100px; width:28px; display:block; position:absolute; top:0; left:0;}
#mT_104 .topMenuBG {background:#D91B5C;}
#mT_105 .topMenuBG {background:#8F1742;}
#mT_106 .topMenuBG {background:#F35924;}
#mT_107 .topMenuBG {background:#F69220;}


#menuTopo ul li#mT_106 a h2 {top:20px;}

/*Conteudo*/
.conteudoTopo h1 {color:#ccc; font-size:10px;}
#wrapper { width:70%; padding:0 10% 50px 200px;}
#conteudo { position:relative; padding-top:199px; min-height:300px; top:0px; left:0px; background:url(/images/criancas2.jpg) no-repeat right 20px;}
#conteudo .conteudoConteudo {padding:50px 50px; color:#333; background:#e7e7e7; min-height:200px;}
#conteudo .conteudoConteudo strong {color:#8F1742;}

h2 {color:#8F1742;}
#pageBody b a {text-decoration:underline;}
#pageBody b a:hover {text-decoration:none;}
#TXTvistaProdutoFoto {float:left; padding:0px 100px 146px 0px;}
#contactosTxt {float:right;}

/*Regra para o javascript de arredondamento de cantos*/
.rounded {
  -moz-border-radius-topright:3ex;
  -moz-border-radius-bottomright:3ex;
  -webkit-border-top-right-radius:3ex;
  -webkit-border-bottom-right-radius:3ex;
}
/*Ajuste no formulário de contactos*/
#mensagem {height:50px;}

/*Animacao loading do ajax*/
#loading {
	color:#333333;
	min-height:200px;
	width:100%;
	position:relative;
	top:50px;
	left:0;
	background:#fff;
	}

/*Rodape*/
#rodape {position:absolute; bottom:20px; left:0; width:100%; text-align:center; }
#rodape a {color:#333; padding:0px 5px; border-left:1px solid silver;}
#rodape a.primeiro {border:none;}
#video {position:absolute; top:0px; left:200px;}

#contactosPage td input {height:13px; font-size:10px;}

#contactosPage td #enviar {height:20px; font-size:9px; margin-left:-19px; padding:0px; padding-bottom:2px;}
#contactosPage td #limpar {height:20px; font-size:9px; margin-left:-19px; padding:0px; padding-bottom:2px;}