/* 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; font-family: helvetica;}

body { font-size:62.5%; font-family:Helvetica, sans-serif; color:#000; background: #ffffff; padding:0px 0px 0px 0px; width:100%;}

#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.error {color:red}
#posts span.ok {color:green}
#posts span.hidden {display:none}
#posts form.hidden {display:none}
a { color:#6baab1; text-decoration:none; text-decoration: none; transition-duration: 0.8s;}
a:hover { text-decoration:none; color: #da6767;  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-indent: -9999px; overflow: hidden;font-size:0; height:0;}

#container { margin: auto; width:100%; font-size:12px; ; background-color:; position:relative;  line-height:1.6; font-family: helvetica;}
#extras1 { float: right; width: 200px; margin-top: 50px; margin-right: 250px;}
#extras1 img {max-width:100%; height:auto;}
#extras1 embed, #extras1 object, #extras1 iframe {max-width:100%;}
#extraContent { width:570px; float:left; ; font-size:0.9em; background-color:#ffffff; box-shadow: 0px 4px 5px rgba(0,0,0,0.4); padding: 10px;}

.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: 0px; }
.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 0px 0px; width:1349px;}
#header h1 { font-size:3em; text-align: left; color:#000000; font-weight:bold; margin-bottom:5px; padding:10px 0px 0px 0px;}
#header p { color:#555555; font-size:0.8em; padding:10px 30px 20px 30px; text-align:left;}
#header a { text-decoration:none; padding:1px 3px; color:#000000;}
#header a:hover { color:#ffffff; text-decoration:none; background-color:#000000;}
#headerimg { background-image: url('https://c1.quickcachr.fotos.sapo.pt/i/oc501e493/17022709_laWfN.png'); background-position:top center; background-repeat:no-repeat; height: 250px; background-color:;}
#menu {font-size:.8em;}
#menu a, #menu a:link, #menu a:visited {color: #ffffff; text-decoration:none;}
#menu a:hover {text-decoration:none; }
#menu ul { list-style:none; line-height:2;}
#menu li { display:inline; padding:5px; background-color:#000000;}

#socialset { display:none}
#socialset ul {display:none:}
#socialset li {display:inline;}
#socialset a {float:right; margin:0px 5px 0px 0px; height:30px; }
#socialset #facebook {width:10px; display:block; background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -80px 0px;}
#socialset #facebook:hover {background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -80px -30px;}
#socialset #twitter {width:20px; display:block; background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -40px 1px;}
#socialset #twitter:hover {background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -40px -28px;}
#socialset #rss {width:20px; background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -2px 0px;}
#socialset #rss:hover {background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -2px -30px;}
#socialset #email {width:20px; background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -148px 0px;}
#socialset #email:hover {background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -148px -30px;}
#socialset #sapo {width:20px; background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -108px 0px;}
#socialset #sapo:hover {background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -108px -30px;}
#socialset #instagram {width:20px; background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -187px 0px;}
#socialset #instagram:hover {background: url(/images/templates/E10_Caixas/caixas_sprite2.png) no-repeat -187px -30px;}


#posts {width:550px; ; float:left; padding: 0px 30px 0px 0px; margin-top: 50px; margin-left: 300px; font-family: helvetica; text-align: justify; }
#posts h2 { font-family:arial; background-color: #da6767; padding: 5px; margin-bottom: 15px; 
font-size: 16px; 
color: #fff;
line-height: 20px;text-align: right;  text-transform: uppercase; }
#posts h2 a { text-decoration:none; color: #fff; }
#posts h2 a:hover { color:#f6f6f6; text-decoration:none; background-color: transparent;}
#posts .assinatura {display:none}
#posts h3 {position: absolute; text-indent: -9999px; overflow: hidden; font-size:0; height:0;}
#posts .posttexto {font-size:12px; background-color:#ffffff; padding:20px; box-shadow: 0px 3px 2px rgba(0,0,0,0.4); border: 5px #6baab1 solid;  font-family: helvetica; }
#posts img { margin:8px 0px; max-width:100%; height:auto;}
#posts .date { display:none;}
#posts ul, #posts ol { list-style-position:inside; margin-top: 8px; margin-bottom: 8px; }
#posts blockquote { text-indent:2em; background-color: #f6f6f6; padding: 5px; margin: 5px; border-left: 5px #da6767 solid }
#posts .tags { margin-top:16px; font-size:0.8em; line-height: 1.2; }
#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; 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.2; }
#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 { text-align: right; font-size: 10px: text-transform: uppercase; color:#000; text-indent:0; margin-top:0;}
#posts .author p.edit { font-size:0.9em;}
#posts .author em { font-size:1em; text-transform:none; background-color:#000000; padding:2px 4px; color:#ffffff;}
#posts .author ul { padding-top:0px; margin-left:-6px;}
#posts .author li { text-align:right; list-style:none; float:left; font-size:1.1em; padding:0px 6px 0px 6px; border-right:1px dotted #000;}
#posts .author li.last { border:none; text-align:right; }
#posts .author a { padding:0px;}
#posts .author a:hover { color:#da6767; background-color: #6baab1;  text-decoration:none; }
#posts .sharethis {margin-top:8px;}
#posts .separador {height:30px;}
#navtop {padding:0px 0px 30px 0px; margin-left: 250px; margin-top: 20px;}
.nav { margin-left:2em; }
.nav li { list-style:none; padding:5px; float:left; font-size:0.8em; font-weight:bold;}
.nav li.first {}
.nav li.last { border:none;}
.nav h2 { position: absolute; text-indent: -9999px; overflow: hidden; font-size:0; height:0; background-color:none}
.nav a { padding:5px; color:#000; background-color:#ffffff;}
.nav a:hover { color:#FFFFFF; text-decoration:none; background-color:#9f0400;}
#footer { margin:32px 0px; background-color:; padding:10px 10px 10px 0px;; line-height:1.5; color:#000000; text-transform: uppercase;}
#footer a, #footer a:link, #footer a:visited {color:#9f0400;}
#footer a:hover {color:#55b1a2;}

.extras { margin-bottom:24px; font-size:0.8em; text-transform: uppercase;}
.descri {font-weight:bold;}
.extras h2 {background: #da6767; padding: 5px; font.family: arial; 
text-transform: uppercase;
font-size: 16px; color: #fff;}
.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:#9f0400 ; text-decoration:none; padding:1px 3px;}
.extras a:hover { color:#ffffff; text-decoration:none; }
.extras a.logo { text-decoration:none; 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%; height:auto;}
.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 {padding:0px 4px 1px 4px; background-color:#ffffff; height:10px; width:104px; font-family:Helvetica,  sans-serif; color:#000000; border-bottom: 5px #da6767 solid; border-top: 1px dotted #000;  border-left: 1px dotted #000; border-right: 1px dotted #000; }
.buton { height:auto; text-align: center;
padding: 4px; 
font-size: 11px; border-bottom: 5px #da6767 solid; 
text-transform: uppercase;
color: #000; background-color: #6baab1; 
text-decoration: none; cursor:pointer;}
.buton:hover { cursor:pointer; color:#000;}

.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:none; background-color:transparent;}
.meses a:hover { text-decoration:none; 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:none; padding:0; color:#000; }
.arquivo a:hover { color:#433d37; text-decoration:none; padding:0; background-color:transparent;}

#comentarios { margin-top:2em; background-color:#ffffff; padding:20px; box-shadow: 0px 4px 3px rgba(0,0,0,0.4);}
#comentarios h2 {background: #da6767;
padding: 5px;
text-transform: uppercase;
font-size: 16px;
color: #fff;}
#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 h3, #comentarios h4 {display: block; position: relative; text-indent: 0px; height:auto; overflow: hidden; color:#000000; 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; color: #000000; }
#comentarios a:hover { color:#ffffff; text-decoration:none; background-color:#000000;}
.contact_form textarea {width:100%; height: 30px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px; margin:0 0 5px 0; color:#000; font-size:11px; border:1px solid #CCC; font-family:Helvetica, 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:#6baab1; 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; padding:5px; background-color:#ffffff;}
.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: 100px; font-family: helvetica; font-size: 12px; text-align: center; font-style: italic;  }
#postform fieldset {  padding: 5px 10px; margin-top: 20px; }
#postform fieldset legend { text-transform: uppercase; 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:25%}
#extras1 .form {width:60%;}
#extraContent { width:60%;}
.extras3 { width:190px;}
}

/*MOBILE 480px*/
@media screen and (min-width: 480px) and (max-width: 767px) {
body {padding:10px 0px 0px 0px;}
#container { width:90%; }
#headerimg {height:100px;}
#header h1 { font-size:2em; }
#extras1 { width:20%; border:none; float:left; padding:30px; margin:0px;}
#posts { width:60%; padding: 0px 15px 0px 15px;}
.calendar td { padding-right:1px; }
#extras1 .form {width:60%;}
#extraContent { width:60%;}
#search .form { width:80px;}
#search .buton { padding:0px 2px 2px 2px; height:20px;}
}

/*MOBILE 479*/
@media screen and (max-width: 479px) {
body {padding:10px 0px 0px 0px;}
#container { width:310px; padding:0px;}
#headerimg {height:100px;}
#header h1 { font-size:2em; }
#extras1 { width:210px; border:none; float:none; padding:30px; margin: 20px auto 0 auto;}
.calendar td { padding-right:1px; }
#extras1 .form {width:60%;}
#posts {width:90%; margin:auto; padding:0px; float:none;}
#extraContent { width:80%; float:none; margin:auto;}
#search .form { width:80px;}
#search .buton { padding:0px 2px 2px 2px; height:20px;}
}

