body {
	background-color: #e8e8fe;
	margin:1px auto 1px 7px;
	text-align:center;
}

/* Topul paginii */

#top {
  background:url('../imgs/marplo.gif') top left no-repeat;
  position:relative;
  width:1033px;
  height:75px;
  margin:0px auto 3px auto;
  padding:0px;
  font-family:"Calibri", fantasy;
  font-size:10px;
  text-align:center;
  border-bottom:5px solid blue;
  -moz-border-radius:10px;
}

#titlu {
   position:relative;
   margin:0px auto;
   width:233px;
   height:65px;
   text-align:center;
   z-index:1;
}
.engleza { background:url(../imgs/engleza.gif) 0px 31px no-repeat; }
.spaniola { background:url(../imgs/spaniola.gif) 0px 31px no-repeat; }
.html { background:url(../imgs/html.gif) 0px 31px no-repeat; }
.curs_css { background:url(../imgs/curs_css.gif) 0px 31px no-repeat; }
.php-mysql { background:url(../imgs/php-mysql.gif) 0px 31px no-repeat; }
.javascript { background:url(../imgs/javascript.gif) 0px 31px no-repeat; }
.ajax { background:url(../imgs/ajax.gif) 0px 31px no-repeat; }
.anime { background:url(../imgs/anime.gif) 0px 31px no-repeat; }
.jocuri { background:url(../imgs/jocuri.gif) 0px 31px no-repeat; }

  #titlu h2 {
	 visibility:hidden;
	 position:absolute;
	 font-family:"Calibri", fantasy;
	 font-size:22px;
  }

#top-link {
 position:relative;
 float:right;
 margin-top:-12px;
 margin-right:3px;
 margin-bottom:0px;
 width:540px;
 text-align:right;
 padding:0px;
 z-index:5;
}

#top-link a {
  margin-left:1px;
  background:#fefefe;
  font-family:"Calibri", sans-serif;
  font-size:13px;
  text-transform:none;
  text-decoration:none;
  font-weight:bold;
  padding:1px 2px 0px 2px;
  color:#dd1111;
}

#top-link a:hover {
  background:yellow;
  text-decoration:underline;
  color:#0408fe;
}

#home {
position:absolute;
text-align:left;
top:77px; 
left:11px; 
font-size:17px;
font-weight:bold;
}
#cauta {
position:absolute;
top:-33px;
right:33px;
}

#sub_top {
position:relative;
margin:2px auto;
width:992px;
min-height:90px;
text-align:center;
}
#logare {
float:right;
width:260px;
padding-top:4px;
padding-bottom:5px;
background-color:#e0e0fd;
}

  /* Formular logare */

#form_log {
margin:3px auto 0px auto;
padding:0px;
text-align:center;
}
#form_log #nume, #form_log #pass {
  width:100px;
  margin:2px 0px;
}
#logare .link {
margin:2px 11px;
font-size:14px;
}

/* Corpul paginii */

#corp {
  position:relative;
  width:992px;
  margin:0px auto 1px auto;
  text-align:center;
  padding:8px 0px 0px 0px;
}

/* Grafica meniului din stanga */

#left {
  position:absolute;
  width:152px;
  top:10px;
  left:1px;
  background-color:#ededfe;
  border:1px solid #fffffe;
  padding:2px;
  text-align:center;
}
#left ul {
  width:147px;
  list-style-type:none;
  margin:2px auto 4px auto;
  padding:0px;
  text-align:left;
  font-family:"Lucida Sans", "Century Gothic", "Arial", sans-serif;
  font-size:13px;
}
#left ul li {
  background-color:#dcdefe;
  border:1px solid #ebecfe;
  -moz-border-radius:6px;
}

#left h4 {
  margin:5px auto;
  border-top:1px solid #999999;
  border-bottom:1px solid #999999;
  padding:5px;
  font-family:"Calibri", Arial, sans-serif;
  font-size:15px;
}

/* Link-urile meniului din stanga */

#left ul li a {
  display:block;
  margin-left:8px;
  font-size:14px;
  color:#0000a4;
  text-transform:none;
  text-decoration:underline;
  padding:3px 0px 3px 3px;
}
#left ul li a:hover {
  background-color:#3434fe;
  margin-left:1px;
  border-left:8px solid #fefe01;
  font-weight:bold;
  text-decoration:none;
  color:#fffffe;
  padding:4px 0px 4px 2px;
}
#left ul li a:active {
  background-color:#34fe34;
  margin-left:1px;
  border-left:8px solid #01fe01;
  font-weight:bold;
  text-decoration:none;
  color:#fffffe;
  padding:4px 0px 4px 2px;
}

