/* CSS Document */
/* posição do conteudo */
body{
font-family:Arial, Helvetica, sans-serif;
margin:10px;
}
/* HTML TAGS */
h1, h2, h3, h4, h5, h6{
margin-top:0px;
padding-top:0px;
}
h1{
font-size:18px;
}
h2{
font-size:15px;
}
h3{
font-size:14px;
}
h4{
font-size:13px;
}
ul, li{
font-size:12px;
}
/* paginas tags */
#site{
position:absolute;
left:50%;
margin-left:-390px;
width:778px;
height:940px;
}
#site_pg{
position:absolute;
left:50%;
margin-left:-390px;
width:778px;
}
/* topo com logo, menu e atendimento */
#topo{
width:778px;
height:80px;
}
#logo{
width:215px;
height:85px;
float:left;
position: absolute;
}
#login{
width:265px;
height:65px;
float:left;
left:210px;
position: absolute;
padding:5px;
margin-left:5px;
margin-top:5px;
font-size:12px;
background:#F4F1E8;
}
#login a{
text-decoration:none;
}
#login a:hover{
text-decoration:underline;
}
#atendimento{
top:5px;
width:265px;
height:70px;
left:495px;
position: absolute;
}
/* menu e busca */
#menu{
color:#FFFFFF;
font-size:15px;
width:760px;
height:32px;
margin-left:9px;
margin-right:9px;
position: absolute;
top:170px;
}
#links{
color:#FFFFFF;
}
#busca{
width:180px;
position: absolute;
float:left;
left:9px;
padding:5px;
top:170px;
margin-top:0px;
}

