/*--------------------------------------------------------------------
LAYOUT "formacao-ciclos" Style - PSIKONTACTO (IE6+ FF1.5+ Opera9+)

Version: 	1.0 - 2007
author: 		Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com

-----------------------------------------------------------------------*/
@import url(corpo.css);

/* =HEADER : varia consuante a secção, Flash neste caso
------------------------------------------------------------------*/
#header{height: 340px;}
#header h2{
	position: absolute; top: 0px; right: 0px;
	width: 215px; height: 200px; padding-top: 30px; margin: 0;
	text-indent: 0; overflow: visible; color: #ffffff; 
	font: normal 40px Tahoma, Arial, Helvetica, sans-serif; text-align: center;
}
#header h3{
	position: absolute; top: 285px; left: 37px; z-index: 2;
	font: normal 25px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 30px; letter-spacing: -1px; 
}
#header p.inscrever{
	position: absolute; top: 230px; right: 0px;
	width: 187px; height: 46px; text-indent: -5555px; overflow: hidden;
	background: transparent url(../imgs/formacao-bt-increver.gif) no-repeat;
}
#header p.inscrever a{display: block; width: 100%; height: 100%;}
#header ul{
	position: absolute; top: 230px; left: 37px; z-index: 1;
	width: 219px; height: 63px; 
	margin: 0; padding: 0; 	list-style: none;	
	background: transparent url(../imgs/formacao-bg-menu-ciclos.gif) no-repeat;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #737369;
}
#header ul li{float: left; margin: 10px 10px 0 0; }
#header ul li.noLink{font-weight: bold; padding-right: 10px;}
#header ul li a{text-decoration: none; color: #363a30;}
#header ul li a:hover, #header ul li a:focus{text-decoration: underline;}

.ciclo1 #header {background: transparent url(../pics/fciclos-ciclo1.jpg) no-repeat;}
.ciclo1 #header h2 {background-color: #fdb813;}
.ciclo1 #header h3, .ciclo1 #header ul li {color: #fdb813;}

/*.ciclo1 #header {background: transparent url(../pics/fciclos-ciclo1.jpg) no-repeat;}
.ciclo1 #header h2 {background-color: #fdb813;}
.ciclo1 #header h3, .ciclo1 #header ul li {color: #fdb813;}*/

.ciclo2 #header {background: transparent url(../pics/fciclos-ciclo2.jpg) no-repeat;}
.ciclo2 #header h2 {background-color: #8cc63f;}
.ciclo2 #header h3, .ciclo2 #header ul li {color: #8cc63f;}

.ciclo3 #header {background: transparent url(../pics/fciclos-ciclo3.jpg) no-repeat;}
.ciclo3 #header h2 {background-color: #f78f1e;}
.ciclo3 #header h3, .ciclo3 #header ul li {color: #f78f1e;}

.ciclo4 #header {background: transparent url(../pics/fciclos-ciclo4.jpg) no-repeat;}
.ciclo4 #header h2 {background-color: #ef3f35;}
.ciclo4 #header h3, .ciclo4 #header ul li {color: #ef3f35;}

.ciclo5 #header {background: transparent url(../pics/fciclos-ciclo5.jpg) no-repeat;}
.ciclo5 #header h2 {background-color: #ec008c;}
.ciclo5 #header h3, .ciclo5 #header ul li {color: #ec008c;}

.ciclo6 #header {background: transparent url(../pics/fciclos-ciclo6.jpg) no-repeat;}
.ciclo6 #header h2 {background-color: #fdb813;}
.ciclo6 #header h3, .ciclo6 #header ul li {color: #fdb813;}

.ciclo7 #header {background: transparent url(../pics/fciclos-ciclo7.jpg) no-repeat;}
.ciclo7 #header h2 {background-color: #9a0432;}
.ciclo7 #header h3, .ciclo7 #header ul li {color: #9a0432;}


/* =CONTENT : 
------------------------------------------------------------------*/
#content h3{font: normal 18px Tahoma, Arial, Helvetica, sans-serif; padding: 20px 0 8px 0;}
#content h4{padding-bottom: 8px; width: 100%; font-size: 11px; font-weight: bold;}
#content h5{padding-top: 10px; margin-bottom:0; font-size: 11px; font-weight: bold;}
#content h4 span{font-weight: normal; margin-right: 8px;} 
#content h4 a{color: #6e664f; text-decoration: none; display: block; width: 100%; cursor: pointer;}
#content .txtRestante {padding: 0 17px 10px 17px; margin-bottom: 10px;}
#content .txtRestante p{padding: 0; margin: 0;}
#content .txtRestante span{font-size: 10px;}
<!--#content .descricao {padding: 25px 0 0px; font-size: 12px;}-->
#content .descricao {padding: 25px 0 0px; font-size: 11px;}
#content .descricao p{padding-bottom: 15px;}


