body { margin:10px; background: #ffffff; }
#posts .author .disabled_link {pointer-events: none;cursor: default;text-decoration: none;}
#posts span.message {margin: 0 0 0 5px ;}
#posts span.message img {margin: 0;}
#posts span.error {color:red}
#posts span.ok {color:green}
#posts span.hidden {display:none}
#posts form.hidden {display:none}form { margin:0; padding: 0; }
a, a:link, a:active {color:#6ea31b; text-decoration:underline;}
a:visited {color:#6ea31b; text-decoration:underline;}
a:hover {color:#666666; text-decoration:underline;}
p { margin:0px;}
.clear { clear: both; height: 0px; line-height: 0px; font-size: 1px;}
#container { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:740px; padding:15px; font-size:13px; color:#666; background: #ffffff; float: left; line-height:1.5;}
#header {background: url('https://imgs.sapo.pt/images/blogs/templates/default/top.jpg') no-repeat center; width:740px; background-color: ; height:136px; margin-bottom:18px;}
#header h1 { font-size:30px; font-weight:bold; margin:0px; color:#ffffff; padding:20px 0px 0px 20px; width:523px; text-align:left;}
#header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:active, #header h1 a:hover { color:#ffffff; text-decoration:none;}
#header .descri { font-size:13px; padding:0px 0px 0px 20px; color:#d1e38f; width:523px; text-align:left;}
#header .descri a, .descri a:link, .descri a:visited, .descri a:active, .descri a:hover { color:#d1e38f; text-decoration:underline;}
#extras { float:left; width:186px; padding:5px 10px 5px 10px; background-color:#ffffff;}
#extras h2 { font-size:18px; font-weight:normal; color:#999999; margin-bottom:5px;}
#extras p { color:#999; font-weight:bold;}
#extras p a, #extras p a:link, #extras p a:active { font-size:12px; color:#555555; text-decoration:underline; font-weight:normal;}
#extras p a:visited { color:#777777; text-decoration:underline;}
#extras p a:hover { color:#222222; text-decoration:underline;}
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 12px; }
#extras .sep {margin-bottom:20px;}
#extras .sepB {margin-bottom:5px; margin-top:5px;}

#profile img { border:1px solid #000; /*float:left;*/ margin-right:7px;}
#messenger img { border:0px solid #CCC;}
.buton { margin-top:5px; font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif; color: #ffffff; background: #6ea31b; border: 1px solid #999999;}
.form { font: normal 14px Trebuchet MS, Arial, Helvetica, sans-serif; color: #999999; background: #ffffff; border: 1px solid #999999; margin-top:5px; padding-left:3px; padding-right:3px;}
#calendar { text-align:center; background:#ffffff; }
#calendar .month { font-size:18px; color:#999999; text-align:left; padding:2px 3px;}
#calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:9px; color:#999999;}
#calendar .dayNum { font-size:10px; font-weight:bold; color:#999999; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .dayNum a, .dayNum a:link, .dayNum a:visited, .dayNum a:active { color:#ffffff; text-decoration:underline; background-color:#999999; padding:2px 3px; }
#calendar .dayNum a:hover { color:#ffffff; text-decoration:underline; background-color:#6ea31b; padding:2px 3px; }
#calendar .today { font-size:10px; font-weight:bold; color:#ffffff; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .today a, .today a:link, .today a:visited, .today a:active { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#6ea31b;}
#calendar .today span { color:#ffffff; padding:2px 3px; background-color:#6ea31b;}
#calendar .today  a:hover { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#999999;}
#barrita { text-align:center;}
#posts { float:right; width:483px; padding-right:0px;  color: #333333; font-size:14px; }
#posts .posttext {line-height:1.8;}
#posts .date { font-size:12px; font-weight:bold; color:#666666; text-transform:uppercase; margin-bottom:10px;}
#posts h2 { font-size:18px; font-weight:bold; color:#6ea31b; margin-bottom:10px;}
#posts h2 a, #posts h2 a:link, #posts h2 a:visited {text-decoration:none;}
#posts h2 a:hover {text-decoration:underline;}
#posts p { margin:0px 0px 5px 0px; color:#333333; font-size:14px; font-weight:normal;}
#posts p a, #posts p a:link, #posts p a:active {color:#6ea31b; text-decoration:underline; font-size:14px; font-weight:normal;}
#posts p a:visited {color:#6ea31b; text-decoration:underline;}
#posts p a:hover {color:#666666; text-decoration:underline;}
#posts img, #extras img {max-width:100%; height:auto;}
#posts .sign { font-size:12px; margin-top:15px; color:#666666;}
#posts .sep { width:483px; border-bottom:1px solid #cccccc; height:15px; margin-bottom:20px;}
#posts .sepB { margin-bottom:15px;}
#posts .otherInfo { margin:5px 0px; font-size:12px; color:#666666;}
#posts .nav { font-size:16px; text-align:center; padding-bottom:20px;}
#posts .nav2 { font-size:16px; text-align:right; padding-bottom:20px;}
.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:Trebuchet MS, Arial, Helvetica, sans-serif;}
.contact_form_send {background:#e9e9e9; padding:4px 7px 4px 7px; color:#444; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin: 0; outline:none; font-weight:normal; border:0;}
.contact_form_send:hover {background-color:#333; color:#fff;}
#comentar .title { font-size:16px; color:#6EA31B; font-weight:bold;}
#comentar .campo1 { float:left; width:40px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#6EA31B;}
#comentar .campo1B { float:left; width:50px; padding:12px 4px 3px 0px; font-weight:bold; font-size:11px; color:#666666;}
#comentar .campo1C { width:460px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#666666;}
#comentar .campo1D { float:left; padding:10px 4px 3px 0px; font-size:14px; font-weight:normal; color:#666666; width:460px;}
#comentar .campo1D .form {padding:1em; width:95%;}
#comentar .campo2 { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#666666; width:390px;}
#comentar .campo2 em { font-style:normal; font-weight:bold; color:#666666; font-size:13px;}
#comentar .campo2B { padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#666666;}
#comentar .campo2C { width:390px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#666666;}
#comentar .campo2C em { font-style:normal; font-weight:bold; color:#666666;}
#comentar .campo2D { padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#666666;}
#comentar .campo2D em { font-style:normal; font-weight:bold; color:#666666;}
#comentar p { margin:0px; color:#666; font-weight:bold; font-size:16px;}
#comentar p a, #comentar p a:link, #comentar p a:visited, #comentar p a:active { color:#666; text-decoration:underline; font-weight:bold; font-size:16px;}
#comentar p a:hover {color:#6EA31B; text-decoration:underline;}
#comentar .txt {color:#666666; font-size:13px;}
#comentar .options {font-size:11px;}
#comentar2 { margin-left:30px;}
#comentar2 .campo1C { width:430px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar2 .campo2C { width:360px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar3 { margin-left:60px;}
#comentar3 .campo1C { width:400px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar3 .campo2C { width:330px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar4 { margin-left:90px;}
#comentar4 .campo1C { width:370px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar4 .campo2C { width:300px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar5 { margin-left:120px;}
#comentar5 .campo1C { width:340px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar5 .campo2C { width:270px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
/*SEARCH RESULTS*/
#pesquisa { margin-bottom: 20px;line-height: 25px; }
#pesquisa .campo1B { width: 65px; float:left; }
#pesquisa .campo2B { float:left; }
#pesquisa .campo3B { margin-left: 65px; float:left; }
#searchResults .quantos { color:#333333; font-size:10px;}
#searchResults .pesquisapor { font-size:11px; font-weight:bold;}
#searchResults .pesquisapor a, .pesquisapor a:link, .pesquisapor a:visited, .pesquisapor a:active{  text-decoration:underline; font-weight:bold; font-size:11px;}
#searchResults .pesquisapor a:hover {  text-decoration:underline;}
#results li { list-style-type:decimal; font-size:14px; font-weight:bold; margin:0px 0px 15px 0px;}
/*title*/#results h1 { margin:0px; font-size:18px; color:#6ea31b;}
#results h1 a, #results h1 a:link, #results h1 a:visited, #results h1 a:active{color:#6ea31b; text-decoration:none; font-weight:bold; font-size:14px;}
#results h1 a:hover { color:#6ea31b; text-decoration:underline;}
/*data e autor*/#results h2 { margin:0px; font-size:12px; color:#666666; font-weight:normal;}
/*texto*/#results p { margin:0px; font-weight:normal; font-size:14px;}
/*highlight*/#results em { font-weight:bold; font-style:normal;}
/*url*/#results h3 { margin:0px; font-size:12px; font-weight:normal; }
#results h3 a, #results h3 a:link, #results h3 a:visited, #results h3 a:active{ text-decoration:underline; font-weight:normal; font-size:11px;}
#results h3 a:hover { text-decoration:underline;}
#navega p{ text-decoration:none; float:right; margin:0px 0px 25px 0px; padding:2px 4px 2px 4px; font-size:16px; font-weight:bold; text-transform:uppercase;}
#navega p a, #navega p a:link, #navega p a:visited, #navega p a:active { text-decoration:none; padding:2px 4px 2px 4px; font-weight:bold; font-size:16px;}
#navega p a:hover { text-decoration:none; padding:2px 4px 2px 4px; background-color:#E1E1D2;}
#navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; border:solid 1px #E1E1D2;}
/*ADWORDS*/
#adw {font-size:10px; margin-bottom:20px; width:150px;}
#adw #adwtop * p {color:#999999;}#adw #adwcont .adwtit a {color:#555555; text-decoration:underline;}
#adw #adwcont .adwtit .title {color:#555555; text-decoration:underline; font-size:10px;}
#adw #adwsub {display:none;}
#adw #adwcont .adwtit {font-weight:normal;}
#adw #adwcont .adwtit a:hover, #adw #adwsub a:hover, #adw #adwcont
.urlbot a:hover {color:#222222; text-decoration:underline;}
#adw #adwcont .urlbot a, .urlbot a:link,.urlbot a:visited,.urlbot
a:active {color:#555555; text-decoration:underline;}
#adw #adwcont #adwad4, #adw #adwcont #adwad5, #adw #adwtop #adwright,
#adw #adwbot, #adw #adwcont .s {display:none;}
#adw .pos {display:none;}
#adw .url {display:none;}
#adw .adwline {margin-bottom:10px;}

#rss p {line-height: normal; margin-bottom: 3px;}
#rss img {vertical-align: text-bottom;}
#posts, #extras { overflow: hidden; }
#extras .comment a { color: #555555; }
#extras .comment a:hover { color: #222222; }

/*MOBILE*/
@media screen and (max-width: 780px) {
#container {width:95%; padding:0px;}
#header {width:95%; background:none; height:100%;}
#header h1 {width:auto;}
#header h1 a, #header h1 a:link, #header h1 a:visited, #header .descri {color:#444;}
#header .descri {width:auto;}
#posts {width:95%; float:none; margin:auto; font-size:medium;}
#posts h2 {font-size:x-large;}
#posts .posttext, #posts .posttext p{font-size:medium;}
#comentar .campo1D {width:95%;}
#comentar .campo1D .form {font-size:medium; padding:0.3em; width:95%;}
#posts .sep {width:90%;}
#extras {width:90%; float:none; margin:auto;}
}

