@font-face {
	font-family: 'PublicoBannerBlack';
	src: url('http://static.publico.pt/files/framework/fonts/publico-bannerblack.eot'); 
	src: url('http://static.publico.pt/files/framework/fonts/publico-bannerblack.eot?iefix') format('eot'), 
	     url('http://static.publico.pt/files/framework/fonts/publico-bannerblack.woff') format('woff'), 
	     url('http://static.publico.pt/files/framework/fonts/publico-bannerblack.ttf')  format('truetype'),
	     url('http://static.publico.pt/files/framework/fonts/publico-bannerblack.svg#svgFontName') format('svg');
	font-weight: bold;
}

@font-face {
	font-family: 'PublicoMedium';
	src: url('http://static.publico.pt/files/framework/fonts/publico-medium.eot');
	src: url('http://static.publico.pt/files/framework/fonts/publico-medium.eot?iefix') format('eot'), 
	     url('http://static.publico.pt/files/framework/fonts/publico-medium.woff') format('woff'), 
	     url('http://static.publico.pt/files/framework/fonts/publico-medium.ttf')  format('truetype'),
	     url('http://static.publico.pt/files/framework/fonts/publico-medium.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'PublicoRoman';
	src: url('http://static.publico.pt/files/framework/fonts/publico-roman.eot');
	src: url('http://static.publico.pt/files/framework/fonts/publico-roman.eot?iefix') format('eot'), 
	     url('http://static.publico.pt/files/framework/fonts/publico-roman.woff') format('woff'), 
	     url('http://static.publico.pt/files/framework/fonts/publico-roman.ttf')  format('truetype'),
	     url('http://static.publico.pt/files/framework/fonts/publico-roman.svg#svgFontName') format('svg');
}
@font-face {
	font-family: 'PublicoText';
	src: url('http://static.publico.pt/files/framework/fonts/publico-text.eot');
	src: url('http://static.publico.pt/files/framework/fonts/publico-text.eot?iefix') format('eot'), 
	     url('http://static.publico.pt/files/framework/fonts/publico-text.woff') format('woff'), 
	     url('http://static.publico.pt/files/framework/fonts/publico-text.ttf')  format('truetype'),
	     url('http://static.publico.pt/files/framework/fonts/publico-text.svg#svgFontName') format('svg');
}


/* @group Reset CSS 
	(Eric Meyer's Reset Reloaded + HTML5 baseline - v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark)
	html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need cellspacing="0" in the markup */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
a{text-decoration: none;}
/* @end Reset CSS */

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.banner {
	margin: 20px 0;
}
.digital{
	background: #e5e5e2 url(../img/bg.png) repeat-y top center;
}
#wrapper{
	min-height: 96.6%;
	height: auto !important;
	height: 96.1%;
	width: 990px;
	margin: 0 auto -120px;
}
#network nav{
	width: 990px !important;
	padding: 7px 0 !important;
}
.super{
    font-size: 10px;
    vertical-align: super;
	text-transform: uppercase;
}
.novo{
	background-color: #e51b24;
	color: #FFFFFF;
	padding: 1px 3px;
    font-size: 10px;
	line-height: 10px;
	font-weight: bold;
}
.intro{
	font: 18px/27px 'PublicoMedium',Georgia,sans-serif;
	margin-bottom: 15px;
	letter-spacing: -0.2px;
}

/*--- Preload images ---*/
@media screen {
	#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
	}
	#preloader img {
		display: block;
	}
}
@media print {
	#preloader, 
	#preloader img {
		visibility: hidden;
		display: none;
	}
}

/*------- HEADER + NAV -------*/
header{
	padding: 30px 0 45px;
}
#home, header h1{
	font: bold 54px/54px 'PublicoBannerBlack',Georgia,sans-serif;
	color: #e51b24;
	float: left;
}
#home span, header h1 span{
	color: #3d3637;
}
#publico{
	float: right;
	padding-top: 4px;
}
.inset{
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../img/hr.gif) repeat-x bottom left;
}
#main li{
	font: bold 24px/24px 'PublicoBannerBlack',Georgia,sans-serif;
	float: left;
	margin-right: 50px;
	color: #e51b24;
}
#main li a{
	color: #3d3637;
	text-decoration: none;
}
#main li a:hover{
	color: #000;
}

