/* MADEYOURWEB - PIN COM PINS - general stuff - 3set07*/


body{
margin:0;
padding:0;
text-align:left;
font-family: arial, verdana, sans-serif;
background-repeat:no-repeat;
background-position:top;
}


a {
text-decoration: none;
font-weight: normal;
border: none;
 }
a:hover {
text-decoration: underline; 
border: none;
 }
 
/* Layout */
#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}
#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}
#pagewidth-800, #pagewidth-1024{
width:770px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-bottom: 10px;
}


#header {
height: 220px; 
width: 100%;
 }
#top-top {
height: 210px;
width: 154px;
float: left;
margin:0;
padding:0;
}
#toplogo {
margin:0 0 0 -54px;
}
#topmenu{
 width: 154px;
 float: left;
 margin:20px 0px 0px 0px;
 padding:0;
}



/*criado para arrumar o link directo para a pin session, nao existe nos outros templates ja que este esta aplicado a todas as paginas que tem o random de fotografias la em cima*/
#toplink{ 
 width:154px;
 float:right;
 margin:20px 0px 0px 0px;
 padding:0;
}



#search {
margin: 0px;
padding: 0px;
width: 148px;
height: 28px;
float: right;
background: url(../images/back_search.jpg) right top no-repeat;
padding-left: 10px;
padding-top: 2px;
vertical-align: top;
}
#search .inputbox{
width: 100px;
height: 18px;
font-size: 10px;
background: transparent;
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
}
#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 10px;
background: transparent;
border: none;
line-height: 10px;
}
#search form {
margin: 0px;
padding: 0px;
}


#leftcol{
 width: 154px;
 float: left;
 position: relative;
 margin:0;
 padding:0;
 font-size:10px;
 }

#rightcol-normal, #rightcol-broad{
 margin:0; /* -16px 0 0 0assim funciona para puxar a coluna da direita para cima. mexi antes no index.php para alterar a ordem e embeber a pathway dentro do maincol-800. se der algum probelama ir busca o ficheiro cpia de index.php*/
 padding:0;
 width: 154px;
 float:left;
 position: relative;
 font-size:10px;
 } 
 
 #agenda{
  background-image:url(../../homepage/images/pattern03.png);
  color:#FFFFFF;
  padding: 0 4px 0 4px;
  line-height: 16px;
}


 
#outer-800, #outer-1024{
 width: 770px;
 padding:0 0 5px 0;
} 

#footer-800, #footer-1024{    
 width:100%;
 background-image:url(../images/pattern05.png);
 font-size: 10px;
 color:#999999;
 margin: 20px 0 0 0;
}

#maincol-normal-800, #maincol-broad-800{  
 float: left; 
 width: 454px !important;/*tive que mudar esta medida que estava 454px*/
 margin:0 4px 0 4px !important;
 padding: 0;
 width: 454px;


 
 } 
 
 iframe.wrapper {
 z-index: 0;
 }
 
.clr{
 clear:both;
}

.content {
 margin:0;
 padding: 0;
 color:#999999;
 font-size:10px;
}


#pagewidth-800, #pagewidth-1024 {
text-align:left
	height:600px;
}

/* Modules */
#user1{
float: left;
width: 49%;
}
#user2{
float: right;
width: 49%;
}
#user3 {
width: 100%;
}
/*este so existe neste template, e usado para criar o menu que encaminha para o detalhe da pin session, no topo ao pe das fotos em random*/
#user5 {
width: 100%;
}
#user1 ul, #user2 ul, #user3 ul, #user5 ul {
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 0.7em;
margin-left: 0.7em;
margin-bottom: 5px;
margin-top: 2px;
}


/* Main Menu(s)   AGENDA(direita) E NAV(esquerda)*/
a.mainlevel, a.mainlevel-agenda, a.mainlevel-nav, a.mainlevel-agendalinks {
font-size: 11px;
padding: 0 4px 0 4px;
margin:0;
width: 146px;
display: block;
line-height: 16px;
text-decoration: none;
font-weight: normal;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
}
a.mainlevel-agendalinks {
  background-image:url(../../madeyourweb/images/pattern03.png);
  color:#FFFFFF;
}
a.mainlevel-agendalinks:hover {
  background-color:#FF0000;
  color:#FFCACA;
  text-decoration: none;
}
a.mainlevel-pinlink { /*link directo para a pin session*/
 color:#999999;
 font-size: 11px;
 padding: 0 4px 0 4px;
 margin:147px 0 0 0;
 width: 146px;
 display: block;
 line-height: 16px;
 text-decoration: none;
 font-weight: normal;
 voice-family:"\"}\""; /* Box Model fix */
 voice-family:inherit;
}
a.mainlevel-pinlink:hover {
 color:#666666;
 text-decoration: none;
 background-image:url(../images/pattern06.png);
}
a.mainlevel-nav {
 color:#FF0000;
}
a.mainlevel-nav:hover {
 background: #ff0000;
 color:#FFFFFF;
 text-decoration: none;
}
a.mainlevel-agenda {
 color:#660000;
}
a.mainlevel-agenda:hover {
 background-image:url(../images/pattern04.png);
 text-decoration: none;
}
#active_menu-agenda {
 background-image:url(../images/pattern04.png);
 text-decoration: none;
}

