@charset "utf-8";
p
{
padding:0px 8px;
}

div#container
{
width:880px;
margin-left: auto ;
margin-right: auto ;
margin-top:5px;
margin-bottom:10px;
color:#515151;
text-align:justify;
text-justify: inter-word;
text-indent:10px;
}

div#main
{
background-image:url(../images/bara.jpg);
margin-top:10px;
width:880px;
border-bottom:solid 2px #E77817;
}

#top
{
padding: 0px;
background-image:url(../images/bannerul.jpg);
background-repeat: no-repeat;
height:100px;
border-bottom:solid 5px #E77817;
}

#menu
{
padding: 6.5px;
background-color:#005CB2;
margin-top:15px;
margin-bottom:5px;
padding-left:20px;
height:6px;
border:solid 1px #999999;
}
#sus
{
background-image:url(../images/sus.jpg);
margin-top:10px;
width:880px;
height:10px;
margin-bottom:-15px;
}


#leftnav
{
float: left;
width: 190px;
padding:5px;
text-align:left;
text-indent:0px;
}

#rightnav
{
float:left;
width: 190px;
padding:5px;
text-align:left;
text-indent:0px;
}

#content
{
float:left;
width:460px;
padding: 5px 10px;
}
#promo
{
text-align:center;
color:#666666;
font-size:10px;
margin-top:-5px;
}
.promo
{
font-size:10px;
cursor:pointer;
font-weight:normal;
}
#leftnav p { margin: 0 0 10px 0; }
#rightnav p { margin: 0 0 10px 0; }
#content h2 { margin: 0 0 5px 0; }

#login
{
width:188px;
text-align:center;
background-color:#fffee6;
margin-top:0px;
border:1px solid #ecff82;
padding:0px;
margin-bottom:0px;
overflow:hidden;
}


.clear
{
width:100%;
height:0px;
clear:both;
}

.buton_n,.buton
{
margin-top:-10px;
margin-left:6px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
text-decoration:none;
line-height:23px;
float:left;
width:100px;
height:25px;
text-indent:0px;
background-image:url(../images/buton.png);
}

.buton_n:hover
{
text-decoration:none;
background-image:url(../images/buton_hover.png);
}

.active
{
cursor:pointer;
}


.buton_n:active,.active
{
text-decoration:none;
background-image:url(../images/buton_active.png);
}

a
{
color:#E77817;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
a:hover
{
text-decoration:underline;
}
a:active
{
color:#E77817;
}

input,select,textarea
{
color:#666666;
font-size:13px;
border:1px solid #b6e9ff;
background-color:#FFFBF9;
}

input:active,select:active,textarea:active,input:focus,select:focus,textarea:focus
{
font-size:13px;
color:#333333;
border:2px solid #b6e9aa;
background-color:#FFFBF9;
}

.btn
{
height:20px;
background-color:#ecff82;
text-align:center;
text-indent:0px;
border:1px solid #b6e9ff;
}
.btn:hover
{
background-color:#b6e9fa;
}
.btn:active
{
background-color:#b6e9fa;
border:1px solid #b6e9ff;
}


table
{
margin:0px;
padding:0px;
text-indent:0px;
text-align:left;
}

span
{
font-size:12px;
}

td
{
width:120px;
text-decoration:none;
}

img
{
border:0px;
margin-left:-20px;
}
.admin
{
margin-left:25px;
margin-bottom:20px;
float:left;
width:80px;
height:90px;
text-indent:0px;
text-align:center;
}
.admin img
{
border:0px;
margin-left:0px;
}
.submenu
{
text-align:left;
clear:both;
text-indent:25px;
border-top:3px solid #CCC;
border-bottom:1px dashed #CCC;
margin-bottom:10px;
font-size:10px;
color:#FF0000;
background-color:#FFF;
width:96%;
margin-left:1%;
padding-bottom:5px;
}
.submenu a
{
width:175px;
float:left;
text-align:left;
background-image:url(../images/buton_sub.jpg);
height:21px;
line-height:21px;
text-indent:20px;
margin-left:35px;
margin-top:5px;
}

#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 460px;
	text-align: left;
	background-image:url(../images/pattern.png);
	cursor:pointer;
	border-collapse:collapse;
	
}
#pattern-style-a img
{
margin-left:0px;
}
#pattern-style-a thead tr
{
	background: url('../images/pattern-head.png');
}
#pattern-style-a th
{	
	border:1px solid #669;
	font-size: 9px;
	font-weight: bold;
	padding: 5px;
	text-align:center;
	color: #005CB2;
}
#pattern-style-a td
{
	border:1px solid #005CB2;
	padding: 5px; 
	color: #669;
}
#pattern-style-a tbody tr:hover td
{
	color:#666;
	background:#D2E9FF;
}
.expand
{
width:20px;
}
.icon
{
margin-top:0px;
float:left;
margin-left:0px;
margin-right:5px;
width:100px;
height:100px;
}

.big
{
vertical-align:bottom;
line-height:100px;
}

#obiect
{
width:130px;
float:left;
margin-left:5px;
padding:3px;
margin-bottom:10px;
margin-top:10px;
min-height:175px;
overflow:hidden;
background-image:url(../images/pattern-head.png);
background-color:#E2E2E2;
border:2px solid #C2C2C2;
text-align:center;
text-indent:0px;
padding-top:5px;
}

#obiect2
{
width:136px;
overflow:hidden;
float:left;
padding:3px;
margin-left:5px;
margin-bottom:10px;
margin-top:10px;
min-height:175px;
background-image:url(../images/pattern-head.png);
background-color:#E2E2E2;
border:2px solid #C2C2C2;
text-align:center;
text-indent:0px;
padding-top:5px;
}

.menuitem
{
margin-left:8px;
height:30px;
line-height:25px;
margin-top:10px;
margin-bottom:5px;
background-repeat: no-repeat;
text-align:left;
text-indent:40px;
}


.sageata
{
height:10px;
}

.sus
{
background:url(../images/SAGETELE.png) top right;
}

.sus:hover
{
background:url(../images/SAGETELE.png) top left;
}

.jos
{
background:url(../images/SAGETELE.png) bottom right;
}

.jos:hover
{
background:url(../images/SAGETELE.png) bottom left;
}

.sus_activ
{
background:url(../images/SAGETELE.png) top left;
}

.jos_activ
{
background:url(../images/SAGETELE.png) bottom left;
}