body {
	margin:0; 
    padding:0;
	background-color="#edc3f9";
}
#header {
width: 100%;
height: 112px;
background-image: url(../images/banner.jpg);
background-repeat: repeat;
}
#menu {
width:100%;
background-color: #ca63e8;
min-height: 32px;
}
* html #menu {
height: auto;
}
div.flash {
float: left;
width: 65%;
}
div.limbi {
padding:5px;
float: right;
width: 15%
}

table.tabel {
width:100%;
vertical-align:middle;

}

img.cartela {
width:225px;
height:142px;
}

#outer_wrapper {
/* because "min-width" is not supported by IE, these pages use a script from PVII */
min-width:740px;
/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
width:100%;
/* faux-column technique, this is the left one */
background:#edc3f9;
}
#wrapper {
/* faux-column technique, this is the right one */
background:#edc3f9;
}
#container {
float:left;
width:100%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:-200px
}
/* anchor styling */
ul {
	list-style-type: none;
	padding: 0.5em;
	margin: 0;
}

li {
	background-image: url('../images/cerc.png');
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 1.5em;
	line-height: 105%;
}
ul li a
{
  text-decoration: none;
}
ul li a:hover
{
  color: #FFF; /* white */
  background-color: #ca63e8; /* lila */
}
#left {
float:left;
width:300px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:200px
}
#main {
/* the width from #left (150px) + the negative margin from #container (200px) */
margin-left:500px
}
/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#sidebar {
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:100%;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-163px;
}
#sidebar p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}
#fontmic {
/* see #outer_wrapper  */
width:100%;
/* this is to clear #container */
clear:both;
font-size: 1pt;
color: #edc3f9;
background-color: #edc3f9;
}
/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both}
#menu2 {
width: 100%;
background-color:#ca63e8;
}
#footer {
width: 100%;
background-color: #9f43e5;
}