body {
overflow:hidden;
}

hr.space {visibility:hidden;}

h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
h5 {font-size:12px;}

#left {
 background: url(../../images/left.png) no-repeat right top;
 height: 448px;
}

#left_home {
 background: url(../../images/left_home.jpg) no-repeat right top;
 height: 448px;
}

#left_actividades {
 background: url(../../images/left_actividades.jpg) no-repeat right top;
 height: 448px;
}


#right {
 background: url(../../images/right.png) no-repeat left top ;
 height: 448px;
}

#right_home h2 {
 margin-top: 5px;
 line-height:1;
}

#right_home {
 background: url(../../images/right_home.jpg) no-repeat left top ;
 height: 448px;
}

#left h4, #left_actividades h4 {
 color: #0451a4;
 margin-top: 10px;
 text-align:center;
}

.colpush1 {
 margin-left: 1.5em;
}

.lineheight1 {
 line-height:2em;
}

.nobottom {
  margin-bottom:0px;
}

.top1 {
  margin-top:4px;
  margin-right:1px;
}

#footer {
 text-align:center;
}

.toggler {
	color: #0000FF;
	margin: 0;
	padding: 2px 5px;
	background: #FFF;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
    cursor: pointer;
}

.toggler:hover {
  cursor: pointer;
}

blockquote {font-style:normal;}

/*Loucuras do Paulo ---------------------------------------*/

#wrapper {
	margin: 0px auto;
	overflow: hidden; 
	height: 450px; 
	width: 270px;
	position: relative;
}

#inner {
	width: 2044px;
	height: 2044px;
	background:url(../../images/left-home-bkg.jpg);
	position: relative;	
}

.pontos {
	position:absolute;
	width:25px;
	height:25px;
	/* background-color:#f00; */
}


/*Estas divs determinam as posições de paragem da imagem.
podes usar quantas quiseres, desde que tenham correspondencia no javascript.
Os limites são: (0,0) a (2004,2044) */
	
#ponto1 {
	left:0;
	top:0;
	}	
#ponto2 {
	left:1400px;
	top:200px;
	}	
#ponto3 {
	left:500px;
	top:400px;
	}	
#ponto4 {
	left:2000px;
	top:1250px;
	}	
#ponto5 {
	left:250px;
	top:2005px;
	}	
#ponto6 {
	left:50px;
	top:200px;
	}	


#mask {
	margin: 5px auto;
	overflow: hidden; 
	height: 450px; 
	width: 270px;
	position: relative;
	background:url(../../images/left-home-mask.png);
	top:-455px;/* Este é o truque!!! */
}