/* CSS Document */
*:focus {
	outline:none;
}

img {
	border:0;
}

body{
background-color:#333333;
margin:0;
padding:0;
text-indent:0;
}

.fundal{
background-image:url(../slices/bg.gif);
background-repeat:no-repeat;
width:800px;
height:800px;
position:relative;
top:0;
left:0;
z-index:0;
}

.meniu{
position:absolute;
top:58px;
left:375px;
z-index:1;
}

.formular{
width:150px;
height:180px;
text-align:left;
position:absolute;
top:250px;
left:35px;
padding:0;
}

.login{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.contentText{
width:400px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
}

.content{
width:400px;
height:500px;
position:absolute;
top:190px;
left:340px;
z-index:3;
}

.limbi{
position:absolute;
top:135px;
left:165px;
z-index:4;
width:150px;
height:9px;
}

.progression{
width:134px;
height:41px;
position:absolute;
top:725px;
left:600px;
z-index:5;
}

#containerText{
width:150px;
height:15px;
position:absolute;
top:232px;
left:-10px;
width:150px;
z-index:2;
}

.home{
width:300px;
height:83px;
position:absolute;
top:40px;
left:0;
}

.homelink{
width:300px;
height:83px;
position:absolute;
top:0;
left:0;
}

a.homelink span{
display:none;
}

.button{
background-color:#B34A17;
color:white;
}

.error
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#C00000;
}

#main_menu {
margin:0;
padding:0;
}

#main_menu li{
margin:0;
padding:0;
list-style:none; 
display:block; 
float:left;
}

#main_menu li span{
display:none;
}

#main_menu li a{
margin-right:20px;
}

#menu01 a{
display:block;
height:20px;
width:82px;
background-image:url(../slices/about.gif);
}

#menu02 a{
display:block;
height:20px;
width:82px;
background-image:url(../slices/news.gif);
}

#menu03 a{
display:block;
height:20px;
width:82px;
background-image:url(../slices/tutorials.gif);
}

#menu04 a{
display:block;
height:20px;
width:82px;
background-image:url(../slices/faq.gif);
}

#menu01 a:hover{
display:block;
height:20px;
width:82px;
background-image:url(../slices/about_H.gif);
}

#menu02 a:hover{
display:block;
height:20px;
width:82px;
background-image:url(../slices/news_h.gif);
}

#menu03 a:hover{
display:block;
height:20px;
width:82px;
background-image:url(../slices/tutorials_h.gif);
}

#menu04 a:hover{
display:block;
height:20px;
width:82px;
background-image:url(../slices/faq_h.gif);
}

#limbi_menu {
margin:0;
padding:0;
}

#limbi_menu li{
margin:0;
padding:0;
list-style:none; 
display:block; 
float:left;
}

#limbi_menu li span{
display:none;
}

#limbi_menu li a{
margin-right:20px;
}

#limba01 a{
display:block;
height:9px;
width:30px;
background-image:url(../slices/steag_ro.gif);
}

#limba02 a{
display:block;
height:9px;
width:30px;
background-image:url(../slices/steag_fr.gif);
}

#limba03 a{
display:block;
height:9px;
width:30px;
background-image:url(../slices/steag_uk.gif);
}