#links{
text-align:left;
width:575px;
padding:5px;
position: absolute;
left:0px;
top:170px;
margin-top:0px;
margin-left:180px;
}
#links a{
text-decoration:none;
font-size:13px;
border:0;
padding-left:5px;
padding-right:5px;
}
#banner_master{
width:760px;
height:80px;
position:relative;
margin:9px;
}
/* conteudo geral */
#conteudo{
top:5px;
}
/* Destaques e sub_destaques */
#destaques{
font-size:11px;
width:592px;
height:130px;
left:10px;
top:219px;
position: absolute;
border-style:solid;
border-width:1px;
}
#destaques a img, #destaques img{
border:0px;
margin-right:5px;
}
#destaques a{
}
#destaques_tt{
font-size:13px;
font-weight:bold;
width:587px;
height:22px;
padding-left:5px;
position:relative;
left:0px;
margin-bottom:-4px;
}
.destaques_brasil{
top:5px;
width:190px;
float:left;
position:relative;
left:5px;
height:100px;
}
/* banner miniatura e menu lateral */
#banner_mini{
width:120px;
height:80px;
left:10px;
top: 180px;
position:relative;
}
#banner_mini_paginas{
width:120px;
height:80px;
left:10px;
top:30px;
position:relative;
}
#menu_canais{
font-size:11px;
font-weight:bold;
color:#FFFFFF;
width:120px;
text-transform:uppercase;
float:left;
left:10px;
top: 442px;
position:absolute;
}
#menu_canais_paginas, .menu_canais_paginas{
font-size:11px;
font-weight:bold;
color:#FFFFFF;
width:120px;
text-transform:uppercase;
float:left;
left:5px;
top: 150px;
position:absolute;
background:#003366;
}
#menu_canais a, .menu_canais a{
color:#8C8B82;
display:block;
font-size:11px;
font-weight:normal;
border-bottom-style:solid;
border-bottom-width:1px;
padding-left:5px;
padding-top: 1px;
padding-bottom:2px;
text-decoration:none;
text-transform:none;
}
#menu_canais_paginas a, .menu_canais_paginas a{
color:#8C8B82;
display:block;
font-size:11px;
font-weight:normal;
border-bottom-style:solid;
border-bottom-width:1px;
padding-left:5px;
padding-top: 1px;
padding-bottom:2px;
text-decoration:none;
text-transform:none;
}
#menu_canais a:hover, .menu_canais a:hover{
font-weight:normal;
color: #000000;
display:block;
font-size:11px;
border-bottom-style:solid;
border-bottom-width:1px;
padding-left:5px;
padding-top: 1px;
text-transform:none;
padding-bottom:2px;
text-decoration:none;
}
#menu_canais_paginas a:hover, .menu_canais_paginas a:hover{
font-weight:normal;
color: #000000;
display:block;
font-size:11px;
border-bottom-style:solid;
border-bottom-width:1px;
padding-left:5px;
padding-top: 1px;
text-transform:none;
padding-bottom:2px;
text-decoration:none;
}
/* loja */
#menu_canais_paginas_loja{
font-size:11px;
font-weight:bold;
color:#FFFFFF;
width:120px;
text-transform:none;
float:left;
left:5px;
top: 150px;
position:absolute;
}
#menu_canais_paginas_loja p{
color:#8C8B82;
font-size:11px;
font-weight:normal;
border-bottom-style:solid;
border-bottom-width:1px;
padding-left:5px;
padding-top: 1px;
padding-bottom:2px;
text-decoration:none;
text-transform:none;
}
#menu_canais_paginas_loja p:hover{
font-weight:normal;
color: #000000;
display:block;
font-size:11px;
border-bottom-style:solid;
border-bottom-width:1px;
padding-left:5px;
padding-top: 1px;
text-transform:none;
padding-bottom:2px;
text-decoration:none;
}
/* noticias */
#ultimas_noticias{
width:470px;
height:130px;
position:relative;
top:100px;
left:134px;
}
#ultimas_noticias_1{
top:5px;
/*width:220px;*/
float:left;
width:350px;
border-right:solid 1px #E8E1D2;
position:relative;
left:5px;
height:105px;
}
#ultimas_noticias_1 a{
font-size:10px;
text-decoration:none;
display:block;
padding-bottom:1px;
}
#ultimas_noticias_1 a:hover{
font-size:10px;
text-decoration: underline;
}
#ultimas_noticias_2{
top:5px;
/*width:220px;*/
margin-left:10px; /*retirar*/
width:90px;
float:left;
position:relative;
left:10px;
height:95px;
padding-left:5px;
}
#ultimas_noticias_2 a{
font-size:10px;
text-decoration:none;
display:block;
padding-bottom:1px;

}
#ultimas_noticias_2 a:hover{
font-size:10px;
text-decoration: underline;

}
/* sub grupo de conteudo */
#conteudo_secundario{
background-color:#FFFFFF;
width:468px;
height:375px;
top:105px;
left:134px;
position:relative;
border-style:solid;
border-width:1px;
}
#conteudo_secundario a{
color:#000000;
}
#conteudo_secundario_paginas{
width:448px;
top:-50px;
left:134px;
position:relative;
border-style:solid;
border-width:1px;
padding:10px;
min-height:640px;
_height:640px;
background-color:#FFFFFF;
border-color:#E8E1D2;
background:url(../img/bg_cont2.jpg) repeat-x bottom;
}
#conteudo_secundario_paginas p a img, #conteudo_secundario_paginas a img, #conteudo_secundario_paginas img{
border:0px;

}
#conteudo_secundario_paginas_loja{
width:448px;
_width:468px;
top:-50px;
left:134px;
position:relative;
border-style:solid;
border-width:1px;
padding:10px;
min-height:800px;
_height:800px;
}
#conteudo_secundario_paginas object{
width:100%;
margin:0;
padding:0;
height:100%;
min-height:200px;
min-width:300px;
max-height:430px;
max-width:430px;
}
#conteudo_secundario_paginas h2{
padding-top:0px;
}
#conteudo_secundario_paginas p{
font-size:12px;
}
#conteudo_secundario_paginas a{
text-decoration:underline;
}
#atividades{
width:243px;
height:170px;
top:5px;
left:5px;
position:relative;
float:left;
border:solid 1px #E8E1D2;
font-size:12px;
margin-bottom:5px;
background:url(../img/bg_cont2.jpg) repeat-x bottom;
}
#atividades a{
text-decoration:none;
}
#atividades a:hover{
text-decoration:underline;
}
#atividades p{
padding:5px;
}
#jogos{
width:208px;
height:120px;
top:5px;
left:10px;
position:relative;
float:left;
border:solid 1px #E8E1D2;
font-size:12px;
margin-bottom:5px;
}
#jogos a{
text-decoration:none;
}
#jogos a:hover{
text-decoration:underline;
}
ul.jogos_sub{ margin:0px; padding:0px;}
ul.jogos_sub li{text-align:center; width:140px; margin:4px; height:130px; padding:0px; list-style:none; list-style-type:none; float:left;}
ul.jogos_sub li a{font-weight:bold; text-align:center;}
ul.jogos_sub li a img{ border:0px;}

