/* 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;}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 29, 2012 10:29:45 AM America/New_York */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/images/templates/E10_Desacerto/league/league_gothic-webfont.eot');
    src: url('/images/templates/E10_Desacerto/league/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/templates/E10_Desacerto/league/league_gothic-webfont.woff') format('woff'),
         url('/images/templates/E10_Desacerto/league/league_gothic-webfont.ttf') format('truetype'),
         url('/images/templates/E10_Desacerto/league/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body { padding:0px 0px 30px 0px; font-size:62.5%; font-family:Helvetica, Arial, sans-serif; color:#000000; background: #ebf9ff; }

#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}

a { color:#5090b1; 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; text-indent: -9999px; overflow: hidden;}

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

#headertop {background-color:#72b0d0; font-size:1.6em; height:160px;}
#menutop {height:30px; background-color:#222222;}

#container {  background: #ffffff;; margin-top:10px; margin: auto; width:1024px; font-size:1.6em; margin-top:-190px; box-shadow:0px 0px 20px rgba(0,0,0,0.5); background-color:#ffffff;}
#extras1 { width:200px; float:left; padding:20px 10px 10px 20px; overflow: hidden;}
#extras2 { width:200px; float:right; padding:20px 20px 10px 10px; overflow: hidden;}
#extraContent { margin-top:2em; width:500px; float:left; padding:0px 20px 20px 20px;}
.barrita {margin: 2em 0 2em 0;}
.barrita .extras {border-bottom:none; line-height:1.5; padding-bottom:0px; margin-bottom:0px;}
.barrita .extras h2 {font-weight:normal;}

.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:#333333; font-weight:bold; text-transform:uppercase; 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 #333333; margin-bottom:4px;}
.anos li.last { border:none;}
.anos a { text-decoration:none; padding:0 2px;}
.anos a:hover { background-color:#333333; color:#FFFFFF;}
.activo { font-weight:bold; background-color:#333333; color:#FFFFFF;}

#header { padding:0px; clear:both; height:150px; background: #72b0d0;; background-color: #72b0d0;}
#header h1 { font-size:3em; text-align: center; color:#ffffff; padding: 30px 20px 0px 20px; font-family: Arial, Helvetica, sans-serif;}
#header .descricao {padding:10px 20px 20px 20px; color:#ffffff; font-size:0.8em; text-align: center; line-height:1.5;}
#header a { text-decoration:none; padding:1px 3px; color:#ffffff;}
#header a:hover { text-decoration:underline; color:#ffffff;}
#menuwrap {margin-bottom:20px;}
#menuwrap #pesquisar {float:right; margin:4px; padding:1px 10px 1px 10px; background:#fff; border-radius:20px; box-shadow: inset 1px -1px 5px #ABABAB;}
#pesquisar .buton {background:transparent; padding:0px; margin:0px; }
#menuwrap #pesquisar .form {padding:0px; margin:0px; height:22px; width:120px; border:none; background:transparent;}
#menuwrap .left {float:left; height:22px;}
#menuwrap .right {float:right; height:22px;}
#menuwrap {background-color:#222222; padding:0px 10px 0px 10px;}
#menu { padding:0px; width:80%; float:left;}
#menu a, #menu a:link, #menu a:visited {color: #999999; padding:3px 5px 3px 5px; border-radius:0px; text-decoration:none;}
#menu a:hover {text-decoration:none; color:#000000; background-color:#72b0d0}
#menu ul { list-style:none; line-height:2;}
#menu li { display:inline;}
.extrasimg {background: url() no-repeat -690px -210px; width:100%; height:200px; margin-bottom:15px;}

#posts { width:500px;  float:left; padding:0px 20px 20px 20px; overflow:hidden;}
#posts .posttexto {padding:5px; background-color:#ffffff;}
#posts h2 { font-size:1.8em; color:#111111; padding-bottom:0.1em; text-align:center; font-family: LeagueGothicRegular, Helvetica, Arial, sans-serif;}
#posts h2 a { text-decoration:none; color: #111111; }
#posts h2 a:hover { color:#111111; text-decoration:underline;}
#posts h3 {position: absolute; text-indent: -9999px; overflow: hidden; font-size:0; height:0;}
#posts .printtext {font-size:0.9em; line-height:1.5; margin-top:1em;}
#posts img { margin:8px 0px; max-width:100%; height:auto;}
#posts .date { font-size:0.8em; color:#777777; margin-top:0.2em; text-align:center;}
#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 #000000;}
#posts .tags li.last { border:none;}
#posts .tags p { color:#000000; font-weight:bold; float:left; text-indent:0; margin-top:0;}
#posts .tags a { padding:0px 3px; text-decoration:underline;}
#posts .tags a:hover { text-decoration:none;}
#posts .metadata { margin-top:16px; font-size:0.8em; color: #222222; line-height: 1.1em; }
#posts .metadata li { list-style:none; float:left; font-size:1em; padding:0px 3px;}
#posts .metadata p { /*color:#000000;*/ font-weight:bold; text-transform:uppercase; 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:#222222; font-weight:bold;  text-indent:0; margin-top:0; padding-left:4px;}
#posts .author p.edit { font-size:0.9em;}
#posts .author em { text-transform:none; color:#222222;}
#posts .author ul { padding-top:0px;}
#posts .author li { list-style:none; float:left; font-size:1.1em; border-right:1px solid #000000; padding:0px 5px 0px 5px;}
#posts .author li.last { border:none;}
#posts .author a {text-decoration:underline;}
#posts .author a:hover { text-decoration:none;}
#posts .sharethis {margin-top:5px;}
#posts .sharethis a {padding:0px;}
#posts .separador {height:0px; margin:40px 0px 40px 0px; border-bottom:1px solid #d9d9d9; }

.nav { margin:2em auto; background-color:#ffffff; padding:10px; width:60%; text-align:center;}
.nav li { list-style:none; font-size:0.8em; padding:0px 4px; border-right:1px solid #000000; font-weight:bold; text-transform:uppercase; display:inline;}
.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:#000000;}
.nav a:hover { color:#FFFFFF; text-decoration:none; background-color:#000000;}
#footer { margin:32px 0px 0px 0px; padding:20px;}

.extras { margin-bottom:24px; font-size:0.8em; padding-bottom:20px; border-bottom:5px solid #d9d9d9; line-height:1.5;}
.extras h2 {font-size:1.1em; color:#828282; font-weight:bold; margin-bottom:1em; border-bottom:1px dotted #CCC; padding:0px 0px 5px 0px;}
.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:#5090b1; text-decoration:underline; padding:1px 3px;}
.extras a:hover { color:#5090b1; text-decoration:none;}
.extras a.logo { text-decoration:none; background-color:transparent; background:none;}
.extras img {max-width:100%; height:auto;}
.extras embed, .extras iframe, .extras object {max-width:100%;}
.extras h3 {font-size:0.9em; color:#333333; font-weight:bold; padding:5px 0px 0px 0px; }
.extras label {position: absolute; text-indent: -9999px; overflow: hidden;}
.coment li { list-style:url(https://imgs.sapo.pt/images/blogs/templates/comentar.gif); list-style-position:inside; padding-top:2px;}
.coment li p { font-size:0.9em;}
.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:#828282; font-weight:bold;}
.calendar td { width:20px; padding-right:2px; text-align:center; height:18px;}
.calendar a {color:#000000; background-color:#b6d1df; text-decoration:none;}
.calendar a:hover {color: #ffffff; background-color:#1b1b1b;}
.meses li { list-style:none; font-size:1em;}
.meses li.first { float:left;}
.meses li.last { float:right;}
.meses a {  color:#000000 !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:#000000; text-transform:uppercase; display:block; }
.arquivo a { text-decoration:underline; padding:0; color:#000000; }
.arquivo a:hover { color:#433d37; text-decoration:underline; padding:0; background-color:transparent;}

#comentarios { margin-top:2em; line-height:1.4em;}
#comentarios h2 {font-size:1em; color:#000000; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #000000;}
#comentarios .discussao { border-bottom:1px solid #000000; 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 #000000;}
#comentarios .subsub {padding-left:8px; margin:0.5em 0 1em 4em; border-left:2px solid #000000;}
#comentarios p { margin-bottom:4px;}
#comentarios div { padding:4px 0px;}
#comentarios h3, #comentarios h4 {font-weight:bold; text-transform:uppercase; font-size:0.8em; position:relative; text-indent:0px; height:auto;}
#comentarios li { list-style:none; float:left; font-size:0.8em; padding:0px 3px; border-right:1px solid #000000;}
#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 #comentarios-ink #commenttext {width:93%;}
#comentarios #comentarios-ink .nicEdit-panel div {padding:0;}
.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; text-transform:uppercase; color:#000000; 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:8px; font-weight:bold; color:#000000; text-transform:uppercase; font-size:0.9em;}
#search li span { margin-left: -20px; font-weight: bold; }
#search em { color:#333333; 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;}
#search .excerpt em { font-weight:bold; text-transform:none; display:inline; background-color:#333333; color:#FFFFFF; padding: 0 3px; }
#search a { text-decoration:none; padding:1px 3px 1px 0px;}
#search a:hover { background-color:#000000; color:#FFFFFF;}
#search h2 {position: absolute; text-indent: -9999px; overflow: hidden; font-size:0; height:0;}
#search h3 {font-size:1em; color:#000000; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #000000;}
#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 #000000;}
.pages li.first { padding-left:0px; margin-left:-3px;}
.pages li.last { border:none;}
.pages h4  {color:#000000; font-weight:bold; text-transform:uppercase; font-size:0.8em;}

#tagcloud h2 {font-size:1em; color:#000000; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #000000;}
#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:#000000; padding:1px 3px;}
#tagcloud a:hover { background-color:#000000; color:#FFFFFF; }

#reply { margin-top: 2em; }
#postform { color: #222222; }
#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; }

/*TABLET*/
@media screen and (min-width: 768px) and (max-width: 983px) {
#header {width:760px;}
#menu {width:60%;}
#container { width:760px; }
#posts {width:50%; padding:0px;}
#extraContent { margin-top:2em; width:50%; padding:0px 5px 0px 5px;}
#extras1 { width:18%;}
#extras2 { width:18%;}
}

/*MOBILE 480px*/
@media screen and (min-width: 480px) and (max-width: 767px) {
body { background: #ebf9ff; }
#menu {width:60%;}
#container { width:90%; background-image:none; }
#header {height:auto;}
#extras1 {float:none; display:none;}
#extras2 {float:none; width:90%; margin:auto;}
#posts {float:none; margin:auto; width:90%; padding:0px;}
#extraContent { float:none; margin:auto; width:90%; padding:0px;}
#search .form { width:104px;}
#search .buton { padding:0px 2px 2px 2px; height:20px;}
}

/*MOBILE 320px*/
@media screen and (max-width: 479px) {
body { background: #ebf9ff; }
#header {height:auto;}
#container { background-image:none; width:90%; }
#menuwrap {display:none;}
#extras1 {float:none; display:none;}
#extras2 {float:none; width:90%; margin:auto;}
#posts {float:none; margin:auto; width:90%; padding:0px;}
#extraContent { float:none; margin:auto; width:90%; padding:0px;}
#search .form { width:104px;}
#search .buton { padding:0px 2px 2px 2px; height:20px;}

}

