/*
-----------------------------------------------
perublogs base screen style
----------------------------------------------- */
@import "flexible_buttons.css";

* {
  margin:0;
  padding:0;
}

html body {
    text-align:center;
    font:small "Trebuchet MS",Verdana,Arial,Sans-serif;
    color:#333;
    line-height:1em;
    font-size:0.8em;
    padding-top:5px;
    background-color:#eee;
}

.r {clear:both;display:block;margin:0;padding:0;height:1px;line-height:1px;font-size:1px;}
#cattitle {text-transform:uppercase;color:#333;}
.cattitle {text-transform:uppercase;color:#333;}
.parrafoj {margin:0;padding:0;font-size:120%;line-height:1.2em;font-weight:normal;color:#000;word-wrap:break-word;}

h2 {margin:0;font-size:130%;line-height:1.3em;color:#826C55;font-weight:normal;}

/* Page Structure
----------------------------------------------- */
table {font-size:93%;line-height:1.1em;padding:0 0 0 0;border-collapse:collapse;}
td {font-size:100%;padding:0;margin:0}

.mc1 {
float:left;width:583px;padding-right:5px;border-right:1px solid #ddd;
}
.mc2 {
float:right;width:382px;margin-right:1px;
}
.mc3 {
float:left;width:583px;padding-right:5px;padding-top:10px;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
}
.fc1 {
margin:0; padding:0; width:49%; float:left;
white-space: pre-wrap;       /* css-3 should we be so lucky... */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 ?? */
white-space: -o-pre-wrap;    /* Opera 7 ?? */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.fc2 {
margin:0; padding:0; width:49%; float:right;
white-space: pre-wrap;       /* css-3 should we be so lucky... */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 ?? */
white-space: -o-pre-wrap;    /* Opera 7 ?? */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/*#lc p { font-size:14px; }*/
#lc div {overflow:hidden;}
#rc .d1 { clear:both;margin-bottom:10px;width:100%;border:1px solid #ddd;line-height:16px; }
#rc .d2 { padding:8px 10px 8px 10px; }
.dst { 
    font:small Arial;
    color:#5f5f5f;
    font-size:14px;
    /*height:35px;*/
    display:block;
    margin:0;
    padding:0;
    /*margin-bottom:3px;*/
    vertical-align:bottom;
    width:100%;
    text-align:left;
    font-weight:bold;
    font-variant:small-caps;
}
.c {clear:both;}
.dsep {
clear:both;width:100%;background:#ffffff url('http://www.blogalaxia.com/img/linea.gif') repeat-y center top;
}
.rk1 { width:50px;float:left;text-align:center; }
.rk2 { float:left;width:295px;padding-left:5px;font-size:13px; }
.rk2 h2 { font-size:100%; }
.rk3 { 
margin:3 3 3 3;padding:10 5 10 5;
background-color:#fff;
background-image:url('http://img.blogalaxia.com/caixa.gif');
background-repeat:no-repeat;
color:#000;text-align:center; 
}
.rk4 { color:#ef6868;font-size:1.4em;padding-top:5px;font-weight:bold; }
.rk5 { font-size:2em;padding-bottom:4px;font-weight:bold; }
.rk6 { font-size:1.2em;margin-top:5px; }

.tk1 { width:20px;float:left;text-align:right; }
.tk2 { float:right;width:40px;text-align:right; }
.tk3 { float:left;width:300px; }
.tkt { font-weight:bold;font-size:120%;text-align:center; }

.cn { color:#ef6868; }
.col1 {
margin:0; padding:0; width:49%;
white-space: pre-wrap;       /* css-3 should we be so lucky... */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 ?? */
white-space: -o-pre-wrap;    /* Opera 7 ?? */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.sep {margin:0; padding:0; width:2%; background:#ffffff url("http://img.blogalaxia.com/linea.gif") repeat-y center top;}

.sectitle {
margin:0px;padding:0px;
height:25px;
padding-top:2px;
vertical-align:bottom;
width:100%;
/*background-color:#e6d4d4;*/
/*background:#e6d4d4 url("http://img.blogalaxia.com/bgtit.gif") repeat-x center top;*/
background:#ffffff url("http://img.blogalaxia.com/bgtit.gif") repeat-x center top;
font-size:16px;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#474747;
}
.catlink {
margin:0 0 0 0;padding:0 0 0 0;height:8px;
width:100%;
background:#fff url("http://img.blogalaxia.com/linesep.gif") repeat-x center top;
}

/* Links
----------------------------------------------- */
/*a {text-decoration:none;font-weight:bold;color:#000066;}*/
/*a {text-decoration:none;font-weight:bold;color:#4261df;}*/
a {text-decoration:none;font-weight:bold;color:#102fad;}
a:hover {text-decoration:none;color:#f60;}
#cattitle a:hover {text-decoration:none;color:#f60;}
.cattitle a:hover {text-decoration:none;color:#f60;}
a img {border-width:0;}

#rightcolumn a {text-decoration:none;font-weight:bold;color:#202020;}
#rightcolumn a:hover {text-decoration:none;color:#f60;}

.bb a {text-decoration:none;font-weight:bold;color:#000;}

/* Header
----------------------------------------------- */
div#wholepagecontainer {
    margin:0 auto;
    width:985px;
    text-align:left;
    background-color:#ffffff;
    padding: 5px 5px 5px 5px;
    border:1px solid #ddd;
    border-right:2px solid #ddd;
    border-bottom:2px solid #ddd;
}
#footercontainer {
    background-color:#8fa6ff;
    width:100%;
    clear:both;
    margin:0; padding:0; display:block;
    margin-top:10px;
    padding-top:10px;
    padding-bottom:10px;
}
#footercontainer a { color:#dddddd; }
#footercontainer a:hover { color:#f60; }
#footercontainer .ft0 { 
    clear:both;
    margin-left:10px;
    margin-right:10px;
}
#footercontainer .ft1 {
    float:left;
    line-height:1.2em;
    /*width:20%;*/
    width:180px;
    font-size:14px;
}
#footercontainer .ft2 {
    float:right;
    /*width:38%;*/
    width:382px;
    text-align:center;
    /*line-height:1.3em;*/
    line-height:24px;
}
#rc ul { list-style-type:none; padding:5px; margin:0; text-align:center; }
#rc li { display:inline; margin:0; margin-left:3px; margin-right:3px; }
#footercontainer .ft2 ul { list-style-type:none; padding:5px; margin:0; text-align:center; }
#footercontainer .ft2 li { display:inline; margin:0; margin-left:3px; margin-right:3px; }
#footercontainer .ft2 a { text-decoration:none; }
#footercontainer b { font-size:16px; color:#102fad; } 

#headercontainer {
    height:120px;
    width:100%;
    margin:0;
    padding:0;
    /*background-color:#8fa6ff;*/
    background-color:#ffffff;
}

#headerlogo {
    width:245px;
    height:110px;
    float:left;
    text-align:center;
}

#headerlogo img {
    position:relative;top:5px;left:5px;
}

#headerlogo .logotext {
    margin-left:20px;
    margin-top:80px;
    font-weight:bold;
}

#headertopline {
    width:640px;
    float:right;
    text-align:right;
    height:18px;
    color:#333;
    padding-top:4px;
    /*margin-right:5px;*/
}

#headerbanner {
    width:700px;
    float:right;
    text-align:center;
    height:95px;
    /*border:1px dotted #69c;*/
    /*margin-right:5px;*/
}

#menubar {
    clear:both;
    width:100%;
    background-color:#3C76B2;
    height:25px;
    display:block;
}

#searchbar {
    clear:both;
    width:100%;
    display:block;
    background-color:#EFE277;
    height:28px;
    font-weight:bold;
    font-size:1em;
    line-height:1em;
}