ul.jogos{ margin:0px; margin-top:15px; padding:0px;}
ul.jogos li{text-align:center; width:93px; margin:4px; height:70px; padding:0px; list-style:none; list-style-type:none; float:left;}
ul.jogos li a{font-weight:bold; text-align:center;}
ul.jogos li a img{ border:0px;}
#piadas_home{
width:243px;
height:66px;
top:5px;
left:5px;
position:relative;
float:left;
border:solid 1px #E8E1D2;
font-size:12px;
margin-bottom:5px;
}
#piadas_home a{
text-decoration:none;
}
#piadas_home a:hover{
text-decoration:underline;
}
#piadas_home p{
padding:5px;
}
#sudcard{
width:208px;
height:116px;
top:5px;
left:10px;
position:relative;
float:left;
border:solid 1px #E8E1D2;
font-size:12px;
margin-bottom:5px;
margin-top:-50px;
}
#sudcard a{
text-decoration:none;
}
#sudcard a:hover{
text-decoration:underline;
}
#sudcard p{
padding:5px;
}

/* ofertas e 5 sub ofertas */
#ofertas{
text-align:left;
font-size:13px;
font-weight:bold;
width:458px;
height:113px;
top:5px;
left:5px;
position:relative;
float:left;
border-style:solid;
border-width:1px;
}
#ofertas_pg{
text-align:left;
font-size:13px;
font-weight:bold;
width:450px;
height:117px;
margin-bottom:15px;
position:relative;
border:solid #E8E1D2 1px;
background:url(../img/bg_cont2.jpg) repeat-x bottom;
}
#oferta0{
text-align:left;
font-size:13px;
font-weight:bold;
width:453px;
height:18px;
padding-left:5px;
position:relative;
float:left;
}
#oferta0_pg{
text-align:left;
font-size:13px;
font-weight:bold;
width:446px;
height:18px;
padding-left:5px;
position:relative;
float:left;
}
#oferta1{
top:5px;
width:84px;
height:85px;
left:5px;
position:relative;
float:left;
padding:3px;
padding-top:0px;
}
.oferta1{
top:5px;
width:84px;
height:85px;
left:5px;
position:relative;
float:left;
padding:3px;
padding-top:0px;
}
#oferta1_pg{
top:5px;
width:82px;
height:85px;
left:5px;
position:relative;
float:left;
padding:3px;
padding-top:0px;
}
#oferta2{
top:5px;
width:84px;
height:85px;
position:relative;
float:left;
border-left-style:solid;
border-left-width:1px;
padding-left:5px;
padding:3px;
padding-top:0px;
}
#oferta3{
top:5px;
font-size:9px;
width:84px;
height:85px;
position:relative;
float:left;
border-left-style:solid;
border-left-width:1px;
padding-left:5px;
padding:3px;
padding-top:0px;
}
#oferta4{
top:5px;
font-size:9px;
width:84px;
height:85px;
position:relative;
float:left;
border-left-style:solid;
border-left-width:1px;
padding-left:5px;
padding:3px;
padding-top:0px;
}
#oferta5{
top:5px;
font-size:9px;
width:84px;
height:85px;
position:relative;
float:left;
border-left-style:solid;
border-left-width:1px;
padding-left:5px;
padding:3px;
padding-top:0px;
}
/* publicidade lateral geral */
#publicidade_lateral{
font-size:11px;
text-align:center;
width:160px;
position:absolute;
top:219px;
left:608px;
padding-bottom:10px;

}
#publicidade_lateral_paginas{
font-size:11px;
text-align:center;
width:160px;
position:absolute;
top:209px;
left:608px;
padding-bottom:10px;
}
div#publicidade img{
padding-top:10px;
}
/* rodape_v2 */
#rodape_v2{
text-align:center;
font-size:12px;
width:754px;
position:relative;
top:115px;
left:10px;
padding:3px;
}
#rodape_v2 a{
text-decoration:none;
}
#rodape_v2 a:hover{
text-decoration: underline;
}
#rodape_v2_pg{
text-align:center;
font-size:12px;
width:754px;
position:relative;
top:-10px;
left:10px;
padding:3px;
}
#rodape_v2_pg a{
color:#FFFFFF;
text-decoration:none;
}
#rodape_v2_pg a:hover{
color:#FFFFFF;
text-decoration: underline;
}
/* classes para textos e imagens */
div#destaques span.tt_boxes_bege_claro{
height:auto;
padding-left:0px;
}
.tt_boxes_azul{
font-size:13px;
height:18px;
display:block;
padding-left:5px;
font-weight:bold;
padding-top:2px;
}
.tt_boxes_azul a{
color:#FFFFFF !important;
text-decoration:none;
}
.tt_boxes_azul a:hover{
color:#FFFFFF !important;
text-decoration: underline;
}
.tt_boxes_bege_claro{
font-size:13px;
height:18px;
display:block;
font-weight:bold;
padding-left:5px;
padding-top:2px;
}
.tt_boxes_bege{
font-size:13px;
height:18px;
display:block;
padding-left:5px;
font-weight:bold;
padding-top:2px;
}
.tt_publicidade{
font-size:11px;
height:18px;
display:block;
padding-left:5px;
font-weight:bold;
padding-top:2px;
}
.menu_institucional{
text-transform:uppercase;
font-size:10px;
height:15px;
display:block;
padding-left:5px;
font-weight:bold;
padding-top:2px;
}
.ofertas_txt{
font-size:9px;
}
.box_txt{
font-size:9px;
}
.box_alert_txt{
}
.left_box{
font-size:13px;
font-weight:bold;
}
.left_box a{
text-decoration:none;
padding-left:25px;
border-style:none;
border-width:0px;
}
.novo{
}
.form{
font-size:11px;
border-style:solid;
border-width:1px;
padding:0px;
}
form tr td p, form tr td h4{
padding:0px;
margin:0px;
}
form#coment table{
border:solid 1px #E8E1D2;
}
.novo {
font-weight:bold !important;
font-size:12px !important;
}
td p a{
display:block;
}
#atendimento_banner span.menor{font-size: 24px;}