#active_menu-nav {
 background: #ff0000;
 color:#FFFFFF;
 text-decoration: none;
}


#leftcol div.module {
color: #ff0000;
/*background-image:url(../images/pattern02.png);*/
}

/*deixou de existir - modulos random image: membros 
.module-spacer {
 width:100%;
 margin:0 0 10px 0;
}
*/

.module-news {
 font-size:11px;
 line-height: 16px;
 width:100%;/*era este que fazia falta para o modulo news perder aquelas margens estranhas no ie. No firefox continua a ficar com margens, mas mais pequenas...quero corrigir isto mas por agora n  urgente.*/
 margin:10px 0 10px 0;
}
.module-news ul li a {
 padding: 1px 4px 1px 4px;
 color:#666666;
 display: block;
 margin: 0 0 0 -40px;/*gostava de tirar este -40px daqui mas no percebi como. Os ul li esto a avanar 40px e no consegui tirar isto na origem(onde est a origem?)*/
}
.module-news ul li a:hover {
 text-decoration: none;
 background-image:url(../images/pattern02.png);
}

/*deixou de existir - modulos latestnews: classificados e noticias
.latestnews-news{
 list-style-image: none;
 list-style-type: none;
}
*/



div.module h3 {
font-size: 11px;
width: 146px; /*154px;*/
font-weight: bold;
margin:0;
padding:0 4px 0 4px;
line-height: 16px;
}
#leftcol div.module h3 {
color: #ff0000;
}

#rightcol-broad div.module h3{
 color:#FFFFFF;
 background-image:url(../images/pattern03.png);
 margin:0 0 10px 0;
}

html>body a.mainlevel {width:146px;} /* Opera5-Fix-fix ;-) */
html>body a.mainlevel-agenda {width:146px;} /* Opera5-Fix-fix ;-) */

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 10px;
padding-left: 12px;
width: 139px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}
html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */
a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;
width: 139px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}
html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 123px;
}

/* Module specific */
#leftcol div.module div div div div.syndicate, #leftcol div.module div div div div.syndicate div {
background: transparent;
/*width: 137px;*/
margin: 0px;
padding: 0px;
}


/*pathway*/
#pathway{ 
 width: 446px;
 line-height:14px; /*height: 14px;*/
 float: left;
 position: relative;
 padding:1px 4px 1px 4px;
 margin:0; /* -16px 0 0 0assim funciona para puxar a coluna da direita para cima. mexi antes no index.php para alterar a ordem e embeber a pathway dentro do maincol-800. se der algum probelama ir busca o ficheiro cpia de index.php*/
 background-image:url(../images/pattern06.png);
}
.pathway {
color:#FFFFFF;
font-size: 12px;
font-weight:bold;
text-decoration: none;
}
.pathway a{
font-weight:normal;
text-decoration: none;
}



/*fotografia*/
.mosimage {
	text-align:left;
    margin:0px 4px 0 0;
	padding:0;
	float: none;
}
/*a legenda da fotografia*/
.mosimage_caption {
  font-size: 10px;
  line-height: 14px;
  text-align:left;
  background-image:url(../images/pattern05.png);
  color:#999999;
  padding:3px;
  margin:0 0 15px 0;
  /*width:441px;*/
}

p{}
hr {
width:  90%; 
 }
hr.separator {
	width:  40%;
 }
 

.small {
font-size: 10px;
color: #ABABAB;
line-height: 0.7;
}
.smalldark {
font-size: 10px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 a,.sectiontableentry2 a {
	text-align: left;
	font-size:12px;
	color:#999999;
	padding:2px 4px 2px 4px;
	width:446px;
	display:block;
}
.sectiontableentry1 a:hover, .sectiontableentry2 a:hover {
	text-decoration:none;
	color:#B90000; /*#FF0000;*/
	background: transparent url(../images/pattern02.png) repeat top;
	}

.button {
background-color:#CCCCCC;
}

.inputbox {
	background-color:#FFFFFF;
	border:none;
	margin:0;
	padding:2px;
}

table.contentpane .inputbox {
margin:0;
}

.createdate {
font-size: 10px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 10px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}

/*botao ler mais*/
a.readon {
 font-size: 10px;
 text-decoration: none;
 line-height: 15px;
 padding: 0 0 0 13px;
 margin:0;
 background: url(../images/readon.gif) no-repeat left;
 font-weight: normal;
}
a.readon:hover {
background: url(../images/readon.gif) no-repeat left;
text-decoration:underline;
}



/*Resultados 1 de 1, anterior, seguinte, ca em baixo em rodape nos resultados*/
.pagenav {
color:#CCCCCC;
font-size:11px;
}
a.pagenav{
color:#999999;
text-decoration:none;
}
a.pagenav:hover{
color:#FF0000;
text-decoration:none;
}



/*os tumbnails quando aparecem dentro do modelo blog aparecem formatados por aqui. Consegui contornar o problema de quando aparecem menos de 3 não aparecerem com o texto esticado nem apareceem centrados*/
.blog { 
width:100%;

}
.blog table { 
width:145px;
}
.blog table.contentpaneopen, .blog table.contentpaneopen td{ 
margin:0;
}
/*aqui nao foi preciso mexer*/
.blogsection, .blog_more{
font-size: 10px;
}
.blog_more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
}
/*fim da parte blog*/