#searchbar .q { float:left;margin-left:5px;padding-top:8px; }
#searchbar .img { float:left;margin-left:10px;padding:0;margin-top:0px; }
#searchbar .lb { float:left;margin-left:20px;padding-top:6px;line-height:20px }
#searchbar .lb a { text-decoration:underline; }
#searchbar .fld { float:left;margin-left:10px;padding-top:8px; }
#searchbar .busca { margin-top:-4px;border:1px solid #69c; }

#headerbar {
    clear:both;
    display:block;
    width:100%;
    height:20px;
    padding-top:4px;
}

#headerbar .date {
    float:left;
    width:230px;
}
#headerbar .blog {
    float:left;
    width:390px;
}
#headerbar .options {
    float:right;
}


#hheader {
width:100%;
height:100px;
background:#000064 url("http://img.blogalaxia.com/bg_logo.gif") no-repeat 10px 0px;
position:absolute;
left:0px;
top:0px;
border-width:0;
padding:0;
color:#fff;
}

html #header {
width:1000px;
height:100px;
background:#000064 url("http://img.blogalaxia.com/bg_logo.gif") no-repeat 10px 0px;
position:absolute;
left:0px;
top:0px;
border-width:0;
padding:0;
color:#fff;
}

#xh2 {
width:800px;
height:3px;
position:absolute;
left:0px;
top:0px;
background-color:#000000;
padding:0;
margin:0;
}

