@font-face {
    font-family: "PopularRegular";
    font-style: normal;
    font-weight: normal;
    src: url("http://static.publico.pt/files/framework/fonts/p3/popular-regular.eot?#iefix") format("embedded-opentype"), url("http://static.publico.pt/files/framework/fonts/p3/popular-regular.woff") format("woff"), url("http://static.publico.pt/files/framework/fonts/p3/popular-regular.ttf") format("truetype"), url("http://static.publico.pt/files/framework/fonts/p3/popular-regular.svg#svgFontName") format("svg");
}
@font-face {
    font-family: "PopularRegularItalic";
    font-style: italic;
    font-weight: normal;
    src: url("http://static.publico.pt/files/framework/fonts/p3/popular-regularitalic.eot?#iefix") format("embedded-opentype"), url("http://static.publico.pt/files/framework/fonts/p3/popular-regularitalic.woff") format("woff"), url("http://static.publico.pt/files/framework/fonts/p3/popular-regularitalic.ttf") format("truetype"), url("http://static.publico.pt/files/framework/fonts/p3/popular-regularitalic.svg#svgFontName") format("svg");
}
@font-face {
    font-family: "PopularBold";
    font-style: normal;
    font-weight: bold;
    src: url("http://static.publico.pt/files/framework/fonts/p3/popular-bold.eot?#iefix") format("embedded-opentype"), url("http://static.publico.pt/files/framework/fonts/p3/popular-bold.woff") format("woff"), url("http://static.publico.pt/files/framework/fonts/p3/popular-bold.ttf") format("truetype"), url("http://static.publico.pt/files/framework/fonts/p3/popular-bold.svg#svgFontName") format("svg");
}
@font-face {
    font-family: "PopularBoldItalic";
    font-style: italic;
    font-weight: bold;
    src: url("http://static.publico.pt/files/framework/fonts/p3/popular-bolditalic.eot?#iefix") format("embedded-opentype"), url("http://static.publico.pt/files/framework/fonts/p3/popular-bolditalic.woff") format("woff"), url("http://static.publico.pt/files/framework/fonts/p3/popular-bolditalic.ttf") format("truetype"), url("http://static.publico.pt/files/framework/fonts/p3/popular-bolditalic.svg#svgFontName") format("svg");
}

#ops-wrapper{
	height: 500px;
	width: 300px;
	overflow: hidden;
	margin-bottom: 25px;
	z-index: 29 !important;
}
#ops-wrapper div.left{
	float: left;
	width: 300px;
	overflow: hidden;
}
#ops-header{
	height: 64px;
	background: url(../img/bg_header.gif) repeat-x top left;
}
#ops-header a{
	display: block;
	height: 64px;
	width: 300px;
}
#ops-header img{
	border: none;
}
#ops-body{
	height: 435px;
	background-color: #e6e6e6;
	border-right: 1px #808080 solid;
	border-bottom: 1px #808080 solid;
	border-left: 1px #808080 solid;
	overflow: hidden;
}
#ops-body .coda-slider-wrapper{
	margin-top: 20px;
}
.coda-slider .panel-wrapper {
	padding: 0 15px;
}
#ops-body .coda-slider .panel{
	width: 298px;
	height: 395px;
}
#ops-body .coda-slider .panel a{
	color: #000;
	text-decoration: none;
}
#ops-body .coda-slider .panel a:hover{
	text-decoration: underline;
}
#ops-body .coda-slider .panel h1{
	font: 22px/26px 'PopularBold',Georgia,serif;
	margin: 0;
}
#ops-body .coda-slider .panel img{
	border: none;
	margin: 15px 0 10px;
}
#ops-body .coda-slider .panel p{
	font: 13px/18px Arial, Helvetica, sans-serif;
	margin: 0;
}
#ops-nav{
	background-color: #cccccc;
	margin: 1px;
	height: 18px;
	padding: 0 15px;
}
#ops-nav a{
	font: 12px/18px 'PopularRegular',Georgia,serif;
	color:#000;
}
#ops-nav a:hover{
	text-decoration: underline;
}
#ops-wrapper div.right{
	float: left;
	width: 280px;
	height: 480px;
	padding: 10px;
	background: url(../img/bg_right.jpg) no-repeat top left;
}
#ops-wrapper div.right ul{
	list-style: none none;
	margin: 305px auto 0;
	padding: 0;
	width: 94px;
}
#ops-wrapper div.right ul li a{
	display: block;
	text-align: center;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px #ec6708 solid;
}
#ops-wrapper div.right a img{
	border: none;
}