/* Contextul paginii */

#context {
 position:relative;
 width:820px;
 margin:1px auto 15px 168px;
 background-color:#ebebfe;
 text-align:left;
}
#context #realiz {
 display:block;
 position:absolute;
 width:150px;
 top:28px;
 right:0px;
 font-size:12px;
 text-decoration:underline;
 font-style:oblique;
 color:#a6a7a8;
}
  #context #realiz:before {content:"__";}

/* Grafica descrierii */

#context .desc {
  margin:5px 10px 1px 10px;
  background:#e8e8fe;
  font-family:"Calibri", "Arial", sans-serif;
  font-size:14px;
  text-indent:8px;
  color:#010101;
}

/* Imitare link */

.link {
 cursor:pointer;
 text-decoration:underline;
 font-family:"Calibri", "Arial", sans-serif;
 font-weight:bold;
 color:blue;
}
 .link:hover {
  background-color:#fefefe;
  text-decoration:none;
 }
#next_leson {
  position:relative;
  margin:11px auto 8px auto;
  text-align:center;
  font-weight:bold;
}

/* Tag-uri semi vizibile */
#tags {
 text-align:center;
 color:#d8d8fe;
}

/* Subsolul paginii */

#keys {
	position:absolute;
	display:none;
	font-size:8px;
 }

#subsol {
  position:relative;
  width:992px;
  clear:both;
  margin:20px auto 2px auto;
  text-align:center;
}

#subsol #link_s {
  display:block;
  margin:1px 4px 12px 160px;
  background:#e2e2fe;
  border-top:1px solid #aaaaaa;
  border-bottom:1px solid #aaaaaa;
  text-align:right;
  padding-top:8px;
  padding-bottom:9px;

}

#subsol  a {
  font-family:Arial, sans-serif;
  font-size:12px;
  text-decoration:underline;
  text-transform:none;
  padding:4px 5px 4px 5px;
  color:#555555;
}

#subsol a:hover {
  background:#fefefe;
  border:1px solid #000000;
  text-decoration:none;
  padding:3px 4px 3px 4px;
  color:#0101fe;
}
#s_copy {
 font-size:13px;
 color:#a8a8a8;
}

/* Grafica Recomanda - Favorite */
#rec_fav {
 position:absolute;
 top:37px;
 left:220px;
 z-index:8888;
 font-weight:bold;
 padding:2px;
}
 #rec_fav img {
  margin:2px 8px;
  background-color:#eff1fe;
  -moz-border-radius:7px;
  padding:3px 6px;
  cursor:pointer;
 }
  #rec_fav img:hover { background-color:#fefefe; }
/* Grafica zonei ascunse recomanda e-mail */
#rec{
 position:fixed;
 display:none;
 z-index:9998;
 top:0px;
 left:0px;
 margin:0px;
 width:100%;
 height:100%;
 font-size:16px;
 text-align:center;
 padding:0px;
}
 #rec #transp {
 position:absolute;
 top:0; right:0; bottom:0; left:0;
 width:100%;
 height:100%;
 background-color:green;
 filter:alpha(opacity=75);
 -moz-opacity:0.75;
 -khtml-opacity:0.75;
 opacity:0.75;
 }
 #rec #in_rec {
  position:relative;
  z-index:9999;
  top:25%;
  margin:0px auto;
  width:400px;
  border:2px solid silver;
  padding:10px 4px 30px 4px;
  background-color:#e8e8fe;
 }
#rec #in_rec #clos_rec {
 position:absolute;
 top:2px;
 right:5px;
 width:25px; height:24px;
 background:url('../imgs/close.png') top left no-repeat;
 cursor:pointer;
}

/* Buton Chat */
#the_chat {
 position:fixed;
 top:178px;
 margin-left:992px;
 cursor:pointer;
}
 #the_chat #get_chat {
  width:32px;
  height:105px;
  background:url('../chat/icos/chat.png') top left no-repeat;
 }
 #the_chat #show_chat {
  margin:-1px auto 4px auto;
  padding:0px;
}
#over_msg {
 display:none;
 width:99px;
 background-color:#d2efd3;
 text-align:center;
 padding:1px;
 font-size:13px;
 font-style:italic;
}
 #the_chat #stop_chat {
  width:33px;
  height:20px;
  display:none;
  margin:0px 28px 0px auto;
  background:url('../chat/icos/inchide.png') top left no-repeat;
}