body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
* { margin:0; padding:0;}
h1, h2, h3, h4 { font-size:100%; font-weight:normal;}
img, fieldset { border:0;}
li { list-style-type:none;}
.w1 { width:270px;}
.fl { float:left;}
.fr { float:right;}
.c { clear:both;}
.cl { clear:left;}
.mr26 { margin-right:24px;}
.mb15 { margin-bottom:15px;}
.pb10 { padding-bottom:10px;}
#content .mr0 { margin-right:0px;}
#st1 { background:url(images/st1.gif) #55ccda top repeat-x;}
#wrapp { width:940px; margin:250px auto 0 160px;}
#one, #two, #three, #nav, #logou, #label { position:absolute;}
#one, #two, #three { height:45px; padding-top:20px;}

#nav>#one a { background:url(images/filme.png) right no-repeat; width:130px;}
#one a { background:url(images/filme.gif) right no-repeat; width:130px;}
#one a:hover { background-position:6px 0;}
#nav>#one a:hover { background-position:6px 0;}

#nav>#two a { background:url(images/poze.png) -155px 0px no-repeat; width:128px;}
#two a { background:url(images/poze.gif) -155px 0px no-repeat; width:128px;}
#two a:hover { background-position:1px 0px;}
#nav>#two a:hover { background-position:1px 0px;}

#nav>#three a { background:url(images/jocuri.png) -158px 0 no-repeat; width:90px;}
#three a { background:url(images/jocuri.gif) -158px 0 no-repeat; width:90px;}
#three a:hover { background-position:-2px 0;}
#nav>#three a:hover { background-position:-2px 0;}


#nav a { display:block; margin:0 auto; height:25px; text-indent:-10000px;}
#nav a, #logou a { outline:none;}
#one { width:206px; background:url(images/one.gif) left no-repeat; top:0px; left:0px;}
#two { width:173px; background:url(images/two.gif) left no-repeat; top:10px; left:215px;}
#three { width:140px; background:url(images/thre.gif) left no-repeat; top:0px; right:0px;}

#label { left:40px; top:0;}
#logou { width:442px; height:182px; left:130px; top:10px; z-index:0;}
#nav { top:200px; width:535px; height:80px; left:200px; top:160px; z-index:1;}

#lists { margin-left:300px;}
#lists div { width:213px; float:left;}
#header h1 { font-size:20px; padding-bottom:10px; color:#000}
#header p { font-size:11px; font-weight:normal; margin-bottom:10px;}

.ic1 { background:url(images/ic1.jpg) left no-repeat;}
.ic2 { background:url(images/ic2.jpg) left no-repeat;}
.ic3 { background:url(images/ic3.jpg) left no-repeat;}

#lists h2 { padding:5px 0 10px 30px; font-size:19px; color:black;}
#lists ul { padding-left:10px; background:url(images/dots.gif) left repeat-y;}
#lists ul li { padding-left:20px;}
#lists ul li:hover { padding-left:20px; background:url(images/ball.png) left no-repeat;}
#lists ul a:hover {color:#fff;}
#lists ul li a { font-size:11px; color:#333333; text-decoration:none;}