/*o titulo da categoria1 - nos contedos estaticos: historial, estatutos...*/
.contentheading {
width: 98%;
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: arial, verdana, sans-serif;
color:##B90000;
margin-bottom: 40px; /*isto na est a resultar, queria que ficassem os dois com a mesma margin...*/
}
.buttonheading{
/*print, pdf, enviar a um amigo*/
}



.contentpaneopen {
text-align: left;
font-size: 10px;
line-height: 1.8;
}




table.contentpane td.contentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: arial, verdana, sans-serif;
border: none;
}
table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}
table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 10px;
}

.sectiontableheader {
font-weight: bold;
font-size: 10px;
height: 25px;
line-height: 25px;
}

.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: arial, verdana, sans-serif;
}

/*o titulo da categoria - noutros contedos: contactos, instituies*/
.componentheading {
font-weight: bold;
font-size: 16px;
height: 25px;
padding:0 0 0 3px;/* este ficou com um padding de 3px porque ainda n percebi onde se muda o padding de isto tudo. O padding devia ser 4Px mas como no .categorytitle { (em cima) est certamente com 3 quando conseguir alterar o geral que altera a categoria mudo aqui tb*/
line-height: 25px;
font-family: arial, verdana, sans-serif;
color:#B90000;
margin-bottom: 20px; /*isto na est a resultar, queria que ficassem os dois com a mesma margin...*/
}
a.category {
text-decoration:  none; 
color: #B90000; /*eraff0000*/
 }
a.category:hover {
text-decoration:  underline; 
color: #000000;
 }
 


table.moduletable {
width:  100%;
font-size: 80%;
 }
table.moduletable th {
font-size: 80%;
}

.back_button a{
font-size: 10px;
font-weight: normal;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}
table.contenttoc th{
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #BBBBBB;
}

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

/*a columa central, quando se parte em tabelas*/
#maincol-normal-800 div.moduletable, #maincol-wide-800 div.moduletable, #maincol-broad-800 div.moduletable, #maincol-normal-1024 div.moduletable, #maincol-wide-1024 div.moduletable, #maincol-broad-1024 div.moduletable {
width: 100%;
margin-bottom: 10px;
font-size: 10px;

}
#maincol-normal-800 div.moduletable h3, #maincol-wide-800 div.moduletable h3, #maincol-broad-800 div.moduletable h3, #maincol-normal-1024 div.moduletable h3, #maincol-wide-1024 div.moduletable h3, #maincol-broad-1024 div.moduletable h3 {
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
height: 20px;
line-height: 20px;
width: 100%;
text-align: left;
text-indent: 5px;/*o txt avana 5px*/
}

/*formatar o texto da maincol */
/*definies gerais*/
#maincol-normal-800 p, #maincol-wide-800 p, #maincol-broad-800 p, #maincol-normal-1024 p, #maincol-wide-1024 p, #maincol-broad-1024 p {
width: 100%;
font-size: 11px; !important;
text-align: left;
color:#666666;
}
/*definies para os h3*/
#maincol-normal-800 h3, #maincol-wide-800 h3, #maincol-broad-800 h3, #maincol-normal-1024 h3, #maincol-wide-1024 h3, #maincol-broad-1024 h3 {
width: 100%;
font-size: 11px;
color:#CC6600;
font-weight: bold;
}
/*definies para os h4*/
#maincol-normal-800 h4, #maincol-wide-800 h4, #maincol-broad-800 h4, #maincol-normal-1024 h4, #maincol-wide-1024 h4, #maincol-broad-1024 h4 {
font-size: 11px;
color:#CC6600;
font-weight: bold;
}





/*estilos para o texto editado no WYSIWYG*/
.listagemcor{
font-size:11px;
color:#B90000;
line-height:normal;
}
.listagem{
font-size:10px;
font-weight:normal;
color:#999999;
line-height:normal;
}
.detalhecor{
font-size:16px;
font-weight:bold;
color:#B90000;
line-height:21px;
}
.detalhecorcor{
font-size:12px;
font-weight:bold;
color:#B90000;
line-height:18px;
}
.detalhe{
font-size:12px;
font-weight:normal;
color:#999999;
line-height:18px;
}
.detalhe a{
color:#B90000;
}
.detalhe-local{
font-size:10px;
font-weight:normal;
color:#999999;
line-height:14px;
}
.detalhe-local a{
color:#B90000;
}