/* CSS Document */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	COLOR: #333333;
	FONT-SIZE: 11px;
}

A:link		{COLOR: #003399;}
A:hover		{COLOR: #336533;}

input		{FONT-SIZE: 8pt; COLOR: #003399;}/*
input		{FONT-SIZE: 8pt; COLOR: #333333;}*/
Select		{FONT-SIZE: 8pt; COLOR: #003399;}
textarea	{FONT-SIZE: 8pt; COLOR: #003399; font-family: Arial, Helvetica, sans-serif; text-align: justify ;}


/* ~~~~~~~~~~ Textos ~~~~~~~~~~ */
#Menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
}

#Menu A {
	text-decoration: none;
	color: #666666;
}

#Menu P {/**/
	margin-bottom: 4px;
	color: #666666;
	margin-left: 2px;
}

#Menu IMAGE {
	margin-left: 4px;
	margin-right: 4px;
}

#Menu LI {
	margin-left: 20px;
}
#Menu LI a:link {
	color: #666666;
}
#Menu LI a:hover {
	color: 003399;
}




#MenuTop {
	COLOR: #333333;
	FONT-SIZE: 11px;
	PADDING-RIGHT: 20px;
}
#MenuTop A {
	TEXT-DECORATION: none;
	FONT-WEIGHT: bolder;
	COLOR: #003399;
}
#MenuTop  {
	TEXT-DECORATION: none;
	FONT-WEIGHT: bolder;
	COLOR: #336533;
}
#TextoSimples {
	FONT-SIZE: 11px;
	COLOR: #333333;
	TEXT-DECORATION: none;
}
#TextoSimples A         {TEXT-DECORATION: none;}
#TextoSimples A:link    {TEXT-DECORATION: none; COLOR: #003399;}
#TextoSimples A:visited {TEXT-DECORATION: none; COLOR: #003399;}
#TextoSimples A:hover   {TEXT-DECORATION: none; COLOR: #336533;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/* ~~~~~~~~~~ Tabelas - BOX ~~~~~~~~~~ */
#Box {
	FONT-SIZE: 11px;
	COLOR: #333333;
	TEXT-DECORATION: none;
	border: 5px solid #F0F5FF;
}
#Box A:link {
	TEXT-DECORATION: none;
	COLOR: #003399;
}
#Box A:hover {
	TEXT-DECORATION: none;
	COLOR: #336533;
}
#Box TD {
	border: 1px solid #E9E9E9;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~ Berçário ~~~~~~~~~~ */
.BercarioM {
	text-decoration: none;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	background-image: url(../bercario/img/bgboy.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.BercarioF {
	text-decoration: none;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	background-image: url(../bercario/img/bggirl.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.BercarioImg {
	border: 6px solid #FFFFFF;
}
.BercarioCalendario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	border: 1px solid #666666;
}
.BercarioCalendario A         {background-color: #ECFFEC; border: 1px solid #BBFFBB;
                               text-decoration: none; font-weight: bold;}
.BercarioCalendario A:link    {text-decoration: none; color: #003399;}
.BercarioCalendario A:visited {text-decoration: none; color: #003399;}
.BercarioCalendario A:hover   {text-decoration: none; color: #336533;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~ _Menu ~~~~~~~~~~ */
#Menu2 { PADDING-RIGHT: 2px; MARGIN-TOP: 5px; PADDING-LEFT: 2px; MARGIN-BOTTOM: 5px }
#Menu2 UL {
	BORDER-TOP: #FFFFFF 0px solid;
	BORDER-LEFT: #FFFFFF 0px solid;
	BORDER-RIGHT: #FFFFFF 0px solid;
	BORDER-BOTTOM: #EFEFEF 1px solid;
	
	BACKGROUND: #ffffff;
	
	PADDING-TOP: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 100%;
	DISPLAY: block;
	LIST-STYLE-TYPE: none;
}
#Menu2 UL LI {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	FONT-SIZE: 11px;
}

#Menu2 UL LI A {
	BORDER-TOP: #e4e4e4 0px solid; 
	BORDER-LEFT: #e4e4e4 0px solid;
	BORDER-RIGHT: #e4e4e4 0px solid;
	BORDER-BOTTOM: #e4e4e4 0px solid;
	PADDING-TOP: 3px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 3px;
	DISPLAY: block;
	
	BACKGROUND: #FFFFFF url(../images/menu_icone.jpg) no-repeat fixed left center;
	/*BACKGROUND: #F5F5F5;*/

	WIDTH: 100%;
	COLOR: #333333;
	TEXT-DECORATION: none;
	TEXT-ALIGN: left;
}
#Menu2 UL LI A:hover {
	BORDER-TOP: #ff0000 0px solid;
	BORDER-LEFT: #003399 0px solid;
	BORDER-RIGHT: #205b82 0px solid;
	BORDER-BOTTOM: #ff0000 0px solid;
	COLOR: #336533;
	/*COLOR: #333333;*/
	
	BACKGROUND: #FFFFFF url(../images/menu_icone2.jpg) no-repeat fixed left center;
	FILTER: Alpha(Opacity=100);

	FONT-WEIGHT: bolder;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~ Scroller ~~~~~~~~ */
div#hold	{ 
	position:relative; overflow:hidden;
	width:234px; height:200px; z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:100%; height:100%; 
	/*clip:rect(0px, 132px, 140px, 0px); */
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1 { 
	position:absolute; 
	left:0px; top:0px; 
	z-index:1; 
	}

table#imgTbl { background-color:#ffffff; width:100% }
table#imgTbl td { height: 0px; vertical-align:middle; text-align:center }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~ Menu (novo) ~~~~~~~~ */

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #777777;/*
color: #003399;*/
background: url(../css/arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 20px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bolder;/**/
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #777777;/*
color: #003399;*/
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #336533;
background-color: #C6FFC6;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
