<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    CodeFile="Noticias.aspx.cs" Inherits="Noticias" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style type="text/css">
        body
        {
            font-family: Arial, "Helvetica" , sans-serif;
        }
        /* WRAPPER */#wrapper
        {
            display: block;
            position: relative;
            width: 714px; /* 714 */
            margin: 0 auto;
        }
        /* BREADCRUMBS */#breadcrumbs
        {
            display: block;
            position: relative;
            font-size: 12px;
            color: #039;
        }
        #breadcrumbs p
        {
            display: inline;
            color: #039;
            font-weight: bold;
        }
        #breadcrumbs a
        {
            display: inline;
            color: #333;
        }
        /* CONTEUDO */#conteudo2
        {
            display: block;
            position: relative;
            font-family: Georgia, "Times New Roman" , Times, serif;            
        }
        #conteudo2 hr
        {
            outline: none;
            border: none;
            border-bottom: 1px dotted #999;
        }
        #conteudo2 h1
        {
            color: #039;
            font-size: 1.5em;
            padding-bottom: 16px;
        }
        .noticia
        {
            line-height: 1.3em;
            text-align: justify;
        }
        #conteudo2 p
        {
            font-size: 0.95em;            
            padding-bottom: 16px;
            color: #333;
        }
        #conteudo2 p strong
        {
            color: #000;
        }
        #conteudo2 span.data
        {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 0.7em;
            color: #999;
        }
        /* FOTO */#conteudo2 #foto
        {
            display: block;
            position: relative;
            float: left;
            width: 320px;
            margin: 12px 16px 16px 0;
            font-size: 0.8em;
            color: #666;
            font-family: Arial, Helvetica, sans-serif;
        }
        #conteudo2 #foto img.foto
        {
            border-style: none;
            border-color: inherit;
            border-width: medium;
            display: block;
            position: relative;
            float: left;
            clear: both;
            top: 0px;
        }
        #conteudo2 #foto span.creditoFoto, #foto span.legenda
        {
            position: relative;
            float: left;
            clear: both;
        }
        #conteudo2 #foto span.creditoFoto
        {
            margin-bottom: 4px;
        }
        #conteudo2 #foto span.legenda
        {
            margin-top: 4px;
        }
        /* EXTRA CONTEUDO */#conteudo2 div.extraConteudo
        {
            display: block;
            position: relative;
            float: left;
            clear: both;
            border: 1px dotted #CCC;
            background: #F8F8F8;
            width: 300px; /* 320 */
            padding: 10px;
            margin: 4px 16px 16px 0;
        }
        #conteudo2 div.extraConteudo h4
        {
            margin: 0;
            color: #264a59;
            letter-spacing: -1px;
            line-height: 1.3;
            padding-bottom: 15px;
        }
        #conteudo2 div.extraConteudo p
        {
            font-size: 0.8em;
            line-height: 140%;
        }
        #conteudo2 div.extraConteudo p > a
        {
            color: #039;
            /*border-bottom: 1px dotted #264a59;*/
            text-decoration: none;
        }
        /* SAIBA MAIS */#conteudo2 div.saibaMais
        {
            display: block;
            position: relative;
            float: left;
            clear: both;
            border-top: 3px solid #264a59;
            border-bottom: 1px dotted #999;
            width: 320px; /* 320 */
            padding: 6px 0 6px 0;
            margin: 6px 16px 12px 0;
            top: 0px;
            left: 6px;
        }
        #conteudo2 div.saibaMais h4
        {
            margin: 0;
            margin-bottom: 6px;
            color: #264a59;
            letter-spacing: -1px;
        }
        #conteudo2 div.saibaMais ul
        {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        #conteudo2 div.saibaMais li
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.8em;
            background: url(imgs/icons/icon_list.jpg) no-repeat left;
            border-top: 1px dotted #999;
            padding: 6px;
            padding-left: 40px;
            line-height: 120%;
        }
        #conteudo2 div.saibaMais li a
        {
            text-decoration: none;
            color: #264a59;
        }
        #conteudo2 div.saibaMais li a:hover
        {
            text-decoration: underline;
        }
        /* YOUTUBE */#conteudo2 div.youTube
        {
            display: block;
            position: relative;
            float: left;
            clear: both;
            width: 320px; /* 320 */
            padding: 0;
            margin: 6px 16px 16px 0;
        }
        /* ADD THIS */#conteudo2 #addthis
        {
            border: 1px solid #ccc;
            padding-top: 8px;
            padding-left: 8px;
        }
        #conteudo2 #addthis p
        {
            float: left;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 0.7em;
            color: #333;
            font-weight: bold;
            line-height: 100%;
            margin: 5px 20px 0 0;
            padding: 0;
        }
        /* JCarousel Lite */#conteudo2 #list
        {
            display: block;
            position: relative;
            float: left;
            clear: both;
            margin: 0 16px 12px 0;
            border: 1px dotted #999;
            width: 318px; /* 320 */
            height: 65px;
        }
        #conteudo2 .slider
        {
            height: 60px;
        }
        #conteudo2 .slider ul
        {
            margin-top: -30px;
        }
        #conteudo2 .slider li
        {
        }
        #conteudo2 .slider img
        {
            cursor: pointer;
            border: 0;
            width: 80px;
            height: 60px;
            margin-top: 5px;
            padding-left: 5px;
        }
        #conteudo2 .prev
        {
            cursor: pointer;
            float: left;
            padding-left: 6px;
            padding-right: 0px;
            padding-top: 22px;
        }
        #conteudo2 .prev ul
        {
        }
        #conteudo2 .next
        {
            cursor: pointer;
            float: right;
            padding-left: 0px;
            padding-right: 6px;
            padding-top: 22px;
        }
        -- ></style>
    <!-- Lightbox CSS -->
    <link href="css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" media="screen" />
    <!-- add this -->

    <script type="text/javascript" src="js/addthis_widget.js"></script>

    <!-- jQuery -->

    <script type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript" src="js/jcarousellite_1.0.1.js"></script>

    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>

    <!-- jCarousel lite -->

    <script type="text/javascript">
        $(function() {
            /* carousel */
            $(".slider").jCarouselLite({
                btnNext: ".next",
                btnPrev: ".prev",
                circular: false,
                visible: 3
            });

            /* widget */
            $(".slider img").click(function() {
                $("img.foto").attr("src", $(this).attr("src"));
                $("img.foto").parent().attr("href", $(this).attr("src"));
                $(".legenda").html($(this).attr("title"));
                $(".creditoFoto").html($(this).attr("alt"));
            })
        });
    </script>

    <!-- jQuery lightBox -->

    <script type="text/javascript">
        $(function() {
            $("#foto a").lightBox();
        });
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:Panel ID="pnlCompartilhar" runat="server" Visible="false">
        <a href='<%Response.Write("http://www.facebook.com/share.php?u=" + Request.Url); %>'
            target="_blank">
            <img alt="rss" src="imgs/facebook32.png" title="Compartilhar no Facebook" /></a> <a href='<%Response.Write("http://twitter.com/?status=" + Request.Url); %>'
                target="_blank">
                <img alt="rss" src="imgs/twitter32.png" title="Compartilhar no Twitter" /></a> <a href='<%Response.Write(System.Configuration.ConfigurationManager.AppSettings["DIR_ROOT"] + "rssNoticias.aspx"); %>'
                    target="_blank">
                    <img alt="rss" src="imgs/rss32.png" title="rss feed" /></a>
    </asp:Panel>
</asp:Content>