span.horario{font-size:10px; color:#555555; font-family:Arial, Helvetica, sans-serif;}
#atendimento_banner{position:relative; left:0px; width:165; height:72; text-align:left !important; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:30px; margin-top:-72px; padding:0;}
.negrito{ font-weight:bold;}
.atividades_home{float:left; width:78px; overflow:hidden; height:147px; margin-left:2px;}
div#icons_news{ float:right;}
div#icons_news a { margin-left:2px; font-size:12px; text-decoration:none; padding:0px;}
div#icons_news a img{margin-right:1px;}
div#icons_news{ margin-bottom:1px;}
div#icons_news_in a { margin-left:2px; font-size:11px; text-decoration:none; padding:0px;}
div#icons_news_in a img{margin-right:1px;}
div#icons_news_in{ margin-bottom:1px;}
/*listagam de noticias*/
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.MaisNoticias {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color: #E8E1D2;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}

div#estaticas ul{ margin:0; padding:0;}
AccordionPanelContent ul.mes{margin:0px; padding:0px;}
li.mes{
font-family:Arial, Helvetica, sans-serif;
list-style-type:none;
list-style:none;
float:left;
clear:none;
background-color:#F4F2E8;
padding:3px;
font-size:12px;
margin:0px; padding:0px;margin-left:1px;
}
li.dia {
font-family:Arial, Helvetica, sans-serif;
list-style:none;
list-style-type:none;
font-size:12px;
 margin:0px; padding:0px; margin-left:15px;
}
li.dia a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#morenews a{
display:block;
font-size:10px;
}
#meu_conteudo{background: #F4F2E8; border:#E8E1D2 solid 1px; margin-top:20px; padding:5px;}
table.foto_legenda{cellpadding:0px; cellspacing:0px; width:0px; margin-right:10px;}
#aniversario_fecha { position:absolute; top:205px; margin-left:135px;}
#aniversario_fecha a img{border:1px solid #003366;}
/*  ANIVERSARIO */
#aniversario { position:absolute; top:0px; margin-left:410px; font-weight:bold; font-style:italic; font-family:"Trebuchet MS", Arial, Verdana; color:#007842; font-size:12px;}
#aniversario a {color:#FFFFFF; border:0px;}
/*AGENDA*/
#agenda{background:url(../memorial/images/4estacoes.jpg) no-repeat center top; width:450px; min-height:223px;}
#agenda_descricao{ width:450px;}

#agenda #carregando{position:absolute; padding:10px; background:#FFFFFF;}
#agenda .tabela{width:200px; padding:0px; margin-left:10px; margin-top:3px; margin-bottom:2px;
}
#agenda .td, #agenda .hj{
background:#f8f8f8;
width:25px;
height:25px;
text-align:center;
}
#agenda .dom{
background: #FFCC99;
width:25px;
height:25px;text-align:center;
}
#agenda .evt{
background: #CCFF99;
width:25px;
height:25px;
text-align:center;
cursor:pointer;
font-weight:bold;
}
#agenda .mes{
width:auto;
height:20px;
text-align:center;
}
#agenda .sem{
background: #ECE6D9;
width:auto;
height:20px;
text-align:center;
font-size:12px;
font-weight:bold;
font-family:Verdana;
text-align:center; font-weight:bold;
}