body,html {margin:0px; padding:0px; font:10px Verdana, Arial; background:#969593;}
a {color:green; }
img {border:0;}
#container {position:relative; margin:auto; width:760px; }
ul {list-style-type:square;}

#header {margin-bottom:5px; width:100%; height:100px; background:url("img/header.jpg"); border:1px solid black; border-top:none;}
#hotheader {width:100%; height:100%; display:block;}
#ro {position:absolute; top:80px; left:700px; width:23px; height:15px; background:url("img/romana.jpg");}
#ro:hover {background:url("img/romana.gif");}
#en {position:absolute; top:80px; left: 730px; width:23px; height:15px; background:url("img/engleza.jpg");}
#en:hover {background:url("img/engleza.gif");}

#ghete {position:absolute; top:62px; left:11px; z-index:1000}
#ghete1 {position:absolute; background:url('img/ghete1.jpg'); width:117px; height:76px;}
#ghete2 {position:absolute; top:76px;  background:url('img/ghete2.jpg'); width:117px; height:30px;}
#ghete3 {position:absolute; top:76px; background:url('img/ghete3.jpg'); width:117px; height:30px;}
#ghete4 {position:absolute; top:76px; background: transparent; width:117px; height:30px;}
#meniu_holder {position:relative; z-index:100; margin:0 0 5px 0px; width:100%; height:25px; border:1px solid black; background:url("img/meniu.gif");}
#meniu {position:absolute; top:107px; left:150px; z-index:100; margin:0 0 5px 0px; height:25px;}
#meniu a {display:block; float:left; line-height:25px; position:relative; text-decoration:none; width:100px; text-align:center; font-weight:bold;}
#meniu a:hover {background:url("img/hover.jpg"); color:black;}
#meniu span {display:none; position:absolute;}
#meniu span a {background:#f4faea; float:none; padding:0 10px 0 10px; line-height:18px; border:1px solid gray; text-align:left; width:auto; font-weight:normal;  width:160px; color:black;}
#meniu span a:hover {background:black; color:white;}

#main {position:relative; margin:0 0 5px 0; width:100%; border:1px solid black; background:white url(img/back.jpg) no-repeat bottom right;}

#navigation {width:100%; margin:5px 0 5px 0; line-height:25px; background:white; border:1px solid black; text-align:center;}
#footer {width:100%; line-height:25px; background:white; border:1px solid black; text-align:center;}
#trafic {width:100%; margin:5px 0 0 0; text-align:center;}


#criterii {text-align:center; padding-bottom:20px;_margin-bottom:-70px;}
#criterii select {font-size:12px; position:relative; top:2px;}

.stire {display:block; text-align:center; padding:5px 20px 20px 20px; border-top:solid 1px black;}
.stire #data {display:block; text-align:center; font-size:14px; font-weight:bold; padding-bottom:20px;}

#meci {text-align:center; width:690px; border-collapse:collapse; }
#meci td {height:30px; vertical-align:top; border:solid 1px gray; padding:3px 10px 0 10px;}
/* #meci #divizia {width:130px; text-align:center;} */
#meci #adversarii {width:460px; background:black; color:white; text-align:center; font-size:14px; font-weight:bold; vertical-align:middle}
#meci #scorul {width:130px; text-align:center; background:white; font-size:14px; font-weight:bold; vertical-align:middle}
#meci #meciul {background:#98cb33;}
/*#meci #meciul #title {background:url(img/meci_meciul.gif) no-repeat 30px 10px #98cb33;}*/
#meci #marcatorii {background: #b8dc70}
/*#meci #marcatorii #title {background:url(img/meci_marcatorii.gif) no-repeat 30px 10px #b8dc70}*/
#meci #echipa {background:#d6ebad}
/*#meci #echipa #title {background:url(img/meci_echipa.gif) no-repeat 30px 10px #d6ebad}*/
#meci #arbitrii {background:#f4faea}
/*#meci #arbitrii #title {background:url(img/meci_arbitrii.gif) no-repeat 30px 10px #f4faea} */
#meci #diverse { background:#b8dc70; }

#meci #meciul #title1, #meci #marcatorii #title1, #meci #echipa #title1, #meci #arbitrii #title1, #meci #diverse #title1
{  font-weight:bolder; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:center; }

#meci #divizia1 
{ width:130px; text-align:center; 
  font-weight:bold; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#meci #meciul #title1
{ background: #98cb33; }
#meci #marcatorii #title1
{ background: #b8dc70; }
#meci #echipa #title1
{ background: #d6ebad; }
#meci #arbitrii #title1
{ background:#f4faea; }
#meci #diverse #title1
{  background:#b8dc70; }

.DSeniori {background:#d7f5d7}
/*.DSeniori #divizia {background:url(img/divizia_DSeniori.gif) no-repeat 30px 5px white;}*/
.DJuniori {background:#ffebf5}
/*.DJuniori #divizia {background:url(img/divizia_DJuniori.gif) no-repeat 30px 5px white;}*/
.junioriA {background:#fff5d1}
/*.junioriA #divizia {background:url(img/divizia_junioriA.gif) no-repeat 30px 5px white;}*/
.junioriB {background:#d4e9f4}
/*.junioriB #divizia {background:url(img/divizia_junioriB.gif) no-repeat 30px 5px white;}*/
.Diverse {text-align:left; background:#FFFFCC;}

.junioriA #divizia1, .junioriB #divizia1, .DJuniori #divizia1, .DSeniori #divizia1, .Diverse #divizia1
{ background:#FFFFFF; }


.probe {border-collapse:collapse; margin:5px 0 15px 0;}
.probe td {border:solid 1px #000; margin:0; padding:3px; vertical-align:top;}
.probe table td { margin:0;}
.probe .big {padding:0;}
.probe .big table {height:100%;}

.probe .title {text-align:center; width:100%; font-weight:bold;	}
.vnote { width:100%; height:100%; border-color:#fff;}
.vnote td {margin:0; padding:1px; text-align:center; vertical-align:middle; width:40px;}
.note td {width:40px;}

.h {background:black; color:white;}
.g {background:#98cb33;}
.d {background:#b8dc70;}
.m {background:#d6ebad;}
.f {background:#f4faea;}
table {border-collapse:collapse; margin:0 0 0 30px; width:500px;}
td {line-height:15px; border:solid black 1px; padding:3px;}
#titlu {text-align:right; width:530px; font-size:18px; font-weight:bold; margin:20px 0 5px 0;}
#antrenor {text-align:right; width:530px; font-size:14px; font-weight:bold; margin:5px 0 30px 0;}
#galerie {float:right; padding:40px 10px 10px 10px; width:160px; text-align:center; border-left:solid silver 1px;}
#galerie img {border:solid black 1px; border-top:solid black 10px; margin:10px;}
#recomandari table {width:200px; margin:60px 0 10px 0; float:right;}
h1 {margin-left:20px; font-size:16px}
.tabel{
	margin:0 auto;
	width:480px;
	margin-bottom:15px;
}
.nr{
	float:left;
	width:15px;
	heigt:20px;
	line-height:20px;
	border:1px solid #000;
	border-bottom:none;
	border-right:none;
}
.echipa{
	float:left;
	width:220px;
	height:20px;
	line-height:20px;
	border:1px solid #000;
	border-bottom:none;
	border-right:none;
	text-align:left;
	padding-left:5px;
}
.date{
	float:left;
	width:30px;
	height:20px;
	line-height:20px;
	border:1px solid #000;
	border-bottom:none;
	border-right:none;
}
.rightbrd{
	border-right:1px solid #000;
}
.bottombrd{
	border-bottom:1px solid #000;
}
.clear{
	clear:both;
	font:0;
}
.wrap{
	position:absolute;
	width:600px;
	height:200px;
}


.wrap img{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

.wrap img.active {
    z-index:10;
    opacity:1.0;
}

.wrap IMG.last-active {
    z-index:9;
}