.ciclo1 #content h3 {color: #fdb813;}
.ciclo1 #content h4 span{color: #fdb813;}
.ciclo1 #content h4 a.linkOn{color: #fdb813; text-decoration: none; display: block; width: 100%; cursor: default;}/* :INFO: class usada via javascript*/
.ciclo1 #content h4 a:hover, .ciclo1 #content h4 a:focus, 
.ciclo1 #content h4 a.linkOn:hover, .ciclo1 #content h4 a.linkOn:focus{color: #fdb813;}
.ciclo1 #content .txtRestante{background-color: #fffaee;}
.ciclo1 #content .txtRestante span{color: #fdb813;}

.ciclo2 #content h3 {color: #8cc63f;}
.ciclo2 #content h4 span{color: #8cc63f;}
.ciclo2 #content h4 a.linkOn{color: #8cc63f; text-decoration: none; display: block; width: 100%; cursor: default;} /* :INFO: class usada via javascript*/
.ciclo2 #content h4 a:hover, .ciclo2 #content h4 a:focus, 
.ciclo2 #content h4 a.linkOn:hover, .ciclo2 #content h4 a.linkOn:focus{color: #8cc63f;}
.ciclo2 #content .txtRestante{background-color: #f0f2ed;}
.ciclo2 #content .txtRestante span{color: #8cc63f;}

.ciclo3 #content h3 {color: #f78f1e;}
.ciclo3 #content h4 span{color: #f78f1e;}
.ciclo3 #content h4 a.linkOn{color: #f78f1e; text-decoration: none; display: block; width: 100%; cursor: default;} /* :INFO: class usada via javascript*/
.ciclo3 #content h4 a:hover, .ciclo3 #content h4 a:focus, 
.ciclo3 #content h4 a.linkOn:hover, .ciclo3 #content h4 a.linkOn:focus{color: #f78f1e;}
.ciclo3 #content .txtRestante{background-color: #fff6ec;}
.ciclo3 #content .txtRestante span{color: #f78f1e;}
/*Para situações exclusivas de conteúdo informativo, antecedido de título <h5>, no bloco "Descrição do Ciclo"*/
.ciclo3 #content .txtRestante span.pSmall{font-size: 11px; color: #6e664f;}

.ciclo4 #content h3 {color: #ef3f35;}
.ciclo4 #content h4 span{color: #ef3f35;}
.ciclo4 #content h4 a.linkOn{color: #ef3f35; text-decoration: none; display: block; width: 100%; cursor: default;} /* :INFO: class usada via javascript*/
.ciclo4 #content h4 a:hover, .ciclo4 #content h4 a:focus, 
.ciclo4 #content h4 a.linkOn:hover, .ciclo4 #content h4 a.linkOn:focus{color: #ef3f35;}
.ciclo4 #content .txtRestante{background-color: #fcf2f1;}
.ciclo4 #content .txtRestante span{color: #ef3f35;}

.ciclo5 #content h3 {color: #ec008c;}
.ciclo5 #content h4 span{color: #ec008c;}
.ciclo5 #content h4 a.linkOn{color: #ec008c; text-decoration: none; display: block; width: 100%; cursor: default;} /* :INFO: class usada via javascript*/
.ciclo5 #content h4 a:hover, .ciclo5 #content h4 a:focus, 
.ciclo5 #content h4 a.linkOn:hover, .ciclo5 #content h4 a.linkOn:focus{color: #ec008c;}
.ciclo5 #content .txtRestante{background-color: #f0ebee;}
.ciclo5 #content .txtRestante span{color: #ec008c;}

.ciclo6 #content h3 {color: #fdb813;}
.ciclo6 #content h4 span{color: #fdb813;}
.ciclo6 #content h4 a.linkOn{color: #fdb813; text-decoration: none; display: block; width: 100%; cursor: default;} /* :INFO: class usada via javascript*/
.ciclo6 #content h4 a:hover, .ciclo6 #content h4 a:focus, 
.ciclo6 #content h4 a.linkOn:hover, .ciclo6 #content h4 a.linkOn:focus{color: #fdb813;}
.ciclo6 #content .txtRestante{background-color: #fff6e0;}
.ciclo6 #content .txtRestante span{color: #fdb813;}

.ciclo7 #content h3 {color: #9a0432;}
.ciclo7 #content h4 span{color: #9a0432;}
.ciclo7 #content h4 a.linkOn{color: #9a0432; text-decoration: none; display: block; width: 100%; cursor: default;} /* :INFO: class usada via javascript*/
.ciclo7 #content h4 a:hover, .ciclo6 #content h4 a:focus, 
.ciclo7 #content h4 a.linkOn:hover, .ciclo6 #content h4 a.linkOn:focus{color: #9a0432;}
.ciclo7 #content .txtRestante{background-color: #feebf1;}
.ciclo7 #content .txtRestante span{color: #9a0432;}