#xh3 {
clear:both;
width:100%;
padding:0;
margin:0;
}

#xh4 {
width:230px;
height:90px;
position:absolute;
top:5px;
left:761px;
/*
position:relative;
top:5px;
float:right;
margin-right:10px;
*/
}

#xhparlante {
width:30px;
height:60px;
position:absolute;
left:335px;
top:5px;
text-align:center;
visibility:hidden;
}

#xhradio {
width:188px;
height:90px;
position:absolute;
left:369px;
top:5px;
}

#header a {color:#fff;padding:0 .1em;font-weight:bold;text-decoration:none;}
#busca {display:block;margin-top:3px;border:1px solid #69c;}
#header form {width:225px;margin:0;padding:0;color:#000064;font-size:95%;line-height:0.8em;}
#header form h2 {margin:0;float:left;color:#fff;font-size:100%;}
#header h2 {margin:0;color:#ffc800;font-size:120%;}
#header form div {float:left;width:100px;margin:.4em .5em 0 0;white-space:nowrap;}
#header p {float:left;width:95%;color:#369;}
#header label {color:#ffc800;}  
#signin-u, #signin-p {
display:block;width:95%;margin-top:2px;border:1px solid #69c;border-color:#000 #69c #69c #000;
}
#signin-b {margin-right:5px;color:#fff;font-weight:bold;text-decoration:underline;}
p>#signin-b {
/* IE5&6/Win freak out with relative position inside floats,
so we use a child selector to bypass them for these 2 properties */
position:relative;
top:4px;
}
/* Footer
----------------------------------------------- */
#footer {clear:both;padding:15px 0 0;}
/*#footer div {width:980px;background:#b0b0b0;}*/
#footer div {width:100%;background:#b0b0b0;}
/*#footer div {width:1000px;background:#b0b0b0;}*/
#footerx {width:100%;color:#fff;font-size:95%;line-height:1.5em;}
#footerx a {color:#fff;}
#footerx div {background:#000064;}
.pop #footer div {background-image:none;}
#footer p {background:none;min-height:2px;margin:0;padding:7px 20px;color:#826C55;text-align:center;font-size:95%;line-height:1.5em;}
.pop #footer p {background-image:none;padding:5px 10px;text-align:left;}
#footer hr {display:none;}

