/* CSS RESET */
html, body, div, h1, h2, h3, h4, h5, h6, hr, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, span, fieldset, table, th, td, input, img { margin: 0; padding: 0; outline:none; font-weight:normal; border:0;}

body { font-size:62.5%; font-family:Helvetica, Arial, sans-serif; color:#433d37; background: #e9e9e9;; padding:60px 0px 0px 0px; }

a { color:#4a5fe1; text-decoration:underline;}
a:hover { text-decoration:none;}
hr { position: absolute; text-indent: -9999px; overflow: hidden; font-size:0; height:0;}
legend {position: absolute; text-indent: -9999px; overflow: hidden;}
abbr { border:0; padding:0; margin:0;}
.assistencia {position: absolute; left:0px; top:-500px;}
.assistencia a, .assistencia a:hover, .assistencia a:visited { width:1px; height:1px; overflow:hidden; }
.assistencia a:active, .assistencia a:focus { position: absolute; left:0px; top:510px; width: auto; height: auto; border:1px solid #999; background:#fff; padding:3px;}

.clearRight { clear:right;}
.clearLeft { clear:left;}
.clear { clear:both;}
.hide {position: absolute; top: -9999px; overflow: hidden;}

#container { margin: auto; width:860px; font-size:1.6em; background: #ffffff;; box-shadow: 0px 0px 20px #cccccc; line-height:1.5;}
#extras1 { width:200px; float:right; overflow: hidden; padding: 0px 30px 0px 30px;}
#extraContent { width:540px; padding: 0px 30px 0px 30px; float:left;}

.extras3 { width:211px; padding:0 8px; float:left; margin-top:1em; font-size:0.8em; height:160px;}
.extras3 a {padding:1px 3px;}
.anos h2 {position: absolute; text-indent: -9999px; overflow: hidden; font-size:0; height:0;}
.anos h3 {color:#666; font-weight:bold; font-size:0.8em; float:left; height:50px; width:70px;}
.anos li {list-style:none; float:left; font-size:0.9em; padding:0px 4px; border-right:1px solid #666; margin-bottom:4px;}
.anos li.last { border:none;}
.anos a { text-decoration:none; padding:0 2px;}
.anos a:hover { background-color:#666; color:#FFFFFF;}
.activo { font-weight:bold; background-color:#666; color:#FFFFFF;}

#header { margin:0px 0px 10px 0px; padding:0px; background-color:#ffffff; height: 0px; position:relative; background-image: url(); background-position:top center; background-repeat:no-repeat;}
#header .argolas {background-image: url(https://imgs.sapo.pt/images/blogs/templates/E10_Caderno/caderno_argolas.png); background-position:top left; background-repeat:repeat-x; width:100%; position:absolute; top:-18px; left:0px; height:60px;}
#headersep {height:40px;}
#cabecalho h1 { font-size:2em; text-align: left; color:#000000; font-weight:bold; margin:0px 0px 5px 0px; }
.titulo {padding:10px 0px 0px 30px;}
#cabecalho p { color:#555555; font-size:0.8em; text-align: left; line-height:1.4; padding:10px 30px 20px 30px; }
#cabecalho a { text-decoration:none; padding:0px; color:#000000;}
#cabecalho a:hover { text-decoration:none; border-bottom:1px dotted #000000;}
#menu { padding:10px 10px 10px 30px; margin-bottom:30px;}
#menu a, #menu a:link, #menu a:visited {color: #ffffff; text-decoration:none;}
#menu a:hover {text-decoration:underline;}
#menu ul { list-style:none; line-height:2;}
#menu li { display:inline; padding:5px; background:#000000;}

#posts {width:540px; ; float:left; overflow: hidden; padding: 0px 30px 0px 30px;}
#posts h2 { font-size:1.2em; color:#111111; font-weight:bold; line-height:1.3; margin: 0 0 10px 0;}
#posts h2 a { text-decoration:none; color: #111111; }
#posts h2 a:hover { text-decoration:underline; }
#posts h3 {position: absolute; text-indent: -9999px; overflow: hidden; font-size:0; height:0;}
#posts .posttext {font-size:0.9em; line-height:1.6;}
#posts p { margin-top:8px; margin-bottom:8px; }
#posts img { margin:8px 0px; max-width:100%; height:auto;}
#posts .date { font-size:0.7em; color:#555555; margin-bottom:8px;}
#posts ul, #posts ol { list-style-position:inside; margin-top: 8px; margin-bottom: 8px; }
#posts blockquote { text-indent:2em; font-style:italic;}
#posts .tags { margin-top:16px; font-size:0.8em; line-height: 1.1em; }
#posts .tags li { list-style:none; float:left; font-size:1em; padding:0px 3px; border-right:1px solid #000;}
#posts .tags li.last { border:none;}
#posts .tags p { color:#000; font-weight:bold; float:left; text-indent:0; margin-top:0;}
#posts .tags a { padding:0px 3px;}
#posts .tags a:hover { color:#FFFFFF; text-decoration:none; background-color:#000;}
#posts .metadata { margin-top:16px; font-size:0.8em; color: #555555; line-height: 1.1em; }
#posts .metadata li { list-style:none; float:left; font-size:1em; padding:0px 3px;}
#posts .metadata p { /*color:#000;*/ font-weight:bold; float:left; text-indent:0; margin-top:0;}
#posts .metadata img { margin: 0; padding: 0 3px; vertical-align: top; margin-top: -12px }
#posts .author {margin-top:16px; font-size:0.8em;}
#posts .author p { color:#555555; text-indent:0; margin-top:0;}
#posts .author p.edit { font-size:0.9em;}
#posts .author em { font-size:1em; text-transform:none;}
#posts .author ul { padding-top:0px; margin-left:-6px;}
#posts .author li { list-style:none; float:left; font-size:1.1em; padding:0px 6px 0px 6px; border-right:1px solid #000;}
#posts .author li.last { border:none;}
#posts .author a { padding:0px;}
#posts .author a:hover {text-decoration:none;}
#posts .sharethis {margin-top:8px;}
#posts .separador {height:3em;}
#posts .author .disabled_link {pointer-events: none;cursor: default;text-decoration: none;}
#posts span.message {margin: 0;}
#posts span.message img {margin: 0;}
#posts span.fade {display:none\9; /* IE 8 and below */ opacity: 0;transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-webkit-transition: opacity 1s ease-in-out;}
#posts span.error {color:red}
#posts span.ok {color:green}
#posts span.hidden {display:none}
#posts form.hidden {display:none}
#navtop {padding:0px 30px 30px 30px;}
.nav { margin-top:2em; }
.nav li { list-style:none; float:left; font-size:0.8em; padding:0px 4px; border-right:1px solid #000; font-weight:bold;}
.nav li.first { padding-left:0px; margin-left:-4px;}
.nav li.last { border:none;}
.nav h2 { position: absolute; text-indent: -9999px; overflow: hidden; font-size:0; height:0;}
.nav a { padding:1px 4px; color:#000;}
.nav a:hover { color:#FFFFFF; text-decoration:none; background-color:#000;}
#footer { margin:32px 0px; border-top:4px solid #000; background-color:#444444; padding:20px 20px 20px 20px; line-height:1.5; color:#bebebe;}
#footer a, #footer a:link, #footer a:visited {color:#bebebe; text-decoration:underline;}
#footer a:hover {text-decoration:none;}

.extras { margin-bottom:24px; font-size:0.8em; line-height:1.5;}
.extras h2 {font-size:1.1em; color:#000000; font-weight:bold; margin-bottom:10px;}
.extras ul {list-style:square;}
.extras li { float:none; font-size:1em; padding:2px 0px 0px 0px; border:none; list-style-position:inside;}
.extras li.sep { list-style:none; height:8px; padding:0;}
.extras a { color:#433d37; text-decoration:underline; padding:1px 3px;}
.extras a:hover { text-decoration:none;}
.extras a.logo { text-decoration:underline; background-color:none; background:none; }
.extras h3 {font-size:0.9em; color:#444444; font-weight:bold; padding-top:4px; }
.extras label {position: absolute; text-indent: -9999px; overflow: hidden;}
.extras embed, .extras object, .extras iframe {max-width:100%;}
.coment li { list-style:url(https://imgs.sapo.pt/images/blogs/templates/comentar.gif); list-style-position:inside; margin-top:12px;}
.coment li p { font-size:0.9em; margin-top:5px;}
.rss li {list-style:url(https://imgs.sapo.pt/images/blogs/rss_mini.gif); list-style-position:inside; padding-top:2px;}

.form { border:1px solid #433d37; padding:0px 4px 1px 4px; background-color:#ffffff; width:104px; font-family:Helvetica, Arial, sans-serif; color:#000000;}
.buton { border:1px dotted transparent; background-color:#000000; color:#ffffff; height:20px; padding:0px 2px 2px 2px; font-weight:bold; cursor:pointer;}
.buton:hover { cursor:pointer; background-color:#ffffff; border:1px solid #000000; color:#000000;}

.calendar h2 {position: absolute; text-indent: -9999px; overflow: hidden; font-size:0; height:0;}
.calendar h3 {font-size:1.1em; color:#000000; font-weight:bold;}
.calendar td { width:20px; padding-right:2px; text-align:center; height:18px;}
.calendar a {color:#ffffff; background-color:#000000; text-decoration:none;}
.calendar a:hover {font-weight:bold; color: #ffffff; background-color:#433d37;}
.meses li { list-style:none; font-size:1em;}
.meses li.first { float:left;}
.meses li.last { float:right;}
.meses a {  color:#000 !important; text-decoration:underline; background-color:transparent;}
.meses a:hover { text-decoration:underline; color:#433d37 !important; background-color:transparent; font-weight:normal;}

.arquivo ol { list-style:none;}
.arquivo li { width:7px; text-align:center; padding:0; display:inline;}
.arquivo li.anos { text-align:left; font-weight:bold; padding-top:3px; font-size:0.9em; color:#000; display:block; }
.arquivo a { text-decoration:underline; padding:0; color:#000; }
.arquivo a:hover { color:#433d37; text-decoration:underline; padding:0; background-color:transparent;}

#comentarios { margin-top:2em;}
#comentarios h2 {font-size:1em; color:#000; font-weight:bold; border-bottom:1px solid #000;}
#comentarios .discussao { border-bottom:1px solid #000; margin-bottom:0.5em;}
#comentarios .comentario { margin-top:8px; margin-bottom:16px;}
#comentarios .subcomentario {padding-left:8px; margin:0.5em 0 1em 2em; border-left:2px solid #000;}
#comentarios .subsub {padding-left:8px; margin:0.5em 0 1em 4em; border-left:2px solid #000;}
#comentarios p { margin-bottom:4px;}
#comentarios div { padding:4px 0px;}
#comentarios .nicEdit-panel div {padding:0;}
#comentarios h3, #comentarios h4 {display: block; position: relative; text-indent: 0px; height:auto; overflow: hidden; font-weight:bold; font-size:0.8em;}
#comentarios li { list-style:none; float:left; font-size:0.8em; padding:0px 3px; border-right:1px solid #000;}
#comentarios li.first { padding-left:0px; margin-left:-3px;}
#comentarios li.last { border:none;}
#comentarios a { padding:1px 3px; }
#comentarios a:hover { text-decoration:none;}
#comentarios .buttons .buton {padding:6px 6px 6px 6px; font-size:medium; height:auto; font-weight:normal;}
#comentarios .buttons .buton#checkCommentOrto {color:#787878; background:#CCC;}
#container #comentarios-ink #commenttext {max-width:95%;}

.contact_form textarea {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:100px; padding:10px; margin:0 0 5px 0; color:#000; font-size:medium; border:1px solid #CCC; font-family:Helvetica, Arial, sans-serif;}
.contact_form input[type='text'] {padding: 4px;margin: 0 0 5px 0;font-size: medium;border: 1px solid #CCC;font-family: Helvetica, Arial, sans-serif;}
.contact_form_send {background:#e9e9e9; padding:4px 7px 4px 7px; color:#444; font-family:Helvetica, Arial, sans-serif;}
.contact_form_send:hover {background-color:#333; color:#fff;}

#search label { font-weight:bold; color:#000; width:99px; padding-right:4px; }
#search label.sec { font-size:0.8em; text-transform:none; font-weight:normal; color:#433d37; display:block; margin-left:103px; width:auto;}
#search .form { width:250px; margin-bottom:8px;}
#search .buton { padding:0px 16px 2px 16px; height:21px;}
#search ol { margin-top:1em; list-style-position:outside; margin-left:20px;}
#search ul { margin-top:1em; list-style-position:outside; margin-left:20px;}
#search li { list-style-type:none; margin-bottom:18px; font-weight:bold; color:#000; font-size:0.9em;}
#search li span { margin-left: -20px; font-weight: bold; }
#search em { color:#666; font-size:0.9em; font-weight:normal; font-style:normal; text-transform:none; display:block;}
#search .excerpt { font-weight:normal; text-transform:none; color:#433d37; margin-top:10px;}
#search .excerpt em { font-weight:bold; text-transform:none; display:inline; background-color:#666; color:#FFFFFF; padding: 0 3px; }
#search a { text-decoration:none; padding:1px 3px 1px 0px;}
#search a:hover { background-color:#000; color:#FFFFFF;}
#search h2 {position: absolute; text-indent: -9999px; overflow: hidden; font-size:0; height:0;}
#search h3 {font-size:1em; color:#000; font-weight:bold; border-bottom:1px solid #000;}
#search fieldset { margin-bottom:1em;}

.pages { float:right;}
.pages ul {display:inline; }
.pages li { list-style:none !important; float:left; font-size:0.8em; padding:0px 3px; border-right:1px solid #000;}
.pages li.first { padding-left:0px; margin-left:-3px;}
.pages li.last { border:none;}
.pages h4  {color:#000; font-weight:bold; font-size:0.8em;}

#tagcloud h2 {font-size:1em; color:#000; font-weight:bold; border-bottom:1px solid #000;}
#tagcloud p { margin: 4px 0; }
#tagcloud ul { margin: 4px 0; }
#tagcloud li { list-style:none; display:inline; padding:2px 3px; border:none;}
#tagcloud li.xs {font-size:1em;}
#tagcloud li.s {font-size:1.2em;}
#tagcloud li.m {font-size:1.4em;}
#tagcloud li.l {font-size:1.6em;}
#tagcloud li.xl {font-size:1.8em;}
#tagcloud a {border:1px solid transparent; text-decoration:none; display:inline; color:#000; padding:1px 3px;}
#tagcloud a:hover { background-color:#000; color:#FFFFFF; }

#reply { margin-top: 2em; }
#postform { color: #555555; }
#postform input.form { height: 1.2em; width: 200px; font-size: 1.2em; }
#postform #commenttext { width: 95%; height: 200px; }
#postform fieldset { border: 1px solid; padding: 5px 10px; margin-top: 20px; }
#postform fieldset legend { overflow: auto; position: relative; text-indent: 0; }
#postform label { padding: 0 5px; }
#postform label.input_label { display: block; float: left; width: 80px; text-align: right; }
#postform #guest_remember, #postform #logincheck { margin-left: 85px; }
#postform .screening { padding-left: 20px; }
#postform .create_blog { padding-left: 20px; font-style: italic; font-size: 0.8em; }
#postform .captcha img { width: 175px; height: 35px; vertical-align: top; padding-left: 10px; }
#commentarea div { margin:0; padding: 0; }
#commentarea .form { height: auto; }

/*MOBILE 1024px*/
@media screen and (min-width: 768px) and (max-width: 983px) {
#container {width:95%;}
#posts {width:60%;}
#extras1 {width:20%}
#extras1 .form {width:60%;}
#extraContent { width:60%;}
.extras3 { width:190px;}
}

/*MOBILE 767px*/
@media screen and (min-width: 480px) and (max-width: 767px) {
body {padding:30px 0px 0px 0px;} 
#header .argolas {top:-15px;}
#container { width:95%;}
#cabecalho h1 { font-size:2em; }
#extras1 { width:25%; border:none; float:left; padding:0px 25px 0px 0px; margin:0px;}
.calendar td { padding-right:1px; }
#extras1 .form {width:60%;}
#posts { width:60%; padding:0px 20px 0px 20px;}
#extraContent { width:60%;}
#search .form { width:80px;}
#search .buton { padding:0px 2px 2px 2px; height:20px;}
}

/*MOBILE 480*/
@media screen and (max-width: 479px) {
body {padding:20px 0px 0px 0px;} 
#container { width:310px; box-shadow:0px 0px 10px #CCC; }
#cabecalho h1 { font-size:2em; }
#posts {width:80%;}
#extras1 { width:210px; border:none; float:none; padding:25px 0px 0px 0px; margin: auto;}
.calendar td { padding-right:1px; }
#extras1 .form {width:60%;}
#extraContent { width:80%;}
#search .form { width:80px;}
#search .buton { padding:0px 2px 2px 2px; height:20px;}
}