/*------- ESTRUTURA -------*/
.home #content{
	background: url(../img/homepage.jpg) no-repeat top center;
	min-height: 390px;
	margin: 75px 0 25px;
}
.digital #content{
	margin: 35px 0;
	font: 13px/21px Arial, Helvetica, sans-serif;
}
#content aside{
	width: 200px;
	float: left;
	margin: 53px 20px 0 0;
}
.ipad #content aside, .android-tablet #content aside, .win #content aside{
	width: 125px;
}
#content aside h3{
	font: bold 18px/18px 'PublicoMedium',Georgia,sans-serif;
	color: #3d3637;
	padding-left: 12px;
	background: url(../img/arrow_down.gif) no-repeat 0 7px ;
}
#content aside h4{
	font: bold 18px/18px 'PublicoMedium',Georgia,sans-serif;
	color: #000;
	padding: 10px 0;
}

/*------- NAVEGAÇÃO LATERAL-------*/
#sub-nav ul{
	margin: 0 0 20px 12px;
}
#sub-nav li{
	padding-left: 12px;
	font: 16px/16px Arial, Helvetica, sans-serif;
	background: url(../img/arrow_right.png) no-repeat center left;
	margin-bottom: 10px;
}
#sub-nav li.escolhido{
	background: url(../img/arrow_right_red.png) no-repeat center left;
	color: #e51b24;
	font-weight: bold;
}
#sub-nav a{
	color: #3d3637;
}
#sub-nav a:hover{
	color: #000;
}
/*------- CONTEÚDO -------*/
section{
	float: left;
	width: 770px;
}
section header, section article{
	padding: 0;
}
section article p{
	margin-bottom: 10px;
}
section h2{
	font: bold 40px/40px 'PublicoBannerBlack',Georgia,sans-serif;
	color: #000;
	margin-top: 31px;
}
.image{
	margin-right: 10px;
	float: right;
}
section article ul{
	list-style: outside disc;
	margin: 0 20px 0 13px;
	line-height: 18px;
}
section article li{
	margin-bottom: 8px;
}

/*-- mobile --*/
.mobile section header, .mobile section article{
	width: 460px;
}
.mobile div.image{
	width: 220px;
	height: 380px;
	background: url(../img/mobile_bg.png) no-repeat top left;
	padding: 81px 0 0 22px;
}

/*-- android-mobile --*/
.android-mobile section header, .android-mobile section article{
	width: 420px;
}
.android-mobile div.image {
	width: 209px;
    height: 382px;
    background: url(../img/android.png) no-repeat right top;
    padding: 66px 0 0 26px;
}
.android-mobile .coda-slider, .android-mobile .coda-slider .panel { width: 182px; height: 311px; }
.android-mobile .coda-nav{padding-top: 80px;}

.btassinar {
	width:80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#d62b33;
	padding:7px 15px;
	text-align:center;
	display:block;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	margin-top:20px;
}
.btassinar:hover {
	background-color:#e94048;
	color:#FFF;
}

/*-- ipad --*/
.ipad #content section, .android-tablet #content section{
	width: 845px;
}
.ipad section header, .ipad section article{
	width: 455px;
}
.ipad div.image{
	width: 314px;
	height: 419px;
	background: url(../img/ipad_bg.png) no-repeat top left;
	padding: 44px 0 0 42px;
}
.ipad .coda-slider, .ipad .coda-slider .panel { width: 277px; height: 369px; }
.ipad .coda-nav{padding-top: 60px;}

/*-- android-tablet --*/
.android-tablet section header, .android-tablet section article{
	width: 510px;
}
.android-tablet div.image {
	width: 267px;
    height: 416px;
    background: url(../img/toshiba.png) no-repeat right top;
    padding: 50px 0 0 34px;
}
.android-tablet .coda-slider, .android-tablet .coda-slider .panel { width: 230px; height: 364px; }
.android-tablet .coda-nav{padding-top: 60px;}

