/* HTML5 ✰ Boilerplate */

#pageFooter {
    float: left;
    padding-top: 10px !important;
    padding-bottom:5px;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font: 62.5% sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
/*a:link { -webkit-tap-highlight-color: #FF5E99;  color: #400101; } */
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

img {
width: auto;
max-width: 100%;
max-height: 100%;
vertical-align: top;
}

embed, object {
    width: 960px !important;
}


/**
 * Primary styles
 *
 * Author: 
 */
 
 @font-face {
    font-family: 'Asap';
    src: url('fonts/Asap-Regular-webfont.eot');
    src: url('fonts/Asap-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Asap-Regular-webfont.woff') format('woff'),
         url('fonts/Asap-Regular-webfont.ttf') format('truetype'),
         url('fonts/Asap-Regular-webfont.svg#AsapRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
 
.ie6 body, .ie7 body { font-size: 10px; }
#long-bg { width: 100%; min-width: 980px; }
    #inner-long-bg { width: 100%; }
#container { width: 960px; padding: 0 10px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif;  }
a { color: #a72707; }

/* HEADER */
header { float: left; width: 950px; position: relative; }
    header #ht { float: left; height: 139px; width: 100%; }
    header #logo { float: left; background-position: top left; background-repeat: no-repeat; text-indent: -9000px; margin: 45px 0 0 11px; }
    
    header #hr { float: right; width: 180px; }
    
    header #lang { font-size: 1.2em; width: 56px; height: 20px; background-position: center top; background-repeat: no-repeat; text-align: center; float: right; padding: 5px 0 0 3px; }
        header #lang a { color: #fff; text-decoration: none; margin: 0 5px; }
        header #lang a.active { font-weight: bold; text-decoration: underline; }
        header #lang a:hover { text-decoration: underline; }
        
    header #weather { background-position: right center; background-repeat: no-repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #fff; float: right; margin-top: 15px; width: 100%; }
        header #weather .ico { float: right; margin-left: 23px; background-position: top left; background-repeat: no-repeat; width: 53px; height: 53px; text-align: center; }
            header #weather .ico img { width: 41px; margin-top: 14px; }
        header #weather .date { color: #fff; float: right; text-align: right; margin: 4px 0 -7px; }
        header #weather .temperature { float: right; }
            header #weather sup { font-size: 0.5em; top: -0.8em; }
            header #weather .current { font-size: 2.6em; float: left; }
            header #weather .values { float: left; width: 25px; font-size: 1.1em; text-align: center; line-height: 1.2em; padding-top: 6px; }
            
    
    header #city-picker { float: right; width: 131px; border-style: solid; overflow: hidden; padding: 5px 0 0 5px; }
    header #city-picker select { background: transparent; width: 164px; height: 18px; border: none; font-size: 1.1em; -webkit-appearance: none; }

nav { float: left; width: 100%; height: 35px; padding-top: 8px; }
    nav a { font-family: "Asap", Arial, Helvetica; color: #fff; text-decoration: none; float: left; font-size: 1.6em; margin-top: 5px; }
    nav a.rotas-item{
        text-indent: -9999px;
        background:url(../img/angola/menu-rotas.png) no-repeat center -7px transparent;
        height: 29px;
        position: relative;
        text-indent: -9999px;
        top: -5px;
        width: 75px;
    }
    nav a.rotas-item:hover, nav a.rotas-item.active{
        background:url(../img/angola/menu-rotas.png) no-repeat center -41px transparent;
    }
    nav span { float: left; height: 17px; width: 2px; background-position: top left; background-repeat: no-repeat; margin: 5px 12px 0; text-indent: -9000px; }
    nav ul, nav ul li { float: left; }
    nav ul li { background-position: right 5px; background-repeat: no-repeat; }
    nav ul .splitter { float: left; height: 17px; width: 2px; background-position: top left; background-repeat: no-repeat; margin: 5px 12px 0; text-indent: -9000px; }
    nav ul li.last { background: none; }
    
#search { float: right; }
    #search .text, .new-search .text { float: left; width: 190px; padding: 6px 5px 4px; border-width: 1px; border-style: solid; font-size: 1.2em; color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-right: 5px; }
    #search .button, .new-search .button { color: #fff; font-size: 1.5em; float: left; border: none; width: 93px; height: 25px; text-align: center; background-position: top left; background-repeat: no-repeat; background-color: transparent; padding-left: 5px; padding-right: 15px; }
        #search .button:hover, .new-search .button:hover { background-position: bottom left; }


/* MAIN AREA */
#main { float: left; width: 620px; }
.no-bc { padding-top: 19px; }

#breadcrumbs { float: left; width: 100%; height: 15px; padding-top: 4px;; }
    #breadcrumbs a { text-decoration: none; }
        #breadcrumbs a:hover { text-decoration: underline; }
    #breadcrumbs span { margin: 0 3px; }
    
#highlights { float: left; width: 618px; height: 336px; position: relative; margin-bottom: 22px; }
    #highlights ul { list-style: none; margin: 0; padding: 0; float: left; width: 618px; height: 336px; }
    #highlights ul li { float: left; width: 618px; height: 336px; position: relative; display: none; overflow: hidden }
    #highlights ul li img { float: left; }
    #highlights ul li .details { position: absolute; background: url(../img/bg_highlight.png) top left repeat; width: 618px; color: #fff; bottom: 0; left: 0; padding-bottom: 10px; }
        #highlights ul li .details .title, #highlights ul li .details h2 { float: left; width: 516px; font-size: 1.4em; font-weight: bold; padding: 12px 0 4px 10px; }
            #highlights ul li a { color: #fff; text-decoration: none; }
            #highlights ul li a:hover { text-decoration: underline; }
        #highlights a:hover + .details .title a { text-decoration: underline; }
        #highlights ul li .details .lead { float: left; width: 500px; font-size: 1.2em; padding-left: 10px; }
        #highlights ul li .options { float: right; padding: 24px 14px 0 0; width: 78px; }
            #highlights ul li .options a { float: right; width: 22px; height: 18px; background-position: top center; background-repeat: no-repeat; text-indent: -9000px; margin-left: 4px; }
                #highlights ul li .options a:hover { background-position: bottom center; }
    
    
    #highlights .nav { position: absolute; bottom: 67px; right: 15px; z-index: 9999; }
    #highlights .nav a { color: #fff; font-size: 1.2em; text-decoration: none; float: left; width: 17px; height: 15px; background-position: top left; background-repeat: no-repeat; text-align: center; padding-top: 2px; margin-left: 3px; }
        #highlights .nav a.selected, #highlights .nav a:hover { background-position: bottom left; }
        
    .box-title { float: left; width: 100%; background-position: bottom left; background-repeat: no-repeat; margin-bottom: 9px; padding-bottom: 8px; font-weight: normal; }
        .box-title span { float: left; font-size: 1.6em; }
        .box-title a { float: right; font-size: 0.9em; text-decoration: none; text-transform: uppercase; margin: 6px 0 0; }
            .box-title a:hover { text-decoration: underline; }
        .box-title span.has-ico { padding-left: 22px; background-position: left center; background-repeat: no-repeat; }
            
    .col-left { float: left; width: 296px; }
    .col-right { float: right; width: 296px; }
    .col-full { float: left; width: 100%; }
    
    .content { float: left; width: 100%; padding: 20px 0 0; }
    
    /* external link */
    a.external { background: url(../img/ico-external.png) left center no-repeat; padding-left: 13px; }
    
    /* GENERIC THUMB LIST WITH NO SIZES */
    .thumb-list { list-style: none; padding: 0; margin: 0; float: left; }
        .thumb-list li { float: left; position: relative; }
        .thumb-list img { float: left; margin-right: 10px; }
        .thumb-list .details { float: left; }
        .thumb-list h3 a { font-weight: bold; text-decoration: none; font-size: 1.4em; }
        .thumb-list .lead { font-size: 1.2em; padding-top: 2px; line-height: 1.4em; }
            .thumb-list .lead a { text-decoration: none; }
        .thumb-list h3 a:hover, .thumb-list .lead a:hover, .thumb-list a:hover + .details h3 a { text-decoration: underline; }
        .thumb-list .options { /*position: absolute; left: 152px; */ margin-top:5px; float:left  }
            .thumb-list .options a { float: left; width: 22px; height: 18px; background-position: center top; background-repeat: no-repeat; margin-right: 5px; text-indent: -9000px; }
                .thumb-list .options a:hover { background-position: center bottom; }
                
    /* GENERIC VIDEO PLAYER */
    .video-player { float: left; width: 100%; position: relative; }
        .video-player img { float: left; }
        .video-player a { text-decoration: none; }
        .video-player span { position: absolute; width: 51px; height: 50px; top: 50%; left: 50%; margin: -25px 0 0 -25px; background-position: top left; background-repeat: no-repeat; }
            .video-player a:hover span { background-position: bottom left; }
        .video-player .details { position: absolute; bottom: 0; left: 0; width: 100%; background: url(../img/bg_mini_slider.png) top left repeat; }
            .video-player .details p { float: left; width: 100%; padding: 10px 0; font-weight: bold; color: #fff; font-size: 1.4em; text-decoration: none; text-align: center; }
        .video-player a:hover .details p { text-decoration: underline; }
        
    /* GENERIC PHOTO SLIDER */
    .photo-slider { float: left; width: 100%; position: relative; }
        .photo-slider ul { list-style: none; float: left; margin: 0; padding: 0; }
        .photo-slider ul li { float: left; position: relative; display: none; }
        .photo-slider ul a img { float: left; }
        .photo-slider ul .details { position: absolute; bottom: 0; left: 0; width: 100%; background: url(../img/bg_mini_slider.png) top left repeat; }
        .photo-slider ul .details p { float: left; width: 100%; padding: 10px 0; font-weight: bold; color: #fff; font-size: 1.4em; text-decoration: none; text-align: center; }
        
        .photo-slider .control { position: absolute; bottom: 5px; height: 25px; width: 25px; background-position: top left; background-repeat: no-repeat; text-indent: -9000px; }
            .photo-slider .prev { left: 5px; }
            .photo-slider .next { left: 265px; }
            .photo-slider .control:hover { background-position: bottom left; }
        .photo-slider .zoom { position: absolute; top: 8px; left: 8px; width: 21px; height: 21px; background-position:  top left; background-repeat: no-repeat; text-indent: -9000px; }
        
    /* SIDEBAR */
    aside { float: right; width: 300px; background-position: top left, bottom right; background-repeat: no-repeat, no-repeat; padding: 19px 10px 0; }
    aside { padding: 19px 9px 0; border: 1px solid #a72606; border-top: none; }
    
    aside > * { margin-bottom: 10px; }
    
    .small-pub { float: left; }
        .small-pub img { float: left; }
        
    /*.mrec { float: left; width:300px; height:250px } */
    .mrec {float: left; width: 300px; min-height:250px; }
        
    #newsletter { border-style: solid; border-width: 1px; float: left; padding: 9px; width: 280px; }
        #newsletter .text { float: left; width: 169px; padding: 6px 5px 4px; border-width: 1px; border-style: solid; font-size: 1.2em; color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-right: 5px; }
        #newsletter .generic-button { width: 94px; }
            
    aside #contest { float: left; width: 100%; }
        aside #contest img { border-width: 1px; border-style: solid; }
    
    #facebook { border-style: solid; border-width: 1px; float: left; padding: 9px; width: 280px; }
        
    .aside-list { float: left; width: 100%; }
    .aside-list ul { list-style: none; border-style: solid; border-width: 1px; float: left; padding: 9px; width: 280px; color: #fff; font-size: 1.2em; }
        .aside-list ul li { border-bottom-style: dotted; border-bottom-width: 1px; background-position: 7px center; background-repeat: no-repeat; }
        .aside-list ul .last { border: none; }
    .aside-list ul a { color: #fff; text-decoration: none; display: block; padding-left: 30px; padding: 6px 0 6px 30px; }
        .aside-list ul a:hover { text-decoration: underline; }
    .aside-list ul li.num-1 { background-image: url(../img/num/1.png); }
    .aside-list ul li.num-2 { background-image: url(../img/num/2.png); }
    .aside-list ul li.num-3 { background-image: url(../img/num/3.png); }
    .aside-list ul li.num-4 { background-image: url(../img/num/4.png); }
    .aside-list ul li.num-5 { background-image: url(../img/num/5.png); }
    
    .aside-quiz { float: left; width: 100%; }
    .aside-quiz ul { list-style: none; border-style: solid; border-width: 1px; float: left; padding: 9px; width: 280px; color: #fff; font-size: 1.2em; }
        .aside-quiz ul li { border-bottom-style: dotted; border-bottom-width: 1px; background-position: 7px center; background-repeat: no-repeat; }
        .aside-quiz ul .last { border: none; padding-top: 5px; }
        .aside-quiz .question { font-weight: bold; font-size: 1.2em; padding: 0 0 5px; }
        .aside-quiz ul input { margin: 0 7px; }
        .aside-quiz ul label { display: block; padding: 5px 0; }
            .aside-quiz ul label:hover { text-decoration: underline; }
        .aside-quiz .button { color: #fff; font-size: 1.2em; float: left; border: none; width: 94px; height: 25px; text-align: center; background-position: top left; background-repeat: no-repeat; background-color: transparent; padding: 0; margin: 0; }
            .aside-quiz .button:hover { background-position: bottom left; }
    
    aside .thumb-list a img { border-style: solid; border-width: 1px; }

    
    aside #recommended { float: left; width: 100%; }
    aside #recommended .thumb-list .details { width: 146px; }
    
    aside #curiosity { float: left; width: 100%; }
    aside #curiosity .thumb-list .details { width: 146px; } 
        aside .details-curiosidades {width: auto !important; margin-top: 10px }
    
    aside #curiosities { border-style: solid; border-width: 1px; float: left; padding: 9px; width: 280px; }
    aside #curiosities .thumb-list .details { width: 100px; }
    aside #curiosities .thumb-list li:first-child { margin-bottom: 9px; }
    
    aside #books { border-style: solid; border-width: 1px; float: left; padding: 9px; width: 280px; }
    aside #books .thumb-list .details { width: 100px; }
    
    aside #books .thumb-list li > a { width: 110px; text-align: center; float: left; }
    aside #books .thumb-list li > a img { float: none; margin: 0; border: none; }
    aside #books .thumb-list .details { width: 170px; }
    
    aside .side-photos { border-style: solid; border-width: 1px; float: left; padding: 9px; width: 280px; }
    aside .side-photos .next, aside .side-photos .prev { bottom: 16px; }
    aside .side-photos .next { left: 235px; }
    aside .side-photos .prev { left: 16px; }
    aside .side-photos .photo-slider { width: 258px; background: #751100; padding: 11px; }
    
    
    
    
    
    
    
    /* FOOTER */
    footer { position: relative; float: left; width: 100%; height: 26px; background-position: top left; background-repeat: no-repeat; margin-top: 20px; font-size: 1.2em; color: #fff; padding-top: 7px; }
        footer a { color: #fbe0da; text-decoration: none; float: left; padding: 1px 0; margin: 1px 0 0; }
            footer a:hover { text-decoration: underline; }
        footer span { float: left; margin: 0 10px; color: #fbe0da; }
        footer #fl { float: left; padding-left: 12px; }
        footer #fr { float: right; padding-right: 12px; }
        footer .rss, .rss-list a { background: url(../img/ico-rss.png) left center no-repeat; padding-left: 23px; }
        footer .active { text-decoration: underline; }
        
        footer #fp { position: absolute; top:50px; right:0; color:#000 !important }
        footer #fp span { color:#000 !important }
        footer #fp a { color:#000 !important }      
        
    
    /* MAIN PAGE */
    .box { float: left; width: 100%; }
    .box .section-title { font-size: 1.2em; float: left; margin-bottom: 10px; }
    
    .box .thumb-list { width: 100%; }
    .box .thumb-list li { margin: 0 0 10px; }
    .box .thumb-list .details { width: 142px; }
    .box > a > img { float: left; margin-bottom: 10px; }
    .box .photo-slider ul { width: 295px; height: 216px; }
    .box .photo-slider ul li { width: 295px; height: 216px; }
    
    .box-col { padding-top: 15px; }
    
    
    /* CONTEUDO */
    .content > h2, #inner-top > h2 { float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; padding-bottom: 4px; margin-bottom: 5px; }
        .content > h2 span, #inner-top > h2 span { float: left; font-size: 2em; }
        #inner-top > h2 { padding-top: 14px; }
    
    .intro-box { margin: 10px 0 5px; }
    .intro-box p { font-size: 1.2em; }
        .intro-box p a { text-decoration: none; }
        .intro-box p a:hover, .intro-box a:hover + p a { text-decoration: underline; }
    .intro-box .options { float: left; width: 100%; margin: 5px 0; }
        .intro-box .options a { float: left; width: 22px; height: 18px; background-position: center top; background-repeat: no-repeat; margin-right: 5px; text-indent: -9000px; }
            .intro-box .options a:hover { background-position: bottom center; }
        
    div.search-by-province { margin-top:20px; }
    .search-by-province #map { float: left; width: 618px; height: auto; border-style: solid; border-width: 1px;  padding-bottom:  10px;}
        #map .details { float: left; padding: 19px 0 0 19px; width: 205px; }
        #map .detail, #map .detail_bpc { display: none; }
        #map .details h3 { font-size: 1.4em; }
        #map .details ul { list-style: none; padding-top: 5px; }
        #map .details ul li { background-position: top left; background-repeat: no-repeat; padding-left: 25px; font-size: 1.2em; margin-top: 15px; }
        #map .details li.ico-poi p { padding-top: 4px; }
        #map .sel_bpc, #map .sel_bpc_luanda {margin-top: 20px; width: 100%;}
        /*#map .sel_bpc select, #map .sel_bpc_luanda select{display: block; margin: 10px 0; width: 100%; border: 1px solid #333; border-radius: 4px; font-size: 1.2em; margin: 10px 0; height: 25px; line-height: 25px; color: #400101;-webkit-appearance: none;}
        #map .municipio, #map .balcao{width: 100px; height: 34px; overflow: hidden; background: url(../img/angola/selectBox.png) no-repeat right white; border: 1px solid #ccc;}*/

        #map .sel_bpc label, #map .sel_bpc_luanda label{ position: relative; display: inline-block;}
        #map .sel_bpc select, #map .sel_bpc_luanda select { display: inline-block; padding: 4px 3px 5px 5px; width: 200px; outline: none; color: #400101; border: 1px solid #C8BFC4; border-radius: 4px; box-shadow: inset 1px 1px 2px #ddd8dc; background-color: #fff;font-size: 1.2em; }
        /*#map .sel_bpc select:hover, #map .sel_bpc_luanda select:hover{ background-color: #b32100; }*/
        #map .sel_bpc option:checked:hover, #map .sel_bpc select:focus option:checked:hover,  #map .sel_bpc_luanda select:focus option:checked:hover, #map .sel_bpc_luanda option:checked:hover { background-color: #b32100; color: #b32100; }

/* Select arrow styling */
#map .sel_bpc .notIE label:after, #map .sel_bpc_luanda .notIE label:after{ content: ''; width: 23px; height: 21px; position: absolute; display: inline-block; top: 4px; right: 4px; background: url(../img/angola/selectBox.png) no-repeat right center white; pointer-events: none; }
    /*target Internet Explorer 9 and Internet Explorer 10:*/
    @media screen and (min-width:0\0) { #map .sel_bpc .notIE label:after, #map .sel_bpc_luanda .notIE label:after{ display:none; } }




        #map .detail_bpc { float: right; width: 295px; text-align:left; font-size: 1.2em !important;}
        #map .detail_bpc h3 { background:url(../img/angola/bpc_big.png) no-repeat -5px -7px;text-indent:-99999px;overflow:hidden;height:32px;}
        #map .detail_bpc .balcoes { list-style: none; padding-top: 5px; }
        #map .detail_bpc .balcoes>li { font-size: 1.0em !important; padding-left: 0px; float: left; width:120px; margin: 0px 5px; margin-top: 10px;}
        #map .detail_bpc .detail_balcoes{display: none;}
        #map .patrocinio{float: right; margin: 5px 4px 0 0;text-align: right; padding-top: 7px; width: 125px;}
        #map .patrocinio span{overflow:hidden;background:url(../img/angola/bpc_powered.png) no-repeat 5px -4px transparent; width:60px; height:25px; display: block; float: right;text-indent: 90px; margin-top: -5px;}
        #map .sel_bpc p, #map .sel_bpc_luanda p{font-size: 1.05em; padding: 3px 0 0 25px; background: url(../img/angola/bpc_icon_azul.png) no-repeat 0px 0px transparent; height: 18px; margin-bottom: 10px;}       
        #map #image { float: right; margin: -7px 17px 0 0; background-position: top left; background-repeat: no-repeat; }
    
    .double-thumb-list { padding-top: 10px; }
    .double-thumb-list .thumb-list { width: 600px; border-style: solid; border-width: 1px; padding: 9px; }
    .double-thumb-list .thumb-list li { width: 300px; }
    .double-thumb-list .thumb-list li .details { width: 140px; }
    
    
    /* CONTEUDO 600 */
    #inner { background: #fff; float: left; }
    #inner-top { float: left; width: 600px; padding: 0 10px; }
    
    /* ARTIGO */
    article h1, article h2 { font-size: 1.8em; font-weight: bold; }
    article h3 { font-size: 1.2em; font-weight: bold; padding-right: 230px; }
    article .top-options { float: left; width: 100%; padding: 10px 0 14px; background-position: center bottom; background-repeat: no-repeat; }
    article .source { float: left; font-size: 1.1em; padding: 3px 0 0; }
    article .links { float: right; font-weight: bold; }
        article .links span { float: left; margin: 2px 6px 0; }
        article .links a { float: left; background-position: center top; background-repeat: no-repeat; text-indent: -9000px; }
        article .links .ico-facebook, article .links .ico-twitter { width: 17px; height: 17px; margin: 0 4px; }
        article .links .ico-email { width: 20px; height: 13px; margin: 3px 10px 0 0; }
        article .links .ico-text-minus, article .links .ico-text-plus { z-index:100; width: 18px; height: 14px; margin-top: 1px; }
        article .links .ico-text-minus { margin-right: 8px; margin-left: 4px; }
        article .links a:hover { background-position: bottom left; }
        
    article img { float: left; margin: 10px 0; }
        
    article .bottom-options { float: left; width: 100%; margin-bottom: 10px; }
    article .author { float: left; font-size: 1.1em; padding: 4px 0 0; float: right; }
    article .ico { float: right; width: 22px; height: 18px; background-position: center top; background-repeat: no-repeat; text-indent: -9000px; margin-left: 15px; float: left; }
        article .ico:hover { background-position: bottom left; }
        
    article .bottom-options a.ico-fotos{ background-image: url("../img/angola/ico-fotos-article.png") !important; width:40px !important; height: 29px !important; }     
    article .bottom-options a.ico-videos{ background-image: url("../img/angola/ico-videos-article.png") !important; width:47px !important; height: 29px !important; }       
    article .bottom-options a.ico-mapa{ background-image: url("../img/angola/ico-mapa-article.png") !important; width:41px !important; height: 29px !important; }           

        
    article .text { float: left; width: 400px; font-size: 1.3em; line-height: 1.4em; }
        article .text p { padding-bottom: 1.5em; }
    article .text-full { width: auto }
        
    article #sidebar { float: right; width: 162px; padding: 9px; border-style: solid; border-width: 1px; font-size: 1.2em; }
        article #sidebar p.title { font-size: 1.2em; }
        article #sidebar .title { font-weight: bold; }
        article #sidebar ul li { padding-top: 4px; }
        article #sidebar ul li.title { padding-top: 0; }

        article #sidebar ul { list-style: none; background-position: left top; background-repeat: no-repeat; padding-left: 24px; margin-top: 15px; }
        
    .contacts > div { float: left; width: 600px; padding: 9px; border-style: solid; border-width: 1px; font-size: 1.2em; }
        .contacts .address { float: left; width: 315px; }
        .contacts .numbers { float: left; width: 285px; }
        
    .col-left > .thumb-list .details, .col-right > .thumb-list .details { width: 144px; }
    
    
    /* COMENTARIOS */
    #comments { background: #f5f1f0; float: left; width: 602px; padding: 9px; margin-bottom: 8px; }
        .comments-options { float: left; width: 100%; margin-bottom: 9px; }
        #comments .pages { float: left; padding-left: 4px; }
            #comments .pages a { float: left; font-size: 1.2em; text-decoration: none; background-position: top left; background-repeat: no-repeat; width: 17px; height: 15px; text-align: center; margin-right: 4px; color: #fff; padding-top: 2px; }
                #comments .pages a.active, #comments .pages a:hover { background-position: bottom left; }
                
        #comments .order-picker { float: right; width: 131px; border-style: solid; overflow: hidden; padding: 5px 0 0 5px; }
        #comments .order-picker  select { background: transparent; width: 164px; height: 18px; border: none; font-size: 1.1em; -webkit-appearance: none; }
        
        #comments .comment { float: left; width: 600px; border-style: solid; border-width: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-position: top left; background-repeat: repeat-y; padding-bottom: 9px; margin-bottom: 9px; }
        
        #comments .comment .profile { float: left; width: 74px; padding: 20px 0 0 12px; }
            #comments .profile .frame { float: left; padding: 4px 10px 10px 4px; position: relative; }
            #comments .profile img { float: left; }
            #comments .profile span { position: absolute; top: 0; left: 0; width: 62px; height: 62px; background-position: top left; background-repeat: no-repeat; }
            #comments .profile-tw span { background-image: url(../img/comment_twitter.png); }
            #comments .profile-fb span { background-image: url(../img/comment_facebook.png); }
            #comments .profile-sp span { background-image: url(../img/comment_sapo.png); }
            #comments .profile-unk span { background-image: url(../img/comment_unknown.png); }
            
        #comments .author-votes { float: left; width: 490px; padding: 18px 0 0 12px; }
            #comments .author { float: left; font-size: 1.1em; }
                #comments .author a { font-size: 1.35em; font-style: italic; }
            #comments .vote { float: right; }
                #comments .vote a { float: left; width: 25px; height: 25px; background-position: top left; background-repeat: no-repeat; text-indent: -9000px; margin: 0 5px 0 0; }
                    #comments .vote a:hover { background-position: bottom left; }
                #comments .vote span { color: #fff; background-position: top left; background-repeat: repeat-x; height: 20px; padding: 0 8px; float: left; font-size: 1.2em; padding-top: 5px; }
                .borderradius #comments .vote span { -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; margin-top: 0; }
                
            #comments .comment .text { float: left; padding: 0 0 0 17px; background-position: top left; background-repeat: no-repeat; font-size: 1.2em; width: 450px; margin: 10px 0 7px; }
            
            #comments .comment .links { float: right; padding: 0 9px 0 0; }
                #comments .links a { float: left; font-size: 1.1em; background-position: center left; background-repeat: no-repeat; padding-left: 16px; margin: 8px 11px 0 3px; text-decoration: none; }
                    #comments .links a:hover { text-decoration: underline; }
                    
    .generic-button { height: 25px; color: #fff; background-position: top left; background-repeat: repeat-x; border: none; float: left; font-size: 15px; }
        .borderradius .generic-button { border-style: solid; border-width: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
        .generic-button:hover { background-position: bottom left; }
        
        
    #new-comment { float: left; width: 100%; padding: 10px 0; }
        #new-comment .title { font-size: 1.6em; }
            #new-comment .title span { float: left; width: 18px; height: 16px; background-position: top left; background-repeat: no-repeat; margin: 3px 8px 0 0; }
        #new-comment .text-holder, #suggestion .text-holder { float: left; width: 590px; border-style: solid; border-width: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; padding: 5px; margin-top: 7px; }
            #new-comment .text-holder textarea, #suggestion .text-holder textarea { border: none; width: 100%; height: 138px; background: transparent; font-size: 1.2em; color: #333; padding: 0; -webkit-appearance: none; }
            
        #new-comment .login { float: left; width: 578px; margin: 0 0 0 10px; border-style: solid; border-width: 0 1px 1px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 10px 0; }
        
        #new-comment .login .username { float: left; font-style: italic; font-size: 1.4em; padding-left: 13px; }
        #new-comment .login .profile { padding-left: 21px; }
        
        #new-comment .login .links { float: right; font-size: 1.2em; padding: 0 29px 0 0; }
            #new-comment .links a { float: left; width: 25px; height: 25px; background-position: top left; background-repeat: no-repeat; text-indent: -9000px; margin: 9px 9px 0 0; padding: 0; }
                #new-comment .links .facebook { background-image: url(../img/login-facebook.png); }
                #new-comment .links .twitter { background-image: url(../img/login-twitter.png); }
                #new-comment .links .sapo { background-image: url(../img/login-sapo.png); }
                
        #new-comment .options { float: left; width: 580px; padding: 10px 0 0 10px; }
            #new-comment .options label { padding: 6px 0 0; float: left; }
            #new-comment .options label input { vertical-align: middle; margin-right: 9px; }
            #new-comment .options .generic-button { float: right; margin-left: 9px; }
            
            
    /* ENVIO DE SUGESTOES */
    #suggestion { float: left; width: 100%; }
        #suggestion .intro { font-size: 1.2em; font-weight: bold; padding: 20px 0; }
        #suggestion .lead { font-size: 1.2em; }
        #suggestion .form-title { float: left; width: 100%; background-position: bottom left; background-repeat: no-repeat; font-size: 1.6em; padding: 18px 0 9px; margin: 0 0 8px; }
        
        #suggestion form { float: left; width: 100%; background: #f5f1f0; }
            #suggestion form > p { font-size: 1.1em; padding: 5px; }
            
            #suggestion form > div { float: left; width: 524px; padding: 15px 0 15px 36px; }
            
        #suggestion fieldset label { font-size: 1.3em; float: left; padding-top: 6px; }
        #suggestion fieldset .text { float: left; border-style: solid; border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 1.2em; padding: 5px 5px 3px; }
        
        #suggestion fieldset { float: left; width: 100%; padding-bottom: 8px; }
        #suggestion .top-fields label { width: 66px; }
        #suggestion .top-fields .text { width: 446px; }
        
        #suggestion .top-fields .fl, #suggestion .top-fields .fr { width: 240px; }
        #suggestion .top-fields .fr { float: right; }
        #suggestion .top-fields .fl .text, #suggestion .top-fields .fr .text { width: 162px; }
        #suggestion fieldset.error label { color: red !important; }
        
        #suggestion .file { padding: 20px 0 0; float: left; }
        .ie7 #suggestion .file, .ie8 #suggestion .file { width: 100%; }
        #suggestion .subject label { width: 66px; font-weight: bold; }
        #suggestion .subject > div { float: left; width: 170px; border-style: solid; overflow: hidden; padding: 5px 0 0 5px; }
        #suggestion .subject > div select { background: transparent; width: 200px; height: 18px; border: none; font-size: 1.2em; -webkit-appearance: none; }
        
        #suggestion .info { float: left; padding: 0 0 0 24px; }
            #suggestion .info label { width: 162px; }
            #suggestion .info .text { width: 194px; }
            #suggestion .info fieldset { position: relative; overflow: hidden; }
                #suggestion .info #file { position: absolute; top: 0; right: 132px; filter:alpha(opacity=0); opacity: 0; }
                .ie7 #suggestion .info #file { zoom: 4; }
            
        #suggestion .info span { float: left; font-size: 1.1em; padding: 7px 0 0 7px; }
        
        #suggestion .message { padding-top: 20px; }
            #suggestion .message label { font-weight: bold; }
        #suggestion .text-holder { width: 512px; }
        
        #suggestion #terms { float: left; width: 512px; border-style: solid; border-width: 1px; background: #fff; font-size: 1.1em; padding: 5px; height: 80px; overflow: auto; }
    
        #suggestion .accept label { font-size: 1.1em; margin-bottom: 20px; }
        #suggestion .accept input { vertical-align: middle; margin-right: 9px; }
        
        #suggestion p.error { float: left; width: 500px; background: url(../img/bg_error.png) left center no-repeat; color: #f00; margin-bottom: 10px; padding: 1px 0 1px 20px; }
        
        #suggestion .submit { float: left; width: 70px; text-align: center; height: 25px; background-position: top left; background-repeat: no-repeat; font-size: 1.5em; color: #fff; border: none; padding-right: 15px; }
            #suggestion .submit:hover { background-position: bottom left; }
        
        
    /* IMAGE LIST */
    .image-list { float: left; border-style: solid; border-width: 1px; list-style: none; padding: 9px; margin-top: 12px; }
        .image-list li { float: left; width: 182px; text-align: center; position: relative; font-size: 1.4em; font-weight: bold; }
        .image-list img { float: left; margin-bottom: 5px; }
        .image-list a { text-decoration: none; }
            .image-list a:hover { text-decoration: underline; }
        .image-list .splitter { width: 100%; height: 1px; margin: 10px 0; }
        .ie7 .image-list, .ie8 .image-list { width: 600px; }
         
        .content .image-list .middle { margin-left: 27px; margin-right: 27px; }
        #inner .image-list .middle { margin-left: 17px; margin-right: 17px; }
        
        .image-list li span { position: absolute; width: 35px; height: 35px; top: 50px; left: 50%; margin-left: -17px; background-position: top left; background-repeat: no-repeat; }
            .image-list li a:hover span { background-position: bottom left; }
        
    .list-pages { float: left; width: 100%; font-size: 1.2em; padding: 10px 0; }
        .list-pages .inner { float: left; }
        .list-pages .text { float: left; }
        .list-pages .num { float: left; padding: 0 14px; }
            .list-pages a { text-decoration: none; }
                .list-pages .text { margin: 2px 0 0; }
                .list-pages .text:hover { text-decoration: underline; }
            .list-pages .num a { text-decoration: none; float: left; text-align: center; height: 14px; border-style: solid; border-width: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1px 5px 0; margin: 0 4px; }
            .list-pages .num a:hover, .list-pages .num a.active { border: none; height: 15px; padding-left: 6px; padding-right: 6px; padding-top: 2px; color: #fff; }
        
        
    /* SEARCH LIST */
    .search-list { float: left; padding: 9px; margin-top: 12px; border-style: solid; border-width: 1px; }
        .ie7 .search-list, .ie8 .search-list { width: 600px; }
        .ie7 #inner-top .search-list, .ie8 #inner-top .search-list { width: 580px; }
        .search-list .date { font-size: 1.2em; }
        .search-list .splitter { width: 100% !important; margin: 15px 0; height: 1px; }
        
        .content .search-list li { width: 300px; }
        .content .search-list li .details { width: 130px; }
        
        #inner .search-list li { width: 290px; }
        #inner .search-list li .details { width: 110px; }
        
    .search-hits { font-weight: bold; font-size: 1.2em; float: left; width: 100%; padding: 8px 0 16px; background-position: bottom left; background-repeat: no-repeat; }
    
    .search-area-hits { float: left; width: 100%; padding: 12px 0 0; }
        .search-area-hits .title { float: left; font-size: 1.4em; }
        .search-area-hits span { font-size: 1.25em; }
        .search-area-hits img { vertical-align: bottom; }
        .search-area-hits a { float: right; font-size: 0.9em; text-decoration: none; text-transform: uppercase; margin: 9px 0 0; }
            .search-area-hits a:hover { text-decoration: underline; }
    
    .new-search fieldset { float: left; padding: 10px 10px 15px; width: 600px; background: #f5f1f0; }
    .new-search fieldset p { font-size: 1.2em; margin-bottom: 10px; }
    
    .new-search .error { float: left; width: 400px; background: url(../img/bg_error.png) left center no-repeat; padding-left: 20px; font-size: 1.1em; color: red !important; margin: 10px 0 0; }
    
    
    /* TABBED PANEL */
    .tabbed-panel { float: left; width: 100%; }
        .tabbed-panel .tab-control a { float: left; width: 197px; text-align: center; font-size: 1.5em; font-weight: bold; height: 23px; border-style: solid; border-width: 1px; border-bottom-width: 0; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 5px; color: #fff; text-decoration: none; }
        .tabbed-panel a.middle { margin: 0 1px; width: 198px; }
        
    .tabbed-panel .tab { float: left; padding: 15px 20px; width: 558px; border-style: solid; border-width: 1px; border-top-width: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 1.2em; display: none; }
    
    #video-player { float: left; padding: 9px; background: #aaa; margin: 10px 0; }
    article .video-description { width: 100%; }
    
    .image-slider { width: 600px; }
    .image-slider ul { list-style: none; }
    /*.image-slider .image-list-controls { float: left; width: 100%; border-style: solid; border-top-width: 1px; padding: 6px 0 0; font-size: 1.4em; font-weight: bold; margin: 10px 0 0; }*/
    .image-list-controls { float: left; width: 100%; border-style: solid; border-top-width: 1px; padding: 6px 0 0; font-size: 1.2em; font-weight: bold; margin: 10px 0 0; }
    .image-list-controls p { float: left; width: 550px; text-align: center; padding: 7px 0 0; }
    .image-slider a { width: 25px; height: 25px; background-position: top left; background-repeat: no-repeat; text-indent: -9000px; }
        .image-slider .prev { float: left; }
        .image-slider .next { float: right; }
        .image-list-controls a:hover { background-position: bottom left; }
        
    #inner-top .list-title { float: left; width: 100%; font-size: 1.8em; border: none; margin: 0; margin-bottom: -8px; }
        
    .rss-intro { float: left; width: 100%; font-size: 1.2em; padding: 9px 0 0; }
    .rss-list { list-style: none; font-size: 1.2em; float: left; width: 100%; padding: 10px 0 100px; }
        .rss-list li { }
        .rss-list a { text-decoration: none; display: block; padding: 4px 0 4px 20px; }
            .rss-list a:hover { text-decoration: underline; }
            
            
    /* PHOTO DETAIL SLIDER */
    #photo-slider { width: 588px; padding: 6px; background: #000; border: none; margin-bottom: 22px; }
    #photo-slider p { font-size:1.1em }
    #photo-slider li { width: 588px; display: none; }
    #photo-slider li img { margin: 0; float: none; max-width:586px; max-height:320px }
    #photo-slider td { width: 588px; height: 323px; vertical-align: middle; text-align: center; padding: 0; }
    #photo-slider .image-list-controls { border: none; padding-bottom: 8px; padding-top: 0; }
    #photo-slider .image-list-controls a { float: left; margin-top: 4px; margin-right:7px }
    #photo-slider .image-list-controls p { width: 498px; color: #fff; padding-top: 0; }
    #photo-slider .image-list-controls .name { float: left; width: 100%; }
        

/* COLORS, BACKGROUNDS */
.angola #long-bg { background: url(../img/angola/bg_html.png) top left repeat-x; }
    .angola #inner-long-bg { background: url(../img/angola/bg_body.png) top center no-repeat; }
    /* HEADER */
    .angola header #logo { background-image: url(http://imgs.sapo.pt/sapologos/current/0dfc8579b7a0e936f4a1df3e75b7dea6d72b8777c94346347e4c2fcb226735b6.png); width: 202px; height: 40px; }
    .angola header #lang { background-image: url(../img/angola/bg_lang.png); }
    .angola header #weather { background-image: url(../img/angola/bg_weather.png); }
    .angola header #weather .ico { background-image: url(../img/angola/bg_weather_ico.png); }
    .angola header #weather .max { color: #ffce20; }
    .angola header #weather .min { color: #000; }
    .angola header #city-picker { background: url(../img/angola/bg_city_picker.png) top left no-repeat; }
    
    /* NAV */
    .angola nav li { background-image: url(../img/angola/nav/splitter.png); margin-right: 12px; padding-right: 12px; }
    .angola nav li.last { margin-right: 0; padding-right: 0; }
    .angola nav .splitter { background-image: url(../img/angola/nav/splitter.png); }
    .angola #search .text, .angola .new-search .text { border-color: #d3380f; }
    .angola #search .button, .angola .new-search .button { background-image: url(../img/angola/btn_search.png); }
    
    /* BREADCRUMBS */
    .angola #breadcrumbs a, .angola #breadcrumbs span { color: #921f03; }
    
    /* HIGHLIGHTS */
    .angola #highlights { border: 1px solid #cf2700; }
    .angola #highlights .nav a { background-image: url(../img/angola/slider_nav.png); }
    
    /* COLUMNS */
    .angola .col-left .box-title-light, .angola .col-right .box-title-light { background-image: url(../img/angola/bar_light_296.png); }
    .angola .col-left .box-title-dark, .angola .col-right .box-title-dark { background-image: url(../img/angola/bar_dark_296.png); }
    .angola .col-full .box-title-light { background-image: url(../img/angola/bar_light_620.png); }
    
    .angola .ico-roteiros { background-image: url(../img/angola/ico-roteiros.png); }
    .angola .ico-austral { background-image: url(../img/angola/ico-austral.png); }
    .angola .ico-comer { background-image: url(../img/angola/ico-comer.png); }
    .angola .ico-dicas { background-image: url(../img/angola/ico-dicas.png); }
    .angola .ico-natureza { background-image: url(../img/angola/ico-natureza.png); }
    .angola .ico-lazer { background-image: url(../img/angola/ico-lazer.png); }
    .angola .ico-poi { background-image: url(../img/angola/ico-poi.png); }
    .angola .ico-info { background-image: url(../img/angola/ico-relacionado.png); }

    
    /* VIDEO PLAYER */
    .angola .video-player span { background-image: url(../img/angola/btn_play.png); }
    
    /* PHOTO SLIDER */
    .angola .photo-slider .zoom { background-image: url(../img/angola/ico-zoom.png); }
    .angola .photo-slider .prev, .angola .image-slider .prev { background-image: url(../img/angola/btn_left.png); }
    .angola .photo-slider .next, .angola .image-slider .next { background-image: url(../img/angola/btn_right.png); }
    .angola .image-slider .zoom { width:25px !important; margin-right:0px !important; background-image: url(../img/angola/btn_aumentar.png); }  
    
    
    /* BARRA LATERAL */
    .angola aside { background-image: url(../img/angola/bg_aside.png), url(../img/angola/bg_leopard.png); background-color: #650a00; }
    .angola aside .outer-title { background-image: url(../img/angola/aside_outer_title.png); }
    .angola aside .inner-title { background-image: url(../img/angola/aside_inner_title.png); }
    
    
    /* SIDEBAR BOXES BG COLOR */
    .angola aside #newsletter, .angola aside #facebook, .angola .aside-list ul, .angola .aside-quiz ul, .angola aside #curiosities, .angola aside #books, .angola aside .side-photos { background: #610b00; }
    .angola aside #newsletter .text { border-color: #d3380f; }
    
    .angola aside .thumb-list .lead a { color: #cf2700; }
    .angola #new-comment .title span { background-image: url(../img/angola/ico-comments-s.png); } /* remover ? */
    .angola aside .box-title a, .angola .list-pages a { color: #e84719; }
    
    /* FOOTER */
    .angola footer { background-image: url(../img/angola/bg_footer.png); }
    .angola footer #fr a { color: #ff4d24; }
    
    /* INTRO BOXES */
    .angola .content > h2, .angola #inner-top > h2 { border-color: #f9ab8f; }
    .angola h2.logo-austral { background-image: url(../img/angola/logo-austral.png); background-repeat:no-repeat; background-position: right}
    
    /* ARTICLE */
    .angola article .source { color: #c38686; }
    .angola article .links { color: #cf2700; }
    .angola article .ico-facebook { background-image: url(../img/ico-facebook.png); }
    .angola article .ico-twitter { background-image: url(../img/ico-twitter.png); }
    .angola article .ico-email { background-image: url(../img/angola/ico-email.png); }
    .angola article .ico-text-minus { background-image: url(../img/angola/ico-text-minus.png); }
    .angola article .ico-text-plus { background-image: url(../img/angola/ico-text-plus.png); }
        
    .angola .ico-ficar { background-image: url(../img/angola/ico-ficar.png); }
    .angola .ico-poi { background-image: url(../img/angola/ico-poi.png); }
    .angola .ico-capital { background-image: url("../img/angola/ico-capital.png"); }
    .angola .ico-population { background-image: url(../img/angola/ico-population.png); }
    .angola .ico-area { background-image: url(../img/angola/ico-area.png); }
    .angola .ico-clima { background-image: url(../img/angola/ico-clima.png); }
    .angola .ico-coin { background-image: url(../img/angola/ico-coin.png); }
    .angola .ico-rios { background-image: url("../img/angola/ico-rios.png"); }
    .angola .ico-indicativo { background-image: url("../img/angola/ico-indicativo.png"); }
    .angola .ico-lingua { background-image: url("../img/angola/ico-lingua.png"); }
    
    .angola .generic-button { background-image: url(../img/angola/bg_generic_button.png); }
            
    .angola #comments .pages a { background-image: url(../img/angola/slider_nav.png); }
    .angola #comments .order-picker { background-image: url(../img/angola/bg_city_picker.png); }
    .angola #comments .comment { border-color: #ffc4b7; background-color: #fdeeeb; background-image: url(../img/angola/bg_comment.png); }
    .angola #comments .author { color: #c38686; }
    .angola #comments .vote .thumb-up { background-image: url(../img/angola/thumb_up.png); }
    .angola #comments .vote .thumb-down { background-image: url(../img/angola/thumb_down.png); }
    .angola #comments .vote span { background-image: url(../img/angola/thumb_number.png); border-color: #FDEEEB; }
    .angola #comments .comment .text { background-image: url(../img/angola/comment_arrow.png); }
    .angola #comments .links .report { background-image: url(../img/angola/comment_report.png); color: #cabebc; }
    .angola #comments .links .perma { background-image: url(../img/angola/comment_perma_link.png); color: #8d8583; }
    .angola #comments .generic-button { border-color: #FDEEEB; }
    .angola #new-comment .text-holder { border-color: #ffbcad; }
    .angola #new-comment .login { border-color: #fee3dc; }

    .angola #suggestion fieldset .text, .angola #suggestion .text-holder { background: #fff; border-color: #fdc4b7; color: #333; }
    .angola #suggestion fieldset.error .text, .angola #suggestion fieldset.error .text-holder { background: #ffead4; border-color: #f00; }
    .angola #suggestion .subject > div { background-image: url(../img/angola/bg_matter.png); }
    .angola #suggestion #terms { border-color: #c9c9c9; }
    .angola #suggestion .submit { background-image: url(../img/angola/btn_send.png); }
    
    .angola .image-list, .angola .search-list { border-color: #ffe2da; }
        .angola .image-list .splitter, .angola .search-list .splitter { background: #ffe2da; }
        .angola .image-list a span { background-image: url(../img/angola/btn_play_s.png); }
    .angola .list-pages .num a:hover, .angola .list-pages .num a.active { background: url(../img/angola/bg_list_nav.png) top left repeat-x; }
    
    .angola .tabbed-panel .tab-control a { background: #cf2700; border-color: #cf2700; }
    .angola .tabbed-panel .tab-control a.active { color: #cf2700; }
    .angola .image-list-controls { color: #d32c04; }
    
    .angola .rss-list a { color: #881b01; }
    
    /* COR DO TEXTO CASTANHO #471b00; */
    .angola header #city-picker select, .angola #new-comment .username, .angola #suggestion form > p, .angola #suggestion fieldset label, .angola #suggestion .info span, .angola #suggestion #terms { color: #471b00; }
    
    /* COR DO TEXTO CASTANHO #400101 */
    .angola div.details p.title a, .angola nav a.active, .angola nav a:hover, .angola #breadcrumbs, .angola .box-title span, .angola .box-title-dark a, .angola .box .section-title, .angola .thumb-list h3 a, .angola .thumb-list .lead, .angola .intro-box p, .angola .content > h2 span, .angola #inner-top > h2 span, .angola article #sidebar a, .angola article .text, .angola article .author, .angola article h2, .angola article h3, .angola article h1, .angola #new-comment label, .angola #new-comment label a, .angola #new-comment .login .links, .angola #new-comment .title, .angola #comments .author a, .angola #suggestion > p, .angola #suggestion .accept label, .angola article #sidebar, .angola .contacts > div, .angola #comments .comment .text, .image-list li a, .angola .search-hits, .angola .new-search fieldset p, .angola .tabbed-panel .tab, .angola #inner-top .list-title, .angola .rss-intro, .angola #map, .angola #map .details ul li a, .angola .search-area-hits, .angola p.numbers a, .angola article .text a { color: #400101; }
    .angola div.details p.title a { text-decoration:none; font-size: 1.4em; font-weight: bold;} 
        .angola div.details p.title a:hover { text-decoration:underline}    
    
    /* COR DO TEXTO VERMELHO ESCURO #a72707 */
    .angola .box-title-light a, .angola .thumb-list .lead a, .angola .intro-box p a, .angola .search-list .date, .angola .search-area-hits a { color: #a72707; }
    
    /* COR DE BORDER #C7330D */
    .angola aside #contest img, .angola aside #newsletter, .angola aside #facebook, .angola .aside-list ul, .angola .aside-list ul li, .angola aside #curiosities, .angola aside .thumb-list a img, .angola aside .side-photos, .angola .aside-quiz ul, .angola .aside-quiz ul li, .angola aside #books { border-color: #C7330D; }
    
    /* COR DE BORDER VERMELHO MT CLARO #ffe1d9 */
    .angola .search-by-province #map, .angola .double-thumb-list .thumb-list, .angola article #sidebar, .angola .contacts > div, .angola .list-pages .num a, .angola .tabbed-panel .tab-control a.active, .angola .tabbed-panel .tab, .angola .image-list-controls { border-color: #ffe1d9; }
    
    /* COR DE FUNDO QUASE BRANCO #fff9f8; */
    .angola .search-by-province #map, .angola .double-thumb-list .thumb-list, .angola article #sidebar, .angola .contacts > div, .angola #new-comment .login, .angola .list-pages .num a, .angola .search-list, .angola .tabbed-panel .tab-control a.active, .angola .tabbed-panel .tab { background: #fff9f8; }
    
    /* IMAGEM DE FUNDO bar_light_600.png */
    .angola .top-options, .angola #suggestion .form-title, .angola .search-hits, .angola .no-results .box-title-light { background-image: url(../img/angola/bar_light_600.png); }
    
    /* COR DE TEXTO BRANCO */
    .angola aside .box-title span, .angola aside .thumb-list h3 a, .angola aside .thumb-list .lead, .angola footer #fr .active { color: #fff; }
    
    
    /* ICONE GENERICO FOTOS 22x18 */
    .angola #highlights .options a.foto, .angola .thumb-list .options .ico-fotos, .angola .intro-box .options .ico-fotos, .angola article .ico-fotos { background-image: url(../img/angola/ico-fotos-final.png); }
    
    /* ICONE GENERICO VIDEOS 22x18 */
    .angola #highlights .options a.video, .angola .thumb-list .options .ico-videos, .angola .intro-box .options .ico-videos, .angola article .ico-videos { background-image: url(../img/angola/ico-videos-final.png); }
    
    /* ICONE GENERICO COMENTARIOS 22x18 */
    .angola #highlights .options a.comment, .angola .thumb-list .options .ico-comments, .angola .intro-box .options .ico-comments { background-image: url(../img/angola/ico-comments-final.png); }

    /* ICONE GENERICO Mapa */
    .angola .options a.ico-mapa , .angola #highlights .options a.mapa, .angola .thumb-list .options .ico-mapas, .angola .intro-box .options .ico-mapas, .angola article .ico-mapas { background-image: url("../img/angola/ico-mapa-final.png"); }
    .angola #map #image { background-image: url(../img/angola/map111113/angola.png); }
    .angola .rotas #long-bg {
        background: url("../img/angola/bg_html2.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    }
    .angola .rotas #inner{
        margin-top: 2px;
    }
    .angola .rotas #breadcrumbs, .angola .rotas #breadcrumbs a, .angola .rotas #breadcrumbs span {
        color: #fff;
    }
    .rotas #highlights{
        margin-top: 20px;
    }
    .rotas #highlights ul li{
        position: relative;
    }
    .rotas #highlights ul li .details{
        background: rgba(42, 111, 160, .84);
    }
    .rotas #highlights .sub-cat{
        background-color: #519fd7; /* layer fill content */
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.31); /* drop shadow */
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.31); /* drop shadow */
        box-shadow: 0 1px 2px rgba(0,0,0,.31); /* drop shadow */
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        right: -5px;
        top: 10px;
        display: inline-block;
        padding: 5px 10px;
        font-size: 14px;
        z-index: 100;
    }
    .rotas .content .search-list li .sub-cat{
        background-color: #519fd7; /* layer fill content */
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.31); /* drop shadow */
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.31); /* drop shadow */
        box-shadow: 0 1px 2px rgba(0,0,0,.31); /* drop shadow */
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        right: 155px;
        top: 5px;
        display: inline-block;
        padding: 3px 7px;
        font-size: 12px;
        float: right;
    }
    .angola .rotas #highlights {
        border: none;
    }
    .angola .rotas #highlights .badge{
        background: url(../img/angola/rotas-badge.png) no-repeat top left transparent;
        width: 160px;
        height: 160px;
        position: absolute;
        top: 15px;
        left: 15px;
        z-index: 100;
    }


/* T7 fix */
.angola article .ico-mapa { background-image: url(../img/angola/ico-mapa-final.png); }
.cv article .ico-mapa { background-image: url(../img/cv/ico-mapa-final.png); }
.mz article .ico-mapa { background-image: url(../img/mz/ico-mapa-final.png); }

.angola article .box-title-light { background-image: url("../img/angola/bar_light_600.png"); }
.cv article .box-title-light { background-image: url("../img/cv/bar_light_600.png"); }
.mz article .box-title-light { background-image: url("../img/mz/bar_light_600.png"); }

#map-holder { float: left; padding: 9px; background: #aaa; margin: 10px 0; }
.article-detail { display: none; }
.article-detail h4 { margin-bottom: 0; }

/* final */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.ie7 .clearfix { float: left; width: 100%; }

div.num span { float:left !important}


span#art-partilhar { margin-right:0 !important}

#social-share {
    float: left;
    height: 17px;
    position: relative;
    width: 90px;
}

body.foto #social-share, body.video #social-share, body.links-uteis #social-share {
    width: 70px !important;
}

.social a { 
    margin-right: 5px;
    height: 17px;
    width: 17px;
}

.sapo_sharethis_generate_pdf {
    display: none !important;
}

.sapo_sharethis_container > span {
    display: none !important;
}

.sapo_sharethis_iconview span { width: 100% !important; height: 100% !important; background-position: top center !important; }
a .sapo_sharethis_sprite_facebook { background-image: url(../img/ico-facebook.png) !important; }
a:hover .sapo_sharethis_sprite_facebook { background-position: bottom center !important; !important; }
a .sapo_sharethis_sprite_twitter { background-image: url(../img/ico-twitter.png) !important; }
a:hover .sapo_sharethis_sprite_twitter { background-position: bottom center !important; !important; }

#social-share > a { position: absolute; left:50px; margin-top:5px;  height: 13px; width: 20px !important; background-image: url("../img/angola/ico-email.png") !important; background-position: left top !important; }
#social-share > a:hover { background-position: bottom center !important; !important; }  

.sapo_sharethis_floating_balloon {width: 200px !important }
.sapo_sharethis_close {text-indent:-15px !important; width:auto !important; height: auto !important; }

.sapo_sharethis_floating_balloon > span {right: -16px !important; top: 155px !important; }


.m-bottom { margin-bottom:15px}

div#form-success { height:300px; font-size:1.4em; margin-top:20px; font-weight:bold; float:left;}

/* no results */
.no-results { background: #fff; width: 600px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
.no-results fieldset { width: 580px; }


#newsletter-form p.error, #newsletter p.info { color: #FFFFFF;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 3px;
    margin-top: 5px; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* BSU 2014 */
#bsu-v2-footer {
    float: left
}
.bsu-footer-links {
    list-style-type: none;
}
.bsu-footer-links li {
    display: inline;
}
footer #fl {
    width: 960px !important; 
    font-size: 11px !important;
}
footer span {
    margin: 2px 7px;
}
.bsu-v2-footer-light {
    width: 930px !important;
}
/* END BSU 2014 */