/* Top 
---------------------------------------------------------------------------------------------------*/
#top { background:url(../imagens/layout/top-bg-sides.png) repeat-y; width: 980px; margin: 0 auto 10px; text-align:left;}
#top-top{background:url(../imagens/layout/top-bg-top.png) no-repeat 0 0}
#top-bottom{background:url(../imagens/layout/top-bg-bottom.png) no-repeat 0 100%; height:130px; }
#top-main {  padding: 0 10px; width:760px; float:left }
#top-main #logo { margin:10px 0; height:70px}

.top-search { float:right; margin-top:-55px; border:1px solid #e4e4e4; background:#f3f1e9; padding:3px 1px 3px 6px; color:#737373; font-size:.9em; vertical-align:middle }
.top-search form input.input-image { vertical-align:top; }



/*** menu essentials ***/
.nav, .nav * { margin:0; padding:0; list-style:none;  }
.nav { line-height:1.0; width:100%;  }
.nav ul { position:absolute; top:-999em; width:9.45em; width:148px; }
.nav ul li { width: 100%;  }
.nav li { float:left; position:relative; z-index:90; white-space:nowrap;}
.nav a { float:left; white-space:normal}
.nav li:hover ul, ul.nav li.sfHover ul { left:-1px; top:27px; /* VARIABLE. This is calculated by adding 1em text height to top and bottom anchor element padding (original skin: .75em top + .75em bottom + 1em text height = 2.5em) */ }
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
.superfish li:hover ul, .superfish li li:hover ul, .superfish li li li:hover ul { top: -999em; }
embed, object { position: relative; z-index: 0; }

/*** menu skin ***/
.nav { float:left; height:38px }
.nav  .sf-sub-indicator {display:none}

.nav a { color: #fff; padding: 4px 6px; text-decoration:none; }
.nav li:hover a , .nav li.sfHover a , .nav li a:hover { background:#fff;color:#444; }
.nav li li a { padding:4px 2px; }
.nav li { background-color:#264C6A; margin:0 1px 0 0; margin-bottom:5px /* necessary for catching expansion of <a> elements */}

/* style li elements which are parents of others ; reset in .nav li li */
.nav li.nav-parent {  border:1px solid #f6f5f0; }
 

/* style li elements which are parents of others */
.nav li.nav-parent:hover, .nav li.sfHover { 
    background:#fff; margin-top:-2px; border:1px solid #b8b8b8; height:25px; padding-bottom:2px; margin-bottom:0px /* necessary for catching expansion of <a> elements */  
    } 
    
    /* reset above rule for <li> elements within the child ul */
    .nav li:hover li, .nav li.sfHover li { 
        background:#fff; 
        margin-top:0px; 
        border:none; 
        height:auto;  
        margin-bottom:0; 
        padding-bottom:0;
        } 
    
/* call a background-image on the <a> to show that the menu item can be unfolded */
#nav-secoes-a, #nav-participe-a, #nav-cidades-a, #nav-jornal-a, #nav-outros-a{ 
    background: transparent url(../imagens/layout/nav-more.png) no-repeat 100% 7px; 
    padding-right:17px; 
    }

/* allow first level <a> elements to overlap it's following <ul>. Height:18px is enough (added by the padding : 18 + 6 + 4 = 28) */
.nav li.nav-parent:hover #nav-secoes-a, .nav li.nav-parent:hover #nav-participe-a, .nav li.nav-parent:hover #nav-cidades-a, .nav li.nav-parent:hover #nav-jornal-a, .nav li.nav-parent:hover #nav-outros-a, 
#nav-secoes-a:hover, #nav-participe-a:hover, #nav-cidades-a:hover, #nav-jornal-a:hover, #nav-outros-a:hover, 
#nav-secoes-a:focus, #nav-participe-a:focus, #nav-cidades-a:focus, #nav-jornal-a:focus, #nav-outros-a:focus, 
.nav li.sfHover #nav-secoes-a, .nav li.sfHover #nav-participe-a, .nav li.sfHover #nav-cidades-a, .nav li.sfHover #nav-jornal-a, .nav li.sfHover #nav-outros-a{ 
	z-index:1000; 
    position:relative; 
    background-color:#fff; 
    height:18px; 
    color:#444; 
    padding-top:6px; 
    background-position: 100% -23px;  
    }
    
/* for non parents elements, instead of setting a border to the <li>, we set it to the <a> */
#nav-edicoes-a, #nav-noticias-a, #nav-inicio-a {
    border:1px solid #f6f5f0;
    }

/* non parents elements <a> */        
#nav-edicoes-a:hover, #nav-edicoes-a:focus, #nav-edicoes-a:active,
#nav-noticias-a:hover, #nav-noticias-a:focus, #nav-noticias-a:active,
#nav-inicio-a:hover, #nav-inicio-a:focus, #nav-inicio-a:active,
#nav-rss-a:hover, #nav-rss-a:focus, #nav-rss-a:active{
    padding: 4px 6px; 
    background-color:#fff;
    border:1px solid #b8b8b8;
    color:#444; 
    }  
/* reset :hover and .sfHover behaviours for non parents list items */
#nav-edicoes:hover, #nav-edicoes:focus, #nav-edicoes:active, #nav-edicoes.sfHover,
#nav-noticias:hover, #nav-noticias:focus, #nav-noticias:active, #nav-noticias.sfHover,
#nav-inicio:hover, #nav-inicio:focus, #nav-inicio:active, #nav-inicio.sfHover,
.nav li ul { background:#fff; padding:0px; border:0px solid #b8b8b8;  }

.nav li.nav-parent ul { background:#fff; padding:0px; border:1px solid #b8b8b8;  }

/* style for expanding box items */   
/* li.width = 148px (padding:0) */ 
.nav li li { margin:0; border:none; background:#fff; white-space:normal; width:148px; padding: 0 }
.nav li li.sep{border-top: 1px dotted #e7e7e7; margin-top:6px; text-indent:-999em; height:4px}

.nav li.nav-parent li a { color:#444; width:142px; color:#444; background-color: #fff; padding:4px 2px; }
.nav li.nav-parent li a:hover, .nav li.nav-parent li a:focus{ border:0px solid #b8b8b8; color:#000; background-color: #eee }

/* style for iconic items */    
.nav li li a span.nav-icon{width:114px; padding-left:18px; background-repeat:no-repeat;}
.nav li li a span.nav-icon-bestof{background-image:url(../imagens/layout/nav-icon-bestof.png)}
     
     
/* specific position for nav-outros */ 
ul.nav li#nav-outros ul{width:105px }
ul.nav li#nav-outros li { width: 70px}
ul.nav li#nav-outros li a, html>body ul.nav li#nav-outros.nav-parent li a, ul.nav li#nav-outros.sfHover li a:hover, html>body ul.nav li#nav-outros li.sfHover a:hover, ul.nav li#nav-outros li a:hover { width:65px }
ul.nav li#nav-outros li a .small {line-height:1.2em; white-space:normal}



/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4, h6 { font-weight: normal; }
h1, h2, h3{font-family:Georgia, "Times New Roman", Times, serif;}
h1 { font-size: 3em; line-height: 1.1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.6em; line-height: 1; margin-bottom: .3em ; }
h4 { font-size: 1.2em; line-height: 1.25; font-weight: bold;  border-bottom:1px solid #cecece; margin-bottom: .3em; }
h5 { font-size: 1em; font-weight: bold; line-height: 1.25; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
.tagline { font-weight:normal; text-transform:uppercase; position:absolute; background:#fff; font-size:1.5em; margin-top:-2px; color:#444; padding:0 4px 0 0; letter-spacing:1px }

.msg_error, .msg_notice, .msg_success {
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding: 5px 20px 5px 40px;
    vertical-align: middle;
    background-repeat: no-repeat;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}
.msg_error {  background-image: url(../imagens/layout/error.png);}
.msg_notice {  background-image: url(../imagens/layout/info.png);}
.msg_success {  background-image: url(../imagens/layout/success.png);}



/* Listas Personalizadas
-------------------------------------------------------------- */
.loud{ font-weight:bold; }
.simple-list {list-style-type:none; margin:0 !important}
.justify{text-align:justify;}
a { color: #027ac5; text-decoration: none; }


.box {
background:#EDEDED url(../imagens/layout/box-topborder.gif) repeat-x scroll 0 0;
margin-bottom:15px;
padding:10px;
}

.small{font-size:0.85em}

.nowrap{ white-space:nowrap; }

#login-form{
 margin:0;
}
form label{display:block; color:#264C6A;}
form .help{display:block; font-size:80%;}
form .errorlist{
    list-style-type:none;
    color:red;
    margin:0;
}
#login-form input{width:100px;};
form .field ul li label {
    font-weight:normal;
}
form .field ul {
    list-style-type:none;
}

form .error input,textarea{ background-color:#fbeae4; }

textarea,input{padding:3px 2px; border:1px solid #c8c8c8; -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px; background:#fff url(../imagens/layout/input-bg.png) repeat-x 0 0}
textarea,input{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em;}
textarea,input{color:#999; font-style:italic;}

input.submit-input, .submit-input{border-width:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; padding:4px 10px; background:#999; color:#fff}
input.submit-blue, .submit-blue{ background:#0e79a0 url(../imagens/layout/submit-blue.png) repeat-x}
input.submit-orange, .submit-orange{ background:#f4a510 url(../imagens/layout/submit-orange.png)  repeat-x}
select { padding:3px 6px }
textarea{ width:320px }
label.error { float: none; color: red; padding-left: .5em; display: inline;}

/* Tags line height version
---------------------------------------------------------------------------------------------------*/
ul.tags        { list-style-type : none; margin:0; padding:0; font-size : 100%;  overflow:hidden; }
ul.tags li     { float:left; margin:0; padding:0; display:block;  height:2.1em;}
ul.tags li a   { float:left; display:block; margin:0; padding:0 4px 0 0 ; line-height:25px; white-space:nowrap; text-decoration:none; }

.tags a.tag00  { font-size: 80%; color: #ffb15c; }
.tags a.tag10  { font-size: 92%; color: #ffa749; }
.tags a.tag20  { font-size: 104%; color: #ff9a2d; }
.tags a.tag30  { font-size: 116%; color: #f88e1e; }
.tags a.tag40  { font-size: 128%; color: #f18613; }
.tags a.tag50  { font-size: 140%; color: #f28613; }
.tags a.tag60  { font-size: 152%; color: #e8731d; font-weight:bold; }
.tags a.tag70  { font-size: 164%; color: #e8731d; font-weight:bold; }
.tags a.tag80  { font-size: 176%; color: #d95325; font-weight:bold; }
.tags a.tag90  { font-size: 188%; color: #c23e26; font-weight:bold; }
.tags a.tag100 { font-size: 200%; color: #a8381f; font-weight:bold; }

ul.tags li a:hover { color: #000; text-decoration:none; }

#bottom-tags .tags a.tag00  { color: #c3c3c4; }
#bottom-tags .tags a.tag10  { color: #c3c3c4; }
#bottom-tags .tags a.tag20  { color: #c3c3c4; }
#bottom-tags .tags a.tag30  { color: #c3c3c4; }
#bottom-tags .tags a.tag40  { color: #8d8c8d; }
#bottom-tags .tags a.tag50  { color: #8d8c8d; }
#bottom-tags .tags a.tag60  { color: #767675; }
#bottom-tags .tags a.tag70  { color: #767675; }
#bottom-tags .tags a.tag80  { color: #585858; }
#bottom-tags .tags a.tag90  { color: #585858; }
#bottom-tags .tags a.tag100 { color: #444444; }


.link-img, .link-img img {
    float: left;
    overflow: hidden;
}
.link-img:hover, link-img .selected{
        border: 3px solid #264C6A;
}
.link-img:hover img, .link-img .selected img {
        margin: -3px;
}