@font-face
{
    font-family: my_font;
  //  src: url('http://www.rockbattle.ro/newsite/css/font.ttf');
}
body
{color: #444; font-family: my_font; font-size: 20px;

 }

ul li
{
list-style-image:url(../images/nasrosu.png);
font-size: 20px;
}

ul.medial li a
{
text-align:center;
font-family: arial;
font-size:24px;
text-decoration: none;
}

ul.medial li A:hover {text-decoration: underline; color: red;}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
}

img
{
border-style: none;
}


.editbox
{color: #444; border: 1px solid #ccc }

.position
{ width: 50px }

.url
{ width: 250px }

.name
{ width: 300px }

.title
{ width: 500px }

ul.menu
{ list-style: none; overflow: show; padding: 0;
 margin-bottom: 10px;
  padding-bottom: 5px;font-size:20px;
  width:100%;
  position:relative;
  left:190px;

  }

ul.menu li
{ float: left; padding: 0 5px; display:inline-block;   }

ul.menu li a
{ text-decoration: none; color: #3465a4;  padding:10px;  }

ul.menu li a:hover
{
color:#333333;
background:#CCCCCC;
}

td.start, td.inner
{ border-right: 2px solid #ddd; padding: 0 10px }

td.start
{ padding-left: 0 }

td.end
{ padding-left: 10px }

tr.text td
{ background: #eee; padding: 3px; text-align: center;
  border: 1px solid #ddd }
.topbanner
{
position:relative;
left:200px;
width:80%;
height:170px;
}
.container
{
position:relative;
left:220px;
top:30px;
width:900px;
height:500px;
overflow:auto;
z-index:2;
 background:url(../images/container.png);
}
.leftmenu
{
position:absolute;
left:-100px;
top:150px;
width:240px;

}

.leftmenu ul li
{
list-style:none;

}

.leftmenu ul li.start
{

}
.leftmenu ul li.end
{

}
.searchengine
{
position:absolute;
top:170px;
left:900px;
width:160px;

}

.rightmenu
{
position:absolute;
top:250px;
left:1000px;
width:240px;

}

.rightmenu ul li
{
list-style:none;
}

.rightmenu ul li.start
{
}
.rightmenu ul li.end
{

}
ul.meniu a
{
text-decoration: none;
color:#CCFFFF;
text-align:center;
padding-left:2px;
font-weight:bold;
font-style:italic;
}
ul.meniu a:hover
{

color:#66FFFF;
}


ul.meniu li.nas a:hover
{
background:none;
}
ul.meniu li
{
position:relative;
left:150px;
margin-bottom:-120px;
}


ul.meniu li.end
{
font-size:20px;
}

img.start
{
height:80px;
display:block;
margin-bottom:20px;

}


img.middle
{
display:block;
height:80px;
margin-bottom:20px;
}
ul.meniudr li a
{
text-align:center;
text-decoration:none;
font-size:20px;
font-weight:bold;
color:#3465a4;
}

img.meniust
{

display:block;
position:absolute;
left:25px;
width:225px;
z-index:-2;
height:40px;
margin-top:-10px;

}

table.video
{
position:relative;
top:10px;
overflow:auto;
}
table.video th
{
font-size:20px;
}
table.picture
{
position:relative;
top:50px;
margin-left:30px;
}
p.videotitle
{
text-align:center;
font-size:20px;
font-weight:bold;
color:#666666;
}
p.videobox
{
height:150px;
width:200px;
overflow:auto;

}
table.nws
{
position:relative;
top:40px;
left:40px;
}

table.nws p.subject
{
padding-left:0px;
font-size:20px;
font-style:italic;
font-weight:bold;
}

table.nws p
{
padding-left:25px;
}
table.nws p.download
{
position:relative;
top:-30px;
}
table.nws p img
{
position:relative;
top:10px;

}
div.part
{
position:relative;
left:290px;
bottom:15px;
margin-top:30px;
}
div.trafic
{
position:relative;
bottom:5px;
margin-top:40px;

}
ul.parteneri
{
color:#FF0000;
position:absolute;
top:10px;
left:250px;
}
ul.parteneri li
{
list-style:none;
display:inline-block;
padding:10px;
}
div.voluntariat
{
text-align:center;
position:relative;
}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	color:#3465a4;
 list-style: none; overflow: hidden; padding: 0;
  padding-bottom: 4.5px;font-size:18px;
  font-weight:100;
	text-decoration: none;
        z-index:!important;
        }

#sddm li a:hover
{	background: #CCCCCC}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	z-index:+5;
	border: 1px solid #5970B2
	
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;

		font: 11px arial;
		}

	#sddm div a:hover
	{	
		color: #FFF}
.invisible
{
    position:relative;   
    left:150px;
    height:100%;
    overflow:auto;
    width:500px;
}