@charset "utf-8";
/*===========================================
///////////// LAYOUT GERAL /////////////////
==========================================*/
body,html {text-align: center; border:0px; margin:0px; } 
#plantas_wrapper {width: 100%;}
#wrapper {width: 834px; margin: 0 auto; padding:0px;text-align: left; }
#home_wrapper {width: 853px; height:637px; margin: 0 auto;  padding:0px; text-align: left; }
#destaques_wrapper {width: 848px;  height:186px; margin: 0 auto;  padding: 0px; text-align: left; }
#footer{clear: both; height: 30px; width: 100%; display: block; padding-top: 16px; text-align:left; font-size: 0.7em;}

/*==========================
////// MENU footer /////////
==========================*/
ul#footer-menu{display: block; list-style-type: none; text-transform:uppercase; width: 595px; margin: 0 auto; color:#331400; text-align:center; }
#footer-menu li{list-style-type: none; float: left; padding: 0px 5px; border-right: #556216 1px solid;}
#footer-menu li a{text-decoration: none; padding: 0px 3px; color: #333D01;}
#footer-menu li a:hover{text-decoration: underline; color: #000000;}
#home-btn{ border-left: #556216 1px solid }

/*=======================
/////// Homepage ////////
=======================*/
#home_destaques{padding: 0px; border:0px; margin:0px; width:200px; height: 186px; float:left;}
#home_noticias{ padding: 0px; border:0px; margin:0px; width:445px; height: 186px; float: left;/*background: url('../images/noticias_img.jpg') no-repeat top center;*/}
#home_clubebadoca{ padding: 0px; border:0px; margin:0px; width:200px; height: 186px; float:right; text-align:left;}
.home_topo{ height: 45px; display: block; background:url(../images/noticias_img_topo.jpg) no-repeat top center;}
.home_txt{ padding: 2px 15px 8px 24px; height:29px; font-size:85%; font-family: Arial, sans-serif; color: #331400; background: url('../images/noticias_bg.jpg') no-repeat top left;}

/*=============================
/// DIVS Paginas interiores ///
=============================*/

#interior_topo { padding: 20px 20px 0px 0px;}
.interior { border:0px; font-family:Arial, sans-serif; font-size: 100%; color: #331400;}
.interior p, h3{ margin: 0px; text-align:justify; line-height: 130%;}

#interior_menu_topo {
	padding: 20px 56px 0px 66px;
	border:0px;
	margin:0px;
	height: 35px;
  	background: url('../images/madeira_animais_topo.jpg') no-repeat;
 	background-position:top center;
}

#interior_menu {border:0px; margin:0px; width:834px; background: url('../images/madeira_fundo.gif') repeat-y top center;}

#interior_menu_bottom { height:55px; padding: 0px; margin: 0px auto 10px auto; background: url('../images/madeira_bottom_menu.gif') no-repeat bottom center;}
#interior_topocurve{height:41px; background: url(../images/amarelo_topo.gif) no-repeat top; margin:0px; padding:0px; border:0px; }
#interior_bottomcurve{ height:43px; background: url(../images/amarelo_bottom.gif) no-repeat center top; margin:0px; padding:0px;border:0px;}
#interior_topcurve_border{ padding: 20px 20px 0px 20px;}

/*=============================
///////// Clube Badoca ////////
=============================*/
#logintop						{ display: block; width: 335px; height: 140px; padding:0; margin:0; background:url(../../clubebadoca/images/login_clubebadoca_01.jpg) no-repeat left top;}
#loginbody						{ display: block; width: 250px; /*height: 98px;*/ padding:2px 40px 0 42px; margin:0; background:url(../../clubebadoca/images/login_clubebadoca_02.jpg) no-repeat left top; }
#loginbody p					{ clear: left; width: 92px; float: left; margin:3px 8px 0 0; padding:0; text-align: right; color:#fcc10f; font-weight: bold; font-size:11px;}
#loginbody input				{ margin-bottom:5px; font-size:10px; width: 138px; float:left;}
#loginfooter					{ display: block; width: 250px; height: 5px; padding:0 10px 0 48px; background:url(../../clubebadoca/images/login_clubebadoca_03.jpg) no-repeat left bottom;}
#loginfooter span				{ font-size:10px; font-style:italic; color:#592D00;}

.ForgotPassword { font-size:10px; font-style:italic; color:#592D00; margin: 0px 0px 0px 48px;}
.ForgotPassword a {margin: 0px 0px 0px 48px;}

#loginbody .recover label				{ clear: left; width: 92px; float: left; margin: 3px 8px 0 0; padding:0; text-align: right; color:#fcc10f; font-weight: bold; font-size:11px;}
#loginbody .recover input.TextBoxShort	{ margin-bottom: 5px; font-size: 10px; width: 138px; float:left;}
#loginbody .recover label.error			{ color:#ffffff; width: 250px; margin: 0px 0px 8px 8px; text-align: left; clear: both; display:block; }

#registo p.intro						{ width: 580px; clear: both; margin: 0px 0px 32px 0px; padding: 16px 0px 0px 0px; font-weight: bold; font-size: 12px; color:#331400; }

ul#formRegistrationFields 								{ list-style: none; float: left; }
ul#formRegistrationFields li 							{ width: 600px; list-style: none; margin: 0px 0px 8px 0px; margin: 0px; padding: 0; font-weight: bold; font-size: 12px; color:#331400; clear: left; }
ul#formRegistrationFields li label.error				{ color:#cc0000; width: 250px; margin: 0px 0px 8px 248px; text-align: left; clear: both; display:block; }
ul#formRegistrationFields li label						{ width: 240px; float:left; margin: 8px 8px 0px 0px; padding: 0; text-align: right; cursor: pointer; }
ul#formRegistrationFields li .TextBoxLong				{ width: 250px; float:left; margin: 8px 0px 0px 0px; }
ul#formRegistrationFields li .TextBoxShort				{ width: 125px; float:left; margin: 8px 0px 0px 0px; }
ul#formRegistrationFields li .TextBoxPostCodePartOne	{ width: 35px; float:left; margin: 8px 0px 0px 0px; }
ul#formRegistrationFields li .TextBoxPostCodePartTwo	{ width: 25px; float:left; margin: 8px 0px 0px 0px; }
ul#formRegistrationFields li .TextBoxLocation			{ width: 168px; float:left; margin: 8px 0px 0px 0px; }
ul#formRegistrationFields li .SelectBox					{ width: 252px; float:left; border: 1px solid #663300; margin: 8px 0px 0px 0px; }
ul#formRegistrationFields li .left						{ float: left; margin: 8px 3px 0px 3px; }
ul#formRegistrationFields li.ButtonRow					{ width: 409px; padding: 8px 0px 0px 159px; }
ul#formRegistrationFields li.ButtonRow #BtnSubmit		{ background: url(../../clubebadoca/images/BtnSubmitBg.png) top left no-repeat; width: 80px; height: 30px; border: none; }
ul#formRegistrationFields li.ButtonRow #BtnSubmit:hover	{ background: url(../../clubebadoca/images/BtnSubmitBg.png) left -30px no-repeat; width: 80px; height: 30px; cursor: pointer; }
ul#formRegistrationFields li.ButtonRow #BtnReset		{ background: url(../../clubebadoca/images/BtnResetBg.png) top left no-repeat; width: 80px; height: 30px; border: none; }
ul#formRegistrationFields li.ButtonRow #BtnReset:hover	{ background: url(../../clubebadoca/images/BtnResetBg.png) left -30px no-repeat; width: 80px; height: 30px; cursor: pointer; }
ul#formRegistrationFields li.ButtonRow #BtnUpdate		{ background: url(../../clubebadoca/images/BtnUpdateBg.png) top left no-repeat; width: 80px; height: 30px; border: none; margin: 8px 0px 0px 83px; }
ul#formRegistrationFields li.ButtonRow #BtnUpdate:hover	{ background: url(../../clubebadoca/images/BtnUpdateBg.png) left -30px no-repeat; width: 80px; height: 30px; cursor: pointer; }


/*
#registo span					{clear:left; padding-left: 130px; margin:0 0 8px 0; float:left;font-size:10px; font-style:italic; color:#592D00;}
#registo input					{margin-bottom:12px; width: 205px; float:left;}
#registo select					{margin-bottom:12px; width: 205px; float:left;}
#registo input#nome				{ margin-bottom:2px;}
#registo input#datanascimento	{ margin-bottom:2px;}
*/
input#registarse,
input#reset,
input#mudar				{ background-color:#d89302; width: 100px; height: 24px; border:0px; cursor:pointer; margin-right:6px; margin-top: 5px;}

input#enviar,
.enviar					{ background:url(../../clubebadoca/images/enviar_btn.jpg) no-repeat right top; border:0px; width: 69px; height: 26px; margin-left: 90px;padding: 0 4px 5px 0; cursor:pointer; outline: none;}
.clube					{ background-color:#fcc10f; padding: 0px 25px 20px 40px; margin: 0px;}

div#registo.clube		{ padding: 0px 25px 30px 80px; }
.games					{ background-color:#fcc10f; padding: 15px 10px 15px 12px; margin: 0px;}
.games ul				{ height: 18px; list-type: none;}
.games ul li			{ float: left; list-style-type:none ; padding: 0 10px 0 5px;}
/*-----------------------------------------*/

/*////////////////////////////
===== MENU Clube Badoca =====
///////////////////////////*/
.clube ul#badoca-list li{list-style-type: square; float: none; text-align: left;}
.clube ul li 				{font-family:Arial, Helvetica, sans-serif; font-size: 13px;}
.clube.amarelo_02			{background-color:#fecc36;  padding: 10px 15px 10px 40px; margin: 1px 0px 0px 0px;}
.clubeMenu.amarelo_02	{padding: 0px 15px 0px 40px; height:32px;}

ul#badoca-menu {list-style-type: none; padding: 0; margin: 0 auto; position:relative; width:100%; height:30px;}
ul#badoca-menu li{float: left; padding:0; margin:0; text-indent:-9999px; list-style-type:none;}
ul#badoca-menu li a{ text-decoration:none; border:0; background:transparent url(../../clubebadoca/images/menu-badoca.png) no-repeat; display: block;}

ul#badoca-menu li#p01 a {width:165px; height:30px; overflow:hidden;}
ul#badoca-menu li#p02 a {width:173px; height:30px;overflow:hidden;}
ul#badoca-menu li#p03 a { width:176px; height:30px;overflow:hidden;}
ul#badoca-menu li#p04 a { width:64px; height:30px;overflow:hidden;}
ul#badoca-menu li#p05 a { width:62px; height:30px;overflow:hidden;}

ul#badoca-menu li#p01 a:link, ul#badoca-menu li#p01 a:visited { background-position: 0px 8px;}
ul#badoca-menu li#p01 a:hover, ul#badoca-menu li#p01 a:focus { background-position: 0px -17px;}	 	 	 	 
ul#badoca-menu li#p02 a:link, ul#badoca-menu li#p02 a:visited { background-position: -166px 8px;}
ul#badoca-menu li#p02 a:hover, ul#badoca-menu li#p02 a:focus { background-position:-166px -17px;}
ul#badoca-menu li#p03 a:link, ul#badoca-menu li#p03 a:visited { background-position:-340px 8px;}
ul#badoca-menu li#p03 a:hover, ul#badoca-menu li#p03 a:focus { background-position:-340px -17px;}
ul#badoca-menu li#p04 a:link, ul#badoca-menu li#p04 a:visited { background-position:-512px 8px;}
ul#badoca-menu li#p04 a:hover, ul#badoca-menu li#p04 a:focus { background-position:-512px -17px;}
ul#badoca-menu li#p05 a:link, ul#badoca-menu li#p05 a:visited { background-position:-570px 8px;}
ul#badoca-menu li#p05 a:hover, ul#badoca-menu li#p05 a:focus { background-position:-570px -17px;}

/* active tabs
------------------------------------------------------------------*/
div#programas ul#badoca-menu li#p01 a { background-position:0px -17px;}
div#badokas ul#badoca-menu li#p02 a { background-position:-166px -17px;}
div#descontos ul#badoca-menu li#p03 a { background-position:-340px -17px;}
div#jogos ul#badoca-menu li#p04 a { background-position:-512px -17px;}

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

/*.btn{width: 100px; height: 26px; background:url(../images/btn_01.jpg) no-repeat left top; border:0px; cursor:pointer;}*/
.amarelo_01{background-color:#fcc10f; padding: 0px 40px 20px 40px; margin: 0px;}
.amarelo_02{ background-color:#fecc36; padding: 20px 40px 20px 40px; margin: 1px 0px 0px 0px;}
.amarelo_03{ background-color:#fbd153; padding: 20px 40px 20px 40px; margin: 1px 0px 0px 0px;}
.amarelo_04{ background-color:#fed864;	padding: 20px 40px 20px 40px; margin: 1px 0px 0px 0px; border-top-color: #391804;}

#noticias{ font-family:Verdana,Arial,Helvetica; font-size: 11px; color: #000000; text-align:justify; line-height: 130%;}
#interior_noticias_01 {background-color:#fcc10f; padding: 0px 40px 5px 40px; margin: 0; height: 120px; display: block;}
#interior_noticias_02{background-color:#fcc10f; margin: 1px 0 0 0;}
#interior_noticias_03{background-color:#fecc36; margin: 1px 0 0 0;}
#interior_noticias_04{background-color:#fbd153; margin: 1px 0 0 0;}
#interior_noticias_05{background-color:#fed864; margin: 1px 0 0 0;}
#interior_noticias_02, #interior_noticias_03, #interior_noticias_04 , #interior_noticias_05{ padding: 5px 40px; height: 125px; display: block;}
#interior_noticias_01 p, #interior_noticias_02 p, #interior_noticias_03 p , #interior_noticias_04 p, #interior_noticias_05 p {margin: 0;}

#lista_interior{ padding:0px; margin:5px 20px 5px 20px; border:0px;}
#lista1{ width:285px; float:left; margin: 0px auto 0px 20px; text-align:left; padding:0px;}
#lista2{	width:295px; position:relative; float:right; text-align:left; margin: 0px 20px 0px auto; padding:0px;}

#lista_contentLeft{width:260px; float:left; text-align:left; margin: 0px auto 0px 30px; padding:4px 0 0 0;}
#lista_contentRight{width:260px; position:relative; float:right; text-align:right; margin: 0px 30px 0px auto; padding:4px 0 0 0;}
#lista_bar{ margin: auto; padding:0px; width:617px; height:46px; background: url('../images/bar.gif') no-repeat center center;}

.amarelo_lista1{ background-color:#fecc36; }
.amarelo_lista2_bbaixo{ background-color:#fed864; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #391804;}
.amarelo_lista2{ background-color:#fed864;}

/* esta Div está a ser usada apenas nas páginas de madagáscar */
div#Caixa{ 
	font-family: Verdana,Helvetica,Univers;
	font-size: 11px;
	float: right;
 color: #333333;
 line-height: 150%;
 margin: 15px 0 10px 10px;
 padding: 10px 15px 10px 15px;
 background :#fed864;
 border: #9c311e;
	border-style: solid;
	border-width: 1px 1px;
 width: 340px;
 position: relative;
 text-align: justify;
}

/* =================================
///// DIVS : Imagens + floats //////
================================== */

img, .imgs{ padding: 0px; border:0px; margin:0px;}
.seta_down { background: url("../images/seta_down.png") no-repeat; margin: 0 10px 0 0;}
.seta_up {background: url("../images/seta_up.png") no-repeat; margin: 0 10px 0 0;}

#img_centrada{ text-align: center; margin: 8px;}
.img_leftwards{float: left; margin: 4px 15px 4px 0px;}
.img_rightwards{float: right; margin: 4px 0px 4px 15px;}
.contentLeft{ position: relative; float: left; margin: 0 10px 0 0;}
.contentRight{float: right; margin: 0 0 0 10px;}

/* ==== Classe para arredondar cantos nas imagens ===*/
.news_img{ width:110px; height:80px; text-align: left; padding: 5px; text-indent: -9999px; /*a imagem de background está a ser definida em cada página html */
}

/* =================================================
/////////////// Programa Pedagógico ////////////////
==================================================*/

#interior-pedagog{
	border:0px;
	font-family:Arial, sans-serif;
	font-size: 100%;
	color: #331400;
	background-color:#fed864;
	background: #fed864 url('../images/pedagog_bg_bottom.jpg') no-repeat bottom center;
	text-align:left;
	text-align: justify;
}
.amarelo_pedagog{padding: 10px 20px 20px 20px; background-color:#fed864;}
#titulo_pedagog{ display: block; height: 75px; background: url(/programa-pedagogico-2010/imgs/title-prog-pedagog.gif) no-repeat left top;}
#titulo_pedagog h2{ text-indent: -9999px;}
#divisoria{ display: block; height: 35px; background: url(/programa-pedagogico-2010/imgs/divisoria-pedagog.jpg) no-repeat left top;}

.form_pedagog{
	width: 521px;
	padding: 5px 10px 0px 12px;
	border-left: #663333 1px solid;
	border-right: #663333 1px solid;
	border-top:0px; border-bottom:0px;
	margin:0px;
	background-color:#fcc10f;
	float: left;
	clear:left;
	font-size:11px;
}
.form_pedagog_topo {width: 545px; height: 14px; background: url(/programa-pedagogico-2010/imgs/form-topo.jpg) no-repeat left bottom;} 
.form_pedagog_bottom { width: 545px; height: 15px; background: url(/programa-pedagogico-2010/imgs/form-bottom.jpg) no-repeat left top; clear:left; margin-bottom: 10px;} 
.form_pedagog label{font-family:Arial, Helvetica, sans-serif; font-weight: normal; text-align:right;}
.form_pedagog th, .form_pedagog td{margin: 0px; padding: 2px 0px 6px 0px;}
.form_pedagog td table td{padding: 0.2em 0.3em 0.0em 0.3em;}
.form_pedagog input, .form_pedagog select#distrito{width: 95%; border:none; background-color:#FFFFFF;}
.form_pedagog input#submit {
	border:0px; 
	background-color:#fed864; 
	height:24px; width: 120px; 
	margin: 5px 0px 0px 80px; 	
	text-decoration: underline; 
	font-weight: bold;
	cursor: pointer;
}
.download{position: relative;float: right; width: 135px; display: block; right: -10px;}
.highlight {display: block; margin-bottom: 5px;}
#interior-pedagog p, .highlight p{ margin: 0px 0px 5px 0px; padding-top:8px; text-align: justify;}
#interior-pedagog h3{text-indent:-9999px; height: 23px;}
#interior-pedagog h4{color:#331400;font-size:100%; text-align:left;}
#interior-pedagog h3.activ{background: #fed864 url(/programa-pedagogico-2010/imgs/activ_educativas_titulo.gif) no-repeat left top;}
#interior-pedagog h3.seccao{background: #fed864 url(/programa-pedagogico-2010/imgs/seccoes_pedagog_titulo.gif) no-repeat left top;}
#interior-pedagog h3.info{background: #fed864 url(/programa-pedagogico-2010/imgs/info_titulo.gif) no-repeat left top;}
#interior-pedagog h3.material{background: #fed864 url(/programa-pedagogico-2010/imgs/material_titulo.gif) no-repeat left top;}
#interior-pedagog h3.livro_badoca{background: #fed864 url(/programa-pedagogico-2010/imgs/ilustracoes_titulo.gif)  no-repeat left top; margin-bottom: 15px;}
#interior-pedagog h3.concurso{background: #fed864 url(/programa-pedagogico-2010/imgs/concurso_titulo.gif) no-repeat left top;}
#interior-pedagog h3.preescolar{background: #fed864 url(/programa-pedagogico-2010/imgs/preescolar_titulo.gif) no-repeat left top; margin-bottom: 15px; width:130px;}
#interior-pedagog h3.primeirociclo{background: #fed864 url(/programa-pedagogico-2010/imgs/primeirociclo_titulo.gif) no-repeat left top; width:130px; margin-bottom: 15px;}
#interior-pedagog h3.segundo-terceiro-ciclos{background: #fed864 url(/programa-pedagogico-2010/imgs/segundoterceirociclos_titulo.gif) no-repeat left top; width:130px; margin-bottom: 15px;}

ul.mat-educativo{list-style-type: none;padding:0;margin:0; width:100%;margin-bottom: 10px;}
ul.mat-educativo li{padding:0px 5px 10px 5px; list-style-type:none; width: 100px; height:140px; float: left;}
ul.mat-educativo li img{border: 0px;}

#interior-pedagog .list {display: block; padding: 0 10px; margin: 0 0 5px 0;}
.caixa_explic { background-color: #c6c840; margin: 10px; padding: 10px 15px; border:#606F25 1px solid;}
#interior-pedagog .caixa_explic h3{font-size: 1.4em; font-weight: bold; text-indent: 0; color: #331400; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/*////////////////////////////////
=== MENU Programa pedaggico =====
////////////////////////////////*/
#divisoria ul {list-style-type: none; padding:0; margin: 0px auto 0px 24px; position:relative; width:688px; height:22px;}
#divisoria ul li{float: left; padding:0; margin:0; text-indent:-9999px; list-style-type:none;}
#divisoria ul li a{ text-decoration:none; border:0; background:transparent url(/programa-pedagogico-2010/imgs/menu.gif) no-repeat; display: block;}

li#apres a {width:102px; height:20px; overflow:hidden;}
li#prog a {	width:78px; height:20px;overflow:hidden;}
li#info a { width:90px; height:20px;overflow:hidden;}
li#concurso a { width:161px; height:20px;overflow:hidden;}
li#material a { width:134px; height:20px;overflow:hidden;}
li#ficha a { width:106px; height:20px;overflow:hidden;}

li#apres a:link, li#apres a:visited { background-position: -2px 0px;}
li#apres a:hover, li#apres a:focus { background-position: -2px -25px;}	 	 	 	 
li#prog a:link, li#prog a:visited {	background-position: -105px 0px;}
li#prog a:hover, li#prog a:focus { background-position:-105px -25px;}
li#info a:link, li#info a:visited { background-position:-185px 0px;}
li#info a:hover, li#info a:focus { background-position:-185px -25px;}
li#concurso a:link, li#concurso a:visited { background-position:-274px 0px;}
li#concurso a:hover, li#concurso a:focus { background-position:-274px -25px;}
li#material a:link, li#material a:visited { background-position:-435px 0px;}
li#material a:hover, li#material a:focus { background-position:-435px -25px;}
li#ficha a:link, li#ficha a:visited { background-position:-568px 0px;}
li#ficha a:hover, li#ficha a:focus { background-position:-568px -25px;}

/* active tabs
------------------------------------------------------------------*/
div#divisoria ul#apres-page li#apres a { background-position:-2px -25px;}
div#divisoria ul#prog-page li#prog a { background-position:-105px -25px;}
div#divisoria ul#info-page li#info a { background-position:-185px -25px;}
div#divisoria ul#concurso-page li#concurso a { background-position:-274px -25px;}
div#divisoria ul#material-page li#material a { background-position:-435px -25px;}
div#divisoria ul#ficha-page li#ficha a { background-position:-568px -25px;}