*{margin:0;padding:0;}
body {font:12px Arial, Helvetica, sans-serif; color:#000000;}
a {color:#2660B6;text-decoration:none;outline:none;}
a img{border:0;}
a:hover{text-decoration:underline;}
input,select,textarea{color:#333;font:normal 12px Arial, Helvetica, sans-serif;}
ul,li{list-style:none;}
* html .clearfix{height:1%;}
.clearfix{display:inline-block;}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
html[xmlns] .clearfix{display:block;}

.left {float:left;}
.right {float:right;}


#maincontainer {width:100%;}

.wrapper {margin:0 auto; width:920px;}
#header {width:920px; margin:0px auto 20px; padding-top:30px;}


#logo {float:left; display:inline;}
#logo a {display:block; float:left; background:url(../../img/site/logo.gif) no-repeat top left; width:212px; height:41px; text-indent:-9999px; margin-right:5px;}
#logo span {color:#91919D; float:left; display:block; padding-top:23px;}

#nav { float:right}
#nav li {float:left;  padding:10px 0;}
#nav li.last a {background:none;}
#nav li a {color:#666666; font-size:12px; font-weight:bold; display:block; padding:12px 7px; background:url(../../img/site/nav_separator.gif) no-repeat right center;}


.promo_home {background:url(../../img/site/visual_joybox.jpg) no-repeat top center; height:300px; margin:0 auto; color:#FFFFFF; margin-bottom:20px;}
.promo_home .box_padding {padding:40px 370px 0px 0px;}
.promo_home h1 {font-size:26px; margin-bottom:15px;}
.promo_home h2 {font-size:16px; margin-bottom:5px; color:#fff;}
.promo_home .advantages {margin-bottom:20px;}
.promo_home .advantages li {background:url(../../img/site/arr_right_blue.gif) no-repeat 0px 1px; padding-left:22px; margin-bottom:5px;}
.promo_home .advantages li a {color:#FFFFFF;}

.box_prezentare {margin-bottom:15px;}
.box_prezentare .box_advertiser {width:280px; float:left; border-right:1px solid #E8E8EA; padding-right:15px; margin-right:15px;}
.box_prezentare .box_advertiser .top,.box_prezentare .box_developer .top {margin-bottom:10px;}
.box_prezentare .box_advertiser h2,.developer h2 {float:left; font-size:22px; padding-top:20px; font-weight:normal;}
.box_prezentare .box_advertiser h2 { color:#669933; }
.box_prezentare .box_advertiser img {float:left; margin-right:22px;}
.box_prezentare .box_advertiser .info li {margin-bottom:5px; background:url(../../img/site/arr_right.gif) no-repeat left center; padding-left:20px;font-weight:bold;}
.box_prezentare .box_advertiser span.desc {margin-bottom:10px; display:block;}

.box_prezentare .box_developer {width:285px; float:left;}
.box_prezentare .box_developer h2 {color:#2E8BB8; font-size:22px; padding-top:20px; font-weight:normal;}
.box_prezentare .box_developer img {float:left; margin-right:15px;}
.box_prezentare .box_developer .info li {margin-bottom:5px; background:url(../../img/site/arr_right.gif) no-repeat left center; padding-left:20px; font-weight:bold;}
.box_prezentare .box_developer span.desc {margin-bottom:27px; display:block;}

.btn_green {background:url(../../img/site/btn_left_green.gif) no-repeat top left; padding-left:16px; float:left;}
.btn_green a {background:url(../../img/site/btn_right_green.gif) no-repeat top right; display:block;color:#FFFFFF; font-weight:bold; font-size:13px;padding:5px 16px 7px 0px; float:left;}

.btn_blue {background:url(../../img/site/btn_left_blue.gif) no-repeat top left; padding-left:16px; float:left;}
.btn_blue a {background:url(../../img/site/btn_right_blue.gif) no-repeat top right; display:block;color:#FFFFFF; font-weight:bold; font-size:16px;padding:6px 16px 8px 0px; float:left;}


input.text {background:url(../../img/site/bg_input.jpg) repeat-x top left; border:1px solid #CED9DF; padding:3px; display:block;}


#footer {width:920px; margin:30px auto 0px; font-size: 11px;}
#footer .left {font-size:10px;}
#footer .left span { color:#C8C8CE; margin:0px 5px; }
#footer .right span {color:#666666; }

.wrap_login {background:url(../../img/site/bg_loginpage.jpg) no-repeat center top; width:100%; height:320px; margin-bottom:25px;}
.wrap_login .login_content .left {width:410px; padding-top:180px;}
.wrap_login .login_content .left h1 {font-size:16px;color:#FFFFFF}
.wrap_login .login_content .left span {color:#FFFFFF}
.wrap_login .login_content .right {width:320x;float:right; padding-top:38px; margin-right:30px; display:inline;}

.box_mainlogin {width:300px; position:relative;}
.box_mainlogin .box_padding {padding:10px;}
.box_mainlogin input {padding:6px; width:140px; display:block;}
.box_mainlogin label {color:#5C6267; margin-bottom:3px; display:block;}
.box_mainlogin .username {margin-bottom:8px;} 
.box_mainlogin .username input {width:180px;}
.box_mainlogin .password {margin-bottom:5px; float:left;}
.box_mainlogin input.check {font-size:12px; width:auto; height:auto;}
.box_mainlogin span.recover {display:block; margin-bottom:10px;}
.box_mainlogin h2 {color:#3094DC; font-size:18px; font-weight:normal; margin-bottom:5px;}
.box_mainlogin div.err {background:url(../../img/site/err.gif) no-repeat left center; padding-left:28px; height:20px; color:#FF6600; font-weight:bold; margin-bottom:2px; padding-top:3px;}

.btn_green1 {background:url(../../img/site/btn_left_green1.gif) no-repeat top left; padding-left:16px; float:left;}
.btn_green1 a {background:url(../../img/site/btn_right_green1.gif) no-repeat top right; display:block;color:#FFFFFF; font-weight:bold; font-size:13px;padding:10px 16px 10px 0px; float:left;}
.pt120 {padding-top:100px!important;}

/****************DESPRE JOYBOX***********************/


.tarife {border-top:1px solid #E8E8EA;border-bottom:1px solid #E8E8EA; margin:15px 0px;}
.tarife .block {border-bottom:1px solid #E8E8EA; padding:10px 20px 10px 10px;}
.tarife .last_block {border:none;}
.tarife .first_block {background:url(../../img/site/bg_grey1.jpg) repeat-x top left; padding:4px 20px 4px 10px;}
.tarife .first_block .col1 {padding-top:3px;}
.tarife .col1 {float:left;}
.tarife .col2 {float:right;}
.tarife .col2 span {color:#9DBC0E; font-size:16px; font-weight:bold; line-height:16px;}


.cat_sites table {}
.cat_sites table td {vertical-align:top; padding:5px 10px; border-bottom:1px solid #E8E8EA}
.cat_sites table td.nr {padding:5px 0px; width:20px; text-align:right}
.cat_sites table td.last {padding:5px 10px 5px 5px; width:240px;}
.cat_sites table tr.selected td {background:url(../../img/site/bg_grey1.jpg) repeat-x;}
.cat_sites table td ul.sites {padding-top:5px;}
.cat_sites table td ul.sites li {margin-bottom:2px;font-size:13px;}





.contact {}
.contact .field {margin-bottom:15px;}
.contact .cel1 {width:120px; float:left;}
.contact input.text {width:230px;}
.contact .cel2 {width:400px; float:left;}
.contact select.sel {width:200px;border:1px solid #CED9DF; height:24px;}
.contact textarea.text {border:1px solid #CED9DF;background:url(../../img/site/bg_input.jpg) repeat-x top left; width:320px; height:90px; padding:5px;}
.contact input.send {background:url(../../img/site/btn_trimite.jpg) no-repeat; width:85px; height:32px; display:block; border:none; padding:0px; cursor:pointer;}
.flderr {color:#F64E09;}

.box_msg_succes {background:url(../../img/bg_top_box_succes.jpg) no-repeat top left; width:960px; position:relative; margin-bottom:30px;}
.box_msg_succes .bgcontent {padding:15px 15px 15px 80px;}
.box_msg_succes a.close {background:url(../../img/close_green.gif) no-repeat top left; text-indent:-9999px; display:block; width:16px; height:16px; position:absolute; top:10px; right:10px;}
.box_msg_succes h2 {font-size:16px;}
.box_msg_succes .btm {background:url(../../img/bg_btm_box_green.gif) no-repeat top left; width:960px; height:6px; font-size:1px;}

.box_msg_err {background:url(../../img/bg_top_box_orange.jpg) no-repeat top left; width:960px; position:relative; margin-bottom:30px;}
.box_msg_err .bgcontent {padding:15px 15px 15px 80px;}
.box_msg_err a.close {background:url(../../img/close_red.gif) no-repeat top left; text-indent:-9999px; display:block; width:16px; height:16px; position:absolute; top:10px; right:10px;}
.box_msg_err h2 {font-size:16px;}
.box_msg_err .btm {background:url(../../img/bg_btm_box_orange.gif) no-repeat top left; width:960px; height:6px; font-size:1px;}

/**************NEW STYLES OPTIMISE************/
.box_gray {background:#F2F5F8;}
.box_gray .box_content {padding:0px 10px;}
.box_gray .crt {background:url(../../img/site/corners_gray.gif) no-repeat -9px 0px; width:9px; height:9px; float:right; font-size:1px;}
.box_gray .clt {background:url(../../img/site/corners_gray.gif) no-repeat 0px 0px; width:9px; height:9px; float:left; font-size:1px;}
.box_gray .clb {background:url(../../img/site/corners_gray.gif) no-repeat 0px -9px; width:9px; height:9px; float:left; font-size:1px;}
.box_gray .crb {background:url(../../img/site/corners_gray.gif) no-repeat -9px -9px; width:9px; height:9px; float:right; font-size:1px;}

.box_blue {background:#9FD5F7;}
.box_blue .box_content {padding:0px 10px;}
.box_blue .crt {background:url(../../img/site/corners_blue.gif) no-repeat -9px 0px; width:9px; height:9px; float:right; font-size:1px;}
.box_blue .clt {background:url(../../img/site/corners_blue.gif) no-repeat 0px 0px; width:9px; height:9px; float:left; font-size:1px;}
.box_blue .clb {background:url(../../img/site/corners_blue.gif) no-repeat 0px -9px; width:9px; height:9px; float:left; font-size:1px;}
.box_blue .crb {background:url(../../img/site/corners_blue.gif) no-repeat -9px -9px; width:9px; height:9px; float:right; font-size:1px;}


.box_login  {margin-bottom:15px;}
.box_login h2 {font-size:16px; font-weight:bold;}
.box_login .field {margin-bottom:10px;}
.box_login .field label {margin-bottom:5px; display:block;}
.box_login .field .btn {background:url(../../img/site/btn_login.gif) no-repeat; display:block; float:left; width:75px; height:22px; font-size:13px; color:#FFFFFF; text-align:center; font-weight:bold; padding-top:5px; margin-top:18px; margin-left:10px;}

.left_column {float:left; width:600px;}
.right_column {float:right; width:300px;}

.box_announcement {}
.box_announcement h2 {font-size:16px; font-weight:bold;}
.box_announcement .announce a {background:url(../../img/site/sageata_blue.gif) no-repeat left center; padding-left:10px;}

.box_contact {}
.box_contact .btn {margin-bottom:10px;}
.box_contact .btn a {background:url(../../img/site/btn_contact.gif) no-repeat; display:block;width:124px; height:22px; font-size:13px; color:#FFFFFF; text-align:center; font-weight:bold; padding-top:5px;}

.top_page {background:url(../../img/site/bg_blue1.jpg) no-repeat; height:131px; margin-bottom:15px;}
.top_page h1 {color:#FFFFFF; font-size:25px; font-weight:normal; margin-bottom:10px; padding-top:30px;}
.top_page .info {color:#FFFFFF; font-weight:normal; font-size:12px;}

h2 {color:#75B4E9; margin-bottom:10px; font-size:16px;}
h3 {color:#000000; margin-bottom:10px; font-size:16px;}

.list_arrow {}
.list_arrow li {background:url(../../img/site/sageata_list.gif) no-repeat left center; padding:2px 12px;}

.button_blue {background:url(../../img/site/btn_blue_left.gif) no-repeat top left; float:left; padding-left:10px; font-size:13px;}
.button_blue a {background:url(../../img/site/btn_blue_right.gif) no-repeat top right; display:block; float:left; color:#FFFFFF; font-weight:bold; padding:6px 10px 6px 0px;}