/* Left Bar */
#leftbar .mod {padding-bottom:6px;margin-bottom:15px;display:block;width:180px;background:url("http://img.blogalaxia.com/bg_mod_180b.gif") no-repeat left bottom;}
#leftbar .mod22 {padding-top:10px;background:url("http://img.blogalaxia.com/bg_mod_180t1.gif") no-repeat left top;text-align:center;}
#leftbar .mod2 {padding-top:10px;background:url("http://img.blogalaxia.com/bg_mod_180t.gif") no-repeat left top;text-align:center;}
#leftbar .mod3 {border:2px solid #F76F6F;border-width:0 2px 1px;border-bottom-color:#FFFFFF;
padding-top:0px;padding-left:4px;padding-right:4px;padding-bottom:2px;font-size:100%
text-align:left;word-wrap:break-word;
/*  white-space:pre-line;
_white-space:pre-line;*/
white-space: pre-wrap;       /* css-3 should we be so lucky... */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 ?? */
white-space: -o-pre-wrap;    /* Opera 7 ?? */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
#leftbar a, #leftbar a:hover {text-decoration:none;}
#leftbar .mod2>.mod3 {border-bottom-width:0;}

#leftbar h2 {margin-top:0;font-size:160%;color:#333;text-align:center;}
#leftbar h2 strong, #sidebar h2 strong, #addedblock h2 strong {color:#826C55;}
#leftbar td, #leftbar th {font-size:100%;padding: 0 0 0 0;margin-top:0px;line-height:1.0em;}
#leftbar table {padding:0px;margin-top:10px;line-height:1.0em;border-width:0;font-size:100%}
.filablanca {clear:none;background-color:#fff;color:#333;}
.filaazul {clear:none;background-color:#ddd;background-color:#f0f0f0;color:#333;}

h1 {margin:0 0 15px;font-size:180%;line-height:1.2em;font-weight:normal;color:#666;}
#home h1 {font-size:240%;}
h1 strong {color:#000;}
h1 em {font-style:normal;font-weight:bold;color:#f60;}

.mangus {
position:static;background:none;border-top:0;border-bottom:0;font-style:normal;font-weight:bold;color:#fff;
margin-top: 0;margin-bottom: 0;padding-top:0;padding-bottom: 0;font-size:120%;line-height:1.2em;text-align:center;
}
table#CAT {background:#eee;background-color:#EEEEEE;border-width: 1px solid #999999;
padding: 5px;font-size:100%;color:#333;width:390px;
}
table#CAT td {background-color:#EEEEEE;border-width: 0px solid #999999;padding:5px;font-size:90%;line-height:0.8em;}
table#DIR {background:none;background-color:#EEEEEE;border-width:0px 0px;padding:0px 5px 5px 0px;
font-size:120%;color:#333;width:100%;text-align:left;border-style:hidden;border-collapse:collapse;
}
table#DIR td {
background:none;background-color:#EEEEEE;border-width:0px 0px;border-style:hidden;border-collapse:collapse;
padding:3px 1px 3px 1px;font-size:100%;line-height:1em;text-align:left;vertical-align:top;
}
.mangusblockdiv {
background-color:#CDFF97;font-size:100%;font-style:normal;font-weight:bold;color:#000;margin-top: 0px;margin-bottom: 5px;
padding-top:5px;padding-bottom:5px;line-height:1em;
}
#mangusblockdiv {
background-color:#CDFF97;font-size:100%;font-style:normal;font-weight:bold;color:#000;margin-top: 0px;margin-bottom: 5px;
padding-top:5px;padding-left:5px;padding-bottom:5px;line-height:1em;
/*text-align:left;
text-transform:none;display:block;*/
}
.manguscat {
font-style:normal;font-weight:bold;color:#000;margin-top: 0;margin-bottom: 0;padding: 0 0;font-size:120%;line-height:1em;
text-align:center;text-transform:none;
}
#manguscat h1 {font-style:normal;font-weight:bold;color:#000;margin-top: 0;margin-bottom: 0;padding: 0 0 0 0;font-size:130%;line-height:1em;
text-align:left;text-transform:none;
}
.manguscath2 {float: both;font-style:normal;font-weight:bold;color:#000;margin: 0 0 0 0;margin-top: 0;
margin-bottom: 0;padding: 0 0 0 0;font-size:140%;line-height:1em;text-align:center;text-transform:none;position:static;display: inline;
}
.manguscath2 a {color:#202020;text-transform:capitalize;}
.parrafo1 {font-size:100%;line-height:1.2em;font-weight:normal;color:#000;word-wrap:break-word;}

.heatmap {font-size: 0.97em;}
.heatmap li {display: inline;}
.heatmap em {font-style: normal; font-size: 1.03em;}

ul#bigheatmap {font-size:1.0em;margin-top:1em}
ul#bigheatmap li {line-height:2.8em;}
ul#bigheatmap em {font-style: normal; font-size: 1.05em;}

ul#bigheatmap a {margin-right:4px;text-decoration:none;font-weight:bold;color:#000066;}
ul#bigheatmap a:hover h2 {text-decoration:none;color:#f60;}
ul#bigheatmap a h2 {color:#000066;font-size:1em; margin:0 0 0 0;padding:0 0 0 0;display: inline;}

html #bg_header {
background:#000064;position:relative;border-width:0;border-bottom:4px solid #ffc800;padding:0;
}
.pop #pg_header {background:#000064;position:static;border-color:#000064;}
#bg_h2 {position:relative;top:4px;}
#bg_h3 {width:710px;margin:0 auto;padding:15px 20px 14px;border-bottom:4px solid #ffc800;
text-align:left;background:url("http://img.blogalaxia.com/bg_logo.gif") no-repeat left top;
}
#bg_xh3 {
width:100%;
margin:0px auto;
border-bottom:4px solid #ffc800;
text-align:left;
background:url("http://img.blogalaxia.com/bg_logo.gif") no-repeat 10px 0px;
}
#bg_home #bg_xh3 {padding-top:5px;padding-bottom:14px;}
#bg_home #bg_h3 {padding-top:20px;padding-bottom:19px;}
.pop #bg_h2, .pop #bg_h3, .pop #bg_xh3 {
position:static;background:none;border-width:0;width:auto;
}
.pop #bg_h3, .pop #bg_xh3 {padding:10px 15px 9px;}
#bg_header a {color:#9cf;padding:0 .1em;font-weight:bold;text-decoration:none;}
#bg_header #logo {float:left;margin:0;padding:0;text-decoration:none;}
/*#logo img {display:block;width:150px;color:#fff;font-size:180%;}*/
/*#home #logo img {width:242px;}*/
.pop #bg_logo img {width:97px;}
#bg_header #bg_tag {background:url("http://img.blogalaxia.com/tag.gif") no-repeat 100% 70%;margin:0;float:right;width:165px;height:40px;}
#bg_header #bg_tag em {position:absolute;left:-2500px;}
#bg_header #bg_user {float:right;width:400px;margin:0;color:#0a186c;text-align:right;font-size:88%;}
#bg_user strong {display:block;color:#fff;font-size:115%;line-height:1.2em;}

form h2 {margin:5px 0 10px 60px;font-size:125%;color:#333;}
form h2 strong {color:#f60;}
form .desc, form .desc2 {width:25%;color:#826C55;font-size:88%;}
form .desc2 {width:auto;}
form .desc p, form .desc2 p {color:inherit;font-size:100%;}
form .desc em, form .desc2 em {color:#666;}
form .text, form .text-custom {border:1px solid #E1D4C0;border-color:#CABBA9 #E1D4C0 #E1D4C0 #CABBA9;  }
#reg form .text, #reg form .text-custom {width:150px;}
.error .error, .errormsg {
background:url("http://img.blogalaxia.com/icon_alert15.gif") no-repeat left top;
padding-left:20px;margin-top:5px;color:#c00;
}
form .error .text {border-color:#900 #c00 #c00 #900;}
.error label {color:#c00;}