#boxes { padding-top:20px; clear:left;}
.box { width:296px; padding-bottom:18px;}
.box div {padding:10px 0;}
.orange {background:url(images/bottom3.gif) bottom no-repeat;}
.orange h2 { background:url(images/top3.gif) 0px 0px no-repeat; color:red;}
.orange div { background:#ffc001;}
.green {background:url(images/bottom1.gif) bottom no-repeat;}
.green h2 { background:url(images/top1.gif) 0px 0px no-repeat; color:green;}
.green div { background:#a8ff01;}
.pink {background:url(images/bottom2.gif) bottom no-repeat;}
.pink h2 { background:url(images/top2.gif) 0px 0px no-repeat; color:white;}
.pink div { background:#fb008e;}
.box h2 { display:block; padding-top:10px; height:46px; text-align:center; font-size:30px; line-height:30px;}

.ls1 { padding:0 0 10px 15px;}
.ls2 { padding:0 15px;}
.ls1 li, .ls1 li a {height:120px; width:120px;}
.ls1 li {float:left; margin-right:10px; padding:2px; margin:0 10px 10px 0;}

.green .ls1 li { border:1px solid green;}
.green .ls1 li:hover { border:1px solid white;}

.pink .ls1 li { border:1px solid #666666;}
.pink .ls1 li:hover { border:1px solid white;}

.orange .ls1 li { border:1px solid red;}
.orange .ls1 li:hover { border:1px solid white;}

.ls2 li,  .ls2 li a { display:block;}
#boxes>.ls2 li { margin-bottom:10px; background:url(images/corner.png) left no-repeat; height:16px; line-height:12px; padding-left:9px;}
.ls2 li { margin-bottom:10px; background:white; height:16px; line-height:12px; padding-left:9px;}
#boxes>.ls2 li a { text-decoration:none; font-weight:normal; color:#333; background:url(images/track.png) right no-repeat; padding:2px 9px 2px 0px; height:12px;}
.ls2 li a { text-decoration:none; font-weight:normal; color:#333; background:white; padding:2px 9px 2px 0px; height:12px;}
.ls2 li a:hover { color:red;}

#foother { clear:both; padding:20px 0;}
#foother p { padding:10px; font-weight:normal; clear:both; color:white;}
#foother ul { width:220px; display:block; float:left; background:url(images/dots.gif) left repeat-y; padding:0 0 0 15px;}
#foother ul li a { font-weight:normal; color:#333;}
#foother ul li a:hover { color:white; text-decoration:none;}
/*inerpage*/

#aside { width:170px; float:left;}
.box2 { padding-bottom:15px; background:url(images/bottom21.gif) bottom no-repeat;}
.box2 h2 { background:url(images/top21.gif) top no-repeat; display:block; padding:7px; height:20px; text-align:center; color:green; font-size:18px; line-height:18px;}
.dcon h1, .box2 h2 {display:block; padding:7px; height:20px; text-align:center; color:green; font-size:18px; line-height:18px;}
.dcon h1 { margin-bottom:10px;}
.box2 ul { background:#a8ff01; padding:5px;} 
#aside>.box2 ul li { background:url(images/trk.png) no-repeat top; height:18px; display:block; margin-bottom:4px; padding-top:3px; text-align:center;}
.box2 ul li { background:white; height:18px; display:block; margin-bottom:4px; padding-top:3px; text-align:center;}
#aside>.box2 ul li:hover { background-position:bottom;}
.box2 ul li a { vertical-align:bottom; text-decoration:none; color:#333333; font-weight:bold;}
.box2 ul li a:hover { color:red;}
#content { margin-left:180px; margin-right:310px; min-height:200px; background:url(images/pgx.gif) repeat-y; padding:0 10px 0 10px;}
#right { float:right;}
#ad2 {width:120px; padding-left:6px; float:left;}
#ad3 {width:160px; padding:5px;}

.ls3 { width:170px; display:block; float:left;}
.ls3 li, .ls3 li a { display:block; height:75px; width:75px; float:left;}
.ls3 li a { vertical-align:bottom;}
.ls3 li { margin:0 6px 10px 0;}

.dcon { background:url(images/ls4bg.gif) top left no-repeat; padding-bottom:10px;}
.ls4 { display:block; height:380px; padding-left:12px;}
.ls4 li { float:left; width:124px; height:180px; text-align:center; margin:0 12px 15px 0px; display:block;}
.ls4 li img { border:2px solid #0094be;}
.ls4 li:hover img { border:2px solid #fff;}
.ls4 li:hover strong, .ls4 li:hover strong a { color:red;}
.ls4 li a { text-decoration:none; color:#333;}
.ls4 li a:hover { color:red;}
.dcon>.ls4 li strong { text-transform:uppercase; margin-bottom:0px; font-size:13px; font-family:Arial, Helvetica, sans-serif; background:url(images/bgx.png) no-repeat top; display:block; font-size:11px; height:45px; padding:2px; margin-top:5px;}
.ls4 li strong { text-transform:uppercase; margin-bottom:0px; font-size:13px; font-family:Arial, Helvetica, sans-serif; background:white; display:block; font-size:11px; height:45px; padding:2px; margin-top:5px;}
.ls4 li em { font-weight:normal; font-style:normal; text-transform:lowercase; font-size:10px; }

.posts li .play:hover { background-position:top left; color:black;}
.posts>li { height:122px; padding:10px; margin-bottom:2px; border:1px solid #299ec0; position:relative; background:url(images/pg_bg1.gif) top repeat-x; border-top:0;}
.posts .fl { margin-right:10px;}
.posts li strong { display:block; margin-bottom:5px;}
.posts li strong a { color:#333; font-size:15px; font-family:Arial, Helvetica, sans-serif; background:white; padding:0 2px;}
.posts li strong a:hover { color:red; text-decoration:underline;}
.posts li em { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.posts li .info {/*ffffff*/
	height:11px;
	width:47px;
	background:url(images/play.gif) bottom left;
	padding:3px 13px 3px 8px;
	display:block;
	position:absolute;
	bottom:10px;
	right:10px;
	line-height:11px;
	font-size:10px;
	text-transform:uppercase;
	color:#3bc101;
	outline:none;
	}
#content .posts .navi ul { width:130px; display:block; margin:0 auto; text-align:center;}
#content .posts .navi ul li { display:inline; position:inherit; float:inherit; background:none; padding:3px; height:10px; width:10px; border-bottom:0;}
#content .posts .navi { padding:0 10px; height:30px; padding:10px; border:0; float:left; background:none; width:410px; margin:0;}
#content .posts .navi ul li a { color:#000033; padding:0 3px; font-weight:bold;}
#content .posts .navi ul li a:hover, #foother li a:hover { text-decoration:underline;}
#content .posts .navi a:hover { color:#3bc101;}
.prev, .next {text-transform:uppercase; padding:4px 8px; height:13px; width:70px; background:url(images/np.gif) top left; text-align:center; color:#001fa7; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px;}
.prev:hover, .next:hover { background-position:bottom left;}
.post {height:120px; padding:10px 0;}
.post h2 { font-size:20px; border-bottom:1px solid white; margin-bottom:4px;}
.post h2 a { color:white; text-decoration:none;}
.post h2:hover a { color:red;}
.post p { font-size:11px; font-weight:normal; margin-bottom:5px;}
.post span { font-size:10px; padding-top:5px; border-top:1px solid #4bb7c6; color:#406e73;}
.post span em { float:left; font-weight:normal; font-style:normal;}
.post span strong { float:right; font-weight:normal;}
.post h2, .post p, .post span { margin-left:130px; display:block;}
.navi { height:30px; margin:10px 0;}
.navi .fl, .navi .fr {text-transform:uppercase; background:url(images/trb.gif) red left top no-repeat; text-align:center; display:block; padding:7px 3px 6px; color:#ccc; font-size:11px; width:88px;}
.navi ul { text-align:center; display:block; padding-top:5px; font-size:11px;}
.navi ul li { display:inline;}
.navi ul li a { padding:0 5px;}
.navi a { text-decoration:none; color:#333333;}
.navi a:hover {color:red; background-position: bottom left;}

#content .poz { background:url(images/ls4bgp.gif) top left no-repeat;}
#content .poz h1, #aside .poz h2 { color:white;}
#content .joc {background:url(images/ls4bgo.gif) top left no-repeat;}
#content .joc h1, #aside .joc h2 { color:red;}
#aside .poz h2 { background:url(images/top22.gif) top left no-repeat;}
#aside .joc h2 { background:url(images/top23.gif) top left no-repeat;}
#aside .poz ul { background:#fb008e;}
#aside .joc ul { background:#ffc001;}
#aside .poz {background:url(images/bottom22.gif) bottom no-repeat;}
#aside .joc {background:url(images/bottom23.gif) bottom no-repeat;}
 #joc h1 { display:block; text-align:center; font-size:20px; color:red; padding:10px; width:auto;}
#joc p { position:absolute; bottom:60px;}
#joc { margin-left:190px; height:552px; background:url(images/jocbg.gif)  top left no-repeat; width:714px; padding:0 15px 30px; position:relative;}
#joc object { margin:0 auto; width:700px; display:block; }
.jocuri { position:relative;}
hr { visibility:hidden; height:10px;}
.jocuri #right { position:absolute; top:630px; right:0;}
.jocuri #content {padding-top:20px;}
.nota { font-size:17px; color:#990000; position:absolute; bottom:15px;}
.nota a { color:white; text-decoration:none; padding:0 4px;}
.nota a:hover { text-decoration:underline; color:black;}