/*-- wndows8 --*/
.ipad #content section, .android-tablet #content section, .win #content section{
	width: 845px;
}
.win section header, .win section article{
	width: 455px;
}
.win div.image{
	width: 358px;
	height: 225px;
	background: url(../img/win8_bg.png) no-repeat top left;
	padding: 25px 0 0 32px;
}
.win .coda-slider, .win .coda-slider .panel { width: 293px; height: 176px; }
.win .coda-nav{padding-top: 40px;}

/*-- kindle --*/
.kindle section{
	float: left;
	width: 990px;
}
.kindle div.image {
	width: 288px;
    height: 460px;
    background: url(../img/kindle.png) no-repeat right top;
}
.kindle section header, .kindle section article{
	width: 650px;
}

.link{
	font-weight: bold;
}
.link a{
	font: bold 24px/24px 'PublicoBannerBlack',Georgia,sans-serif;
	color: #0a6598;
	font-weight: normal;
	text-decoration: none;
}
.link a:hover{
	color: #000;
}
article a{
	color: #0a6598;
	text-decoration: underline;
}
article a:hover{
	text-decoration: none;
}
.tarifario{
	background-color:#FFF;
	border: 1px #cccccc solid;
	padding:1px;
	margin-bottom: 10px;
}
.tarifario .store{
	float: right;
	margin:0;
	vertical-align: middle;
}
.tarifario p{
	background-color:#e5e5e3;
	padding:10px;
	line-height:24px;
	font-weight: bold;
	color: #000;
	margin: 0;
}
.tarifario span{
	font-weight: normal;
}
.legenda{
	font-size:11px;
	font-style: italic;
	color:#2e2e33;
}
a.store img{
	margin-top: 10px;
}

/*------- FOOTER -------*/
#mastfoot{
	background-color: #111111;
    color: #555555;
	border-top: 1px solid #FFFFFF;
    position: relative;
    width: 100%;
	font: 11px/20px Arial, Helvetica, sans-serif;
}
#mastfoot, .push{
	height: 120px;
}
#mastfoot .wrap{
	margin: 0 auto;
    width: 990px !important;
	padding: 20px;
}
footer section.copyright {
    float: left;
    margin: 0;
    width: 300px;
}
footer .fichatecnica {
    float: right;
    text-align: right;
    width: 550px;
}
footer abbr {
    display: none;
}
footer .fichatecnica li {
    margin-right: 20px;
	float: left;
}
footer a.logo {
    float: left;
    height: 63px;
    margin-right: 20px;
    width: 60px;
	background: url("http://static.publico.pt/files/framework/img/footer-logop.png") no-repeat top left;
}
footer a.logo:hover, footer a.logo:active {
    background-position: -60px 0;
}
#mastfoot a:link, #mastfoot a:visited {
    color: #666666;
    text-decoration: underline;
}
#mastfoot a:focus, #mastfoot a:hover, #mastfoot a:active {
    color: #999;
    text-decoration: none;
}
.publicobrand {
    font-weight: bold;
    text-transform: uppercase;
}

/*------- SLIDER -------*/
.mobile .coda-slider-wrapper{
	width: 199px;
}

/*------- RODAPÉ -------*/
#digital-rodape{
	width: 970px;
	height: 230px;
	margin: 0 auto;
	padding: 10px;
	background-color: #e5e5e2;
}
#digital-rodape #home{
	margin: 0 0 12px 10px;
	font-size: 40px;
}
#digital-rodape li{
	float: left;
	margin-right: 15px;
	width: 180px;
	text-align: center;
}
#digital-rodape li.last{
	margin-right: 0;
}
#digital-rodape li h2{
	font: bold 18px/30px 'PublicoMedium',Georgia,sans-serif;
	color: #e51b24;
}
#digital-rodape li a{
	color: #000;
	font: 12px/14px Arial, Helvetica, sans-serif;
}
#digital-rodape a:hover{
	text-decoration: none;
}

/*------- VIDEO -------*/
a.video{
	padding: 15px;
	background-color:#e94241;
	font: bold 16px/29px Arial, Helvetica, sans-serif;
	color: #FFF;
	float: right;
	text-decoration: none;
	margin-top: 10px;
}
a.video img{
	margin-left: 20px;
}
a:hover.video{
	background-color:#e51b24;
}