body { margin:0px 10px 0px 10px; background: #fbff99; }
form { margin:0; padding: 0; }
a, a:link, a:active {color:#3e424a; text-decoration:underline;}
a:visited { color:#3e424a; text-decoration:underline;}
a:hover {color:#7c808c; text-decoration:none;}
p { margin:0px;}
.clear { clear: both; height: 0px; line-height: 0px; font-size: 1px;}
#container { font-family:Georgia, Times New Roman, Times, serif; width:780px; font-size:13px; color:#7C808C; background: #fbff99; margin: auto; margin-top: 30px; padding: 20px; }
#header {width:780px; height:100px; margin-bottom:60px; ; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
#header .title { font-family:Georgia, Times New Roman, Times, serif; font-size:36px; color:#1c1184; padding-top:10px; text-align:center; text-transform: uppercase; letter-spacing: 1px; padding: 20px 0 0 0; margin-bottom: 6px; }
#header .title a, #header .title a:link, #header .title a:visited, #header .title a:active, #header .title a:hover{ color:#1c1184; text-decoration:none;}
#header .descri { color:#1c1184; text-align:center; font-size:13px;}
#header .descri a, .descri a:link, .descri a:visited, .descri a:active, .descri a:hover { color:#1c1184; text-decoration:underline;}
#footer {width:780px; margin-bottom:20px; ; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 20px 0 20px 0; text-align: center; font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; }
#footer p { margin: 0; padding: 0; }
#extras { float:right; width:210px; /*padding-right:4px;*/ padding-left: 30px; background-color:transparent; border-left: 1px solid #CCCCCC; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif;   }
#extras .title { font-size:12px; color:#bebebe; font-style: italic; margin-bottom: 3px; font-family: Georgia, Times New Roman, Times, serif; }
#extras a, #extras a:link, #extras a:active{ font-size:14px; color:#9d9fa5; text-decoration:underline; font-weight:normal;}
#extras a:visited { color:#9d9fa5; text-decoration:underline;}
#extras a:hover { color:#787a80; text-decoration:underline;}
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 14px; }
#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 Georgia, Times New Roman, Times, serif; color: #ffffff; background: #b8bbc2; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #787a80; border-right-color: #787a80; border-bottom-color: #787a80; border-left-color: #787a80;}
.form { font: normal 14px Georgia, Times New Roman, Times, serif; color: #787a80; background: #ffffff; border: 1px solid #787a80; margin-top:5px; padding-left:3px; padding-right:3px;}
#pesquisa .form {font-size:12px; padding:0.1em;}
#pesquisa .searchbox {background: url(https://imgs.sapo.pt/images/blogs/templates/e6_notas_soltas/a4_pesquisa.png) no-repeat top left; height:17px; width:155px; border:0px; padding-left:10px; padding-top:4px;}
#calendar { text-align:center;}
#calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:8px; color:#787a80;}
#calendar .dayNum { font-size:10px; font-weight:bold; color:#787a80; 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:#b8bbc2; padding:2px 3px; }
#calendar .dayNum a:hover { color:#ffffff; text-decoration:underline; background-color:#787a80; 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:#787a80;}
#calendar .today span { color:#ffffff; padding:2px 3px; background-color:#787a80;}
#calendar .today  a:hover{ color:#787a80; text-decoration:underline; padding:2px 3px; background-color:#b8bbc2;}
#barrita { text-align:center;}
#posts { float:left; width:490px; /*padding-left:18px;*/ padding-left: 0; font-size:14px;line-height: 1.6em; color:#333333; font-family:Georgia, Times New Roman, Times, serif;  }
#posts .date { font-size:13px; font-style: italic; margin-bottom:10px; color:#9a9ea8; float: right; }
#posts .title { font-size:13px; text-transform: uppercase; letter-spacing: 2px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#3e424a; margin-bottom:10px;}
#posts .title a, #posts .title a:link, #posts .title a:visited { color: #3e424a; text-decoration: none; }
#posts .title a:hover { color: #8B8C8F; text-decoration: none; }
#posts .posttext {line-height:1.8;}
#posts p { margin:0px 0px 5px 0px; color:#333333; font-size:14px; font-weight:normal; }
#posts a, #posts a:link, #posts a:active {color:#0042ff; /*text-decoration:underline; font-size:14px; font-weight:normal; */ }
#posts a:visited {color:#0042ff; /*text-decoration:underline;*/ }
#posts a:hover {color:#0042ff; /*text-decoration:underline;*/ }
#posts .sign a, #posts .sign a:link, #posts .sign a:visited { color: #444444; }
#posts .sign { font-family: Arial, Helvetica, sans-serif; font-size:11px; margin-top:15px; color:#9a9ea8; text-align: center; border-top: 1px solid #CCCCCC; }
#posts .sep { height:15px; margin-bottom:20px;}
#posts .sepB { margin-bottom:45px;}
#posts .otherInfo { font-family: Arial, Helvetica, sans-serif; margin:5px 0px; font-size:11px; color:#7c808c;}
#posts .otherInfo a, #posts .otherInfo a:link, #posts .otherInfo a:visited { color: #444444; }
#posts .nav { font-size:14px; text-align:center; padding-bottom:20px;}
#posts .nav2 { font-size:14px; text-align:right; padding-bottom:20px;}
#comentar .title { font-size:16px; color:#3E424A; font-weight:bold;}
#comentar .campo1 { float:left; width:55px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#3E424A;}
#comentar .campo1B { float:left; width:65px; padding:12px 4px 3px 0px; font-weight:bold; font-size:11px; color:#7c808c;}
#comentar .campo1C { width:475px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#555555;}
#comentar .campo1D { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#7c808c; width:475px;}
#comentar .campo2 { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#7c808c; width:390px;}
#comentar .campo2 em { font-style:normal; font-weight:bold; color:#7c808c; font-size:13px;}
#comentar .campo2B { padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#7c808c;}
#comentar .campo2C { width:390px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#555555;}
#comentar .campo2C em { font-style:normal; font-weight:bold; color:#555555;}
#comentar .campo2D { padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#555555;}
#comentar .campo2D em { font-style:normal; font-weight:bold; color:#555555;}
#comentar p { margin:0px; color:#7C808C; font-weight:bold; font-size:16px;}
#comentar p a, #comentar p a:link, #comentar p a:visited, #comentar p a:active { color:#7C808C; text-decoration:underline; font-weight:bold; font-size:16px;}
#comentar p a:hover {color:#3E424A; text-decoration:underline;}
#comentar .txt {color:#555555; font-size:13px;}
#comentar .options {font-size:11px;}
#comentar2 { margin-left:30px;}
#comentar2 .campo1C { width:445px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#555555;}
#comentar2 .campo2C { width:360px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#555555;}
#comentar3 { margin-left:60px;}
#comentar3 .campo1C { width:415px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#555555;}
#comentar3 .campo2C { width:330px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#555555;}
#comentar4 { margin-left:90px;}
#comentar4 .campo1C { width:385px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#555555;}
#comentar4 .campo2C { width:300px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#555555;}
#comentar5 { margin-left:120px;}
#comentar5 .campo1C { width:355px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#555555;}
#comentar5 .campo2C { width:270px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#555555;}
/*SEARCH RESULTS*/
#pesquisa { margin-bottom: 20px;line-height: 25px; }
#pesquisa .campo1B { width: 65px; float:left; }
#pesquisa .campo2B { float:left; }
#pesquisa .campo3B { 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:13px; color:#3e424a;}
#results h1 a, h1 a:link, h1 a:visited, h1 a:active{color:#3e424a; text-decoration:none; font-weight:bold; font-size:14px;}
#results h1 a:hover { color:#3e424a; text-decoration:underline;}
/*data e autor*/#results h2 { margin:0px; font-size:11px; color:#9a9ea8; 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:11px; font-weight:normal; }
#results h3 a, h3 a:link, h3 a:visited, 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:14px; 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:14px;}
#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;}
#extras .comment a { color: #9d9fa5; }
#extras .comment a:hover { color: #787a80; }

@media only screen and (max-width: 800px) {

body { padding:0.5em;}
#container {width: 100%; font-size:medium; margin:0 auto; padding:0;}
#header {width: 95%;}
#header .title {padding:0;}
#header {margin-bottom:15px; height:auto; padding:1em 0;}
#header .descri {margin:0;}
#posts {float:none; width:90%; margin: auto; padding:1em; font-size:medium;}
#posts .date {float:none;}
#posts .title {font-size:large; margin-bottom:1.2em;}
#posts p {font-size:medium;}
#posts img, #extras img {max-width:100%; height:auto;}
#posts .sep {margin-bottom:5px;}
#comentar .campo2, #comentar .campo1D {width:95%;}
#comentar .campo1D .form {font-size:medium; padding:0.3em; width:95%;}
#comentar .campo1D .buton {font-size:medium;}
#posts .sign {margin-top:5px; font-size:medium;}
#posts .sep {width:100%;}
#posts .sepB {margin-bottom:15px;}
#extras {float:none; font-size:medium;}
#extras p a, #extras p a:link, #extras p a:visited, #extras p {font-size:medium;}
#footer {width:100%;}
}