* {margin: 0; padding:0; border:0;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden;line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}
ul { list-style:none}
body {font-family:Arial; background:#212025 url(../img/bg_body.jpg) no-repeat center 25px;}
a {text-decoration:none; color:#007BC6; outline: none;}
a:hover {text-decoration:underline; color:#007BC6}
#top_links {height:25px;}
#main_container {width: 980px; background:#E0E3E9; padding:10px; margin:0 auto;margin-top:290px; }
#content {padding:10px; background:#fff!important;}
#header {background: url(../img/bg_top.jpg) no-repeat top center; height:378px; margin-bottom:5px;}
#content_container {background:#F0F0F0 url(../img/bg_content.jpg) no-repeat top center!important;padding:25px;}
a.disabled {color:#cccccc}

h1 {font-size:24px; font-weight:bold; margin-bottom:15px; letter-spacing:-1px;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:400px; width:540px; background:#fff url(../img/bg_popup.jpg) no-repeat!important; padding: 20px; text-align: center}
#simplemodal-container .hd {
    background: url("../img/sprite.png") repeat-x scroll 0 -200px transparent;
    color: #000000;
    font-size: 93%;
    font-weight: bold;
    line-height: 2;
    padding: 0 10px;
}
#simplemodal-container .bd {padding:10px;}
#simplemodal-container .bd p {margin-bottom:5px;}
#simplemodal-container .simplemodal-data {padding:0;}
#simplemodal-container code {background:#141414; bordernone; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:0}
#simplemodal-container a {color:#000;}
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:5px; right:5px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
#simplemodal-container .top {margin-bottom: 20px;}
#simplemodal-container .player {width:250px; height:154px;background: url(../img/engine.png) no-repeat top left; margin: 0 auto;padding-top: 24px;}
#simplemodal-container .player2 {width:80px; height:80px;position: absolute; left:250px; top:220px;;}

#simplemodal-container .send_btn {background: url(../img/btn_trimite.png) no-repeat top left; width:170px; height:36px; text-indent:-9999px;}
#simplemodal-container .close_btn {background: url(../img/btn_close.png) no-repeat top left; width:170px; height:36px; text-indent:-9999px;}
#simplemodal-container .register {background: url(../img/btn_register.png) no-repeat top left; width:150px; height:36px; text-indent:-9999px;}
#simplemodal-container .login {background: url(../img/btn_login.png) no-repeat top left; width:80px; height:36px; text-indent:-9999px;}
#simplemodal-container .rlogin {margin-left:90px;}
#simplemodal-container .rlogin a {float:left; margin-right: 10px;}
#simplemodal-container .rlogin div {float:left; margin-right: 10px; padding-top: 7px;}
#simplemodal-container .answers {margin-right:10px;}
#simplemodal-container ul {text-align:left; margin: 0 0 20px 200px;}
#simplemodal-container .big_car {margin:0 0 0px 110px; display:block;}
#simplemodal-container .corect {padding-left:50px; background: url(../img/ok_m.png) no-repeat left 46px;text-align: left; margin-bottom: 0px;}
#simplemodal-container h2 {letter-spacing: -1px;}
#simplemodal-container .corect h2 {text-align: center;margin-bottom:20px;margin-left: -60px;}
#simplemodal-container .gresit {padding-left:50px; background: url(../img/cross_m.png) no-repeat left 36px;text-align: left; padding-bottom: 1px;}
#simplemodal-container .gresit h2 {text-align: center; margin-bottom:20px;}
#simplemodal-container .gresit  p {margin-bottom: 10px;}

.top_links {background: #232323; width:1000px;margin:0 auto;font-size: 11px; color: #999999; padding-top: 3px;}
.top_links a {font-size: 11px; color: #fff; text-decoration: none}
.top_links .left {float:left;}
.top_links .right {float:right; padding-top: 5px;}
/*
#header {position:relative;}
#header .nav {position:absolute; bottom:0px; left:20px; width:400px;}
#header .nav li {display:inline-block; background: none; width: auto; height:37px;padding-top:5px; margin-right:10px;padding-left:10px;margin-bottom: 0;}
*/

#header {position:relative;}
#header .nav {position:absolute; bottom:0px; left:20px;}
#header .nav li {float:left; margin-right:10px;}
#header .nav li a {display:block; height:37px; text-indent:-99999px;}
#header .nav li.contest a {background:url(../img/tab_contest.png) no-repeat; width:90px;}
#header .nav li.contest_active a {background:url(../img/tab_contest_active.png) no-repeat; width:90px;}
#header .nav li.rules a {background:url(../img/tab_rules.png) no-repeat; width:114px;}
#header .nav li.rules_active a {background:url(../img/tab_rules_active.png) no-repeat; width:114px;}
#header .nav li.winners a {background:url(../img/tab_winners.png) no-repeat; width:107px;}
#header .nav li.winners_active a {background:url(../img/tab_winners_active.png) no-repeat; width:107px;}



.engine_sounds {width:910px; overflow:hidden;}
.engine_sounds ul {width:1000px;}
.engine_sounds li {width:173px; height:169px; float:left; background: url(../img/calendar_inactive.png) no-repeat 13px 13px; position:relative; margin:0px 10px 10px 0px;}
.engine_sounds li a {display:block; color:#CCCCCCC; width:145px; height:152px; margin:0 auto;}
.engine_sounds li a:hover {text-decoration:none;}
.engine_sounds li.current {background: url(../img/calendar_active.png) no-repeat top left;}
.engine_sounds li.current .date {color:#C30022}
.engine_sounds .date {color:#cac9cd; font-size:30px; font-weight:bold; display:block; text-align:center; padding:30px 0px 0px;}
.engine_sounds .correct {background:url(../img/ok.png) no-repeat top left; width:30px; height:30px; display:block; position:absolute;right:0px; top:0px;}
.engine_sounds .wrong {background:url(../img/cross.png) no-repeat top left; width:30px; height:30px; display:block; position:absolute;right:0px; top:0px;}
.engine_sounds .play {background:url(../img/play.png) no-repeat top left; width:54px; height:54px; display:block; position:absolute; left:60px; top:83px;}
.engine_sounds .small_car {width:139px; height:70px; display:block; position:absolute; left:16px; top:70px;}

#footer {background:#242424 url(../img/bg_footer.jpg) repeat-x bottom left; padding:15px;width:970px;margin:0 auto;}
#footer {}
#footer .bottom {color:#999999; font-size:11px;}
#footer .left {width:40%!important; position:static!important; float:left!important}
#footer .left img {float:left; margin:0px 10px 0px 0px;}
#footer .right {width:40%; text-align:right; font-size:11px;float: right}
#footer .right a {font-weight:bold;}
#footer .trafic {width:100px; margin:0 auto; text-align:center;padding-top:0;}
#footer .content {background:none;color:#999999;}
#footer .content .top {
    background:none repeat scroll 0 0 transparent;
    padding:0;
}
#footer .content .btm {
    position:relative;
}

#footer .content .btm .right {
    position:absolute;
    right:15px;
    top:0;
}

#footer .content .btm .left {left:15px;top:35px;}
.banner {width:580px; height:102px; position: absolute;bottom: 0; left: 0; display: block;}
.simplemodal-container {border: 5px solid #CCCCCC;}
.communities {padding-top: 10px;}
.communities td {padding: 5px;}
.communities .fb {font-size: 12px; color:#465797;}
.communities .tw {font-size: 12px; color:#0086C3;}

.regulament {}
.regulament h1 {}
.regulament p {font-size:13px; margin-bottom:3px;}
.regulament h2 {font-size:18px; font-weight:bold; margin-bottom:10px;}
.regulament h2 a {color:#000000; text-decoration:none;}
.regulament h2 a:hover {text-decoration:none;}
.regulament li {margin-bottom:15px;}
