﻿

/* FlavioOliveira >  20100208 > TagsHtml
 ---------------------------------------------------------------------- */
    
    html, body, form { margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; background-color: #A69E91; }
    body { padding: 0px 0px 20px 0px; }
    
    img { border: none; }
    
    a { text-decoration: none }
    
    h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
    
    div.Clear { clear: both; height: 0px; }




/* FlavioOliveira >  20100208 > Layout
 ---------------------------------------------------------------------- */

    div.MainContainer { margin: 0px auto; width: 1000px; }
    div.MainContainer div.pageTop { margin: 0px; width: 1000px; height: 100px; background-image: url(images/header-bk.gif); background-repeat: no-repeat; position: relative; }
    div.MainContainer div.pageTop img.logo { position: absolute; width: 310px; height: 100px; top: 0px; left: 0px; }
    div.MainContainer div.pageTop div.cData { position: absolute; width: 340px; height: 40px; top: 45px; right: 30px; text-align: right; font-size: 11px; color: #690000; font-weight: bold; }

    

    div.MainContainer div.PageMenu { background-color: #850000; position: relative; width: 990px; height: 40px; margin-left: 10px; }
    div.MainContainer div.PageMenu a { height: 40px; font-size: 16px; font-weight: bold; color: #FFFFFF; display: inline-block; padding: 10px 10px 0px 10px ; }
    div.MainContainer div.PageMenu a:hover { background-color: #6B0E0C; }
    
    

    div.MainContainer div.PageStage { padding: 0px 0px 20px 0px; background-color: #352c25; position: relative; overflow: hidden; width: 1000px; background-image: url(images/page-stage-bk.gif); background-repeat: repeat-y; background-position: left; }
    div.MainContainer div.PageStage div.leftColHP{ width: 655px; float: left; }
    div.MainContainer div.PageStage div.rightColHP{ width: 325px; float: right; }

    
    div.MainContainer div.PageStage div.generic-container { margin: 20px 0px 20px 30px; }
    div.MainContainer div.PageStage div.generic-container  h1 { color: #FFFFFF; font-size: 21px; }
    
    /* - Listas - */
    div.MainContainer div.PageStage div.generic-container div.list-container { position: relative; margin: 10px 0px; clear: both; color: #9A9692; }
    div.MainContainer div.PageStage div.generic-container div.list-item { border-top: solid 3px #120F0D; background-image: url(images/section-item-bk.png); background-repeat: repeat-x; margin: 3px 0px; padding: 3px; }
    div.MainContainer div.PageStage div.generic-container div.list-item a { color: inherit; }
    div.MainContainer div.PageStage div.generic-container div.list-item h2 { color: #FFFFFF; font-size: 15px; }
    div.MainContainer div.PageStage div.generic-container div.list-item img { width: 120px; height: 80px; float: right; margin-left: 10px; }
    div.MainContainer div.PageStage div.generic-container div.list-item div.creators { color: #9A9692; font-size: 11px; font-style: italic; }
    div.MainContainer div.PageStage div.generic-container div.list-item div.description { font-size: 12px; padding: 5px; }

    
    div.MainContainer div.PageStage div.breadcrumps { color: #68615D; }
    div.MainContainer div.PageStage div.breadcrumps a { color: #68615D; }


    
    /* - Detalhe dos Artigos - */
    div.MainContainer div.PageStage div.article-container { margin: 20px 0px 20px 30px; }
    div.MainContainer div.PageStage div.article-container h1 { color: #FFFFFF; font-size: 21px; }
    div.MainContainer div.PageStage div.article-container div.article-desc { margin: 10px 0px 20px 0px; font-size: 12px; font-weight: bold; color: #FFFFFF; }
    div.MainContainer div.PageStage div.article-container div.article-body { color: #EFEFEF; }
    div.MainContainer div.PageStage div.article-container div.article-body img { float: right; margin: 0px 0px 10px 10px;  }
    div.MainContainer div.PageStage div.article-container div.article-creator { color: #9A9692; font-size: 11px; font-style: italic; }

    /* - Detalhe dos Artigos - */
    div.MainContainer div.PageStage div.galery-container { margin: 20px 0px 20px 30px; }
    div.MainContainer div.PageStage div.galery-container h1 { color: #FFFFFF; font-size: 21px; }
    div.MainContainer div.PageStage div.galery-container div.galery-desc { margin: 10px 0px 20px 0px; font-size: 12px; font-weight: bold; color: #FFFFFF; }
    div.MainContainer div.PageStage div.galery-container div.galery-body { color: #EFEFEF; }
    div.MainContainer div.PageStage div.galery-container div.galery-body img { margin: 0px 5px 5px 0px; width: 120px; height: 80px;  }
    div.MainContainer div.PageStage div.galery-container div.galery-creator { color: #9A9692; font-size: 11px; font-style: italic; }



    div.MainContainer div.PageFooter { padding-top: 20px; color: #352C25; font-size: 11px; text-align: center; position: relative; background-image: url(images/page-footer-bk.gif); background-repeat: no-repeat; }
    div.MainContainer div.PageFooter a { color: #352C25; font-size: 11px; font-weight: bold; }
    div.MainContainer div.PageFooter div.page-links { margin: 5px; }



/* FlavioOliveira >  20100211 > Secções
 ---------------------------------------------------------------------- */
    
    div.Section { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 30px; background-image: url(images/section-bk.gif); background-repeat: no-repeat; background-position: top left; }
    div.Section div.name { height: 30px; margin: 0px 0px 15px 0px; color: #000000; font-size: 14px; font-family: Arial; font-weight: bold; padding: 7px 0px 0px 0px; }
    div.Section div.content { position: relative; overflow: hidden; }
    
    /* Items em destaque */
    div.Section div.content div.SectionItemL { float: left; width: 283px; }
    div.Section div.content div.SectionItemR { float: right; width: 282px; }
    div.Section div.content div.SectionItemL,
    div.Section div.content div.SectionItemR { height: 160px; background-image: url(images/section-item-bk.png); background-repeat: repeat-x; padding: 10px; color: #B0B0B0; font-size: 11px; margin: 0px 0px 10px 0px; }
    div.Section div.content div.SectionItemL h3.title,
    div.Section div.content div.SectionItemR h3.title { font-size: 16px; color: #FFFFFF; margin: 0px 0px 10px 0px; padding: 0px; }
    div.Section div.content div.SectionItemL img.thumb,
    div.Section div.content div.SectionItemR img.thumb { float: right; width: 120px; height: 80px; margin: 0px 0px 0px 5px; }
    div.Section div.content div.SectionItemL a.verMais,
    div.Section div.content div.SectionItemR a.verMais { display: block; background-color: #68615D; text-align: right; text-decoration: none; color: #000000; padding: 2px 5px 2px 5px; font-size: 11px; font-weight: bold; margin: 5px 0px 0px 0px; }
    div.Section div.content div.SectionItemL a.verMais:hover,
    div.Section div.content div.SectionItemR a.verMais:hover { background: #FFFFFF; color: #000000; }


    
    /* Items Normais*/
    div.Section div.content div.SectionItem { position: relative; overflow: hidden; }
    div.Section div.content div.SectionItem a.verMais { display: block; background-color: #120F0D; color: #68615D; padding: 3px 8px; font-size: 11px; font-weight: bold; margin: 1px 0px; }
    div.Section div.content div.SectionItem a.verMais:hover { background: #FFFFFF; color: #000000; }



	/* Home Page - MaisDestaques */
	table.MaisDestaques {  }
	table.MaisDestaques td { vertical-align: top; padding: 0px 7px 10px 0px; }
	table.MaisDestaques td a { display: block; color: #FFFFFF; font-weight: bold; }
	table.MaisDestaques td img { width: 110px; height: 73px; }



/* FlavioOliveira >  20100213 > ContextBox
 ---------------------------------------------------------------------- */
    
    div.ctxBox { margin: 0px 0px 15px 0px; padding: 0px; }
    div.ctxBox h2.ctxBoxheader { height: 33px; padding: 12px 0px 0px 15px; background: url(images/ctxbox-header-bk.png) repeat-x top; font-size: 18px; color: #FFFFFF; font-weight: normal; }
    
    div.ctxBox div.ctxBoxstage,
    div.ctxBox div.hnews,
    div.ctxBox div.destaques-ctx,
    div.ctxBox div.vcalendar { background-image: url(images/ctxbox-content-bk.png); background-repeat: repeat-x; background-position: top; color: #B0B0B0; padding:1px; }
    
    /* Eventos */
    div.ctxBox div.vcalendar div.event-date { background: url(images/bk-FFFFFF-15perc.png); padding: 3px 6px 3px 6px; font-weight: bold; color: #FFFFFF; margin: 15px 10px 0px 10px; }
    div.ctxBox div.vcalendar a.vevent { display: block; background: url(images/ctxbox-li.png) no-repeat; padding: 2px 0px 0px 18px; margin: 5px 0px 0px 10px; font-size: 11px; }
    div.ctxBox div.vcalendar span.summary { display: none; }
    div.ctxBox div.vcalendar span.location { font-weight: bold; }



    div.ctxBox div.hnews a.hentry { display: block; color: #FFFFFF; background: url(images/ctxbox-li.png) no-repeat; padding: 2px 0px 0px 18px; margin: 8px 5px 5px 0px; font-size: 11px; }
    div.ctxBox div.hnews a.hentry div { font-size: 10px; font-style: italic; color: #4E4640; }



    /* Última Hora */
    div.ctxBox div.destaques-ctx div.article-item { padding: 3px 6px 3px 6px; color: #B0B0B0; font-size: 11px; margin: 15px 10px 0px 10px; clear: both; }
    div.ctxBox div.destaques-ctx div.article-item h3 { color: #FFFFFF; }
    div.ctxBox div.destaques-ctx a.article { display: block; padding: 3px 3px 3px 3px; margin: 5px 0px 0px 0px; font-weight: bold; font-size: 11px; text-align: right; background-color: #4E4640; color: #000000; }
    div.ctxBox div.destaques-ctx a.article:hover { background-color: #FFFFFF; }
    div.ctxBox div.destaques-ctx img { width: 120px; height: 80px; float: right; margin: 0px 0px 0px 5px; }





/* FlavioOliveira >  20100213 > ContextBox
 ---------------------------------------------------------------------- */


	div.view-pager { position: relative; clear: both; padding:1px; }
	
    /* Elementos Genericos */
    table.DefaultPager { float:right; }
    table.DefaultPager td.CssButtonCellStyle { padding:1px; }
    table.DefaultPager td.CssButtonCellStyle a { display: inline-block; background: #4E4640; color: #9A9692; border: solid 1px #4E4640; padding:2px; }
    table.DefaultPager td.CssButtonCellStyle a.CssButtonStyle { background: #4E4640; color: #9A9692; border: solid 1px #4E4640; padding:2px; }
    table.DefaultPager td.CssButtonCellStyle a.CssButtonStyleSelected { background: #120F0D; color: #FFFFFF; border: solid 1px #9A9692; padding:2px; font-weight: bold; }






/* FlavioOliveira >  20100301 > Carteis
 ---------------------------------------------------------------------- */
	
	table.agenda { width: 100%; color: #FFFFFF; }
	table.agenda td { vertical-align: top; }
	table.agenda td.dia { width: 30px; text-align: center; font-size: 11px; padding: 3px; border-bottom: solid 5px #352C25; background-color: #4E4640; }
	table.agenda td.dia div { font-size: 21px; }
	table.agenda td.lista { }
	table.agenda td.lista div.cartel { background: #120F0D; margin-bottom: 5px; padding: 3px; position: relative; clear: both; }
	table.agenda td.lista div.cartel h2 { }
	table.agenda td.lista div.cartel img { float: right; width: 64px; height: 64px; }
	table.agenda td.lista div.cartel div.tipo { font-size: 11px; color: #9A9692; }
	table.agenda td.lista div.cartel div.interv { font-size: 11px; color: #9A9692; }
	table.agenda td.lista div.cartel div.interv strong { font-size: 11px; color: #FFFFFF; }




/* FlavioOliveira >  20100320 > Equipa
 ---------------------------------------------------------------------- */
    
    table.Equipa { width: 100%; margin-top: 15px; color: #B0B0B0; }
    table.Equipa td {  vertical-align: top; }
    table.Equipa td.Thumbnail {  padding: 0px 10px 10px 0px;  width: 100px;  }
    table.Equipa td.Descricao{  }
    table.Equipa div.Titulo{ font-size: 16px; color:#FFFFFF; font-weight: bold; }
    table.Equipa div.Descricao{ }
    table.Equipa a { color: #FFFFFF; font-style: italic; }
    
    div.equipa-membro { width: 100px; height: 215px; float: left; color: #B0B0B0; text-align: center; padding: 5px 10px; margin: 0px 5px 5px 0px;  background-image: url(images/ctxbox-content-bk.png); background-repeat: repeat-x; background-position: top; }
    div.equipa-membro h3 { color: #FFFFFF; margin-bottom: 3px; }
    div.equipa-membro img { width: 100px; height: 150px; }
    div.equipa-membro div.func { font-size: 11px; }
